add themes folder
icyphox icyph0x@protonmail.com
Sun, 21 Jan 2018 20:36:37 +0530
2402 files changed,
133498 insertions(+),
0 deletions(-)
jump to
A
themes/Chandelier/xfwm4/bottom-active.xpm
@@ -0,0 +1,11 @@
+/* XPM */ +static char * bottom_left_active_xpm[] = { +"6 6 2 1", +" c None", +". c #FFFFFF", +"......", +"......", +"......", +"......", +"......", +"......"};
A
themes/Chandelier/xfwm4/bottom-inactive.xpm
@@ -0,0 +1,11 @@
+/* XPM */ +static char * bottom_left_inactive_xpm[] = { +"6 6 2 1", +" c None", +". c #FFFFFF", +"......", +"......", +"......", +"......", +"......", +"......"};
A
themes/Chandelier/xfwm4/bottom-left-active.xpm
@@ -0,0 +1,11 @@
+/* XPM */ +static char * bottom_left_active_xpm[] = { +"6 6 2 1", +" c None", +". c #FFFFFF", +"......", +"......", +"......", +"......", +"......", +"......"};
A
themes/Chandelier/xfwm4/bottom-left-inactive.xpm
@@ -0,0 +1,11 @@
+/* XPM */ +static char * bottom_left_inactive_xpm[] = { +"6 6 2 1", +" c None", +". c #FFFFFF", +"......", +"......", +"......", +"......", +"......", +"......"};
A
themes/Chandelier/xfwm4/bottom-right-active.xpm
@@ -0,0 +1,19 @@
+/* XPM */ +static char * bottom_right_active_xpm[] = { +"12 6 10 1", +" c None", +". c #FFFFFF", +"+ c #FEFEFE", +"@ c #FD7A81", +"# c #FD7980", +"$ c #FDFCFC", +"% c #FEFAFA", +"& c #FDFBFB", +"* c #FEF9F9", +"= c #FD7B82", +".....+@#### ", +"....+###### ", +"....$##### ", +"...$##### ", +"+%&#### ", +"*=### "};
A
themes/Chandelier/xfwm4/bottom-right-inactive.xpm
@@ -0,0 +1,19 @@
+/* XPM */ +static char * bottom_right_active_xpm[] = { +"12 6 10 1", +" c None", +". c #FFFFFF", +"+ c #FEFEFE", +"@ c #FD7A81", +"# c #FD7980", +"$ c #FDFCFC", +"% c #FEFAFA", +"& c #FDFBFB", +"* c #FEF9F9", +"= c #FD7B82", +".....+@#### ", +"....+###### ", +"....$##### ", +"...$##### ", +"+%&#### ", +"*=### "};
A
themes/Chandelier/xfwm4/close-active.xpm
@@ -0,0 +1,11 @@
+/* XPM */ +static char * close_active_xpm[] = { +"20 6 2 1", +" c None", +". c #FFFFFF", +"....................", +"....................", +"....................", +"....................", +"....................", +"...................."};
A
themes/Chandelier/xfwm4/close-inactive.xpm
@@ -0,0 +1,11 @@
+/* XPM */ +static char * close_active_xpm[] = { +"20 6 2 1", +" c None", +". c #FFFFFF", +"....................", +"....................", +"....................", +"....................", +"....................", +"...................."};
A
themes/Chandelier/xfwm4/close-prelight.xpm
@@ -0,0 +1,12 @@
+/* XPM */ +static char * close_active_xpm[] = { +"20 6 3 1", +" c None", +". c #FC7B82", +"+ c #FC7C82", +"...................+", +"....................", +"....................", +"....................", +"....................", +"...................."};
A
themes/Chandelier/xfwm4/close-pressed.xpm
@@ -0,0 +1,16 @@
+/* XPM */ +static char * close_pressed_xpm[] = { +"20 6 7 1", +" c None", +". c #FE2B35", +"+ c #FE2A34", +"@ c #FE2A33", +"# c #FE2933", +"$ c #FE2C36", +"% c #FE2B34", +".+++++++++++++@@++..", +"++++++@@####@@@#@@+.", +"++++++@+@@####@##@++", +"++++++++@@###@@@#@++", +".+++++++@@##@#@+@++.", +"$..++++++++++++++%.$"};
A
themes/Chandelier/xfwm4/hide-active.xpm
@@ -0,0 +1,11 @@
+/* XPM */ +static char * close_active_xpm[] = { +"20 6 2 1", +" c None", +". c #FFFFFF", +"....................", +"....................", +"....................", +"....................", +"....................", +"...................."};
A
themes/Chandelier/xfwm4/hide-inactive.xpm
@@ -0,0 +1,11 @@
+/* XPM */ +static char * close_active_xpm[] = { +"20 6 2 1", +" c None", +". c #FFFFFF", +"....................", +"....................", +"....................", +"....................", +"....................", +"...................."};
A
themes/Chandelier/xfwm4/hide-prelight.xpm
@@ -0,0 +1,16 @@
+/* XPM */ +static char * hide_active_xpm[] = { +"20 6 7 1", +" c None", +". c #8FFE98", +"+ c #90FE98", +"@ c #92FD96", +"# c #90FE97", +"$ c #91FE97", +"% c #92FD97", +"..................+@", +"..................+#", +"...................+", +"...................#", +"...................$", +"..................+%"};
A
themes/Chandelier/xfwm4/hide-presssed.xpm
@@ -0,0 +1,12 @@
+/* XPM */ +static char * hide_presssed_xpm[] = { +"20 6 3 1", +" c None", +". c #34FE4C", +"+ c #35FE4C", +"....................", +"....................", +"....................", +"....................", +"....................", +"+..................."};
A
themes/Chandelier/xfwm4/left-active.xpm
@@ -0,0 +1,11 @@
+/* XPM */ +static char * left_active_xpm[] = { +"6 6 2 1", +" c None", +". c #FFFFFF", +"......", +"......", +"......", +"......", +"......", +"......"};
A
themes/Chandelier/xfwm4/left-inactive.xpm
@@ -0,0 +1,11 @@
+/* XPM */ +static char * left_inactive_xpm[] = { +"6 6 2 1", +" c None", +". c #FFFFFF", +"......", +"......", +"......", +"......", +"......", +"......"};
A
themes/Chandelier/xfwm4/maximize-active.xpm
@@ -0,0 +1,11 @@
+/* XPM */ +static char * close_active_xpm[] = { +"20 6 2 1", +" c None", +". c #FFFFFF", +"....................", +"....................", +"....................", +"....................", +"....................", +"...................."};
A
themes/Chandelier/xfwm4/maximize-inactive.xpm
@@ -0,0 +1,11 @@
+/* XPM */ +static char * close_active_xpm[] = { +"20 6 2 1", +" c None", +". c #FFFFFF", +"....................", +"....................", +"....................", +"....................", +"....................", +"...................."};
A
themes/Chandelier/xfwm4/maximize-prelight.xpm
@@ -0,0 +1,12 @@
+/* XPM */ +static char * maximize_active_xpm[] = { +"20 6 3 1", +" c None", +". c #FED971", +"+ c #FEDA71", +"...................+", +"....................", +"....................", +"....................", +"...................+", +"+..................+"};
A
themes/Chandelier/xfwm4/maximize-pressed.xpm
@@ -0,0 +1,13 @@
+/* XPM */ +static char * maximize_pressed_xpm[] = { +"20 6 4 1", +" c None", +". c #FEC11B", +"+ c #FEC11C", +"@ c #FEC11D", +"....................", +"....................", +".+..................", +"..................++", +"+++++++++.........++", +"+++++++++++++....++@"};
A
themes/Chandelier/xfwm4/right-active.xpm
@@ -0,0 +1,12 @@
+/* XPM */ +static char * right_active_xpm[] = { +"12 6 3 1", +" c None", +". c #FFFFFF", +"+ c #FD7B82", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++"};
A
themes/Chandelier/xfwm4/right-inactive.xpm
@@ -0,0 +1,12 @@
+/* XPM */ +static char * right_active_xpm[] = { +"12 6 3 1", +" c None", +". c #FFFFFF", +"+ c #FD7B82", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++"};
A
themes/Chandelier/xfwm4/shade-active.xpm
@@ -0,0 +1,11 @@
+/* XPM */ +static char * close_active_xpm[] = { +"20 6 2 1", +" c None", +". c #FFFFFF", +"....................", +"....................", +"....................", +"....................", +"....................", +"...................."};
A
themes/Chandelier/xfwm4/shade-inactive.xpm
@@ -0,0 +1,11 @@
+/* XPM */ +static char * close_active_xpm[] = { +"20 6 2 1", +" c None", +". c #FFFFFF", +"....................", +"....................", +"....................", +"....................", +"....................", +"...................."};
A
themes/Chandelier/xfwm4/shade-prelight.xpm
@@ -0,0 +1,12 @@
+/* XPM */ +static char * shade_prelight_xpm[] = { +"20 6 3 1", +" c None", +". c #D9D9D9", +"+ c #D9D9D8", +".................+++", +"....................", +"....................", +"....................", +"....................", +"...................+"};
A
themes/Chandelier/xfwm4/shade-pressed.xpm
@@ -0,0 +1,12 @@
+/* XPM */ +static char * shade_pressed_xpm[] = { +"20 6 3 1", +" c None", +". c #9C9C9A", +"+ c #9D9C9A", +"...................+", +"....................", +"....................", +"....................", +"...................+", +"...................."};
A
themes/Chandelier/xfwm4/themerc
@@ -0,0 +1,25 @@
+# text color in the title bar +active_text_color=#ffffff +inactive_text_color=#ffffff + +# items placement in the title bar +button_offset=0 +button_spacing=2 +maximized_offset=0 +full_width_title=true +title_horizontal_offset=0 +title_vertical_offset_active=0 +title_vertical_offset_inactive=0 + +# hide the app icon for concistency +show_app_icon=false + +# button_layout +# O = Option menu +# T = Stick +# H = hide +# S = shade +# M = maximize +# C = close +# | = title +button_layout=S|HMC
A
themes/Chandelier/xfwm4/title-1-active.xpm
@@ -0,0 +1,17 @@
+/* XPM */ +static char * title_1_active_xpm[] = { +"6 12 2 1", +" c None", +". c #FFFFFF", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......"};
A
themes/Chandelier/xfwm4/title-1-inactive.xpm
@@ -0,0 +1,17 @@
+/* XPM */ +static char * title_1_active_xpm[] = { +"6 12 2 1", +" c None", +". c #FFFFFF", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......"};
A
themes/Chandelier/xfwm4/title-2-active.xpm
@@ -0,0 +1,17 @@
+/* XPM */ +static char * title_1_active_xpm[] = { +"6 12 2 1", +" c None", +". c #FFFFFF", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......"};
A
themes/Chandelier/xfwm4/title-2-inactive.xpm
@@ -0,0 +1,17 @@
+/* XPM */ +static char * title_1_active_xpm[] = { +"6 12 2 1", +" c None", +". c #FFFFFF", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......"};
A
themes/Chandelier/xfwm4/title-3-active.xpm
@@ -0,0 +1,17 @@
+/* XPM */ +static char * title_1_active_xpm[] = { +"6 12 2 1", +" c None", +". c #FFFFFF", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......"};
A
themes/Chandelier/xfwm4/title-3-inactive.xpm
@@ -0,0 +1,17 @@
+/* XPM */ +static char * title_1_active_xpm[] = { +"6 12 2 1", +" c None", +". c #FFFFFF", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......"};
A
themes/Chandelier/xfwm4/title-4-active.xpm
@@ -0,0 +1,17 @@
+/* XPM */ +static char * title_1_active_xpm[] = { +"6 12 2 1", +" c None", +". c #FFFFFF", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......"};
A
themes/Chandelier/xfwm4/title-4-inactive.xpm
@@ -0,0 +1,17 @@
+/* XPM */ +static char * title_1_active_xpm[] = { +"6 12 2 1", +" c None", +". c #FFFFFF", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......"};
A
themes/Chandelier/xfwm4/title-5-active.xpm
@@ -0,0 +1,17 @@
+/* XPM */ +static char * title_1_active_xpm[] = { +"6 12 2 1", +" c None", +". c #FFFFFF", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......"};
A
themes/Chandelier/xfwm4/title-5-inactive.xpm
@@ -0,0 +1,17 @@
+/* XPM */ +static char * title_1_active_xpm[] = { +"6 12 2 1", +" c None", +". c #FFFFFF", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......"};
A
themes/Chandelier/xfwm4/top-left-active.xpm
@@ -0,0 +1,17 @@
+/* XPM */ +static char * top_left_active_xpm[] = { +"6 12 2 1", +" c None", +". c #FFFFFF", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......"};
A
themes/Chandelier/xfwm4/top-left-inactive.xpm
@@ -0,0 +1,17 @@
+/* XPM */ +static char * top_left_active_xpm[] = { +"6 12 2 1", +" c None", +". c #FFFFFF", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......", +"......"};
A
themes/Chandelier/xfwm4/top-right-active.xpm
@@ -0,0 +1,18 @@
+/* XPM */ +static char * top_right_active_xpm[] = { +"12 12 3 1", +" c None", +". c #FFFFFF", +"+ c #FD7980", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++"};
A
themes/Chandelier/xfwm4/top-right-inactive.xpm
@@ -0,0 +1,18 @@
+/* XPM */ +static char * top_right_active_xpm[] = { +"12 12 3 1", +" c None", +". c #FFFFFF", +"+ c #FD7980", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++", +"......++++++"};
A
themes/Frontiere-Blue/xfwm4/themerc
@@ -0,0 +1,32 @@
+button_offset=0 +button_spacing=0 + +full_width_title=true +title_shadow_active=false +title_shadow_inactive=false +title_horizontal_offset=0 + +# a dirty trick to hide title text ;) +active_text_color=#ffffff +active_text_shadow_color=#ffffff +inactive_text_color=#ffffff +inactive_text_shadow_color=#ffffff + +shadow_delta_height=2 +shadow_delta_width=0 +shadow_delta_x=0 +shadow_delta_y=-2 +shadow_opacity=80 + +# hide the app icon for concistency +show_app_icon=false + +# button_layout +# O = Option menu +# T = Stick +# H = hide +# S = shade +# M = maximize +# C = close +# | = title +button_layout=|TSHMC
A
themes/Frontiere-Cyan/xfwm4/themerc
@@ -0,0 +1,32 @@
+button_offset=0 +button_spacing=0 + +full_width_title=true +title_shadow_active=false +title_shadow_inactive=false +title_horizontal_offset=0 + +# a dirty trick to hide title text ;) +active_text_color=#ffffff +active_text_shadow_color=#ffffff +inactive_text_color=#ffffff +inactive_text_shadow_color=#ffffff + +shadow_delta_height=2 +shadow_delta_width=0 +shadow_delta_x=0 +shadow_delta_y=-2 +shadow_opacity=80 + +# hide the app icon for concistency +show_app_icon=false + +# button_layout +# O = Option menu +# T = Stick +# H = hide +# S = shade +# M = maximize +# C = close +# | = title +button_layout=|TSHMC
A
themes/Frontiere-Froly/xfwm4/themerc
@@ -0,0 +1,32 @@
+button_offset=0 +button_spacing=0 + +full_width_title=true +title_shadow_active=false +title_shadow_inactive=false +title_horizontal_offset=0 + +# a dirty trick to hide title text ;) +active_text_color=#ffffff +active_text_shadow_color=#ffffff +inactive_text_color=#ffffff +inactive_text_shadow_color=#ffffff + +shadow_delta_height=2 +shadow_delta_width=0 +shadow_delta_x=0 +shadow_delta_y=-2 +shadow_opacity=80 + +# hide the app icon for concistency +show_app_icon=false + +# button_layout +# O = Option menu +# T = Stick +# H = hide +# S = shade +# M = maximize +# C = close +# | = title +button_layout=|TSHMC
A
themes/Lumiere-Magenta/gtk-2.0/apps.rc
@@ -0,0 +1,157 @@
+# +# Thunar +# +style "thunar-handle" { GtkPaned::handle-size = 2 } + +style "dark-sidebar" { + GtkTreeView::odd_row_color = @dark_sidebar_bg + GtkTreeView::even_row_color = @dark_sidebar_bg + + + base[NORMAL] = @dark_sidebar_bg + base[INSENSITIVE] = @dark_sidebar_bg + + text[NORMAL] = "#BAC3CF" + text[ACTIVE] = @selected_fg_color + text[SELECTED] = @selected_fg_color +} + +style "thunar-frame" { + xthickness = 0 + ythickness = 0 +} + +widget_class "*ThunarWindow*.<GtkScrolledWindow>" style "thunar-frame" +widget_class "*ThunarShortcutsView*" style "dark-sidebar" +widget_class "*ThunarTreeView*" style "dark-sidebar" +widget_class "*ThunarWindow*.<GtkHPaned>" style "thunar-handle" + +# +# Workaround for colored entries +# +style "entry_border" { + + xthickness = 7 + ythickness = 5 + + engine "pixmap" { + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/entry-border-bg.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-border-active-bg.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = FLAT_BOX + state = ACTIVE + detail = "entry_bg" + file = "assets/null.png" + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/null.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/null.png" + } + } +} + +style "combobox_entry_border" = "combobox_entry" { + + engine "pixmap" { + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "assets/combo-entry-border.png" + border = { 4, 4, 12, 12 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "assets/combo-entry-border-focus.png" + border = { 4, 4, 12, 12 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "assets/combo-entry-border-rtl.png" + border = { 4, 4, 12, 12 } + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "assets/combo-entry-border-focus-rtl.png" + border = { 4, 4, 12, 12 } + stretch = TRUE + direction = RTL + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/null.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/null.png" + } + } +} + + +# Mousepad search entry +widget_class "*MousepadSearchBar*.<GtkEntry>" style "entry_border" + +# Mousepad find and replace +widget_class "*MousepadReplaceDialog*.<GtkEntry>" style "entry_border" + +# Thunar bulk rename +widget_class "*ThunarRenamerDialog*.<GtkEntry>" style "entry_border" + +# Hexchat input box +class "SexySpellEntry" style:highest "entry_border" + +# Geany search entries +widget "*GeanyToolbar.*geany-search-entry-no-match*" style "entry_border" +widget "*GeanyToolbar.*GtkEntry*" style "entry_border" + +widget "GeanyDialogSearch.*GtkComboBoxEntry*.*geany-search-entry-no-match*" style "combobox_entry_border"
A
themes/Lumiere-Magenta/gtk-2.0/gtkrc
@@ -0,0 +1,43 @@
+# Lumiere GTK Theme +# Based on Arc + + +gtk-color-scheme = "base_color: #ffffff" +gtk-color-scheme = "text_color: #636a7a" +gtk-color-scheme = "bg_color: #ffffff" +gtk-color-scheme = "fg_color: #636a7a" +gtk-color-scheme = "tooltip_bg_color: #ffffff" +gtk-color-scheme = "tooltip_fg_color: #636a7a" +gtk-color-scheme = "selected_bg_color: #ffdede" +gtk-color-scheme = "selected_fg_color: #636a7a" +gtk-color-scheme = "insensitive_bg_color: #ffffff" +gtk-color-scheme = "insensitive_fg_color: #737a8a" +gtk-color-scheme = "notebook_bg: #ffffff" +gtk-color-scheme = "dark_sidebar_bg: #ffffff" +gtk-color-scheme = "link_color: #4ec2e8" +gtk-color-scheme = "menu_bg: #ffffff" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar/menubar-toolbar.rc" + + + + + + + + + + + + + + +
A
themes/Lumiere-Magenta/gtk-2.0/main.rc
@@ -0,0 +1,2349 @@
+style "default" { + + xthickness = 1 + ythickness = 1 + + # Style Properties + + GtkWidget::focus-line-width = 1 + GtkMenuBar::window-dragging = 1 + GtkToolbar::window-dragging = 1 + GtkToolbar::internal-padding = 4 + GtkToolButton::icon-spacing = 4 + + GtkWidget::tooltip-radius = 2 + GtkWidget::tooltip-alpha = 235 + GtkWidget::new-tooltip-style = 1 #for compatibility + + GtkSeparatorMenuItem::horizontal-padding = 3 + GtkSeparatorMenuItem::wide-separators = 1 + GtkSeparatorMenuItem::separator-height = 1 + + GtkButton::child-displacement-y = 0 + GtkButton::default-border = { 0, 0, 0, 0 } + GtkButton::default-outside_border = { 0, 0, 0, 0 } + + GtkEntry::state-hint = 1 + + GtkScrollbar::trough-border = 0 + GtkRange::trough-border = 0 + GtkRange::slider-width = 13 + GtkRange::stepper-size = 0 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::min-slider-length = 32 + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkScale::slider_length = 15 + GtkScale::slider_width = 15 + GtkScale::trough-side-details = 1 + + GtkProgressBar::min-horizontal-bar-height = 8 + GtkProgressBar::min-vertical-bar-width = 8 + + GtkStatusbar::shadow_type = GTK_SHADOW_NONE + GtkSpinButton::shadow_type = GTK_SHADOW_NONE + GtkMenuBar::shadow-type = GTK_SHADOW_NONE + GtkToolbar::shadow-type = GTK_SHADOW_NONE + GtkMenuBar::internal-padding = 0 #( every window is misaligned for the sake of menus ): + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 0 + + GtkCheckButton::indicator_spacing = 3 + GtkOptionMenu::indicator_spacing = { 8, 2, 0, 0 } + + GtkTreeView::row_ending_details = 0 + GtkTreeView::expander-size = 11 + GtkTreeView::vertical-separator = 4 + GtkTreeView::horizontal-separator = 4 + GtkTreeView::allow-rules = 1 + GtkTreeView::odd_row_color = shade(0.98, @base_color) + + GtkExpander::expander-size = 11 + + GnomeHRef::link_color = @link_color + GtkHTML::link-color = @link_color + GtkIMHtmlr::hyperlink-color = @link_color + GtkIMHtml::hyperlink-color = @link_color + GtkWidget::link-color = @link_color + GtkWidget::visited-link-color = @text_color + + # Colors + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = shade (1.02, @bg_color) + bg[SELECTED] = @selected_bg_color + bg[INSENSITIVE] = @insensitive_bg_color + bg[ACTIVE] = shade (0.9, @bg_color) + + fg[NORMAL] = @text_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = @insensitive_fg_color + fg[ACTIVE] = @fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @selected_fg_color + text[INSENSITIVE] = @insensitive_fg_color + text[ACTIVE] = @selected_fg_color + + base[NORMAL] = @base_color + base[PRELIGHT] = shade (0.95, @bg_color) + base[SELECTED] = @selected_bg_color + base[INSENSITIVE] = @bg_color + base[ACTIVE] = shade (0.9, @selected_bg_color) + + # For succinctness, all reasonable pixmap options remain here + + engine "pixmap" { + + # Check Buttons + + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = SELECTED + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = SELECTED + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = IN + overlay_file = "assets/checkbox-checked-insensitive.png" + overlay_stretch = FALSE + } + + # Radio Buttons + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/radio-checked-insensitive.png" + overlay_stretch = FALSE + } + + # Arrows + + image { + function = ARROW + overlay_file = "assets/arrow-up.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/arrow-up-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/arrow-up-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/arrow-up-insens.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/arrow-down-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/arrow-down-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/arrow-down-insens.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + overlay_file = "assets/arrow-left.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state= PRELIGHT + overlay_file = "assets/arrow-left-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/arrow-left-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/arrow-left-insens.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + overlay_file = "assets/arrow-right.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/arrow-right-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/arrow-right-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/arrow-right-insens.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + # Option Menu Arrows + + image { + function = TAB + state = INSENSITIVE + overlay_file = "assets/arrow-down-insens.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = NORMAL + overlay_file = "assets/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + + image { + function = TAB + state = PRELIGHT + overlay_file = "assets/arrow-down-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + + # Lines + + image { + function = VLINE + file = "assets/line-v.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + + image { + function = HLINE + file = "assets/line-h.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + + # Focuslines + + image { + function = FOCUS + file = "assets/focus-line.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + } + + # Handles + + image { + function = HANDLE + overlay_file = "assets/handle-h.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + overlay_file = "assets/handle-v.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + # Expanders + + image { + function = EXPANDER + expander_style = COLLAPSED + file = "assets/plus.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + file = "assets/minus.png" + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/minus.png" + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/plus.png" + } + + image { + function = RESIZE_GRIP + state = NORMAL + detail = "statusbar" + overlay_file = "assets/null.png" + overlay_border = { 0,0,0,0 } + overlay_stretch = FALSE + } + + # Shadows ( this area needs help :P ) + + image { + function = SHADOW_GAP + file = "assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} + + +style "toplevel_hack" { + + engine "adwaita" { + } +} + +style "ooo_stepper_hack" { + + GtkScrollbar::stepper-size = 0 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + +} + +style "scrollbar" { + + engine "pixmap" { + + image { + function = BOX + detail = "trough" + file = "assets/trough-scrollbar-horiz.png" + border = { 2, 2, 3, 3 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/trough-scrollbar-vert.png" + border = { 3, 3, 2, 2 } + stretch = TRUE + orientation = VERTICAL + } + + image { + function = ARROW + overlay_file = "assets/null.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + overlay_file = "assets/null.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + overlay_file = "assets/null.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + overlay_file = "assets/null.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + # Sliders + + image { + function = SLIDER + state = NORMAL + file = "assets/slider-horiz.png" + border = { 5, 5, 3, 3 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = ACTIVE + file = "assets/slider-horiz-active.png" + border = { 5, 5, 3, 3 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + file = "assets/slider-horiz-prelight.png" + border = { 5, 5, 3, 3 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = INSENSITIVE + file = "assets/slider-horiz-insens.png" + border = { 5, 5, 3, 3 } + stretch = TRUE + orientation = HORIZONTAL + } + +# X Verticals + + image { + function = SLIDER + state = NORMAL + file = "assets/slider-vert.png" + border = { 3, 3, 5, 5 } + stretch = TRUE + orientation = VERTICAL + } + + image { + function = SLIDER + state = ACTIVE + file = "assets/slider-vert-active.png" + border = { 3, 3, 5, 5 } + stretch = TRUE + orientation = VERTICAL + } + + image { + function = SLIDER + state = PRELIGHT + file = "assets/slider-vert-prelight.png" + border = { 3, 3, 5, 5 } + stretch = TRUE + orientation = VERTICAL + } + + image { + function = SLIDER + state = INSENSITIVE + file = "assets/slider-vert-insens.png" + border = { 3, 3, 5, 5 } + stretch = TRUE + orientation = VERTICAL + } + } +} + +style "menu" { + + xthickness = 0 + ythickness = 0 + + GtkMenuItem::arrow-scaling = 0.4 + + bg[NORMAL] = @menu_bg + bg[INSENSITIVE] = @menu_bg + bg[PRELIGHT] = @menu_bg + + engine "pixmap" { # For menus that use horizontal lines rather than gtkseparator + + image { + function = HLINE + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + } +} + +style "menu_framed_box" { + + engine "adwaita" { + } +} + +style "menu_item" +{ + xthickness = 2 + ythickness = 5 + + # HACK: Gtk doesn't actually read this value + # while rendering the menu items, but Libreoffice + # does; setting this value equal to the one in + # fg[PRELIGHT] ensures a code path in the LO theming code + # that falls back to a dark text color for menu item text + # highlight. The price to pay is black text on menus as well, + # but at least it's readable. + # See https://bugs.freedesktop.org/show_bug.cgi?id=38038 + bg[SELECTED] = @selected_fg_color + + fg[NORMAL] = @fg_color + fg[SELECTED] = @selected_fg_color + + fg[PRELIGHT] = @selected_fg_color + text[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + + image { + function = BOX + state = PRELIGHT + file = "assets/menuitem.png" + border = { 1, 0, 1, 0 } + stretch = TRUE + } + + # Fix invisible scale trough on selected menuitems + + image { + function = BOX + detail = "trough-lower" + file = "assets/trough-horizontal.png" + border = { 8, 8, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + # Check Buttons + + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked-selected.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-checkbox-checked-selected.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked-insensitive.png" + overlay_stretch = FALSE + } + + # Radio Buttons + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-radio-unchecked-selected.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-radio-checked-selected.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-radio-checked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = SHADOW # This fixes boxy Qt menu items + file = "assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + # Arrow Buttons + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/menu-arrow.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/menu-arrow-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + } +} + +style "button" { + + xthickness = 4 + ythickness = 4 + + engine "pixmap" { + + image { + function = BOX + state = NORMAL + file = "assets/button.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + file = "assets/button-hover.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/button-active.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/button-insensitive.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} + +style "checkbutton" { + + fg[PRELIGHT] = @text_color + fg[ACTIVE] = @text_color + +} + +style "entry" { + + xthickness = 6 + ythickness = 4 + + engine "pixmap" { + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/entry-bg.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active-bg.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-disabled-bg.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = FLAT_BOX + state = ACTIVE + detail = "entry_bg" + file = "assets/entry-background.png" + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/entry-background-disabled.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/entry-background.png" + } + } +} + +style "notebook_entry" { + + engine "pixmap" { + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/entry-notebook.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active-notebook.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-disabled-notebook.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "notebook_tab_label" { + + fg[ACTIVE] = @text_color + +} + +style "combobox_entry" +{ + xthickness = 3 + ythickness = 4 + + engine "pixmap" { + + # LTR version + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "assets/combo-entry.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "assets/combo-entry-insensitive.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "assets/combo-entry-focus.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + # RTL version + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "assets/combo-entry-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "assets/combo-entry-insensitive-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "assets/combo-entry-focus-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + } +} + +style "notebook_combobox_entry" { + + engine "pixmap" { + + # LTR version + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "assets/combo-entry-notebook.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "assets/combo-entry-insensitive-notebook.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "assets/combo-entry-focus-notebook.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + # RTL version + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "assets/combo-entry-notebook-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "assets/combo-entry-insensitive-notebook-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "assets/combo-entry-focus-notebook-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + } +} + +style "combobox_entry_button" +{ + xthickness = 6 + + fg[ACTIVE] = @text_color + + engine "pixmap" { + + # LTR version + + image { + function = BOX + state = NORMAL + file = "assets/combo-entry-button.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + file = "assets/combo-entry-button.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/combo-entry-button-insensitive.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + file = "assets/combo-entry-button-active.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + # RTL version + image { + function = BOX + state = NORMAL + file = "assets/combo-entry-button-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + file = "assets/combo-entry-button-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/combo-entry-button-insensitive-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + file = "assets/combo-entry-button-active-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + } +} + +style "spinbutton" { + + bg[NORMAL] = @bg_color + + xthickness = 6 + ythickness = 4 + + engine "pixmap" { + + image { + function = ARROW + } + + # Spin-Up LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/up-background.png" + border = { 1, 4, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/up-background.png" + border = { 1, 4, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small-prelight.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/up-background-disable.png" + border = { 1, 4, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small-insens.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/up-background.png" + border = { 1, 4, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small-prelight.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Up RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/up-background-rtl.png" + border = { 4, 1, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/up-background-rtl.png" + border = { 4, 1, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small-prelight.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/up-background-disable-rtl.png" + border = { 4, 1, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small-insens.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/up-background-rtl.png" + border = { 4, 1, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small-prelight.png" + overlay_stretch = FALSE + direction = RTL + } + + # Spin-Down LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/down-background.png" + border = { 1, 4, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/down-background.png" + border = { 1, 4, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small-prelight.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/down-background-disable.png" + border = { 1, 4, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small-insens.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/down-background.png" + border = { 1, 4, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small-prelight.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Down RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/down-background-rtl.png" + border = { 4, 1, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/down-background-rtl.png" + border = { 4, 1, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small-prelight.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/down-background-disable-rtl.png" + border = { 4, 1, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small-insens.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/down-background-rtl.png" + border = { 4, 1, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small-prelight.png" + overlay_stretch = FALSE + direction = RTL + } + } +} + +style "gimp_spin_scale" { + + bg[NORMAL] = @base_color + + engine "pixmap" { + + image { + function = FLAT_BOX + detail = "entry_bg" + state = NORMAL + } + + image { + function = FLAT_BOX + detail = "entry_bg" + state = ACTIVE + } + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + overlay_file = "assets/arrow-up-small.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + overlay_file = "assets/arrow-up-small-prelight.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + overlay_file = "assets/arrow-up-small-prelight.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + overlay_file = "assets/arrow-up-small-insens.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + overlay_file = "assets/arrow-down-small.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + overlay_file = "assets/arrow-down-small-prelight.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + overlay_file = "assets/arrow-down-small-prelight.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + overlay_file = "assets/arrow-down-small-insens.png" + overlay_stretch = FALSE + } + } +} + +style "notebook" { + + xthickness = 5 + ythickness = 2 + + engine "pixmap" { + + image { + function = EXTENSION + state = ACTIVE + file = "assets/null.png" + border = { 0,0,0,0 } + stretch = TRUE + gap_side = TOP + } + + image { + function = EXTENSION + state = ACTIVE + file = "assets/null.png" + border = { 0,0,0,0 } + stretch = TRUE + gap_side = BOTTOM + } + + image { + function = EXTENSION + state = ACTIVE + file = "assets/null.png" + border = { 0,0,0,0 } + stretch = TRUE + gap_side = RIGHT + } + + image { + function = EXTENSION + state = ACTIVE + file = "assets/null.png" + border = { 0,0,0,0 } + stretch = TRUE + gap_side = LEFT + } + + image { + function = EXTENSION + file = "assets/tab-top-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = BOTTOM + } + + image { + function = EXTENSION + file = "assets/tab-bottom-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = TOP + } + + image { + function = EXTENSION + file = "assets/tab-left-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = RIGHT + } + + image { + function = EXTENSION + file = "assets/tab-right-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = LEFT + } + + # How to draw boxes with a gap on one side (ie the page of a notebook) + + image { + function = BOX_GAP + file = "assets/notebook.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "assets/notebook-gap-horiz.png" + gap_border = { 1, 1, 0, 0 } + gap_side = TOP + } + + image { + function = BOX_GAP + file = "assets/notebook.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "assets/notebook-gap-horiz.png" + gap_border = { 1, 1, 0, 0 } + gap_side = BOTTOM + } + + image { + function = BOX_GAP + file = "assets/notebook.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "assets/notebook-gap-vert.png" + gap_border = { 0, 0, 1, 1 } + gap_side = LEFT + } + + image { + function = BOX_GAP + file = "assets/notebook.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "assets/notebook-gap-vert.png" + gap_border = { 0, 0, 1, 1 } + gap_side = RIGHT + } + + # How to draw the box of a notebook when it isnt attached to a tab + + image { + function = BOX + file = "assets/notebook.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} + +style "handlebox" { + + engine "pixmap" { + + image { + function = BOX + file = "assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + detail = "handlebox_bin" + shadow = IN + } + + image { + function = BOX + file = "assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + detail = "handlebox_bin" + shadow = OUT + } + } +} + +style "combobox_separator" { + + xthickness = 0 + ythickness = 0 + GtkWidget::wide-separators = 1 + +} + +style "combobox" { + + xthickness = 0 + ythickness = 0 + +} + +style "combobox_button" { + + xthickness = 3 + ythickness = 3 + +} + +style "range" { + + engine "pixmap" { + + image { + function = BOX + detail = "trough-upper" + file = "assets/trough-horizontal.png" + border = { 8, 8, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/trough-horizontal-active.png" + border = { 8, 8, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-upper" + file = "assets/trough-vertical.png" + border = { 0, 0, 8, 8 } + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/trough-vertical-active.png" + border = { 0, 0, 8, 8 } + stretch = TRUE + orientation = VERTICAL + } + + # Horizontal + + image { + function = SLIDER + state = NORMAL + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider-prelight.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = INSENSITIVE + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider-insensitive.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + # Vertical + + image { + function = SLIDER + state = NORMAL + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = SLIDER + state = PRELIGHT + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider-prelight.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = SLIDER + state = INSENSITIVE + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider-insensitive.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + # Function below removes ugly boxes + + image { + function = BOX + file = "assets/null.png" + border = { 3, 3, 3, 3 } + stretch = TRUE + } + } +} + +style "progressbar" { + + xthickness = 1 + ythickness = 1 + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + + image { + function = BOX + detail = "trough" + file = "assets/trough-progressbar.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "bar" + file = "assets/progressbar.png" + stretch = TRUE + border = { 3, 3, 3, 3 } + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/trough-progressbar_v.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + detail = "bar" + file = "assets/progressbar_v.png" + stretch = TRUE + border = { 3, 3, 3, 3 } + orientation = VERTICAL + } + } +} + +style "separator_menu_item" { + + engine "pixmap" { + + image { + function = BOX + file = "assets/null.png" + border = { 0, 0, 1, 0 } + stretch = TRUE + } + } +} + +style "treeview_header" { + ythickness = 1 + + fg[PRELIGHT] = mix(0.70, @text_color, @base_color) + font_name = "Bold" + + engine "pixmap" { + + image { + function = BOX + file = "assets/tree_header.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + } + } +} + +# Treeview Rows + +style "treeview" { + + xthickness = 2 + ythickness = 0 + + +} + +style "scrolled_window" { + + xthickness = 1 + ythickness = 1 + + engine "pixmap" { + + image { + function = SHADOW + file = "assets/frame.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + } +} + +style "frame" { + + xthickness = 1 + ythickness = 1 + + engine "pixmap" { + + image { + function = SHADOW + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = IN + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = IN + } + + image { + function = SHADOW + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = OUT + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = OUT + } + + image { + function = SHADOW + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = ETCHED_IN + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = ETCHED_IN + } + + image { + function = SHADOW + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = ETCHED_OUT + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = ETCHED_OUT + } + } +} + +style "gimp_toolbox_frame" { + + engine "pixmap" { + + image { + function = SHADOW + } + } +} + +style "toolbar" { + + engine "pixmap" { + + image { + function = BOX + file = "assets/toolbar.png" + stretch = TRUE + border = { 1, 1, 1, 1 } + } + + image { + function = HANDLE + overlay_file = "assets/handle-h.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + overlay_file = "assets/handle-v.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = VLINE + recolorable = TRUE + file = "assets/null.png" + } + + image { + function = HLINE + recolorable = TRUE + file = "assets/null.png" + } + } +} + +style "inline_toolbar" { + + GtkToolbar::button-relief = GTK_RELIEF_NORMAL + + engine "pixmap" { + + image { + function = BOX + file = "assets/inline-toolbar.png" + stretch = TRUE + border = { 1, 1, 1, 1 } + } + } +} + +style "notebook_viewport" { + + bg[NORMAL] = @notebook_bg +} + + +style "notebook_eventbox" { + + bg[NORMAL] = @notebook_bg + bg[ACTIVE] = @bg_color +} + +style "tooltips" { + + xthickness = 8 + ythickness = 4 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + bg[SELECTED] = @tooltip_bg_color + +} + +style "eclipse-tooltips" { + + xthickness = 8 + ythickness = 4 + + bg[NORMAL] = shade(1.05, @bg_color) + fg[NORMAL] = @text_color + bg[SELECTED] = shade(1.05, @bg_color) + +} + +style "xfdesktop-icon-view" { + XfdesktopIconView::label-alpha = 0 + XfdesktopIconView::selected-label-alpha = 100 + XfdesktopIconView::shadow-x-offset = 0 + XfdesktopIconView::shadow-y-offset = 1 + XfdesktopIconView::selected-shadow-x-offset = 0 + XfdesktopIconView::selected-shadow-y-offset = 1 + XfdesktopIconView::shadow-color = "#000000" + XfdesktopIconView::selected-shadow-color = "#000000" + XfdesktopIconView::shadow-blur-radius = 2 + XfdesktopIconView::cell-spacing = 2 + XfdesktopIconView::cell-padding = 6 + XfdesktopIconView::cell-text-width-proportion = 1.9 + + fg[NORMAL] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color +} + +style "xfwm-tabwin" { + Xfwm4TabwinWidget::border-width = 1 + Xfwm4TabwinWidget::border-alpha = 1.0 + Xfwm4TabwinWidget::icon-size = 64 + Xfwm4TabwinWidget::alpha = 1.0 + Xfwm4TabwinWidget::border-radius = 2 + + bg[NORMAL] = @bg_color + bg[SELECTED] = @bg_color + + fg[NORMAL] = @fg_color + + engine "murrine" { + contrast = 0.7 + glazestyle = 0 + glowstyle = 0 + highlight_shade = 1.0 + gradient_shades = {1.0,1.0,1.0,1.0} + border_shades = { 0.8, 0.8 } + } +} + +style "xfwm-tabwin-button" { + + font_name = "bold" + bg[SELECTED] = @selected_bg_color +} + +# Chromium +style "chrome_menu_item" { + + bg[SELECTED] = @selected_bg_color + +} + +# Text Style +style "text" = "default" { + engine "murrine" { textstyle = 0 } +} + +style "menu_text" = "menu_item" { + engine "murrine" { textstyle = 0 } +} + + +style "null" { + + engine "pixmap" { + + image { + function = BOX + file = "assets/null.png" + stretch = TRUE + } + } +} + + +class "GtkWidget" style "default" +class "GtkScrollbar" style "scrollbar" +class "GtkButton" style "button" +class "GtkEntry" style "entry" +class "GtkOldEditable" style "entry" +class "GtkSpinButton" style "spinbutton" +class "GtkNotebook" style "notebook" +class "GtkRange" style "range" +class "GtkProgressBar" style "progressbar" +class "GtkSeparatorMenuItem" style "separator_menu_item" +class "GtkScrolledWindow" style "scrolled_window" +class "GtkFrame" style "frame" +class "GtkTreeView" style "treeview" +class "GtkToolbar" style "toolbar" +class "*HandleBox" style "toolbar" + +widget_class "*<GtkMenu>*" style "menu" +widget_class "*<GtkMenu>*" style "menu_framed_box" +widget_class "*<GtkMenuItem>*" style "menu_item" +widget_class "*<GtkCheckButton>*" style "checkbutton" +widget_class "*<GtkComboBox>" style "combobox" +widget_class "*<GtkComboBox>*<GtkButton>" style "combobox_button" +widget_class "*<GtkComboBox>*<GtkSeparator>" style "combobox_separator" +widget_class "*<GtkTreeView>*<GtkButton>*" style "treeview_header" +widget_class "*<GtkFileChooserDefault>*<GtkToolbar>" style "inline_toolbar" +widget_class "*<GtkComboBoxEntry>*<GtkEntry>" style "combobox_entry" +widget_class "*<GtkComboBoxEntry>*<GtkButton>" style "combobox_entry_button" +widget_class "*<GtkNotebook>*<GtkScrolledWindow>*<GtkViewport>" style "notebook_viewport" +widget_class "*HandleBox" style "toolbar" + +# Entries in notebooks draw with notebook's base color, but not if there's +# something else in the middle that draws gray again +widget_class "*<GtkNotebook>*<GtkEntry>" style "notebook_entry" +widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkEntry>" style "entry" + +widget_class "*<GtkNotebook>*<GtkComboBoxEntry>*<GtkEntry>" style "notebook_combobox_entry" +widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkComboBoxEntry>*<GtkEntry>" style "combobox_entry" + +# We also need to avoid changing fg color for the inactive notebook tab labels +widget_class "*<GtkNotebook>.<GtkLabel>" style "notebook_tab_label" + +# GTK tooltips +widget "gtk-tooltip*" style "tooltips" + +#Fix GVim tabs +widget_class "*<GtkNotebook>*<GtkEventBox>" style "notebook_eventbox" + +# Xchat special cases +widget "*xchat-inputbox" style "entry" + +# GIMP +# Disable gradients completely for GimpSpinScale +#class "GimpSpinScale" style "gimp_spin_scale" + +# Remove borders from "Wilbert frame" in Gimp +widget_class "*<GimpToolbox>*<GtkFrame>" style "gimp_toolbox_frame" + +# Chrome/Chromium +widget_class "*Chrom*Button*" style "button" +widget_class "*<GtkCustomMenu>*<GtkCustomMenuItem>*" style "chrome_menu_item" + +# Eclipse/SWT +widget "gtk-tooltips*" style "eclipse-tooltips" +widget "*swt-toolbar-flat" style "null" + +# Openoffice, Libreoffice +class "GtkWindow" style "toplevel_hack" +widget "*openoffice-toplevel*" style "ooo_stepper_hack" + +# Xfce +widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view" +widget "xfwm4-tabwin*" style "xfwm-tabwin" +widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button" + +# Fixes ugly text shadows for insensitive text +widget_class "*<GtkLabel>" style "text" +widget_class "*<GtkMenu>*<GtkLabel>" style "menu_text" +widget_class "*<GtkComboBox>*<GtkCellLayout>" style "text" +widget_class "*<GtkNotebook>*<GtkLabel>" style "text" +widget_class "*<GtkNotebook>*<GtkCellLayout>" style "text"
A
themes/Lumiere-Magenta/gtk-2.0/panel.rc
@@ -0,0 +1,160 @@
+style "theme-panel" { + + xthickness = 4 + ythickness = 2 + + bg[NORMAL] = "#ffffff" + bg[ACTIVE] = "#ffdedf" + bg[PRELIGHT] = "#ffeeee" + bg[SELECTED] = "#ffdedf" + + fg[NORMAL] = "#999fae" + fg[PRELIGHT] = "#999fae" + fg[ACTIVE] = "#999fae" + fg[SELECTED] = "#999fae" + + text[NORMAL] = "#999fae" + text[PRELIGHT] = "#999fae" + text[ACTIVE] = "#999fae" + text[SELECTED] = "#999fae" + + engine "murrine" { + reliefstyle = 0 + glazestyle = 0 + glow_shade = 1.0 + highlight_shade = 1.0 + roundness = 0 + gradient_shades = {1.0,1.0,1.0,1.0} + textstyle = 0 + contrast = 0.0 + } +} + +style "theme-panel-progressbar" { + bg[ACTIVE] = "#ffdedf" +} + +style "panelbar" { + + fg[NORMAL] = "#edf5fb" + fg[ACTIVE] = "#edf5fb" + fg[PRELIGHT] = "#edf5fb" + fg[SELECTED] = "#999fae" + + bg[SELECTED] = "#ffdedf" + + engine "murrine" {} +} + +style "panelbuttons" { + + xthickness = 4 + xthickness = 2 + + engine "murrine" { + textstyle = 0 + } +} + +style "theme-panel-text" { + + fg[NORMAL] = "#edf5fb" + fg[PRELIGHT] = "#999fae" + fg[ACTIVE] = "#edf5fb" + + text[NORMAL] = "#edf5fb" + text[PRELIGHT] = "#999fae" + text[ACTIVE] = "#edf5fb" + + engine "murrine" { + textstyle = 0 + text_shade = 0.2 + } +} + +style "panel-entry" { + + fg[NORMAL] = "#999fae" + fg[PRELIGHT] = "#999fae" + fg[ACTIVE] = "#999fae" + fg[SELECTED] = "#999fae" + fg[INSENSITIVE] = "#999fae" + + text[NORMAL] = "#999fae" + text[PRELIGHT] = "#999fae" + text[ACTIVE] = "#999fae" + text[SELECTED] = "#999fae" + text[INSENSITIVE] = "#999fae" + +} + +style "theme-main-menu-text" = "theme-panel-text" { + fg[PRELIGHT] = "#999fae" + text[PRELIGHT] = "#999fae" +} + +style "workspace-switcher" = "theme-panel" { + bg[SELECTED] = "#ffdedf" +} + +style "indicator" = "theme-panel" { + xthickness = 4 + xthickness = 2 +} + +widget "*tasklist*" style "panelbuttons" +widget_class "*Xfce*Panel*.GtkToggleButton" style "panelbuttons" +widget_class "*Xfce*NetkTasklist*GtkToggleButton" style "panelbuttons" +widget_class "*PanelToplevel*Button" style "panelbuttons" +widget_class "*Panel*GtkToggleButton" style "panelbuttons" +widget_class "*Xfce*Panel*Button*" style "panelbuttons" +widget_class "*<XfceArrowButton>" style "panelbuttons" +widget_class "*<XfceActionsPlugin>*" style "panelbuttons" +widget_class "*XfcePanelPlugin.GtkButton" style "panelbuttons" +widget "*dict*Applet*" style "panelbuttons" +widget_class "*Xfce*NetkTasklist*GtkToggleButton" style "panelbuttons" +widget_class "*Tasklist*" style:highest "panelbuttons" + +class "*Panel*MenuBar*" style "panelbar" +widget_class "*Panel*MenuBar*" style "panelbar" +widget_class "*Panel*MenuBar*Item*" style:highest "panelbar" + +widget "*PanelWidget*" style "theme-panel" +widget "*PanelApplet*" style "theme-panel" +widget "*fast-user-switch*" style "theme-panel" +widget "*CPUFreq*Applet*" style "theme-panel" +class "PanelApp*" style "theme-panel" +class "PanelToplevel*" style "theme-panel" +widget_class "*PanelToplevel*" style "theme-panel" +widget_class "*notif*" style "theme-panel" +widget_class "*Notif*" style "theme-panel" +widget_class "*Tray*" style "theme-panel" +widget_class "*tray*" style "theme-panel" +widget_class "*computertemp*" style "theme-panel" +widget_class "*Applet*Tomboy*" style "theme-panel" +widget_class "*Applet*Netstatus*" style "theme-panel" + +# Fixes for tooltip text in some apps. +widget_class "*Notif*Beagle*" style "theme-panel" +widget_class "*Notif*Brasero*" style "theme-panel" + +# XFCE panel theming. +widget "*Xfce*Panel*" style "theme-panel" +class "*Xfce*Panel*" style "theme-panel" +widget "*Xfce*Panel*GtkProgressBar" style "theme-panel-progressbar" +widget "*WnckPager*" style "workspace-switcher" +widget "*TopMenu*" style "theme-panel" +widget "*XfceTasklist*" style "panelbuttons" + +# Fix gtk-entries in the panel +widget "*bookmark*GtkEntry" style "panel-entry" # fixes smartbookmark-plugin + +# Make sure panel text color doesn't change +widget_class "*Panel*MenuBar*" style "theme-main-menu-text" +widget_class "*Panel*<GtkMenuBar>*" style "theme-main-menu-text" +widget "*.clock-applet-button.*" style "theme-panel-text" +widget "*PanelApplet*" style "theme-panel-text" + +# Override general panel-style with specific plugin-styles +widget "*indicator-applet*" style "indicator" +widget "*indicator-button*" style "indicator"
A
themes/Lumiere-Magenta/gtk-2.0/xfce-notify.rc
@@ -0,0 +1,74 @@
+gtk-color-scheme = "selected_bg_color:#5294E2\nselected_fg_color:#ffffff" + +style "notify-window" { + XfceNotifyWindow::summary-bold = 1 + XfceNotifyWindow::border-color = "#17191F" + XfceNotifyWindow::border-color-hover = "#17191F" + XfceNotifyWindow::border-radius = 3.0 + XfceNotifyWindow::border-width = 1.0 + XfceNotifyWindow::border-width-hover = 1.0 + + bg[NORMAL] = "#292C36" +} + +style "notify-button" { + bg[NORMAL] = "#434652" + bg[PRELIGHT] = "#5C6070" + bg[ACTIVE] = @selected_bg_color + + fg[NORMAL] = "#BAC3CF" + fg[PRELIGHT] = "#BAC3CF" + fg[ACTIVE] = @selected_fg_color + + engine "murrine" { + gradient_shades = { 1.0, 1.0, 1.0, 1.0 } + border_shades = { 1.0, 1.0 } + roundness = 2 + textstyle = 0 + } +} + +style "notify-text" { + GtkWidget::link-color = @selected_bg_color + + fg[NORMAL] = "#BAC3CF" + fg[PRELIGHT] = "#BAC3CF" + fg[ACTIVE] = "#BAC3CF" + + engine "murrine" { + textstyle = 0 + } +} + +style "notify-summary" { + font_name = "Bold" +} + +style "notify-progressbar" { + GtkProgressBar::min-horizontal-bar-height = 4 + + xthickness = 0 + ythickness = 0 + + fg[PRELIGHT] = "#000000" + bg[NORMAL] = @selected_bg_color + bg[ACTIVE] = "#1D1F26" + bg[SELECTED] = @selected_bg_color + + engine "murrine" { + gradient_shades = { 1.0, 1.0, 1.0, 1.0 } + border_shades = { 1.0, 1.0 } + trough_shades = { 1.0, 1.0 } + trough_border_shades = { 1.0, 1.0 } + progressbarstyle = 0 + roundness = 2 + textstyle = 0 + } +} + +class "XfceNotifyWindow" style "notify-window" +widget "XfceNotifyWindow.*.summary" style "notify-summary" +widget_class "XfceNotifyWindow.*<GtkButton>" style "notify-button" +widget_class "XfceNotifyWindow.*.<GtkLabel>" style "notify-text" +widget_class "XfceNotifyWindow.*.<GtkProgress>" style "notify-progressbar" +widget_class "XfceNotifyWindow.*.<GtkProgressBar>" style "notify-progressbar"
A
themes/Lumiere-Magenta/gtk-3.0/gtk-dark.css
@@ -0,0 +1,4305 @@
+* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; } + +.background { + color: #D3DAE3; + background-color: rgba(56, 60, 74, 0.999); } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #383C4A; + color: #D3DAE3; } + .gtkstyle-fallback:hover { + background-color: #4e5467; + color: #D3DAE3; } + .gtkstyle-fallback:active { + background-color: #22242d; + color: #D3DAE3; } + .gtkstyle-fallback:disabled { + background-color: #3c4150; + color: rgba(211, 218, 227, 0.45); } + .gtkstyle-fallback:selected { + background-color: #fd7980; + color: #ffffff; } + +.view, iconview, +.view text, +iconview text, +textview text { + color: #D3DAE3; + background-color: #404552; } + .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus { + border-radius: 2px; } + +textview border { + background-color: #3c414e; } + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #fd7980; + background-color: rgba(253, 121, 128, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label.separator, popover label.separator, +popover.background label.separator { + color: #D3DAE3; } + +label selection { + color: #ffffff; + background-color: #fd7980; } + +label:disabled { + color: rgba(211, 218, 227, 0.45); } + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle, .titlebar:not(headerbar) .subtitle { + opacity: 0.55; } + +assistant .sidebar { + background-color: #404552; + border-top: 1px solid #2b2e39; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #fd7980; + color: #ffffff; } + +textview { + background-color: #404552; } + +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { + color: #BAC3CF; + border: none; + background-color: rgba(53, 57, 69, 0.95); + background-clip: padding-box; + box-shadow: none; } + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +entry { + min-height: 22px; + border: 1px solid; + padding: 2px 8px; + caret-color: currentColor; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; } + entry.search { + border-radius: 20px; } + entry image { + color: #b6bcc6; } + entry image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, entry.flat:focus { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + entry:focus { + background-clip: border-box; + color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; + box-shadow: inset 1px 0 #fd7980, inset -1px 0 #fd7980, inset 0 1px #fd7980, inset 0 -1px #fd7980; } + entry:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(64, 69, 82, 0.55); } + entry.warning { + color: white; + border-color: #2b2e39; + background-color: #ab6441; } + entry.warning image { + color: white; } + entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; } + entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; } + entry.error { + color: white; + border-color: #2b2e39; + background-color: #b14342; } + entry.error image { + color: white; } + entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; } + entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; } + entry.search-missing { + color: white; + border-color: #2b2e39; + background-color: #b14342; } + entry.search-missing image { + color: white; } + entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; } + entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; } + entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; } + .osd entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .osd entry image, .osd entry image:hover { + color: inherit; } + .osd entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + .osd entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-color: rgba(102, 109, 132, 0.2); } + .osd entry selection:focus, .osd entry selection { + color: #fd7980; + background-color: #ffffff; } + entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #fd7980; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #404552; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #fd7980; } + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#fd7980), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#fd7980), to(transparent)); } } + +button { + min-height: 22px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 2px 6px; + color: #D3DAE3; + border-color: #2b2e39; + background-color: #444a58; } + button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + transition: none; } + button.flat:hover, button.sidebar-button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + button.flat:hover:active, button.sidebar-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button:hover { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #505666; + -gtk-icon-effect: highlight; } + button:active, button:checked { + color: #ffffff; + border-color: #2b2e39; + background-color: #fd7980; + background-clip: padding-box; + transition-duration: 50ms; } + button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; } + button:active { + color: #D3DAE3; } + button:active:hover, button:checked { + color: #ffffff; } + button.flat:disabled, button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; } + button:disabled { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button:disabled label, button:disabled { + color: rgba(211, 218, 227, 0.45); } + button:disabled:active, button:disabled:checked { + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + button.image-button { + min-width: 24px; + padding-left: 5px; + padding-right: 5px; } + button.text-button { + padding-left: 12px; + padding-right: 12px; } + button.text-button.image-button { + padding-left: 5px; + padding-right: 5px; } + button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; } + button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; } + button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button.popup { + padding-right: 8px; + padding-left: 8px; } + button:drop(active), combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; } + button.osd { + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(35, 38, 46, 0.95); } + button.osd.image-button { + padding: 0; + min-height: 36px; + min-width: 36px; } + button.osd:hover { + color: #fd7980; } + button.osd:active, button.osd:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + button.osd:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .osd button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + .osd button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button.flat, .osd button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + .osd button.flat:hover, .osd button.sidebar-button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button.flat:disabled, .osd button.sidebar-button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); + background-image: none; } + .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + button.suggested-action { + background-clip: border-box; + color: white; + background-color: #fd7980; + border-color: #fd7980; } + button.suggested-action.flat, button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #fd7980; } + button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #fd7980; + border-color: #fd7980; } + button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #fd7980; + border-color: #fd7980; } + button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(211, 218, 227, 0.45); } + button.suggested-action:disabled { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(211, 218, 227, 0.45); } + button.destructive-action { + background-clip: border-box; + color: white; + background-color: #F04A50; + border-color: #F04A50; } + button.destructive-action.flat, button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; } + button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f4797e; + border-color: #f4797e; } + button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #ec1b22; + border-color: #ec1b22; } + button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(211, 218, 227, 0.45); } + button.destructive-action:disabled { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(211, 218, 227, 0.45); } + .stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } + .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#fd7980), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; } + button.font separator, button.file separator { + background-color: transparent; } + .inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } + +.inline-toolbar toolbutton > button { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #444a58; } + .inline-toolbar toolbutton > button:hover { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #505666; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #ffffff; + border-color: #2b2e39; + background-color: #fd7980; } + .inline-toolbar toolbutton > button:disabled { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(211, 218, 227, 0.45); } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + +.linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, +.linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > button:active + entry, +.linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } + +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { + box-shadow: inset 1px 0 #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } + +.linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, +.linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5), inset -1px 0 rgba(43, 46, 57, 0.5); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(43, 46, 57, 0.5); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } + +.linked.vertical > entry + entry { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.error + entry.warning, +.linked.vertical > entry.warning + entry.error { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > button:active + entry, +.linked.vertical > button:checked + entry { + border-top-color: #2b2e39; } + +.linked.vertical > button + button { + border-top-style: none; } + +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { + box-shadow: inset 0 1px #2b2e39; } + +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: inset 0 1px rgba(43, 46, 57, 0.5); } + +.linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, +.linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { + box-shadow: none; } + +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; } + +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > entry, +.linked.vertical > entry:focus, .linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, calendar.button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 24px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 2px; } + menuitem.button.flat:hover, + modelbutton.flat:hover { + background-color: #484c59; } + menuitem.button.flat:checked, + modelbutton.flat:checked { + color: #D3DAE3; } + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child, + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child { + margin-left: 8px; } + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child, + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +*:link, button:link, button:visited { + color: #a9caf1; } + *:link:visited, button:visited { + color: #7eafe9; } + *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #bad4f3; } + *:link:hover, button:hover:link, button:hover:visited { + color: #d5e5f8; } + *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #eef4fc; } + *:link:active, button:active:link, button:active:visited { + color: #a9caf1; } + *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #dceaf9; } + infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, + *:selected *:link, + *:selected button:link, + *:selected button:visited { + color: #dceaf9; } + +button:link > label, button:visited > label { + text-decoration-line: underline; } + +spinbutton:drop(active) { + box-shadow: none; } + +spinbutton button:active { + color: #ffffff; } + +spinbutton:disabled { + color: rgba(211, 218, 227, 0.45); } + +spinbutton:not(.vertical) entry { + min-width: 28px; } + +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 3px 0 0 3px; } + +spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 #2b2e39; } + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #2b2e39; } + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; } + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(26, 28, 34, 0.35); } + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(26, 28, 34, 0.35); } + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; } + +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; } + +spinbutton.vertical > entry:focus + button { + border-top-color: #2b2e39; } + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; } + +combobox button.combo { + min-width: 0; + padding-left: 8px; + padding-right: 8px; } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #383C4A; } + toolbar separator, .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar { + background-color: transparent; } + toolbar.osd, .osd.inline-toolbar { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 3px; + background-color: rgba(53, 57, 69, 0.85); } + toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; } + toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; } + toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; } + toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; } + toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; } + toolbar:not(.inline-toolbar) switch, .inline-toolbar:not(.inline-toolbar) switch, + toolbar:not(.inline-toolbar) scale, .inline-toolbar:not(.inline-toolbar) scale, + toolbar:not(.inline-toolbar) entry, .inline-toolbar:not(.inline-toolbar) entry, + toolbar:not(.inline-toolbar) spinbutton, .inline-toolbar:not(.inline-toolbar) spinbutton, + toolbar:not(.inline-toolbar) button, .inline-toolbar:not(.inline-toolbar) button { + margin-right: 1px; + margin-bottom: 1px; } + toolbar:not(.inline-toolbar) .linked > button, .inline-toolbar:not(.inline-toolbar) .linked > button, + toolbar:not(.inline-toolbar) .linked > entry, .inline-toolbar:not(.inline-toolbar) .linked > entry { + margin-right: 0; } + +.primary-toolbar:not(.libreoffice-toolbar) { + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #2f343f, rgba(32, 35, 43, 0.97)) 1 0 1 0; } + +.inline-toolbar { + background-color: #313541; + border-style: solid; + border-color: #2b2e39; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; } + +searchbar { + background-color: #383C4A; + border-style: solid; + border-color: #2b2e39; + border-width: 0 0 1px; + padding: 3px; } + +actionbar { + padding: 6px; + border-top: 1px solid #2b2e39; + background-color: #313541; } + +headerbar, +.titlebar:not(headerbar) { + min-height: 42px; + padding: 0 7px; + border-width: 0 0 1px; + border-style: solid; + border-color: #262a33; + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } + .csd headerbar, + .csd .titlebar:not(headerbar) { + background-color: rgba(47, 52, 63, 0.97); + border-color: rgba(38, 42, 51, 0.97); } + headerbar:backdrop, + .titlebar:backdrop:not(headerbar) { + transition: 200ms ease-out; + color: rgba(207, 218, 231, 0.5); + background-color: #323843; } + .csd headerbar:backdrop, + .csd .titlebar:backdrop:not(headerbar) { + background-color: rgba(50, 56, 67, 0.97); } + headerbar .title, .titlebar:not(headerbar) .title { + padding-left: 12px; + padding-right: 12px; } + headerbar .subtitle, .titlebar:not(headerbar) .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + headerbar.selection-mode, + .selection-mode.titlebar:not(headerbar) { + color: #ffffff; + background-color: rgba(82, 148, 226, 0.95); + border-color: rgba(65, 137, 223, 0.95); + box-shadow: none; } + headerbar.selection-mode:backdrop, + .selection-mode.titlebar:backdrop:not(headerbar) { + background-color: rgba(82, 148, 226, 0.95); + color: rgba(255, 255, 255, 0.6); } + headerbar.selection-mode .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + headerbar.selection-mode .selection-menu GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + headerbar.selection-mode .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .maximized headerbar.selection-mode, + .maximized .selection-mode.titlebar:not(headerbar) { + background-color: #fd7980; } + .tiled headerbar, .tiled headerbar:backdrop, + .maximized headerbar, .maximized headerbar:backdrop, + .tiled .titlebar:not(headerbar), + .tiled .titlebar:backdrop:not(headerbar), + .maximized .titlebar:not(headerbar), + .maximized .titlebar:backdrop:not(headerbar) { + border-radius: 0; } + .maximized headerbar, + .maximized .titlebar:not(headerbar) { + background-color: #2f343f; + border-color: #262a33; } + .maximized headerbar:backdrop, + .maximized .titlebar:backdrop:not(headerbar) { + background-color: #323843; } + headerbar.default-decoration, + .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, + .csd headerbar.default-decoration:backdrop, + .default-decoration.titlebar:not(headerbar), + .csd .default-decoration.titlebar:not(headerbar), + .default-decoration.titlebar:backdrop:not(headerbar), + .csd .default-decoration.titlebar:backdrop:not(headerbar) { + min-height: 28px; + padding: 0 3px; + background-color: #2f343f; + border-bottom-width: 0; } + .maximized headerbar.default-decoration, .maximized + .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized + .csd headerbar.default-decoration:backdrop, + .maximized .default-decoration.titlebar:not(headerbar), + .maximized + .csd .default-decoration.titlebar:not(headerbar), + .maximized .default-decoration.titlebar:backdrop:not(headerbar), + .maximized + .csd .default-decoration.titlebar:backdrop:not(headerbar) { + background-color: #2f343f; } + +.titlebar { + border-radius: 3px 3px 0 0; } + +headerbar entry, headerbar button, headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 3px; } + .maximized separator:first-child + headerbar, + .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, + .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, + .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, + .tiled headerbar:first-child:backdrop { + border-radius: 0; } + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 3px; } + .maximized headerbar:last-child, + .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, + .tiled headerbar:last-child:backdrop { + border-radius: 0; } + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, +window.csd > .titlebar:not(headerbar), +window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; } + +.titlebar:not(headerbar) > separator { + background-image: linear-gradient(to bottom, rgba(38, 42, 51, 0.97), rgba(38, 42, 51, 0.97)); } + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { + min-width: 1px; + min-height: 1px; + background: none; + border-width: 0 1px; + border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } + .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { + opacity: 0.6; } + +.primary-toolbar entry, headerbar entry { + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus { + color: #ffffff; + border-color: transparent; + background-color: #fd7980; + background-clip: padding-box; } + .primary-toolbar entry:focus image, headerbar entry:focus image { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry:disabled { + color: rgba(207, 218, 231, 0.35); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.22); } + .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #ffffff; + color: #fd7980; } + .primary-toolbar entry progress, headerbar entry progress { + border-color: #fd7980; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(167, 94, 57, 0.988); } + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { + background-color: white; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(173, 60, 59, 0.988); } + .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { + background-color: white; + color: #FC4138; } + +.primary-toolbar button, headerbar button { + color: rgba(207, 218, 231, 0.8); + outline-offset: -3px; + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.7; } + .primary-toolbar button:hover, headerbar button:hover { + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + color: #ffffff; + border-color: transparent; + background-color: #fd7980; + background-clip: padding-box; } + .primary-toolbar button:disabled, headerbar button:disabled { + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(207, 218, 231, 0.35); } + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border-color: rgba(82, 148, 226, 0.65); + background-color: rgba(82, 148, 226, 0.65); } + +.selection-mode.primary-toolbar button, headerbar.selection-mode button, .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.flat, .selection-mode.primary-toolbar button.sidebar-button, headerbar.selection-mode button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child) { + margin-right: 1px; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 3px; + border-style: solid; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + background-color: rgba(134, 144, 165, 0.37); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + border-color: transparent; + background-color: #fd7980; } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:active + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar button.suggested-action, headerbar button.suggested-action { + background-clip: border-box; + color: white; + background-color: #fd7980; + border-color: #fd7980; } + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #fd7980; } + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #fd7980; + border-color: #fd7980; } + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #fd7980; + border-color: #fd7980; } + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(207, 218, 231, 0.35); } + +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { + opacity: 0.8; } + +.primary-toolbar button.destructive-action, headerbar button.destructive-action { + background-clip: border-box; + color: white; + background-color: #F04A50; + border-color: #F04A50; } + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; } + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f4797e; + border-color: #f4797e; } + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #ec1b22; + border-color: #ec1b22; } + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(207, 218, 231, 0.35); } + +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { + opacity: 0.8; } + +.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { + color: #ffffff; + caret-color: #ffffff; } + +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + +.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { + background-color: rgba(134, 144, 165, 0.37); } + +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + border-color: transparent; + background-color: #fd7980; } + +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), headerbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), .primary-toolbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled, headerbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(207, 218, 231, 0.2); } + +.primary-toolbar combobox > .linked > button.combo, headerbar combobox > .linked > button.combo { + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .primary-toolbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image, .primary-toolbar combobox > .linked > button.combo image:hover, headerbar combobox > .linked > button.combo image:hover { + color: inherit; } + .primary-toolbar combobox > .linked > button.combo:hover, headerbar combobox > .linked > button.combo:hover { + color: #ffffff; + border-color: transparent; + background-color: #fd7980; + box-shadow: none; } + .primary-toolbar combobox > .linked > button.combo:disabled, headerbar combobox > .linked > button.combo:disabled { + color: rgba(207, 218, 231, 0.35); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.22); } + +.primary-toolbar combobox > .linked > entry.combo:dir(ltr), headerbar combobox > .linked > entry.combo:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus, headerbar combobox > .linked > entry.combo:dir(ltr):focus { + box-shadow: none; } + +.primary-toolbar combobox > .linked > entry.combo:dir(rtl), headerbar combobox > .linked > entry.combo:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus, headerbar combobox > .linked > entry.combo:dir(rtl):focus { + box-shadow: none; } + +.primary-toolbar combobox > .linked > button.combo:dir(ltr), headerbar combobox > .linked > button.combo:dir(ltr), .primary-toolbar combobox > .linked > button.combo:dir(ltr):hover, headerbar combobox > .linked > button.combo:dir(ltr):hover, .primary-toolbar combobox > .linked > button.combo:dir(ltr):active, headerbar combobox > .linked > button.combo:dir(ltr):active, .primary-toolbar combobox > .linked > button.combo:dir(ltr):checked, headerbar combobox > .linked > button.combo:dir(ltr):checked, .primary-toolbar combobox > .linked > button.combo:dir(ltr):disabled, headerbar combobox > .linked > button.combo:dir(ltr):disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.primary-toolbar combobox > .linked > button.combo:dir(rtl), headerbar combobox > .linked > button.combo:dir(rtl), .primary-toolbar combobox > .linked > button.combo:dir(rtl):hover, headerbar combobox > .linked > button.combo:dir(rtl):hover, .primary-toolbar combobox > .linked > button.combo:dir(rtl):active, headerbar combobox > .linked > button.combo:dir(rtl):active, .primary-toolbar combobox > .linked > button.combo:dir(rtl):checked, headerbar combobox > .linked > button.combo:dir(rtl):checked, .primary-toolbar combobox > .linked > button.combo:dir(rtl):disabled, headerbar combobox > .linked > button.combo:dir(rtl):disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.primary-toolbar switch:backdrop, headerbar switch:backdrop { + opacity: 0.75; } + +.primary-toolbar progressbar trough, headerbar progressbar trough { + background-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { + opacity: 0.75; } + +.primary-toolbar scale:backdrop, headerbar scale:backdrop { + opacity: 0.75; } + +.primary-toolbar scale slider, headerbar scale slider { + background-color: #454c5c; + border-color: rgba(21, 23, 28, 0.67); } + .primary-toolbar scale slider:hover, headerbar scale slider:hover { + background-color: #50586b; + border-color: rgba(21, 23, 28, 0.67); } + .primary-toolbar scale slider:active, headerbar scale slider:active { + background-color: #fd7980; + border-color: #fd7980; } + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + background-color: rgba(63, 69, 84, 0.991); + border-color: rgba(21, 23, 28, 0.67); } + +.primary-toolbar scale trough, headerbar scale trough { + background-color: rgba(21, 23, 28, 0.37); } + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + background-color: rgba(21, 23, 28, 0.27); } + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; } + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; } + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; } + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } + +treeview.view { + border-left-color: rgba(211, 218, 227, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); } + * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; } + treeview.view acceleditor > label { + background-color: #fd7980; } + treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #a9caf1; + border-top-color: rgba(211, 218, 227, 0.1); } + treeview.view:disabled { + color: rgba(211, 218, 227, 0.45); } + treeview.view:disabled:selected { + color: #97bfee; } + treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.1); } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #93b7e3; } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #8a909b; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #D3DAE3; } + treeview.view.expander:selected { + color: #cbdff6; } + treeview.view.expander:selected:hover { + color: #ffffff; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.progressbar, treeview.view.progressbar:focus { + color: #ffffff; + border-radius: 3px; + background-color: #fd7980; } + treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #fd7980; + box-shadow: none; + background-color: #ffffff; } + treeview.view.trough { + color: #D3DAE3; + background-color: #2b2e39; + border-radius: 3px; + border-width: 0; } + treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + min-height: 0; + min-width: 0; + padding: 3px 6px; + font-weight: bold; + color: #b6bcc6; + background-color: #404552; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #404552 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #404552 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:hover { + color: #fd7980; } + treeview.view header button:active { + color: #D3DAE3; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #404552; } + treeview.view header button:active:hover { + color: #D3DAE3; } + treeview.view header button:disabled { + border-color: #383C4A; + background-image: none; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } + treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, + treeview.view header.button.dnd, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #fd7980; + border-radius: 0; + border-style: none; } + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #2f343f; + color: rgba(207, 218, 231, 0.8); } + menubar:backdrop, + .menubar:backdrop { + color: rgba(207, 218, 231, 0.5); } + menubar > menuitem, + .menubar > menuitem { + padding: 4px 8px; + border: solid transparent; + border-width: 0; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #fd7980; + color: #ffffff; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(207, 218, 231, 0.2); + border-color: transparent; } + +menu, +.menu { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: #383C4A; + border: 1px solid #2b2e39; } + .csd menu, .csd + .menu { + padding: 4px 0px; + border-radius: 2px; + border: none; } + menu separator, + .csd menu separator, + .menu separator, + .csd + .menu separator { + margin: 2px 0; + background-color: #383C4A; } + menu .separator:not(label), + .csd menu .separator:not(label), + .menu .separator:not(label), + .csd + .menu .separator:not(label) { + color: #383C4A; } + menu menuitem, + .menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 5px; } + menu menuitem:hover, + .menu menuitem:hover { + color: #ffffff; + background-color: #fd7980; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(211, 218, 227, 0.45); } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menuitem accelerator { + color: alpha(currentColor,0.55); } + menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; } + menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; } + menu > arrow, + .menu > arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + min-width: 16px; + min-height: 16px; + padding: 4px; + background-color: #383C4A; + border-radius: 0; } + menu > arrow.top, + .menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #4f5461; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, + .menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #4f5461; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, + .menu > arrow:hover { + background-color: #4f5461; } + menu > arrow:disabled, + .menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +popover, +popover.background { + padding: 2px; + border-radius: 3px; + background-clip: border-box; + background-color: #383C4A; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.35); } + .csd popover, popover, .csd + popover.background, + popover.background { + border: 1px solid #20222a; } + popover separator, + popover.background separator { + background-color: #383C4A; } + popover > list, + popover > .view, + popover > iconview, + popover > toolbar, + popover > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > iconview, + popover.background > toolbar, + popover.background > .inline-toolbar { + border-style: none; + background-color: transparent; } + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +notebook { + padding: 0; } + notebook.frame { + border: 1px solid #2b2e39; } + notebook.frame > header { + margin: -1px; } + notebook.frame > header.top { + margin-bottom: 0; } + notebook.frame > header.bottom { + margin-top: 0; } + notebook.frame > header.left { + margin-right: 0; } + notebook.frame > header.right { + margin-left: 0; } + notebook.frame > header.top, notebook.frame > header.bottom { + padding-left: 0; + padding-right: 0; } + notebook.frame > header.left, notebook.frame > header.right { + padding-top: 0; + padding-bottom: 0; } + notebook > stack:not(:only-child) { + background-color: #404552; } + notebook > header { + padding: 2px; + background-color: #383C4A; } + notebook > header.top { + box-shadow: inset 0 -1px #2b2e39; } + notebook > header.bottom { + box-shadow: inset 0 1px #2b2e39; } + notebook > header.right { + box-shadow: inset 1px 0 #2b2e39; } + notebook > header.left { + box-shadow: inset -1px 0 #2b2e39; } + notebook > header.top { + padding-bottom: 0; } + notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-bottom: none; + border-radius: 1px 1px 0 0; } + notebook > header.top > tabs > tab + tab { + margin-left: -1px; } + notebook > header.bottom { + padding-top: 0; } + notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-top: none; + border-radius: 0 0 1px 1px; } + notebook > header.bottom > tabs > tab + tab { + margin-left: -1px; } + notebook > header.right { + padding-left: 0; } + notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-left: none; + border-radius: 0 1px 1px 0; } + notebook > header.right > tabs > tab + tab { + margin-top: -1px; } + notebook > header.left { + padding-right: 0; } + notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-right: none; + border-radius: 1px 0 0 1px; } + notebook > header.left > tabs > tab + tab { + margin-top: -1px; } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; } + notebook > header > tabs > arrow { + color: rgba(211, 218, 227, 0.45); } + notebook > header > tabs > arrow:hover { + color: rgba(211, 218, 227, 0.725); } + notebook > header > tabs > arrow:active { + color: #D3DAE3; } + notebook > header > tabs > arrow:disabled { + color: rgba(211, 218, 227, 0.15); } + notebook > header.top > tabs > tab:hover:not(:checked) { + box-shadow: inset 0 -1px #2b2e39; } + notebook > header.bottom > tabs > tab:hover:not(:checked) { + box-shadow: inset 0 1px #2b2e39; } + notebook > header.left > tabs > tab:hover:not(:checked) { + box-shadow: inset -1px 0 #2b2e39; } + notebook > header.right > tabs > tab:hover:not(:checked) { + box-shadow: inset 1px 0 #2b2e39; } + notebook > header > tabs > tab { + color: rgba(211, 218, 227, 0.45); + background-color: rgba(64, 69, 82, 0); } + notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(211, 218, 227, 0.725); + background-color: rgba(64, 69, 82, 0.5); + border-color: #2b2e39; } + notebook > header > tabs > tab:checked { + color: #D3DAE3; + background-color: #404552; + border-color: #2b2e39; } + notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { + min-height: 22px; + min-width: 16px; + padding: 0; + color: #9da3ad; } + notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { + color: #ff4d4d; } + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { + color: #fd7980; } + +scrollbar { + background-color: #3e434f; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar.top { + border-bottom: 1px solid #2b2e39; } + scrollbar.bottom { + border-top: 1px solid #2b2e39; } + scrollbar.left { + border-right: 1px solid #2b2e39; } + scrollbar.right { + border-left: 1px solid #2b2e39; } + scrollbar button { + border: none; } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #767b87; } + scrollbar slider:hover { + background-color: #676b78; } + scrollbar slider:hover:active { + background-color: #fd7980; } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #a5abb5; + border: 1px solid rgba(0, 0, 0, 0.3); } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + +switch { + font-size: 1px; + min-width: 52px; + min-height: 24px; + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: center center; } + switch slider { + min-width: 1px; + min-height: 1px; } + switch, switch slider { + outline-color: transparent; + color: transparent; + border: none; + box-shadow: none; } + +switch { + background-image: -gtk-scaled(url("assets/switch-dark.png"), url("assets/switch-dark@2.png")); } + +menuitem:hover switch, +row:selected switch, +infobar switch { + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } + +headerbar switch, +.primary-toolbar switch { + background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } + +switch:checked { + background-image: -gtk-scaled(url("assets/switch-active-dark.png"), url("assets/switch-active-dark@2.png")); } + +menuitem:hover switch:checked, +row:selected switch:checked, +infobar switch:checked { + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } + +headerbar switch:checked, +.primary-toolbar switch:checked { + background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } + +switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); } + +menuitem:hover switch:disabled, +row:selected switch:disabled, +infobar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } + +headerbar switch:disabled, +.primary-toolbar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } + +switch:checked:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-dark.png"), url("assets/switch-active-insensitive-dark@2.png")); } + +menuitem:hover switch:checked:disabled, +row:selected switch:checked:disabled, +infobar switch:checked:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } + +headerbar switch:checked:disabled, +.primary-toolbar switch:checked:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.osd check, filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +menuitem check:hover, +.view check:selected, iconview check:selected, +treeview.check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } + +.check:disabled, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +.osd check:disabled, filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +menuitem check:disabled:hover, +.view check:disabled:selected, iconview check:disabled:selected, +treeview.check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.osd check:indeterminate, filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +menuitem check:indeterminate:hover, +.view check:indeterminate:selected, iconview check:indeterminate:selected, +treeview.check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } + +.check:indeterminate:disabled, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +.osd check:indeterminate:disabled, filechooser actionbar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +menuitem check:indeterminate:disabled:hover, +.view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, +treeview.check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.osd check:checked, filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +menuitem check:checked:hover, +.view check:checked:selected, iconview check:checked:selected, +treeview.check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } + +.check:checked:disabled, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.osd check:checked:disabled, filechooser actionbar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +menuitem check:checked:disabled:hover, +.view check:checked:disabled:selected, iconview check:checked:disabled:selected, +treeview.check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.osd radio, filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +menuitem radio:hover, +.view radio:selected, iconview radio:selected, +treeview.radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } + +.radio:disabled, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +.osd radio:disabled, filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +menuitem radio:disabled:hover, +.view radio:disabled:selected, iconview radio:disabled:selected, +treeview.radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.osd radio:indeterminate, filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +menuitem radio:indeterminate:hover, +.view radio:indeterminate:selected, iconview radio:indeterminate:selected, +treeview.radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } + +.radio:indeterminate:disabled, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +.osd radio:indeterminate:disabled, filechooser actionbar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +menuitem radio:indeterminate:disabled:hover, +.view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, +treeview.radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.osd radio:checked, filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +menuitem radio:checked:hover, +.view radio:checked:selected, iconview radio:checked:selected, +treeview.radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } + +.radio:checked:disabled, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.osd radio:checked:disabled, filechooser actionbar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +menuitem radio:checked:disabled:hover, +.view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, +treeview.radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } + +.view.content-view.check:not(list), iconview.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; } + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + check:only-child, + menu menuitem check, + radio:only-child, + menu menuitem + radio { + margin: 0; } + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; } + scale.horizontal trough { + padding: 0 4px; } + scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; } + scale.vertical trough { + padding: 4px 0; } + scale.vertical highlight, scale.vertical fill { + margin: -4px 0; } + scale slider { + min-height: 15px; + min-width: 15px; + margin: -6px; } + scale.fine-tune slider { + margin: -4px; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; } + scale trough { + outline-offset: 2px; + -gtk-outline-radius: 4.5px; + border-radius: 2.5px; + background-color: #2d303b; } + scale trough:disabled { + background-color: rgba(45, 48, 59, 0.55); } + .osd scale trough { + background-color: rgba(69, 74, 89, 0.95); } + .osd scale trough highlight { + background-color: #fd7980; } + menuitem:hover scale trough, + row:selected scale trough, + infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); } + menuitem:hover scale trough highlight, + row:selected scale trough highlight, + infobar scale trough highlight { + background-color: #ffffff; } + menuitem:hover scale trough highlight:disabled, + row:selected scale trough highlight:disabled, + infobar scale trough highlight:disabled { + background-color: #b1cff2; } + menuitem:hover scale trough:disabled, + row:selected scale trough:disabled, + infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); } + scale highlight { + border-radius: 2.5px; + background-color: #fd7980; } + scale highlight:disabled { + background-color: rgba(82, 148, 226, 0.55); } + scale fill { + border-radius: 2.5px; + background-color: rgba(82, 148, 226, 0.5); } + scale fill:disabled { + background-color: transparent; } + scale slider { + background-color: #444a58; + border: 1px solid #262933; + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; } + scale slider:hover { + background-color: #505666; } + scale slider:active { + background-clip: border-box; + background-color: #fd7980; + border-color: #fd7980; } + scale slider:disabled { + background-color: #3c414e; + border-color: rgba(38, 41, 51, 0.8); } + menuitem:hover scale slider, + row:selected scale slider, + infobar scale slider { + background-clip: border-box; + background-color: #ffffff; + border-color: #ffffff; } + menuitem:hover scale slider:hover, + row:selected scale slider:hover, + infobar scale slider:hover { + background-color: #e5effb; + border-color: #e5effb; } + menuitem:hover scale slider:active, + row:selected scale slider:active, + infobar scale slider:active { + background-color: #a9caf1; + border-color: #a9caf1; } + menuitem:hover scale slider:disabled, + row:selected scale slider:disabled, + infobar scale slider:disabled { + background-color: #b1cff2; + border-color: #b1cff2; } + .osd scale slider { + background-clip: border-box; + background-color: #fd7980; + border-color: #fd7980; } + .osd scale slider:hover { + background-color: #7eafe9; + border-color: #7eafe9; } + .osd scale slider:active { + background-color: #fd7980; + border-color: #fd7980; } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: 1px; + margin-top: -4px; } + scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; } + scale marks.top { + margin-right: 1px; + margin-left: -4px; } + scale marks.bottom { + margin-left: 1px; + margin-right: -4px; } + scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; } + scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; } + scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; } + scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; } + scale.horizontal indicator { + min-height: 3px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 2px; } + scale.vertical indicator { + min-height: 1px; + min-width: 3px; } + scale.vertical.fine-tune indicator { + min-width: 2px; } + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(211, 218, 227, 0.7); } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; } + progressbar progress { + background-color: #fd7980; + border: none; + border-radius: 3px; + box-shadow: none; } + row:selected progressbar progress, + infobar progressbar progress { + background-color: #ffffff; } + progressbar trough { + border: none; + border-radius: 3px; + background-color: #2d303b; } + row:selected progressbar trough, + infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); } + +levelbar block { + min-width: 32px; + min-height: 1px; } + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; } + +levelbar trough { + border: none; + padding: 3px; + border-radius: 3px; + background-color: #2d303b; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #fd7980; + background-color: #fd7980; + border-radius: 2px; } + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; } + +levelbar block.high { + border-color: #fd7980; + background-color: #fd7980; } + +levelbar block.full { + border-color: #73d216; + background-color: #73d216; } + +levelbar block.empty { + background-color: #404552; + border-color: #404552; } + +printdialog paper { + border: 1px solid #2b2e39; + background: #404552; + padding: 0; } + +printdialog .dialog-action-box { + margin: 12px; } + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #2b2e39; } + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; } + +scrolledwindow viewport.frame { + border-style: none; } + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; } + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; } + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; } + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; } + +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #3e434f; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #404552; + border-color: #2b2e39; } + list row { + padding: 2px; } + +row:not(:hover) { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.03); } + +row.activatable:active { + color: #D3DAE3; } + +row.activatable:disabled { + color: rgba(211, 218, 227, 0.45); } + row.activatable:disabled image { + color: inherit; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #fd7980; } + +.app-notification { + padding: 10px; + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: rgba(31, 33, 40, 0.95); } + .app-notification border { + border: none; } + .app-notification button { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .app-notification button.flat, .app-notification button.sidebar-button { + border-color: rgba(82, 148, 226, 0); } + .app-notification button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .app-notification button:active, .app-notification button:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; + background-clip: padding-box; } + .app-notification button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:hover { + color: white; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +calendar { + color: #D3DAE3; + border: 1px solid #2b2e39; + border-radius: 3px; + padding: 2px; } + calendar:selected { + border-radius: 1.5px; } + calendar.header { + color: #D3DAE3; + border: none; } + calendar.button { + color: rgba(211, 218, 227, 0.45); } + calendar.button:hover { + color: #D3DAE3; } + calendar.button:disabled { + color: rgba(211, 218, 227, 0.45); } + calendar:indeterminate { + color: alpha(currentColor,0.55); } + calendar.highlight { + color: #D3DAE3; } + +messagedialog .titlebar { + min-height: 20px; + background-color: rgba(47, 52, 63, 0.97); + border-bottom: 1px solid rgba(32, 35, 43, 0.97); } + +messagedialog .dialog-action-area button { + padding: 8px; + min-height: 0; } + +messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; } + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 3px 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 3px; + border-left-style: none; } + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(43, 46, 57, 0.5); } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +.sidebar { + border-style: none; + background-color: #3c4150; } + stacksidebar.sidebar:dir(ltr) list, + stacksidebar.sidebar.left list, + stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: 1px solid #2b2e39; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list, + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #2b2e39; + border-right-style: none; } + .sidebar list { + background-color: transparent; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } + +placessidebar row { + min-height: 30px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 10px; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #fd7980; } + placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #ffffff; } + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; } + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, #2b2e39, #2b2e39); + background-size: 1px 1px; } + paned > separator:selected { + background-image: linear-gradient(to bottom, #fd7980, #fd7980); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #383C4A; + background-image: linear-gradient(to bottom, #2b2e39, #2b2e39), linear-gradient(to bottom, #2b2e39, #2b2e39); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + infobar.info, infobar.question, infobar.warning, infobar.error { + background-color: #fd7980; + color: #ffffff; + caret-color: currentColor; } + infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { + color: #fd7980; + background-color: #ffffff; } + +.selection-mode.primary-toolbar button:hover, headerbar.selection-mode button:hover, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .nautilus-window .floating-bar button { + color: #ffffff; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); } + +row:selected button.flat, row:selected button.sidebar-button, infobar.info button.flat, infobar.info button.sidebar-button, infobar.question button.flat, infobar.question button.sidebar-button, infobar.warning button.flat, infobar.warning button.sidebar-button, infobar.error button.flat, infobar.error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + .selection-mode.primary-toolbar button:disabled, headerbar.selection-mode button:disabled, row:selected button.flat:disabled, row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.info button.sidebar-button:disabled, infobar.question button.flat:disabled, infobar.question button.sidebar-button:disabled, infobar.warning button.flat:disabled, infobar.warning button.sidebar-button:disabled, infobar.error button.flat:disabled, infobar.error button.sidebar-button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.sidebar-button:disabled, .selection-mode.primary-toolbar button:disabled label, headerbar.selection-mode button:disabled label, row:selected button.flat:disabled label, row:selected button.sidebar-button:disabled label, infobar.info button.flat:disabled label, infobar.info button.sidebar-button:disabled label, infobar.question button.flat:disabled label, infobar.question button.sidebar-button:disabled label, infobar.warning button.flat:disabled label, infobar.warning button.sidebar-button:disabled label, infobar.error button.flat:disabled label, infobar.error button.sidebar-button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.sidebar-button:disabled label { + color: rgba(255, 255, 255, 0.4); } + +row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .nautilus-window .floating-bar button:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.8); } + +.selection-mode.primary-toolbar button:active, headerbar.selection-mode button:active, .selection-mode.primary-toolbar button:checked, headerbar.selection-mode button:checked, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .nautilus-window .floating-bar button:active, .selection-mode.primary-toolbar button:hover:active, headerbar.selection-mode button:hover:active, .selection-mode.primary-toolbar button:hover:checked, headerbar.selection-mode button:hover:checked, row:selected button:active:hover, infobar.info button:active:hover, infobar.question button:active:hover, infobar.warning button:active:hover, infobar.error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .nautilus-window .floating-bar button:checked { + color: #fd7980; + background-color: #ffffff; + border-color: #ffffff; } + +row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); } + row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); } + .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #fd7980; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); } + +tooltip { + border-radius: 2px; + box-shadow: none; } + tooltip.background { + background-color: rgba(75, 81, 98, 0.95); + background-clip: padding-box; } + tooltip.background label { + padding: 4px; } + tooltip decoration { + background-color: transparent; } + tooltip * { + background-color: transparent; + color: #BAC3CF; } + +colorswatch, colorswatch:drop(active) { + border-style: none; } + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); } + colorswatch.dark overlay:hover { + border-color: #2b2e39; } + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); } + colorswatch.light overlay:hover { + border-color: #2b2e39; } + +colorswatch overlay { + border: 1px solid #2b2e39; } + colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); } + +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #D3DAE3; + border-color: #2b2e39; + background-color: #444a58; } + colorswatch#add-color-button:hover { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #505666; } + colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; } + +button.color { + padding: 0; } + button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; } + +colorchooser .popover.osd { + border-radius: 3px; } + +.content-view { + background-color: #404552; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button:hover { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #505666; } + +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; } + +.monospace { + font-family: Monospace; } + +button.circular, button.nautilus-circular-button.image-button, +button.circular-button { + padding: 0; + min-width: 16px; + min-height: 24px; + padding: 2px 6px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, button.nautilus-circular-button.image-button label, + button.circular-button label { + padding: 0; } + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #D3DAE3; + background-color: #404552; + border: 1px solid #2b2e39; + border-radius: 2.5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; } + +decoration { + border-radius: 3px 3px 0 0; + border-width: 0px; + box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.97), 0 8px 8px 0 rgba(0, 0, 0, 0.35); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.35); + transition: 200ms ease-out; } + .fullscreen decoration, + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + .ssd decoration { + border-radius: 3px 3px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } + .ssd decoration.maximized { + border-radius: 0; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.45), 0 0 0 1px #22242d; } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25); } + messagedialog.csd decoration { + border-radius: 3px; } + .solid-csd decoration { + border-radius: 0; + margin: 1px; + background-color: rgba(47, 52, 63, 0.97); + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 0 4px; + min-width: 0; + min-height: 0; + margin: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 0; + min-width: 24px; + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(47, 52, 63, 0); } + headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover { + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + headerbar button.titlebutton:active, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked { + color: #ffffff; + border-color: transparent; + background-color: #fd7980; } + headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.close, + .titlebar button.titlebutton.maximize, + .titlebar button.titlebutton.minimize { + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; } + headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + opacity: 1; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, iconview text:selected:focus, +textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + background-color: #fd7980; } + row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, + textview text:selected, iconview text:selected:focus, + textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, + modelbutton.flat:active, + modelbutton.flat:active arrow, + modelbutton.flat:selected, + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + color: #ffffff; } + row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, + modelbutton.flat:disabled:active, + modelbutton.flat:active arrow:disabled, + modelbutton.flat:disabled:selected, + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:active:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:active:hover { + color: #a9caf1; } + +.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked, +terminal-window notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -1px #2b2e39; } + +terminal-window notebook > header.top, +.mate-terminal notebook > header.top { + padding-top: 3px; + box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } + terminal-window notebook > header.top button, + .mate-terminal notebook > header.top button { + padding: 0; + min-width: 24px; + min-height: 24px; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item, .caja-desktop { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active, .caja-desktop:active { + color: #D3DAE3; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected, .caja-desktop:selected { + color: #ffffff; + text-shadow: none; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #868b97; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +.nautilus-window searchbar { + border-top: 1px solid #2b2e39; } + +.nautilus-window .searchbar-container { + margin-top: -1px; } + +.nautilus-window notebook, +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #404552; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(211, 218, 227, 0.5); + border-color: rgba(180, 192, 207, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(253, 121, 128, 0.8); } + .disk-space-display.free { + background-color: #313541; + border-color: #1b1d24; } + +@keyframes needs_attention_keyframes { + 0% { + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + 100% { + color: #ffffff; + border-color: transparent; + background-color: #fd7980; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; } + +.conflict-row.activatable:hover { + background-color: #fd716a; } + +.conflict-row.activatable:selected { + color: #ffffff; + background-color: #fd7980; } + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; } + +.nemo-window notebook { + background-color: #404552; } + +.nemo-window .nemo-window-pane widget.entry { + border: 1px solid; + border-radius: 3px; + color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; + box-shadow: inset 1px 0 #fd7980, inset -1px 0 #fd7980, inset 0 1px #fd7980, inset 0 -1px #fd7980; } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { + margin: 0 0 1px 0; } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(134, 144, 165, 0.37); } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + border-color: transparent; + background-color: #fd7980; } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.caja-notebook { + border-top: 1px solid #2b2e39; } + +.caja-side-pane .frame { + border-width: 1px 0 0; } + +.caja-notebook .frame { + border-width: 0 0 1px; } + +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { + padding: 3px 6px 3px 6px; + border-color: #404552; } + .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { + background-color: #4a4f5c; } + .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { + color: #ffffff; + background-color: #fd7980; } + +.open-document-selector-name-label { + color: #D3DAE3; } + +.open-document-selector-path-label { + color: #8a909b; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + color: transparent; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel row:hover:not(:selected) button { + color: #9da3ad; } + .gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #D3DAE3; } + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row:hover:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel-dragged-row { + border: 1px solid #2b2e39; + background-color: #22242d; + color: #D3DAE3; } + +.gedit-side-panel-paned statusbar { + border-top: 1px solid #2b2e39; + background-color: #383C4A; } + +.gedit-search-slider { + background-color: #3c4150; + padding: 6px; + border-color: #2b2e39; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +.gedit-search-entry-occurrences-tag { + color: rgba(211, 218, 227, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +.gedit-map-frame border { + border-width: 0; } + .gedit-map-frame border:dir(ltr) { + border-left-width: 1px; } + .gedit-map-frame border:dir(rtl) { + border-right-width: 1px; } + +.pluma-window statusbar frame > border { + border: none; } + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; } + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; } + +.gb-search-entry-occurrences-tag { + background: none; } + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; } + workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 3px 3px 0 0; } + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #fd7980; } + +layouttab { + background-color: #404552; } + +layout { + border: 1px solid #2b2e39; + -PnlDockBin-handle-size: 1; } + +eggsearchbar box.search-bar { + border-bottom: 1px solid #2b2e39; } + +pillbox { + color: #ffffff; + background-color: #fd7980; + border-radius: 3px; } + pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); } + +docktabstrip { + padding: 0 6px; + background-color: #383C4A; + border-bottom: 1px solid #2b2e39; } + docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; } + docktabstrip docktab label { + opacity: 0.5; } + docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; } + docktabstrip docktab:checked { + border-color: #2b2e39; + background-color: #404552; } + +dockbin { + border: 1px solid #2b2e39; + -PnlDockBin-handle-size: 1; } + +dockpaned { + border: 1px solid #2b2e39; } + +dockoverlayedge { + background-color: #383C4A; } + dockoverlayedge docktabstrip { + padding: 0; + border: none; } + dockoverlayedge.left-edge tab:checked, + dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; } + +popover.messagepopover.background { + padding: 0; } + +popover.messagepopover .popover-content-area { + margin: 16px; } + +popover.messagepopover .popover-action-area { + margin: 8px; } + popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; } + +popover.popover-selector { + padding: 0; } + popover.popover-selector list row { + padding: 5px 0; } + popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; } + +entry.search.preferences-search { + border: none; + border-right: 1px solid #2b2e39; + border-bottom: 1px solid #2b2e39; + border-radius: 0; } + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #404552, #404552); } + +preferences stacksidebar.sidebar list separator { + background-color: transparent; } + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: #2b2e39; } + +button.run-arrow-button { + min-width: 12px; } + +omnibar.linked > entry:not(:only-child) { + border-style: solid; + border-radius: 3px; + margin-left: 1px; + margin-right: 1px; } + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #D3DAE3; } + +configurationview entry.flat { + background: none; } + +configurationview list { + border-width: 0; } + +.documents-scrolledwin.frame { + border-width: 0; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #fd7980; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon, .photos-collection-icon { + background-color: rgba(211, 218, 227, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag, .photos-entry-tag { + color: #ffffff; + background: #fd7980; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover, .photos-entry-tag:hover { + color: #ffffff; + background: #639fe5; } + .documents-entry-tag:active, .photos-entry-tag:active { + color: #ffffff; + background: #4189df; } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; } + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; } + +.tweak-categories, +.tweak-category:not(:selected):not(:hover) { + background-image: linear-gradient(to bottom, #404552, #404552); } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar { + background: none; } + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #cfd5de; + background-color: rgba(53, 57, 69, 0.95); + border: 1px solid rgba(35, 38, 46, 0.95); + border-radius: 2px; } + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #fd7980; + border-color: #fd7980; } + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(42, 45, 55, 0.95); } + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; } + +#gf-input-source { + min-height: 32px; + min-width: 40px; } + #gf-input-source:selected { + color: #ffffff; + background-color: #fd7980; + border-radius: 2px; } + +gf-candidate-box label { + padding: 3px; } + +gf-candidate-box:hover, gf-candidate-box:selected { + color: #ffffff; + background-color: #fd7980; + border-radius: 2px; } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(35, 38, 46, 0.95); } + MsdOsdWindow.background.osd .progressbar { + background-color: #fd7980; + border: none; + border-color: red; + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(42, 45, 55, 0.95); + border: none; + border-radius: 5px; } + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2b2e37; } + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #BAC3CF; } + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; } + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #5d6268; + background-color: rgba(20, 22, 27, 0.95); } + .mate-panel-menu-bar .wnck-pager:hover, + panel-toplevel.background .wnck-pager:hover { + background-color: rgba(54, 58, 70, 0.95); } + .mate-panel-menu-bar .wnck-pager:selected, + panel-toplevel.background .wnck-pager:selected { + color: #a9caf1; + background-color: #fd7980; } + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; } + +.xfce4-panel.panel { + background-color: rgba(43, 46, 55, 0.95); + text-shadow: none; + -gtk-icon-shadow: none; } + +#tasklist-button { + color: rgba(186, 195, 207, 0.8); + border-radius: 0; + border: none; + background-color: rgba(43, 46, 55, 0); } + #tasklist-button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #fd7980; } + +.mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button), .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + border-radius: 0; + border: none; + background-color: rgba(43, 46, 55, 0); } + .mate-panel-menu-bar button:hover:not(#tasklist-button), + panel-toplevel.background button:hover:not(#tasklist-button), .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: rgba(65, 70, 84, 0.95); } + .mate-panel-menu-bar button:active:not(#tasklist-button), + panel-toplevel.background button:active:not(#tasklist-button), .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .mate-panel-menu-bar button:checked:not(#tasklist-button), + panel-toplevel.background button:checked:not(#tasklist-button), .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #ffffff; + border: none; + background-color: #fd7980; } + .mate-panel-menu-bar button:active:not(#tasklist-button) label, + panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.sidebar-button:active label, .mate-panel-menu-bar button:active:not(#tasklist-button) image, + panel-toplevel.background button:active:not(#tasklist-button) image, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.sidebar-button:active image, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, + panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.sidebar-button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, + panel-toplevel.background button:checked:not(#tasklist-button) image, .xfce4-panel.panel button.flat:checked image, .xfce4-panel.panel button.sidebar-button:checked image { + color: inherit; } + +.nautilus-window .floating-bar { + padding: 1px; + background-color: #fd7980; + color: #ffffff; + border-radius: 2px 2px 0 0; } + .nautilus-window .floating-bar.bottom.left { + border-top-left-radius: 0; } + .nautilus-window .floating-bar.bottom.right { + border-top-right-radius: 0; } + .nautilus-window .floating-bar button { + border: none; + border-radius: 0; + min-height: 0; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + border-color: transparent; + background-color: #fd7980; } + .marlin-pathbar.pathbar:disabled { + color: rgba(207, 218, 231, 0.35); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.22); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #fd7980; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #fd7980; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration .top { + border: 1px solid rgba(32, 35, 43, 0.97); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #2f343f, #2f343f); + color: rgba(207, 218, 231, 0.8); + box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(207, 218, 231, 0.5); } + UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, + UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97), rgba(32, 35, 43, 0.97)); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2f343f, #2f343f); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #fd7980, #fd7980); + border-bottom: none; } + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; } + +.lightdm-combo .menu { + background-color: rgba(64, 71, 86, 0.97); + border-radius: 0px; + padding: 0px; + color: white; } + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; } + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); } + .lightdm.menubar > .menuitem { + padding: 2px 6px; } + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; } + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; } + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; } + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); } + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; } + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; } + +.lightdm.toggle-button { + background: none; + border-width: 0; } + .lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; } + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } + +.overlay-bar { + background-color: #fd7980; + border-color: #fd7980; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #2b2e39; + border-right: 1px solid #2b2e39; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #2b2e39; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #2b2e39; + background-color: #383C4A; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view, +iconview.source-list { + background-color: #383C4A; + color: #D3DAE3; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover, iconview.source-list:hover { + background-color: #434859; } + +.source-list.view:selected, iconview.source-list:selected, +.source-list.view:hover:selected, +iconview.source-list:hover:selected, +.source-list.view:selected:focus, +iconview.source-list:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #fd7980; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #383C4A; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #fd7980; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #fd7980; } + +.source-list.category-expander { + color: #D3DAE3; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #404552; } + +GraniteWidgetsWelcome label { + color: #868b97; + font-size: 11px; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(211, 218, 227, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #404552, #404552); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry { + padding: 4px; } + +.h1 { + font-size: 24px; } + +.h2 { + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + color: #a5abb5; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + +#panel_window { + background-color: rgba(43, 46, 55, 0.95); + color: #BAC3CF; + font-weight: bold; + box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } + #panel_window menubar { + padding-left: 5px; } + #panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #BAC3CF; + font-weight: bold; } + #panel_window menubar menuitem:disabled { + color: rgba(186, 195, 207, 0.5); } + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #D3DAE3; } + +#content_frame { + padding-bottom: 14px; + background-color: #383C4A; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #444a58; } + #content_frame button:hover { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #505666; } + #content_frame button:active, #content_frame button:checked { + color: #ffffff; + border-color: #2b2e39; + background-color: #fd7980; } + #content_frame button:disabled { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + #content_frame button:disabled label, #content_frame button:disabled { + color: rgba(211, 218, 227, 0.45); } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(47, 52, 63, 0.97); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px rgba(38, 42, 51, 0.97); } + +#buttonbox_frame button { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + #buttonbox_frame button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + #buttonbox_frame button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +#login_window #user_combobox { + color: #D3DAE3; + font-size: 13px; } + #login_window #user_combobox menu { + font-weight: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #F04A50; + border-color: #F04A50; } + #shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #f4797e; + border-color: #f4797e; } + #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #ec1b22; + border-color: #ec1b22; } + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #fd7980; + border-color: #fd7980; } + #restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fd7980; + border-color: #fd7980; } + #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #fd7980; + border-color: #fd7980; } + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; } + +.nautilus-window paned > separator { + background-image: linear-gradient(to bottom, rgba(42, 45, 55, 0.95), rgba(42, 45, 55, 0.95)); } + +filechooser paned > separator { + background-image: linear-gradient(to bottom, rgba(42, 45, 55, 0.95), rgba(42, 45, 55, 0.95)); } + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; } + +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + background-color: rgba(53, 57, 69, 0.95); } + filechooser placessidebar.sidebar row.sidebar-row, + .nautilus-window placessidebar.sidebar row.sidebar-row { + border: none; + color: #BAC3CF; } + filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, + .nautilus-window placessidebar.sidebar row.sidebar-row:hover { + background-color: rgba(186, 195, 207, 0.15); } + filechooser placessidebar.sidebar row.sidebar-row:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled label, filechooser placessidebar.sidebar row.sidebar-row:disabled image, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image { + color: rgba(186, 195, 207, 0.4); } + filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button { + color: #BAC3CF; } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { + color: #ffffff; + border-color: #2b2e39; + background-color: #fd7980; } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, + .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #fd7980; } + filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #F08437; } + filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; } + filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #ffffff; } + filechooser placessidebar.sidebar separator, + .nautilus-window placessidebar.sidebar separator { + background-color: transparent; } + +filechooser.maximized placessidebar.sidebar, +.nautilus-window.maximized placessidebar.sidebar { + background-color: #353945; } + +.nemo-window .sidebar { + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); } + .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { + background-color: transparent; + color: #BAC3CF; } + .nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { + background-color: #fd7980; + color: #ffffff; } + .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { + color: rgba(123, 129, 141, 0.975); } + .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #BAC3CF; } + .nemo-window .sidebar separator { + background-color: transparent; } + +.caja-side-pane, +.caja-side-pane > notebook > stack > widget > box, +.caja-side-pane text, +.caja-side-pane treeview { + color: #BAC3CF; + caret-color: #BAC3CF; + background-color: #353945; } + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #BAC3CF; } + +.caja-side-pane .frame { + border-color: #2a2d37; } + +.caja-side-pane junction { + background-color: rgba(42, 45, 55, 0.95); } + +filechooser actionbar { + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(20, 21, 26, 0.95); } + filechooser actionbar label, filechooser actionbar combobox { + color: #BAC3CF; } + +.gedit-bottom-panel-paned { + background-color: #404552; } + +.gedit-side-panel-paned > separator { + background-image: linear-gradient(to bottom, rgba(42, 45, 55, 0.95), rgba(42, 45, 55, 0.95)); } + +.gedit-bottom-panel-paned > separator { + background-image: linear-gradient(to bottom, #2b2e39, #2b2e39); } + +.gedit-document-panel { + background-color: rgba(53, 57, 69, 0.95); } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; + background-color: rgba(186, 195, 207, 0); } + .gedit-document-panel row:hover { + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #fd7980; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #fd7980; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #BAC3CF; } + +filechooser actionbar button { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + filechooser actionbar button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +filechooser actionbar entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; } + filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + filechooser actionbar entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-color: rgba(102, 109, 132, 0.2); } + +filechooser placessidebar.sidebar scrollbar, +.nautilus-window placessidebar.sidebar scrollbar, .nemo-window .sidebar scrollbar, .caja-side-pane scrollbar { + border-color: rgba(42, 45, 55, 0.95); } + filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, + .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nemo-window .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + filechooser placessidebar.sidebar scrollbar slider, + .nautilus-window placessidebar.sidebar scrollbar slider, .nemo-window .sidebar scrollbar slider, .caja-side-pane scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + filechooser placessidebar.sidebar scrollbar slider:hover, + .nautilus-window placessidebar.sidebar scrollbar slider:hover, .nemo-window .sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { + background-color: #f6f7f9; } + filechooser placessidebar.sidebar scrollbar slider:hover:active, + .nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .nemo-window .sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { + background-color: #fd7980; } + filechooser placessidebar.sidebar scrollbar slider:disabled, + .nautilus-window placessidebar.sidebar scrollbar slider:disabled, .nemo-window .sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { + background-color: transparent; } + filechooser placessidebar.sidebar scrollbar trough, + .nautilus-window placessidebar.sidebar scrollbar trough, .nemo-window .sidebar scrollbar trough, .caja-side-pane scrollbar trough { + background-color: rgba(42, 45, 55, 0.95); } + +@define-color theme_fg_color #D3DAE3; +@define-color theme_text_color #D3DAE3; +@define-color theme_bg_color #383C4A; +@define-color theme_base_color #404552; +@define-color theme_selected_bg_color #fd7980; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #D3DAE3; +@define-color text_color #D3DAE3; +@define-color bg_color #383C4A; +@define-color base_color #404552; +@define-color selected_bg_color #fd7980; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #3c4150; +@define-color insensitive_fg_color alpha(#d3dae3, 0.5); +@define-color insensitive_base_color #404552; +@define-color theme_unfocused_fg_color #D3DAE3; +@define-color theme_unfocused_text_color #D3DAE3; +@define-color theme_unfocused_bg_color #383C4A; +@define-color theme_unfocused_base_color #404552; +@define-color borders #2b2e39; +@define-color unfocused_borders #2b2e39; +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #73d216; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #a9caf1; +@define-color content_view_bg #404552; +@define-color wm_title alpha(#cfdae7, 0.8); +@define-color wm_unfocused_title alpha(#cfdae7, 0.5); +@define-color wm_bg #2f343f; +@define-color wm_bg_unfocused #323843; +@define-color wm_highlight #363b48; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #fd7980; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg #ffffff;
A
themes/Lumiere-Magenta/gtk-3.0/gtk.css
@@ -0,0 +1,4312 @@
+* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; } + +.background { + color: #5c616c; + background-color: rgba(245, 246, 247, 0.999); } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #ffffff; + color: #5c616c; } + .gtkstyle-fallback:hover { + background-color: white; + color: #5c616c; } + .gtkstyle-fallback:active { + background-color: #d9dde0; + color: #5c616c; } + .gtkstyle-fallback:disabled { + background-color: #fbfbfc; + color: rgba(92, 97, 108, 0.55); } + .gtkstyle-fallback:selected { + background-color: #ffdede; + color: #ffffff; } + +.view, iconview, +.view text, +iconview text, +textview text { + color: #5c616c; + background-color: #ffffff; } + .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus { + border-radius: 2px; } + +textview border { + background-color: #fafbfb; } + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #ffdede; + background-color: rgba(253, 121, 128, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label.separator, popover label.separator, +popover.background label.separator { + color: #5c616c; } + +label selection { + color: #ffffff; + background-color: #ffdede; } + +label:disabled { + color: rgba(92, 97, 108, 0.55); } + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle, .titlebar:not(headerbar) .subtitle { + opacity: 0.55; } + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid #ffffff; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #ffdede; + color: #ffffff; } + +textview { + background-color: #ffffff; } + +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { + color: #BAC3CF; + border: none; + background-color: rgba(53, 57, 69, 0.95); + background-clip: padding-box; + box-shadow: none; } + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +entry { + min-height: 22px; + border: 1px solid; + padding: 2px 8px; + caret-color: currentColor; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; } + entry.search { + border-radius: 20px; } + entry image { + color: #7d8189; } + entry image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, entry.flat:focus { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + entry:focus { + background-clip: border-box; + color: #5c616c; + border-color: #ffdede; + background-color: #ffffff; } + entry:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(255, 255, 255, 0.55); } + entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; } + entry.warning image { + color: white; } + entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; } + entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; } + entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; } + entry.error image { + color: white; } + entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; } + entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; } + entry.search-missing { + color: white; + border-color: #FC4138; + background-color: #fd8d88; } + entry.search-missing image { + color: white; } + entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; } + entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; } + entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; } + .osd entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .osd entry image, .osd entry image:hover { + color: inherit; } + .osd entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #ffdede; } + .osd entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-color: rgba(102, 109, 132, 0.2); } + .osd entry selection:focus, .osd entry selection { + color: #ffdede; + background-color: #ffffff; } + entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #ffdede; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #ffffff; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #ffdede; } + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ffdede), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ffdede), to(transparent)); } } + +button { + min-height: 22px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 2px 6px; + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + transition: none; } + button.flat:hover, button.sidebar-button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + button.flat:hover:active, button.sidebar-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: white; + -gtk-icon-effect: highlight; } + button:active, button:checked { + color: #ffffff; + border-color: #ffdede; + background-color: #ffdede; + background-clip: border-box; + transition-duration: 50ms; } + button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; } + button:active { + color: #5c616c; } + button:active:hover, button:checked { + color: #ffffff; } + button.flat:disabled, button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; } + button:disabled { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button:disabled label, button:disabled { + color: rgba(92, 97, 108, 0.55); } + button:disabled:active, button:disabled:checked { + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + button.image-button { + min-width: 24px; + padding-left: 5px; + padding-right: 5px; } + button.text-button { + padding-left: 12px; + padding-right: 12px; } + button.text-button.image-button { + padding-left: 5px; + padding-right: 5px; } + button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; } + button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; } + button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button.popup { + padding-right: 8px; + padding-left: 8px; } + button:drop(active), combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; } + button.osd { + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(35, 38, 46, 0.95); } + button.osd.image-button { + padding: 0; + min-height: 36px; + min-width: 36px; } + button.osd:hover { + color: #ffdede; } + button.osd:active, button.osd:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #ffdede; } + button.osd:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .osd button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #ffdede; } + .osd button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button.flat, .osd button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + .osd button.flat:hover, .osd button.sidebar-button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button.flat:disabled, .osd button.sidebar-button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); + background-image: none; } + .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #ffdede; } + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + button.suggested-action { + background-clip: border-box; + color: white; + background-color: #ffdede; + border-color: #ffdede; } + button.suggested-action.flat, button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffdede; } + button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #ffdede; + border-color: #ffdede; } + button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #ffdede; + border-color: #ffdede; } + button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.suggested-action:disabled { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(92, 97, 108, 0.55); } + button.destructive-action { + background-clip: border-box; + color: white; + background-color: #F04A50; + border-color: #F04A50; } + button.destructive-action.flat, button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; } + button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f4797e; + border-color: #f4797e; } + button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #ec1b22; + border-color: #ec1b22; } + button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.destructive-action:disabled { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(92, 97, 108, 0.55); } + .stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } + .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ffdede), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; } + button.font separator, button.file separator { + background-color: transparent; } + .inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } + +.inline-toolbar toolbutton > button { + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + .inline-toolbar toolbutton > button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: white; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #ffffff; + border-color: #ffdede; + background-color: #ffdede; } + .inline-toolbar toolbutton > button:disabled { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(92, 97, 108, 0.55); } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + +.linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(207, 214, 230, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, +.linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { + border-left-color: #f75d37; } + +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #ffdede; } + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #ffdede; } + +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #F08437; } + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > button:active + entry, +.linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #ffdede; } + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } + +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { + box-shadow: inset 1px 0 #cfd6e6; } + +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.5); } + +.linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, +.linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } + +.linked.vertical > entry + entry { + border-top-color: rgba(207, 214, 230, 0.3); } + +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { + border-top-color: #FC4138; } + +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { + border-top-color: #F27835; } + +.linked.vertical > entry.error + entry.warning, +.linked.vertical > entry.warning + entry.error { + border-top-color: #f75d37; } + +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { + border-top-color: #ffdede; } + +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #ffdede; } + +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #F08437; } + +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #F08437; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { + border-top-color: #F27835; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #F27835; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { + border-top-color: #FC4138; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #FC4138; } + +.linked.vertical > button:active + entry, +.linked.vertical > button:checked + entry { + border-top-color: #ffdede; } + +.linked.vertical > button + button { + border-top-style: none; } + +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { + box-shadow: inset 0 1px #cfd6e6; } + +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: inset 0 1px rgba(207, 214, 230, 0.5); } + +.linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, +.linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { + box-shadow: none; } + +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; } + +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > entry, +.linked.vertical > entry:focus, .linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, calendar.button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 24px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 2px; } + menuitem.button.flat:hover, + modelbutton.flat:hover { + background-color: #edeff0; } + menuitem.button.flat:checked, + modelbutton.flat:checked { + color: #5c616c; } + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child, + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child { + margin-left: 8px; } + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child, + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +*:link, button:link, button:visited { + color: #ffdede; } + *:link:visited, button:visited { + color: #1e61b0; } + *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #bad4f3; } + *:link:hover, button:hover:link, button:hover:visited { + color: #ffdede; } + *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #eef4fc; } + *:link:active, button:active:link, button:active:visited { + color: #ffdede; } + *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #dceaf9; } + infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, + *:selected *:link, + *:selected button:link, + *:selected button:visited { + color: #dceaf9; } + +button:link > label, button:visited > label { + text-decoration-line: underline; } + +spinbutton:drop(active) { + box-shadow: none; } + +spinbutton button:active { + color: #ffffff; } + +spinbutton:disabled { + color: rgba(92, 97, 108, 0.55); } + +spinbutton:not(.vertical) entry { + min-width: 28px; } + +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 3px 0 0 3px; } + +spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 #cfd6e6; } + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.5); } + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #ffdede; } + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; } + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(26, 28, 34, 0.35); } + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(26, 28, 34, 0.35); } + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; } + +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; } + +spinbutton.vertical > entry:focus + button { + border-top-color: #ffdede; } + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; } + +combobox button.combo { + min-width: 0; + padding-left: 8px; + padding-right: 8px; } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; } + toolbar separator, .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar { + background-color: transparent; } + toolbar.osd, .osd.inline-toolbar { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 3px; + background-color: rgba(53, 57, 69, 0.85); } + toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; } + toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; } + toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; } + toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; } + toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; } + toolbar:not(.inline-toolbar) switch, .inline-toolbar:not(.inline-toolbar) switch, + toolbar:not(.inline-toolbar) scale, .inline-toolbar:not(.inline-toolbar) scale, + toolbar:not(.inline-toolbar) entry, .inline-toolbar:not(.inline-toolbar) entry, + toolbar:not(.inline-toolbar) spinbutton, .inline-toolbar:not(.inline-toolbar) spinbutton, + toolbar:not(.inline-toolbar) button, .inline-toolbar:not(.inline-toolbar) button { + margin-right: 1px; + margin-bottom: 1px; } + toolbar:not(.inline-toolbar) .linked > button, .inline-toolbar:not(.inline-toolbar) .linked > button, + toolbar:not(.inline-toolbar) .linked > entry, .inline-toolbar:not(.inline-toolbar) .linked > entry { + margin-right: 0; } + +.primary-toolbar:not(.libreoffice-toolbar) { + color: rgba(82, 93, 118, 0.8); + background-color: #ffffff; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #ffffff, rgba(212, 213, 219, 0.95)) 1 0 1 0; } + +.inline-toolbar { + background-color: #edeef0; + border-style: solid; + border-color: #ffffff; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; } + +searchbar { + background-color: #ffffff; + border-style: solid; + border-color: #ffffff; + border-width: 0 0 1px; + padding: 3px; } + +actionbar { + padding: 6px; + border-top: 1px solid #ffffff; + background-color: #edeef0; } + +headerbar, +.titlebar:not(headerbar) { + min-height: 42px; + padding: 0 7px; + border-width: 0 0 1px; + border-style: solid; + border-color: #d4d5db; + color: rgba(82, 93, 118, 0.8); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } + .csd headerbar, + .csd .titlebar:not(headerbar) { + background-color: rgba(231, 232, 235, 0.95); + border-color: rgba(212, 213, 219, 0.95); } + headerbar:backdrop, + .titlebar:backdrop:not(headerbar) { + transition: 200ms ease-out; + color: rgba(82, 93, 118, 0.5); + background-color: #ffffff; } + .csd headerbar:backdrop, + .csd .titlebar:backdrop:not(headerbar) { + background-color: rgba(239, 240, 242, 0.95); } + headerbar .title, .titlebar:not(headerbar) .title { + padding-left: 12px; + padding-right: 12px; } + headerbar .subtitle, .titlebar:not(headerbar) .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + headerbar.selection-mode, + .selection-mode.titlebar:not(headerbar) { + color: #ffffff; + background-color: rgba(82, 148, 226, 0.95); + border-color: rgba(65, 137, 223, 0.95); + box-shadow: none; } + headerbar.selection-mode:backdrop, + .selection-mode.titlebar:backdrop:not(headerbar) { + background-color: rgba(82, 148, 226, 0.95); + color: rgba(255, 255, 255, 0.6); } + headerbar.selection-mode .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + headerbar.selection-mode .selection-menu GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + headerbar.selection-mode .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .maximized headerbar.selection-mode, + .maximized .selection-mode.titlebar:not(headerbar) { + background-color: #ffdede; } + .tiled headerbar, .tiled headerbar:backdrop, + .maximized headerbar, .maximized headerbar:backdrop, + .tiled .titlebar:not(headerbar), + .tiled .titlebar:backdrop:not(headerbar), + .maximized .titlebar:not(headerbar), + .maximized .titlebar:backdrop:not(headerbar) { + border-radius: 0; } + .maximized headerbar, + .maximized .titlebar:not(headerbar) { + background-color: #ffffff; + border-color: #d4d5db; } + .maximized headerbar:backdrop, + .maximized .titlebar:backdrop:not(headerbar) { + background-color: #ffffff; } + headerbar.default-decoration, + .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, + .csd headerbar.default-decoration:backdrop, + .default-decoration.titlebar:not(headerbar), + .csd .default-decoration.titlebar:not(headerbar), + .default-decoration.titlebar:backdrop:not(headerbar), + .csd .default-decoration.titlebar:backdrop:not(headerbar) { + min-height: 28px; + padding: 0 3px; + background-color: #ffffff; + border-bottom-width: 0; } + .maximized headerbar.default-decoration, .maximized + .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized + .csd headerbar.default-decoration:backdrop, + .maximized .default-decoration.titlebar:not(headerbar), + .maximized + .csd .default-decoration.titlebar:not(headerbar), + .maximized .default-decoration.titlebar:backdrop:not(headerbar), + .maximized + .csd .default-decoration.titlebar:backdrop:not(headerbar) { + background-color: #ffffff; } + +.titlebar { + border-radius: 4px 4px 0 0; } + +headerbar entry, headerbar button, headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 4px; } + .maximized separator:first-child + headerbar, + .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, + .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, + .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, + .tiled headerbar:first-child:backdrop { + border-radius: 0; } + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 4px; } + .maximized headerbar:last-child, + .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, + .tiled headerbar:last-child:backdrop { + border-radius: 0; } + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, +window.csd > .titlebar:not(headerbar), +window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; } + +.titlebar:not(headerbar) > separator { + background-image: linear-gradient(to bottom, rgba(212, 213, 219, 0.95), rgba(212, 213, 219, 0.95)); } + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { + min-width: 1px; + min-height: 1px; + background: none; + border-width: 0 1px; + border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } + .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { + opacity: 0.6; } + +.primary-toolbar entry, headerbar entry { + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(255, 255, 255, 0.9); } + .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus { + color: #ffffff; + border-color: #ffdede; + background-color: #ffdede; + background-clip: border-box; } + .primary-toolbar entry:focus image, headerbar entry:focus image { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry:disabled { + color: rgba(82, 93, 118, 0.35); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(255, 255, 255, 0.75); } + .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #ffffff; + color: #ffdede; } + .primary-toolbar entry progress, headerbar entry progress { + border-color: #ffdede; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: rgba(238, 162, 121, 0.98); } + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { + background-color: white; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: rgba(244, 128, 123, 0.98); } + .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { + background-color: white; + color: #FC4138; } + +.primary-toolbar button, headerbar button { + color: rgba(82, 93, 118, 0.8); + outline-offset: -3px; + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.7; } + .primary-toolbar button:hover, headerbar button:hover { + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + color: #ffffff; + border-color: #ffdede; + background-color: #ffdede; + background-clip: border-box; } + .primary-toolbar button:disabled, headerbar button:disabled { + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(82, 93, 118, 0.35); } + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border-color: rgba(82, 148, 226, 0.65); + background-color: rgba(82, 148, 226, 0.65); } + +.selection-mode.primary-toolbar button, headerbar.selection-mode button, .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.flat, .selection-mode.primary-toolbar button.sidebar-button, headerbar.selection-mode button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child) { + margin-right: 1px; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 3px; + border-style: solid; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + background-color: rgba(255, 255, 255, 0.9); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + border-color: #ffdede; + background-color: #ffdede; } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(82, 93, 118, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(82, 93, 118, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { + border-left-color: #f75d37; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #ffdede; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #ffdede; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #F08437; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:active + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #ffdede; } + +.primary-toolbar button.suggested-action, headerbar button.suggested-action { + background-clip: border-box; + color: white; + background-color: #ffdede; + border-color: #ffdede; } + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffdede; } + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #ffdede; + border-color: #ffdede; } + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #ffdede; + border-color: #ffdede; } + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(82, 93, 118, 0.35); } + +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { + opacity: 0.8; } + +.primary-toolbar button.destructive-action, headerbar button.destructive-action { + background-clip: border-box; + color: white; + background-color: #F04A50; + border-color: #F04A50; } + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; } + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f4797e; + border-color: #f4797e; } + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #ec1b22; + border-color: #ec1b22; } + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(82, 93, 118, 0.35); } + +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { + opacity: 0.8; } + +.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { + color: #ffffff; + caret-color: #ffffff; } + +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + +.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { + background-color: rgba(255, 255, 255, 0.9); } + +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + border-color: #ffdede; + background-color: #ffdede; } + +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(82, 93, 118, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), headerbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), .primary-toolbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled, headerbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #ffdede; } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(82, 93, 118, 0.2); } + +.primary-toolbar combobox > .linked > button.combo, headerbar combobox > .linked > button.combo { + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(255, 255, 255, 0.9); } + .primary-toolbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image, .primary-toolbar combobox > .linked > button.combo image:hover, headerbar combobox > .linked > button.combo image:hover { + color: inherit; } + .primary-toolbar combobox > .linked > button.combo:hover, headerbar combobox > .linked > button.combo:hover { + color: #ffffff; + border-color: #ffdede; + background-color: #ffdede; + box-shadow: none; } + .primary-toolbar combobox > .linked > button.combo:disabled, headerbar combobox > .linked > button.combo:disabled { + color: rgba(82, 93, 118, 0.35); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(255, 255, 255, 0.75); } + +.primary-toolbar combobox > .linked > entry.combo:dir(ltr), headerbar combobox > .linked > entry.combo:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus, headerbar combobox > .linked > entry.combo:dir(ltr):focus { + box-shadow: none; } + .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus, headerbar combobox > .linked > entry.combo:dir(ltr):focus { + box-shadow: 1px 0 #ffdede; } + +.primary-toolbar combobox > .linked > entry.combo:dir(rtl), headerbar combobox > .linked > entry.combo:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus, headerbar combobox > .linked > entry.combo:dir(rtl):focus { + box-shadow: none; } + .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus, headerbar combobox > .linked > entry.combo:dir(rtl):focus { + box-shadow: -1px 0 #ffdede; } + +.primary-toolbar combobox > .linked > button.combo:dir(ltr), headerbar combobox > .linked > button.combo:dir(ltr), .primary-toolbar combobox > .linked > button.combo:dir(ltr):hover, headerbar combobox > .linked > button.combo:dir(ltr):hover, .primary-toolbar combobox > .linked > button.combo:dir(ltr):active, headerbar combobox > .linked > button.combo:dir(ltr):active, .primary-toolbar combobox > .linked > button.combo:dir(ltr):checked, headerbar combobox > .linked > button.combo:dir(ltr):checked, .primary-toolbar combobox > .linked > button.combo:dir(ltr):disabled, headerbar combobox > .linked > button.combo:dir(ltr):disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.primary-toolbar combobox > .linked > button.combo:dir(rtl), headerbar combobox > .linked > button.combo:dir(rtl), .primary-toolbar combobox > .linked > button.combo:dir(rtl):hover, headerbar combobox > .linked > button.combo:dir(rtl):hover, .primary-toolbar combobox > .linked > button.combo:dir(rtl):active, headerbar combobox > .linked > button.combo:dir(rtl):active, .primary-toolbar combobox > .linked > button.combo:dir(rtl):checked, headerbar combobox > .linked > button.combo:dir(rtl):checked, .primary-toolbar combobox > .linked > button.combo:dir(rtl):disabled, headerbar combobox > .linked > button.combo:dir(rtl):disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.primary-toolbar switch:backdrop, headerbar switch:backdrop { + opacity: 0.75; } + +.primary-toolbar progressbar trough, headerbar progressbar trough { + background-color: rgba(82, 93, 118, 0.15); } + +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { + opacity: 0.75; } + +.primary-toolbar scale:backdrop, headerbar scale:backdrop { + opacity: 0.75; } + +.primary-toolbar scale slider, headerbar scale slider { + background-color: #fbfbfc; + border-color: rgba(82, 93, 118, 0.3); } + .primary-toolbar scale slider:hover, headerbar scale slider:hover { + background-color: white; + border-color: rgba(82, 93, 118, 0.3); } + .primary-toolbar scale slider:active, headerbar scale slider:active { + background-color: #ffdede; + border-color: #ffdede; } + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + background-color: rgba(245, 246, 247, 0.985); + border-color: rgba(82, 93, 118, 0.3); } + +.primary-toolbar scale trough, headerbar scale trough { + background-color: rgba(82, 93, 118, 0.15); } + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + background-color: rgba(82, 93, 118, 0.1); } + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; } + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; } + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; } + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } + +treeview.view { + border-left-color: rgba(92, 97, 108, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); } + * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; } + treeview.view acceleditor > label { + background-color: #ffdede; } + treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #a9caf1; + border-top-color: rgba(92, 97, 108, 0.1); } + treeview.view:disabled { + color: rgba(92, 97, 108, 0.55); } + treeview.view:disabled:selected { + color: #97bfee; } + treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.1); } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #577ba7; } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #aeb0b6; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #5c616c; } + treeview.view.expander:selected { + color: #cbdff6; } + treeview.view.expander:selected:hover { + color: #ffffff; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.progressbar, treeview.view.progressbar:focus { + color: #ffffff; + border-radius: 3px; + background-color: #ffdede; } + treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #ffdede; + box-shadow: none; + background-color: #ffffff; } + treeview.view.trough { + color: #5c616c; + background-color: #cfd6e6; + border-radius: 3px; + border-width: 0; } + treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + min-height: 0; + min-width: 0; + padding: 3px 6px; + font-weight: bold; + color: #7d8189; + background-color: #ffffff; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:hover { + color: #ffdede; } + treeview.view header button:active { + color: #5c616c; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; } + treeview.view header button:active:hover { + color: #5c616c; } + treeview.view header button:disabled { + border-color: #ffffff; + background-image: none; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } + treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, + treeview.view header.button.dnd, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #ffdede; + border-radius: 0; + border-style: none; } + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #ffffff; + color: rgba(82, 93, 118, 0.8); } + menubar:backdrop, + .menubar:backdrop { + color: rgba(82, 93, 118, 0.5); } + menubar > menuitem, + .menubar > menuitem { + padding: 4px 8px; + border: solid transparent; + border-width: 0; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #ffdede; + color: #ffffff; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(82, 93, 118, 0.2); + border-color: transparent; } + +menu, +.menu { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: #ffffff; + border: 1px solid #ffffff; } + .csd menu, .csd + .menu { + padding: 4px 0px; + border-radius: 2px; + border: none; } + menu separator, + .csd menu separator, + .menu separator, + .csd + .menu separator { + margin: 2px 0; + background-color: #ffffff; } + menu .separator:not(label), + .csd menu .separator:not(label), + .menu .separator:not(label), + .csd + .menu .separator:not(label) { + color: #ffffff; } + menu menuitem, + .menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 5px; } + menu menuitem:hover, + .menu menuitem:hover { + color: #ffffff; + background-color: #ffdede; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(92, 97, 108, 0.55); } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menuitem accelerator { + color: alpha(currentColor,0.55); } + menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; } + menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; } + menu > arrow, + .menu > arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + min-width: 16px; + min-height: 16px; + padding: 4px; + background-color: #ffffff; + border-radius: 0; } + menu > arrow.top, + .menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #efeff0; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, + .menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #efeff0; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, + .menu > arrow:hover { + background-color: #efeff0; } + menu > arrow:disabled, + .menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +popover, +popover.background { + padding: 2px; + border-radius: 3px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } + .csd popover, popover, .csd + popover.background, + popover.background { + border: 1px solid #cdd2d7; } + popover separator, + popover.background separator { + background-color: #ffffff; } + popover > list, + popover > .view, + popover > iconview, + popover > toolbar, + popover > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > iconview, + popover.background > toolbar, + popover.background > .inline-toolbar { + border-style: none; + background-color: transparent; } + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +notebook { + padding: 0; } + notebook.frame { + border: 1px solid #ffffff; } + notebook.frame > header { + margin: -1px; } + notebook.frame > header.top { + margin-bottom: 0; } + notebook.frame > header.bottom { + margin-top: 0; } + notebook.frame > header.left { + margin-right: 0; } + notebook.frame > header.right { + margin-left: 0; } + notebook.frame > header.top, notebook.frame > header.bottom { + padding-left: 0; + padding-right: 0; } + notebook.frame > header.left, notebook.frame > header.right { + padding-top: 0; + padding-bottom: 0; } + notebook > stack:not(:only-child) { + background-color: #ffffff; } + notebook > header { + padding: 2px; + background-color: #ffffff; } + notebook > header.top { + box-shadow: inset 0 -1px #ffffff; } + notebook > header.bottom { + box-shadow: inset 0 1px #ffffff; } + notebook > header.right { + box-shadow: inset 1px 0 #ffffff; } + notebook > header.left { + box-shadow: inset -1px 0 #ffffff; } + notebook > header.top { + padding-bottom: 0; } + notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-bottom: none; + border-radius: 1px 1px 0 0; } + notebook > header.top > tabs > tab + tab { + margin-left: -1px; } + notebook > header.bottom { + padding-top: 0; } + notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-top: none; + border-radius: 0 0 1px 1px; } + notebook > header.bottom > tabs > tab + tab { + margin-left: -1px; } + notebook > header.right { + padding-left: 0; } + notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-left: none; + border-radius: 0 1px 1px 0; } + notebook > header.right > tabs > tab + tab { + margin-top: -1px; } + notebook > header.left { + padding-right: 0; } + notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-right: none; + border-radius: 1px 0 0 1px; } + notebook > header.left > tabs > tab + tab { + margin-top: -1px; } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; } + notebook > header > tabs > arrow { + color: rgba(92, 97, 108, 0.55); } + notebook > header > tabs > arrow:hover { + color: rgba(92, 97, 108, 0.775); } + notebook > header > tabs > arrow:active { + color: #5c616c; } + notebook > header > tabs > arrow:disabled { + color: rgba(92, 97, 108, 0.25); } + notebook > header.top > tabs > tab:hover:not(:checked) { + box-shadow: inset 0 -1px #ffffff; } + notebook > header.bottom > tabs > tab:hover:not(:checked) { + box-shadow: inset 0 1px #ffffff; } + notebook > header.left > tabs > tab:hover:not(:checked) { + box-shadow: inset -1px 0 #ffffff; } + notebook > header.right > tabs > tab:hover:not(:checked) { + box-shadow: inset 1px 0 #ffffff; } + notebook > header > tabs > tab { + color: rgba(92, 97, 108, 0.55); + background-color: rgba(255, 255, 255, 0); } + notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(92, 97, 108, 0.775); + background-color: rgba(255, 255, 255, 0.5); + border-color: #ffffff; } + notebook > header > tabs > tab:checked { + color: #5c616c; + background-color: #ffffff; + border-color: #ffffff; } + notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { + min-height: 22px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { + color: #ff4d4d; } + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { + color: #ffdede; } + +scrollbar { + background-color: #fcfcfc; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar.top { + border-bottom: 1px solid #ffffff; } + scrollbar.bottom { + border-top: 1px solid #ffffff; } + scrollbar.left { + border-right: 1px solid #ffffff; } + scrollbar.right { + border-left: 1px solid #ffffff; } + scrollbar button { + border: none; } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #b8babf; } + scrollbar slider:hover { + background-color: #c7c9cd; } + scrollbar slider:hover:active { + background-color: #ffdede; } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #8a8e96; + border: 1px solid rgba(255, 255, 255, 0.6); } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + +switch { + font-size: 1px; + min-width: 52px; + min-height: 24px; + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: center center; } + switch slider { + min-width: 1px; + min-height: 1px; } + switch, switch slider { + outline-color: transparent; + color: transparent; + border: none; + box-shadow: none; } + +switch { + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } + +menuitem:hover switch, +row:selected switch, +infobar switch { + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } + +headerbar switch, +.primary-toolbar switch { + background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); } + +switch:checked { + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } + +menuitem:hover switch:checked, +row:selected switch:checked, +infobar switch:checked { + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } + +headerbar switch:checked, +.primary-toolbar switch:checked { + background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); } + +switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } + +menuitem:hover switch:disabled, +row:selected switch:disabled, +infobar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } + +headerbar switch:disabled, +.primary-toolbar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); } + +switch:checked:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } + +menuitem:hover switch:checked:disabled, +row:selected switch:checked:disabled, +infobar switch:checked:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } + +headerbar switch:checked:disabled, +.primary-toolbar switch:checked:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } + +.osd check, filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +menuitem check:hover, +.view check:selected, iconview check:selected, +treeview.check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } + +.check:disabled, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } + +.osd check:disabled, filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +menuitem check:disabled:hover, +.view check:disabled:selected, iconview check:disabled:selected, +treeview.check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } + +.osd check:indeterminate, filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +menuitem check:indeterminate:hover, +.view check:indeterminate:selected, iconview check:indeterminate:selected, +treeview.check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } + +.check:indeterminate:disabled, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } + +.osd check:indeterminate:disabled, filechooser actionbar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +menuitem check:indeterminate:disabled:hover, +.view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, +treeview.check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } + +.osd check:checked, filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +menuitem check:checked:hover, +.view check:checked:selected, iconview check:checked:selected, +treeview.check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } + +.check:checked:disabled, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } + +.osd check:checked:disabled, filechooser actionbar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +menuitem check:checked:disabled:hover, +.view check:checked:disabled:selected, iconview check:checked:disabled:selected, +treeview.check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } + +.osd radio, filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +menuitem radio:hover, +.view radio:selected, iconview radio:selected, +treeview.radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } + +.radio:disabled, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } + +.osd radio:disabled, filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +menuitem radio:disabled:hover, +.view radio:disabled:selected, iconview radio:disabled:selected, +treeview.radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } + +.osd radio:indeterminate, filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +menuitem radio:indeterminate:hover, +.view radio:indeterminate:selected, iconview radio:indeterminate:selected, +treeview.radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } + +.radio:indeterminate:disabled, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } + +.osd radio:indeterminate:disabled, filechooser actionbar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +menuitem radio:indeterminate:disabled:hover, +.view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, +treeview.radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } + +.osd radio:checked, filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +menuitem radio:checked:hover, +.view radio:checked:selected, iconview radio:checked:selected, +treeview.radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } + +.radio:checked:disabled, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } + +.osd radio:checked:disabled, filechooser actionbar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +menuitem radio:checked:disabled:hover, +.view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, +treeview.radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } + +.view.content-view.check:not(list), iconview.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; } + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + check:only-child, + menu menuitem check, + radio:only-child, + menu menuitem + radio { + margin: 0; } + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; } + scale.horizontal trough { + padding: 0 4px; } + scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; } + scale.vertical trough { + padding: 4px 0; } + scale.vertical highlight, scale.vertical fill { + margin: -4px 0; } + scale slider { + min-height: 15px; + min-width: 15px; + margin: -6px; } + scale.fine-tune slider { + margin: -4px; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; } + scale trough { + outline-offset: 2px; + -gtk-outline-radius: 4.5px; + border-radius: 2.5px; + background-color: #cfd6e6; } + scale trough:disabled { + background-color: rgba(207, 214, 230, 0.55); } + .osd scale trough { + background-color: rgba(69, 74, 89, 0.95); } + .osd scale trough highlight { + background-color: #ffdede; } + menuitem:hover scale trough, + row:selected scale trough, + infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); } + menuitem:hover scale trough highlight, + row:selected scale trough highlight, + infobar scale trough highlight { + background-color: #ffffff; } + menuitem:hover scale trough highlight:disabled, + row:selected scale trough highlight:disabled, + infobar scale trough highlight:disabled { + background-color: #b1cff2; } + menuitem:hover scale trough:disabled, + row:selected scale trough:disabled, + infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); } + scale highlight { + border-radius: 2.5px; + background-color: #ffdede; } + scale highlight:disabled { + background-color: rgba(82, 148, 226, 0.55); } + scale fill { + border-radius: 2.5px; + background-color: rgba(82, 148, 226, 0.5); } + scale fill:disabled { + background-color: transparent; } + scale slider { + background-color: #fbfbfc; + border: 1px solid rgba(123, 142, 186, 0.5); + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; } + scale slider:hover { + background-color: white; } + scale slider:active { + background-clip: border-box; + background-color: #ffdede; + border-color: #ffdede; } + scale slider:disabled { + background-color: #fbfbfb; + border-color: rgba(123, 142, 186, 0.3); } + menuitem:hover scale slider, + row:selected scale slider, + infobar scale slider { + background-clip: border-box; + background-color: #ffffff; + border-color: #ffffff; } + menuitem:hover scale slider:hover, + row:selected scale slider:hover, + infobar scale slider:hover { + background-color: #e5effb; + border-color: #e5effb; } + menuitem:hover scale slider:active, + row:selected scale slider:active, + infobar scale slider:active { + background-color: #a9caf1; + border-color: #a9caf1; } + menuitem:hover scale slider:disabled, + row:selected scale slider:disabled, + infobar scale slider:disabled { + background-color: #b1cff2; + border-color: #b1cff2; } + .osd scale slider { + background-clip: border-box; + background-color: #ffdede; + border-color: #ffdede; } + .osd scale slider:hover { + background-color: #7eafe9; + border-color: #7eafe9; } + .osd scale slider:active { + background-color: #ffdede; + border-color: #ffdede; } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: 1px; + margin-top: -4px; } + scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; } + scale marks.top { + margin-right: 1px; + margin-left: -4px; } + scale marks.bottom { + margin-left: 1px; + margin-right: -4px; } + scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; } + scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; } + scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; } + scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; } + scale.horizontal indicator { + min-height: 3px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 2px; } + scale.vertical indicator { + min-height: 1px; + min-width: 3px; } + scale.vertical.fine-tune indicator { + min-width: 2px; } + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(92, 97, 108, 0.7); } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; } + progressbar progress { + background-color: #ffdede; + border: none; + border-radius: 3px; + box-shadow: none; } + row:selected progressbar progress, + infobar progressbar progress { + background-color: #ffffff; } + progressbar trough { + border: none; + border-radius: 3px; + background-color: #cfd6e6; } + row:selected progressbar trough, + infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); } + +levelbar block { + min-width: 32px; + min-height: 1px; } + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; } + +levelbar trough { + border: none; + padding: 3px; + border-radius: 3px; + background-color: #cfd6e6; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #ffdede; + background-color: #ffdede; + border-radius: 2px; } + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; } + +levelbar block.high { + border-color: #ffdede; + background-color: #ffdede; } + +levelbar block.full { + border-color: #73d216; + background-color: #73d216; } + +levelbar block.empty { + background-color: rgba(92, 97, 108, 0.2); + border-color: rgba(92, 97, 108, 0.2); } + +printdialog paper { + border: 1px solid #ffffff; + background: #ffffff; + padding: 0; } + +printdialog .dialog-action-box { + margin: 12px; } + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #ffffff; } + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; } + +scrolledwindow viewport.frame { + border-style: none; } + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; } + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; } + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; } + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; } + +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #ffffff 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #fcfcfc; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #ffffff; + border-color: #ffffff; } + list row { + padding: 2px; } + +row:not(:hover) { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); } + +row.activatable:active { + color: #5c616c; } + +row.activatable:disabled { + color: rgba(92, 97, 108, 0.55); } + row.activatable:disabled image { + color: inherit; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #ffdede; } + +.app-notification { + padding: 10px; + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: rgba(31, 33, 40, 0.95); } + .app-notification border { + border: none; } + .app-notification button { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .app-notification button.flat, .app-notification button.sidebar-button { + border-color: rgba(82, 148, 226, 0); } + .app-notification button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .app-notification button:active, .app-notification button:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #ffdede; + background-clip: padding-box; } + .app-notification button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:hover { + color: #aaaeb7; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +calendar { + color: #5c616c; + border: 1px solid #ffffff; + border-radius: 3px; + padding: 2px; } + calendar:selected { + border-radius: 1.5px; } + calendar.header { + color: #5c616c; + border: none; } + calendar.button { + color: rgba(92, 97, 108, 0.45); } + calendar.button:hover { + color: #5c616c; } + calendar.button:disabled { + color: rgba(92, 97, 108, 0.55); } + calendar:indeterminate { + color: alpha(currentColor,0.55); } + calendar.highlight { + color: #5c616c; } + +messagedialog .titlebar { + min-height: 20px; + background-color: rgba(231, 232, 235, 0.95); + border-bottom: 1px solid rgba(212, 213, 219, 0.95); } + +messagedialog .dialog-action-area button { + padding: 8px; + min-height: 0; } + +messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; } + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 3px 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 3px; + border-left-style: none; } + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(220, 223, 227, 0.5); } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +.sidebar { + border-style: none; + background-color: #fbfbfc; } + stacksidebar.sidebar:dir(ltr) list, + stacksidebar.sidebar.left list, + stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: 1px solid #ffffff; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list, + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #ffffff; + border-right-style: none; } + .sidebar list { + background-color: transparent; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } + +placessidebar row { + min-height: 30px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 10px; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #ffdede; } + placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #ffffff; } + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; } + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + background-size: 1px 1px; } + paned > separator:selected { + background-image: linear-gradient(to bottom, #ffdede, #ffdede); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + infobar.info, infobar.question, infobar.warning, infobar.error { + background-color: #ffdede; + color: #ffffff; + caret-color: currentColor; } + infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { + color: #ffdede; + background-color: #ffffff; } + +.selection-mode.primary-toolbar button:hover, headerbar.selection-mode button:hover, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .nautilus-window .floating-bar button { + color: #ffffff; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); } + +row:selected button.flat, row:selected button.sidebar-button, infobar.info button.flat, infobar.info button.sidebar-button, infobar.question button.flat, infobar.question button.sidebar-button, infobar.warning button.flat, infobar.warning button.sidebar-button, infobar.error button.flat, infobar.error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + .selection-mode.primary-toolbar button:disabled, headerbar.selection-mode button:disabled, row:selected button.flat:disabled, row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.info button.sidebar-button:disabled, infobar.question button.flat:disabled, infobar.question button.sidebar-button:disabled, infobar.warning button.flat:disabled, infobar.warning button.sidebar-button:disabled, infobar.error button.flat:disabled, infobar.error button.sidebar-button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.sidebar-button:disabled, .selection-mode.primary-toolbar button:disabled label, headerbar.selection-mode button:disabled label, row:selected button.flat:disabled label, row:selected button.sidebar-button:disabled label, infobar.info button.flat:disabled label, infobar.info button.sidebar-button:disabled label, infobar.question button.flat:disabled label, infobar.question button.sidebar-button:disabled label, infobar.warning button.flat:disabled label, infobar.warning button.sidebar-button:disabled label, infobar.error button.flat:disabled label, infobar.error button.sidebar-button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.sidebar-button:disabled label { + color: rgba(255, 255, 255, 0.4); } + +row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .nautilus-window .floating-bar button:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.8); } + +.selection-mode.primary-toolbar button:active, headerbar.selection-mode button:active, .selection-mode.primary-toolbar button:checked, headerbar.selection-mode button:checked, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .nautilus-window .floating-bar button:active, .selection-mode.primary-toolbar button:hover:active, headerbar.selection-mode button:hover:active, .selection-mode.primary-toolbar button:hover:checked, headerbar.selection-mode button:hover:checked, row:selected button:active:hover, infobar.info button:active:hover, infobar.question button:active:hover, infobar.warning button:active:hover, infobar.error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .nautilus-window .floating-bar button:checked { + color: #ffdede; + background-color: #ffffff; + border-color: #ffffff; } + +row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); } + row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); } + .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #ffdede; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); } + +tooltip { + border-radius: 2px; + box-shadow: none; } + tooltip.background { + background-color: rgba(75, 81, 98, 0.95); + background-clip: padding-box; } + tooltip.background label { + padding: 4px; } + tooltip decoration { + background-color: transparent; } + tooltip * { + background-color: transparent; + color: #BAC3CF; } + +colorswatch, colorswatch:drop(active) { + border-style: none; } + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); } + colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); } + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); } + colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); } + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); } + colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); } + +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + colorswatch#add-color-button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: white; } + colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; } + +button.color { + padding: 0; } + button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; } + +colorchooser .popover.osd { + border-radius: 3px; } + +.content-view { + background-color: #ffffff; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: white; } + +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; } + +.monospace { + font-family: Monospace; } + +button.circular, button.nautilus-circular-button.image-button, +button.circular-button { + padding: 0; + min-width: 16px; + min-height: 24px; + padding: 2px 6px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, button.nautilus-circular-button.image-button label, + button.circular-button label { + padding: 0; } + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #5c616c; + background-color: #ffffff; + border: 1px solid #ffffff; + border-radius: 2.5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; } + +decoration { + border-radius: 4px 4px 0 0; + border-width: 0px; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.2); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); + transition: 200ms ease-out; } + .fullscreen decoration, + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + .ssd decoration { + border-radius: 4px 4px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } + .ssd decoration.maximized { + border-radius: 0; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } + messagedialog.csd decoration { + border-radius: 3px; } + .solid-csd decoration { + border-radius: 0; + margin: 1px; + background-color: rgba(231, 232, 235, 0.95); + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 0 4px; + min-width: 0; + min-height: 0; + margin: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 0; + min-width: 24px; + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(231, 232, 235, 0); } + headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover { + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + headerbar button.titlebutton:active, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked { + color: #ffffff; + border-color: #ffdede; + background-color: #ffdede; } + headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.close, + .titlebar button.titlebutton.maximize, + .titlebar button.titlebutton.minimize { + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; } + headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + opacity: 1; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); } + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, iconview text:selected:focus, +textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + background-color: #ffdede; } + row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, + textview text:selected, iconview text:selected:focus, + textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, + modelbutton.flat:active, + modelbutton.flat:active arrow, + modelbutton.flat:selected, + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + color: #ffffff; } + row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, + modelbutton.flat:disabled:active, + modelbutton.flat:active arrow:disabled, + modelbutton.flat:disabled:selected, + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:active:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:active:hover { + color: #a9caf1; } + +.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked, +terminal-window notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -1px #ffffff; } + +terminal-window notebook > header.top, +.mate-terminal notebook > header.top { + padding-top: 3px; + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #ffffff; } + terminal-window notebook > header.top button, + .mate-terminal notebook > header.top button { + padding: 0; + min-width: 24px; + min-height: 24px; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item, .caja-desktop { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active, .caja-desktop:active { + color: #5c616c; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected, .caja-desktop:selected { + color: #ffffff; + text-shadow: none; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #a9acb2; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +.nautilus-window searchbar { + border-top: 1px solid #ffffff; } + +.nautilus-window .searchbar-container { + margin-top: -1px; } + +.nautilus-window notebook, +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #ffffff; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(92, 97, 108, 0.5); + border-color: rgba(69, 72, 80, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(253, 121, 128, 0.8); } + .disk-space-display.free { + background-color: #edeef0; + border-color: #d0d5da; } + +@keyframes needs_attention_keyframes { + 0% { + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + 100% { + color: #ffffff; + border-color: #ffdede; + background-color: #ffdede; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; } + +.conflict-row.activatable:hover { + background-color: #fd716a; } + +.conflict-row.activatable:selected { + color: #ffffff; + background-color: #ffdede; } + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; } + +.nemo-window notebook { + background-color: #ffffff; } + +.nemo-window .nemo-window-pane widget.entry { + border: 1px solid; + border-radius: 3px; + color: #5c616c; + border-color: #ffdede; + background-color: #ffffff; } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { + margin: 0 0 1px 0; } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(255, 255, 255, 0.9); } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + border-color: #ffdede; + background-color: #ffdede; } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(82, 93, 118, 0.4); } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.caja-notebook { + border-top: 1px solid #ffffff; } + +.caja-side-pane .frame { + border-width: 1px 0 0; } + +.caja-notebook .frame { + border-width: 0 0 1px; } + +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { + padding: 3px 6px 3px 6px; + border-color: #ffffff; } + .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { + background-color: #f4f4f5; } + .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { + color: #ffffff; + background-color: #ffdede; } + +.open-document-selector-name-label { + color: #5c616c; } + +.open-document-selector-path-label { + color: #aeb0b6; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + color: transparent; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel row:hover:not(:selected) button { + color: #92959d; } + .gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #5c616c; } + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row:hover:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel-dragged-row { + border: 1px solid #ffffff; + background-color: #d9dde0; + color: #5c616c; } + +.gedit-side-panel-paned statusbar { + border-top: 1px solid #ffffff; + background-color: #ffffff; } + +.gedit-search-slider { + background-color: #fbfbfc; + padding: 6px; + border-color: #ffffff; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; } + .gedit-map-frame border:dir(ltr) { + border-left-width: 1px; } + .gedit-map-frame border:dir(rtl) { + border-right-width: 1px; } + +.pluma-window statusbar frame > border { + border: none; } + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; } + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; } + +.gb-search-entry-occurrences-tag { + background: none; } + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; } + workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 4px 4px 0 0; } + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #ffdede; } + +layouttab { + background-color: #ffffff; } + +layout { + border: 1px solid #ffffff; + -PnlDockBin-handle-size: 1; } + +eggsearchbar box.search-bar { + border-bottom: 1px solid #ffffff; } + +pillbox { + color: #ffffff; + background-color: #ffdede; + border-radius: 3px; } + pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); } + +docktabstrip { + padding: 0 6px; + background-color: #ffffff; + border-bottom: 1px solid #ffffff; } + docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; } + docktabstrip docktab label { + opacity: 0.5; } + docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; } + docktabstrip docktab:checked { + border-color: #ffffff; + background-color: #ffffff; } + +dockbin { + border: 1px solid #ffffff; + -PnlDockBin-handle-size: 1; } + +dockpaned { + border: 1px solid #ffffff; } + +dockoverlayedge { + background-color: #ffffff; } + dockoverlayedge docktabstrip { + padding: 0; + border: none; } + dockoverlayedge.left-edge tab:checked, + dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; } + +popover.messagepopover.background { + padding: 0; } + +popover.messagepopover .popover-content-area { + margin: 16px; } + +popover.messagepopover .popover-action-area { + margin: 8px; } + popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; } + +popover.popover-selector { + padding: 0; } + popover.popover-selector list row { + padding: 5px 0; } + popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; } + +entry.search.preferences-search { + border: none; + border-right: 1px solid #ffffff; + border-bottom: 1px solid #ffffff; + border-radius: 0; } + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); } + +preferences stacksidebar.sidebar list separator { + background-color: transparent; } + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: #ffffff; } + +button.run-arrow-button { + min-width: 12px; } + +omnibar.linked > entry:not(:only-child) { + border-style: solid; + border-radius: 3px; + margin-left: 1px; + margin-right: 1px; } + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #5c616c; } + +configurationview entry.flat { + background: none; } + +configurationview list { + border-width: 0; } + +.documents-scrolledwin.frame { + border-width: 0; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #ffdede; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon, .photos-collection-icon { + background-color: rgba(92, 97, 108, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag, .photos-entry-tag { + color: #ffffff; + background: #ffdede; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover, .photos-entry-tag:hover { + color: #ffffff; + background: #639fe5; } + .documents-entry-tag:active, .photos-entry-tag:active { + color: #ffffff; + background: #4189df; } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; } + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; } + +.tweak-categories, +.tweak-category:not(:selected):not(:hover) { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar { + background: none; } + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #cfd5de; + background-color: rgba(53, 57, 69, 0.95); + border: 1px solid rgba(35, 38, 46, 0.95); + border-radius: 2px; } + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #ffdede; + border-color: #ffdede; } + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(42, 45, 55, 0.95); } + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; } + +#gf-input-source { + min-height: 32px; + min-width: 40px; } + #gf-input-source:selected { + color: #ffffff; + background-color: #ffdede; + border-radius: 2px; } + +gf-candidate-box label { + padding: 3px; } + +gf-candidate-box:hover, gf-candidate-box:selected { + color: #ffffff; + background-color: #ffdede; + border-radius: 2px; } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(35, 38, 46, 0.95); } + MsdOsdWindow.background.osd .progressbar { + background-color: #ffdede; + border: none; + border-color: red; + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(42, 45, 55, 0.95); + border: none; + border-radius: 5px; } + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2b2e37; } + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #BAC3CF; } + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; } + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #5d6268; + background-color: rgba(20, 22, 27, 0.95); } + .mate-panel-menu-bar .wnck-pager:hover, + panel-toplevel.background .wnck-pager:hover { + background-color: rgba(54, 58, 70, 0.95); } + .mate-panel-menu-bar .wnck-pager:selected, + panel-toplevel.background .wnck-pager:selected { + color: #a9caf1; + background-color: #ffdede; } + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; } + +.xfce4-panel.panel { + background-color: rgba(43, 46, 55, 0.95); + text-shadow: none; + -gtk-icon-shadow: none; } + +#tasklist-button { + color: rgba(186, 195, 207, 0.8); + border-radius: 0; + border: none; + background-color: rgba(43, 46, 55, 0); } + #tasklist-button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #ffdede; } + +.mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button), .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + border-radius: 0; + border: none; + background-color: rgba(43, 46, 55, 0); } + .mate-panel-menu-bar button:hover:not(#tasklist-button), + panel-toplevel.background button:hover:not(#tasklist-button), .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: rgba(65, 70, 84, 0.95); } + .mate-panel-menu-bar button:active:not(#tasklist-button), + panel-toplevel.background button:active:not(#tasklist-button), .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .mate-panel-menu-bar button:checked:not(#tasklist-button), + panel-toplevel.background button:checked:not(#tasklist-button), .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #ffffff; + border: none; + background-color: #ffdede; } + .mate-panel-menu-bar button:active:not(#tasklist-button) label, + panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.sidebar-button:active label, .mate-panel-menu-bar button:active:not(#tasklist-button) image, + panel-toplevel.background button:active:not(#tasklist-button) image, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.sidebar-button:active image, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, + panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.sidebar-button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, + panel-toplevel.background button:checked:not(#tasklist-button) image, .xfce4-panel.panel button.flat:checked image, .xfce4-panel.panel button.sidebar-button:checked image { + color: inherit; } + +.nautilus-window .floating-bar { + padding: 1px; + background-color: #ffdede; + color: #ffffff; + border-radius: 2px 2px 0 0; } + .nautilus-window .floating-bar.bottom.left { + border-top-left-radius: 0; } + .nautilus-window .floating-bar.bottom.right { + border-top-right-radius: 0; } + .nautilus-window .floating-bar button { + border: none; + border-radius: 0; + min-height: 0; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(255, 255, 255, 0.9); } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + border-color: #ffdede; + background-color: #ffdede; } + .marlin-pathbar.pathbar:disabled { + color: rgba(82, 93, 118, 0.35); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(255, 255, 255, 0.75); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #ffdede; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #ffdede; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + color: rgba(82, 93, 118, 0.8); + box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(82, 93, 118, 0.5); } + UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, + UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2f343f, #2f343f); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #ffdede, #ffdede); + border-bottom: none; } + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; } + +.lightdm-combo .menu { + background-color: rgba(253, 253, 254, 0.95); + border-radius: 0px; + padding: 0px; + color: white; } + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; } + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); } + .lightdm.menubar > .menuitem { + padding: 2px 6px; } + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; } + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; } + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; } + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); } + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; } + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; } + +.lightdm.toggle-button { + background: none; + border-width: 0; } + .lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; } + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } + +.overlay-bar { + background-color: #ffdede; + border-color: #ffdede; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #ffffff; + border-right: 1px solid #ffffff; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #ffffff; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #ffffff; + background-color: #ffffff; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view, +iconview.source-list { + background-color: #ffffff; + color: #5c616c; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover, iconview.source-list:hover { + background-color: white; } + +.source-list.view:selected, iconview.source-list:selected, +.source-list.view:hover:selected, +iconview.source-list:hover:selected, +.source-list.view:selected:focus, +iconview.source-list:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #ffdede; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #ffffff; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #ffdede; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #ffdede; } + +.source-list.category-expander { + color: #5c616c; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #ffffff; } + +GraniteWidgetsWelcome label { + color: #a9acb2; + font-size: 11px; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(92, 97, 108, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry { + padding: 4px; } + +.h1 { + font-size: 24px; } + +.h2 { + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + color: #8a8e96; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + +#panel_window { + background-color: rgba(43, 46, 55, 0.95); + color: #BAC3CF; + font-weight: bold; + box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } + #panel_window menubar { + padding-left: 5px; } + #panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #BAC3CF; + font-weight: bold; } + #panel_window menubar menuitem:disabled { + color: rgba(186, 195, 207, 0.5); } + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #5c616c; } + +#content_frame { + padding-bottom: 14px; + background-color: #ffffff; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + #content_frame button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: white; } + #content_frame button:active, #content_frame button:checked { + color: #ffffff; + border-color: #ffdede; + background-color: #ffdede; } + #content_frame button:disabled { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame button:disabled label, #content_frame button:disabled { + color: rgba(92, 97, 108, 0.55); } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(53, 57, 69, 0.95); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px rgba(53, 57, 69, 0.95); } + +#buttonbox_frame button { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + #buttonbox_frame button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #ffdede; } + #buttonbox_frame button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +#login_window #user_combobox { + color: #5c616c; + font-size: 13px; } + #login_window #user_combobox menu { + font-weight: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #F04A50; + border-color: #F04A50; } + #shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #f4797e; + border-color: #f4797e; } + #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #ec1b22; + border-color: #ec1b22; } + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #ffdede; + border-color: #ffdede; } + #restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #ffdede; + border-color: #ffdede; } + #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #ffdede; + border-color: #ffdede; } + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; } + +.nautilus-window paned > separator { + background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95), rgba(53, 57, 69, 0.95)); } + .nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; } + .nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; } + +filechooser paned > separator { + background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95), rgba(53, 57, 69, 0.95)); } + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; } + +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + background-color: rgba(53, 57, 69, 0.95); } + filechooser placessidebar.sidebar row.sidebar-row, + .nautilus-window placessidebar.sidebar row.sidebar-row { + border: none; + color: #BAC3CF; } + filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, + .nautilus-window placessidebar.sidebar row.sidebar-row:hover { + background-color: rgba(186, 195, 207, 0.15); } + filechooser placessidebar.sidebar row.sidebar-row:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled label, filechooser placessidebar.sidebar row.sidebar-row:disabled image, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image { + color: rgba(186, 195, 207, 0.4); } + filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button { + color: #BAC3CF; } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { + color: #ffffff; + border-color: #ffdede; + background-color: #ffdede; } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, + .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #ffdede; } + filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #F08437; } + filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; } + filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #ffffff; } + filechooser placessidebar.sidebar separator, + .nautilus-window placessidebar.sidebar separator { + background-color: transparent; } + +filechooser.maximized placessidebar.sidebar, +.nautilus-window.maximized placessidebar.sidebar { + background-color: #353945; } + +.nemo-window .sidebar { + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); } + .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { + background-color: transparent; + color: #BAC3CF; } + .nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { + background-color: #ffdede; + color: #ffffff; } + .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { + color: rgba(123, 129, 141, 0.975); } + .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #BAC3CF; } + .nemo-window .sidebar separator { + background-color: transparent; } + +.caja-side-pane, +.caja-side-pane > notebook > stack > widget > box, +.caja-side-pane text, +.caja-side-pane treeview { + color: #BAC3CF; + caret-color: #BAC3CF; + background-color: #353945; } + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #BAC3CF; } + +.caja-side-pane .frame { + border-color: #2a2d37; } + +.caja-side-pane junction { + background-color: rgba(42, 45, 55, 0.95); } + +filechooser actionbar { + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(37, 40, 49, 0.95); } + filechooser actionbar label, filechooser actionbar combobox { + color: #BAC3CF; } + +.gedit-bottom-panel-paned { + background-color: #ffffff; } + +.gedit-side-panel-paned > separator { + background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95), rgba(53, 57, 69, 0.95)); } + +.gedit-bottom-panel-paned > separator { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); } + +.gedit-document-panel { + background-color: rgba(53, 57, 69, 0.95); } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; + background-color: rgba(186, 195, 207, 0); } + .gedit-document-panel row:hover { + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #ffdede; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #ffdede; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #BAC3CF; } + +filechooser actionbar button { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #ffdede; } + filechooser actionbar button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +filechooser actionbar entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; } + filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #ffdede; } + filechooser actionbar entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-color: rgba(102, 109, 132, 0.2); } + +filechooser placessidebar.sidebar scrollbar, +.nautilus-window placessidebar.sidebar scrollbar, .nemo-window .sidebar scrollbar, .caja-side-pane scrollbar { + border-color: rgba(42, 45, 55, 0.95); } + filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, + .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nemo-window .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + filechooser placessidebar.sidebar scrollbar slider, + .nautilus-window placessidebar.sidebar scrollbar slider, .nemo-window .sidebar scrollbar slider, .caja-side-pane scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + filechooser placessidebar.sidebar scrollbar slider:hover, + .nautilus-window placessidebar.sidebar scrollbar slider:hover, .nemo-window .sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { + background-color: #f6f7f9; } + filechooser placessidebar.sidebar scrollbar slider:hover:active, + .nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .nemo-window .sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { + background-color: #ffdede; } + filechooser placessidebar.sidebar scrollbar slider:disabled, + .nautilus-window placessidebar.sidebar scrollbar slider:disabled, .nemo-window .sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { + background-color: transparent; } + filechooser placessidebar.sidebar scrollbar trough, + .nautilus-window placessidebar.sidebar scrollbar trough, .nemo-window .sidebar scrollbar trough, .caja-side-pane scrollbar trough { + background-color: rgba(42, 45, 55, 0.95); } + +@define-color theme_fg_color #5c616c; +@define-color theme_text_color #5c616c; +@define-color theme_bg_color #ffffff; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #ffdede; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #5c616c; +@define-color text_color #5c616c; +@define-color bg_color #ffffff; +@define-color base_color #ffffff; +@define-color selected_bg_color #ffdede; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #fbfbfc; +@define-color insensitive_fg_color alpha(#5c616c, 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #5c616c; +@define-color theme_unfocused_text_color #5c616c; +@define-color theme_unfocused_bg_color #ffffff; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders #ffffff; +@define-color unfocused_borders #ffffff; +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #73d216; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #ffdede; +@define-color content_view_bg #ffffff; +@define-color wm_title alpha(#525d76, 0.8); +@define-color wm_unfocused_title alpha(#525d76, 0.5); +@define-color wm_bg #ffffff; +@define-color wm_bg_unfocused #ffffff; +@define-color wm_highlight #ffffff; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #ffdede; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg #ffffff;
A
themes/Lumiere-Magenta/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry] +Type=X-GNOME-Metatheme +Name=Lumiere-Magenta +Comment=A light theme based on Arc +Encoding=UTF-8 + +[X-GNOME-Metatheme] +GtkTheme=Lumiere-Magenta +MetacityTheme=Lumiere-Magenta +IconTheme=gnome +CursorTheme=DMZ-Black +ButtonLayout=menu:minimize,maximize,close
A
themes/Lumiere/gtk-2.0/apps.rc
@@ -0,0 +1,157 @@
+# +# Thunar +# +style "thunar-handle" { GtkPaned::handle-size = 2 } + +style "dark-sidebar" { + GtkTreeView::odd_row_color = @dark_sidebar_bg + GtkTreeView::even_row_color = @dark_sidebar_bg + + + base[NORMAL] = @dark_sidebar_bg + base[INSENSITIVE] = @dark_sidebar_bg + + text[NORMAL] = "#BAC3CF" + text[ACTIVE] = @selected_fg_color + text[SELECTED] = @selected_fg_color +} + +style "thunar-frame" { + xthickness = 0 + ythickness = 0 +} + +widget_class "*ThunarWindow*.<GtkScrolledWindow>" style "thunar-frame" +widget_class "*ThunarShortcutsView*" style "dark-sidebar" +widget_class "*ThunarTreeView*" style "dark-sidebar" +widget_class "*ThunarWindow*.<GtkHPaned>" style "thunar-handle" + +# +# Workaround for colored entries +# +style "entry_border" { + + xthickness = 7 + ythickness = 5 + + engine "pixmap" { + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/entry-border-bg.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-border-active-bg.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = FLAT_BOX + state = ACTIVE + detail = "entry_bg" + file = "assets/null.png" + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/null.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/null.png" + } + } +} + +style "combobox_entry_border" = "combobox_entry" { + + engine "pixmap" { + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "assets/combo-entry-border.png" + border = { 4, 4, 12, 12 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "assets/combo-entry-border-focus.png" + border = { 4, 4, 12, 12 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "assets/combo-entry-border-rtl.png" + border = { 4, 4, 12, 12 } + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "assets/combo-entry-border-focus-rtl.png" + border = { 4, 4, 12, 12 } + stretch = TRUE + direction = RTL + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/null.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/null.png" + } + } +} + + +# Mousepad search entry +widget_class "*MousepadSearchBar*.<GtkEntry>" style "entry_border" + +# Mousepad find and replace +widget_class "*MousepadReplaceDialog*.<GtkEntry>" style "entry_border" + +# Thunar bulk rename +widget_class "*ThunarRenamerDialog*.<GtkEntry>" style "entry_border" + +# Hexchat input box +class "SexySpellEntry" style:highest "entry_border" + +# Geany search entries +widget "*GeanyToolbar.*geany-search-entry-no-match*" style "entry_border" +widget "*GeanyToolbar.*GtkEntry*" style "entry_border" + +widget "GeanyDialogSearch.*GtkComboBoxEntry*.*geany-search-entry-no-match*" style "combobox_entry_border"
A
themes/Lumiere/gtk-2.0/gtkrc
@@ -0,0 +1,24 @@
+gtk-color-scheme = "base_color: #ffffff" +gtk-color-scheme = "text_color: #474c57" +gtk-color-scheme = "bg_color: #ffffff" +gtk-color-scheme = "fg_color: #474c57" +gtk-color-scheme = "tooltip_bg_color: #ffffff" +gtk-color-scheme = "tooltip_fg_color: #474c57" +gtk-color-scheme = "selected_bg_color: #fd7980" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #ffffff" +gtk-color-scheme = "insensitive_fg_color: #737a8a" +gtk-color-scheme = "notebook_bg: #ffffff" +gtk-color-scheme = "dark_sidebar_bg: #ffffff" +gtk-color-scheme = "link_color: #4ec2e8" +gtk-color-scheme = "menu_bg: #ffffff" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar/menubar-toolbar.rc"
A
themes/Lumiere/gtk-2.0/main.rc
@@ -0,0 +1,2349 @@
+style "default" { + + xthickness = 1 + ythickness = 1 + + # Style Properties + + GtkWidget::focus-line-width = 1 + GtkMenuBar::window-dragging = 1 + GtkToolbar::window-dragging = 1 + GtkToolbar::internal-padding = 4 + GtkToolButton::icon-spacing = 4 + + GtkWidget::tooltip-radius = 2 + GtkWidget::tooltip-alpha = 235 + GtkWidget::new-tooltip-style = 1 #for compatibility + + GtkSeparatorMenuItem::horizontal-padding = 3 + GtkSeparatorMenuItem::wide-separators = 1 + GtkSeparatorMenuItem::separator-height = 1 + + GtkButton::child-displacement-y = 0 + GtkButton::default-border = { 0, 0, 0, 0 } + GtkButton::default-outside_border = { 0, 0, 0, 0 } + + GtkEntry::state-hint = 1 + + GtkScrollbar::trough-border = 0 + GtkRange::trough-border = 0 + GtkRange::slider-width = 13 + GtkRange::stepper-size = 0 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::min-slider-length = 32 + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkScale::slider_length = 15 + GtkScale::slider_width = 15 + GtkScale::trough-side-details = 1 + + GtkProgressBar::min-horizontal-bar-height = 8 + GtkProgressBar::min-vertical-bar-width = 8 + + GtkStatusbar::shadow_type = GTK_SHADOW_NONE + GtkSpinButton::shadow_type = GTK_SHADOW_NONE + GtkMenuBar::shadow-type = GTK_SHADOW_NONE + GtkToolbar::shadow-type = GTK_SHADOW_NONE + GtkMenuBar::internal-padding = 0 #( every window is misaligned for the sake of menus ): + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 0 + + GtkCheckButton::indicator_spacing = 3 + GtkOptionMenu::indicator_spacing = { 8, 2, 0, 0 } + + GtkTreeView::row_ending_details = 0 + GtkTreeView::expander-size = 11 + GtkTreeView::vertical-separator = 4 + GtkTreeView::horizontal-separator = 4 + GtkTreeView::allow-rules = 1 + GtkTreeView::odd_row_color = shade(0.98, @base_color) + + GtkExpander::expander-size = 11 + + GnomeHRef::link_color = @link_color + GtkHTML::link-color = @link_color + GtkIMHtmlr::hyperlink-color = @link_color + GtkIMHtml::hyperlink-color = @link_color + GtkWidget::link-color = @link_color + GtkWidget::visited-link-color = @text_color + + # Colors + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = shade (1.02, @bg_color) + bg[SELECTED] = @selected_bg_color + bg[INSENSITIVE] = @insensitive_bg_color + bg[ACTIVE] = shade (0.9, @bg_color) + + fg[NORMAL] = @text_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = @insensitive_fg_color + fg[ACTIVE] = @fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @selected_fg_color + text[INSENSITIVE] = @insensitive_fg_color + text[ACTIVE] = @selected_fg_color + + base[NORMAL] = @base_color + base[PRELIGHT] = shade (0.95, @bg_color) + base[SELECTED] = @selected_bg_color + base[INSENSITIVE] = @bg_color + base[ACTIVE] = shade (0.9, @selected_bg_color) + + # For succinctness, all reasonable pixmap options remain here + + engine "pixmap" { + + # Check Buttons + + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = SELECTED + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = SELECTED + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = IN + overlay_file = "assets/checkbox-checked-insensitive.png" + overlay_stretch = FALSE + } + + # Radio Buttons + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/radio-checked-insensitive.png" + overlay_stretch = FALSE + } + + # Arrows + + image { + function = ARROW + overlay_file = "assets/arrow-up.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/arrow-up-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/arrow-up-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/arrow-up-insens.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/arrow-down-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/arrow-down-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/arrow-down-insens.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + overlay_file = "assets/arrow-left.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state= PRELIGHT + overlay_file = "assets/arrow-left-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/arrow-left-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/arrow-left-insens.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + overlay_file = "assets/arrow-right.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/arrow-right-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/arrow-right-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/arrow-right-insens.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + # Option Menu Arrows + + image { + function = TAB + state = INSENSITIVE + overlay_file = "assets/arrow-down-insens.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = NORMAL + overlay_file = "assets/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + + image { + function = TAB + state = PRELIGHT + overlay_file = "assets/arrow-down-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + + # Lines + + image { + function = VLINE + file = "assets/line-v.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + + image { + function = HLINE + file = "assets/line-h.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + + # Focuslines + + image { + function = FOCUS + file = "assets/focus-line.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + } + + # Handles + + image { + function = HANDLE + overlay_file = "assets/handle-h.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + overlay_file = "assets/handle-v.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + # Expanders + + image { + function = EXPANDER + expander_style = COLLAPSED + file = "assets/plus.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + file = "assets/minus.png" + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/minus.png" + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/plus.png" + } + + image { + function = RESIZE_GRIP + state = NORMAL + detail = "statusbar" + overlay_file = "assets/null.png" + overlay_border = { 0,0,0,0 } + overlay_stretch = FALSE + } + + # Shadows ( this area needs help :P ) + + image { + function = SHADOW_GAP + file = "assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} + + +style "toplevel_hack" { + + engine "adwaita" { + } +} + +style "ooo_stepper_hack" { + + GtkScrollbar::stepper-size = 0 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + +} + +style "scrollbar" { + + engine "pixmap" { + + image { + function = BOX + detail = "trough" + file = "assets/trough-scrollbar-horiz.png" + border = { 2, 2, 3, 3 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/trough-scrollbar-vert.png" + border = { 3, 3, 2, 2 } + stretch = TRUE + orientation = VERTICAL + } + + image { + function = ARROW + overlay_file = "assets/null.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + overlay_file = "assets/null.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + overlay_file = "assets/null.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + overlay_file = "assets/null.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + # Sliders + + image { + function = SLIDER + state = NORMAL + file = "assets/slider-horiz.png" + border = { 5, 5, 3, 3 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = ACTIVE + file = "assets/slider-horiz-active.png" + border = { 5, 5, 3, 3 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + file = "assets/slider-horiz-prelight.png" + border = { 5, 5, 3, 3 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = INSENSITIVE + file = "assets/slider-horiz-insens.png" + border = { 5, 5, 3, 3 } + stretch = TRUE + orientation = HORIZONTAL + } + +# X Verticals + + image { + function = SLIDER + state = NORMAL + file = "assets/slider-vert.png" + border = { 3, 3, 5, 5 } + stretch = TRUE + orientation = VERTICAL + } + + image { + function = SLIDER + state = ACTIVE + file = "assets/slider-vert-active.png" + border = { 3, 3, 5, 5 } + stretch = TRUE + orientation = VERTICAL + } + + image { + function = SLIDER + state = PRELIGHT + file = "assets/slider-vert-prelight.png" + border = { 3, 3, 5, 5 } + stretch = TRUE + orientation = VERTICAL + } + + image { + function = SLIDER + state = INSENSITIVE + file = "assets/slider-vert-insens.png" + border = { 3, 3, 5, 5 } + stretch = TRUE + orientation = VERTICAL + } + } +} + +style "menu" { + + xthickness = 0 + ythickness = 0 + + GtkMenuItem::arrow-scaling = 0.4 + + bg[NORMAL] = @menu_bg + bg[INSENSITIVE] = @menu_bg + bg[PRELIGHT] = @menu_bg + + engine "pixmap" { # For menus that use horizontal lines rather than gtkseparator + + image { + function = HLINE + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + } +} + +style "menu_framed_box" { + + engine "adwaita" { + } +} + +style "menu_item" +{ + xthickness = 2 + ythickness = 5 + + # HACK: Gtk doesn't actually read this value + # while rendering the menu items, but Libreoffice + # does; setting this value equal to the one in + # fg[PRELIGHT] ensures a code path in the LO theming code + # that falls back to a dark text color for menu item text + # highlight. The price to pay is black text on menus as well, + # but at least it's readable. + # See https://bugs.freedesktop.org/show_bug.cgi?id=38038 + bg[SELECTED] = @selected_fg_color + + fg[NORMAL] = @fg_color + fg[SELECTED] = @selected_fg_color + + fg[PRELIGHT] = @selected_fg_color + text[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + + image { + function = BOX + state = PRELIGHT + file = "assets/menuitem.png" + border = { 1, 0, 1, 0 } + stretch = TRUE + } + + # Fix invisible scale trough on selected menuitems + + image { + function = BOX + detail = "trough-lower" + file = "assets/trough-horizontal.png" + border = { 8, 8, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + # Check Buttons + + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked-selected.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-checkbox-checked-selected.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked-insensitive.png" + overlay_stretch = FALSE + } + + # Radio Buttons + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-radio-unchecked-selected.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-radio-checked-selected.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-radio-checked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = SHADOW # This fixes boxy Qt menu items + file = "assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + # Arrow Buttons + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/menu-arrow.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/menu-arrow-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + } +} + +style "button" { + + xthickness = 4 + ythickness = 4 + + engine "pixmap" { + + image { + function = BOX + state = NORMAL + file = "assets/button.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + file = "assets/button-hover.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/button-active.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/button-insensitive.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} + +style "checkbutton" { + + fg[PRELIGHT] = @text_color + fg[ACTIVE] = @text_color + +} + +style "entry" { + + xthickness = 6 + ythickness = 4 + + engine "pixmap" { + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/entry-bg.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active-bg.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-disabled-bg.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = FLAT_BOX + state = ACTIVE + detail = "entry_bg" + file = "assets/entry-background.png" + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/entry-background-disabled.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/entry-background.png" + } + } +} + +style "notebook_entry" { + + engine "pixmap" { + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/entry-notebook.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active-notebook.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-disabled-notebook.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "notebook_tab_label" { + + fg[ACTIVE] = @text_color + +} + +style "combobox_entry" +{ + xthickness = 3 + ythickness = 4 + + engine "pixmap" { + + # LTR version + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "assets/combo-entry.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "assets/combo-entry-insensitive.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "assets/combo-entry-focus.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + # RTL version + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "assets/combo-entry-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "assets/combo-entry-insensitive-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "assets/combo-entry-focus-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + } +} + +style "notebook_combobox_entry" { + + engine "pixmap" { + + # LTR version + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "assets/combo-entry-notebook.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "assets/combo-entry-insensitive-notebook.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "assets/combo-entry-focus-notebook.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + # RTL version + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "assets/combo-entry-notebook-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "assets/combo-entry-insensitive-notebook-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "assets/combo-entry-focus-notebook-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + } +} + +style "combobox_entry_button" +{ + xthickness = 6 + + fg[ACTIVE] = @text_color + + engine "pixmap" { + + # LTR version + + image { + function = BOX + state = NORMAL + file = "assets/combo-entry-button.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + file = "assets/combo-entry-button.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/combo-entry-button-insensitive.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + file = "assets/combo-entry-button-active.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + # RTL version + image { + function = BOX + state = NORMAL + file = "assets/combo-entry-button-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + file = "assets/combo-entry-button-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/combo-entry-button-insensitive-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + file = "assets/combo-entry-button-active-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + } +} + +style "spinbutton" { + + bg[NORMAL] = @bg_color + + xthickness = 6 + ythickness = 4 + + engine "pixmap" { + + image { + function = ARROW + } + + # Spin-Up LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/up-background.png" + border = { 1, 4, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/up-background.png" + border = { 1, 4, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small-prelight.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/up-background-disable.png" + border = { 1, 4, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small-insens.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/up-background.png" + border = { 1, 4, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small-prelight.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Up RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/up-background-rtl.png" + border = { 4, 1, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/up-background-rtl.png" + border = { 4, 1, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small-prelight.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/up-background-disable-rtl.png" + border = { 4, 1, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small-insens.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/up-background-rtl.png" + border = { 4, 1, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small-prelight.png" + overlay_stretch = FALSE + direction = RTL + } + + # Spin-Down LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/down-background.png" + border = { 1, 4, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/down-background.png" + border = { 1, 4, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small-prelight.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/down-background-disable.png" + border = { 1, 4, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small-insens.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/down-background.png" + border = { 1, 4, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small-prelight.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Down RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/down-background-rtl.png" + border = { 4, 1, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/down-background-rtl.png" + border = { 4, 1, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small-prelight.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/down-background-disable-rtl.png" + border = { 4, 1, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small-insens.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/down-background-rtl.png" + border = { 4, 1, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small-prelight.png" + overlay_stretch = FALSE + direction = RTL + } + } +} + +style "gimp_spin_scale" { + + bg[NORMAL] = @base_color + + engine "pixmap" { + + image { + function = FLAT_BOX + detail = "entry_bg" + state = NORMAL + } + + image { + function = FLAT_BOX + detail = "entry_bg" + state = ACTIVE + } + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + overlay_file = "assets/arrow-up-small.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + overlay_file = "assets/arrow-up-small-prelight.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + overlay_file = "assets/arrow-up-small-prelight.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + overlay_file = "assets/arrow-up-small-insens.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + overlay_file = "assets/arrow-down-small.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + overlay_file = "assets/arrow-down-small-prelight.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + overlay_file = "assets/arrow-down-small-prelight.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + overlay_file = "assets/arrow-down-small-insens.png" + overlay_stretch = FALSE + } + } +} + +style "notebook" { + + xthickness = 5 + ythickness = 2 + + engine "pixmap" { + + image { + function = EXTENSION + state = ACTIVE + file = "assets/null.png" + border = { 0,0,0,0 } + stretch = TRUE + gap_side = TOP + } + + image { + function = EXTENSION + state = ACTIVE + file = "assets/null.png" + border = { 0,0,0,0 } + stretch = TRUE + gap_side = BOTTOM + } + + image { + function = EXTENSION + state = ACTIVE + file = "assets/null.png" + border = { 0,0,0,0 } + stretch = TRUE + gap_side = RIGHT + } + + image { + function = EXTENSION + state = ACTIVE + file = "assets/null.png" + border = { 0,0,0,0 } + stretch = TRUE + gap_side = LEFT + } + + image { + function = EXTENSION + file = "assets/tab-top-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = BOTTOM + } + + image { + function = EXTENSION + file = "assets/tab-bottom-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = TOP + } + + image { + function = EXTENSION + file = "assets/tab-left-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = RIGHT + } + + image { + function = EXTENSION + file = "assets/tab-right-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = LEFT + } + + # How to draw boxes with a gap on one side (ie the page of a notebook) + + image { + function = BOX_GAP + file = "assets/notebook.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "assets/notebook-gap-horiz.png" + gap_border = { 1, 1, 0, 0 } + gap_side = TOP + } + + image { + function = BOX_GAP + file = "assets/notebook.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "assets/notebook-gap-horiz.png" + gap_border = { 1, 1, 0, 0 } + gap_side = BOTTOM + } + + image { + function = BOX_GAP + file = "assets/notebook.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "assets/notebook-gap-vert.png" + gap_border = { 0, 0, 1, 1 } + gap_side = LEFT + } + + image { + function = BOX_GAP + file = "assets/notebook.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "assets/notebook-gap-vert.png" + gap_border = { 0, 0, 1, 1 } + gap_side = RIGHT + } + + # How to draw the box of a notebook when it isnt attached to a tab + + image { + function = BOX + file = "assets/notebook.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} + +style "handlebox" { + + engine "pixmap" { + + image { + function = BOX + file = "assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + detail = "handlebox_bin" + shadow = IN + } + + image { + function = BOX + file = "assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + detail = "handlebox_bin" + shadow = OUT + } + } +} + +style "combobox_separator" { + + xthickness = 0 + ythickness = 0 + GtkWidget::wide-separators = 1 + +} + +style "combobox" { + + xthickness = 0 + ythickness = 0 + +} + +style "combobox_button" { + + xthickness = 3 + ythickness = 3 + +} + +style "range" { + + engine "pixmap" { + + image { + function = BOX + detail = "trough-upper" + file = "assets/trough-horizontal.png" + border = { 8, 8, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/trough-horizontal-active.png" + border = { 8, 8, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-upper" + file = "assets/trough-vertical.png" + border = { 0, 0, 8, 8 } + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/trough-vertical-active.png" + border = { 0, 0, 8, 8 } + stretch = TRUE + orientation = VERTICAL + } + + # Horizontal + + image { + function = SLIDER + state = NORMAL + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider-prelight.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = INSENSITIVE + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider-insensitive.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + # Vertical + + image { + function = SLIDER + state = NORMAL + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = SLIDER + state = PRELIGHT + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider-prelight.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = SLIDER + state = INSENSITIVE + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider-insensitive.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + # Function below removes ugly boxes + + image { + function = BOX + file = "assets/null.png" + border = { 3, 3, 3, 3 } + stretch = TRUE + } + } +} + +style "progressbar" { + + xthickness = 1 + ythickness = 1 + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + + image { + function = BOX + detail = "trough" + file = "assets/trough-progressbar.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "bar" + file = "assets/progressbar.png" + stretch = TRUE + border = { 3, 3, 3, 3 } + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/trough-progressbar_v.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + detail = "bar" + file = "assets/progressbar_v.png" + stretch = TRUE + border = { 3, 3, 3, 3 } + orientation = VERTICAL + } + } +} + +style "separator_menu_item" { + + engine "pixmap" { + + image { + function = BOX + file = "assets/null.png" + border = { 0, 0, 1, 0 } + stretch = TRUE + } + } +} + +style "treeview_header" { + ythickness = 1 + + fg[PRELIGHT] = mix(0.70, @text_color, @base_color) + font_name = "Bold" + + engine "pixmap" { + + image { + function = BOX + file = "assets/tree_header.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + } + } +} + +# Treeview Rows + +style "treeview" { + + xthickness = 2 + ythickness = 0 + + +} + +style "scrolled_window" { + + xthickness = 1 + ythickness = 1 + + engine "pixmap" { + + image { + function = SHADOW + file = "assets/frame.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + } +} + +style "frame" { + + xthickness = 1 + ythickness = 1 + + engine "pixmap" { + + image { + function = SHADOW + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = IN + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = IN + } + + image { + function = SHADOW + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = OUT + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = OUT + } + + image { + function = SHADOW + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = ETCHED_IN + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = ETCHED_IN + } + + image { + function = SHADOW + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = ETCHED_OUT + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = ETCHED_OUT + } + } +} + +style "gimp_toolbox_frame" { + + engine "pixmap" { + + image { + function = SHADOW + } + } +} + +style "toolbar" { + + engine "pixmap" { + + image { + function = BOX + file = "assets/toolbar.png" + stretch = TRUE + border = { 1, 1, 1, 1 } + } + + image { + function = HANDLE + overlay_file = "assets/handle-h.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + overlay_file = "assets/handle-v.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = VLINE + recolorable = TRUE + file = "assets/null.png" + } + + image { + function = HLINE + recolorable = TRUE + file = "assets/null.png" + } + } +} + +style "inline_toolbar" { + + GtkToolbar::button-relief = GTK_RELIEF_NORMAL + + engine "pixmap" { + + image { + function = BOX + file = "assets/inline-toolbar.png" + stretch = TRUE + border = { 1, 1, 1, 1 } + } + } +} + +style "notebook_viewport" { + + bg[NORMAL] = @notebook_bg +} + + +style "notebook_eventbox" { + + bg[NORMAL] = @notebook_bg + bg[ACTIVE] = @bg_color +} + +style "tooltips" { + + xthickness = 8 + ythickness = 4 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + bg[SELECTED] = @tooltip_bg_color + +} + +style "eclipse-tooltips" { + + xthickness = 8 + ythickness = 4 + + bg[NORMAL] = shade(1.05, @bg_color) + fg[NORMAL] = @text_color + bg[SELECTED] = shade(1.05, @bg_color) + +} + +style "xfdesktop-icon-view" { + XfdesktopIconView::label-alpha = 0 + XfdesktopIconView::selected-label-alpha = 100 + XfdesktopIconView::shadow-x-offset = 0 + XfdesktopIconView::shadow-y-offset = 1 + XfdesktopIconView::selected-shadow-x-offset = 0 + XfdesktopIconView::selected-shadow-y-offset = 1 + XfdesktopIconView::shadow-color = "#000000" + XfdesktopIconView::selected-shadow-color = "#000000" + XfdesktopIconView::shadow-blur-radius = 2 + XfdesktopIconView::cell-spacing = 2 + XfdesktopIconView::cell-padding = 6 + XfdesktopIconView::cell-text-width-proportion = 1.9 + + fg[NORMAL] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color +} + +style "xfwm-tabwin" { + Xfwm4TabwinWidget::border-width = 1 + Xfwm4TabwinWidget::border-alpha = 1.0 + Xfwm4TabwinWidget::icon-size = 64 + Xfwm4TabwinWidget::alpha = 1.0 + Xfwm4TabwinWidget::border-radius = 2 + + bg[NORMAL] = @bg_color + bg[SELECTED] = @bg_color + + fg[NORMAL] = @fg_color + + engine "murrine" { + contrast = 0.7 + glazestyle = 0 + glowstyle = 0 + highlight_shade = 1.0 + gradient_shades = {1.0,1.0,1.0,1.0} + border_shades = { 0.8, 0.8 } + } +} + +style "xfwm-tabwin-button" { + + font_name = "bold" + bg[SELECTED] = @selected_bg_color +} + +# Chromium +style "chrome_menu_item" { + + bg[SELECTED] = @selected_bg_color + +} + +# Text Style +style "text" = "default" { + engine "murrine" { textstyle = 0 } +} + +style "menu_text" = "menu_item" { + engine "murrine" { textstyle = 0 } +} + + +style "null" { + + engine "pixmap" { + + image { + function = BOX + file = "assets/null.png" + stretch = TRUE + } + } +} + + +class "GtkWidget" style "default" +class "GtkScrollbar" style "scrollbar" +class "GtkButton" style "button" +class "GtkEntry" style "entry" +class "GtkOldEditable" style "entry" +class "GtkSpinButton" style "spinbutton" +class "GtkNotebook" style "notebook" +class "GtkRange" style "range" +class "GtkProgressBar" style "progressbar" +class "GtkSeparatorMenuItem" style "separator_menu_item" +class "GtkScrolledWindow" style "scrolled_window" +class "GtkFrame" style "frame" +class "GtkTreeView" style "treeview" +class "GtkToolbar" style "toolbar" +class "*HandleBox" style "toolbar" + +widget_class "*<GtkMenu>*" style "menu" +widget_class "*<GtkMenu>*" style "menu_framed_box" +widget_class "*<GtkMenuItem>*" style "menu_item" +widget_class "*<GtkCheckButton>*" style "checkbutton" +widget_class "*<GtkComboBox>" style "combobox" +widget_class "*<GtkComboBox>*<GtkButton>" style "combobox_button" +widget_class "*<GtkComboBox>*<GtkSeparator>" style "combobox_separator" +widget_class "*<GtkTreeView>*<GtkButton>*" style "treeview_header" +widget_class "*<GtkFileChooserDefault>*<GtkToolbar>" style "inline_toolbar" +widget_class "*<GtkComboBoxEntry>*<GtkEntry>" style "combobox_entry" +widget_class "*<GtkComboBoxEntry>*<GtkButton>" style "combobox_entry_button" +widget_class "*<GtkNotebook>*<GtkScrolledWindow>*<GtkViewport>" style "notebook_viewport" +widget_class "*HandleBox" style "toolbar" + +# Entries in notebooks draw with notebook's base color, but not if there's +# something else in the middle that draws gray again +widget_class "*<GtkNotebook>*<GtkEntry>" style "notebook_entry" +widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkEntry>" style "entry" + +widget_class "*<GtkNotebook>*<GtkComboBoxEntry>*<GtkEntry>" style "notebook_combobox_entry" +widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkComboBoxEntry>*<GtkEntry>" style "combobox_entry" + +# We also need to avoid changing fg color for the inactive notebook tab labels +widget_class "*<GtkNotebook>.<GtkLabel>" style "notebook_tab_label" + +# GTK tooltips +widget "gtk-tooltip*" style "tooltips" + +#Fix GVim tabs +widget_class "*<GtkNotebook>*<GtkEventBox>" style "notebook_eventbox" + +# Xchat special cases +widget "*xchat-inputbox" style "entry" + +# GIMP +# Disable gradients completely for GimpSpinScale +#class "GimpSpinScale" style "gimp_spin_scale" + +# Remove borders from "Wilbert frame" in Gimp +widget_class "*<GimpToolbox>*<GtkFrame>" style "gimp_toolbox_frame" + +# Chrome/Chromium +widget_class "*Chrom*Button*" style "button" +widget_class "*<GtkCustomMenu>*<GtkCustomMenuItem>*" style "chrome_menu_item" + +# Eclipse/SWT +widget "gtk-tooltips*" style "eclipse-tooltips" +widget "*swt-toolbar-flat" style "null" + +# Openoffice, Libreoffice +class "GtkWindow" style "toplevel_hack" +widget "*openoffice-toplevel*" style "ooo_stepper_hack" + +# Xfce +widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view" +widget "xfwm4-tabwin*" style "xfwm-tabwin" +widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button" + +# Fixes ugly text shadows for insensitive text +widget_class "*<GtkLabel>" style "text" +widget_class "*<GtkMenu>*<GtkLabel>" style "menu_text" +widget_class "*<GtkComboBox>*<GtkCellLayout>" style "text" +widget_class "*<GtkNotebook>*<GtkLabel>" style "text" +widget_class "*<GtkNotebook>*<GtkCellLayout>" style "text"
A
themes/Lumiere/gtk-2.0/panel.rc
@@ -0,0 +1,160 @@
+style "theme-panel" { + + xthickness = 2 + ythickness = 0 + + bg[NORMAL] = "#2B2E37" + bg[ACTIVE] = @selected_bg_color + bg[PRELIGHT] = "#3f4453" + bg[SELECTED] = @selected_bg_color + + fg[NORMAL] = "#BAC3CF" + fg[PRELIGHT] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + + text[NORMAL] = "#BAC3CF" + text[PRELIGHT] = "#BAC3CF" + text[ACTIVE] = "#BAC3CF" + text[SELECTED] = "#BAC3CF" + + engine "murrine" { + reliefstyle = 0 + glazestyle = 0 + glow_shade = 1.0 + highlight_shade = 1.0 + roundness = 0 + gradient_shades = {1.0,1.0,1.0,1.0} + textstyle = 0 + contrast = 0.0 + } +} + +style "theme-panel-progressbar" { + bg[ACTIVE] = "#1D1F26" +} + +style "panelbar" { + + fg[NORMAL] = "#edf5fb" + fg[ACTIVE] = "#edf5fb" + fg[PRELIGHT] = "#edf5fb" + fg[SELECTED] = @selected_fg_color + + bg[SELECTED] = @selected_bg_color + + engine "murrine" {} +} + +style "panelbuttons" { + + xthickness = 4 + ythickness = 0 + + engine "murrine" { + textstyle = 0 + } +} + +style "theme-panel-text" { + + fg[NORMAL] = "#edf5fb" + fg[PRELIGHT] = @selected_fg_color + fg[ACTIVE] = "#edf5fb" + + text[NORMAL] = "#edf5fb" + text[PRELIGHT] = @selected_fg_color + text[ACTIVE] = "#edf5fb" + + engine "murrine" { + textstyle = 0 + text_shade = 0.2 + } +} + +style "panel-entry" { + + fg[NORMAL] = @text_color + fg[PRELIGHT] = @text_color + fg[ACTIVE] = @text_color + fg[SELECTED] = @text_color + fg[INSENSITIVE] = @text_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[ACTIVE] = @text_color + text[SELECTED] = @text_color + text[INSENSITIVE] = @text_color + +} + +style "theme-main-menu-text" = "theme-panel-text" { + fg[PRELIGHT] = @selected_fg_color + text[PRELIGHT] = @selected_fg_color +} + +style "workspace-switcher" = "theme-panel" { + bg[SELECTED] = @selected_bg_color +} + +style "indicator" = "theme-panel" { + xthickness = 0 + ythickness = 0 +} + +widget "*tasklist*" style "panelbuttons" +widget_class "*Xfce*Panel*.GtkToggleButton" style "panelbuttons" +widget_class "*Xfce*NetkTasklist*GtkToggleButton" style "panelbuttons" +widget_class "*PanelToplevel*Button" style "panelbuttons" +widget_class "*Panel*GtkToggleButton" style "panelbuttons" +widget_class "*Xfce*Panel*Button*" style "panelbuttons" +widget_class "*<XfceArrowButton>" style "panelbuttons" +widget_class "*<XfceActionsPlugin>*" style "panelbuttons" +widget_class "*XfcePanelPlugin.GtkButton" style "panelbuttons" +widget "*dict*Applet*" style "panelbuttons" +widget_class "*Xfce*NetkTasklist*GtkToggleButton" style "panelbuttons" +widget_class "*Tasklist*" style:highest "panelbuttons" + +class "*Panel*MenuBar*" style "panelbar" +widget_class "*Panel*MenuBar*" style "panelbar" +widget_class "*Panel*MenuBar*Item*" style:highest "panelbar" + +widget "*PanelWidget*" style "theme-panel" +widget "*PanelApplet*" style "theme-panel" +widget "*fast-user-switch*" style "theme-panel" +widget "*CPUFreq*Applet*" style "theme-panel" +class "PanelApp*" style "theme-panel" +class "PanelToplevel*" style "theme-panel" +widget_class "*PanelToplevel*" style "theme-panel" +widget_class "*notif*" style "theme-panel" +widget_class "*Notif*" style "theme-panel" +widget_class "*Tray*" style "theme-panel" +widget_class "*tray*" style "theme-panel" +widget_class "*computertemp*" style "theme-panel" +widget_class "*Applet*Tomboy*" style "theme-panel" +widget_class "*Applet*Netstatus*" style "theme-panel" + +# Fixes for tooltip text in some apps. +widget_class "*Notif*Beagle*" style "theme-panel" +widget_class "*Notif*Brasero*" style "theme-panel" + +# XFCE panel theming. +widget "*Xfce*Panel*" style "theme-panel" +class "*Xfce*Panel*" style "theme-panel" +widget "*Xfce*Panel*GtkProgressBar" style "theme-panel-progressbar" +widget "*WnckPager*" style "workspace-switcher" +widget "*TopMenu*" style "theme-panel" +widget "*XfceTasklist*" style "panelbuttons" + +# Fix gtk-entries in the panel +widget "*bookmark*GtkEntry" style "panel-entry" # fixes smartbookmark-plugin + +# Make sure panel text color doesn't change +widget_class "*Panel*MenuBar*" style "theme-main-menu-text" +widget_class "*Panel*<GtkMenuBar>*" style "theme-main-menu-text" +widget "*.clock-applet-button.*" style "theme-panel-text" +widget "*PanelApplet*" style "theme-panel-text" + +# Override general panel-style with specific plugin-styles +widget "*indicator-applet*" style "indicator" +widget "*indicator-button*" style "indicator"
A
themes/Lumiere/gtk-2.0/xfce-notify.rc
@@ -0,0 +1,74 @@
+gtk-color-scheme = "selected_bg_color:#5294E2\nselected_fg_color:#ffffff" + +style "notify-window" { + XfceNotifyWindow::summary-bold = 1 + XfceNotifyWindow::border-color = "#17191F" + XfceNotifyWindow::border-color-hover = "#17191F" + XfceNotifyWindow::border-radius = 3.0 + XfceNotifyWindow::border-width = 1.0 + XfceNotifyWindow::border-width-hover = 1.0 + + bg[NORMAL] = "#292C36" +} + +style "notify-button" { + bg[NORMAL] = "#434652" + bg[PRELIGHT] = "#5C6070" + bg[ACTIVE] = @selected_bg_color + + fg[NORMAL] = "#BAC3CF" + fg[PRELIGHT] = "#BAC3CF" + fg[ACTIVE] = @selected_fg_color + + engine "murrine" { + gradient_shades = { 1.0, 1.0, 1.0, 1.0 } + border_shades = { 1.0, 1.0 } + roundness = 2 + textstyle = 0 + } +} + +style "notify-text" { + GtkWidget::link-color = @selected_bg_color + + fg[NORMAL] = "#BAC3CF" + fg[PRELIGHT] = "#BAC3CF" + fg[ACTIVE] = "#BAC3CF" + + engine "murrine" { + textstyle = 0 + } +} + +style "notify-summary" { + font_name = "Bold" +} + +style "notify-progressbar" { + GtkProgressBar::min-horizontal-bar-height = 4 + + xthickness = 0 + ythickness = 0 + + fg[PRELIGHT] = "#000000" + bg[NORMAL] = @selected_bg_color + bg[ACTIVE] = "#1D1F26" + bg[SELECTED] = @selected_bg_color + + engine "murrine" { + gradient_shades = { 1.0, 1.0, 1.0, 1.0 } + border_shades = { 1.0, 1.0 } + trough_shades = { 1.0, 1.0 } + trough_border_shades = { 1.0, 1.0 } + progressbarstyle = 0 + roundness = 2 + textstyle = 0 + } +} + +class "XfceNotifyWindow" style "notify-window" +widget "XfceNotifyWindow.*.summary" style "notify-summary" +widget_class "XfceNotifyWindow.*<GtkButton>" style "notify-button" +widget_class "XfceNotifyWindow.*.<GtkLabel>" style "notify-text" +widget_class "XfceNotifyWindow.*.<GtkProgress>" style "notify-progressbar" +widget_class "XfceNotifyWindow.*.<GtkProgressBar>" style "notify-progressbar"
A
themes/Lumiere/gtk-3.0/gtk-dark.css
@@ -0,0 +1,4305 @@
+* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; } + +.background { + color: #D3DAE3; + background-color: rgba(56, 60, 74, 0.999); } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #383C4A; + color: #D3DAE3; } + .gtkstyle-fallback:hover { + background-color: #4e5467; + color: #D3DAE3; } + .gtkstyle-fallback:active { + background-color: #22242d; + color: #D3DAE3; } + .gtkstyle-fallback:disabled { + background-color: #3c4150; + color: rgba(211, 218, 227, 0.45); } + .gtkstyle-fallback:selected { + background-color: #fd7980; + color: #ffffff; } + +.view, iconview, +.view text, +iconview text, +textview text { + color: #D3DAE3; + background-color: #404552; } + .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus { + border-radius: 2px; } + +textview border { + background-color: #3c414e; } + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #fd7980; + background-color: rgba(253, 121, 128, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label.separator, popover label.separator, +popover.background label.separator { + color: #D3DAE3; } + +label selection { + color: #ffffff; + background-color: #fd7980; } + +label:disabled { + color: rgba(211, 218, 227, 0.45); } + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle, .titlebar:not(headerbar) .subtitle { + opacity: 0.55; } + +assistant .sidebar { + background-color: #404552; + border-top: 1px solid #2b2e39; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #fd7980; + color: #ffffff; } + +textview { + background-color: #404552; } + +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { + color: #BAC3CF; + border: none; + background-color: rgba(53, 57, 69, 0.95); + background-clip: padding-box; + box-shadow: none; } + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +entry { + min-height: 22px; + border: 1px solid; + padding: 2px 8px; + caret-color: currentColor; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; } + entry.search { + border-radius: 20px; } + entry image { + color: #b6bcc6; } + entry image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, entry.flat:focus { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + entry:focus { + background-clip: border-box; + color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; + box-shadow: inset 1px 0 #fd7980, inset -1px 0 #fd7980, inset 0 1px #fd7980, inset 0 -1px #fd7980; } + entry:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(64, 69, 82, 0.55); } + entry.warning { + color: white; + border-color: #2b2e39; + background-color: #ab6441; } + entry.warning image { + color: white; } + entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; } + entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; } + entry.error { + color: white; + border-color: #2b2e39; + background-color: #b14342; } + entry.error image { + color: white; } + entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; } + entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; } + entry.search-missing { + color: white; + border-color: #2b2e39; + background-color: #b14342; } + entry.search-missing image { + color: white; } + entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; } + entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; } + entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; } + .osd entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .osd entry image, .osd entry image:hover { + color: inherit; } + .osd entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + .osd entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-color: rgba(102, 109, 132, 0.2); } + .osd entry selection:focus, .osd entry selection { + color: #fd7980; + background-color: #ffffff; } + entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #fd7980; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #404552; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #fd7980; } + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#fd7980), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#fd7980), to(transparent)); } } + +button { + min-height: 22px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 2px 6px; + color: #D3DAE3; + border-color: #2b2e39; + background-color: #444a58; } + button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + transition: none; } + button.flat:hover, button.sidebar-button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + button.flat:hover:active, button.sidebar-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button:hover { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #505666; + -gtk-icon-effect: highlight; } + button:active, button:checked { + color: #ffffff; + border-color: #2b2e39; + background-color: #fd7980; + background-clip: padding-box; + transition-duration: 50ms; } + button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; } + button:active { + color: #D3DAE3; } + button:active:hover, button:checked { + color: #ffffff; } + button.flat:disabled, button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; } + button:disabled { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button:disabled label, button:disabled { + color: rgba(211, 218, 227, 0.45); } + button:disabled:active, button:disabled:checked { + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + button.image-button { + min-width: 24px; + padding-left: 5px; + padding-right: 5px; } + button.text-button { + padding-left: 12px; + padding-right: 12px; } + button.text-button.image-button { + padding-left: 5px; + padding-right: 5px; } + button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; } + button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; } + button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button.popup { + padding-right: 8px; + padding-left: 8px; } + button:drop(active), combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; } + button.osd { + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(35, 38, 46, 0.95); } + button.osd.image-button { + padding: 0; + min-height: 36px; + min-width: 36px; } + button.osd:hover { + color: #fd7980; } + button.osd:active, button.osd:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + button.osd:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .osd button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + .osd button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button.flat, .osd button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + .osd button.flat:hover, .osd button.sidebar-button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button.flat:disabled, .osd button.sidebar-button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); + background-image: none; } + .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + button.suggested-action { + background-clip: border-box; + color: white; + background-color: #fd7980; + border-color: #fd7980; } + button.suggested-action.flat, button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #fd7980; } + button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #fd7980; + border-color: #fd7980; } + button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #fd7980; + border-color: #fd7980; } + button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(211, 218, 227, 0.45); } + button.suggested-action:disabled { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(211, 218, 227, 0.45); } + button.destructive-action { + background-clip: border-box; + color: white; + background-color: #F04A50; + border-color: #F04A50; } + button.destructive-action.flat, button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; } + button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f4797e; + border-color: #f4797e; } + button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #ec1b22; + border-color: #ec1b22; } + button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(211, 218, 227, 0.45); } + button.destructive-action:disabled { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(211, 218, 227, 0.45); } + .stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } + .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#fd7980), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; } + button.font separator, button.file separator { + background-color: transparent; } + .inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } + +.inline-toolbar toolbutton > button { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #444a58; } + .inline-toolbar toolbutton > button:hover { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #505666; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #ffffff; + border-color: #2b2e39; + background-color: #fd7980; } + .inline-toolbar toolbutton > button:disabled { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(211, 218, 227, 0.45); } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + +.linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, +.linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > button:active + entry, +.linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } + +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { + box-shadow: inset 1px 0 #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } + +.linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, +.linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5), inset -1px 0 rgba(43, 46, 57, 0.5); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(43, 46, 57, 0.5); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } + +.linked.vertical > entry + entry { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.error + entry.warning, +.linked.vertical > entry.warning + entry.error { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > button:active + entry, +.linked.vertical > button:checked + entry { + border-top-color: #2b2e39; } + +.linked.vertical > button + button { + border-top-style: none; } + +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { + box-shadow: inset 0 1px #2b2e39; } + +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: inset 0 1px rgba(43, 46, 57, 0.5); } + +.linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, +.linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { + box-shadow: none; } + +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; } + +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > entry, +.linked.vertical > entry:focus, .linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, calendar.button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 24px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 2px; } + menuitem.button.flat:hover, + modelbutton.flat:hover { + background-color: #484c59; } + menuitem.button.flat:checked, + modelbutton.flat:checked { + color: #D3DAE3; } + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child, + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child { + margin-left: 8px; } + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child, + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +*:link, button:link, button:visited { + color: #a9caf1; } + *:link:visited, button:visited { + color: #7eafe9; } + *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #bad4f3; } + *:link:hover, button:hover:link, button:hover:visited { + color: #d5e5f8; } + *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #eef4fc; } + *:link:active, button:active:link, button:active:visited { + color: #a9caf1; } + *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #dceaf9; } + infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, + *:selected *:link, + *:selected button:link, + *:selected button:visited { + color: #dceaf9; } + +button:link > label, button:visited > label { + text-decoration-line: underline; } + +spinbutton:drop(active) { + box-shadow: none; } + +spinbutton button:active { + color: #ffffff; } + +spinbutton:disabled { + color: rgba(211, 218, 227, 0.45); } + +spinbutton:not(.vertical) entry { + min-width: 28px; } + +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 3px 0 0 3px; } + +spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 #2b2e39; } + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #2b2e39; } + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; } + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(26, 28, 34, 0.35); } + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(26, 28, 34, 0.35); } + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; } + +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; } + +spinbutton.vertical > entry:focus + button { + border-top-color: #2b2e39; } + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; } + +combobox button.combo { + min-width: 0; + padding-left: 8px; + padding-right: 8px; } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #383C4A; } + toolbar separator, .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar { + background-color: transparent; } + toolbar.osd, .osd.inline-toolbar { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 3px; + background-color: rgba(53, 57, 69, 0.85); } + toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; } + toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; } + toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; } + toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; } + toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; } + toolbar:not(.inline-toolbar) switch, .inline-toolbar:not(.inline-toolbar) switch, + toolbar:not(.inline-toolbar) scale, .inline-toolbar:not(.inline-toolbar) scale, + toolbar:not(.inline-toolbar) entry, .inline-toolbar:not(.inline-toolbar) entry, + toolbar:not(.inline-toolbar) spinbutton, .inline-toolbar:not(.inline-toolbar) spinbutton, + toolbar:not(.inline-toolbar) button, .inline-toolbar:not(.inline-toolbar) button { + margin-right: 1px; + margin-bottom: 1px; } + toolbar:not(.inline-toolbar) .linked > button, .inline-toolbar:not(.inline-toolbar) .linked > button, + toolbar:not(.inline-toolbar) .linked > entry, .inline-toolbar:not(.inline-toolbar) .linked > entry { + margin-right: 0; } + +.primary-toolbar:not(.libreoffice-toolbar) { + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #2f343f, rgba(32, 35, 43, 0.97)) 1 0 1 0; } + +.inline-toolbar { + background-color: #313541; + border-style: solid; + border-color: #2b2e39; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; } + +searchbar { + background-color: #383C4A; + border-style: solid; + border-color: #2b2e39; + border-width: 0 0 1px; + padding: 3px; } + +actionbar { + padding: 6px; + border-top: 1px solid #2b2e39; + background-color: #313541; } + +headerbar, +.titlebar:not(headerbar) { + min-height: 42px; + padding: 0 7px; + border-width: 0 0 1px; + border-style: solid; + border-color: #262a33; + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } + .csd headerbar, + .csd .titlebar:not(headerbar) { + background-color: rgba(47, 52, 63, 0.97); + border-color: rgba(38, 42, 51, 0.97); } + headerbar:backdrop, + .titlebar:backdrop:not(headerbar) { + transition: 200ms ease-out; + color: rgba(207, 218, 231, 0.5); + background-color: #323843; } + .csd headerbar:backdrop, + .csd .titlebar:backdrop:not(headerbar) { + background-color: rgba(50, 56, 67, 0.97); } + headerbar .title, .titlebar:not(headerbar) .title { + padding-left: 12px; + padding-right: 12px; } + headerbar .subtitle, .titlebar:not(headerbar) .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + headerbar.selection-mode, + .selection-mode.titlebar:not(headerbar) { + color: #ffffff; + background-color: rgba(82, 148, 226, 0.95); + border-color: rgba(65, 137, 223, 0.95); + box-shadow: none; } + headerbar.selection-mode:backdrop, + .selection-mode.titlebar:backdrop:not(headerbar) { + background-color: rgba(82, 148, 226, 0.95); + color: rgba(255, 255, 255, 0.6); } + headerbar.selection-mode .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + headerbar.selection-mode .selection-menu GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + headerbar.selection-mode .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .maximized headerbar.selection-mode, + .maximized .selection-mode.titlebar:not(headerbar) { + background-color: #fd7980; } + .tiled headerbar, .tiled headerbar:backdrop, + .maximized headerbar, .maximized headerbar:backdrop, + .tiled .titlebar:not(headerbar), + .tiled .titlebar:backdrop:not(headerbar), + .maximized .titlebar:not(headerbar), + .maximized .titlebar:backdrop:not(headerbar) { + border-radius: 0; } + .maximized headerbar, + .maximized .titlebar:not(headerbar) { + background-color: #2f343f; + border-color: #262a33; } + .maximized headerbar:backdrop, + .maximized .titlebar:backdrop:not(headerbar) { + background-color: #323843; } + headerbar.default-decoration, + .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, + .csd headerbar.default-decoration:backdrop, + .default-decoration.titlebar:not(headerbar), + .csd .default-decoration.titlebar:not(headerbar), + .default-decoration.titlebar:backdrop:not(headerbar), + .csd .default-decoration.titlebar:backdrop:not(headerbar) { + min-height: 28px; + padding: 0 3px; + background-color: #2f343f; + border-bottom-width: 0; } + .maximized headerbar.default-decoration, .maximized + .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized + .csd headerbar.default-decoration:backdrop, + .maximized .default-decoration.titlebar:not(headerbar), + .maximized + .csd .default-decoration.titlebar:not(headerbar), + .maximized .default-decoration.titlebar:backdrop:not(headerbar), + .maximized + .csd .default-decoration.titlebar:backdrop:not(headerbar) { + background-color: #2f343f; } + +.titlebar { + border-radius: 3px 3px 0 0; } + +headerbar entry, headerbar button, headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 3px; } + .maximized separator:first-child + headerbar, + .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, + .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, + .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, + .tiled headerbar:first-child:backdrop { + border-radius: 0; } + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 3px; } + .maximized headerbar:last-child, + .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, + .tiled headerbar:last-child:backdrop { + border-radius: 0; } + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, +window.csd > .titlebar:not(headerbar), +window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; } + +.titlebar:not(headerbar) > separator { + background-image: linear-gradient(to bottom, rgba(38, 42, 51, 0.97), rgba(38, 42, 51, 0.97)); } + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { + min-width: 1px; + min-height: 1px; + background: none; + border-width: 0 1px; + border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } + .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { + opacity: 0.6; } + +.primary-toolbar entry, headerbar entry { + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus { + color: #ffffff; + border-color: transparent; + background-color: #fd7980; + background-clip: padding-box; } + .primary-toolbar entry:focus image, headerbar entry:focus image { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry:disabled { + color: rgba(207, 218, 231, 0.35); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.22); } + .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #ffffff; + color: #fd7980; } + .primary-toolbar entry progress, headerbar entry progress { + border-color: #fd7980; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(167, 94, 57, 0.988); } + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { + background-color: white; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(173, 60, 59, 0.988); } + .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { + background-color: white; + color: #FC4138; } + +.primary-toolbar button, headerbar button { + color: rgba(207, 218, 231, 0.8); + outline-offset: -3px; + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.7; } + .primary-toolbar button:hover, headerbar button:hover { + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + color: #ffffff; + border-color: transparent; + background-color: #fd7980; + background-clip: padding-box; } + .primary-toolbar button:disabled, headerbar button:disabled { + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(207, 218, 231, 0.35); } + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border-color: rgba(82, 148, 226, 0.65); + background-color: rgba(82, 148, 226, 0.65); } + +.selection-mode.primary-toolbar button, headerbar.selection-mode button, .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.flat, .selection-mode.primary-toolbar button.sidebar-button, headerbar.selection-mode button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child) { + margin-right: 1px; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 3px; + border-style: solid; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + background-color: rgba(134, 144, 165, 0.37); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + border-color: transparent; + background-color: #fd7980; } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:active + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar button.suggested-action, headerbar button.suggested-action { + background-clip: border-box; + color: white; + background-color: #fd7980; + border-color: #fd7980; } + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #fd7980; } + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #fd7980; + border-color: #fd7980; } + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #fd7980; + border-color: #fd7980; } + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(207, 218, 231, 0.35); } + +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { + opacity: 0.8; } + +.primary-toolbar button.destructive-action, headerbar button.destructive-action { + background-clip: border-box; + color: white; + background-color: #F04A50; + border-color: #F04A50; } + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; } + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f4797e; + border-color: #f4797e; } + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #ec1b22; + border-color: #ec1b22; } + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(207, 218, 231, 0.35); } + +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { + opacity: 0.8; } + +.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { + color: #ffffff; + caret-color: #ffffff; } + +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + +.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { + background-color: rgba(134, 144, 165, 0.37); } + +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + border-color: transparent; + background-color: #fd7980; } + +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), headerbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), .primary-toolbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled, headerbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(207, 218, 231, 0.2); } + +.primary-toolbar combobox > .linked > button.combo, headerbar combobox > .linked > button.combo { + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .primary-toolbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image, .primary-toolbar combobox > .linked > button.combo image:hover, headerbar combobox > .linked > button.combo image:hover { + color: inherit; } + .primary-toolbar combobox > .linked > button.combo:hover, headerbar combobox > .linked > button.combo:hover { + color: #ffffff; + border-color: transparent; + background-color: #fd7980; + box-shadow: none; } + .primary-toolbar combobox > .linked > button.combo:disabled, headerbar combobox > .linked > button.combo:disabled { + color: rgba(207, 218, 231, 0.35); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.22); } + +.primary-toolbar combobox > .linked > entry.combo:dir(ltr), headerbar combobox > .linked > entry.combo:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus, headerbar combobox > .linked > entry.combo:dir(ltr):focus { + box-shadow: none; } + +.primary-toolbar combobox > .linked > entry.combo:dir(rtl), headerbar combobox > .linked > entry.combo:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus, headerbar combobox > .linked > entry.combo:dir(rtl):focus { + box-shadow: none; } + +.primary-toolbar combobox > .linked > button.combo:dir(ltr), headerbar combobox > .linked > button.combo:dir(ltr), .primary-toolbar combobox > .linked > button.combo:dir(ltr):hover, headerbar combobox > .linked > button.combo:dir(ltr):hover, .primary-toolbar combobox > .linked > button.combo:dir(ltr):active, headerbar combobox > .linked > button.combo:dir(ltr):active, .primary-toolbar combobox > .linked > button.combo:dir(ltr):checked, headerbar combobox > .linked > button.combo:dir(ltr):checked, .primary-toolbar combobox > .linked > button.combo:dir(ltr):disabled, headerbar combobox > .linked > button.combo:dir(ltr):disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.primary-toolbar combobox > .linked > button.combo:dir(rtl), headerbar combobox > .linked > button.combo:dir(rtl), .primary-toolbar combobox > .linked > button.combo:dir(rtl):hover, headerbar combobox > .linked > button.combo:dir(rtl):hover, .primary-toolbar combobox > .linked > button.combo:dir(rtl):active, headerbar combobox > .linked > button.combo:dir(rtl):active, .primary-toolbar combobox > .linked > button.combo:dir(rtl):checked, headerbar combobox > .linked > button.combo:dir(rtl):checked, .primary-toolbar combobox > .linked > button.combo:dir(rtl):disabled, headerbar combobox > .linked > button.combo:dir(rtl):disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.primary-toolbar switch:backdrop, headerbar switch:backdrop { + opacity: 0.75; } + +.primary-toolbar progressbar trough, headerbar progressbar trough { + background-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { + opacity: 0.75; } + +.primary-toolbar scale:backdrop, headerbar scale:backdrop { + opacity: 0.75; } + +.primary-toolbar scale slider, headerbar scale slider { + background-color: #454c5c; + border-color: rgba(21, 23, 28, 0.67); } + .primary-toolbar scale slider:hover, headerbar scale slider:hover { + background-color: #50586b; + border-color: rgba(21, 23, 28, 0.67); } + .primary-toolbar scale slider:active, headerbar scale slider:active { + background-color: #fd7980; + border-color: #fd7980; } + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + background-color: rgba(63, 69, 84, 0.991); + border-color: rgba(21, 23, 28, 0.67); } + +.primary-toolbar scale trough, headerbar scale trough { + background-color: rgba(21, 23, 28, 0.37); } + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + background-color: rgba(21, 23, 28, 0.27); } + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; } + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; } + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; } + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } + +treeview.view { + border-left-color: rgba(211, 218, 227, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); } + * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; } + treeview.view acceleditor > label { + background-color: #fd7980; } + treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #a9caf1; + border-top-color: rgba(211, 218, 227, 0.1); } + treeview.view:disabled { + color: rgba(211, 218, 227, 0.45); } + treeview.view:disabled:selected { + color: #97bfee; } + treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.1); } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #93b7e3; } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #8a909b; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #D3DAE3; } + treeview.view.expander:selected { + color: #cbdff6; } + treeview.view.expander:selected:hover { + color: #ffffff; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.progressbar, treeview.view.progressbar:focus { + color: #ffffff; + border-radius: 3px; + background-color: #fd7980; } + treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #fd7980; + box-shadow: none; + background-color: #ffffff; } + treeview.view.trough { + color: #D3DAE3; + background-color: #2b2e39; + border-radius: 3px; + border-width: 0; } + treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + min-height: 0; + min-width: 0; + padding: 3px 6px; + font-weight: bold; + color: #b6bcc6; + background-color: #404552; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #404552 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #404552 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:hover { + color: #fd7980; } + treeview.view header button:active { + color: #D3DAE3; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #404552; } + treeview.view header button:active:hover { + color: #D3DAE3; } + treeview.view header button:disabled { + border-color: #383C4A; + background-image: none; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } + treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, + treeview.view header.button.dnd, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #fd7980; + border-radius: 0; + border-style: none; } + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #2f343f; + color: rgba(207, 218, 231, 0.8); } + menubar:backdrop, + .menubar:backdrop { + color: rgba(207, 218, 231, 0.5); } + menubar > menuitem, + .menubar > menuitem { + padding: 4px 8px; + border: solid transparent; + border-width: 0; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #fd7980; + color: #ffffff; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(207, 218, 231, 0.2); + border-color: transparent; } + +menu, +.menu { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: #383C4A; + border: 1px solid #2b2e39; } + .csd menu, .csd + .menu { + padding: 4px 0px; + border-radius: 2px; + border: none; } + menu separator, + .csd menu separator, + .menu separator, + .csd + .menu separator { + margin: 2px 0; + background-color: #383C4A; } + menu .separator:not(label), + .csd menu .separator:not(label), + .menu .separator:not(label), + .csd + .menu .separator:not(label) { + color: #383C4A; } + menu menuitem, + .menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 5px; } + menu menuitem:hover, + .menu menuitem:hover { + color: #ffffff; + background-color: #fd7980; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(211, 218, 227, 0.45); } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menuitem accelerator { + color: alpha(currentColor,0.55); } + menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; } + menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; } + menu > arrow, + .menu > arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + min-width: 16px; + min-height: 16px; + padding: 4px; + background-color: #383C4A; + border-radius: 0; } + menu > arrow.top, + .menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #4f5461; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, + .menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #4f5461; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, + .menu > arrow:hover { + background-color: #4f5461; } + menu > arrow:disabled, + .menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +popover, +popover.background { + padding: 2px; + border-radius: 3px; + background-clip: border-box; + background-color: #383C4A; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.35); } + .csd popover, popover, .csd + popover.background, + popover.background { + border: 1px solid #20222a; } + popover separator, + popover.background separator { + background-color: #383C4A; } + popover > list, + popover > .view, + popover > iconview, + popover > toolbar, + popover > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > iconview, + popover.background > toolbar, + popover.background > .inline-toolbar { + border-style: none; + background-color: transparent; } + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +notebook { + padding: 0; } + notebook.frame { + border: 1px solid #2b2e39; } + notebook.frame > header { + margin: -1px; } + notebook.frame > header.top { + margin-bottom: 0; } + notebook.frame > header.bottom { + margin-top: 0; } + notebook.frame > header.left { + margin-right: 0; } + notebook.frame > header.right { + margin-left: 0; } + notebook.frame > header.top, notebook.frame > header.bottom { + padding-left: 0; + padding-right: 0; } + notebook.frame > header.left, notebook.frame > header.right { + padding-top: 0; + padding-bottom: 0; } + notebook > stack:not(:only-child) { + background-color: #404552; } + notebook > header { + padding: 2px; + background-color: #383C4A; } + notebook > header.top { + box-shadow: inset 0 -1px #2b2e39; } + notebook > header.bottom { + box-shadow: inset 0 1px #2b2e39; } + notebook > header.right { + box-shadow: inset 1px 0 #2b2e39; } + notebook > header.left { + box-shadow: inset -1px 0 #2b2e39; } + notebook > header.top { + padding-bottom: 0; } + notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-bottom: none; + border-radius: 1px 1px 0 0; } + notebook > header.top > tabs > tab + tab { + margin-left: -1px; } + notebook > header.bottom { + padding-top: 0; } + notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-top: none; + border-radius: 0 0 1px 1px; } + notebook > header.bottom > tabs > tab + tab { + margin-left: -1px; } + notebook > header.right { + padding-left: 0; } + notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-left: none; + border-radius: 0 1px 1px 0; } + notebook > header.right > tabs > tab + tab { + margin-top: -1px; } + notebook > header.left { + padding-right: 0; } + notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-right: none; + border-radius: 1px 0 0 1px; } + notebook > header.left > tabs > tab + tab { + margin-top: -1px; } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; } + notebook > header > tabs > arrow { + color: rgba(211, 218, 227, 0.45); } + notebook > header > tabs > arrow:hover { + color: rgba(211, 218, 227, 0.725); } + notebook > header > tabs > arrow:active { + color: #D3DAE3; } + notebook > header > tabs > arrow:disabled { + color: rgba(211, 218, 227, 0.15); } + notebook > header.top > tabs > tab:hover:not(:checked) { + box-shadow: inset 0 -1px #2b2e39; } + notebook > header.bottom > tabs > tab:hover:not(:checked) { + box-shadow: inset 0 1px #2b2e39; } + notebook > header.left > tabs > tab:hover:not(:checked) { + box-shadow: inset -1px 0 #2b2e39; } + notebook > header.right > tabs > tab:hover:not(:checked) { + box-shadow: inset 1px 0 #2b2e39; } + notebook > header > tabs > tab { + color: rgba(211, 218, 227, 0.45); + background-color: rgba(64, 69, 82, 0); } + notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(211, 218, 227, 0.725); + background-color: rgba(64, 69, 82, 0.5); + border-color: #2b2e39; } + notebook > header > tabs > tab:checked { + color: #D3DAE3; + background-color: #404552; + border-color: #2b2e39; } + notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { + min-height: 22px; + min-width: 16px; + padding: 0; + color: #9da3ad; } + notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { + color: #ff4d4d; } + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { + color: #fd7980; } + +scrollbar { + background-color: #3e434f; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar.top { + border-bottom: 1px solid #2b2e39; } + scrollbar.bottom { + border-top: 1px solid #2b2e39; } + scrollbar.left { + border-right: 1px solid #2b2e39; } + scrollbar.right { + border-left: 1px solid #2b2e39; } + scrollbar button { + border: none; } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #767b87; } + scrollbar slider:hover { + background-color: #676b78; } + scrollbar slider:hover:active { + background-color: #fd7980; } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #a5abb5; + border: 1px solid rgba(0, 0, 0, 0.3); } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + +switch { + font-size: 1px; + min-width: 52px; + min-height: 24px; + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: center center; } + switch slider { + min-width: 1px; + min-height: 1px; } + switch, switch slider { + outline-color: transparent; + color: transparent; + border: none; + box-shadow: none; } + +switch { + background-image: -gtk-scaled(url("assets/switch-dark.png"), url("assets/switch-dark@2.png")); } + +menuitem:hover switch, +row:selected switch, +infobar switch { + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } + +headerbar switch, +.primary-toolbar switch { + background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } + +switch:checked { + background-image: -gtk-scaled(url("assets/switch-active-dark.png"), url("assets/switch-active-dark@2.png")); } + +menuitem:hover switch:checked, +row:selected switch:checked, +infobar switch:checked { + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } + +headerbar switch:checked, +.primary-toolbar switch:checked { + background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } + +switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); } + +menuitem:hover switch:disabled, +row:selected switch:disabled, +infobar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } + +headerbar switch:disabled, +.primary-toolbar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } + +switch:checked:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-dark.png"), url("assets/switch-active-insensitive-dark@2.png")); } + +menuitem:hover switch:checked:disabled, +row:selected switch:checked:disabled, +infobar switch:checked:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } + +headerbar switch:checked:disabled, +.primary-toolbar switch:checked:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.osd check, filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +menuitem check:hover, +.view check:selected, iconview check:selected, +treeview.check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } + +.check:disabled, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +.osd check:disabled, filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +menuitem check:disabled:hover, +.view check:disabled:selected, iconview check:disabled:selected, +treeview.check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.osd check:indeterminate, filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +menuitem check:indeterminate:hover, +.view check:indeterminate:selected, iconview check:indeterminate:selected, +treeview.check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } + +.check:indeterminate:disabled, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +.osd check:indeterminate:disabled, filechooser actionbar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +menuitem check:indeterminate:disabled:hover, +.view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, +treeview.check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.osd check:checked, filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +menuitem check:checked:hover, +.view check:checked:selected, iconview check:checked:selected, +treeview.check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } + +.check:checked:disabled, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.osd check:checked:disabled, filechooser actionbar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +menuitem check:checked:disabled:hover, +.view check:checked:disabled:selected, iconview check:checked:disabled:selected, +treeview.check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.osd radio, filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +menuitem radio:hover, +.view radio:selected, iconview radio:selected, +treeview.radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } + +.radio:disabled, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +.osd radio:disabled, filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +menuitem radio:disabled:hover, +.view radio:disabled:selected, iconview radio:disabled:selected, +treeview.radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.osd radio:indeterminate, filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +menuitem radio:indeterminate:hover, +.view radio:indeterminate:selected, iconview radio:indeterminate:selected, +treeview.radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } + +.radio:indeterminate:disabled, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +.osd radio:indeterminate:disabled, filechooser actionbar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +menuitem radio:indeterminate:disabled:hover, +.view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, +treeview.radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.osd radio:checked, filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +menuitem radio:checked:hover, +.view radio:checked:selected, iconview radio:checked:selected, +treeview.radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } + +.radio:checked:disabled, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.osd radio:checked:disabled, filechooser actionbar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +menuitem radio:checked:disabled:hover, +.view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, +treeview.radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } + +.view.content-view.check:not(list), iconview.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; } + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + check:only-child, + menu menuitem check, + radio:only-child, + menu menuitem + radio { + margin: 0; } + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; } + scale.horizontal trough { + padding: 0 4px; } + scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; } + scale.vertical trough { + padding: 4px 0; } + scale.vertical highlight, scale.vertical fill { + margin: -4px 0; } + scale slider { + min-height: 15px; + min-width: 15px; + margin: -6px; } + scale.fine-tune slider { + margin: -4px; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; } + scale trough { + outline-offset: 2px; + -gtk-outline-radius: 4.5px; + border-radius: 2.5px; + background-color: #2d303b; } + scale trough:disabled { + background-color: rgba(45, 48, 59, 0.55); } + .osd scale trough { + background-color: rgba(69, 74, 89, 0.95); } + .osd scale trough highlight { + background-color: #fd7980; } + menuitem:hover scale trough, + row:selected scale trough, + infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); } + menuitem:hover scale trough highlight, + row:selected scale trough highlight, + infobar scale trough highlight { + background-color: #ffffff; } + menuitem:hover scale trough highlight:disabled, + row:selected scale trough highlight:disabled, + infobar scale trough highlight:disabled { + background-color: #b1cff2; } + menuitem:hover scale trough:disabled, + row:selected scale trough:disabled, + infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); } + scale highlight { + border-radius: 2.5px; + background-color: #fd7980; } + scale highlight:disabled { + background-color: rgba(82, 148, 226, 0.55); } + scale fill { + border-radius: 2.5px; + background-color: rgba(82, 148, 226, 0.5); } + scale fill:disabled { + background-color: transparent; } + scale slider { + background-color: #444a58; + border: 1px solid #262933; + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; } + scale slider:hover { + background-color: #505666; } + scale slider:active { + background-clip: border-box; + background-color: #fd7980; + border-color: #fd7980; } + scale slider:disabled { + background-color: #3c414e; + border-color: rgba(38, 41, 51, 0.8); } + menuitem:hover scale slider, + row:selected scale slider, + infobar scale slider { + background-clip: border-box; + background-color: #ffffff; + border-color: #ffffff; } + menuitem:hover scale slider:hover, + row:selected scale slider:hover, + infobar scale slider:hover { + background-color: #e5effb; + border-color: #e5effb; } + menuitem:hover scale slider:active, + row:selected scale slider:active, + infobar scale slider:active { + background-color: #a9caf1; + border-color: #a9caf1; } + menuitem:hover scale slider:disabled, + row:selected scale slider:disabled, + infobar scale slider:disabled { + background-color: #b1cff2; + border-color: #b1cff2; } + .osd scale slider { + background-clip: border-box; + background-color: #fd7980; + border-color: #fd7980; } + .osd scale slider:hover { + background-color: #7eafe9; + border-color: #7eafe9; } + .osd scale slider:active { + background-color: #fd7980; + border-color: #fd7980; } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: 1px; + margin-top: -4px; } + scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; } + scale marks.top { + margin-right: 1px; + margin-left: -4px; } + scale marks.bottom { + margin-left: 1px; + margin-right: -4px; } + scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; } + scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; } + scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; } + scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; } + scale.horizontal indicator { + min-height: 3px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 2px; } + scale.vertical indicator { + min-height: 1px; + min-width: 3px; } + scale.vertical.fine-tune indicator { + min-width: 2px; } + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(211, 218, 227, 0.7); } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; } + progressbar progress { + background-color: #fd7980; + border: none; + border-radius: 3px; + box-shadow: none; } + row:selected progressbar progress, + infobar progressbar progress { + background-color: #ffffff; } + progressbar trough { + border: none; + border-radius: 3px; + background-color: #2d303b; } + row:selected progressbar trough, + infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); } + +levelbar block { + min-width: 32px; + min-height: 1px; } + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; } + +levelbar trough { + border: none; + padding: 3px; + border-radius: 3px; + background-color: #2d303b; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #fd7980; + background-color: #fd7980; + border-radius: 2px; } + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; } + +levelbar block.high { + border-color: #fd7980; + background-color: #fd7980; } + +levelbar block.full { + border-color: #73d216; + background-color: #73d216; } + +levelbar block.empty { + background-color: #404552; + border-color: #404552; } + +printdialog paper { + border: 1px solid #2b2e39; + background: #404552; + padding: 0; } + +printdialog .dialog-action-box { + margin: 12px; } + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #2b2e39; } + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; } + +scrolledwindow viewport.frame { + border-style: none; } + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; } + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; } + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; } + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; } + +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #3e434f; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #404552; + border-color: #2b2e39; } + list row { + padding: 2px; } + +row:not(:hover) { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.03); } + +row.activatable:active { + color: #D3DAE3; } + +row.activatable:disabled { + color: rgba(211, 218, 227, 0.45); } + row.activatable:disabled image { + color: inherit; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #fd7980; } + +.app-notification { + padding: 10px; + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: rgba(31, 33, 40, 0.95); } + .app-notification border { + border: none; } + .app-notification button { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .app-notification button.flat, .app-notification button.sidebar-button { + border-color: rgba(82, 148, 226, 0); } + .app-notification button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .app-notification button:active, .app-notification button:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; + background-clip: padding-box; } + .app-notification button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:hover { + color: white; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +calendar { + color: #D3DAE3; + border: 1px solid #2b2e39; + border-radius: 3px; + padding: 2px; } + calendar:selected { + border-radius: 1.5px; } + calendar.header { + color: #D3DAE3; + border: none; } + calendar.button { + color: rgba(211, 218, 227, 0.45); } + calendar.button:hover { + color: #D3DAE3; } + calendar.button:disabled { + color: rgba(211, 218, 227, 0.45); } + calendar:indeterminate { + color: alpha(currentColor,0.55); } + calendar.highlight { + color: #D3DAE3; } + +messagedialog .titlebar { + min-height: 20px; + background-color: rgba(47, 52, 63, 0.97); + border-bottom: 1px solid rgba(32, 35, 43, 0.97); } + +messagedialog .dialog-action-area button { + padding: 8px; + min-height: 0; } + +messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; } + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 3px 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 3px; + border-left-style: none; } + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(43, 46, 57, 0.5); } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +.sidebar { + border-style: none; + background-color: #3c4150; } + stacksidebar.sidebar:dir(ltr) list, + stacksidebar.sidebar.left list, + stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: 1px solid #2b2e39; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list, + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #2b2e39; + border-right-style: none; } + .sidebar list { + background-color: transparent; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } + +placessidebar row { + min-height: 30px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 10px; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #fd7980; } + placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #ffffff; } + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; } + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, #2b2e39, #2b2e39); + background-size: 1px 1px; } + paned > separator:selected { + background-image: linear-gradient(to bottom, #fd7980, #fd7980); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #383C4A; + background-image: linear-gradient(to bottom, #2b2e39, #2b2e39), linear-gradient(to bottom, #2b2e39, #2b2e39); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + infobar.info, infobar.question, infobar.warning, infobar.error { + background-color: #fd7980; + color: #ffffff; + caret-color: currentColor; } + infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { + color: #fd7980; + background-color: #ffffff; } + +.selection-mode.primary-toolbar button:hover, headerbar.selection-mode button:hover, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .nautilus-window .floating-bar button { + color: #ffffff; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); } + +row:selected button.flat, row:selected button.sidebar-button, infobar.info button.flat, infobar.info button.sidebar-button, infobar.question button.flat, infobar.question button.sidebar-button, infobar.warning button.flat, infobar.warning button.sidebar-button, infobar.error button.flat, infobar.error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + .selection-mode.primary-toolbar button:disabled, headerbar.selection-mode button:disabled, row:selected button.flat:disabled, row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.info button.sidebar-button:disabled, infobar.question button.flat:disabled, infobar.question button.sidebar-button:disabled, infobar.warning button.flat:disabled, infobar.warning button.sidebar-button:disabled, infobar.error button.flat:disabled, infobar.error button.sidebar-button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.sidebar-button:disabled, .selection-mode.primary-toolbar button:disabled label, headerbar.selection-mode button:disabled label, row:selected button.flat:disabled label, row:selected button.sidebar-button:disabled label, infobar.info button.flat:disabled label, infobar.info button.sidebar-button:disabled label, infobar.question button.flat:disabled label, infobar.question button.sidebar-button:disabled label, infobar.warning button.flat:disabled label, infobar.warning button.sidebar-button:disabled label, infobar.error button.flat:disabled label, infobar.error button.sidebar-button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.sidebar-button:disabled label { + color: rgba(255, 255, 255, 0.4); } + +row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .nautilus-window .floating-bar button:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.8); } + +.selection-mode.primary-toolbar button:active, headerbar.selection-mode button:active, .selection-mode.primary-toolbar button:checked, headerbar.selection-mode button:checked, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .nautilus-window .floating-bar button:active, .selection-mode.primary-toolbar button:hover:active, headerbar.selection-mode button:hover:active, .selection-mode.primary-toolbar button:hover:checked, headerbar.selection-mode button:hover:checked, row:selected button:active:hover, infobar.info button:active:hover, infobar.question button:active:hover, infobar.warning button:active:hover, infobar.error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .nautilus-window .floating-bar button:checked { + color: #fd7980; + background-color: #ffffff; + border-color: #ffffff; } + +row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); } + row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); } + .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #fd7980; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); } + +tooltip { + border-radius: 2px; + box-shadow: none; } + tooltip.background { + background-color: rgba(75, 81, 98, 0.95); + background-clip: padding-box; } + tooltip.background label { + padding: 4px; } + tooltip decoration { + background-color: transparent; } + tooltip * { + background-color: transparent; + color: #BAC3CF; } + +colorswatch, colorswatch:drop(active) { + border-style: none; } + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); } + colorswatch.dark overlay:hover { + border-color: #2b2e39; } + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); } + colorswatch.light overlay:hover { + border-color: #2b2e39; } + +colorswatch overlay { + border: 1px solid #2b2e39; } + colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); } + +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #D3DAE3; + border-color: #2b2e39; + background-color: #444a58; } + colorswatch#add-color-button:hover { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #505666; } + colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; } + +button.color { + padding: 0; } + button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; } + +colorchooser .popover.osd { + border-radius: 3px; } + +.content-view { + background-color: #404552; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button:hover { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #505666; } + +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; } + +.monospace { + font-family: Monospace; } + +button.circular, button.nautilus-circular-button.image-button, +button.circular-button { + padding: 0; + min-width: 16px; + min-height: 24px; + padding: 2px 6px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, button.nautilus-circular-button.image-button label, + button.circular-button label { + padding: 0; } + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #D3DAE3; + background-color: #404552; + border: 1px solid #2b2e39; + border-radius: 2.5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; } + +decoration { + border-radius: 3px 3px 0 0; + border-width: 0px; + box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.97), 0 8px 8px 0 rgba(0, 0, 0, 0.35); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.35); + transition: 200ms ease-out; } + .fullscreen decoration, + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + .ssd decoration { + border-radius: 3px 3px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } + .ssd decoration.maximized { + border-radius: 0; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.45), 0 0 0 1px #22242d; } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25); } + messagedialog.csd decoration { + border-radius: 3px; } + .solid-csd decoration { + border-radius: 0; + margin: 1px; + background-color: rgba(47, 52, 63, 0.97); + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 0 4px; + min-width: 0; + min-height: 0; + margin: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 0; + min-width: 24px; + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(47, 52, 63, 0); } + headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover { + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + headerbar button.titlebutton:active, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked { + color: #ffffff; + border-color: transparent; + background-color: #fd7980; } + headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.close, + .titlebar button.titlebutton.maximize, + .titlebar button.titlebutton.minimize { + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; } + headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + opacity: 1; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, iconview text:selected:focus, +textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + background-color: #fd7980; } + row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, + textview text:selected, iconview text:selected:focus, + textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, + modelbutton.flat:active, + modelbutton.flat:active arrow, + modelbutton.flat:selected, + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + color: #ffffff; } + row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, + modelbutton.flat:disabled:active, + modelbutton.flat:active arrow:disabled, + modelbutton.flat:disabled:selected, + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:active:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:active:hover { + color: #a9caf1; } + +.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked, +terminal-window notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -1px #2b2e39; } + +terminal-window notebook > header.top, +.mate-terminal notebook > header.top { + padding-top: 3px; + box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } + terminal-window notebook > header.top button, + .mate-terminal notebook > header.top button { + padding: 0; + min-width: 24px; + min-height: 24px; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item, .caja-desktop { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active, .caja-desktop:active { + color: #D3DAE3; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected, .caja-desktop:selected { + color: #ffffff; + text-shadow: none; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #868b97; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +.nautilus-window searchbar { + border-top: 1px solid #2b2e39; } + +.nautilus-window .searchbar-container { + margin-top: -1px; } + +.nautilus-window notebook, +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #404552; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(211, 218, 227, 0.5); + border-color: rgba(180, 192, 207, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(253, 121, 128, 0.8); } + .disk-space-display.free { + background-color: #313541; + border-color: #1b1d24; } + +@keyframes needs_attention_keyframes { + 0% { + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + 100% { + color: #ffffff; + border-color: transparent; + background-color: #fd7980; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; } + +.conflict-row.activatable:hover { + background-color: #fd716a; } + +.conflict-row.activatable:selected { + color: #ffffff; + background-color: #fd7980; } + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; } + +.nemo-window notebook { + background-color: #404552; } + +.nemo-window .nemo-window-pane widget.entry { + border: 1px solid; + border-radius: 3px; + color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; + box-shadow: inset 1px 0 #fd7980, inset -1px 0 #fd7980, inset 0 1px #fd7980, inset 0 -1px #fd7980; } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { + margin: 0 0 1px 0; } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(134, 144, 165, 0.37); } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + border-color: transparent; + background-color: #fd7980; } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.caja-notebook { + border-top: 1px solid #2b2e39; } + +.caja-side-pane .frame { + border-width: 1px 0 0; } + +.caja-notebook .frame { + border-width: 0 0 1px; } + +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { + padding: 3px 6px 3px 6px; + border-color: #404552; } + .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { + background-color: #4a4f5c; } + .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { + color: #ffffff; + background-color: #fd7980; } + +.open-document-selector-name-label { + color: #D3DAE3; } + +.open-document-selector-path-label { + color: #8a909b; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + color: transparent; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel row:hover:not(:selected) button { + color: #9da3ad; } + .gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #D3DAE3; } + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row:hover:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel-dragged-row { + border: 1px solid #2b2e39; + background-color: #22242d; + color: #D3DAE3; } + +.gedit-side-panel-paned statusbar { + border-top: 1px solid #2b2e39; + background-color: #383C4A; } + +.gedit-search-slider { + background-color: #3c4150; + padding: 6px; + border-color: #2b2e39; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +.gedit-search-entry-occurrences-tag { + color: rgba(211, 218, 227, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +.gedit-map-frame border { + border-width: 0; } + .gedit-map-frame border:dir(ltr) { + border-left-width: 1px; } + .gedit-map-frame border:dir(rtl) { + border-right-width: 1px; } + +.pluma-window statusbar frame > border { + border: none; } + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; } + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; } + +.gb-search-entry-occurrences-tag { + background: none; } + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; } + workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 3px 3px 0 0; } + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #fd7980; } + +layouttab { + background-color: #404552; } + +layout { + border: 1px solid #2b2e39; + -PnlDockBin-handle-size: 1; } + +eggsearchbar box.search-bar { + border-bottom: 1px solid #2b2e39; } + +pillbox { + color: #ffffff; + background-color: #fd7980; + border-radius: 3px; } + pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); } + +docktabstrip { + padding: 0 6px; + background-color: #383C4A; + border-bottom: 1px solid #2b2e39; } + docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; } + docktabstrip docktab label { + opacity: 0.5; } + docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; } + docktabstrip docktab:checked { + border-color: #2b2e39; + background-color: #404552; } + +dockbin { + border: 1px solid #2b2e39; + -PnlDockBin-handle-size: 1; } + +dockpaned { + border: 1px solid #2b2e39; } + +dockoverlayedge { + background-color: #383C4A; } + dockoverlayedge docktabstrip { + padding: 0; + border: none; } + dockoverlayedge.left-edge tab:checked, + dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; } + +popover.messagepopover.background { + padding: 0; } + +popover.messagepopover .popover-content-area { + margin: 16px; } + +popover.messagepopover .popover-action-area { + margin: 8px; } + popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; } + +popover.popover-selector { + padding: 0; } + popover.popover-selector list row { + padding: 5px 0; } + popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; } + +entry.search.preferences-search { + border: none; + border-right: 1px solid #2b2e39; + border-bottom: 1px solid #2b2e39; + border-radius: 0; } + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #404552, #404552); } + +preferences stacksidebar.sidebar list separator { + background-color: transparent; } + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: #2b2e39; } + +button.run-arrow-button { + min-width: 12px; } + +omnibar.linked > entry:not(:only-child) { + border-style: solid; + border-radius: 3px; + margin-left: 1px; + margin-right: 1px; } + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #D3DAE3; } + +configurationview entry.flat { + background: none; } + +configurationview list { + border-width: 0; } + +.documents-scrolledwin.frame { + border-width: 0; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #fd7980; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon, .photos-collection-icon { + background-color: rgba(211, 218, 227, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag, .photos-entry-tag { + color: #ffffff; + background: #fd7980; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover, .photos-entry-tag:hover { + color: #ffffff; + background: #639fe5; } + .documents-entry-tag:active, .photos-entry-tag:active { + color: #ffffff; + background: #4189df; } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; } + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; } + +.tweak-categories, +.tweak-category:not(:selected):not(:hover) { + background-image: linear-gradient(to bottom, #404552, #404552); } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar { + background: none; } + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #cfd5de; + background-color: rgba(53, 57, 69, 0.95); + border: 1px solid rgba(35, 38, 46, 0.95); + border-radius: 2px; } + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #fd7980; + border-color: #fd7980; } + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(42, 45, 55, 0.95); } + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; } + +#gf-input-source { + min-height: 32px; + min-width: 40px; } + #gf-input-source:selected { + color: #ffffff; + background-color: #fd7980; + border-radius: 2px; } + +gf-candidate-box label { + padding: 3px; } + +gf-candidate-box:hover, gf-candidate-box:selected { + color: #ffffff; + background-color: #fd7980; + border-radius: 2px; } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(35, 38, 46, 0.95); } + MsdOsdWindow.background.osd .progressbar { + background-color: #fd7980; + border: none; + border-color: red; + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(42, 45, 55, 0.95); + border: none; + border-radius: 5px; } + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2b2e37; } + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #BAC3CF; } + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; } + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #5d6268; + background-color: rgba(20, 22, 27, 0.95); } + .mate-panel-menu-bar .wnck-pager:hover, + panel-toplevel.background .wnck-pager:hover { + background-color: rgba(54, 58, 70, 0.95); } + .mate-panel-menu-bar .wnck-pager:selected, + panel-toplevel.background .wnck-pager:selected { + color: #a9caf1; + background-color: #fd7980; } + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; } + +.xfce4-panel.panel { + background-color: rgba(43, 46, 55, 0.95); + text-shadow: none; + -gtk-icon-shadow: none; } + +#tasklist-button { + color: rgba(186, 195, 207, 0.8); + border-radius: 0; + border: none; + background-color: rgba(43, 46, 55, 0); } + #tasklist-button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #fd7980; } + +.mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button), .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + border-radius: 0; + border: none; + background-color: rgba(43, 46, 55, 0); } + .mate-panel-menu-bar button:hover:not(#tasklist-button), + panel-toplevel.background button:hover:not(#tasklist-button), .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: rgba(65, 70, 84, 0.95); } + .mate-panel-menu-bar button:active:not(#tasklist-button), + panel-toplevel.background button:active:not(#tasklist-button), .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .mate-panel-menu-bar button:checked:not(#tasklist-button), + panel-toplevel.background button:checked:not(#tasklist-button), .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #ffffff; + border: none; + background-color: #fd7980; } + .mate-panel-menu-bar button:active:not(#tasklist-button) label, + panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.sidebar-button:active label, .mate-panel-menu-bar button:active:not(#tasklist-button) image, + panel-toplevel.background button:active:not(#tasklist-button) image, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.sidebar-button:active image, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, + panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.sidebar-button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, + panel-toplevel.background button:checked:not(#tasklist-button) image, .xfce4-panel.panel button.flat:checked image, .xfce4-panel.panel button.sidebar-button:checked image { + color: inherit; } + +.nautilus-window .floating-bar { + padding: 1px; + background-color: #fd7980; + color: #ffffff; + border-radius: 2px 2px 0 0; } + .nautilus-window .floating-bar.bottom.left { + border-top-left-radius: 0; } + .nautilus-window .floating-bar.bottom.right { + border-top-right-radius: 0; } + .nautilus-window .floating-bar button { + border: none; + border-radius: 0; + min-height: 0; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + border-color: transparent; + background-color: #fd7980; } + .marlin-pathbar.pathbar:disabled { + color: rgba(207, 218, 231, 0.35); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.22); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #fd7980; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #fd7980; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration .top { + border: 1px solid rgba(32, 35, 43, 0.97); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #2f343f, #2f343f); + color: rgba(207, 218, 231, 0.8); + box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(207, 218, 231, 0.5); } + UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, + UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97), rgba(32, 35, 43, 0.97)); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2f343f, #2f343f); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #fd7980, #fd7980); + border-bottom: none; } + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; } + +.lightdm-combo .menu { + background-color: rgba(64, 71, 86, 0.97); + border-radius: 0px; + padding: 0px; + color: white; } + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; } + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); } + .lightdm.menubar > .menuitem { + padding: 2px 6px; } + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; } + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; } + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; } + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); } + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; } + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; } + +.lightdm.toggle-button { + background: none; + border-width: 0; } + .lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; } + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } + +.overlay-bar { + background-color: #fd7980; + border-color: #fd7980; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #2b2e39; + border-right: 1px solid #2b2e39; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #2b2e39; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #2b2e39; + background-color: #383C4A; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view, +iconview.source-list { + background-color: #383C4A; + color: #D3DAE3; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover, iconview.source-list:hover { + background-color: #434859; } + +.source-list.view:selected, iconview.source-list:selected, +.source-list.view:hover:selected, +iconview.source-list:hover:selected, +.source-list.view:selected:focus, +iconview.source-list:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #fd7980; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #383C4A; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #fd7980; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #fd7980; } + +.source-list.category-expander { + color: #D3DAE3; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #404552; } + +GraniteWidgetsWelcome label { + color: #868b97; + font-size: 11px; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(211, 218, 227, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #404552, #404552); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry { + padding: 4px; } + +.h1 { + font-size: 24px; } + +.h2 { + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + color: #a5abb5; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + +#panel_window { + background-color: rgba(43, 46, 55, 0.95); + color: #BAC3CF; + font-weight: bold; + box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } + #panel_window menubar { + padding-left: 5px; } + #panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #BAC3CF; + font-weight: bold; } + #panel_window menubar menuitem:disabled { + color: rgba(186, 195, 207, 0.5); } + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #D3DAE3; } + +#content_frame { + padding-bottom: 14px; + background-color: #383C4A; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #444a58; } + #content_frame button:hover { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #505666; } + #content_frame button:active, #content_frame button:checked { + color: #ffffff; + border-color: #2b2e39; + background-color: #fd7980; } + #content_frame button:disabled { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + #content_frame button:disabled label, #content_frame button:disabled { + color: rgba(211, 218, 227, 0.45); } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(47, 52, 63, 0.97); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px rgba(38, 42, 51, 0.97); } + +#buttonbox_frame button { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + #buttonbox_frame button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + #buttonbox_frame button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +#login_window #user_combobox { + color: #D3DAE3; + font-size: 13px; } + #login_window #user_combobox menu { + font-weight: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #F04A50; + border-color: #F04A50; } + #shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #f4797e; + border-color: #f4797e; } + #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #ec1b22; + border-color: #ec1b22; } + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #fd7980; + border-color: #fd7980; } + #restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fd7980; + border-color: #fd7980; } + #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #fd7980; + border-color: #fd7980; } + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; } + +.nautilus-window paned > separator { + background-image: linear-gradient(to bottom, rgba(42, 45, 55, 0.95), rgba(42, 45, 55, 0.95)); } + +filechooser paned > separator { + background-image: linear-gradient(to bottom, rgba(42, 45, 55, 0.95), rgba(42, 45, 55, 0.95)); } + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; } + +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + background-color: rgba(53, 57, 69, 0.95); } + filechooser placessidebar.sidebar row.sidebar-row, + .nautilus-window placessidebar.sidebar row.sidebar-row { + border: none; + color: #BAC3CF; } + filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, + .nautilus-window placessidebar.sidebar row.sidebar-row:hover { + background-color: rgba(186, 195, 207, 0.15); } + filechooser placessidebar.sidebar row.sidebar-row:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled label, filechooser placessidebar.sidebar row.sidebar-row:disabled image, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image { + color: rgba(186, 195, 207, 0.4); } + filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button { + color: #BAC3CF; } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { + color: #ffffff; + border-color: #2b2e39; + background-color: #fd7980; } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, + .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #fd7980; } + filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #F08437; } + filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; } + filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #ffffff; } + filechooser placessidebar.sidebar separator, + .nautilus-window placessidebar.sidebar separator { + background-color: transparent; } + +filechooser.maximized placessidebar.sidebar, +.nautilus-window.maximized placessidebar.sidebar { + background-color: #353945; } + +.nemo-window .sidebar { + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); } + .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { + background-color: transparent; + color: #BAC3CF; } + .nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { + background-color: #fd7980; + color: #ffffff; } + .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { + color: rgba(123, 129, 141, 0.975); } + .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #BAC3CF; } + .nemo-window .sidebar separator { + background-color: transparent; } + +.caja-side-pane, +.caja-side-pane > notebook > stack > widget > box, +.caja-side-pane text, +.caja-side-pane treeview { + color: #BAC3CF; + caret-color: #BAC3CF; + background-color: #353945; } + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #BAC3CF; } + +.caja-side-pane .frame { + border-color: #2a2d37; } + +.caja-side-pane junction { + background-color: rgba(42, 45, 55, 0.95); } + +filechooser actionbar { + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(20, 21, 26, 0.95); } + filechooser actionbar label, filechooser actionbar combobox { + color: #BAC3CF; } + +.gedit-bottom-panel-paned { + background-color: #404552; } + +.gedit-side-panel-paned > separator { + background-image: linear-gradient(to bottom, rgba(42, 45, 55, 0.95), rgba(42, 45, 55, 0.95)); } + +.gedit-bottom-panel-paned > separator { + background-image: linear-gradient(to bottom, #2b2e39, #2b2e39); } + +.gedit-document-panel { + background-color: rgba(53, 57, 69, 0.95); } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; + background-color: rgba(186, 195, 207, 0); } + .gedit-document-panel row:hover { + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #fd7980; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #fd7980; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #BAC3CF; } + +filechooser actionbar button { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + filechooser actionbar button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +filechooser actionbar entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; } + filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + filechooser actionbar entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-color: rgba(102, 109, 132, 0.2); } + +filechooser placessidebar.sidebar scrollbar, +.nautilus-window placessidebar.sidebar scrollbar, .nemo-window .sidebar scrollbar, .caja-side-pane scrollbar { + border-color: rgba(42, 45, 55, 0.95); } + filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, + .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nemo-window .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + filechooser placessidebar.sidebar scrollbar slider, + .nautilus-window placessidebar.sidebar scrollbar slider, .nemo-window .sidebar scrollbar slider, .caja-side-pane scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + filechooser placessidebar.sidebar scrollbar slider:hover, + .nautilus-window placessidebar.sidebar scrollbar slider:hover, .nemo-window .sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { + background-color: #f6f7f9; } + filechooser placessidebar.sidebar scrollbar slider:hover:active, + .nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .nemo-window .sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { + background-color: #fd7980; } + filechooser placessidebar.sidebar scrollbar slider:disabled, + .nautilus-window placessidebar.sidebar scrollbar slider:disabled, .nemo-window .sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { + background-color: transparent; } + filechooser placessidebar.sidebar scrollbar trough, + .nautilus-window placessidebar.sidebar scrollbar trough, .nemo-window .sidebar scrollbar trough, .caja-side-pane scrollbar trough { + background-color: rgba(42, 45, 55, 0.95); } + +@define-color theme_fg_color #D3DAE3; +@define-color theme_text_color #D3DAE3; +@define-color theme_bg_color #383C4A; +@define-color theme_base_color #404552; +@define-color theme_selected_bg_color #fd7980; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #D3DAE3; +@define-color text_color #D3DAE3; +@define-color bg_color #383C4A; +@define-color base_color #404552; +@define-color selected_bg_color #fd7980; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #3c4150; +@define-color insensitive_fg_color alpha(#d3dae3, 0.5); +@define-color insensitive_base_color #404552; +@define-color theme_unfocused_fg_color #D3DAE3; +@define-color theme_unfocused_text_color #D3DAE3; +@define-color theme_unfocused_bg_color #383C4A; +@define-color theme_unfocused_base_color #404552; +@define-color borders #2b2e39; +@define-color unfocused_borders #2b2e39; +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #73d216; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #a9caf1; +@define-color content_view_bg #404552; +@define-color wm_title alpha(#cfdae7, 0.8); +@define-color wm_unfocused_title alpha(#cfdae7, 0.5); +@define-color wm_bg #2f343f; +@define-color wm_bg_unfocused #323843; +@define-color wm_highlight #363b48; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #fd7980; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg #ffffff;
A
themes/Lumiere/gtk-3.0/gtk.css
@@ -0,0 +1,4312 @@
+* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; } + +.background { + color: #5c616c; + background-color: rgba(245, 246, 247, 0.999); } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #F5F6F7; + color: #5c616c; } + .gtkstyle-fallback:hover { + background-color: white; + color: #5c616c; } + .gtkstyle-fallback:active { + background-color: #d9dde0; + color: #5c616c; } + .gtkstyle-fallback:disabled { + background-color: #fbfbfc; + color: rgba(92, 97, 108, 0.55); } + .gtkstyle-fallback:selected { + background-color: #fd7980; + color: #ffffff; } + +.view, iconview, +.view text, +iconview text, +textview text { + color: #5c616c; + background-color: #ffffff; } + .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus { + border-radius: 2px; } + +textview border { + background-color: #fafbfb; } + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #fd7980; + background-color: rgba(253, 121, 128, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label.separator, popover label.separator, +popover.background label.separator { + color: #5c616c; } + +label selection { + color: #ffffff; + background-color: #fd7980; } + +label:disabled { + color: rgba(92, 97, 108, 0.55); } + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle, .titlebar:not(headerbar) .subtitle { + opacity: 0.55; } + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid #dcdfe3; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #fd7980; + color: #ffffff; } + +textview { + background-color: #ffffff; } + +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { + color: #BAC3CF; + border: none; + background-color: rgba(53, 57, 69, 0.95); + background-clip: padding-box; + box-shadow: none; } + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +entry { + min-height: 22px; + border: 1px solid; + padding: 2px 8px; + caret-color: currentColor; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; } + entry.search { + border-radius: 20px; } + entry image { + color: #7d8189; } + entry image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, entry.flat:focus { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + entry:focus { + background-clip: border-box; + color: #5c616c; + border-color: #fd7980; + background-color: #ffffff; } + entry:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(255, 255, 255, 0.55); } + entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; } + entry.warning image { + color: white; } + entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; } + entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; } + entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; } + entry.error image { + color: white; } + entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; } + entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; } + entry.search-missing { + color: white; + border-color: #FC4138; + background-color: #fd8d88; } + entry.search-missing image { + color: white; } + entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; } + entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; } + entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; } + .osd entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .osd entry image, .osd entry image:hover { + color: inherit; } + .osd entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + .osd entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-color: rgba(102, 109, 132, 0.2); } + .osd entry selection:focus, .osd entry selection { + color: #fd7980; + background-color: #ffffff; } + entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #fd7980; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #ffffff; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #fd7980; } + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#fd7980), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#fd7980), to(transparent)); } } + +button { + min-height: 22px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 2px 6px; + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + transition: none; } + button.flat:hover, button.sidebar-button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + button.flat:hover:active, button.sidebar-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: white; + -gtk-icon-effect: highlight; } + button:active, button:checked { + color: #ffffff; + border-color: #fd7980; + background-color: #fd7980; + background-clip: border-box; + transition-duration: 50ms; } + button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; } + button:active { + color: #5c616c; } + button:active:hover, button:checked { + color: #ffffff; } + button.flat:disabled, button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; } + button:disabled { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button:disabled label, button:disabled { + color: rgba(92, 97, 108, 0.55); } + button:disabled:active, button:disabled:checked { + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + button.image-button { + min-width: 24px; + padding-left: 5px; + padding-right: 5px; } + button.text-button { + padding-left: 12px; + padding-right: 12px; } + button.text-button.image-button { + padding-left: 5px; + padding-right: 5px; } + button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; } + button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; } + button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button.popup { + padding-right: 8px; + padding-left: 8px; } + button:drop(active), combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; } + button.osd { + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(35, 38, 46, 0.95); } + button.osd.image-button { + padding: 0; + min-height: 36px; + min-width: 36px; } + button.osd:hover { + color: #fd7980; } + button.osd:active, button.osd:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + button.osd:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .osd button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + .osd button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button.flat, .osd button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + .osd button.flat:hover, .osd button.sidebar-button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button.flat:disabled, .osd button.sidebar-button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); + background-image: none; } + .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + button.suggested-action { + background-clip: border-box; + color: white; + background-color: #fd7980; + border-color: #fd7980; } + button.suggested-action.flat, button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #fd7980; } + button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #fd7980; + border-color: #fd7980; } + button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #fd7980; + border-color: #fd7980; } + button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.suggested-action:disabled { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(92, 97, 108, 0.55); } + button.destructive-action { + background-clip: border-box; + color: white; + background-color: #F04A50; + border-color: #F04A50; } + button.destructive-action.flat, button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; } + button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f4797e; + border-color: #f4797e; } + button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #ec1b22; + border-color: #ec1b22; } + button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.destructive-action:disabled { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(92, 97, 108, 0.55); } + .stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } + .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#fd7980), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; } + button.font separator, button.file separator { + background-color: transparent; } + .inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } + +.inline-toolbar toolbutton > button { + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + .inline-toolbar toolbutton > button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: white; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #ffffff; + border-color: #fd7980; + background-color: #fd7980; } + .inline-toolbar toolbutton > button:disabled { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(92, 97, 108, 0.55); } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + +.linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(207, 214, 230, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, +.linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { + border-left-color: #f75d37; } + +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #fd7980; } + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #fd7980; } + +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #F08437; } + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > button:active + entry, +.linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #fd7980; } + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } + +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { + box-shadow: inset 1px 0 #cfd6e6; } + +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.5); } + +.linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, +.linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } + +.linked.vertical > entry + entry { + border-top-color: rgba(207, 214, 230, 0.3); } + +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { + border-top-color: #FC4138; } + +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { + border-top-color: #F27835; } + +.linked.vertical > entry.error + entry.warning, +.linked.vertical > entry.warning + entry.error { + border-top-color: #f75d37; } + +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { + border-top-color: #fd7980; } + +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #fd7980; } + +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #F08437; } + +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #F08437; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { + border-top-color: #F27835; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #F27835; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { + border-top-color: #FC4138; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #FC4138; } + +.linked.vertical > button:active + entry, +.linked.vertical > button:checked + entry { + border-top-color: #fd7980; } + +.linked.vertical > button + button { + border-top-style: none; } + +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { + box-shadow: inset 0 1px #cfd6e6; } + +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: inset 0 1px rgba(207, 214, 230, 0.5); } + +.linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, +.linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { + box-shadow: none; } + +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; } + +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > entry, +.linked.vertical > entry:focus, .linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, calendar.button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 24px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 2px; } + menuitem.button.flat:hover, + modelbutton.flat:hover { + background-color: #edeff0; } + menuitem.button.flat:checked, + modelbutton.flat:checked { + color: #5c616c; } + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child, + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child { + margin-left: 8px; } + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child, + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +*:link, button:link, button:visited { + color: #fd7980; } + *:link:visited, button:visited { + color: #1e61b0; } + *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #bad4f3; } + *:link:hover, button:hover:link, button:hover:visited { + color: #fd7980; } + *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #eef4fc; } + *:link:active, button:active:link, button:active:visited { + color: #fd7980; } + *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #dceaf9; } + infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, + *:selected *:link, + *:selected button:link, + *:selected button:visited { + color: #dceaf9; } + +button:link > label, button:visited > label { + text-decoration-line: underline; } + +spinbutton:drop(active) { + box-shadow: none; } + +spinbutton button:active { + color: #ffffff; } + +spinbutton:disabled { + color: rgba(92, 97, 108, 0.55); } + +spinbutton:not(.vertical) entry { + min-width: 28px; } + +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 3px 0 0 3px; } + +spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 #cfd6e6; } + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.5); } + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #fd7980; } + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; } + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(26, 28, 34, 0.35); } + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(26, 28, 34, 0.35); } + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; } + +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; } + +spinbutton.vertical > entry:focus + button { + border-top-color: #fd7980; } + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; } + +combobox button.combo { + min-width: 0; + padding-left: 8px; + padding-right: 8px; } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #F5F6F7; } + toolbar separator, .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar { + background-color: transparent; } + toolbar.osd, .osd.inline-toolbar { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 3px; + background-color: rgba(53, 57, 69, 0.85); } + toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; } + toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; } + toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; } + toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; } + toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; } + toolbar:not(.inline-toolbar) switch, .inline-toolbar:not(.inline-toolbar) switch, + toolbar:not(.inline-toolbar) scale, .inline-toolbar:not(.inline-toolbar) scale, + toolbar:not(.inline-toolbar) entry, .inline-toolbar:not(.inline-toolbar) entry, + toolbar:not(.inline-toolbar) spinbutton, .inline-toolbar:not(.inline-toolbar) spinbutton, + toolbar:not(.inline-toolbar) button, .inline-toolbar:not(.inline-toolbar) button { + margin-right: 1px; + margin-bottom: 1px; } + toolbar:not(.inline-toolbar) .linked > button, .inline-toolbar:not(.inline-toolbar) .linked > button, + toolbar:not(.inline-toolbar) .linked > entry, .inline-toolbar:not(.inline-toolbar) .linked > entry { + margin-right: 0; } + +.primary-toolbar:not(.libreoffice-toolbar) { + color: rgba(82, 93, 118, 0.8); + background-color: #e7e8eb; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #e7e8eb, rgba(212, 213, 219, 0.95)) 1 0 1 0; } + +.inline-toolbar { + background-color: #edeef0; + border-style: solid; + border-color: #dcdfe3; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; } + +searchbar { + background-color: #F5F6F7; + border-style: solid; + border-color: #dcdfe3; + border-width: 0 0 1px; + padding: 3px; } + +actionbar { + padding: 6px; + border-top: 1px solid #dcdfe3; + background-color: #edeef0; } + +headerbar, +.titlebar:not(headerbar) { + min-height: 42px; + padding: 0 7px; + border-width: 0 0 1px; + border-style: solid; + border-color: #d4d5db; + color: rgba(82, 93, 118, 0.8); + background-color: #e7e8eb; + box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } + .csd headerbar, + .csd .titlebar:not(headerbar) { + background-color: rgba(231, 232, 235, 0.95); + border-color: rgba(212, 213, 219, 0.95); } + headerbar:backdrop, + .titlebar:backdrop:not(headerbar) { + transition: 200ms ease-out; + color: rgba(82, 93, 118, 0.5); + background-color: #eff0f2; } + .csd headerbar:backdrop, + .csd .titlebar:backdrop:not(headerbar) { + background-color: rgba(239, 240, 242, 0.95); } + headerbar .title, .titlebar:not(headerbar) .title { + padding-left: 12px; + padding-right: 12px; } + headerbar .subtitle, .titlebar:not(headerbar) .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + headerbar.selection-mode, + .selection-mode.titlebar:not(headerbar) { + color: #ffffff; + background-color: rgba(82, 148, 226, 0.95); + border-color: rgba(65, 137, 223, 0.95); + box-shadow: none; } + headerbar.selection-mode:backdrop, + .selection-mode.titlebar:backdrop:not(headerbar) { + background-color: rgba(82, 148, 226, 0.95); + color: rgba(255, 255, 255, 0.6); } + headerbar.selection-mode .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + headerbar.selection-mode .selection-menu GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + headerbar.selection-mode .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .maximized headerbar.selection-mode, + .maximized .selection-mode.titlebar:not(headerbar) { + background-color: #fd7980; } + .tiled headerbar, .tiled headerbar:backdrop, + .maximized headerbar, .maximized headerbar:backdrop, + .tiled .titlebar:not(headerbar), + .tiled .titlebar:backdrop:not(headerbar), + .maximized .titlebar:not(headerbar), + .maximized .titlebar:backdrop:not(headerbar) { + border-radius: 0; } + .maximized headerbar, + .maximized .titlebar:not(headerbar) { + background-color: #e7e8eb; + border-color: #d4d5db; } + .maximized headerbar:backdrop, + .maximized .titlebar:backdrop:not(headerbar) { + background-color: #eff0f2; } + headerbar.default-decoration, + .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, + .csd headerbar.default-decoration:backdrop, + .default-decoration.titlebar:not(headerbar), + .csd .default-decoration.titlebar:not(headerbar), + .default-decoration.titlebar:backdrop:not(headerbar), + .csd .default-decoration.titlebar:backdrop:not(headerbar) { + min-height: 28px; + padding: 0 3px; + background-color: #e7e8eb; + border-bottom-width: 0; } + .maximized headerbar.default-decoration, .maximized + .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized + .csd headerbar.default-decoration:backdrop, + .maximized .default-decoration.titlebar:not(headerbar), + .maximized + .csd .default-decoration.titlebar:not(headerbar), + .maximized .default-decoration.titlebar:backdrop:not(headerbar), + .maximized + .csd .default-decoration.titlebar:backdrop:not(headerbar) { + background-color: #e7e8eb; } + +.titlebar { + border-radius: 4px 4px 0 0; } + +headerbar entry, headerbar button, headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 4px; } + .maximized separator:first-child + headerbar, + .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, + .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, + .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, + .tiled headerbar:first-child:backdrop { + border-radius: 0; } + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 4px; } + .maximized headerbar:last-child, + .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, + .tiled headerbar:last-child:backdrop { + border-radius: 0; } + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, +window.csd > .titlebar:not(headerbar), +window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; } + +.titlebar:not(headerbar) > separator { + background-image: linear-gradient(to bottom, rgba(212, 213, 219, 0.95), rgba(212, 213, 219, 0.95)); } + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { + min-width: 1px; + min-height: 1px; + background: none; + border-width: 0 1px; + border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } + .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { + opacity: 0.6; } + +.primary-toolbar entry, headerbar entry { + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(255, 255, 255, 0.9); } + .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus { + color: #ffffff; + border-color: #fd7980; + background-color: #fd7980; + background-clip: border-box; } + .primary-toolbar entry:focus image, headerbar entry:focus image { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry:disabled { + color: rgba(82, 93, 118, 0.35); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(255, 255, 255, 0.75); } + .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #ffffff; + color: #fd7980; } + .primary-toolbar entry progress, headerbar entry progress { + border-color: #fd7980; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: rgba(238, 162, 121, 0.98); } + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { + background-color: white; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: rgba(244, 128, 123, 0.98); } + .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { + background-color: white; + color: #FC4138; } + +.primary-toolbar button, headerbar button { + color: rgba(82, 93, 118, 0.8); + outline-offset: -3px; + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.7; } + .primary-toolbar button:hover, headerbar button:hover { + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + color: #ffffff; + border-color: #fd7980; + background-color: #fd7980; + background-clip: border-box; } + .primary-toolbar button:disabled, headerbar button:disabled { + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(82, 93, 118, 0.35); } + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border-color: rgba(82, 148, 226, 0.65); + background-color: rgba(82, 148, 226, 0.65); } + +.selection-mode.primary-toolbar button, headerbar.selection-mode button, .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.flat, .selection-mode.primary-toolbar button.sidebar-button, headerbar.selection-mode button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child) { + margin-right: 1px; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 3px; + border-style: solid; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + background-color: rgba(255, 255, 255, 0.9); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + border-color: #fd7980; + background-color: #fd7980; } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(82, 93, 118, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(82, 93, 118, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { + border-left-color: #f75d37; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #fd7980; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #fd7980; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #F08437; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:active + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #fd7980; } + +.primary-toolbar button.suggested-action, headerbar button.suggested-action { + background-clip: border-box; + color: white; + background-color: #fd7980; + border-color: #fd7980; } + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #fd7980; } + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #fd7980; + border-color: #fd7980; } + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #fd7980; + border-color: #fd7980; } + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(82, 93, 118, 0.35); } + +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { + opacity: 0.8; } + +.primary-toolbar button.destructive-action, headerbar button.destructive-action { + background-clip: border-box; + color: white; + background-color: #F04A50; + border-color: #F04A50; } + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; } + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f4797e; + border-color: #f4797e; } + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #ec1b22; + border-color: #ec1b22; } + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(82, 93, 118, 0.35); } + +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { + opacity: 0.8; } + +.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { + color: #ffffff; + caret-color: #ffffff; } + +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + +.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { + background-color: rgba(255, 255, 255, 0.9); } + +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + border-color: #fd7980; + background-color: #fd7980; } + +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(82, 93, 118, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), headerbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), .primary-toolbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled, headerbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #fd7980; } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(82, 93, 118, 0.2); } + +.primary-toolbar combobox > .linked > button.combo, headerbar combobox > .linked > button.combo { + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(255, 255, 255, 0.9); } + .primary-toolbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image, .primary-toolbar combobox > .linked > button.combo image:hover, headerbar combobox > .linked > button.combo image:hover { + color: inherit; } + .primary-toolbar combobox > .linked > button.combo:hover, headerbar combobox > .linked > button.combo:hover { + color: #ffffff; + border-color: #fd7980; + background-color: #fd7980; + box-shadow: none; } + .primary-toolbar combobox > .linked > button.combo:disabled, headerbar combobox > .linked > button.combo:disabled { + color: rgba(82, 93, 118, 0.35); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(255, 255, 255, 0.75); } + +.primary-toolbar combobox > .linked > entry.combo:dir(ltr), headerbar combobox > .linked > entry.combo:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus, headerbar combobox > .linked > entry.combo:dir(ltr):focus { + box-shadow: none; } + .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus, headerbar combobox > .linked > entry.combo:dir(ltr):focus { + box-shadow: 1px 0 #fd7980; } + +.primary-toolbar combobox > .linked > entry.combo:dir(rtl), headerbar combobox > .linked > entry.combo:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus, headerbar combobox > .linked > entry.combo:dir(rtl):focus { + box-shadow: none; } + .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus, headerbar combobox > .linked > entry.combo:dir(rtl):focus { + box-shadow: -1px 0 #fd7980; } + +.primary-toolbar combobox > .linked > button.combo:dir(ltr), headerbar combobox > .linked > button.combo:dir(ltr), .primary-toolbar combobox > .linked > button.combo:dir(ltr):hover, headerbar combobox > .linked > button.combo:dir(ltr):hover, .primary-toolbar combobox > .linked > button.combo:dir(ltr):active, headerbar combobox > .linked > button.combo:dir(ltr):active, .primary-toolbar combobox > .linked > button.combo:dir(ltr):checked, headerbar combobox > .linked > button.combo:dir(ltr):checked, .primary-toolbar combobox > .linked > button.combo:dir(ltr):disabled, headerbar combobox > .linked > button.combo:dir(ltr):disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.primary-toolbar combobox > .linked > button.combo:dir(rtl), headerbar combobox > .linked > button.combo:dir(rtl), .primary-toolbar combobox > .linked > button.combo:dir(rtl):hover, headerbar combobox > .linked > button.combo:dir(rtl):hover, .primary-toolbar combobox > .linked > button.combo:dir(rtl):active, headerbar combobox > .linked > button.combo:dir(rtl):active, .primary-toolbar combobox > .linked > button.combo:dir(rtl):checked, headerbar combobox > .linked > button.combo:dir(rtl):checked, .primary-toolbar combobox > .linked > button.combo:dir(rtl):disabled, headerbar combobox > .linked > button.combo:dir(rtl):disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.primary-toolbar switch:backdrop, headerbar switch:backdrop { + opacity: 0.75; } + +.primary-toolbar progressbar trough, headerbar progressbar trough { + background-color: rgba(82, 93, 118, 0.15); } + +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { + opacity: 0.75; } + +.primary-toolbar scale:backdrop, headerbar scale:backdrop { + opacity: 0.75; } + +.primary-toolbar scale slider, headerbar scale slider { + background-color: #fbfbfc; + border-color: rgba(82, 93, 118, 0.3); } + .primary-toolbar scale slider:hover, headerbar scale slider:hover { + background-color: white; + border-color: rgba(82, 93, 118, 0.3); } + .primary-toolbar scale slider:active, headerbar scale slider:active { + background-color: #fd7980; + border-color: #fd7980; } + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + background-color: rgba(245, 246, 247, 0.985); + border-color: rgba(82, 93, 118, 0.3); } + +.primary-toolbar scale trough, headerbar scale trough { + background-color: rgba(82, 93, 118, 0.15); } + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + background-color: rgba(82, 93, 118, 0.1); } + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; } + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; } + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; } + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } + +treeview.view { + border-left-color: rgba(92, 97, 108, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); } + * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; } + treeview.view acceleditor > label { + background-color: #fd7980; } + treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #a9caf1; + border-top-color: rgba(92, 97, 108, 0.1); } + treeview.view:disabled { + color: rgba(92, 97, 108, 0.55); } + treeview.view:disabled:selected { + color: #97bfee; } + treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.1); } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #577ba7; } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #aeb0b6; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #5c616c; } + treeview.view.expander:selected { + color: #cbdff6; } + treeview.view.expander:selected:hover { + color: #ffffff; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.progressbar, treeview.view.progressbar:focus { + color: #ffffff; + border-radius: 3px; + background-color: #fd7980; } + treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #fd7980; + box-shadow: none; + background-color: #ffffff; } + treeview.view.trough { + color: #5c616c; + background-color: #cfd6e6; + border-radius: 3px; + border-width: 0; } + treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + min-height: 0; + min-width: 0; + padding: 3px 6px; + font-weight: bold; + color: #7d8189; + background-color: #ffffff; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:hover { + color: #fd7980; } + treeview.view header button:active { + color: #5c616c; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; } + treeview.view header button:active:hover { + color: #5c616c; } + treeview.view header button:disabled { + border-color: #F5F6F7; + background-image: none; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } + treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, + treeview.view header.button.dnd, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #fd7980; + border-radius: 0; + border-style: none; } + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #e7e8eb; + color: rgba(82, 93, 118, 0.8); } + menubar:backdrop, + .menubar:backdrop { + color: rgba(82, 93, 118, 0.5); } + menubar > menuitem, + .menubar > menuitem { + padding: 4px 8px; + border: solid transparent; + border-width: 0; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #fd7980; + color: #ffffff; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(82, 93, 118, 0.2); + border-color: transparent; } + +menu, +.menu { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: #ffffff; + border: 1px solid #dcdfe3; } + .csd menu, .csd + .menu { + padding: 4px 0px; + border-radius: 2px; + border: none; } + menu separator, + .csd menu separator, + .menu separator, + .csd + .menu separator { + margin: 2px 0; + background-color: #ffffff; } + menu .separator:not(label), + .csd menu .separator:not(label), + .menu .separator:not(label), + .csd + .menu .separator:not(label) { + color: #ffffff; } + menu menuitem, + .menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 5px; } + menu menuitem:hover, + .menu menuitem:hover { + color: #ffffff; + background-color: #fd7980; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(92, 97, 108, 0.55); } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menuitem accelerator { + color: alpha(currentColor,0.55); } + menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; } + menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; } + menu > arrow, + .menu > arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + min-width: 16px; + min-height: 16px; + padding: 4px; + background-color: #ffffff; + border-radius: 0; } + menu > arrow.top, + .menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #efeff0; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, + .menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #efeff0; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, + .menu > arrow:hover { + background-color: #efeff0; } + menu > arrow:disabled, + .menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +popover, +popover.background { + padding: 2px; + border-radius: 3px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } + .csd popover, popover, .csd + popover.background, + popover.background { + border: 1px solid #cdd2d7; } + popover separator, + popover.background separator { + background-color: #ffffff; } + popover > list, + popover > .view, + popover > iconview, + popover > toolbar, + popover > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > iconview, + popover.background > toolbar, + popover.background > .inline-toolbar { + border-style: none; + background-color: transparent; } + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +notebook { + padding: 0; } + notebook.frame { + border: 1px solid #dcdfe3; } + notebook.frame > header { + margin: -1px; } + notebook.frame > header.top { + margin-bottom: 0; } + notebook.frame > header.bottom { + margin-top: 0; } + notebook.frame > header.left { + margin-right: 0; } + notebook.frame > header.right { + margin-left: 0; } + notebook.frame > header.top, notebook.frame > header.bottom { + padding-left: 0; + padding-right: 0; } + notebook.frame > header.left, notebook.frame > header.right { + padding-top: 0; + padding-bottom: 0; } + notebook > stack:not(:only-child) { + background-color: #ffffff; } + notebook > header { + padding: 2px; + background-color: #F5F6F7; } + notebook > header.top { + box-shadow: inset 0 -1px #dcdfe3; } + notebook > header.bottom { + box-shadow: inset 0 1px #dcdfe3; } + notebook > header.right { + box-shadow: inset 1px 0 #dcdfe3; } + notebook > header.left { + box-shadow: inset -1px 0 #dcdfe3; } + notebook > header.top { + padding-bottom: 0; } + notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-bottom: none; + border-radius: 1px 1px 0 0; } + notebook > header.top > tabs > tab + tab { + margin-left: -1px; } + notebook > header.bottom { + padding-top: 0; } + notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-top: none; + border-radius: 0 0 1px 1px; } + notebook > header.bottom > tabs > tab + tab { + margin-left: -1px; } + notebook > header.right { + padding-left: 0; } + notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-left: none; + border-radius: 0 1px 1px 0; } + notebook > header.right > tabs > tab + tab { + margin-top: -1px; } + notebook > header.left { + padding-right: 0; } + notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-right: none; + border-radius: 1px 0 0 1px; } + notebook > header.left > tabs > tab + tab { + margin-top: -1px; } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; } + notebook > header > tabs > arrow { + color: rgba(92, 97, 108, 0.55); } + notebook > header > tabs > arrow:hover { + color: rgba(92, 97, 108, 0.775); } + notebook > header > tabs > arrow:active { + color: #5c616c; } + notebook > header > tabs > arrow:disabled { + color: rgba(92, 97, 108, 0.25); } + notebook > header.top > tabs > tab:hover:not(:checked) { + box-shadow: inset 0 -1px #dcdfe3; } + notebook > header.bottom > tabs > tab:hover:not(:checked) { + box-shadow: inset 0 1px #dcdfe3; } + notebook > header.left > tabs > tab:hover:not(:checked) { + box-shadow: inset -1px 0 #dcdfe3; } + notebook > header.right > tabs > tab:hover:not(:checked) { + box-shadow: inset 1px 0 #dcdfe3; } + notebook > header > tabs > tab { + color: rgba(92, 97, 108, 0.55); + background-color: rgba(255, 255, 255, 0); } + notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(92, 97, 108, 0.775); + background-color: rgba(255, 255, 255, 0.5); + border-color: #dcdfe3; } + notebook > header > tabs > tab:checked { + color: #5c616c; + background-color: #ffffff; + border-color: #dcdfe3; } + notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { + min-height: 22px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { + color: #ff4d4d; } + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { + color: #fd7980; } + +scrollbar { + background-color: #fcfcfc; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar.top { + border-bottom: 1px solid #dcdfe3; } + scrollbar.bottom { + border-top: 1px solid #dcdfe3; } + scrollbar.left { + border-right: 1px solid #dcdfe3; } + scrollbar.right { + border-left: 1px solid #dcdfe3; } + scrollbar button { + border: none; } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #b8babf; } + scrollbar slider:hover { + background-color: #c7c9cd; } + scrollbar slider:hover:active { + background-color: #fd7980; } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #8a8e96; + border: 1px solid rgba(255, 255, 255, 0.6); } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + +switch { + font-size: 1px; + min-width: 52px; + min-height: 24px; + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: center center; } + switch slider { + min-width: 1px; + min-height: 1px; } + switch, switch slider { + outline-color: transparent; + color: transparent; + border: none; + box-shadow: none; } + +switch { + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } + +menuitem:hover switch, +row:selected switch, +infobar switch { + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } + +headerbar switch, +.primary-toolbar switch { + background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); } + +switch:checked { + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } + +menuitem:hover switch:checked, +row:selected switch:checked, +infobar switch:checked { + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } + +headerbar switch:checked, +.primary-toolbar switch:checked { + background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); } + +switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } + +menuitem:hover switch:disabled, +row:selected switch:disabled, +infobar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } + +headerbar switch:disabled, +.primary-toolbar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); } + +switch:checked:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } + +menuitem:hover switch:checked:disabled, +row:selected switch:checked:disabled, +infobar switch:checked:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } + +headerbar switch:checked:disabled, +.primary-toolbar switch:checked:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } + +.osd check, filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +menuitem check:hover, +.view check:selected, iconview check:selected, +treeview.check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } + +.check:disabled, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } + +.osd check:disabled, filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +menuitem check:disabled:hover, +.view check:disabled:selected, iconview check:disabled:selected, +treeview.check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } + +.osd check:indeterminate, filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +menuitem check:indeterminate:hover, +.view check:indeterminate:selected, iconview check:indeterminate:selected, +treeview.check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } + +.check:indeterminate:disabled, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } + +.osd check:indeterminate:disabled, filechooser actionbar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +menuitem check:indeterminate:disabled:hover, +.view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, +treeview.check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } + +.osd check:checked, filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +menuitem check:checked:hover, +.view check:checked:selected, iconview check:checked:selected, +treeview.check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } + +.check:checked:disabled, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } + +.osd check:checked:disabled, filechooser actionbar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +menuitem check:checked:disabled:hover, +.view check:checked:disabled:selected, iconview check:checked:disabled:selected, +treeview.check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } + +.osd radio, filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +menuitem radio:hover, +.view radio:selected, iconview radio:selected, +treeview.radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } + +.radio:disabled, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } + +.osd radio:disabled, filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +menuitem radio:disabled:hover, +.view radio:disabled:selected, iconview radio:disabled:selected, +treeview.radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } + +.osd radio:indeterminate, filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +menuitem radio:indeterminate:hover, +.view radio:indeterminate:selected, iconview radio:indeterminate:selected, +treeview.radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } + +.radio:indeterminate:disabled, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } + +.osd radio:indeterminate:disabled, filechooser actionbar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +menuitem radio:indeterminate:disabled:hover, +.view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, +treeview.radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } + +.osd radio:checked, filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +menuitem radio:checked:hover, +.view radio:checked:selected, iconview radio:checked:selected, +treeview.radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } + +.radio:checked:disabled, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } + +.osd radio:checked:disabled, filechooser actionbar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +menuitem radio:checked:disabled:hover, +.view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, +treeview.radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } + +.view.content-view.check:not(list), iconview.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; } + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + check:only-child, + menu menuitem check, + radio:only-child, + menu menuitem + radio { + margin: 0; } + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; } + scale.horizontal trough { + padding: 0 4px; } + scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; } + scale.vertical trough { + padding: 4px 0; } + scale.vertical highlight, scale.vertical fill { + margin: -4px 0; } + scale slider { + min-height: 15px; + min-width: 15px; + margin: -6px; } + scale.fine-tune slider { + margin: -4px; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; } + scale trough { + outline-offset: 2px; + -gtk-outline-radius: 4.5px; + border-radius: 2.5px; + background-color: #cfd6e6; } + scale trough:disabled { + background-color: rgba(207, 214, 230, 0.55); } + .osd scale trough { + background-color: rgba(69, 74, 89, 0.95); } + .osd scale trough highlight { + background-color: #fd7980; } + menuitem:hover scale trough, + row:selected scale trough, + infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); } + menuitem:hover scale trough highlight, + row:selected scale trough highlight, + infobar scale trough highlight { + background-color: #ffffff; } + menuitem:hover scale trough highlight:disabled, + row:selected scale trough highlight:disabled, + infobar scale trough highlight:disabled { + background-color: #b1cff2; } + menuitem:hover scale trough:disabled, + row:selected scale trough:disabled, + infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); } + scale highlight { + border-radius: 2.5px; + background-color: #fd7980; } + scale highlight:disabled { + background-color: rgba(82, 148, 226, 0.55); } + scale fill { + border-radius: 2.5px; + background-color: rgba(82, 148, 226, 0.5); } + scale fill:disabled { + background-color: transparent; } + scale slider { + background-color: #fbfbfc; + border: 1px solid rgba(123, 142, 186, 0.5); + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; } + scale slider:hover { + background-color: white; } + scale slider:active { + background-clip: border-box; + background-color: #fd7980; + border-color: #fd7980; } + scale slider:disabled { + background-color: #fbfbfb; + border-color: rgba(123, 142, 186, 0.3); } + menuitem:hover scale slider, + row:selected scale slider, + infobar scale slider { + background-clip: border-box; + background-color: #ffffff; + border-color: #ffffff; } + menuitem:hover scale slider:hover, + row:selected scale slider:hover, + infobar scale slider:hover { + background-color: #e5effb; + border-color: #e5effb; } + menuitem:hover scale slider:active, + row:selected scale slider:active, + infobar scale slider:active { + background-color: #a9caf1; + border-color: #a9caf1; } + menuitem:hover scale slider:disabled, + row:selected scale slider:disabled, + infobar scale slider:disabled { + background-color: #b1cff2; + border-color: #b1cff2; } + .osd scale slider { + background-clip: border-box; + background-color: #fd7980; + border-color: #fd7980; } + .osd scale slider:hover { + background-color: #7eafe9; + border-color: #7eafe9; } + .osd scale slider:active { + background-color: #fd7980; + border-color: #fd7980; } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: 1px; + margin-top: -4px; } + scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; } + scale marks.top { + margin-right: 1px; + margin-left: -4px; } + scale marks.bottom { + margin-left: 1px; + margin-right: -4px; } + scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; } + scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; } + scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; } + scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; } + scale.horizontal indicator { + min-height: 3px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 2px; } + scale.vertical indicator { + min-height: 1px; + min-width: 3px; } + scale.vertical.fine-tune indicator { + min-width: 2px; } + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(92, 97, 108, 0.7); } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; } + progressbar progress { + background-color: #fd7980; + border: none; + border-radius: 3px; + box-shadow: none; } + row:selected progressbar progress, + infobar progressbar progress { + background-color: #ffffff; } + progressbar trough { + border: none; + border-radius: 3px; + background-color: #cfd6e6; } + row:selected progressbar trough, + infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); } + +levelbar block { + min-width: 32px; + min-height: 1px; } + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; } + +levelbar trough { + border: none; + padding: 3px; + border-radius: 3px; + background-color: #cfd6e6; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #fd7980; + background-color: #fd7980; + border-radius: 2px; } + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; } + +levelbar block.high { + border-color: #fd7980; + background-color: #fd7980; } + +levelbar block.full { + border-color: #73d216; + background-color: #73d216; } + +levelbar block.empty { + background-color: rgba(92, 97, 108, 0.2); + border-color: rgba(92, 97, 108, 0.2); } + +printdialog paper { + border: 1px solid #dcdfe3; + background: #ffffff; + padding: 0; } + +printdialog .dialog-action-box { + margin: 12px; } + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #dcdfe3; } + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; } + +scrolledwindow viewport.frame { + border-style: none; } + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; } + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; } + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; } + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; } + +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #fcfcfc; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #ffffff; + border-color: #dcdfe3; } + list row { + padding: 2px; } + +row:not(:hover) { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); } + +row.activatable:active { + color: #5c616c; } + +row.activatable:disabled { + color: rgba(92, 97, 108, 0.55); } + row.activatable:disabled image { + color: inherit; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #fd7980; } + +.app-notification { + padding: 10px; + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: rgba(31, 33, 40, 0.95); } + .app-notification border { + border: none; } + .app-notification button { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .app-notification button.flat, .app-notification button.sidebar-button { + border-color: rgba(82, 148, 226, 0); } + .app-notification button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .app-notification button:active, .app-notification button:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; + background-clip: padding-box; } + .app-notification button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:hover { + color: #aaaeb7; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +calendar { + color: #5c616c; + border: 1px solid #dcdfe3; + border-radius: 3px; + padding: 2px; } + calendar:selected { + border-radius: 1.5px; } + calendar.header { + color: #5c616c; + border: none; } + calendar.button { + color: rgba(92, 97, 108, 0.45); } + calendar.button:hover { + color: #5c616c; } + calendar.button:disabled { + color: rgba(92, 97, 108, 0.55); } + calendar:indeterminate { + color: alpha(currentColor,0.55); } + calendar.highlight { + color: #5c616c; } + +messagedialog .titlebar { + min-height: 20px; + background-color: rgba(231, 232, 235, 0.95); + border-bottom: 1px solid rgba(212, 213, 219, 0.95); } + +messagedialog .dialog-action-area button { + padding: 8px; + min-height: 0; } + +messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; } + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 3px 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 3px; + border-left-style: none; } + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(220, 223, 227, 0.5); } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +.sidebar { + border-style: none; + background-color: #fbfbfc; } + stacksidebar.sidebar:dir(ltr) list, + stacksidebar.sidebar.left list, + stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: 1px solid #dcdfe3; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list, + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #dcdfe3; + border-right-style: none; } + .sidebar list { + background-color: transparent; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } + +placessidebar row { + min-height: 30px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 10px; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #fd7980; } + placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #ffffff; } + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; } + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3); + background-size: 1px 1px; } + paned > separator:selected { + background-image: linear-gradient(to bottom, #fd7980, #fd7980); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #F5F6F7; + background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3), linear-gradient(to bottom, #dcdfe3, #dcdfe3); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + infobar.info, infobar.question, infobar.warning, infobar.error { + background-color: #fd7980; + color: #ffffff; + caret-color: currentColor; } + infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { + color: #fd7980; + background-color: #ffffff; } + +.selection-mode.primary-toolbar button:hover, headerbar.selection-mode button:hover, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .nautilus-window .floating-bar button { + color: #ffffff; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); } + +row:selected button.flat, row:selected button.sidebar-button, infobar.info button.flat, infobar.info button.sidebar-button, infobar.question button.flat, infobar.question button.sidebar-button, infobar.warning button.flat, infobar.warning button.sidebar-button, infobar.error button.flat, infobar.error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + .selection-mode.primary-toolbar button:disabled, headerbar.selection-mode button:disabled, row:selected button.flat:disabled, row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.info button.sidebar-button:disabled, infobar.question button.flat:disabled, infobar.question button.sidebar-button:disabled, infobar.warning button.flat:disabled, infobar.warning button.sidebar-button:disabled, infobar.error button.flat:disabled, infobar.error button.sidebar-button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.sidebar-button:disabled, .selection-mode.primary-toolbar button:disabled label, headerbar.selection-mode button:disabled label, row:selected button.flat:disabled label, row:selected button.sidebar-button:disabled label, infobar.info button.flat:disabled label, infobar.info button.sidebar-button:disabled label, infobar.question button.flat:disabled label, infobar.question button.sidebar-button:disabled label, infobar.warning button.flat:disabled label, infobar.warning button.sidebar-button:disabled label, infobar.error button.flat:disabled label, infobar.error button.sidebar-button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.sidebar-button:disabled label { + color: rgba(255, 255, 255, 0.4); } + +row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .nautilus-window .floating-bar button:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.8); } + +.selection-mode.primary-toolbar button:active, headerbar.selection-mode button:active, .selection-mode.primary-toolbar button:checked, headerbar.selection-mode button:checked, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .nautilus-window .floating-bar button:active, .selection-mode.primary-toolbar button:hover:active, headerbar.selection-mode button:hover:active, .selection-mode.primary-toolbar button:hover:checked, headerbar.selection-mode button:hover:checked, row:selected button:active:hover, infobar.info button:active:hover, infobar.question button:active:hover, infobar.warning button:active:hover, infobar.error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .nautilus-window .floating-bar button:checked { + color: #fd7980; + background-color: #ffffff; + border-color: #ffffff; } + +row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); } + row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); } + .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #fd7980; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); } + +tooltip { + border-radius: 2px; + box-shadow: none; } + tooltip.background { + background-color: rgba(75, 81, 98, 0.95); + background-clip: padding-box; } + tooltip.background label { + padding: 4px; } + tooltip decoration { + background-color: transparent; } + tooltip * { + background-color: transparent; + color: #BAC3CF; } + +colorswatch, colorswatch:drop(active) { + border-style: none; } + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); } + colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); } + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); } + colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); } + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); } + colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); } + +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + colorswatch#add-color-button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: white; } + colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; } + +button.color { + padding: 0; } + button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; } + +colorchooser .popover.osd { + border-radius: 3px; } + +.content-view { + background-color: #ffffff; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: white; } + +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; } + +.monospace { + font-family: Monospace; } + +button.circular, button.nautilus-circular-button.image-button, +button.circular-button { + padding: 0; + min-width: 16px; + min-height: 24px; + padding: 2px 6px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, button.nautilus-circular-button.image-button label, + button.circular-button label { + padding: 0; } + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #5c616c; + background-color: #ffffff; + border: 1px solid #dcdfe3; + border-radius: 2.5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; } + +decoration { + border-radius: 4px 4px 0 0; + border-width: 0px; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.2); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); + transition: 200ms ease-out; } + .fullscreen decoration, + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + .ssd decoration { + border-radius: 4px 4px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } + .ssd decoration.maximized { + border-radius: 0; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } + messagedialog.csd decoration { + border-radius: 3px; } + .solid-csd decoration { + border-radius: 0; + margin: 1px; + background-color: rgba(231, 232, 235, 0.95); + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 0 4px; + min-width: 0; + min-height: 0; + margin: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 0; + min-width: 24px; + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(231, 232, 235, 0); } + headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover { + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + headerbar button.titlebutton:active, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked { + color: #ffffff; + border-color: #fd7980; + background-color: #fd7980; } + headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.close, + .titlebar button.titlebutton.maximize, + .titlebar button.titlebutton.minimize { + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; } + headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + opacity: 1; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); } + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, iconview text:selected:focus, +textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + background-color: #fd7980; } + row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, + textview text:selected, iconview text:selected:focus, + textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, + modelbutton.flat:active, + modelbutton.flat:active arrow, + modelbutton.flat:selected, + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + color: #ffffff; } + row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, + modelbutton.flat:disabled:active, + modelbutton.flat:active arrow:disabled, + modelbutton.flat:disabled:selected, + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:active:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:active:hover { + color: #a9caf1; } + +.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked, +terminal-window notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -1px #dcdfe3; } + +terminal-window notebook > header.top, +.mate-terminal notebook > header.top { + padding-top: 3px; + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } + terminal-window notebook > header.top button, + .mate-terminal notebook > header.top button { + padding: 0; + min-width: 24px; + min-height: 24px; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item, .caja-desktop { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active, .caja-desktop:active { + color: #5c616c; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected, .caja-desktop:selected { + color: #ffffff; + text-shadow: none; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #a9acb2; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +.nautilus-window searchbar { + border-top: 1px solid #dcdfe3; } + +.nautilus-window .searchbar-container { + margin-top: -1px; } + +.nautilus-window notebook, +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #ffffff; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(92, 97, 108, 0.5); + border-color: rgba(69, 72, 80, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(253, 121, 128, 0.8); } + .disk-space-display.free { + background-color: #edeef0; + border-color: #d0d5da; } + +@keyframes needs_attention_keyframes { + 0% { + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + 100% { + color: #ffffff; + border-color: #fd7980; + background-color: #fd7980; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; } + +.conflict-row.activatable:hover { + background-color: #fd716a; } + +.conflict-row.activatable:selected { + color: #ffffff; + background-color: #fd7980; } + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; } + +.nemo-window notebook { + background-color: #ffffff; } + +.nemo-window .nemo-window-pane widget.entry { + border: 1px solid; + border-radius: 3px; + color: #5c616c; + border-color: #fd7980; + background-color: #ffffff; } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { + margin: 0 0 1px 0; } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(255, 255, 255, 0.9); } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + border-color: #fd7980; + background-color: #fd7980; } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(82, 93, 118, 0.4); } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.caja-notebook { + border-top: 1px solid #dcdfe3; } + +.caja-side-pane .frame { + border-width: 1px 0 0; } + +.caja-notebook .frame { + border-width: 0 0 1px; } + +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { + padding: 3px 6px 3px 6px; + border-color: #ffffff; } + .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { + background-color: #f4f4f5; } + .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { + color: #ffffff; + background-color: #fd7980; } + +.open-document-selector-name-label { + color: #5c616c; } + +.open-document-selector-path-label { + color: #aeb0b6; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + color: transparent; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel row:hover:not(:selected) button { + color: #92959d; } + .gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #5c616c; } + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row:hover:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel-dragged-row { + border: 1px solid #dcdfe3; + background-color: #d9dde0; + color: #5c616c; } + +.gedit-side-panel-paned statusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } + +.gedit-search-slider { + background-color: #fbfbfc; + padding: 6px; + border-color: #dcdfe3; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; } + .gedit-map-frame border:dir(ltr) { + border-left-width: 1px; } + .gedit-map-frame border:dir(rtl) { + border-right-width: 1px; } + +.pluma-window statusbar frame > border { + border: none; } + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; } + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; } + +.gb-search-entry-occurrences-tag { + background: none; } + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; } + workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 4px 4px 0 0; } + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #fd7980; } + +layouttab { + background-color: #ffffff; } + +layout { + border: 1px solid #dcdfe3; + -PnlDockBin-handle-size: 1; } + +eggsearchbar box.search-bar { + border-bottom: 1px solid #dcdfe3; } + +pillbox { + color: #ffffff; + background-color: #fd7980; + border-radius: 3px; } + pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); } + +docktabstrip { + padding: 0 6px; + background-color: #F5F6F7; + border-bottom: 1px solid #dcdfe3; } + docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; } + docktabstrip docktab label { + opacity: 0.5; } + docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; } + docktabstrip docktab:checked { + border-color: #dcdfe3; + background-color: #ffffff; } + +dockbin { + border: 1px solid #dcdfe3; + -PnlDockBin-handle-size: 1; } + +dockpaned { + border: 1px solid #dcdfe3; } + +dockoverlayedge { + background-color: #F5F6F7; } + dockoverlayedge docktabstrip { + padding: 0; + border: none; } + dockoverlayedge.left-edge tab:checked, + dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; } + +popover.messagepopover.background { + padding: 0; } + +popover.messagepopover .popover-content-area { + margin: 16px; } + +popover.messagepopover .popover-action-area { + margin: 8px; } + popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; } + +popover.popover-selector { + padding: 0; } + popover.popover-selector list row { + padding: 5px 0; } + popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; } + +entry.search.preferences-search { + border: none; + border-right: 1px solid #dcdfe3; + border-bottom: 1px solid #dcdfe3; + border-radius: 0; } + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); } + +preferences stacksidebar.sidebar list separator { + background-color: transparent; } + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: #dcdfe3; } + +button.run-arrow-button { + min-width: 12px; } + +omnibar.linked > entry:not(:only-child) { + border-style: solid; + border-radius: 3px; + margin-left: 1px; + margin-right: 1px; } + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #5c616c; } + +configurationview entry.flat { + background: none; } + +configurationview list { + border-width: 0; } + +.documents-scrolledwin.frame { + border-width: 0; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #fd7980; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon, .photos-collection-icon { + background-color: rgba(92, 97, 108, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag, .photos-entry-tag { + color: #ffffff; + background: #fd7980; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover, .photos-entry-tag:hover { + color: #ffffff; + background: #639fe5; } + .documents-entry-tag:active, .photos-entry-tag:active { + color: #ffffff; + background: #4189df; } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; } + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; } + +.tweak-categories, +.tweak-category:not(:selected):not(:hover) { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar { + background: none; } + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #cfd5de; + background-color: rgba(53, 57, 69, 0.95); + border: 1px solid rgba(35, 38, 46, 0.95); + border-radius: 2px; } + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #fd7980; + border-color: #fd7980; } + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(42, 45, 55, 0.95); } + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; } + +#gf-input-source { + min-height: 32px; + min-width: 40px; } + #gf-input-source:selected { + color: #ffffff; + background-color: #fd7980; + border-radius: 2px; } + +gf-candidate-box label { + padding: 3px; } + +gf-candidate-box:hover, gf-candidate-box:selected { + color: #ffffff; + background-color: #fd7980; + border-radius: 2px; } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(35, 38, 46, 0.95); } + MsdOsdWindow.background.osd .progressbar { + background-color: #fd7980; + border: none; + border-color: red; + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(42, 45, 55, 0.95); + border: none; + border-radius: 5px; } + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2b2e37; } + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #BAC3CF; } + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; } + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #5d6268; + background-color: rgba(20, 22, 27, 0.95); } + .mate-panel-menu-bar .wnck-pager:hover, + panel-toplevel.background .wnck-pager:hover { + background-color: rgba(54, 58, 70, 0.95); } + .mate-panel-menu-bar .wnck-pager:selected, + panel-toplevel.background .wnck-pager:selected { + color: #a9caf1; + background-color: #fd7980; } + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; } + +.xfce4-panel.panel { + background-color: rgba(43, 46, 55, 0.95); + text-shadow: none; + -gtk-icon-shadow: none; } + +#tasklist-button { + color: rgba(186, 195, 207, 0.8); + border-radius: 0; + border: none; + background-color: rgba(43, 46, 55, 0); } + #tasklist-button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #fd7980; } + +.mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button), .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + border-radius: 0; + border: none; + background-color: rgba(43, 46, 55, 0); } + .mate-panel-menu-bar button:hover:not(#tasklist-button), + panel-toplevel.background button:hover:not(#tasklist-button), .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: rgba(65, 70, 84, 0.95); } + .mate-panel-menu-bar button:active:not(#tasklist-button), + panel-toplevel.background button:active:not(#tasklist-button), .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .mate-panel-menu-bar button:checked:not(#tasklist-button), + panel-toplevel.background button:checked:not(#tasklist-button), .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #ffffff; + border: none; + background-color: #fd7980; } + .mate-panel-menu-bar button:active:not(#tasklist-button) label, + panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.sidebar-button:active label, .mate-panel-menu-bar button:active:not(#tasklist-button) image, + panel-toplevel.background button:active:not(#tasklist-button) image, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.sidebar-button:active image, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, + panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.sidebar-button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, + panel-toplevel.background button:checked:not(#tasklist-button) image, .xfce4-panel.panel button.flat:checked image, .xfce4-panel.panel button.sidebar-button:checked image { + color: inherit; } + +.nautilus-window .floating-bar { + padding: 1px; + background-color: #fd7980; + color: #ffffff; + border-radius: 2px 2px 0 0; } + .nautilus-window .floating-bar.bottom.left { + border-top-left-radius: 0; } + .nautilus-window .floating-bar.bottom.right { + border-top-right-radius: 0; } + .nautilus-window .floating-bar button { + border: none; + border-radius: 0; + min-height: 0; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(255, 255, 255, 0.9); } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + border-color: #fd7980; + background-color: #fd7980; } + .marlin-pathbar.pathbar:disabled { + color: rgba(82, 93, 118, 0.35); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(255, 255, 255, 0.75); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #fd7980; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #fd7980; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #e7e8eb, #e7e8eb); + color: rgba(82, 93, 118, 0.8); + box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(82, 93, 118, 0.5); } + UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, + UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2f343f, #2f343f); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #fd7980, #fd7980); + border-bottom: none; } + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; } + +.lightdm-combo .menu { + background-color: rgba(253, 253, 254, 0.95); + border-radius: 0px; + padding: 0px; + color: white; } + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; } + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); } + .lightdm.menubar > .menuitem { + padding: 2px 6px; } + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; } + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; } + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; } + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); } + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; } + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; } + +.lightdm.toggle-button { + background: none; + border-width: 0; } + .lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; } + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } + +.overlay-bar { + background-color: #fd7980; + border-color: #fd7980; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #dcdfe3; + border-right: 1px solid #dcdfe3; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #dcdfe3; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #dcdfe3; + background-color: #F5F6F7; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view, +iconview.source-list { + background-color: #F5F6F7; + color: #5c616c; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover, iconview.source-list:hover { + background-color: white; } + +.source-list.view:selected, iconview.source-list:selected, +.source-list.view:hover:selected, +iconview.source-list:hover:selected, +.source-list.view:selected:focus, +iconview.source-list:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #fd7980; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #F5F6F7; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #fd7980; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #fd7980; } + +.source-list.category-expander { + color: #5c616c; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #ffffff; } + +GraniteWidgetsWelcome label { + color: #a9acb2; + font-size: 11px; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(92, 97, 108, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry { + padding: 4px; } + +.h1 { + font-size: 24px; } + +.h2 { + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + color: #8a8e96; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + +#panel_window { + background-color: rgba(43, 46, 55, 0.95); + color: #BAC3CF; + font-weight: bold; + box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } + #panel_window menubar { + padding-left: 5px; } + #panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #BAC3CF; + font-weight: bold; } + #panel_window menubar menuitem:disabled { + color: rgba(186, 195, 207, 0.5); } + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #5c616c; } + +#content_frame { + padding-bottom: 14px; + background-color: #F5F6F7; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + #content_frame button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: white; } + #content_frame button:active, #content_frame button:checked { + color: #ffffff; + border-color: #fd7980; + background-color: #fd7980; } + #content_frame button:disabled { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame button:disabled label, #content_frame button:disabled { + color: rgba(92, 97, 108, 0.55); } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(53, 57, 69, 0.95); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px rgba(53, 57, 69, 0.95); } + +#buttonbox_frame button { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + #buttonbox_frame button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + #buttonbox_frame button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +#login_window #user_combobox { + color: #5c616c; + font-size: 13px; } + #login_window #user_combobox menu { + font-weight: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #F04A50; + border-color: #F04A50; } + #shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #f4797e; + border-color: #f4797e; } + #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #ec1b22; + border-color: #ec1b22; } + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #fd7980; + border-color: #fd7980; } + #restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fd7980; + border-color: #fd7980; } + #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #fd7980; + border-color: #fd7980; } + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; } + +.nautilus-window paned > separator { + background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95), rgba(53, 57, 69, 0.95)); } + .nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; } + .nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; } + +filechooser paned > separator { + background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95), rgba(53, 57, 69, 0.95)); } + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; } + +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + background-color: rgba(53, 57, 69, 0.95); } + filechooser placessidebar.sidebar row.sidebar-row, + .nautilus-window placessidebar.sidebar row.sidebar-row { + border: none; + color: #BAC3CF; } + filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, + .nautilus-window placessidebar.sidebar row.sidebar-row:hover { + background-color: rgba(186, 195, 207, 0.15); } + filechooser placessidebar.sidebar row.sidebar-row:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled label, filechooser placessidebar.sidebar row.sidebar-row:disabled image, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image { + color: rgba(186, 195, 207, 0.4); } + filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button { + color: #BAC3CF; } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { + color: #ffffff; + border-color: #fd7980; + background-color: #fd7980; } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, + .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #fd7980; } + filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #F08437; } + filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; } + filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #ffffff; } + filechooser placessidebar.sidebar separator, + .nautilus-window placessidebar.sidebar separator { + background-color: transparent; } + +filechooser.maximized placessidebar.sidebar, +.nautilus-window.maximized placessidebar.sidebar { + background-color: #353945; } + +.nemo-window .sidebar { + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); } + .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { + background-color: transparent; + color: #BAC3CF; } + .nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { + background-color: #fd7980; + color: #ffffff; } + .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { + color: rgba(123, 129, 141, 0.975); } + .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #BAC3CF; } + .nemo-window .sidebar separator { + background-color: transparent; } + +.caja-side-pane, +.caja-side-pane > notebook > stack > widget > box, +.caja-side-pane text, +.caja-side-pane treeview { + color: #BAC3CF; + caret-color: #BAC3CF; + background-color: #353945; } + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #BAC3CF; } + +.caja-side-pane .frame { + border-color: #2a2d37; } + +.caja-side-pane junction { + background-color: rgba(42, 45, 55, 0.95); } + +filechooser actionbar { + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(37, 40, 49, 0.95); } + filechooser actionbar label, filechooser actionbar combobox { + color: #BAC3CF; } + +.gedit-bottom-panel-paned { + background-color: #ffffff; } + +.gedit-side-panel-paned > separator { + background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95), rgba(53, 57, 69, 0.95)); } + +.gedit-bottom-panel-paned > separator { + background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3); } + +.gedit-document-panel { + background-color: rgba(53, 57, 69, 0.95); } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; + background-color: rgba(186, 195, 207, 0); } + .gedit-document-panel row:hover { + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #fd7980; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #fd7980; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #BAC3CF; } + +filechooser actionbar button { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + filechooser actionbar button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +filechooser actionbar entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; } + filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-color: #fd7980; } + filechooser actionbar entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-color: rgba(102, 109, 132, 0.2); } + +filechooser placessidebar.sidebar scrollbar, +.nautilus-window placessidebar.sidebar scrollbar, .nemo-window .sidebar scrollbar, .caja-side-pane scrollbar { + border-color: rgba(42, 45, 55, 0.95); } + filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, + .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nemo-window .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + filechooser placessidebar.sidebar scrollbar slider, + .nautilus-window placessidebar.sidebar scrollbar slider, .nemo-window .sidebar scrollbar slider, .caja-side-pane scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + filechooser placessidebar.sidebar scrollbar slider:hover, + .nautilus-window placessidebar.sidebar scrollbar slider:hover, .nemo-window .sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { + background-color: #f6f7f9; } + filechooser placessidebar.sidebar scrollbar slider:hover:active, + .nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .nemo-window .sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { + background-color: #fd7980; } + filechooser placessidebar.sidebar scrollbar slider:disabled, + .nautilus-window placessidebar.sidebar scrollbar slider:disabled, .nemo-window .sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { + background-color: transparent; } + filechooser placessidebar.sidebar scrollbar trough, + .nautilus-window placessidebar.sidebar scrollbar trough, .nemo-window .sidebar scrollbar trough, .caja-side-pane scrollbar trough { + background-color: rgba(42, 45, 55, 0.95); } + +@define-color theme_fg_color #5c616c; +@define-color theme_text_color #5c616c; +@define-color theme_bg_color #F5F6F7; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #fd7980; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #5c616c; +@define-color text_color #5c616c; +@define-color bg_color #F5F6F7; +@define-color base_color #ffffff; +@define-color selected_bg_color #fd7980; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #fbfbfc; +@define-color insensitive_fg_color alpha(#5c616c, 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #5c616c; +@define-color theme_unfocused_text_color #5c616c; +@define-color theme_unfocused_bg_color #F5F6F7; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders #dcdfe3; +@define-color unfocused_borders #dcdfe3; +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #73d216; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #fd7980; +@define-color content_view_bg #ffffff; +@define-color wm_title alpha(#525d76, 0.8); +@define-color wm_unfocused_title alpha(#525d76, 0.5); +@define-color wm_bg #e7e8eb; +@define-color wm_bg_unfocused #eff0f2; +@define-color wm_highlight #eff0f2; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #fd7980; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg #ffffff;
A
themes/Lumiere/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry] +Type=X-GNOME-Metatheme +Name=Lumier +Comment=A light theme based on Arc +Encoding=UTF-8 + +[X-GNOME-Metatheme] +GtkTheme=Lumier +MetacityTheme=Lumier +IconTheme=gnome +CursorTheme=DMZ-Black +ButtonLayout=menu:minimize,maximize,close
A
themes/Pita/xfwm4/themerc
@@ -0,0 +1,32 @@
+button_offset=0 +button_spacing=0 + +full_width_title=true +title_shadow_active=false +title_shadow_inactive=false +title_horizontal_offset=0 + +# a dirty trick to hide title text ;) +active_text_color=#ffffff +active_text_shadow_color=#ffffff +inactive_text_color=#ffffff +inactive_text_shadow_color=#ffffff + +shadow_delta_height=2 +shadow_delta_width=0 +shadow_delta_x=0 +shadow_delta_y=-2 +shadow_opacity=80 + +# hide the app icon for concistency +show_app_icon=false + +# button_layout +# O = Option menu +# T = Stick +# H = hide +# S = shade +# M = maximize +# C = close +# | = title +button_layout=|HMC
A
themes/whitey/gtk-2.0/3rd-party-dark.rc
@@ -0,0 +1,446 @@
+# +# XFce4 +# +style "theme-panel" { + xthickness = 2 + ythickness = 0 + + bg[NORMAL] = "#13191C" + bg[ACTIVE] = @selected_bg_color + bg[PRELIGHT] = shade(1.1, @selected_bg_color) + bg[SELECTED] = @selected_bg_color + fg[NORMAL] = mix(0.8, @selected_fg_color, shade(0.96, @bg_color)) + fg[PRELIGHT] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + text[NORMAL] = mix(0.8, @selected_fg_color, shade(0.96, @bg_color)) + text[PRELIGHT] = "#ECEFF1" + text[ACTIVE] = "#ECEFF1" + text[SELECTED] = "#ECEFF1" + + font_name = "Bold" +} + +style "panelbar" { + fg[NORMAL] = mix(0.8, @selected_fg_color, shade(0.96, @bg_color)) + fg[ACTIVE] = @selected_fg_color + fg[PRELIGHT] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + bg[SELECTED] = @selected_bg_color + + font_name = "Bold" +} + +style "panelbuttons" { + xthickness = 2 + ythickness = 0 + + fg[NORMAL] = mix(0.8, @selected_fg_color, shade(0.96, @bg_color)) + fg[PRELIGHT] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = mix(0.4, @selected_fg_color, @bg_color) + + font_name = "Bold" + + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "Others/null.svg" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + image { + function = BOX + state = ACTIVE + file = "Others/top.png" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + image { + function = BOX + state = PRELIGHT + file = "Others/top-hover.png" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + image { + function = BOX + state = INSENSITIVE + file = "Others/null.svg" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + } +} + +style "theme-panel-text" { + fg[NORMAL] = mix(0.8, @selected_fg_color, shade(0.96, @bg_color)) + fg[PRELIGHT] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + text[NORMAL] = mix(0.8, @selected_fg_color, shade(0.96, @bg_color)) + text[PRELIGHT] = @selected_fg_color + text[ACTIVE] = @selected_fg_color + + font_name = "Bold" +} + +style "panel-entry" { + fg[NORMAL] = mix(0.8, @selected_fg_color, shade(0.96, @bg_color)) + fg[PRELIGHT] = "#ECEFF1" + fg[ACTIVE] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = mix(0.4, @selected_fg_color, @bg_color) + text[NORMAL] = mix(0.8, @selected_fg_color, shade(0.96, @bg_color)) + text[PRELIGHT] = "#ECEFF1" + text[ACTIVE] = @selected_fg_color + text[SELECTED] = @selected_fg_color + text[INSENSITIVE] = mix(0.4, @selected_fg_color, @bg_color) +} + +style "theme-main-menu-text" = "theme-panel-text" { + fg[PRELIGHT] = @selected_fg_color + text[PRELIGHT] = @selected_fg_color +} + +style "workspace-switcher" = "theme-panel" { + bg[NORMAL] = @bg_color + bg[SELECTED] = @selected_bg_color +} + +style "indicator" = "panelbuttons" { + xthickness = 2 + ythickness = 0 +} + +widget "*tasklist*" style "panelbuttons" +widget_class "*Xfce*Panel*.GtkToggleButton" style "panelbuttons" +widget_class "*Xfce*NetkTasklist*GtkToggleButton" style "panelbuttons" +widget_class "*PanelToplevel*Button" style "panelbuttons" +widget_class "*Panel*GtkToggleButton" style "panelbuttons" +widget_class "*Xfce*Panel*Button*" style "panelbuttons" +widget_class "*<XfceArrowButton>" style "panelbuttons" +widget_class "*<XfceActionsPlugin>*" style "panelbuttons" +widget_class "*XfcePanelPlugin.GtkButton" style "panelbuttons" +widget "*dict*Applet*" style "panelbuttons" +widget_class "*Xfce*NetkTasklist*GtkToggleButton" style "panelbuttons" +widget_class "*Tasklist*" style:highest "panelbuttons" +widget_class "*Mixer*" style:highest "panelbuttons" + +class "*Panel*MenuBar*" style "panelbar" +widget_class "*Panel*MenuBar*" style "panelbar" +widget_class "*Panel*MenuBar*Item*" style:highest "panelbar" + +widget "*PanelWidget*" style "theme-panel" +widget "*PanelApplet*" style "theme-panel" +widget "*fast-user-switch*" style "theme-panel" +widget "*CPUFreq*Applet*" style "theme-panel" +widget "*TopMenu*" style "theme-panel" +class "PanelApp*" style "theme-panel" +class "PanelToplevel*" style "theme-panel" +widget_class "*PanelToplevel*" style "theme-panel" +widget_class "*notif*" style "theme-panel" +widget_class "*Notif*" style "theme-panel" +widget_class "*Tray*" style "theme-panel" +widget_class "*tray*" style "theme-panel" +widget_class "*computertemp*" style "theme-panel" +widget_class "*Applet*Tomboy*" style "theme-panel" +widget_class "*Applet*Netstatus*" style "theme-panel" + +# Fixes for tooltip text in some apps. +widget_class "*Notif*Beagle*" style "theme-panel" +widget_class "*Notif*Brasero*" style "theme-panel" + +# XFCE panel theming. +widget "*Xfce*Panel*" style "theme-panel" +class "*Xfce*Panel*" style "theme-panel" +widget "*WnckPager*" style "workspace-switcher" + +# Fix gtk-entries in the panel +widget "*bookmark*GtkEntry" style "panel-entry" # fixes smartbookmark-plugin + +# Make sure panel text color doesn't change +widget_class "*Panel*MenuBar*" style "theme-main-menu-text" +widget_class "*Panel*<GtkMenuBar>*" style "theme-main-menu-text" +widget "*.clock-applet-button.*" style "theme-panel-text" +widget "*PanelApplet*" style "theme-panel-text" + +# Override general panel-style with specific plugin-styles +widget "*indicator-applet*" style "indicator" +widget "*indicator-button*" style "indicator" + + +# +# Eclipse/SWT +# +style "eclipse-tooltips" { + xthickness = 9 + ythickness = 9 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + bg[SELECTED] = @tooltip_bg_color + # bg[NORMAL] = @base_color + # fg[NORMAL] = @text_color + # bg[SELECTED] = @base_color +} + +style "null" { + engine "pixmap" { + image { + function = BOX + file = "Others/null.svg" + stretch = TRUE + } + } +} + +widget "gtk-tooltips*" style "eclipse-tooltips" +widget "*swt-toolbar-flat" style "null" + + +# +# Chrome(ium) +# +style "chrome-gtk-frame" { + ChromeGtkFrame::frame-color = "#2A373E" + ChromeGtkFrame::inactive-frame-color = "#2A373E" + ChromeGtkFrame::incognito-frame-color = "#2A373E" + ChromeGtkFrame::incognito-inactive-frame-color = "#2A373E" + + ChromeGtkFrame::frame-gradient-size = 0 + ChromeGtkFrame::frame-gradient-color = "#2A373E" + ChromeGtkFrame::inactive-frame-gradient-color = "#2A373E" + ChromeGtkFrame::incognito-frame-gradient-color = "#2A373E" + ChromeGtkFrame::incognito-inactive-frame-gradient-color = "#2A373E" + + ChromeGtkFrame::scrollbar-slider-prelight-color = "#C3C6C8" + ChromeGtkFrame::scrollbar-slider-normal-color = "#A5AAAD" + ChromeGtkFrame::scrollbar-trough-color = "#FFFFFF" +} + +style "chrome_menu_item" { + bg[SELECTED] = mix(0.9, @base_color, @fg_color) + fg[SELECTED] = shade(1.04, @fg_color) +} + +class "ChromeGtkFrame" style "chrome-gtk-frame" +widget_class "*Chrom*Button*" style "flat_button" +widget_class "*<GtkCustomMenu>*<GtkCustomMenuItem>*" style "chrome_menu_item" + +# We use this weird selector to target an offscreen entry as created +# by Chrome/Chromium to derive the style for its toolbar +widget_class "<GtkEntry>" style "standalone_entry" + + +# +# Openoffice, Libreoffice +# +style "libreoffice_entry" { + engine "pixmap" { + image { + function = FLAT_BOX + detail = "entry_bg" + state = NORMAL + overlay_file = "Others/null.svg" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = TRUE + } + image { + function = FLAT_BOX + detail = "entry_bg" + state = ACTIVE + overlay_file = "Others/null.svg" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = TRUE + } + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + } +} + +style "menubar_libreoffice" { + xthickness = 0 + ythickness = 0 + + bg[NORMAL] = "#2A373E" + fg[NORMAL] = mix(0.8, @fg_color, shade(0.96, @bg_color)) + fg[PRELIGHT] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = mix(0.6, @fg_color, @bg_color) + text[NORMAL] = mix(0.8, @fg_color, shade(0.96, @bg_color)) + text[PRELIGHT] = @selected_fg_color + text[SELECTED] = @selected_fg_color + text[INSENSITIVE] = mix(0.6, @fg_color, @bg_color) + + engine "pixmap" { + image { + function = BOX + file = "Shadows/z-depth-1.svg" + border = { 1, 1, 1, 1 } + stretch = TRUE + recolorable = TRUE + } + } +} + +style "menubar_item_libreoffice" { + xthickness = 3 + ythickness = 6 + + bg[PRELIGHT] = "#2A373E" + bg[SELECTED] = "#2A373E" + fg[NORMAL] = mix(0.8, @fg_color, shade(0.96, @bg_color)) + fg[PRELIGHT] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = mix(0.6, @fg_color, @bg_color) + text[NORMAL] = mix(0.8, @fg_color, shade(0.96, @bg_color)) + text[PRELIGHT] = @selected_fg_color + text[SELECTED] = @selected_fg_color + text[INSENSITIVE] = mix(0.6, @fg_color, @bg_color) + + engine "pixmap" { + image { + function = BOX + recolorable = TRUE + state = PRELIGHT + file = "Others/top.png" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + } +} + +style "ooo_stepper_hack" { + GtkScrollbar::stepper-size = 8 + GtkScrollbar::has-backward-stepper = 1 + GtkScrollbar::has-forward-stepper = 1 +} + +class "GtkWindow" style "toplevel_hack" +widget "*libreoffice-toplevel*" style "ooo_stepper_hack" +widget "*libreoffice-toplevel*GtkToolbar" style "toolbar" +widget "*libreoffice-toplevel*GtkMenuBar" style "menubar_libreoffice" +widget "*libreoffice-toplevel*GtkMenuBar.*GtkMenuItem" style "menubar_item_libreoffice" +# widget "*libreoffice-toplevel*GtkEntry" style "libreoffice_entry" +# widget "*libreoffice-toplevel*GtkSpinButton" style "libreoffice_entry" + +style "darkback" + { + engine "pixmap" + { + image + { + function = SHADOW + file = "Others/.trans_bg.png" + border = {0, 0, 0, 0} + stretch = FALSE + } + image + { + function = BOX + recolorable = FALSE + state =PRELIGHT + file = "Others/.trans_bg.png" + border = { 0, 0, 0, 0 } + stretch = FALSE + } + image + { + function = BOX + recolorable = FALSE + state = ACTIVE + file = "Others/.trans_bg.png" + border = { 0, 0, 0, 0 } + stretch = FALSE + + } + image + { + function = BOX + recolorable = FALSE + file = "Others/.trans_bg.png" + border = { 0, 0, 0, 0 } + stretch = FALSE + + } + + } +# bg[NORMAL] = "#1F2322" +# bg[NORMAL] = "#5D8E58" + bg[NORMAL] = "#2b2b2b" + bg[ACTIVE] = "#2b2b2b" + bg[PRELIGHT] = "#2b2b2b" + fg[NORMAL] = "#ECF0F1" + fg[ACTIVE] = "#ECF0F1" + fg[PRELIGHT] = "#ECF0F1" + fg[INSENSITIVE] = "#ECF0F1" + + } +widget "whiskermenu-window*" style "darkback" + + +style "darktree" +{ + base[NORMAL] = "#2b2b2b" + base[ACTIVE] = "#C5A68E" + text[NORMAL] = "#ECF0F1" + text[ACTIVE] = "#FFFFFF" + engine "pixmap" + { + image + { + function = SHADOW + file = "Others/.trans_bg.png" + border = {0, 0, 0, 0} + stretch = FALSE + } + image + { + function = BOX + recolorable = FALSE + state =PRELIGHT + file = "Others/.trans_bg.png" + border = { 0, 0, 0, 0 } + stretch = FALSE + } + image + { + function = BOX + recolorable = FALSE + state = ACTIVE + file = "Others/.trans_bg.png" + border = { 0, 0, 0, 0 } + stretch = FALSE + + } + + } +} +widget "whiskermenu-window*TreeView*" style "darktree" + +style "darkentry" +{ + bg_pixmap[NORMAL] = "Others/.trans_bg.png" + base[NORMAL] = "#2b2b2b" + base[ACTIVE] = "#C5A68E" + text[NORMAL] = "#ECF0F1" + text[ACTIVE] = "#ECF0F1" +} +widget "whiskermenu-window*GtkEntry*" style "darkentry"
A
themes/whitey/gtk-2.0/3rd-party.rc
@@ -0,0 +1,446 @@
+# +# XFce4 +# +style "theme-panel" { + xthickness = 0 + ythickness = 0 + + bg[NORMAL] = "#2b2b2b" + bg[ACTIVE] = @selected_bg_color + bg[PRELIGHT] = shade(1.1, @selected_bg_color) + bg[SELECTED] = @selected_bg_color + fg[NORMAL] = mix(0.8, @selected_fg_color, shade(0.96, @fg_color)) + fg[PRELIGHT] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + text[NORMAL] = mix(0.8, @selected_fg_color, shade(0.96, @fg_color)) + text[PRELIGHT] = "#FFFFFF" + text[ACTIVE] = "#FFFFFF" + text[SELECTED] = "#FFFFFF" + + font_name = "Medium" +} + +style "panelbar" { + fg[NORMAL] = mix(0.8, @selected_fg_color, shade(0.96, @fg_color)) + fg[ACTIVE] = @selected_fg_color + fg[PRELIGHT] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + bg[SELECTED] = @selected_bg_color + + font_name = "Medium" +} + +style "panelbuttons" { + xthickness = 2 + ythickness = 0 + + fg[NORMAL] = mix(0.8, @selected_fg_color, shade(0.96, @fg_color)) + fg[PRELIGHT] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = mix(0.4, @selected_fg_color, @fg_color) + + font_name = "Medium" + + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "Others/null.svg" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + image { + function = BOX + state = ACTIVE + file = "Others/top.png" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + image { + function = BOX + state = PRELIGHT + file = "Others/top-hover.png" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + image { + function = BOX + state = INSENSITIVE + file = "Others/null.svg" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + } +} + +style "theme-panel-text" { + fg[NORMAL] = mix(0.8, @selected_fg_color, shade(0.96, @fg_color)) + fg[PRELIGHT] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + text[NORMAL] = mix(0.8, @selected_fg_color, shade(0.96, @fg_color)) + text[PRELIGHT] = @selected_fg_color + text[ACTIVE] = @selected_fg_color + + font_name = "Medium" +} + +style "panel-entry" { + fg[NORMAL] = mix(0.8, @selected_fg_color, shade(0.96, @fg_color)) + fg[PRELIGHT] = "#ECEFF1" + fg[ACTIVE] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = mix(0.4, @selected_fg_color, @fg_color) + text[NORMAL] = mix(0.8, @selected_fg_color, shade(0.96, @fg_color)) + text[PRELIGHT] = "#ECEFF1" + text[ACTIVE] = @selected_fg_color + text[SELECTED] = @selected_fg_color + text[INSENSITIVE] = mix(0.4, @selected_fg_color, @fg_color) +} + +style "theme-main-menu-text" = "theme-panel-text" { + fg[PRELIGHT] = @selected_fg_color + text[PRELIGHT] = @selected_fg_color +} + +style "workspace-switcher" = "theme-panel" { + bg[NORMAL] = @fg_color + bg[SELECTED] = @selected_bg_color +} + +style "indicator" = "panelbuttons" { + xthickness = 2 + ythickness = 0 +} + +widget "*tasklist*" style "panelbuttons" +widget_class "*Xfce*Panel*.GtkToggleButton" style "panelbuttons" +widget_class "*Xfce*NetkTasklist*GtkToggleButton" style "panelbuttons" +widget_class "*PanelToplevel*Button" style "panelbuttons" +widget_class "*Panel*GtkToggleButton" style "panelbuttons" +widget_class "*Xfce*Panel*Button*" style "panelbuttons" +widget_class "*<XfceArrowButton>" style "panelbuttons" +widget_class "*<XfceActionsPlugin>*" style "panelbuttons" +widget_class "*XfcePanelPlugin.GtkButton" style "panelbuttons" +widget "*dict*Applet*" style "panelbuttons" +widget_class "*Xfce*NetkTasklist*GtkToggleButton" style "panelbuttons" +widget_class "*Tasklist*" style:highest "panelbuttons" +widget_class "*Mixer*" style:highest "panelbuttons" + +class "*Panel*MenuBar*" style "panelbar" +widget_class "*Panel*MenuBar*" style "panelbar" +widget_class "*Panel*MenuBar*Item*" style:highest "panelbar" + +widget "*PanelWidget*" style "theme-panel" +widget "*PanelApplet*" style "theme-panel" +widget "*fast-user-switch*" style "theme-panel" +widget "*CPUFreq*Applet*" style "theme-panel" +widget "*TopMenu*" style "theme-panel" +class "PanelApp*" style "theme-panel" +class "PanelToplevel*" style "theme-panel" +widget_class "*PanelToplevel*" style "theme-panel" +widget_class "*notif*" style "theme-panel" +widget_class "*Notif*" style "theme-panel" +widget_class "*Tray*" style "theme-panel" +widget_class "*tray*" style "theme-panel" +widget_class "*computertemp*" style "theme-panel" +widget_class "*Applet*Tomboy*" style "theme-panel" +widget_class "*Applet*Netstatus*" style "theme-panel" + +# Fixes for tooltip text in some apps. +widget_class "*Notif*Beagle*" style "theme-panel" +widget_class "*Notif*Brasero*" style "theme-panel" + +# XFCE panel theming. +widget "*Xfce*Panel*" style "theme-panel" +class "*Xfce*Panel*" style "theme-panel" +widget "*WnckPager*" style "workspace-switcher" + +# Fix gtk-entries in the panel +widget "*bookmark*GtkEntry" style "panel-entry" # fixes smartbookmark-plugin + +# Make sure panel text color doesn't change +widget_class "*Panel*MenuBar*" style "theme-main-menu-text" +widget_class "*Panel*<GtkMenuBar>*" style "theme-main-menu-text" +widget "*.clock-applet-button.*" style "theme-panel-text" +widget "*PanelApplet*" style "theme-panel-text" + +# Override general panel-style with specific plugin-styles +widget "*indicator-applet*" style "indicator" +widget "*indicator-button*" style "indicator" + + +# +# Eclipse/SWT +# +style "eclipse-tooltips" { + xthickness = 9 + ythickness = 9 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + bg[SELECTED] = @tooltip_bg_color + # bg[NORMAL] = @base_color + # fg[NORMAL] = @text_color + # bg[SELECTED] = @base_color +} + +style "null" { + engine "pixmap" { + image { + function = BOX + file = "Others/null.svg" + stretch = TRUE + } + } +} + +widget "gtk-tooltips*" style "eclipse-tooltips" +widget "*swt-toolbar-flat" style "null" + + +# +# Chrome(ium) +# +style "chrome-gtk-frame" { + ChromeGtkFrame::frame-color = "#2A373E" + ChromeGtkFrame::inactive-frame-color = "#2A373E" + ChromeGtkFrame::incognito-frame-color = "#2A373E" + ChromeGtkFrame::incognito-inactive-frame-color = "#2A373E" + + ChromeGtkFrame::frame-gradient-size = 0 + ChromeGtkFrame::frame-gradient-color = "#2A373E" + ChromeGtkFrame::inactive-frame-gradient-color = "#2A373E" + ChromeGtkFrame::incognito-frame-gradient-color = "#2A373E" + ChromeGtkFrame::incognito-inactive-frame-gradient-color = "#2A373E" + + ChromeGtkFrame::scrollbar-slider-prelight-color = "#C3C6C8" + ChromeGtkFrame::scrollbar-slider-normal-color = "#A5AAAD" + ChromeGtkFrame::scrollbar-trough-color = @base_color +} + +style "chrome_menu_item" { + bg[SELECTED] = mix(0.9, @base_color, @fg_color) + fg[SELECTED] = shade(0.96, @fg_color) +} + +class "ChromeGtkFrame" style "chrome-gtk-frame" +widget_class "*Chrom*Button*" style "flat_button" +widget_class "*<GtkCustomMenu>*<GtkCustomMenuItem>*" style "chrome_menu_item" + +# We use this weird selector to target an offscreen entry as created +# by Chrome/Chromium to derive the style for its toolbar +widget_class "<GtkEntry>" style "standalone_entry" + + +# +# Openoffice, Libreoffice +# +style "libreoffice_entry" { + engine "pixmap" { + image { + function = FLAT_BOX + detail = "entry_bg" + state = NORMAL + overlay_file = "Others/null.svg" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = TRUE + } + image { + function = FLAT_BOX + detail = "entry_bg" + state = ACTIVE + overlay_file = "Others/null.svg" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = TRUE + } + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + } +} + +style "menubar_libreoffice" { + xthickness = 0 + ythickness = 0 + + bg[NORMAL] = @bg_color + fg[NORMAL] = mix(0.8, @fg_color, @selected_fg_color) + fg[PRELIGHT] = shade(0.96, @fg_color) + fg[SELECTED] = shade(0.96, @fg_color) + fg[INSENSITIVE] = mix(0.6, @fg_color, @selected_fg_color) + text[NORMAL] = mix(0.8, @fg_color, @selected_fg_color) + text[PRELIGHT] = shade(0.96, @fg_color) + text[SELECTED] = shade(0.96, @fg_color) + text[INSENSITIVE] = mix(0.6, @fg_color, @selected_fg_color) + + engine "pixmap" { + image { + function = BOX + file = "Shadows/z-depth-1.svg" + border = { 1, 1, 1, 1 } + stretch = TRUE + recolorable = TRUE + } + } +} + +style "menubar_item_libreoffice" { + xthickness = 3 + ythickness = 6 + + bg[PRELIGHT] = @bg_color + bg[SELECTED] = @bg_color + fg[NORMAL] = mix(0.8, @fg_color, @selected_fg_color) + fg[PRELIGHT] = shade(0.96, @fg_color) + fg[SELECTED] = shade(0.96, @fg_color) + fg[INSENSITIVE] = mix(0.6, @fg_color, @selected_fg_color) + text[NORMAL] = mix(0.8, @fg_color, @selected_fg_color) + text[PRELIGHT] = shade(0.96, @fg_color) + text[SELECTED] = shade(0.96, @fg_color) + text[INSENSITIVE] = mix(0.6, @fg_color, @selected_fg_color) + + engine "pixmap" { + image { + function = BOX + recolorable = TRUE + state = PRELIGHT + file = "Others/top.png" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + } +} + +style "ooo_stepper_hack" { + GtkScrollbar::stepper-size = 8 + GtkScrollbar::has-backward-stepper = 1 + GtkScrollbar::has-forward-stepper = 1 +} + +class "GtkWindow" style "toplevel_hack" +widget "*libreoffice-toplevel*" style "ooo_stepper_hack" +widget "*libreoffice-toplevel*GtkToolbar" style "toolbar" +widget "*libreoffice-toplevel*GtkMenuBar" style "menubar_libreoffice" +widget "*libreoffice-toplevel*GtkMenuBar.*GtkMenuItem" style "menubar_item_libreoffice" +# widget "*libreoffice-toplevel*GtkEntry" style "libreoffice_entry" +# widget "*libreoffice-toplevel*GtkSpinButton" style "libreoffice_entry" + +style "darkback" + { + engine "pixmap" + { + image + { + function = SHADOW + file = "Others/.trans_bg.png" + border = {0, 0, 0, 0} + stretch = FALSE + } + image + { + function = BOX + recolorable = FALSE + state =PRELIGHT + file = "Others/.trans_bg.png" + border = { 0, 0, 0, 0 } + stretch = FALSE + } + image + { + function = BOX + recolorable = FALSE + state = ACTIVE + file = "Others/.trans_bg.png" + border = { 0, 0, 0, 0 } + stretch = FALSE + + } + image + { + function = BOX + recolorable = FALSE + file = "Others/.trans_bg.png" + border = { 0, 0, 0, 0 } + stretch = FALSE + + } + + } +# bg[NORMAL] = "#1F2322" +# bg[NORMAL] = "#5D8E58" + bg[NORMAL] = "#2b2b2b" + bg[ACTIVE] = "#2b2b2b" + bg[PRELIGHT] = "#2b2b2b" + fg[NORMAL] = "#ECF0F1" + fg[ACTIVE] = "#ECF0F1" + fg[PRELIGHT] = "#ECF0F1" + fg[INSENSITIVE] = "#ECF0F1" + + } +widget "whiskermenu-window*" style "darkback" + + +style "darktree" +{ + base[NORMAL] = "#2b2b2b" + base[ACTIVE] = "#E8E8E8" + text[NORMAL] = "#ECF0F1" + text[ACTIVE] = "#FFFFFF" + engine "pixmap" + { + image + { + function = SHADOW + file = "Others/.trans_bg.png" + border = {0, 0, 0, 0} + stretch = FALSE + } + image + { + function = BOX + recolorable = FALSE + state =PRELIGHT + file = "Others/.trans_bg.png" + border = { 0, 0, 0, 0 } + stretch = FALSE + } + image + { + function = BOX + recolorable = FALSE + state = ACTIVE + file = "Others/.trans_bg.png" + border = { 0, 0, 0, 0 } + stretch = FALSE + + } + + } +} +widget "whiskermenu-window*TreeView*" style "darktree" + +style "darkentry" +{ + bg_pixmap[NORMAL] = "Others/.trans_bg.png" + base[NORMAL] = "#2b2b2b" + base[ACTIVE] = "#E8E8E8" + text[NORMAL] = "#ECF0F1" + text[ACTIVE] = "#ECF0F1" +} +widget "whiskermenu-window*GtkEntry*" style "darkentry"
A
themes/whitey/gtk-2.0/assets.txt
@@ -0,0 +1,40 @@
+Check-Radio/check-on +Check-Radio/check-on-hover +Check-Radio/check-on-active +Check-Radio/check-on-insensitive +Check-Radio/check-on-dark +Check-Radio/check-on-hover-dark +Check-Radio/check-on-active-dark +Check-Radio/check-on-insensitive-dark +Check-Radio/radio-on +Check-Radio/radio-on-hover +Check-Radio/radio-on-active +Check-Radio/radio-on-insensitive +Check-Radio/radio-on-dark +Check-Radio/radio-on-hover-dark +Check-Radio/radio-on-active-dark +Check-Radio/radio-on-insensitive-dark + +Buttons/button-active +Buttons/button-active-dark +Buttons/flat-button-active +Buttons/flat-button-active-dark +Buttons/checked-flat-button +Buttons/checked-flat-button-hover +Buttons/checked-flat-button-active +Buttons/checked-flat-button-insensitive +Buttons/rtl-button-active +Buttons/rtl-button-active-dark +Buttons/ltr-button-active +Buttons/ltr-button-active-dark + +Others/top +Others/bottom +Others/left +Others/right + +ProgressBar/bar + +Range/scale-slider +Range/scale-slider-hover +Range/scale-slider-active
A
themes/whitey/gtk-2.0/assets_fix.svg
@@ -0,0 +1,12191 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="320" + height="820" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="assets.svg"> + <defs + id="defs4"> + <filter + inkscape:label="Drop Shadow" + id="filter3767" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779" /> + <feFlood + id="feFlood3781" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3886"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect3888" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3896"> + <rect + y="652.36218" + x="40" + height="40" + width="40" + id="rect3898" + style="fill:#333333;fill-opacity:1;stroke:none" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3839"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3841" + width="20" + height="40" + x="20" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3845"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3847" + width="20" + height="40" + x="60" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3851"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3853" + width="20" + height="40" + x="100" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3855"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3857" + width="20" + height="40" + x="60" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3861"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3863" + width="20" + height="40" + x="140" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3865"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3867" + width="20" + height="40" + x="140" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3931"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3933" + width="160" + height="20" + x="-280" + y="652.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3935"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3937" + width="160" + height="20" + x="-200" + y="652.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3939"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3941" + width="160" + height="20" + x="-120" + y="652.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3943"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3945" + width="160" + height="20" + x="-40" + y="652.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3947"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3949" + width="160" + height="20" + x="0" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3951"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3953" + width="160" + height="20" + x="0" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3955"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3957" + width="160" + height="20" + x="0" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3959"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3961" + width="160" + height="20" + x="0" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4047"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4049" + width="160" + height="20" + x="-280" + y="672.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4051"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4053" + width="160" + height="20" + x="-200" + y="672.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4055"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4057" + width="160" + height="20" + x="-120" + y="672.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4059"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4061" + width="160" + height="20" + x="-40" + y="672.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4063"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4065" + width="160" + height="20" + x="0" + y="672.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4067"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4069" + width="160" + height="20" + x="0" + y="672.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4071"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4073" + width="160" + height="20" + x="0" + y="672.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4075"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4077" + width="160" + height="20" + x="0" + y="672.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4109"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect4111" + width="20" + height="40" + x="0" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4113"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect4115" + width="20" + height="40" + x="40" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4117"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect4119" + width="20" + height="40" + x="80" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4347"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4349" + width="24" + height="24" + x="8" + y="900.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4353"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4355" + width="24" + height="24" + x="48" + y="900.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4359"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4361" + width="24" + height="24" + x="88" + y="900.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4363"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4365" + width="24" + height="24" + x="88" + y="900.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4371"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4373" + width="24" + height="24" + x="8" + y="368" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4377"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4379" + width="24" + height="24" + x="8" + y="368" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4385"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4387" + width="24" + height="24" + x="8" + y="368" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4389"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4391" + width="24" + height="24" + x="8" + y="368" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4397"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4399" + width="24" + height="24" + x="8" + y="448" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4401"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4403" + width="24" + height="24" + x="8" + y="368" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4407"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4409" + width="24" + height="24" + x="48" + y="448" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4411"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4413" + width="24" + height="24" + x="8" + y="368" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4417"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4419" + width="24" + height="24" + x="88" + y="448" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4421"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4423" + width="24" + height="24" + x="8" + y="368" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4425"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4427" + width="24" + height="24" + x="8" + y="368" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4431"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4433" + width="24" + height="24" + x="8" + y="408" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4435"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4437" + width="24" + height="24" + x="8" + y="980.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4449"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4451" + width="24" + height="24" + x="48" + y="980.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4453"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4455" + width="24" + height="24" + x="48" + y="980.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4457"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4459" + width="24" + height="24" + x="88" + y="980.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4461"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4463" + width="24" + height="24" + x="88" + y="980.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4465"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4467" + width="24" + height="24" + x="88" + y="980.36218" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter4602" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4604" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite4606" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur4608" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset4610" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite4612" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix4614" /> + <feFlood + id="feFlood4616" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite4618" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur4620" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset4622" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite4624" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3896-3"> + <rect + y="652.36218" + x="40" + height="40" + width="40" + id="rect3898-8" + style="fill:#333333;fill-opacity:1;stroke:none" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter4602-7" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4604-2" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite4606-7" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur4608-7" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset4610-4" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite4612-9" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix4614-7" /> + <feFlood + id="feFlood4616-5" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite4618-4" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur4620-6" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset4622-2" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite4624-1" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4666"> + <rect + y="652.36218" + x="40" + height="40" + width="40" + id="rect4668" + style="fill:#333333;fill-opacity:1;stroke:none" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter4670" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4672" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite4674" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur4676" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset4678" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite4680" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix4682" /> + <feFlood + id="feFlood4684" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite4686" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur4688" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset4690" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite4692" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3886-1"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect3888-6" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter3767-2" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769-3" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771-0" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773-5" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775-6" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777-5" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779-3" /> + <feFlood + id="feFlood3781-5" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783-9" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785-8" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787-3" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789-2" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4047-9"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4049-5" + width="160" + height="20" + x="-280" + y="672.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3865-2"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3867-2" + width="20" + height="40" + x="140" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3861-0"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3863-2" + width="20" + height="40" + x="140" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4051-7"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4053-6" + width="160" + height="20" + x="-200" + y="672.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3855-8"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3857-3" + width="20" + height="40" + x="60" + y="652.36218" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter4602-3" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4604-9" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite4606-3" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur4608-8" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset4610-1" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite4612-3" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix4614-1" /> + <feFlood + id="feFlood4616-4" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite4618-1" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur4620-2" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset4622-4" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite4624-9" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3851-0"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3853-4" + width="20" + height="40" + x="100" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4055-5"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4057-1" + width="160" + height="20" + x="-120" + y="672.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3845-2"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3847-7" + width="20" + height="40" + x="60" + y="652.36218" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter4898" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4900" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite4902" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur4904" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset4906" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite4908" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix4910" /> + <feFlood + id="feFlood4912" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite4914" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur4916" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset4918" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite4920" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4059-9"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4061-7" + width="160" + height="20" + x="-40" + y="672.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3839-1"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3841-9" + width="20" + height="40" + x="20" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter3767-23" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769-1" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771-4" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773-7" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775-0" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777-0" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779-5" /> + <feFlood + id="feFlood3781-3" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783-5" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785-6" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787-8" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789-3" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4063-9"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4065-2" + width="160" + height="20" + x="0" + y="672.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4940"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4942" + width="20" + height="40" + x="140" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4944"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4946" + width="20" + height="40" + x="140" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4067-4"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4069-3" + width="160" + height="20" + x="0" + y="672.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4950"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4952" + width="20" + height="40" + x="60" + y="652.36218" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter4954" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4956" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite4958" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur4960" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset4962" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite4964" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix4966" /> + <feFlood + id="feFlood4968" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite4970" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur4972" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset4974" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite4976" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4978"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4980" + width="20" + height="40" + x="100" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4071-5"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4073-8" + width="160" + height="20" + x="0" + y="672.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4984"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4986" + width="20" + height="40" + x="60" + y="652.36218" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter4988" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4990" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite4992" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur4994" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset4996" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite4998" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5000" /> + <feFlood + id="feFlood5002" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5004" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5006" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset5008" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5010" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4075-0"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4077-5" + width="160" + height="20" + x="0" + y="672.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5014"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5016" + width="20" + height="40" + x="20" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter5018" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5020" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5022" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur5024" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5026" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5028" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5030" /> + <feFlood + id="feFlood5032" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5034" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5036" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset5038" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5040" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3931-8"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3933-4" + width="160" + height="20" + x="-280" + y="652.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5044"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5046" + width="20" + height="40" + x="140" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5048"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5050" + width="20" + height="40" + x="140" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3935-0"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3937-2" + width="160" + height="20" + x="-200" + y="652.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5054"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5056" + width="20" + height="40" + x="60" + y="652.36218" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter5058" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5060" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5062" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur5064" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5066" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5068" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5070" /> + <feFlood + id="feFlood5072" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5074" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5076" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset5078" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5080" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5082"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5084" + width="20" + height="40" + x="100" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3939-8"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3941-9" + width="160" + height="20" + x="-120" + y="652.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5088"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5090" + width="20" + height="40" + x="60" + y="652.36218" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter5092" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5094" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5096" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur5098" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5100" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5102" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5104" /> + <feFlood + id="feFlood5106" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5108" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5110" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset5112" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5114" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3943-1"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3945-6" + width="160" + height="20" + x="-40" + y="652.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5118"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5120" + width="20" + height="40" + x="20" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter5122" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5124" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5126" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur5128" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5130" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5132" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5134" /> + <feFlood + id="feFlood5136" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5138" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5140" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset5142" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5144" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3947-0"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3949-2" + width="160" + height="20" + x="0" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5148"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5150" + width="20" + height="40" + x="140" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5152"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5154" + width="20" + height="40" + x="140" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3951-0"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3953-5" + width="160" + height="20" + x="0" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5158"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5160" + width="20" + height="40" + x="60" + y="652.36218" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter5162" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5164" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5166" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur5168" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5170" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5172" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5174" /> + <feFlood + id="feFlood5176" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5178" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5180" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset5182" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5184" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5186"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5188" + width="20" + height="40" + x="100" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3955-3"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3957-5" + width="160" + height="20" + x="0" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5192"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5194" + width="20" + height="40" + x="60" + y="652.36218" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter5196" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5198" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5200" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur5202" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5204" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5206" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5208" /> + <feFlood + id="feFlood5210" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5212" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5214" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset5216" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5218" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3959-3"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3961-6" + width="160" + height="20" + x="0" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5222"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5224" + width="20" + height="40" + x="20" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter5226" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5228" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5230" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur5232" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5234" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5236" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5238" /> + <feFlood + id="feFlood5240" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5242" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5244" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset5246" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5248" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5250"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5252" + width="20" + height="40" + x="140" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5254"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5256" + width="20" + height="40" + x="140" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5258"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5260" + width="20" + height="40" + x="60" + y="652.36218" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter5262" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5264" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5266" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur5268" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5270" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5272" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5274" /> + <feFlood + id="feFlood5276" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5278" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5280" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset5282" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5284" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5286"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5288" + width="20" + height="40" + x="100" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5290"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5292" + width="20" + height="40" + x="60" + y="652.36218" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter5294" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5296" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5298" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur5300" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5302" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5304" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5306" /> + <feFlood + id="feFlood5308" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5310" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5312" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset5314" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5316" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5318"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5320" + width="20" + height="40" + x="20" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter5322" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5324" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5326" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur5328" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5330" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5332" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5334" /> + <feFlood + id="feFlood5336" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5338" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5340" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset5342" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5344" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5346"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5348" + width="20" + height="40" + x="140" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5350"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5352" + width="20" + height="40" + x="140" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5354"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5356" + width="20" + height="40" + x="60" + y="652.36218" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter5358" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5360" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5362" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur5364" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5366" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5368" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5370" /> + <feFlood + id="feFlood5372" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5374" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5376" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset5378" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5380" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5382"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5384" + width="20" + height="40" + x="100" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5386"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5388" + width="20" + height="40" + x="60" + y="652.36218" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter5390" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5392" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5394" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur5396" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5398" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5400" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5402" /> + <feFlood + id="feFlood5404" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5406" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5408" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset5410" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5412" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5414"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5416" + width="20" + height="40" + x="20" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter5418" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5420" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5422" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur5424" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5426" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5428" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5430" /> + <feFlood + id="feFlood5432" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5434" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5436" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset5438" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5440" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3865-3"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3867-0" + width="20" + height="40" + x="140" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3861-5"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3863-26" + width="20" + height="40" + x="140" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath6433"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect6435" + width="20" + height="40" + x="140" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath6437"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect6439" + width="20" + height="40" + x="140" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3896-3-1"> + <rect + y="652.36218" + x="40" + height="40" + width="40" + id="rect3898-8-5" + style="fill:#333333;fill-opacity:1;stroke:none" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter4602-7-1" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4604-2-6" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite4606-7-7" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur4608-7-2" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset4610-4-7" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite4612-9-8" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix4614-7-8" /> + <feFlood + id="feFlood4616-5-6" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite4618-4-2" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur4620-6-7" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset4622-2-0" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite4624-1-2" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3886-1-5"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect3888-6-9" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter3767-2-2" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769-3-0" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771-0-4" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773-5-6" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775-6-7" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777-5-1" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779-3-2" /> + <feFlood + id="feFlood3781-5-5" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783-9-0" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785-8-2" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787-3-8" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789-2-1" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3886-1-5-6"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect3888-6-9-1" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter3767-2-2-9" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769-3-0-6" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771-0-4-1" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773-5-6-5" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775-6-7-8" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777-5-1-1" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779-3-2-8" /> + <feFlood + id="feFlood3781-5-5-3" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783-9-0-6" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785-8-2-9" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787-3-8-5" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789-2-1-8" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3886-1-5-6-5"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect3888-6-9-1-7" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter3767-2-2-9-3" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769-3-0-6-0" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771-0-4-1-9" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773-5-6-5-7" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775-6-7-8-0" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777-5-1-1-3" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779-3-2-8-1" /> + <feFlood + id="feFlood3781-5-5-3-4" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783-9-0-6-9" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785-8-2-9-4" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787-3-8-5-5" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789-2-1-8-8" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3896-3-1-5"> + <rect + y="652.36218" + x="40" + height="40" + width="40" + id="rect3898-8-5-1" + style="fill:#333333;fill-opacity:1;stroke:none" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter4602-7-1-9" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4604-2-6-4" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite4606-7-7-7" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur4608-7-2-2" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset4610-4-7-2" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite4612-9-8-8" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix4614-7-8-3" /> + <feFlood + id="feFlood4616-5-6-0" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite4618-4-2-1" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur4620-6-7-1" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset4622-2-0-9" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite4624-1-2-6" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3886-1-5-9"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect3888-6-9-5" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter3767-2-2-94" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769-3-0-4" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771-0-4-5" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773-5-6-7" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775-6-7-4" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777-5-1-2" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779-3-2-7" /> + <feFlood + id="feFlood3781-5-5-7" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783-9-0-3" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785-8-2-3" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787-3-8-8" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789-2-1-9" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3886-1-5-6-1"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect3888-6-9-1-9" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter3767-2-2-9-5" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769-3-0-6-9" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771-0-4-1-3" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773-5-6-5-70" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775-6-7-8-6" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777-5-1-1-9" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779-3-2-8-8" /> + <feFlood + id="feFlood3781-5-5-3-6" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783-9-0-6-4" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785-8-2-9-7" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787-3-8-5-2" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789-2-1-8-1" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3896-3-1-2"> + <rect + y="652.36218" + x="40" + height="40" + width="40" + id="rect3898-8-5-17" + style="fill:#333333;fill-opacity:1;stroke:none" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter4602-7-1-7" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4604-2-6-9" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite4606-7-7-6" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur4608-7-2-24" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset4610-4-7-4" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite4612-9-8-4" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix4614-7-8-30" /> + <feFlood + id="feFlood4616-5-6-1" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite4618-4-2-6" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur4620-6-7-7" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset4622-2-0-4" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite4624-1-2-7" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3886-1-5-8"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect3888-6-9-0" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter3767-2-2-8" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769-3-0-1" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771-0-4-7" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773-5-6-0" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775-6-7-0" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777-5-1-6" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779-3-2-86" /> + <feFlood + id="feFlood3781-5-5-38" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783-9-0-0" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785-8-2-6" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787-3-8-2" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789-2-1-2" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4117-5"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect4119-0" + width="20" + height="40" + x="80" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3886-18"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect3888-65" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter3767-8" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769-18" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771-8" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773-3" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775-5" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777-1" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779-0" /> + <feFlood + id="feFlood3781-7" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783-1" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785-0" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787-87" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789-5" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5117"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect5119" + width="20" + height="40" + x="80" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5121"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect5123" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter5125" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5127" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5129" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur5131" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5133" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5135" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5137" /> + <feFlood + id="feFlood5139" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5141" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5143" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset5145" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5147" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4117-5-3"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect4119-0-5" + width="20" + height="40" + x="80" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3886-18-2"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect3888-65-7" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter3767-8-4" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769-18-9" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771-8-8" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773-3-5" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775-5-7" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777-1-6" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779-0-0" /> + <feFlood + id="feFlood3781-7-7" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783-1-7" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785-0-1" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787-87-6" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789-5-2" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5259"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect5261" + width="20" + height="40" + x="80" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5263"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect5265" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter5267" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5269" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5271" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur5273" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5275" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5277" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5279" /> + <feFlood + id="feFlood5281" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5283" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5285" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset5287" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5289" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4117-5-3-6"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect4119-0-5-8" + width="20" + height="40" + x="80" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3886-18-2-0"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect3888-65-7-8" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter3767-8-4-2" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769-18-9-3" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771-8-8-3" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773-3-5-2" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775-5-7-7" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777-1-6-8" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779-0-0-9" /> + <feFlood + id="feFlood3781-7-7-1" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783-1-7-6" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785-0-1-3" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787-87-6-2" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789-5-2-6" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5401"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect5403" + width="20" + height="40" + x="80" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5405"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect5407" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter5409" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5411" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5413" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur5415" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5417" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5419" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5421" /> + <feFlood + id="feFlood5423" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5425" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5427" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset5429" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5431" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4113-2"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect4115-5" + width="20" + height="40" + x="40" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3896-5"> + <rect + y="652.36218" + x="40" + height="40" + width="40" + id="rect3898-0" + style="fill:#333333;fill-opacity:1;stroke:none" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter4602-4" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4604-8" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite4606-8" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur4608-3" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset4610-5" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite4612-4" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix4614-3" /> + <feFlood + id="feFlood4616-7" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite4618-5" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur4620-5" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset4622-0" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite4624-8" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5543"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect5545" + width="20" + height="40" + x="40" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5547"> + <rect + y="652.36218" + x="40" + height="40" + width="40" + id="rect5549" + style="fill:#333333;fill-opacity:1;stroke:none" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter5551" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5553" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5555" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur5557" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5559" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5561" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5563" /> + <feFlood + id="feFlood5565" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5567" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5569" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset5571" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5573" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4117-5-2"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect4119-0-4" + width="20" + height="40" + x="80" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3886-18-8"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect3888-65-1" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter3767-8-6" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769-18-0" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771-8-4" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773-3-53" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775-5-8" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777-1-3" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779-0-9" /> + <feFlood + id="feFlood3781-7-8" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783-1-77" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785-0-7" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787-87-2" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789-5-4" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5685"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect5687" + width="20" + height="40" + x="80" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5689"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect5691" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter5693" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5695" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5697" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur5699" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5701" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5703" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5705" /> + <feFlood + id="feFlood5707" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5709" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5711" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset5713" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5715" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4113-2-3"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect4115-5-5" + width="20" + height="40" + x="40" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3896-5-3"> + <rect + y="652.36218" + x="40" + height="40" + width="40" + id="rect3898-0-8" + style="fill:#333333;fill-opacity:1;stroke:none" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter4602-4-0" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4604-8-3" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite4606-8-8" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur4608-3-0" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset4610-5-5" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite4612-4-5" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix4614-3-9" /> + <feFlood + id="feFlood4616-7-7" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite4618-5-9" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur4620-5-1" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset4622-0-3" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite4624-8-8" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5733"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect5735" + width="20" + height="40" + x="40" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5737"> + <rect + y="652.36218" + x="40" + height="40" + width="40" + id="rect5739" + style="fill:#333333;fill-opacity:1;stroke:none" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter5741" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5743" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5745" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur5747" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5749" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5751" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5753" /> + <feFlood + id="feFlood5755" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5757" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5759" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset5761" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5763" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4117-5-3-4"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect4119-0-5-1" + width="20" + height="40" + x="80" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3886-18-2-08"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect3888-65-7-84" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter3767-8-4-8" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769-18-9-1" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771-8-8-37" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773-3-5-1" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775-5-7-2" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777-1-6-6" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779-0-0-5" /> + <feFlood + id="feFlood3781-7-7-8" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783-1-7-9" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785-0-1-31" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787-87-6-0" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789-5-2-5" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5781"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect5783" + width="20" + height="40" + x="80" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5785"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect5787" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter5789" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5791" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5793" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur5795" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5797" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5799" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5801" /> + <feFlood + id="feFlood5803" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5805" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5807" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset5809" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5811" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4476"> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="rect4478" + width="40" + height="40" + x="125" + y="5" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4412"> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="rect4414" + width="40" + height="40" + x="125" + y="5" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4416"> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="rect4418" + width="40" + height="40" + x="125" + y="5" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4420"> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="rect4422" + width="40" + height="40" + x="125" + y="5" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4424"> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="rect4426" + width="40" + height="40" + x="125" + y="5" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4428"> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="rect4430" + width="40" + height="40" + x="125" + y="5" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4432"> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="rect4434" + width="40" + height="40" + x="125" + y="5" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4436"> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="rect4438" + width="40" + height="40" + x="125" + y="5" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4440"> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="rect4442" + width="40" + height="40" + x="125" + y="5" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4444"> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="rect4446" + width="40" + height="40" + x="125" + y="5" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4448"> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="rect4450" + width="40" + height="40" + x="125" + y="5" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4452"> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="rect4454" + width="40" + height="40" + x="125" + y="5" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4476-2"> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="rect4478-8" + width="40" + height="40" + x="125" + y="5" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4494"> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="rect4496" + width="40" + height="40" + x="125" + y="5" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4498"> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="rect4500" + width="40" + height="40" + x="125" + y="5" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4502"> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="rect4504" + width="40" + height="40" + x="125" + y="5" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4476-26"> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="rect4478-7" + width="40" + height="40" + x="125" + y="5" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4059-9-5"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4061-7-6" + width="160" + height="20" + x="-40" + y="672.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3839-1-9"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3841-9-5" + width="20" + height="40" + x="20" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter3767-23-0" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769-1-1" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771-4-2" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773-7-3" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775-0-6" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777-0-7" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779-5-1" /> + <feFlood + id="feFlood3781-3-8" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783-5-1" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785-6-7" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787-8-9" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789-3-2" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4075-0-4"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4077-5-3" + width="160" + height="20" + x="0" + y="672.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5861"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5863" + width="20" + height="40" + x="20" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter5865" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5867" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5869" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur5871" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5873" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5875" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5877" /> + <feFlood + id="feFlood5879" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5881" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5883" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset5885" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5887" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3959-3-2"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3961-6-3" + width="160" + height="20" + x="0" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5891"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5893" + width="20" + height="40" + x="20" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter5895" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5897" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5899" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur5901" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5903" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5905" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5907" /> + <feFlood + id="feFlood5909" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5911" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5913" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset5915" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5917" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3943-1-8"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3945-6-1" + width="160" + height="20" + x="-40" + y="652.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath5921"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect5923" + width="20" + height="40" + x="20" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter5925" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5927" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite5929" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur5931" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset5933" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite5935" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix5937" /> + <feFlood + id="feFlood5939" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite5941" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur5943" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset5945" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite5947" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4059-7"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4061-0" + width="160" + height="20" + x="-40" + y="672.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3839-0"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3841-7" + width="20" + height="40" + x="20" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter3767-6" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769-2" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771-80" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773-8" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775-68" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777-9" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779-4" /> + <feFlood + id="feFlood3781-1" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783-8" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785-64" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787-2" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789-9" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4075-8"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect4077-7" + width="160" + height="20" + x="0" + y="672.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath6131"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect6133" + width="20" + height="40" + x="20" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter6135" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood6137" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite6139" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur6141" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset6143" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite6145" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6147" /> + <feFlood + id="feFlood6149" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite6151" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6153" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset6155" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite6157" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3959-9"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3961-9" + width="160" + height="20" + x="0" + y="652.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath6161"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect6163" + width="20" + height="40" + x="20" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter6165" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood6167" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite6169" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur6171" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset6173" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite6175" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6177" /> + <feFlood + id="feFlood6179" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite6181" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6183" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset6185" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite6187" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3943-0"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect3945-1" + width="160" + height="20" + x="-40" + y="652.36218" + transform="scale(-1,1)" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath6191"> + <rect + style="fill:#000000;fill-opacity:1;stroke:none" + id="rect6193" + width="20" + height="40" + x="20" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter6195" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood6197" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite6199" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur6201" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset6203" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite6205" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6207" /> + <feFlood + id="feFlood6209" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite6211" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6213" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset6215" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite6217" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3886-8"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect3888-0" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter3767-9" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769-7" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771-9" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773-54" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775-4" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777-6" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779-6" /> + <feFlood + id="feFlood3781-2" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783-19" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785-5" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787-23" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789-6" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4109-3"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect4111-8" + width="20" + height="40" + x="0" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3886-0"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect3888-64" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter3767-95" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769-4" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771-5" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773-53" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775-3" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777-53" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779-2" /> + <feFlood + id="feFlood3781-6" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783-86" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785-1" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787-6" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789-55" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath6010"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect6012" + width="20" + height="40" + x="0" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath6014"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect6016" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter6018" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood6020" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite6022" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur6024" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset6026" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite6028" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6030" /> + <feFlood + id="feFlood6032" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite6034" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6036" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset6038" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite6040" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3886-9"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect3888-4" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter3767-5" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769-44" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771-52" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773-9" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775-7" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777-7" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779-52" /> + <feFlood + id="feFlood3781-28" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783-7" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785-7" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787-1" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789-0" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3896-4"> + <rect + y="652.36218" + x="40" + height="40" + width="40" + id="rect3898-1" + style="fill:#333333;fill-opacity:1;stroke:none" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter4602-8" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4604-7" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite4606-0" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur4608-34" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset4610-0" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite4612-96" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix4614-4" /> + <feFlood + id="feFlood4616-77" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite4618-53" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur4620-3" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset4622-1" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite4624-0" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4117-1"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect4119-3" + width="20" + height="40" + x="80" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3886-4"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect3888-9" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter3767-3" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3769-8" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3771-1" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3773-99" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3775-9" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3777-61" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3779-30" /> + <feFlood + id="feFlood3781-12" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3783-88" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3785-18" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3787-37" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3789-1" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath6266"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect6268" + width="20" + height="40" + x="80" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath6270"> + <rect + style="fill:#333333;fill-opacity:1;stroke:none" + id="rect6272" + width="40" + height="40" + x="0" + y="652.36218" /> + </clipPath> + <filter + inkscape:label="Drop Shadow" + id="filter6274" + width="2" + height="2" + y="-0.5" + x="-0.5" + style="color-interpolation-filters:sRGB"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood6276" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite6278" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur6280" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset6282" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite6284" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6286" /> + <feFlood + id="feFlood6288" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite6290" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6292" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset6294" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite6296" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4113-5"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect4115-7" + width="20" + height="40" + x="40" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath3896-30"> + <rect + y="652.36218" + x="40" + height="40" + width="40" + id="rect3898-83" + style="fill:#333333;fill-opacity:1;stroke:none" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter4602-1" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4604-6" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite4606-4" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur4608-70" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset4610-50" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite4612-8" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix4614-6" /> + <feFlood + id="feFlood4616-9" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite4618-0" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur4620-67" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset4622-19" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite4624-95" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath6314"> + <rect + style="fill:#eeeeee;fill-opacity:1;stroke:none" + id="rect6316" + width="20" + height="40" + x="40" + y="742.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath6318"> + <rect + y="652.36218" + x="40" + height="40" + width="40" + id="rect6320" + style="fill:#333333;fill-opacity:1;stroke:none" /> + </clipPath> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter6322" + width="2" + height="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.239216" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood6324" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite6326" /> + <feGaussianBlur + in="composite1" + stdDeviation="1.5" + result="blur" + id="feGaussianBlur6328" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset6330" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite6332" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6334" /> + <feFlood + id="feFlood6336" + flood-opacity="0.478431" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite6338" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6340" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6342" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite6344" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="0.0" + inkscape:pageshadow="2" + inkscape:zoom="5.6568539" + inkscape:cx="165.29223" + inkscape:cy="530.01873" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + inkscape:window-width="1280" + inkscape:window-height="732" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + showguides="false"> + <inkscape:grid + type="xygrid" + id="grid2985" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + </sodipodi:namedview> + <metadata + id="metadata7"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + <cc:license + rdf:resource="http://creativecommons.org/licenses/by-sa/3.0/" /> + </cc:Work> + <cc:License + rdf:about="http://creativecommons.org/licenses/by-sa/3.0/"> + <cc:permits + rdf:resource="http://creativecommons.org/ns#Reproduction" /> + <cc:permits + rdf:resource="http://creativecommons.org/ns#Distribution" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#Notice" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#Attribution" /> + <cc:permits + rdf:resource="http://creativecommons.org/ns#DerivativeWorks" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#ShareAlike" /> + </cc:License> + </rdf:RDF> + </metadata> + <g + inkscape:groupmode="layer" + id="layer2" + inkscape:label="background" + transform="translate(0,340)" + sodipodi:insensitive="true"> + <rect + style="opacity:1;fill:#3e515a;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.96290588;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0" + id="rect4444" + width="160" + height="320" + x="160" + y="1.7402746e-14" /> + <rect + style="opacity:1;fill:#fafbfc;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.96290588;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0" + id="rect4444-7" + width="160" + height="320" + x="0" + y="0" /> + </g> + <g + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-232.3622)"> + <g + id="Buttons_button" + inkscape:label="#g3928" + transform="translate(0,-80)"> + <rect + clip-path="url(#clipPath3886)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect2987" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter3767)" /> + </g> + <g + id="Buttons_button-hover" + inkscape:label="#g3931" + transform="translate(0,-80)"> + <rect + clip-path="url(#clipPath3896)" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter4602)" + id="rect3757" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" /> + </g> + <g + id="Buttons_flat-button-hover" + transform="translate(40,-80)" + inkscape:label="#g4199"> + <rect + transform="translate(0,652.36218)" + y="40" + x="0" + height="40" + width="40" + id="rect4197" + style="fill:#000000;fill-opacity:0;stroke:none" /> + <rect + ry="2" + rx="2" + y="694.36218" + x="2" + height="36" + width="36" + id="rect3838" + style="opacity:0.1;fill:#000000;fill-opacity:0.8;stroke:none" /> + </g> + <g + id="Buttons_flat-button-active" + transform="translate(40,-80)" + inkscape:label="#g4205"> + <rect + transform="translate(0,652.36218)" + y="40" + x="40" + height="40" + width="40" + id="rect4203" + style="fill:#000000;fill-opacity:0;stroke:none" /> + <rect + style="opacity:1;fill:#E8E8E8;fill-opacity:1;stroke:none" + id="rect3840" + width="36" + height="36" + x="42" + y="694.36218" + rx="2" + ry="2" /> + </g> + <g + id="Buttons_button-active" + inkscape:label="#g3934" + transform="translate(0,-80)"> + <rect + transform="translate(40,-2.6171874e-6)" + ry="2" + rx="2" + y="654.36218" + x="42" + height="36" + width="36" + id="rect3906" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter4602)" + clip-path="url(#clipPath3896)" /> + <rect + style="opacity:1;fill:#E8E8E8;fill-opacity:1;stroke:none" + id="rect3759" + width="36" + height="36" + x="82" + y="654.36218" + rx="2" + ry="2" /> + </g> + <g + id="Buttons_button-insensitive" + inkscape:label="#g3938" + transform="translate(0,-80)"> + <rect + ry="2" + rx="2" + y="654.36218" + x="122" + height="36" + width="36" + id="rect3836" + style="opacity:0.07999998;fill:#000000;fill-opacity:0.8;stroke:none" /> + <rect + style="fill:#000000;fill-opacity:0;stroke:none" + id="rect3908" + width="40" + height="40" + x="120" + y="652.36218" /> + </g> + <g + inkscape:label="#g3928" + id="Buttons_ltr-button" + transform="translate(0,-2.9999999e-6)"> + <rect + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter3767)" + id="rect3046" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3839)" /> + </g> + <g + inkscape:label="#g3931" + id="Buttons_ltr-button-hover" + transform="translate(0,-2.9999999e-6)"> + <rect + ry="2" + rx="2" + y="654.36218" + x="42" + height="36" + width="36" + id="rect3050" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter4602)" + clip-path="url(#clipPath3845)" /> + </g> + <g + inkscape:label="#g3934" + id="Buttons_ltr-button-active" + transform="translate(0,-2.9999999e-6)"> + <rect + clip-path="url(#clipPath3855)" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter4602)" + id="rect3054" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" + transform="translate(40,-2.6171874e-6)" /> + <rect + ry="2" + rx="2" + y="654.36218" + x="82" + height="36" + width="36" + id="rect3056" + style="opacity:1;fill:#E8E8E8;fill-opacity:1;stroke:none" + clip-path="url(#clipPath3851)" /> + </g> + <g + inkscape:label="#g3938" + id="Buttons_ltr-button-insensitive" + transform="translate(0,-2.9999999e-6)"> + <rect + style="opacity:0.07999998;fill:#000000;fill-opacity:0.8;stroke:none" + id="rect3060" + width="36" + height="36" + x="122" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3865)" /> + <rect + y="652.36218" + x="120" + height="40" + width="40" + id="rect3062" + style="fill:#000000;fill-opacity:0;stroke:none" + clip-path="url(#clipPath3861)" /> + </g> + <g + transform="matrix(-1,0,0,1,40,-2.9999999e-6)" + id="Buttons_rtl-button" + inkscape:label="#g3928"> + <rect + clip-path="url(#clipPath3839)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect3871" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter3767)" /> + </g> + <g + transform="matrix(-1,0,0,1,120,-2.9999999e-6)" + id="Buttons_rtl-button-hover" + inkscape:label="#g3931"> + <rect + clip-path="url(#clipPath3845)" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter4602)" + id="rect3875" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" /> + </g> + <g + transform="matrix(-1,0,0,1,200,-2.9999999e-6)" + id="Buttons_rtl-button-active" + inkscape:label="#g3934"> + <rect + transform="translate(40,-2.6171874e-6)" + ry="2" + rx="2" + y="654.36218" + x="42" + height="36" + width="36" + id="rect3879" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter4602)" + clip-path="url(#clipPath3855)" /> + <rect + clip-path="url(#clipPath3851)" + style="opacity:1;fill:#E8E8E8;fill-opacity:1;stroke:none" + id="rect3881" + width="36" + height="36" + x="82" + y="654.36218" + rx="2" + ry="2" /> + </g> + <g + transform="matrix(-1,0,0,1,280,-2.9999999e-6)" + id="Buttons_rtl-button-insensitive" + inkscape:label="#g3938"> + <rect + clip-path="url(#clipPath3865)" + ry="2" + rx="2" + y="654.36218" + x="122" + height="36" + width="36" + id="rect3885" + style="opacity:0.07999998;fill:#000000;fill-opacity:0.8;stroke:none" /> + <rect + clip-path="url(#clipPath3861)" + style="fill:#000000;fill-opacity:0;stroke:none" + id="rect3887" + width="40" + height="40" + x="120" + y="652.36218" /> + </g> + <g + transform="translate(0,40)" + id="Spin_ltr-up" + inkscape:label="#g3928" + clip-path="url(#clipPath3959)"> + <rect + clip-path="url(#clipPath3839)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect3891" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter3767)" /> + </g> + <g + transform="translate(0,40)" + id="Spin_ltr-up-hover" + inkscape:label="#g3931" + clip-path="url(#clipPath3955)"> + <rect + clip-path="url(#clipPath3845)" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter4602)" + id="rect3895" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" /> + </g> + <g + transform="translate(0,40)" + id="Spin_ltr-up-active" + inkscape:label="#g3934" + clip-path="url(#clipPath3951)"> + <rect + transform="translate(40,-2.6171874e-6)" + ry="2" + rx="2" + y="654.36218" + x="42" + height="36" + width="36" + id="rect3899" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter4602)" + clip-path="url(#clipPath3855)" /> + <rect + clip-path="url(#clipPath3851)" + style="opacity:0.2;fill:#000000;fill-opacity:0.8;stroke:none" + id="rect3901" + width="36" + height="36" + x="82" + y="654.36218" + rx="2" + ry="2" /> + </g> + <g + inkscape:label="#g3928" + id="Spin_rtl-up" + transform="matrix(-1,0,0,1,40,40)" + clip-path="url(#clipPath3943)"> + <rect + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter3767)" + id="rect3911" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3839)" /> + </g> + <g + inkscape:label="#g3931" + id="Spin_rtl-up-hover" + transform="matrix(-1,0,0,1,120,40)" + clip-path="url(#clipPath3939)"> + <rect + ry="2" + rx="2" + y="654.36218" + x="42" + height="36" + width="36" + id="rect3915" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter4602)" + clip-path="url(#clipPath3845)" /> + </g> + <g + inkscape:label="#g3934" + id="Spin_rtl-up-active" + transform="matrix(-1,0,0,1,200,40)" + clip-path="url(#clipPath3935)"> + <rect + clip-path="url(#clipPath3855)" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter4602)" + id="rect3919" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" + transform="translate(40,-2.6171874e-6)" /> + <rect + ry="2" + rx="2" + y="654.36218" + x="82" + height="36" + width="36" + id="rect3921" + style="opacity:0.2;fill:#000000;fill-opacity:0.8;stroke:none" + clip-path="url(#clipPath3851)" /> + </g> + <g + transform="translate(0,40)" + id="Spin_ltr-down" + inkscape:label="#g3928" + clip-path="url(#clipPath4075)"> + <rect + clip-path="url(#clipPath3839)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect4007" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter3767)" /> + </g> + <g + transform="translate(0,40)" + id="Spin_ltr-down-hover" + inkscape:label="#g3931" + clip-path="url(#clipPath4071)"> + <rect + clip-path="url(#clipPath3845)" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter4602)" + id="rect4011" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" /> + </g> + <g + transform="translate(0,40)" + id="Spin_ltr-down-active" + inkscape:label="#g3934" + clip-path="url(#clipPath4067)"> + <rect + transform="translate(40,-2.6171874e-6)" + ry="2" + rx="2" + y="654.36218" + x="42" + height="36" + width="36" + id="rect4015" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter4602)" + clip-path="url(#clipPath3855)" /> + <rect + clip-path="url(#clipPath3851)" + style="opacity:0.2;fill:#000000;fill-opacity:0.8;stroke:none" + id="rect4017" + width="36" + height="36" + x="82" + y="654.36218" + rx="2" + ry="2" /> + </g> + <g + inkscape:label="#g3928" + id="Spin_rtl-down" + transform="matrix(-1,0,0,1,40,40)" + clip-path="url(#clipPath4059)"> + <rect + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter3767)" + id="rect4027" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3839)" /> + </g> + <g + inkscape:label="#g3931" + id="Spin_rtl-down-hover" + transform="matrix(-1,0,0,1,120,40)" + clip-path="url(#clipPath4055)"> + <rect + ry="2" + rx="2" + y="654.36218" + x="42" + height="36" + width="36" + id="rect4031" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter4602)" + clip-path="url(#clipPath3845)" /> + </g> + <g + inkscape:label="#g3934" + id="Spin_rtl-down-active" + transform="matrix(-1,0,0,1,200,40)" + clip-path="url(#clipPath4051)"> + <rect + clip-path="url(#clipPath3855)" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter4602)" + id="rect4035" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" + transform="translate(40,-2.6171874e-6)" /> + <rect + ry="2" + rx="2" + y="654.36218" + x="82" + height="36" + width="36" + id="rect4037" + style="opacity:0.2;fill:#000000;fill-opacity:0.8;stroke:none" + clip-path="url(#clipPath3851)" /> + </g> + <g + transform="translate(0,70)" + inkscape:label="#g3942" + id="Entry_base_entry"> + <rect + transform="translate(0,582.36218)" + y="160" + x="0" + height="40" + width="40" + id="rect4141" + style="fill:#FAFBFC;fill-opacity:1;stroke:none" /> + <rect + clip-path="url(#clipPath3886)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect4143" + style="fill:#FAFBFC;fill-opacity:1;stroke:none;filter:url(#filter3767)" + transform="translate(0,89.999997)" /> + </g> + <g + transform="translate(40,70)" + inkscape:label="#g3945" + id="Entry_base_entry-active"> + <rect + transform="translate(0,582.36218)" + y="160" + x="40" + height="40" + width="40" + id="rect4147" + style="fill:#FAFBFC;fill-opacity:1;stroke:none" /> + <rect + clip-path="url(#clipPath3896)" + style="fill:#FAFBFC;fill-opacity:1;stroke:none;filter:url(#filter4602)" + id="rect4149" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" + transform="translate(0,89.999997)" /> + </g> + <g + transform="translate(40,70)" + inkscape:label="#g3948" + id="Entry_base_entry-insensitive"> + <rect + transform="translate(0,582.36218)" + y="160" + x="80" + height="40" + width="40" + id="rect4153" + style="fill:#ffffff;fill-opacity:1;stroke:none" /> + <rect + transform="translate(80,89.999997)" + style="fill:#f6f6f6;fill-opacity:1;stroke:none;filter:url(#filter3767)" + id="rect4155" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3886)" /> + </g> + <g + clip-path="url(#clipPath4109)" + id="Entry_ltr-base_entry" + inkscape:label="#g3942" + transform="translate(0,110)"> + <rect + style="fill:#ffffff;fill-opacity:1;stroke:none" + id="rect4159" + width="40" + height="40" + x="0" + y="160" + transform="translate(0,582.36218)" /> + <rect + transform="translate(0,89.999997)" + style="fill:#ffffff;fill-opacity:1;stroke:none;filter:url(#filter3767)" + id="rect4161" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3886)" /> + </g> + <g + clip-path="url(#clipPath4113)" + id="Entry_ltr-base_entry-active" + inkscape:label="#g3945" + transform="translate(40,110)"> + <rect + style="fill:#ffffff;fill-opacity:1;stroke:none" + id="rect4165" + width="40" + height="40" + x="40" + y="160" + transform="translate(0,582.36218)" /> + <rect + transform="translate(0,89.999997)" + ry="2" + rx="2" + y="654.36218" + x="42" + height="36" + width="36" + id="rect4167" + style="fill:#ffffff;fill-opacity:1;stroke:none;filter:url(#filter4602)" + clip-path="url(#clipPath3896)" /> + </g> + <g + clip-path="url(#clipPath4117)" + id="Entry_ltr-base_entry-insensitive" + inkscape:label="#g3948" + transform="translate(40,110)"> + <rect + style="fill:#ffffff;fill-opacity:1;stroke:none" + id="rect4171" + width="40" + height="40" + x="80" + y="160" + transform="translate(0,582.36218)" /> + <rect + clip-path="url(#clipPath3886)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect4173" + style="fill:#f6f6f6;fill-opacity:1;stroke:none;filter:url(#filter3767)" + transform="translate(80,89.999997)" /> + </g> + <g + transform="matrix(-1,0,0,1,40,110)" + inkscape:label="#g3942" + id="Entry_rtl-base_entry" + clip-path="url(#clipPath4109)"> + <rect + transform="translate(0,582.36218)" + y="160" + x="0" + height="40" + width="40" + id="rect4177" + style="fill:#ffffff;fill-opacity:1;stroke:none" /> + <rect + clip-path="url(#clipPath3886)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect4179" + style="fill:#ffffff;fill-opacity:1;stroke:none;filter:url(#filter3767)" + transform="translate(0,89.999997)" /> + </g> + <g + transform="matrix(-1,0,0,1,160,110)" + inkscape:label="#g3945" + id="Entry_rtl-base_entry-active" + clip-path="url(#clipPath4113)"> + <rect + transform="translate(0,582.36218)" + y="160" + x="40" + height="40" + width="40" + id="rect4183" + style="fill:#ffffff;fill-opacity:1;stroke:none" /> + <rect + clip-path="url(#clipPath3896)" + style="fill:#ffffff;fill-opacity:1;stroke:none;filter:url(#filter4602)" + id="rect4185" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" + transform="translate(0,89.999997)" /> + </g> + <g + transform="matrix(-1,0,0,1,240,110)" + inkscape:label="#g3948" + id="Entry_rtl-base_entry-insensitive" + clip-path="url(#clipPath4117)"> + <rect + transform="translate(0,582.36218)" + y="160" + x="80" + height="40" + width="40" + id="rect4189" + style="fill:#ffffff;fill-opacity:1;stroke:none" /> + <rect + transform="translate(80,89.999997)" + style="fill:#f6f6f6;fill-opacity:1;stroke:none;filter:url(#filter3767)" + id="rect4191" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3886)" /> + </g> + <g + id="Check-Radio_check-off-hover" + inkscape:label="#g4632" + transform="matrix(0.99998822,0,0,1.0000008,-39.998826,296.99941)" + style="opacity:1;fill:none;stroke:#263238;stroke-width:2.00018144;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/check-off-hover.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <rect + ry="0.99999738" + rx="0.99999738" + y="610.36218" + x="93" + height="14" + width="14" + id="rect4505-8-0-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#263238;stroke-width:2.00018144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.45;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#263238;stroke-width:1.99931598;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="Check-Radio_check-off" + width="14.000685" + height="14.000684" + x="12.999658" + y="907.36182" + rx="1.0000461" + ry="1.0000461" + inkscape:label="#rect4505-8" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/check-off.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90" /> + <g + inkscape:label="#g4615" + id="Check-Radio_check-on" + transform="matrix(0.8,0,0,0.8,8,440.47244)" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/check-on.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 7,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + id="rect4138" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sssssssss" /> + <path + d="M 12.805556,648.23718 7.25,642.68158 l 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" + id="path4-9" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ccccccc" + style="fill:#ffffff;fill-opacity:1" /> + </g> + <g + inkscape:label="#g4584" + id="Check-Radio_check-on-hover" + transform="matrix(0.8,0,0,0.8,28,440.47244)" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/check-on-hover.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 32,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + id="rect4138-4" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sssssssss" /> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:0.2;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 32,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + id="rect4138-4-4" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sssssssss" /> + <path + d="m 37.805556,648.23718 -5.555556,-5.5556 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" + id="path4-9-1" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ccccccc" + style="fill:#ffffff;fill-opacity:1" /> + </g> + <g + transform="matrix(0.8,0,0,0.8,88,440.47244)" + id="Check-Radio_check-on-insensitive" + inkscape:label="#g4620" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/check-on-insensitive.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <path + sodipodi:nodetypes="sssssssss" + inkscape:connector-curvature="0" + id="rect4138-4-6" + d="m 57,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:0.1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + style="fill:#E8E8E8;fill-opacity:0.4" + sodipodi:nodetypes="ccccccc" + inkscape:connector-curvature="0" + id="path4-9-1-9" + d="m 62.805556,648.23718 -5.555556,-5.5556 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" /> + </g> + <g + id="Check-Radio_radio-off" + inkscape:label="#g4650" + transform="matrix(1.000026,0,0,1.0000094,-80.002645,301.99367)" + style="opacity:0.75;stroke:#263238;stroke-width:1.99949372;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/radio-off.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <circle + r="7" + cy="692.36218" + cx="100" + id="path4507-2" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#263238;stroke-width:1.99949372;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Check-Radio_check-off-active" + inkscape:label="#g4632" + transform="matrix(0.99998822,0,0,1.0000008,0.00117448,296.99941)" + style="opacity:1;fill:none;stroke:#263238;stroke-width:2.00018144;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/check-off-active.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <rect + ry="0.99999738" + rx="0.99999738" + y="610.36218" + x="93" + height="14" + width="14" + id="rect4505-8-0-1-7" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#263238;stroke-width:2.00018144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Check-Radio_check-off-insensitive" + inkscape:label="#g4632" + transform="matrix(0.99998822,0,0,1.0000008,40.001174,296.99941)" + style="opacity:1;fill:none;stroke:#263238;stroke-width:2.00001097;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.4" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/check-off-insensitive.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <rect + ry="0.99999738" + rx="0.99999738" + y="610.36218" + x="93" + height="14" + width="14" + id="rect4505-8-0-1-7-7" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#263238;stroke-width:2.00001097;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.4;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + inkscape:label="#g4584" + id="Check-Radio_check-on-active" + transform="matrix(0.8,0,0,0.8,68,440.47244)" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/check-on-active.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 32,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + id="rect4138-4-2" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sssssssss" /> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:0.2;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 32,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + id="rect4138-4-4-4" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sssssssss" /> + <path + d="m 37.805556,648.23718 -5.555556,-5.5556 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" + id="path4-9-1-2" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ccccccc" + style="fill:#ffffff;fill-opacity:1" /> + </g> + <g + id="Check-Radio_radio-off-hover" + inkscape:label="#g4650" + transform="matrix(1.000026,0,0,1.0000094,-40.002645,301.99367)" + style="opacity:1;stroke:#263238;stroke-width:1.99949372;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/radio-off-hover.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <circle + r="7" + cy="692.36218" + cx="100" + id="path4507-2-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#263238;stroke-width:1.99949372;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Check-Radio_radio-off-active" + inkscape:label="#g4650" + transform="matrix(1.000026,0,0,1.0000094,-0.00264515,301.99367)" + style="opacity:1;stroke:#263238;stroke-width:1.99949372;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/radio-off-active.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <circle + r="7" + cy="692.36218" + cx="100" + id="path4507-2-1-7" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#263238;stroke-width:1.99949372;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Check-Radio_radio-off-insensitive" + inkscape:label="#g4650" + transform="matrix(1.000026,0,0,1.0000094,39.997355,301.99367)" + style="opacity:0.4;stroke:#263238;stroke-width:1.99949372;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/radio-off-insensitive.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <circle + r="7" + cy="692.36218" + cx="100" + id="path4507-2-1-7-9" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#263238;stroke-width:1.99949372;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Check-Radio_radio-on" + inkscape:label="#g4659" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/radio-on.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <circle + r="3" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" + id="path4513" + cx="20" + cy="1034.3622" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.99989164;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(0.99999964,0,0,1.0000088,-80.000021,341.99389)" + inkscape:label="#g4650" + id="radio-unchecked-6-6"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.99989164;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.99989164;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(0.99999964,0,0,1.0000088,-80.000021,341.99389)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-0"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.99989164;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-7" + cx="100" + cy="692.36218" + r="7" /> + </g> + </g> + <g + id="Check-Radio_radio-on-hover" + inkscape:label="#g4734" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/radio-on-hover.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <circle + r="3" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" + id="path4513-1" + cx="60" + cy="1034.3622" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.99989164;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(0.99999964,0,0,1.0000088,-40.000021,341.99389)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-3"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.99989164;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-5" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.99989164;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(0.99999964,0,0,1.0000088,-40.000021,341.99389)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-0-9"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.99989164;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-7-1" + cx="100" + cy="692.36218" + r="7" /> + </g> + <circle + r="3" + style="fill:#ffffff;fill-opacity:0.2;stroke:none" + id="path4513-1-1" + cx="60" + cy="1034.3622" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#ffffff;stroke-width:1.99989164;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.2" + transform="matrix(0.99999964,0,0,1.0000088,-40.000021,341.99389)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-0-9-3"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.99989164;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.2;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-7-1-6" + cx="100" + cy="692.36218" + r="7" /> + </g> + </g> + <g + transform="translate(40,-1.8549326e-7)" + id="Check-Radio_radio-on-active" + inkscape:label="#g4734" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/radio-on-active.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <circle + r="3" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" + id="path4513-1-3" + cx="60" + cy="1034.3622" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.99989164;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(0.99999964,0,0,1.0000088,-40.000021,341.99389)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-3-1"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.99989164;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-5-1" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.99989164;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(0.99999964,0,0,1.0000088,-40.000021,341.99389)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-0-9-6"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.99989164;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-7-1-1" + cx="100" + cy="692.36218" + r="7" /> + </g> + <circle + r="3" + style="fill:#ffffff;fill-opacity:0.2;stroke:none" + id="path4513-1-1-5" + cx="60" + cy="1034.3622" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#ffffff;stroke-width:1.99989164;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.2" + transform="matrix(0.99999964,0,0,1.0000088,-40.000021,341.99389)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-0-9-3-5"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.99989164;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.2;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-7-1-6-6" + cx="100" + cy="692.36218" + r="7" /> + </g> + </g> + <g + id="Check-Radio_radio-on-insensitive" + inkscape:label="#g4818" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/radio-on-insensitive.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <circle + r="3" + style="fill:#E8E8E8;fill-opacity:0.5;stroke:none" + id="path4513-5" + cx="140" + cy="1034.3622" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.99989164;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.4" + transform="matrix(0.99999964,0,0,1.0000088,39.999979,341.99389)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-8"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.99989164;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.4;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-8" + cx="100" + cy="692.36218" + r="7" /> + </g> + </g> + <g + id="Check-Radio_check-off-hover-dark" + inkscape:label="#g4632" + transform="matrix(0.99998822,0,0,1.0000008,120.00117,296.99941)" + style="opacity:1;fill:none;stroke:#eceff1;stroke-width:2.00018144;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/check-off-hover.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <rect + ry="0.99999738" + rx="0.99999738" + y="610.36218" + x="93" + height="14" + width="14" + id="rect4505-8-0-1-9" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#eceff1;stroke-width:2.00018144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.45;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#eceff1;stroke-width:1.99931598;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.94117647;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="Check-Radio_check-off-dark" + width="14.000685" + height="14.000684" + x="172.99966" + y="907.36182" + rx="1.0000461" + ry="1.0000461" + inkscape:label="#rect4505-8" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/check-off.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90" /> + <g + inkscape:label="#g4615" + id="Check-Radio_check-on-dark" + transform="matrix(0.8,0,0,0.8,168,440.47244)" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/check-on.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 7,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + id="rect4138-8" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sssssssss" /> + <path + d="M 12.805556,648.23718 7.25,642.68158 l 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" + id="path4-9-7" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ccccccc" + style="fill:#ffffff;fill-opacity:1" /> + </g> + <g + inkscape:label="#g4584" + id="Check-Radio_check-on-hover-dark" + transform="matrix(0.8,0,0,0.8,188,440.47244)" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/check-on-hover.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 32,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + id="rect4138-4-0" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sssssssss" /> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:0.2;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 32,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + id="rect4138-4-4-3" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sssssssss" /> + <path + d="m 37.805556,648.23718 -5.555556,-5.5556 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" + id="path4-9-1-0" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ccccccc" + style="fill:#ffffff;fill-opacity:1" /> + </g> + <g + transform="matrix(0.8,0,0,0.8,248,440.47244)" + id="Check-Radio_check-on-insensitive-dark" + inkscape:label="#g4620" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/check-on-insensitive.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <path + sodipodi:nodetypes="sssssssss" + inkscape:connector-curvature="0" + id="rect4138-4-6-8" + d="m 57,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:0.1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + style="fill:#E8E8E8;fill-opacity:0.4" + sodipodi:nodetypes="ccccccc" + inkscape:connector-curvature="0" + id="path4-9-1-9-4" + d="m 62.805556,648.23718 -5.555556,-5.5556 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" /> + </g> + <g + id="Check-Radio_radio-off-dark" + inkscape:label="#g4650" + transform="matrix(1.000026,0,0,1.0000094,79.997355,301.99367)" + style="opacity:0.75;stroke:#eceff1;stroke-width:1.99949372;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/radio-off.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <circle + r="7" + cy="692.36218" + cx="100" + id="path4507-2-9" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#eceff1;stroke-width:1.99949372;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Check-Radio_check-off-active-dark" + inkscape:label="#g4632" + transform="matrix(0.99998822,0,0,1.0000008,160.00117,296.99941)" + style="opacity:1;fill:none;stroke:#eceff1;stroke-width:2.00018144;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/check-off-active.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <rect + ry="0.99999738" + rx="0.99999738" + y="610.36218" + x="93" + height="14" + width="14" + id="rect4505-8-0-1-7-9" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#eceff1;stroke-width:2.00018144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Check-Radio_check-off-insensitive-dark" + inkscape:label="#g4632" + transform="matrix(0.99998822,0,0,1.0000008,200.00117,296.99941)" + style="opacity:1;fill:none;stroke:#eceff1;stroke-width:2.00001097;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.4" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/check-off-insensitive.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <rect + ry="0.99999738" + rx="0.99999738" + y="610.36218" + x="93" + height="14" + width="14" + id="rect4505-8-0-1-7-7-5" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#eceff1;stroke-width:2.00001097;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.4;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + inkscape:label="#g4584" + id="Check-Radio_check-on-active-dark" + transform="matrix(0.8,0,0,0.8,228,440.47244)" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/check-on-active.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 32,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + id="rect4138-4-2-0" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sssssssss" /> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:0.2;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 32,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + id="rect4138-4-4-4-2" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sssssssss" /> + <path + d="m 37.805556,648.23718 -5.555556,-5.5556 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" + id="path4-9-1-2-7" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ccccccc" + style="fill:#ffffff;fill-opacity:1" /> + </g> + <g + id="Check-Radio_radio-off-hover-dark" + inkscape:label="#g4650" + transform="matrix(1.000026,0,0,1.0000094,119.99736,301.99367)" + style="opacity:1;stroke:#eceff1;stroke-width:1.99949372;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/radio-off-hover.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <circle + r="7" + cy="692.36218" + cx="100" + id="path4507-2-1-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#eceff1;stroke-width:1.99949372;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Check-Radio_radio-off-active-dark" + inkscape:label="#g4650" + transform="matrix(1.000026,0,0,1.0000094,159.99735,301.99367)" + style="opacity:1;stroke:#eceff1;stroke-width:1.99949372;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/radio-off-active.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <circle + r="7" + cy="692.36218" + cx="100" + id="path4507-2-1-7-6" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#eceff1;stroke-width:1.99949372;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Check-Radio_radio-off-insensitive-dark" + inkscape:label="#g4650" + transform="matrix(1.000026,0,0,1.0000094,199.99735,301.99367)" + style="opacity:0.4;stroke:#eceff1;stroke-width:1.99949372;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/radio-off-insensitive.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <circle + r="7" + cy="692.36218" + cx="100" + id="path4507-2-1-7-9-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#eceff1;stroke-width:1.99949372;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(160,6.1140827e-7)" + id="Check-Radio_radio-on-dark" + inkscape:label="#g4659" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/radio-on.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <circle + r="3" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" + id="path4513-8" + cx="20" + cy="1034.3622" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.99989164;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(0.99999964,0,0,1.0000088,-80.000021,341.99389)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-9"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.99989164;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-0" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.99989164;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(0.99999964,0,0,1.0000088,-80.000021,341.99389)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-0-2"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.99989164;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-7-0" + cx="100" + cy="692.36218" + r="7" /> + </g> + </g> + <g + transform="translate(160,6.1140827e-7)" + id="Check-Radio_radio-on-hover-dark" + inkscape:label="#g4734" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/radio-on-hover.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <circle + r="3" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" + id="path4513-1-15" + cx="60" + cy="1034.3622" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.99989164;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(0.99999964,0,0,1.0000088,-40.000021,341.99389)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-3-8"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.99989164;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-5-5" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.99989164;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(0.99999964,0,0,1.0000088,-40.000021,341.99389)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-0-9-5"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.99989164;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-7-1-3" + cx="100" + cy="692.36218" + r="7" /> + </g> + <circle + r="3" + style="fill:#ffffff;fill-opacity:0.2;stroke:none" + id="path4513-1-1-3" + cx="60" + cy="1034.3622" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#ffffff;stroke-width:1.99989164;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.2" + transform="matrix(0.99999964,0,0,1.0000088,-40.000021,341.99389)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-0-9-3-9"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.99989164;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.2;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-7-1-6-1" + cx="100" + cy="692.36218" + r="7" /> + </g> + </g> + <g + transform="translate(200,6.1140827e-7)" + id="Check-Radio_radio-on-active-dark" + inkscape:label="#g4734" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/radio-on-active.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <circle + r="3" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" + id="path4513-1-3-3" + cx="60" + cy="1034.3622" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.99989164;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(0.99999964,0,0,1.0000088,-40.000021,341.99389)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-3-1-1"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.99989164;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-5-1-3" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.99989164;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(0.99999964,0,0,1.0000088,-40.000021,341.99389)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-0-9-6-8"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.99989164;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-7-1-1-9" + cx="100" + cy="692.36218" + r="7" /> + </g> + <circle + r="3" + style="fill:#ffffff;fill-opacity:0.2;stroke:none" + id="path4513-1-1-5-3" + cx="60" + cy="1034.3622" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#ffffff;stroke-width:1.99989164;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.2" + transform="matrix(0.99999964,0,0,1.0000088,-40.000021,341.99389)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-0-9-3-5-2"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.99989164;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.2;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-7-1-6-6-6" + cx="100" + cy="692.36218" + r="7" /> + </g> + </g> + <g + transform="translate(160,6.1140827e-7)" + id="Check-Radio_radio-on-insensitive-dark" + inkscape:label="#g4818" + inkscape:export-filename="/usr/share/themes/Adapta/gtk-2.0/Check-Radio/radio-on-insensitive.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <circle + r="3" + style="fill:#E8E8E8;fill-opacity:0.5;stroke:none" + id="path4513-5-2" + cx="140" + cy="1034.3622" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.99989164;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.4" + transform="matrix(0.99999964,0,0,1.0000088,39.999979,341.99389)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-8-6"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.99989164;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.4;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-8-9" + cx="100" + cy="692.36218" + r="7" /> + </g> + </g> + <g + id="Buttons_button-dark" + inkscape:label="#g3928" + transform="translate(160,-80)" + style="fill:#455a64;fill-opacity:1"> + <rect + clip-path="url(#clipPath3886-1)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect2987-1" + style="fill:#455a64;fill-opacity:1;stroke:none;filter:url(#filter3767-2)" /> + </g> + <g + id="Buttons_button-hover-dark" + inkscape:label="#g3931" + transform="translate(160,-80)" + style="fill:#4d6570;fill-opacity:1"> + <rect + clip-path="url(#clipPath3896-3)" + style="fill:#4d6570;fill-opacity:1;stroke:none;filter:url(#filter4602-7)" + id="rect3757-6" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" /> + </g> + <g + id="Buttons_flat-button-hover-dark" + inkscape:label="#g4852"> + <rect + y="612.36218" + x="200" + height="40" + width="40" + id="rect4197-0" + style="fill:#000000;fill-opacity:0;stroke:none" /> + <rect + ry="2" + rx="2" + y="614.36218" + x="202" + height="36" + width="36" + id="rect3838-8" + style="opacity:0.1;fill:#eceff1;fill-opacity:1;stroke:none" /> + </g> + <g + id="Buttons_flat-button-active-dark" + inkscape:label="#g4858"> + <rect + y="612.36218" + x="240" + height="40" + width="40" + id="rect4203-8" + style="fill:#000000;fill-opacity:0;stroke:none" /> + <rect + style="opacity:1;fill:#E8E8E8;fill-opacity:1;stroke:none" + id="rect3840-4" + width="36" + height="36" + x="242" + y="614.36218" + rx="2" + ry="2" /> + </g> + <g + id="Buttons_button-active-dark" + inkscape:label="#g3934" + transform="translate(160,-80)" + style="fill:#E8E8E8;fill-opacity:1"> + <rect + transform="translate(40,-2.6171874e-6)" + ry="2" + rx="2" + y="654.36218" + x="42" + height="36" + width="36" + id="rect3906-7" + style="fill:#E8E8E8;fill-opacity:1;stroke:none;filter:url(#filter4602-7)" + clip-path="url(#clipPath3896-3)" /> + <rect + style="opacity:0.2;fill:#E8E8E8;fill-opacity:1;stroke:none" + id="rect3759-1" + width="36" + height="36" + x="82" + y="654.36218" + rx="2" + ry="2" /> + </g> + <g + id="Buttons_button-insensitive-dark" + inkscape:label="#g4846"> + <rect + ry="2" + rx="2" + y="574.36218" + x="282" + height="36" + width="36" + id="rect3836-3" + style="opacity:1;fill:#4f6069;fill-opacity:1;stroke:none" /> + <rect + style="fill:#000000;fill-opacity:0;stroke:none" + id="rect3908-4" + width="40" + height="40" + x="280" + y="572.36218" /> + </g> + <g + inkscape:label="#g3928" + id="Buttons_ltr-button-dark" + transform="translate(160,0)" + style="fill:#455a64;fill-opacity:1"> + <rect + style="fill:#455a64;fill-opacity:1;stroke:none;filter:url(#filter3767-23)" + id="rect3046-0" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3839-1)" /> + </g> + <g + inkscape:label="#g3931" + id="Buttons_ltr-button-hover-dark" + transform="translate(160,0)" + style="fill:#4d6570;fill-opacity:1"> + <rect + ry="2" + rx="2" + y="654.36218" + x="42" + height="36" + width="36" + id="rect3050-3" + style="fill:#4d6570;fill-opacity:1;stroke:none;filter:url(#filter4602-3)" + clip-path="url(#clipPath3845-2)" /> + </g> + <g + inkscape:label="#g3934" + id="Buttons_ltr-button-active-dark" + transform="translate(160,0)" + style="fill:#E8E8E8;fill-opacity:1"> + <rect + clip-path="url(#clipPath3855-8)" + style="fill:#E8E8E8;fill-opacity:1;stroke:none;filter:url(#filter4602-3)" + id="rect3054-0" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" + transform="translate(40,-2.6171874e-6)" /> + <rect + ry="2" + rx="2" + y="654.36218" + x="82" + height="36" + width="36" + id="rect3056-6" + style="opacity:0.2;fill:#E8E8E8;fill-opacity:1;stroke:none" + clip-path="url(#clipPath3851-0)" /> + </g> + <g + transform="matrix(-1,0,0,1,200,0)" + id="Buttons_rtl-button-dark" + inkscape:label="#g3928" + style="fill:#455a64;fill-opacity:1"> + <rect + clip-path="url(#clipPath3839-1)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect3871-9" + style="fill:#455a64;fill-opacity:1;stroke:none;filter:url(#filter3767-23)" /> + </g> + <g + transform="matrix(-1,0,0,1,280,0)" + id="Buttons_rtl-button-hover-dark" + inkscape:label="#g3931" + style="fill:#4d6570;fill-opacity:1"> + <rect + clip-path="url(#clipPath3845-2)" + style="fill:#4d6570;fill-opacity:1;stroke:none;filter:url(#filter4602-3)" + id="rect3875-2" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" /> + </g> + <g + transform="matrix(-1,0,0,1,360,0)" + id="Buttons_rtl-button-active-dark" + inkscape:label="#g3934" + style="fill:#E8E8E8;fill-opacity:1"> + <rect + transform="translate(40,-2.6171874e-6)" + ry="2" + rx="2" + y="654.36218" + x="42" + height="36" + width="36" + id="rect3879-2" + style="fill:#E8E8E8;fill-opacity:1;stroke:none;filter:url(#filter4602-3)" + clip-path="url(#clipPath3855-8)" /> + <rect + clip-path="url(#clipPath3851-0)" + style="opacity:0.2;fill:#E8E8E8;fill-opacity:1;stroke:none" + id="rect3881-8" + width="36" + height="36" + x="82" + y="654.36218" + rx="2" + ry="2" /> + </g> + <g + transform="translate(160,40)" + id="Spin_ltr-up-dark" + inkscape:label="#g3928" + clip-path="url(#clipPath3959-3)" + style="fill:#445a63;fill-opacity:1"> + <rect + clip-path="url(#clipPath3839-1)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect3891-9" + style="fill:#445a63;fill-opacity:1;stroke:none;filter:url(#filter3767-23)" /> + </g> + <g + transform="translate(160,40)" + id="Spin_ltr-up-hover-dark" + inkscape:label="#g3931" + clip-path="url(#clipPath3955-3)" + style="fill:#445a63;fill-opacity:1"> + <rect + clip-path="url(#clipPath3845-2)" + style="fill:#445a63;fill-opacity:1;stroke:none;filter:url(#filter4602-3)" + id="rect3895-9" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" /> + </g> + <g + transform="translate(160,40)" + id="Spin_ltr-up-active-dark" + inkscape:label="#g3934" + clip-path="url(#clipPath3951-0)" + style="fill:#4d6670;fill-opacity:1"> + <rect + transform="translate(40,-2.6171874e-6)" + ry="2" + rx="2" + y="654.36218" + x="42" + height="36" + width="36" + id="rect3899-5" + style="fill:#4d6670;fill-opacity:1;stroke:none;filter:url(#filter4602-3)" + clip-path="url(#clipPath3855-8)" /> + <rect + clip-path="url(#clipPath3851-0)" + style="opacity:0.2;fill:#4d6670;fill-opacity:1;stroke:none" + id="rect3901-4" + width="36" + height="36" + x="82" + y="654.36218" + rx="2" + ry="2" /> + </g> + <g + inkscape:label="#g3928" + id="Spin_rtl-up-dark" + transform="matrix(-1,0,0,1,200,40)" + clip-path="url(#clipPath3943-1)" + style="fill:#445a63;fill-opacity:1"> + <rect + style="fill:#445a63;fill-opacity:1;stroke:none;filter:url(#filter3767-23)" + id="rect3911-8" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3839-1)" /> + </g> + <g + inkscape:label="#g3931" + id="Spin_rtl-up-hover-dark" + transform="matrix(-1,0,0,1,280,40)" + clip-path="url(#clipPath3939-8)" + style="fill:#445a63;fill-opacity:1"> + <rect + ry="2" + rx="2" + y="654.36218" + x="42" + height="36" + width="36" + id="rect3915-5" + style="fill:#445a63;fill-opacity:1;stroke:none;filter:url(#filter4602-3)" + clip-path="url(#clipPath3845-2)" /> + </g> + <g + inkscape:label="#g3934" + id="Spin_rtl-up-active-dark" + transform="matrix(-1,0,0,1,360,40)" + clip-path="url(#clipPath3935-0)" + style="fill:#4d6670;fill-opacity:1"> + <rect + clip-path="url(#clipPath3855-8)" + style="fill:#4d6670;fill-opacity:1;stroke:none;filter:url(#filter4602-3)" + id="rect3919-9" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" + transform="translate(40,-2.6171874e-6)" /> + <rect + ry="2" + rx="2" + y="654.36218" + x="82" + height="36" + width="36" + id="rect3921-5" + style="opacity:0.2;fill:#4d6670;fill-opacity:1;stroke:none" + clip-path="url(#clipPath3851-0)" /> + </g> + <g + transform="translate(160,40)" + id="Spin_ltr-down-dark" + inkscape:label="#g3928" + clip-path="url(#clipPath4075-0)" + style="fill:#445a63;fill-opacity:1"> + <rect + clip-path="url(#clipPath3839-1)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect4007-9" + style="fill:#445a63;fill-opacity:1;stroke:none;filter:url(#filter3767-23)" /> + </g> + <g + transform="translate(160,40)" + id="Spin_ltr-down-hover-dark" + inkscape:label="#g3931" + clip-path="url(#clipPath4071-5)" + style="fill:#445a63;fill-opacity:1"> + <rect + clip-path="url(#clipPath3845-2)" + style="fill:#445a63;fill-opacity:1;stroke:none;filter:url(#filter4602-3)" + id="rect4011-8" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" /> + </g> + <g + transform="translate(160,40)" + id="Spin_ltr-down-active-dark" + inkscape:label="#g3934" + clip-path="url(#clipPath4067-4)" + style="fill:#4d6670;fill-opacity:1"> + <rect + transform="translate(40,-2.6171874e-6)" + ry="2" + rx="2" + y="654.36218" + x="42" + height="36" + width="36" + id="rect4015-7" + style="fill:#4d6670;fill-opacity:1;stroke:none;filter:url(#filter4602-3)" + clip-path="url(#clipPath3855-8)" /> + <rect + clip-path="url(#clipPath3851-0)" + style="opacity:0.2;fill:#4d6670;fill-opacity:1;stroke:none" + id="rect4017-2" + width="36" + height="36" + x="82" + y="654.36218" + rx="2" + ry="2" /> + </g> + <g + inkscape:label="#g3928" + id="Spin_rtl-down-dark" + transform="matrix(-1,0,0,1,200,40)" + clip-path="url(#clipPath4059-9)" + style="fill:#445a63;fill-opacity:1"> + <rect + style="fill:#445a63;fill-opacity:1;stroke:none;filter:url(#filter3767-23)" + id="rect4027-2" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3839-1)" /> + </g> + <g + inkscape:label="#g3931" + id="Spin_rtl-down-hover-dark" + transform="matrix(-1,0,0,1,280,40)" + clip-path="url(#clipPath4055-5)" + style="fill:#445a63;fill-opacity:1"> + <rect + ry="2" + rx="2" + y="654.36218" + x="42" + height="36" + width="36" + id="rect4031-4" + style="fill:#445a63;fill-opacity:1;stroke:none;filter:url(#filter4602-3)" + clip-path="url(#clipPath3845-2)" /> + </g> + <g + inkscape:label="#g3934" + id="Spin_rtl-down-active-dark" + transform="matrix(-1,0,0,1,360,40)" + clip-path="url(#clipPath4051-7)" + style="fill:#4d6670;fill-opacity:1"> + <rect + clip-path="url(#clipPath3855-8)" + style="fill:#4d6670;fill-opacity:1;stroke:none;filter:url(#filter4602-3)" + id="rect4035-1" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" + transform="translate(40,-2.6171874e-6)" /> + <rect + ry="2" + rx="2" + y="654.36218" + x="82" + height="36" + width="36" + id="rect4037-9" + style="opacity:0.2;fill:#4d6670;fill-opacity:1;stroke:none" + clip-path="url(#clipPath3851-0)" /> + </g> + <g + inkscape:label="#g3938" + id="Buttons_ltr-button-insensitive-dark" + transform="translate(160,-2.6171874e-6)"> + <rect + style="opacity:1;fill:#4f6069;fill-opacity:1;stroke:none" + id="rect3060-4" + width="36" + height="36" + x="122" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3865-3)" /> + <rect + y="652.36218" + x="120" + height="40" + width="40" + id="rect3062-5" + style="fill:#000000;fill-opacity:0;stroke:none" + clip-path="url(#clipPath3861-5)" /> + </g> + <g + transform="matrix(-1,0,0,1,440,-2.6171874e-6)" + id="Buttons_rtl-button-insensitive-dark" + inkscape:label="#g3938"> + <rect + clip-path="url(#clipPath3865-3)" + ry="2" + rx="2" + y="654.36218" + x="122" + height="36" + width="36" + id="rect3885-7" + style="opacity:1;fill:#4f6069;fill-opacity:1;stroke:none" /> + <rect + clip-path="url(#clipPath3861-5)" + style="fill:#000000;fill-opacity:0;stroke:none" + id="rect3887-9" + width="40" + height="40" + x="120" + y="652.36218" /> + </g> + <g + id="Entry_entry-dark" + inkscape:label="#g3928" + transform="translate(160,79.999997)" + style="fill:#455a64;fill-opacity:1"> + <rect + clip-path="url(#clipPath3886-1-5)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect2987-1-3" + style="fill:#455a64;fill-opacity:1;stroke:none;filter:url(#filter3767-2-2)" /> + </g> + <g + id="Entry_entry-active-dark" + inkscape:label="#g3931" + transform="translate(200,79.999997)" + style="fill:#455a64;fill-opacity:1"> + <rect + clip-path="url(#clipPath3896-3-1)" + style="fill:#455a64;fill-opacity:1;stroke:none;filter:url(#filter4602-7-1)" + id="rect3757-6-3" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" /> + </g> + <g + id="Entry_entry-insensitive-dark" + inkscape:label="#g3928" + transform="translate(280,79.999997)" + style="fill:#4c5e66;fill-opacity:1"> + <rect + clip-path="url(#clipPath3886-1-5-6)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect2987-1-3-1" + style="fill:#4c5e66;fill-opacity:1;stroke:none;filter:url(#filter3767-2-2-9)" /> + </g> + <g + id="Entry_base_entry-dark" + inkscape:label="#g3928" + transform="translate(160,160)" + style="fill:#455a64;fill-opacity:1"> + <rect + clip-path="url(#clipPath3886-1-5-9)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect2987-1-3-6" + style="fill:#455a64;fill-opacity:1;stroke:none;filter:url(#filter3767-2-2-94)" /> + </g> + <g + id="Entry_base_entry-active-dark" + inkscape:label="#g3931" + transform="translate(200,160)" + style="fill:#455a64;fill-opacity:1"> + <rect + clip-path="url(#clipPath3896-3-1-5)" + style="fill:#455a64;fill-opacity:1;stroke:none;filter:url(#filter4602-7-1-9)" + id="rect3757-6-3-1" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" /> + </g> + <g + id="Entry_base_entry-insensitive-dark" + inkscape:label="#g3928" + transform="translate(280,160)" + style="fill:#4c5e66;fill-opacity:1"> + <rect + clip-path="url(#clipPath3886-1-5-6-5)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect2987-1-3-1-3" + style="fill:#4c5e66;fill-opacity:1;stroke:none;filter:url(#filter3767-2-2-9-3)" /> + </g> + <g + transform="translate(200,30)" + inkscape:label="#g3948" + id="Entry_ltr-entry-insensitive-dark" + clip-path="url(#clipPath4117-5)"> + <rect + transform="translate(0,582.36218)" + y="160" + x="80" + height="40" + width="40" + id="rect4099-2" + style="fill:#eeeeee;fill-opacity:0;stroke:none" /> + <rect + transform="translate(80,89.999997)" + style="fill:#4c5e66;fill-opacity:1;stroke:none;filter:url(#filter3767-8)" + id="rect4101-1" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3886-18)" /> + </g> + <g + clip-path="url(#clipPath4117-5)" + id="Entry_rtl-entry-insensitive-dark" + inkscape:label="#g3948" + transform="matrix(-1,0,0,1,400,30)"> + <rect + clip-path="url(#clipPath3886-18)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect4137-4" + style="fill:#4c5e66;fill-opacity:1;stroke:none;filter:url(#filter3767-8)" + transform="translate(80,89.999997)" /> + <rect + style="fill:#eeeeee;fill-opacity:0;stroke:none" + id="rect4135-0" + width="40" + height="40" + x="80" + y="160" + transform="translate(0,582.36218)" /> + </g> + <g + transform="translate(80,29.999997)" + inkscape:label="#g3948" + id="Entry_ltr-entry-dark" + clip-path="url(#clipPath4117-5-3)"> + <rect + transform="translate(0,582.36218)" + y="160" + x="80" + height="40" + width="40" + id="rect4099-2-7" + style="fill:#eeeeee;fill-opacity:0;stroke:none" /> + <rect + transform="translate(80,89.999997)" + style="fill:#455a64;fill-opacity:1;stroke:none;filter:url(#filter3767-8-4)" + id="rect4101-1-2" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3886-18-2)" /> + </g> + <g + clip-path="url(#clipPath4117-5-3)" + id="Entry_rtl-entry-dark" + inkscape:label="#g3948" + transform="matrix(-1,0,0,1,280,29.999997)"> + <rect + clip-path="url(#clipPath3886-18-2)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect4137-4-8" + style="fill:#455a64;fill-opacity:1;stroke:none;filter:url(#filter3767-8-4)" + transform="translate(80,89.999997)" /> + <rect + style="fill:#eeeeee;fill-opacity:0;stroke:none" + id="rect4135-0-5" + width="40" + height="40" + x="80" + y="160" + transform="translate(0,582.36218)" /> + </g> + <g + clip-path="url(#clipPath4117-5-3-6)" + id="Entry_rtl-entry-dark-1" + inkscape:label="#g3948" + transform="matrix(-1,0,0,1,345,29.999997)"> + <rect + style="fill:#eeeeee;fill-opacity:0;stroke:none" + id="rect4135-0-5-1" + width="40" + height="40" + x="80" + y="160" + transform="translate(0,582.36218)" /> + </g> + <g + transform="translate(200,29.999997)" + inkscape:label="#g3945" + id="Entry_ltr-entry-active-dark" + clip-path="url(#clipPath4113-2)"> + <rect + transform="translate(0,582.36218)" + y="160" + x="40" + height="40" + width="40" + id="rect4093-0" + style="fill:#eeeeee;fill-opacity:0;stroke:none" /> + <rect + clip-path="url(#clipPath3896-5)" + style="fill:#455a64;fill-opacity:1;stroke:none;filter:url(#filter4602-4)" + id="rect4095-6" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" + transform="translate(0,89.999997)" /> + </g> + <g + clip-path="url(#clipPath4113-2)" + id="Entry_rtl-entry-active-dark" + inkscape:label="#g3945" + transform="matrix(-1,0,0,1,320,29.999997)"> + <rect + style="fill:#eeeeee;fill-opacity:0;stroke:none" + id="rect4129-1" + width="40" + height="40" + x="40" + y="160" + transform="translate(0,582.36218)" /> + <rect + transform="translate(0,89.999997)" + ry="2" + rx="2" + y="654.36218" + x="42" + height="36" + width="36" + id="rect4131-2" + style="fill:#455a64;fill-opacity:1;stroke:none;filter:url(#filter4602-4)" + clip-path="url(#clipPath3896-5)" /> + </g> + <g + transform="translate(200,110)" + inkscape:label="#g3948" + id="Entry_ltr-base_entry-insensitive-dark" + clip-path="url(#clipPath4117-5-2)"> + <rect + transform="translate(0,582.36218)" + y="160" + x="80" + height="40" + width="40" + id="rect4099-2-8" + style="fill:#eeeeee;fill-opacity:0;stroke:none" /> + <rect + transform="translate(80,89.999997)" + style="fill:#4c5e66;fill-opacity:1;stroke:none;filter:url(#filter3767-8-6)" + id="rect4101-1-5" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3886-18-8)" /> + </g> + <g + clip-path="url(#clipPath4117-5-2)" + id="Entry_rtl-base_entry-insensitive-dark" + inkscape:label="#g3948" + transform="matrix(-1,0,0,1,400,110)"> + <rect + clip-path="url(#clipPath3886-18-8)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect4137-4-5" + style="fill:#4c5e66;fill-opacity:1;stroke:none;filter:url(#filter3767-8-6)" + transform="translate(80,89.999997)" /> + <rect + style="fill:#eeeeee;fill-opacity:0;stroke:none" + id="rect4135-0-6" + width="40" + height="40" + x="80" + y="160" + transform="translate(0,582.36218)" /> + </g> + <g + transform="translate(80,110)" + inkscape:label="#g3948" + id="Entry_ltr-base_entry-dark" + clip-path="url(#clipPath4117-5-3-4)"> + <rect + transform="translate(0,582.36218)" + y="160" + x="80" + height="40" + width="40" + id="rect4099-2-7-5" + style="fill:#eeeeee;fill-opacity:0;stroke:none" /> + <rect + transform="translate(80,89.999997)" + style="fill:#455a64;fill-opacity:1;stroke:none;filter:url(#filter3767-8-4-8)" + id="rect4101-1-2-0" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3886-18-2-08)" /> + </g> + <g + clip-path="url(#clipPath4117-5-3-4)" + id="Entry_rtl-base_entry-dark" + inkscape:label="#g3948" + transform="matrix(-1,0,0,1,280,110)"> + <rect + clip-path="url(#clipPath3886-18-2-08)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect4137-4-8-5" + style="fill:#455a64;fill-opacity:1;stroke:none;filter:url(#filter3767-8-4-8)" + transform="translate(80,89.999997)" /> + <rect + style="fill:#eeeeee;fill-opacity:0;stroke:none" + id="rect4135-0-5-6" + width="40" + height="40" + x="80" + y="160" + transform="translate(0,582.36218)" /> + </g> + <g + transform="translate(200,110)" + inkscape:label="#g3945" + id="Entry_ltr-base_entry-active-dark" + clip-path="url(#clipPath4113-2-3)"> + <rect + transform="translate(0,582.36218)" + y="160" + x="40" + height="40" + width="40" + id="rect4093-0-5" + style="fill:#eeeeee;fill-opacity:0;stroke:none" /> + <rect + clip-path="url(#clipPath3896-5-3)" + style="fill:#455a64;fill-opacity:1;stroke:none;filter:url(#filter4602-4-0)" + id="rect4095-6-5" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" + transform="translate(0,89.999997)" /> + </g> + <g + clip-path="url(#clipPath4113-2-3)" + id="Entry_rtl-base_entry-active-dark" + inkscape:label="#g3945" + transform="matrix(-1,0,0,1,320,110)"> + <rect + style="fill:#eeeeee;fill-opacity:0;stroke:none" + id="rect4129-1-1" + width="40" + height="40" + x="40" + y="160" + transform="translate(0,582.36218)" /> + <rect + transform="translate(0,89.999997)" + ry="2" + rx="2" + y="654.36218" + x="42" + height="36" + width="36" + id="rect4131-2-3" + style="fill:#455a64;fill-opacity:1;stroke:none;filter:url(#filter4602-4-0)" + clip-path="url(#clipPath3896-5-3)" /> + </g> + <g + id="Buttons_flat-button-active-7" + transform="translate(-125,337.3622)" + inkscape:label="#g4706"> + <use + height="100%" + width="100%" + transform="translate(80,0)" + id="use4848" + xlink:href="#use4838" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(3,123)" + id="use4515" + xlink:href="#use4338" + y="0" + x="0" /> + </g> + <g + id="Buttons_flat-button-hover-6" + transform="translate(-125,337.3622)" + inkscape:label="#g4702"> + <use + height="100%" + width="100%" + transform="translate(40,0)" + id="use4842" + xlink:href="#use4838" + y="0" + x="0" /> + <use + style="opacity:0.5" + height="100%" + width="100%" + transform="translate(-40,0)" + id="use4517" + xlink:href="#use4515" + y="0" + x="0" /> + </g> + <g + id="Buttons_flat-button" + transform="translate(-125,337.3622)" + inkscape:label="#g4698"> + <use + height="100%" + width="100%" + transform="translate(-117,123)" + id="use4838" + xlink:href="#rect4836" + y="0" + x="0" /> + <use + style="opacity:0" + height="100%" + width="100%" + transform="translate(-80,0)" + id="use4521" + xlink:href="#use4515" + y="0" + x="0" /> + </g> + <g + id="Buttons_flat-button-insensitive" + transform="translate(-125,337.3622)" + inkscape:label="#g4710"> + <use + height="100%" + width="100%" + transform="translate(120,0)" + id="use4852" + xlink:href="#use4838" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(120,0)" + id="use4523" + xlink:href="#use4521" + y="0" + x="0" /> + </g> + <g + transform="translate(-125,447.3622)" + id="Buttons_checked-flat-button-active" + inkscape:label="#g4724"> + <use + height="100%" + width="100%" + transform="translate(-3,-43)" + id="use4571" + xlink:href="#use4848" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(80,0)" + id="use4563" + xlink:href="#rect4545" + y="0" + x="0" /> + <rect + clip-path="url(#clipPath4476)" + ry="2" + rx="2" + y="7" + x="127" + height="36" + width="36" + id="use4575" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + transform="translate(80,80)" /> + </g> + <g + transform="translate(-125,447.3622)" + id="Buttons_checked-flat-button-hover" + inkscape:label="#g4719"> + <use + height="100%" + width="100%" + transform="translate(-3,-43)" + id="use4569" + xlink:href="#use4842" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(40,0)" + id="use4561" + xlink:href="#rect4545" + y="0" + x="0" /> + <use + style="opacity:0.5" + height="100%" + width="100%" + transform="translate(-40,0)" + id="use4577" + xlink:href="#use4575" + y="0" + x="0" /> + </g> + <g + transform="translate(-125,447.3622)" + id="Buttons_checked-flat-button" + inkscape:label="#g4714"> + <use + height="100%" + width="100%" + transform="translate(-3,-43)" + id="use4567" + xlink:href="#use4838" + y="0" + x="0" /> + <rect + clip-path="url(#clipPath4476)" + ry="2" + rx="2" + y="7" + x="127" + height="36" + width="36" + id="rect4545" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + transform="translate(0,80)" /> + <use + style="opacity:0" + height="100%" + width="100%" + transform="translate(-80,0)" + id="use4579" + xlink:href="#use4575" + y="0" + x="0" /> + </g> + <rect + style="opacity:1;fill:#E8E8E8;fill-opacity:0.4;stroke:none" + id="Buttons_checked-flat-button-insensitive" + width="36" + height="36" + x="122" + y="534.36218" + rx="2" + ry="2" + inkscape:label="#rect3836-34" /> + <g + id="Buttons_flat-button-active-6" + transform="translate(-3,349.3622)" + inkscape:label="#g4706"> + <use + height="100%" + width="100%" + transform="translate(80,0)" + id="use4848-0" + xlink:href="#use4838-6" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(3,123)" + id="use4515-8" + xlink:href="#use4338" + y="0" + x="0" /> + </g> + <g + id="Buttons_flat-button-hover-4" + transform="translate(-3,349.3622)" + inkscape:label="#g4702"> + <use + height="100%" + width="100%" + transform="translate(40,0)" + id="use4842-5" + xlink:href="#use4838-6" + y="0" + x="0" /> + <use + style="opacity:0.5" + height="100%" + width="100%" + transform="translate(-40,0)" + id="use4517-2" + xlink:href="#use4515-8" + y="0" + x="0" /> + </g> + <g + id="Buttons_flat-button-3" + transform="translate(-3,349.3622)" + inkscape:label="#g4698"> + <use + height="100%" + width="100%" + transform="translate(-117,123)" + id="use4838-6" + xlink:href="#rect4836" + y="0" + x="0" /> + <use + style="opacity:0" + height="100%" + width="100%" + transform="translate(-80,0)" + id="use4521-3" + xlink:href="#use4515-8" + y="0" + x="0" /> + </g> + <g + id="Buttons_flat-button-insensitive-2" + transform="translate(-3,349.3622)" + inkscape:label="#g4710"> + <use + height="100%" + width="100%" + transform="translate(120,0)" + id="use4852-2" + xlink:href="#use4838-6" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(120,0)" + id="use4523-0" + xlink:href="#use4521-3" + y="0" + x="0" /> + </g> + <g + id="Buttons_flat-button-active-1" + transform="translate(-3,349.3622)" + inkscape:label="#g4706"> + <use + height="100%" + width="100%" + transform="translate(80,0)" + id="use4848-1" + xlink:href="#use4838" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(3,123)" + id="use4515-0" + xlink:href="#use4338" + y="0" + x="0" /> + </g> + <g + transform="translate(150,504.3622)" + id="ProgressBar_bar" + inkscape:label="#g4278"> + <rect + y="4" + x="4" + height="4" + width="4" + id="rect4162" + style="fill:#E8E8E8;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" /> + </g> + <g + transform="translate(251,520.3622)" + id="Range_scale-slider" + inkscape:label="#g4284"> + <rect + y="12" + x="4" + height="20" + width="20" + id="rect4174" + style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" /> + <circle + r="8" + cy="22" + cx="14" + id="path4176" + style="opacity:1;fill:#E8E8E8;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" /> + </g> + <g + transform="translate(227,540.3622)" + id="Range_scale-slider-hover" + inkscape:label="#g4288"> + <use + height="100%" + width="100%" + transform="translate(24,0)" + id="use4186" + xlink:href="#rect4174" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="matrix(1.25,0,0,1.25,20.5,-5.5)" + id="use4188" + xlink:href="#path4176" + y="0" + x="0" /> + </g> + <g + transform="translate(226,540.3622)" + id="Range_scale-slider-active" + inkscape:label="#g4292"> + <use + height="100%" + width="100%" + transform="translate(24,0)" + id="use4190" + xlink:href="#use4186" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(24,0)" + id="use4192" + xlink:href="#use4188" + y="0" + x="0" /> + </g> + <g + id="Scrollbars_h-trough" + inkscape:label="#g4339" + transform="translate(180,446.3622)"> + <rect + y="110" + x="6" + height="16" + width="18" + id="rect4224" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" /> + </g> + <g + id="Scrollbars_v-trough-insensitive" + inkscape:label="#g4375" + transform="translate(113,333.3622)"> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="use4552" + width="18" + height="16" + x="-239" + y="51" + transform="matrix(0,-1,1,0,0,0)" /> + </g> + <g + id="Scrollbars_v-slider" + inkscape:label="#g4383" + transform="matrix(0.47058824,0,0,0.55555554,-31.411765,342.91776)"> + <rect + y="71" + x="-260" + height="17" + width="18" + id="use4534" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + transform="matrix(0,-1,1,0,0,0)" /> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0.33000004;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4536" + width="18" + height="17" + x="-260" + y="71" + rx="0" + ry="0" + transform="matrix(0,-1,1,0,0,0)" /> + </g> + <g + id="Scrollbars_v-slider-active" + inkscape:label="#g4391" + transform="matrix(0.31372549,0,0,0.42087532,19.725525,396.87401)"> + <rect + y="71" + x="-215" + height="17" + width="18" + id="use4542" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + transform="matrix(0,-1,1,0,0,0)" /> + <rect + ry="0" + rx="0" + y="70.999901" + x="-215" + height="25.5" + width="23.760006" + id="use4544" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0.75;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + transform="matrix(0,-1,1,0,0,0)" /> + </g> + <g + id="Scrollbars_v-slider-insensitive" + inkscape:label="#g4395" + transform="matrix(0.47058824,0,0,0.55555554,28.588235,380.69554)" + style="opacity:0.4"> + <rect + y="71" + x="-192" + height="17" + width="18" + id="use4546" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + transform="matrix(0,-1,1,0,0,0)" /> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0.33000004;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4548" + width="18" + height="17" + x="-192" + y="71" + rx="0" + ry="0" + transform="matrix(0,-1,1,0,0,0)" /> + </g> + <g + id="Scrollbars_v-slider-hover" + inkscape:label="#g4351" + transform="matrix(0.44444444,0,0,0.39215686,9.111115,429.71514)" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <rect + y="130" + x="29" + height="17" + width="18" + id="use4230-7" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.8;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0.45;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4232-0" + width="18" + height="25.5" + x="29" + y="121.5" + rx="0" + ry="0" /> + </g> + <g + id="Scrollbars_h-slider" + inkscape:label="#g4347" + transform="matrix(0.55555556,0,0,0.47058824,80.666667,418.18573)"> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4226" + width="18" + height="17" + x="6" + y="130" /> + <rect + ry="0" + rx="0" + y="130" + x="5.9999995" + height="17" + width="18" + id="rect4228" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0.33000004;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Scrollbars_h-slider-hover" + inkscape:label="#g4351" + transform="matrix(0.55555556,0,0,0.31372549,87.888887,441.24455)" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <use + height="100%" + width="100%" + transform="translate(23,0)" + id="use4230" + xlink:href="#use4226" + y="0" + x="0" /> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.8;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0.45;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4232" + width="18" + height="25.5" + x="29" + y="121.5" + rx="0" + ry="0" /> + </g> + <g + id="Scrollbars_h-slider-active" + inkscape:label="#g4355" + transform="matrix(0.42087532,0,0,0.31372549,104.05051,441.24455)"> + <use + height="100%" + width="100%" + transform="translate(45,0)" + id="use4234" + xlink:href="#use4226" + y="0" + x="0" /> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0.75;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4236" + width="23.760006" + height="25.5" + x="47.399998" + y="121.5" + rx="0" + ry="0" /> + </g> + <g + id="Scrollbars_h-slider-insensitive" + inkscape:label="#g4359" + transform="matrix(0.55555554,0,0,0.47058824,102.88889,418.18573)"> + <use + height="100%" + width="100%" + transform="translate(68,0)" + id="use4238" + xlink:href="#use4226" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(68,0)" + id="use4240" + xlink:href="#rect4228" + y="0" + x="0" + style="opacity:0.4" /> + </g> + <g + id="Scrollbars_v-trough" + inkscape:label="#g4375" + transform="translate(113,311.3622)"> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="use4552-9" + width="18" + height="16" + x="-239" + y="51" + transform="matrix(0,-1,1,0,0,0)" /> + </g> + <g + id="Scrollbars_h-trough-dark" + inkscape:label="#g4339" + transform="translate(226,446.3622)" + style="fill:#455a64;fill-opacity:1"> + <rect + y="110" + x="6" + height="16" + width="18" + id="rect4224-2" + style="opacity:1;fill:#455a64;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" /> + </g> + <g + id="Scrollbars_v-trough-insensitive-dark" + inkscape:label="#g4375" + transform="translate(159,333.3622)" + style="fill:#455a64;fill-opacity:1"> + <rect + style="opacity:1;fill:#455a64;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="use4552-3" + width="18" + height="16" + x="-239" + y="51" + transform="matrix(0,-1,1,0,0,0)" /> + </g> + <g + id="Scrollbars_v-trough-dark" + inkscape:label="#g4375" + transform="translate(159,311.3622)" + style="fill:#455a64;fill-opacity:1"> + <rect + style="opacity:1;fill:#455a64;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" + id="use4552-9-8" + width="18" + height="16" + x="-239" + y="51" + transform="matrix(0,-1,1,0,0,0)" /> + </g> + <g + transform="translate(274,520.3622)" + id="Range_scale-slider-insensitive" + inkscape:label="#g4284"> + <rect + y="12" + x="4" + height="20" + width="20" + id="rect4174-6" + style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" /> + <circle + r="8" + cy="22" + cx="14" + id="path4176-2" + style="opacity:1;fill:#e9ebec;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" /> + </g> + <g + transform="translate(296,520.3622)" + id="Range_scale-slider-insensitive-dark" + inkscape:label="#g4284"> + <rect + y="12" + x="4" + height="20" + width="20" + id="rect4174-6-4" + style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" /> + <circle + r="8" + cy="22" + cx="14" + id="path4176-2-1" + style="opacity:1;fill:#4c5d65;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" /> + </g> + <g + id="Scrollbars_v-slider-dark" + inkscape:label="#g4383" + transform="matrix(0.47058824,0,0,0.55555554,128.58823,342.91776)"> + <rect + y="71" + x="-260" + height="17" + width="18" + id="use4534-9" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + transform="matrix(0,-1,1,0,0,0)" /> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:0.33000004;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4536-3" + width="18" + height="17" + x="-260" + y="71" + rx="0" + ry="0" + transform="matrix(0,-1,1,0,0,0)" /> + </g> + <g + id="Scrollbars_v-slider-active-dark" + inkscape:label="#g4391" + transform="matrix(0.31372549,0,0,0.42087532,179.72552,396.87401)"> + <rect + y="71" + x="-215" + height="17" + width="18" + id="use4542-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + transform="matrix(0,-1,1,0,0,0)" /> + <rect + ry="0" + rx="0" + y="70.999901" + x="-215" + height="25.5" + width="23.760006" + id="use4544-5" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:0.74901961;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + transform="matrix(0,-1,1,0,0,0)" /> + </g> + <g + id="Scrollbars_v-slider-insensitive-dark" + inkscape:label="#g4395" + transform="matrix(0.47058824,0,0,0.55555554,188.58823,380.69554)" + style="opacity:0.4"> + <rect + y="71" + x="-192" + height="17" + width="18" + id="use4546-6" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + transform="matrix(0,-1,1,0,0,0)" /> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:0.32941176;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4548-7" + width="18" + height="17" + x="-192" + y="71" + rx="0" + ry="0" + transform="matrix(0,-1,1,0,0,0)" /> + </g> + <g + id="Scrollbars_v-slider-hover-dark" + inkscape:label="#g4351" + transform="matrix(0.44444444,0,0,0.39215686,169.11111,429.71514)" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <rect + y="130" + x="29" + height="17" + width="18" + id="use4230-7-4" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.8;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:0.45098039;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4232-0-5" + width="18" + height="25.5" + x="29" + y="121.5" + rx="0" + ry="0" /> + </g> + <g + id="Scrollbars_h-slider-dark" + inkscape:label="#g4347" + transform="matrix(0.55555556,0,0,0.47058824,240.66667,418.18573)"> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4226-8" + width="18" + height="17" + x="6" + y="130" /> + <rect + ry="0" + rx="0" + y="130" + x="5.9999995" + height="17" + width="18" + id="rect4228-4" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:0.32941176;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Scrollbars_h-slider-hover-dark" + inkscape:label="#g4351" + transform="matrix(0.55555556,0,0,0.31372549,247.88889,441.24455)" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + <use + height="100%" + width="100%" + transform="translate(23,0)" + id="use4230-8" + xlink:href="#use4226-8" + y="0" + x="0" /> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.8;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:0.45098039;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4232-03" + width="18" + height="25.5" + x="29" + y="121.5" + rx="0" + ry="0" /> + </g> + <g + id="Scrollbars_h-slider-active-dark" + inkscape:label="#g4355" + transform="matrix(0.42087532,0,0,0.31372549,264.05051,441.24455)"> + <use + height="100%" + width="100%" + transform="translate(45,0)" + id="use4234-2" + xlink:href="#use4226-8" + y="0" + x="0" /> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:0.74901961;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4236-8" + width="23.760006" + height="25.5" + x="47.399998" + y="121.5" + rx="0" + ry="0" /> + </g> + <g + id="Scrollbars_h-slider-insensitive-dark" + inkscape:label="#g4359" + transform="matrix(0.55555554,0,0,0.47058824,262.88889,418.18573)"> + <use + height="100%" + width="100%" + transform="translate(68,0)" + id="use4238-7" + xlink:href="#use4226-8" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(68,0)" + id="use4240-7" + xlink:href="#rect4228-4" + y="0" + x="0" + style="opacity:0.6;fill:#eceff1;fill-opacity:0.33000004" /> + </g> + <g + transform="translate(160,504.3622)" + id="ProgressBar_trough" + inkscape:label="#g4278" + style="opacity:1;fill:#eaebec;fill-opacity:1"> + <rect + y="4" + x="4" + height="4" + width="4" + id="rect4162-4" + style="fill:#eaebec;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" /> + </g> + <g + id="Range_v-scale-trough" + inkscape:label="#g6534"> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4214" + width="40" + height="20" + x="432.36221" + y="-35" + transform="matrix(0,1,-1,0,0,0)" /> + <rect + y="440.36221" + x="24" + height="24" + width="2" + id="rect6532" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(30,0)" + id="Range_v-scale-trough-insensitive" + inkscape:label="#g6534"> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4214-2" + width="40" + height="20" + x="432.36221" + y="-35" + transform="matrix(0,1,-1,0,0,0)" /> + <rect + y="440.36221" + x="24" + height="24" + width="2" + id="rect6532-9" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0.4;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="matrix(0,1,-1,0,542.36221,427.36221)" + id="Range_h-scale-trough" + inkscape:label="#g6534"> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4214-7" + width="40" + height="20" + x="432.36221" + y="-35" + transform="matrix(0,1,-1,0,0,0)" /> + <rect + y="440.36221" + x="24" + height="24" + width="2" + id="rect6532-3" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="matrix(0,1,-1,0,587.36221,427.36221)" + id="Range_h-scale-trough-insensitive" + inkscape:label="#g6534"> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4214-7-9" + width="40" + height="20" + x="432.36221" + y="-35" + transform="matrix(0,1,-1,0,0,0)" /> + <rect + y="440.36221" + x="24" + height="24" + width="2" + id="rect6532-3-8" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0.4;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(160,-3.1347656e-6)" + id="Range_v-scale-trough-dark" + inkscape:label="#g6534"> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4214-1" + width="40" + height="20" + x="432.36221" + y="-35" + transform="matrix(0,1,-1,0,0,0)" /> + <rect + y="440.36221" + x="24" + height="24" + width="2" + id="rect6532-6" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(190,-3.1347656e-6)" + id="Range_v-scale-trough-insensitive-dark" + inkscape:label="#g6534"> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4214-2-0" + width="40" + height="20" + x="432.36221" + y="-35" + transform="matrix(0,1,-1,0,0,0)" /> + <rect + y="440.36221" + x="24" + height="24" + width="2" + id="rect6532-9-6" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:0.4;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="matrix(0,1,-1,0,702.36221,427.36221)" + id="Range_h-scale-trough-dark" + inkscape:label="#g6534"> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4214-7-3" + width="40" + height="20" + x="432.36221" + y="-35" + transform="matrix(0,1,-1,0,0,0)" /> + <rect + y="440.36221" + x="24" + height="24" + width="2" + id="rect6532-3-5" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="matrix(0,1,-1,0,747.36221,427.36221)" + id="Range_h-scale-trough-insensitive-dark" + inkscape:label="#g6534"> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use4214-7-9-4" + width="40" + height="20" + x="432.36221" + y="-35" + transform="matrix(0,1,-1,0,0,0)" /> + <rect + y="440.36221" + x="24" + height="24" + width="2" + id="rect6532-3-8-3" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:0.4;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Column_column" + transform="translate(-0.04419422,0.05113433)" + inkscape:label="#g5642"> + <rect + y="427.31107" + x="5.0441942" + height="3" + width="3" + id="rect2987-9" + style="fill:#000000;fill-opacity:0.1;stroke:none" /> + <rect + y="427.31107" + x="5.0441942" + height="2" + width="2" + id="rect3757-0" + style="fill:#ffffff;fill-opacity:1;stroke:none" /> + </g> + <g + id="Column_column-active" + inkscape:label="#g5651"> + <rect + y="427.36221" + x="21" + height="3.0000131" + width="3" + id="rect2987-19" + style="fill:#000000;fill-opacity:0.1;stroke:none" /> + <rect + y="427.36221" + x="21" + height="2" + width="2" + id="rect3757-5" + style="fill:#ffffff;fill-opacity:1;stroke:none" /> + <rect + y="427.36221" + x="21" + height="2" + width="2" + id="rect10" + style="fill:#333333;fill-opacity:0.1;stroke:none" /> + </g> + <g + id="Column_column-hover" + inkscape:label="#g5646"> + <rect + y="427.36221" + x="13" + height="3.0000131" + width="3" + id="rect2987-3" + style="fill:#000000;fill-opacity:0.1;stroke:none" /> + <rect + y="427.36221" + x="13" + height="2" + width="2" + id="rect3757-2" + style="fill:#ffffff;fill-opacity:1;stroke:none" /> + <rect + y="427.36221" + x="13" + height="2" + width="2" + id="rect10-8" + style="fill:#333333;fill-opacity:0.05;stroke:none" /> + </g> + <g + id="Column_column-insensitive" + inkscape:label="#g5656"> + <rect + y="427.36221" + x="29" + height="3.0000131" + width="3" + id="rect2987-8" + style="fill:#000000;fill-opacity:0.1;stroke:none" /> + <rect + y="427.36221" + x="29" + height="2" + width="2" + id="rect3757-29" + style="fill:#f6f6f6;fill-opacity:1;stroke:none" /> + </g> + <g + id="Column_column-dark" + transform="translate(159.95581,0.05111687)" + inkscape:label="#g5642"> + <rect + y="427.3111" + x="5.0441899" + height="2.9999826" + width="3.0000043" + id="rect2987-9-5" + style="fill:#000000;fill-opacity:0.1;stroke:none" /> + <rect + y="427.31107" + x="5.0441942" + height="2" + width="2" + id="rect3757-0-1" + style="fill:#455a64;fill-opacity:1;stroke:none" /> + </g> + <g + transform="translate(160,-1.3134766e-5)" + id="Column_column-active-dark" + inkscape:label="#g5651"> + <rect + y="427.36221" + x="21" + height="3" + width="3" + id="rect2987-19-7" + style="fill:#000000;fill-opacity:0.1;stroke:none" /> + <rect + y="427.36221" + x="21" + height="2" + width="2" + id="rect3757-5-1" + style="fill:#56707d;fill-opacity:1;stroke:none" /> + </g> + <g + transform="translate(160,-1.3134766e-5)" + id="Column_column-hover-dark" + inkscape:label="#g5646"> + <rect + y="427.36221" + x="13" + height="3" + width="3" + id="rect2987-3-9" + style="fill:#000000;fill-opacity:0.1;stroke:none" /> + <rect + y="427.36221" + x="13" + height="2" + width="2" + id="rect3757-2-1" + style="fill:#4d6570;fill-opacity:1;stroke:none" /> + </g> + <g + transform="translate(160,-1.3134766e-5)" + id="Column_column-insensitive-dark" + inkscape:label="#g5656"> + <rect + y="427.36221" + x="29" + height="3" + width="3" + id="rect2987-8-4" + style="fill:#000000;fill-opacity:0.1;stroke:none" /> + <rect + y="427.36221" + x="29" + height="2" + width="2" + id="rect3757-29-4" + style="fill:#455a64;fill-opacity:1;stroke:none" /> + </g> + <rect + style="fill:none;stroke:none" + id="Others_focus" + width="4" + height="4" + x="37" + y="425.36221" + rx="1" + ry="1" + inkscape:label="#rect2984" /> + <rect + style="fill:none;stroke:none" + id="Others_focus-dark" + width="4" + height="4" + x="197" + y="425.36221" + rx="1" + ry="1" + inkscape:label="#rect2984" /> + <g + transform="translate(156,-3.1347656e-6)" + id="Others_bottom" + inkscape:label="#g5642"> + <rect + y="426.36221" + x="50" + height="2" + width="2" + id="rect2987-0" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" /> + <rect + y="426.36221" + x="50" + height="4" + width="2" + id="rect5640" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#56707d;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(158,-3.1347656e-6)" + id="Others_top-hover" + inkscape:label="#g5654"> + <rect + y="428.36221" + x="60" + height="2" + width="2" + id="rect2987-09" + style="fill:#eceff1;fill-opacity:0.2;stroke:none" /> + <rect + y="426.36221" + x="60" + height="4" + width="2" + id="rect5652" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#56707d;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="matrix(1,0,0,-1,162,856.72442)" + id="Others_top" + inkscape:label="#g5642"> + <rect + y="426.36221" + x="50" + height="2" + width="2" + id="rect2987-0-6" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" /> + <rect + y="426.36221" + x="50" + height="4" + width="2" + id="rect5640-7" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#56707d;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="matrix(0,-1,-1,0,654.36222,479.36221)" + id="Others_left" + inkscape:label="#g5642"> + <rect + y="426.36221" + x="50" + height="2" + width="2" + id="rect2987-0-7" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" /> + <rect + y="426.36221" + x="50" + height="4" + width="2" + id="rect5640-6" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#56707d;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="matrix(0,-1,1,0,-194.36221,479.36221)" + id="Others_right" + inkscape:label="#g5642"> + <rect + y="426.36221" + x="50" + height="2" + width="2" + id="rect2987-0-7-3" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" /> + <rect + y="426.36221" + x="50" + height="4" + width="2" + id="rect5640-6-7" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#56707d;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Toolbar_inline-toolbar" + inkscape:label="#g5759"> + <rect + y="427.36221" + x="46" + height="3" + width="4" + id="rect2987-00" + style="fill:#000000;fill-opacity:0.1;stroke:none" /> + <rect + y="427.36221" + x="47" + height="2" + width="2" + id="rect3757-63" + style="fill:#f7f9f9;fill-opacity:1;stroke:none" /> + </g> + <g + transform="translate(194,-3.1347656e-6)" + id="Toolbar_inline-toolbar-dark" + inkscape:label="#g5759"> + <rect + y="427.36221" + x="46" + height="3" + width="4" + id="rect2987-00-3" + style="fill:#000000;fill-opacity:0.1;stroke:none" /> + <rect + y="427.36221" + x="47" + height="2" + width="2" + id="rect3757-63-1" + style="fill:#3b4c54;fill-opacity:1;stroke:none" /> + </g> + <g + id="Lines_h-line" + transform="matrix(1,0,0,-1,0,856.72441)" + inkscape:label="#g5792"> + <rect + y="426.36221" + x="54" + height="1" + width="4" + id="rect2987-87" + style="fill:#000000;fill-opacity:0.1;stroke:none" /> + <rect + y="426.36221" + x="54" + height="2" + width="4" + id="rect5790" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#f7f9f9;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Lines_menu-line-ltr" + transform="matrix(6,0,0,1,-262,5.9999869)" + inkscape:label="#g5792"> + <rect + y="426.36221" + x="57.333332" + height="1" + width="0.66666669" + id="rect2987-87-6" + style="fill:#000000;fill-opacity:0.2;stroke:none" /> + <rect + y="426.36221" + x="54" + height="2" + width="4" + id="rect5790-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#f7f9f9;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Lines_v-line" + transform="matrix(0,-1,1,0,-364.36221,484.3622)" + inkscape:label="#g5792"> + <rect + y="426.36221" + x="54" + height="1" + width="4" + id="rect2987-87-6-9" + style="fill:#000000;fill-opacity:0.1;stroke:none" /> + <rect + y="426.36221" + x="54" + height="2" + width="4" + id="rect5790-1-7" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#f7f9f9;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Shadows_frame" + style="fill:#FAFBFC;fill-opacity:0.1;fill-rule:evenodd" + inkscape:label="#g5885" + transform="translate(-8.0000061,0)"> + <path + id="rect3757-24" + style="fill:#FAFBFC;fill-opacity:0.1;fill-rule:evenodd;stroke:none" + d="m 77,427.36221 2,0 0,2 -2,0 z m -1,-1 4,0 0,4 -4,0 z" + inkscape:connector-curvature="0" /> + </g> + <rect + style="fill:#000000;fill-opacity:0.1;stroke:none" + id="Shadows_gap" + width="2" + height="1" + x="76" + y="429.36221" + inkscape:label="#rect2987-16" /> + <g + id="Check-Radio_radio" + inkscape:label="#g5825"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4605-15-9" + cx="118" + cy="399.36218" + r="3" /> + <circle + r="8" + cy="399.36221" + cx="118" + id="path4507-8-1-5" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Check-Radio_check" + inkscape:label="#g5755" + style="opacity:0.75"> + <g + style="opacity:1;fill:#263238;fill-opacity:1" + inkscape:label="#g4634" + id="g4634" + transform="translate(28,-292.99999)"> + <g + style="fill:#263238;fill-opacity:1" + id="g4646-8-0-7" + inkscape:label="#g4638" + transform="translate(-10,0)" /> + <path + sodipodi:nodetypes="ccccccc" + d="m 88.25,647.0794 -4.444444,-4.44448 1.253333,-1.25328 3.191111,3.18216 6.746667,-6.74664 1.253333,1.26224 z" + style="fill:#263238;fill-opacity:1;fill-rule:evenodd" + id="path4-9-7-3-9-7" + inkscape:connector-curvature="0" /> + </g> + <rect + y="341.36221" + x="110" + height="16" + width="16" + id="rect5743" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(0,24.999997)" + id="Check-Radio_check-selected" + inkscape:label="#g5755" + style="opacity:1"> + <g + style="opacity:1;fill:#263238;fill-opacity:1" + inkscape:label="#g4634" + id="g4634-5" + transform="translate(28,-292.99999)"> + <g + style="fill:#263238;fill-opacity:1" + id="g4646-8-0-7-2" + inkscape:label="#g4638" + transform="translate(-10,0)" /> + <path + sodipodi:nodetypes="ccccccc" + d="m 88.25,647.0794 -4.444444,-4.44448 1.253333,-1.25328 3.191111,3.18216 6.746667,-6.74664 1.253333,1.26224 z" + style="fill:#263238;fill-opacity:1;fill-rule:evenodd" + id="path4-9-7-3-9-7-6" + inkscape:connector-curvature="0" /> + </g> + <rect + y="341.36221" + x="110" + height="16" + width="16" + id="rect5743-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(25,24.999997)" + id="Check-Radio_check-insensitive" + inkscape:label="#g5755" + style="opacity:0.4"> + <g + style="opacity:1;fill:#263238;fill-opacity:1" + inkscape:label="#g4634" + id="g4634-5-5" + transform="translate(28,-292.99999)"> + <g + style="fill:#263238;fill-opacity:1" + id="g4646-8-0-7-2-4" + inkscape:label="#g4638" + transform="translate(-10,0)" /> + <path + sodipodi:nodetypes="ccccccc" + d="m 88.25,647.0794 -4.444444,-4.44448 1.253333,-1.25328 3.191111,3.18216 6.746667,-6.74664 1.253333,1.26224 z" + style="fill:#263238;fill-opacity:1;fill-rule:evenodd" + id="path4-9-7-3-9-7-6-5" + inkscape:connector-curvature="0" /> + </g> + <rect + y="341.36221" + x="110" + height="16" + width="16" + id="rect5743-1-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(0,24.999997)" + id="Check-Radio_radio-selected" + inkscape:label="#g5825"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4605-15-9-2" + cx="118" + cy="399.36218" + r="3" /> + <circle + r="8" + cy="399.36221" + cx="118" + id="path4507-8-1-5-7" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(25,24.999997)" + id="Check-Radio_radio-insensitive" + inkscape:label="#g5825" + style="opacity:0.4"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4605-15-9-2-2" + cx="118" + cy="399.36218" + r="3" /> + <circle + r="8" + cy="399.36221" + cx="118" + id="path4507-8-1-5-7-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(160,24.999987)" + id="Check-Radio_check-selected-dark" + inkscape:label="#g5755" + style="opacity:1"> + <g + style="opacity:1;fill:#263238;fill-opacity:1" + inkscape:label="#g4634" + id="g4634-5-59" + transform="translate(28,-292.99999)"> + <g + style="fill:#263238;fill-opacity:1" + id="g4646-8-0-7-2-5" + inkscape:label="#g4638" + transform="translate(-10,0)" /> + <path + sodipodi:nodetypes="ccccccc" + d="m 88.25,647.0794 -4.444444,-4.44448 1.253333,-1.25328 3.191111,3.18216 6.746667,-6.74664 1.253333,1.26224 z" + style="fill:#eceff1;fill-opacity:1;fill-rule:evenodd" + id="path4-9-7-3-9-7-6-3" + inkscape:connector-curvature="0" /> + </g> + <rect + y="341.36221" + x="110" + height="16" + width="16" + id="rect5743-1-7" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(160,-1.3134766e-5)" + id="Check-Radio_check-dark" + inkscape:label="#g5755" + style="opacity:0.75"> + <g + style="opacity:1;fill:#263238;fill-opacity:1" + inkscape:label="#g4634" + id="g4634-5-59-1" + transform="translate(28,-292.99999)"> + <g + style="fill:#263238;fill-opacity:1" + id="g4646-8-0-7-2-5-7" + inkscape:label="#g4638" + transform="translate(-10,0)" /> + <path + sodipodi:nodetypes="ccccccc" + d="m 88.25,647.0794 -4.444444,-4.44448 1.253333,-1.25328 3.191111,3.18216 6.746667,-6.74664 1.253333,1.26224 z" + style="fill:#eceff1;fill-opacity:1;fill-rule:evenodd" + id="path4-9-7-3-9-7-6-3-1" + inkscape:connector-curvature="0" /> + </g> + <rect + y="341.36221" + x="110" + height="16" + width="16" + id="rect5743-1-7-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(185,24.999987)" + id="Check-Radio_check-insensitive-dark" + inkscape:label="#g5755" + style="opacity:0.4"> + <g + style="opacity:1;fill:#263238;fill-opacity:1" + inkscape:label="#g4634" + id="g4634-5-59-2" + transform="translate(28,-292.99999)"> + <g + style="fill:#263238;fill-opacity:1" + id="g4646-8-0-7-2-5-2" + inkscape:label="#g4638" + transform="translate(-10,0)" /> + <path + sodipodi:nodetypes="ccccccc" + d="m 88.25,647.0794 -4.444444,-4.44448 1.253333,-1.25328 3.191111,3.18216 6.746667,-6.74664 1.253333,1.26224 z" + style="fill:#eceff1;fill-opacity:1;fill-rule:evenodd" + id="path4-9-7-3-9-7-6-3-9" + inkscape:connector-curvature="0" /> + </g> + <rect + y="341.36221" + x="110" + height="16" + width="16" + id="rect5743-1-7-5" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(160,24.999987)" + id="Check-Radio_radio-selected-dark" + inkscape:label="#g5825"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4605-15-9-2-3" + cx="118" + cy="399.36218" + r="3" /> + <circle + r="8" + cy="399.36221" + cx="118" + id="path4507-8-1-5-7-4" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(160,-1.3134766e-5)" + id="Check-Radio_radio-dark" + inkscape:label="#g5825" + style="opacity:0.75"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4605-15-9-2-3-8" + cx="118" + cy="399.36218" + r="3" /> + <circle + r="8" + cy="399.36221" + cx="118" + id="path4507-8-1-5-7-4-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(185,24.999987)" + id="Check-Radio_radio-insensitive-dark" + inkscape:label="#g5825" + style="opacity:0.4"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4605-15-9-2-3-5" + cx="118" + cy="399.36218" + r="3" /> + <circle + r="8" + cy="399.36221" + cx="118" + id="path4507-8-1-5-7-4-2" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_down-dark" + transform="translate(0,-0.50001313)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:0.8;stroke:none" + sodipodi:nodetypes="cccc" + id="6424" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_down-alt-dark" + transform="translate(20,-0.50001313)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:0.75;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_down-alt-hover-dark" + transform="translate(40,-0.50001313)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_down-alt-insensitive-dark" + transform="translate(60,-0.50001313)" + inkscape:label="#g6017" + style="opacity:0.4"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-0" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_down-insensitive-dark" + transform="translate(80,-0.50001313)" + inkscape:label="#g6017" + style="opacity:0.4"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-0-3" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-0-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_up-dark" + transform="matrix(1,0,0,-1,0,799.22441)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:0.8;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-6" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-95" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_up-alt-dark" + transform="matrix(1,0,0,-1,20,799.22441)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:0.75;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-28" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-11" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_up-alt-hover-dark" + transform="matrix(1,0,0,-1,40,799.22441)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-04" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_up-alt-insensitive-dark" + transform="matrix(1,0,0,-1,60,799.22441)" + inkscape:label="#g6017" + style="opacity:0.4"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-0-5" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-0-3" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_up-insensitive-dark" + transform="matrix(1,0,0,-1,80,799.22441)" + inkscape:label="#g6017" + style="opacity:0.4"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-0-3-2" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-0-0-5" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_right-dark" + transform="matrix(0,1,1,0,-236.86221,196.3622)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:0.8;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-6-2" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-95-4" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_right-alt-dark" + transform="matrix(0,1,1,0,-216.86221,196.3622)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:0.75;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-28-7" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-11-7" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_right-alt-hover-dark" + transform="matrix(0,1,1,0,-196.86221,196.3622)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-04-7" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-1-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_right-alt-insensitive-dark" + transform="matrix(0,1,1,0,-176.86221,196.3622)" + inkscape:label="#g6017" + style="opacity:0.4"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-0-5-2" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-0-3-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_right-insensitive-dark" + transform="matrix(0,1,1,0,-156.86221,196.3622)" + inkscape:label="#g6017" + style="opacity:0.4"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-0-3-2-8" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-0-0-5-9" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_left-dark" + transform="matrix(0,-1,-1,0,582.86222,522.3622)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:0.8;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-6-2-8" + d="m 178,407.86222 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-95-4-3" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_left-alt-dark" + transform="matrix(0,-1,-1,0,602.86222,522.3622)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:0.75;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-28-7-9" + d="m 178,407.86222 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-11-7-4" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_left-alt-hover-dark" + transform="matrix(0,-1,-1,0,622.86222,522.3622)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-04-7-2" + d="m 178,407.86222 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-1-0-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_left-alt-insensitive-dark" + transform="matrix(0,-1,-1,0,642.86222,522.3622)" + inkscape:label="#g6017" + style="opacity:0.4"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-0-5-2-7" + d="m 178,407.86222 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-0-3-0-7" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_left-insensitive-dark" + transform="matrix(0,-1,-1,0,662.86222,522.3622)" + inkscape:label="#g6017" + style="opacity:0.4"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#eceff1;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-0-3-2-8-9" + d="m 178,407.86222 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-0-0-5-9-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_down" + transform="translate(-160,-0.50001313)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:0.75;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-2" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-4" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_down-alt" + transform="translate(-140,-0.50001313)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:0.74901961;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-1" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-14" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_down-alt-hover" + transform="translate(-120,-0.50001313)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-040" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-2" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_down-alt-insensitive" + transform="translate(-100,-0.50001313)" + inkscape:label="#g6017" + style="opacity:0.4"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-0-8" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-0-37" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_down-insensitive" + transform="translate(-80,-0.50001313)" + inkscape:label="#g6017" + style="opacity:0.4"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-0-3-3" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-0-0-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_up" + transform="matrix(1,0,0,-1,-160,799.22441)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:0.75;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-2-4" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-4-4" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_up-alt" + transform="matrix(1,0,0,-1,-140,799.22441)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:0.74901961;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-1-8" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-14-7" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_up-alt-hover" + transform="matrix(1,0,0,-1,-120,799.22441)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-040-7" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-2-6" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_up-alt-insensitive" + transform="matrix(1,0,0,-1,-100,799.22441)" + inkscape:label="#g6017" + style="opacity:0.4"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-0-8-6" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-0-37-8" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_up-insensitive" + transform="matrix(1,0,0,-1,-80,799.22441)" + inkscape:label="#g6017" + style="opacity:0.4"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-0-3-3-0" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-0-0-0-3" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_right" + transform="matrix(0,1,1,0,-396.86221,196.3622)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:0.75;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-2-4-2" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-4-4-4" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_right-alt" + transform="matrix(0,1,1,0,-376.86221,196.3622)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:0.74901961;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-1-8-6" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-14-7-5" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_right-alt-hover" + transform="matrix(0,1,1,0,-356.86221,196.3622)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-040-7-8" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-2-6-9" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_right-alt-insensitive" + transform="matrix(0,1,1,0,-336.86221,196.3622)" + inkscape:label="#g6017" + style="opacity:0.4"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-0-8-6-6" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-0-37-8-4" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_right-insensitive" + transform="matrix(0,1,1,0,-316.86221,196.3622)" + inkscape:label="#g6017" + style="opacity:0.4"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-0-3-3-0-2" + d="m 178,407.86221 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-0-0-0-3-9" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_left" + transform="matrix(0,-1,-1,0,422.86222,522.3622)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:0.75;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-2-4-2-3" + d="m 178,407.86222 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-4-4-4-4" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_left-alt" + transform="matrix(0,-1,-1,0,442.86222,522.3622)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:0.74901961;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-1-8-6-7" + d="m 178,407.86222 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-14-7-5-2" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_left-alt-hover" + transform="matrix(0,-1,-1,0,462.86222,522.3622)" + inkscape:label="#g6017"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-040-7-8-3" + d="m 178,407.86222 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-2-6-9-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_left-alt-insensitive" + transform="matrix(0,-1,-1,0,482.86222,522.3622)" + inkscape:label="#g6017" + style="opacity:0.4"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-0-8-6-6-5" + d="m 178,407.86222 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-0-37-8-4-8" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Arrows_left-insensitive" + transform="matrix(0,-1,-1,0,502.86222,522.3622)" + inkscape:label="#g6017" + style="opacity:0.4"> + <path + inkscape:label="#path6424" + style="display:inline;fill:#263238;fill-opacity:1;stroke:none" + sodipodi:nodetypes="cccc" + id="6424-0-2-0-3-3-0-2-0" + d="m 178,407.86222 -5,5 -5,-5 z" + inkscape:connector-curvature="0" /> + <rect + y="401.86221" + x="165" + height="16" + width="16" + id="rect6015-9-1-0-0-0-3-9-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(280,39.999997)" + id="Spin_ltr-up-insensitive-dark" + inkscape:label="#g3928" + clip-path="url(#clipPath3959-3-2)" + style="fill:#445a63;fill-opacity:1"> + <rect + clip-path="url(#clipPath3839-1-9)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect3891-9-0" + style="fill:#4f6069;fill-opacity:1;stroke:none;filter:url(#filter3767-23-0)" /> + </g> + <g + inkscape:label="#g3928" + id="Spin_rtl-up-insensitive-dark" + transform="matrix(-1,0,0,1,320,39.999997)" + clip-path="url(#clipPath3943-1-8)" + style="fill:#445a63;fill-opacity:1"> + <rect + style="fill:#4f6069;fill-opacity:1;stroke:none;filter:url(#filter3767-23-0)" + id="rect3911-8-9" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3839-1-9)" /> + </g> + <g + transform="translate(280,39.999997)" + id="Spin_ltr-down-insensitive-dark" + inkscape:label="#g3928" + clip-path="url(#clipPath4075-0-4)" + style="fill:#445a63;fill-opacity:1"> + <rect + clip-path="url(#clipPath3839-1-9)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect4007-9-0" + style="fill:#4f6069;fill-opacity:1;stroke:none;filter:url(#filter3767-23-0)" /> + </g> + <g + inkscape:label="#g3928" + id="Spin_rtl-down-insensitive-dark" + transform="matrix(-1,0,0,1,300,39.999997)" + clip-path="url(#clipPath4059-9-5)" + style="fill:#445a63;fill-opacity:1"> + <rect + style="fill:#4f6069;fill-opacity:1;stroke:none;filter:url(#filter3767-23-0)" + id="rect4027-2-4" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3839-1-9)" + transform="translate(-20,0)" /> + </g> + <g + transform="translate(120,39.999997)" + id="Spin_ltr-up-insensitive" + inkscape:label="#g3928" + clip-path="url(#clipPath3959-9)"> + <rect + clip-path="url(#clipPath3839-0)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect3891-0" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter3767-6)" /> + </g> + <g + inkscape:label="#g3928" + id="Spin_rtl-up-insensitive" + transform="matrix(-1,0,0,1,160,39.999997)" + clip-path="url(#clipPath3943-0)"> + <rect + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter3767-6)" + id="rect3911-7" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3839-0)" /> + </g> + <g + transform="translate(120,39.999997)" + id="Spin_ltr-down-insensitive" + inkscape:label="#g3928" + clip-path="url(#clipPath4075-8)"> + <rect + clip-path="url(#clipPath3839-0)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect4007-0" + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter3767-6)" /> + </g> + <g + inkscape:label="#g3928" + id="Spin_rtl-down-insensitive" + transform="matrix(-1,0,0,1,160,39.999997)" + clip-path="url(#clipPath4059-7)"> + <rect + style="fill:#fafafa;fill-opacity:1;stroke:none;filter:url(#filter3767-6)" + id="rect4027-8" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3839-0)" /> + </g> + <g + transform="translate(0,-9.99998)" + inkscape:label="#g3942" + id="Entry_entry"> + <rect + transform="translate(0,582.36218)" + y="160" + x="0" + height="40" + width="40" + id="rect4141-7" + style="fill:#FAFBFC;fill-opacity:1;stroke:none" /> + <rect + clip-path="url(#clipPath3886-8)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect4143-4" + style="fill:#FAFBFC;fill-opacity:1;stroke:none;filter:url(#filter3767-9)" + transform="translate(0,89.999997)" /> + </g> + <g + clip-path="url(#clipPath4109-3)" + id="Entry_ltr-entry" + inkscape:label="#g3942" + transform="translate(0,29.999997)"> + <rect + style="fill:#ffffff;fill-opacity:1;stroke:none" + id="rect4159-4" + width="40" + height="40" + x="0" + y="160" + transform="translate(0,582.36218)" /> + <rect + transform="translate(0,89.999997)" + style="fill:#ffffff;fill-opacity:1;stroke:none;filter:url(#filter3767-95)" + id="rect4161-2" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3886-0)" /> + </g> + <g + transform="matrix(-1,0,0,1,40,29.999997)" + inkscape:label="#g3942" + id="Entry_rtl-entry" + clip-path="url(#clipPath4109-3)"> + <rect + transform="translate(0,582.36218)" + y="160" + x="0" + height="40" + width="40" + id="rect4177-7" + style="fill:#ffffff;fill-opacity:1;stroke:none" /> + <rect + clip-path="url(#clipPath3886-0)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect4179-1" + style="fill:#ffffff;fill-opacity:1;stroke:none;filter:url(#filter3767-95)" + transform="translate(0,89.999997)" /> + </g> + <g + transform="translate(40,-9.9999996)" + inkscape:label="#g3945" + id="Entry_entry-active"> + <rect + transform="translate(0,582.36218)" + y="160" + x="40" + height="40" + width="40" + id="rect4147-3" + style="fill:#FAFBFC;fill-opacity:1;stroke:none" /> + <rect + clip-path="url(#clipPath3896-4)" + style="fill:#FAFBFC;fill-opacity:1;stroke:none;filter:url(#filter4602-8)" + id="rect4149-9" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" + transform="translate(0,89.999997)" /> + </g> + <g + transform="translate(40,-9.9999996)" + inkscape:label="#g3948" + id="Entry_entry-insensitive"> + <rect + transform="translate(0,582.36218)" + y="160" + x="80" + height="40" + width="40" + id="rect4153-1" + style="fill:#ffffff;fill-opacity:1;stroke:none" /> + <rect + transform="translate(80,89.999997)" + style="fill:#f6f6f6;fill-opacity:1;stroke:none;filter:url(#filter3767-5)" + id="rect4155-6" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3886-9)" /> + </g> + <g + clip-path="url(#clipPath4113-5)" + id="Entry_ltr-entry-active" + inkscape:label="#g3945" + transform="translate(40,29.999997)"> + <rect + style="fill:#ffffff;fill-opacity:1;stroke:none" + id="rect4165-7" + width="40" + height="40" + x="40" + y="160" + transform="translate(0,582.36218)" /> + <rect + transform="translate(0,89.999997)" + ry="2" + rx="2" + y="654.36218" + x="42" + height="36" + width="36" + id="rect4167-3" + style="fill:#ffffff;fill-opacity:1;stroke:none;filter:url(#filter4602-1)" + clip-path="url(#clipPath3896-30)" /> + </g> + <g + clip-path="url(#clipPath4117-1)" + id="Entry_ltr-entry-insensitive" + inkscape:label="#g3948" + transform="translate(40,29.999997)"> + <rect + style="fill:#ffffff;fill-opacity:1;stroke:none" + id="rect4171-5" + width="40" + height="40" + x="80" + y="160" + transform="translate(0,582.36218)" /> + <rect + clip-path="url(#clipPath3886-4)" + ry="2" + rx="2" + y="654.36218" + x="2" + height="36" + width="36" + id="rect4173-8" + style="fill:#f6f6f6;fill-opacity:1;stroke:none;filter:url(#filter3767-3)" + transform="translate(80,89.999997)" /> + </g> + <g + transform="matrix(-1,0,0,1,160,29.999997)" + inkscape:label="#g3945" + id="Entry_rtl-entry-active" + clip-path="url(#clipPath4113-5)"> + <rect + transform="translate(0,582.36218)" + y="160" + x="40" + height="40" + width="40" + id="rect4183-8" + style="fill:#ffffff;fill-opacity:1;stroke:none" /> + <rect + clip-path="url(#clipPath3896-30)" + style="fill:#ffffff;fill-opacity:1;stroke:none;filter:url(#filter4602-1)" + id="rect4185-5" + width="36" + height="36" + x="42" + y="654.36218" + rx="2" + ry="2" + transform="translate(0,89.999997)" /> + </g> + <g + transform="matrix(-1,0,0,1,240,29.999997)" + inkscape:label="#g3948" + id="Entry_rtl-entry-insensitive" + clip-path="url(#clipPath4117-1)"> + <rect + transform="translate(0,582.36218)" + y="160" + x="80" + height="40" + width="40" + id="rect4189-4" + style="fill:#ffffff;fill-opacity:1;stroke:none" /> + <rect + transform="translate(80,89.999997)" + style="fill:#f6f6f6;fill-opacity:1;stroke:none;filter:url(#filter3767-3)" + id="rect4191-6" + width="36" + height="36" + x="2" + y="654.36218" + rx="2" + ry="2" + clip-path="url(#clipPath3886-4)" /> + </g> + <g + transform="translate(170,504.3622)" + id="ProgressBar_trough-dark" + inkscape:label="#g4278" + style="opacity:1;fill:#4f6069;fill-opacity:1"> + <rect + y="4" + x="4" + height="4" + width="4" + id="rect4162-4-2" + style="fill:#4f6069;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none" /> + </g> + <g + id="Lines_menu-line-rtl" + transform="matrix(-6,0,0,1,410,8.9999869)" + inkscape:label="#g5792"> + <rect + y="426.36221" + x="57.333332" + height="1" + width="0.66666669" + id="rect2987-87-6-90" + style="fill:#000000;fill-opacity:0.2;stroke:none" /> + <rect + y="426.36221" + x="54" + height="2" + width="4" + id="rect5790-1-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#f7f9f9;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="Handles_v-handle" + inkscape:label="#g6070"> + <rect + inkscape:label="#rect6066" + ry="1" + rx="1" + y="497.36221" + x="39" + height="20" + width="2" + id="rect6066" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.4;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="497.36221" + x="38" + height="20" + width="4" + id="rect6068" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="matrix(0,1,-1,0,547.36221,485.36221)" + id="Handles_h-handle" + inkscape:label="#g6070"> + <rect + inkscape:label="#rect6066" + ry="1" + rx="1" + y="497.36221" + x="39" + height="20" + width="2" + id="rect6066-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.4;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="497.36221" + x="38" + height="20" + width="4" + id="rect6068-6" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(25,-3.1347656e-6)" + id="Handles_v-handle-hover" + inkscape:label="#g6070"> + <rect + inkscape:label="#rect6066" + ry="1" + rx="1" + y="497.36221" + x="39" + height="20" + width="2" + id="rect6066-16" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="497.36221" + x="38" + height="20" + width="4" + id="rect6068-4" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="matrix(0,1,-1,0,572.36221,485.36221)" + id="Handles_h-handle-hover" + inkscape:label="#g6070"> + <rect + inkscape:label="#rect6066" + ry="1" + rx="1" + y="497.36221" + x="39" + height="20" + width="2" + id="rect6066-16-8" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="497.36221" + x="38" + height="20" + width="4" + id="rect6068-4-5" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(50,-3.1347656e-6)" + id="Handles_v-handle-active" + inkscape:label="#g6070"> + <rect + inkscape:label="#rect6066" + ry="1" + rx="1" + y="497.36221" + x="39" + height="20" + width="2" + id="rect6066-16-3" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="497.36221" + x="38" + height="20" + width="4" + id="rect6068-4-9" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="matrix(0,1,-1,0,597.36221,485.36221)" + id="Handles_h-handle-active" + inkscape:label="#g6070"> + <rect + inkscape:label="#rect6066" + ry="1" + rx="1" + y="497.36221" + x="39" + height="20" + width="2" + id="rect6066-16-3-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="497.36221" + x="38" + height="20" + width="4" + id="rect6068-4-9-6" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(75,-3.1347656e-6)" + id="Handles_v-handle-insensitive" + inkscape:label="#g6070"> + <rect + inkscape:label="#rect6066" + ry="1" + rx="1" + y="497.36221" + x="39" + height="20" + width="2" + id="rect6066-16-3-2" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="497.36221" + x="38" + height="20" + width="4" + id="rect6068-4-9-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="matrix(0,1,-1,0,622.36221,485.36221)" + id="Handles_h-handle-insensitive" + inkscape:label="#g6070"> + <rect + inkscape:label="#rect6066" + ry="1" + rx="1" + y="497.36221" + x="39" + height="20" + width="2" + id="rect6066-16-3-2-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="497.36221" + x="38" + height="20" + width="4" + id="rect6068-4-9-0-8" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(160,-3.1347656e-6)" + id="Handles_v-handle-dark" + inkscape:label="#g6070"> + <rect + inkscape:label="#rect6066" + ry="1" + rx="1" + y="497.36221" + x="39" + height="20" + width="2" + id="rect6066-16-3-2-5" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.4;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="497.36221" + x="38" + height="20" + width="4" + id="rect6068-4-9-0-6" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="matrix(0,1,-1,0,707.36221,485.36221)" + id="Handles_h-handle-dark" + inkscape:label="#g6070"> + <rect + inkscape:label="#rect6066" + ry="1" + rx="1" + y="497.36221" + x="39" + height="20" + width="2" + id="rect6066-16-3-2-5-5" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.4;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="497.36221" + x="38" + height="20" + width="4" + id="rect6068-4-9-0-6-3" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(185,-3.1347656e-6)" + id="Handles_v-handle-hover-dark" + inkscape:label="#g6070"> + <rect + inkscape:label="#rect6066" + ry="1" + rx="1" + y="497.36221" + x="39" + height="20" + width="2" + id="rect6066-16-3-2-5-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="497.36221" + x="38" + height="20" + width="4" + id="rect6068-4-9-0-6-6" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="matrix(0,1,-1,0,732.36221,485.36221)" + id="Handles_h-handle-hover-dark" + inkscape:label="#g6070"> + <rect + inkscape:label="#rect6066" + ry="1" + rx="1" + y="497.36221" + x="39" + height="20" + width="2" + id="rect6066-16-3-2-5-1-4" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="497.36221" + x="38" + height="20" + width="4" + id="rect6068-4-9-0-6-6-4" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(210,-3.1347656e-6)" + id="Handles_v-handle-active-dark" + inkscape:label="#g6070"> + <rect + inkscape:label="#rect6066" + ry="1" + rx="1" + y="497.36221" + x="39" + height="20" + width="2" + id="rect6066-16-3-2-5-1-6" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="497.36221" + x="38" + height="20" + width="4" + id="rect6068-4-9-0-6-6-2" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="matrix(0,1,-1,0,757.36221,485.36221)" + id="Handles_h-handle-active-dark" + inkscape:label="#g6070"> + <rect + inkscape:label="#rect6066" + ry="1" + rx="1" + y="497.36221" + x="39" + height="20" + width="2" + id="rect6066-16-3-2-5-1-6-5" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="497.36221" + x="38" + height="20" + width="4" + id="rect6068-4-9-0-6-6-2-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(235,-3.1347656e-6)" + id="Handles_v-handle-insensitive-dark" + inkscape:label="#g6070"> + <rect + inkscape:label="#rect6066" + ry="1" + rx="1" + y="497.36221" + x="39" + height="20" + width="2" + id="rect6066-16-3-2-5-1-6-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="497.36221" + x="38" + height="20" + width="4" + id="rect6068-4-9-0-6-6-2-3" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="matrix(0,1,-1,0,782.36221,485.36221)" + id="Handles_h-handle-insensitive-dark" + inkscape:label="#g6070"> + <rect + inkscape:label="#rect6066" + ry="1" + rx="1" + y="497.36221" + x="39" + height="20" + width="2" + id="rect6066-16-3-2-5-1-6-1-4" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="497.36221" + x="38" + height="20" + width="4" + id="rect6068-4-9-0-6-6-2-3-7" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#263238;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + </g> +</svg>
A
themes/whitey/gtk-2.0/colors-dark.rc
@@ -0,0 +1,37 @@
+# +# Colour scheme +# +gtk-color-scheme = "base_color:#455A64\nbg_color:#3E515A" +gtk-color-scheme = "text_color:#ECEFF1\nfg_color:#ECEFF1" +gtk-color-scheme = "selected_bg_color:#00BCD4\nselected_fg_color:#FFFFFF" +gtk-color-scheme = "tooltip_bg_color:#2A373E\ntooltip_fg_color:#ECEFF1" + + +# +# Default Colours +# +style "default" { + text[NORMAL] = mix(0.75, @text_color, @bg_color) + text[PRELIGHT] = @text_color + text[ACTIVE] = mix(0.8, @selected_fg_color, @selected_bg_color) + text[INSENSITIVE] = mix(0.4, @text_color, @base_color) + text[SELECTED] = @selected_fg_color + + base[NORMAL] = @base_color + base[PRELIGHT] = mix(0.5, @base_color, @bg_color) + base[ACTIVE] = @selected_bg_color + base[INSENSITIVE] = mix(0.5, @base_color, @bg_color) + base[SELECTED] = @selected_bg_color + + fg[NORMAL] = mix(0.75, @fg_color, @bg_color) + fg[PRELIGHT] = @fg_color + fg[ACTIVE] = @fg_color + fg[INSENSITIVE] = mix(0.4, @fg_color, @bg_color) + fg[SELECTED] = @selected_fg_color + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = mix(0.1, @fg_color, @bg_color) + bg[ACTIVE] = mix(0.2, @fg_color, @bg_color) + bg[INSENSITIVE] = @bg_color + bg[SELECTED] = @selected_bg_color +}
A
themes/whitey/gtk-2.0/colors.rc
@@ -0,0 +1,37 @@
+# +# Colour scheme +# +gtk-color-scheme = "base_color:#FFFFFF\nbg_color:#FFFFFF" +gtk-color-scheme = "text_color:#B5B5B5\nfg_color:#263238" +gtk-color-scheme = "selected_bg_color:#D4D7D8\nselected_fg_color:#FFFFFF" +gtk-color-scheme = "tooltip_bg_color:#2A373E\ntooltip_fg_color:#ECEFF1" + + +# +# Default Colours +# +style "default" { + text[NORMAL] = mix(0.75, @text_color, @base_color) + text[PRELIGHT] = @text_color + text[ACTIVE] = mix(0.75, @fg_color, @bg_color) + text[INSENSITIVE] = mix(0.4, @text_color, @base_color) + text[SELECTED] = mix(0.75, @fg_color, @bg_color) + + base[NORMAL] = @bg_color + base[PRELIGHT] = mix(0.5, @base_color, @bg_color) + base[ACTIVE] = @bg_color + base[INSENSITIVE] = mix(0.5, @base_color, @bg_color) + base[SELECTED] = @bg_color + + fg[NORMAL] = mix(0.75, @fg_color, @bg_color) + fg[PRELIGHT] = @fg_color + fg[ACTIVE] = @selected_bg_color + fg[INSENSITIVE] = mix(0.4, @fg_color, @bg_color) + fg[SELECTED] = @selected_fg_color + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = mix(0.1, @fg_color, @bg_color) + bg[ACTIVE] = mix(0.2, @fg_color, @bg_color) + bg[INSENSITIVE] = @bg_color + bg[SELECTED] = @selected_bg_color +}
A
themes/whitey/gtk-2.0/common-dark.rc
@@ -0,0 +1,2256 @@
+# +# Common states +# +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +style "default" { + xthickness = 0 + ythickness = 0 + + # + # Style Properties + # + GtkWidget::link-color = "#2b2b2b" + GtkWidget::visited-link-color = "#9C27B0" + GtkWidget::focus-line-width = 1 + GtkWidget::focus-padding = 1 + GtkMenuBar::window-dragging = 1 + GtkToolbar::window-dragging = 1 + GtkToolbar::internal-padding = 2 + GtkToolbar::space-size = 7 + GtkToolButton::icon-spacing = 4 + + GtkWidget::tooltip-radius = 2 + GtkWidget::tooltip-alpha = 230 + GtkWidget::new-tooltip-style = 1 #for compatibility + + GtkSeparatorMenuItem::horizontal-padding = 3 + GtkSeparatorMenuItem::wide-separators = 1 + GtkSeparatorMenuItem::separator-height = 1 + + GtkButton::child-displacement-y = 0 + GtkButton::default-border = { 0, 0, 0, 0 } + GtkButton::default-outside_border = { 0, 0, 0, 0 } + + GtkEntry::state-hint = 1 + + GtkScrollbar::trough-border = 0 + GtkRange::trough-border = 0 + GtkRange::slider-width = 13 + GtkRange::stepper-size = 0 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::min-slider-length = 32 + GtkScrollbar::slider-width = 12 + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkVScale::slider_length = 20 + GtkVScale::slider_width = 20 + GtkHScale::slider_length = 20 + GtkHScale::slider_width = 20 + + GtkStatusbar::shadow_type = GTK_SHADOW_NONE + GtkSpinButton::shadow_type = GTK_SHADOW_NONE + GtkMenuBar::shadow-type = GTK_SHADOW_NONE + GtkToolbar::shadow-type = GTK_SHADOW_NONE + GtkMenuBar::internal-padding = 0 #( every window is misaligned for the sake of menus ): + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 0 + + GtkCheckButton::indicator-size = 16 + GtkCheckButton::indicator_spacing = 2 + GtkOptionMenu::indicator_spacing = { 0, 10, 0, 0 } + + GtkTreeView::row_ending_details = 0 + GtkTreeView::expander-size = 16 + GtkTreeView::vertical-separator = 4 + GtkTreeView::horizontal-separator = 4 + GtkTreeView::allow-rules = 1 + + GtkExpander::expander-size = 16 + + GtkProgressBar::min-horizontal-bar-height = 4 + GtkProgressBar::min-vertical-bar-width = 4 + + # For succinctness, all reasonable pixmap options remain here + engine "pixmap" { + + # + # Check Buttons + # + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = OUT + overlay_file = "Check-Radio/check-off-dark.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = OUT + overlay_file = "Check-Radio/check-off-hover-dark.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = OUT + overlay_file = "Check-Radio/check-off-active-dark.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = OUT + overlay_file = "Check-Radio/check-off-insensitive-dark.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = SELECTED + shadow = OUT + overlay_file = "Check-Radio/check-off-dark.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = IN + overlay_file = "Check-Radio/check-on-dark.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = IN + overlay_file = "Check-Radio/check-on-hover-dark.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = IN + overlay_file = "Check-Radio/check-on-active-dark.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = IN + overlay_file = "Check-Radio/check-on-insensitive-dark.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = SELECTED + shadow = IN + overlay_file = "Check-Radio/check-on-dark.png" + overlay_stretch = FALSE + } + + # + # Radio Buttons + # + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "Check-Radio/radio-off-dark.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "Check-Radio/radio-off-hover-dark.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "Check-Radio/radio-off-active-dark.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "Check-Radio/radio-off-insensitive-dark.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = SELECTED + shadow = OUT + overlay_file = "Check-Radio/radio-off-dark.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "Check-Radio/radio-on-dark.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "Check-Radio/radio-on-hover-dark.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "Check-Radio/radio-on-active-dark.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "Check-Radio/radio-on-insensitive-dark.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = SELECTED + shadow = IN + overlay_file = "Check-Radio/radio-on-dark.png" + overlay_stretch = FALSE + } + + # + # Arrows + # + image { + function = ARROW + overlay_file = "Arrows/up-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + image { + function = ARROW + state = PRELIGHT + overlay_file = "Arrows/up-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + image { + function = ARROW + state = ACTIVE + overlay_file = "Arrows/up-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + image { + function = ARROW + state = INSENSITIVE + overlay_file = "Arrows/up-insensitive-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + image { + function = ARROW + state = NORMAL + overlay_file = "Arrows/down-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + image { + function = ARROW + state = PRELIGHT + overlay_file = "Arrows/down-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + image { + function = ARROW + state = ACTIVE + overlay_file = "Arrows/down-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + image { + function = ARROW + state = INSENSITIVE + overlay_file = "Arrows/down-insensitive-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + image { + function = ARROW + overlay_file = "Arrows/left-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + image { + function = ARROW + state = PRELIGHT + overlay_file = "Arrows/left-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + image { + function = ARROW + state = ACTIVE + overlay_file = "Arrows/left-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + image { + function = ARROW + state = INSENSITIVE + overlay_file = "Arrows/left-insensitive-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + image { + function = ARROW + overlay_file = "Arrows/right-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image { + function = ARROW + state = PRELIGHT + overlay_file = "Arrows/right-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image { + function = ARROW + state = ACTIVE + overlay_file = "Arrows/right-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image { + function = ARROW + state = INSENSITIVE + overlay_file = "Arrows/right-insensitive-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + # + # Option Menu Arrows + # + image { + function = TAB + state = NORMAL + overlay_file = "Arrows/down-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + image { + function = TAB + state = PRELIGHT + overlay_file = "Arrows/down-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + image { + function = TAB + state = INSENSITIVE + overlay_file = "Arrows/down-insensitive-dark.png" + overlay_stretch = FALSE + } + + # + # Lines + # + image { + function = VLINE + file = "Lines/v-line.png" + border = { 1, 0, 0, 0 } + stretch = TRUE + } + image { + function = HLINE + file = "Lines/h-line.png" + border = { 0, 0, 0, 1 } + stretch = TRUE + } + + # + # Focuslines + # + image { + function = FOCUS + file = "Others/focus-dark.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + + # + # Handles + # + image { + function = HANDLE + state = NORMAL + overlay_file = "Handles/h-handle-dark.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image { + function = HANDLE + state = PRELIGHT + overlay_file = "Handles/h-handle-hover-dark.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image { + function = HANDLE + state = ACTIVE + overlay_file = "Handles/h-handle-active-dark.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image { + function = HANDLE + state = INSENSITIVE + overlay_file = "Handles/h-handle-insensitive-dark.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image { + function = HANDLE + state = NORMAL + overlay_file = "Handles/v-handle-dark.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + image { + function = HANDLE + state = PRELIGHT + overlay_file = "Handles/v-handle-hover-dark.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + image { + function = HANDLE + state = ACTIVE + overlay_file = "Handles/v-handle-active-dark.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + image { + function = HANDLE + state = INSENSITIVE + overlay_file = "Handles/v-handle-insensitive-dark.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + # + # Expanders + # + image { + function = EXPANDER + state = NORMAL + expander_style = COLLAPSED + file = "Arrows/right-alt-dark.png" + } + image { + function = EXPANDER + state = PRELIGHT + expander_style = COLLAPSED + file = "Arrows/right-alt-hover-dark.png" + } + image { + function = EXPANDER + state = ACTIVE + expander_style = COLLAPSED + file = "Arrows/right-dark.png" + } + image { + function = EXPANDER + state = INSENSITIVE + expander_style = COLLAPSED + file = "Arrows/right-alt-insensitive-dark.png" + } + image { + function = EXPANDER + state = NORMAL + expander_style = SEMI_COLLAPSED + file = "Arrows/right-alt-dark.png" + } + image { + function = EXPANDER + state = PRELIGHT + expander_style = SEMI_COLLAPSED + file = "Arrows/right-alt-hover-dark.png" + } + image { + function = EXPANDER + state = ACTIVE + expander_style = SEMI_COLLAPSED + file = "Arrows/right-dark.png" + } + image { + function = EXPANDER + state = INSENSITIVE + expander_style = SEMI_COLLAPSED + file = "Arrows/right-alt-insensitive-dark.png" + } + image { + function = EXPANDER + state = NORMAL + expander_style = EXPANDED + file = "Arrows/down-alt-dark.png" + } + image { + function = EXPANDER + state = PRELIGHT + expander_style = EXPANDED + file = "Arrows/down-alt-hover-dark.png" + } + image { + function = EXPANDER + state = ACTIVE + expander_style = EXPANDED + file = "Arrows/down-dark.png" + } + image { + function = EXPANDER + state = INSENSITIVE + expander_style = EXPANDED + file = "Arrows/down-alt-insensitive-dark.png" + } + image { + function = EXPANDER + state = NORMAL + expander_style = SEMI_EXPANDED + file = "Arrows/down-alt-dark.png" + } + image { + function = EXPANDER + state = PRELIGHT + expander_style = SEMI_EXPANDED + file = "Arrows/down-alt-hover-dark.png" + } + image { + function = EXPANDER + state = ACTIVE + expander_style = SEMI_EXPANDED + file = "Arrows/down-dark.png" + } + image { + function = EXPANDER + state = INSENSITIVE + expander_style = SEMI_EXPANDED + file = "Arrows/down-alt-insensitive-dark.png" + } + + # + # Resize Grip + # + image { + function = RESIZE_GRIP + state = NORMAL + detail = "statusbar" + overlay_file = "Others/null.svg" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + + # + # Shadows ( this area needs help :P ) + # + image { + function = SHADOW_GAP + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + } +} + +style "toplevel_hack" { +} + +style "progressbar" { + xthickness = 0 + ythickness = 0 + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + image { + function = BOX + # state = NORMAL + detail = "trough" + file = "ProgressBar/trough-dark.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + image { + function = BOX + # state = NORMAL + detail = "trough" + file = "ProgressBar/trough-dark.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = VERTICAL + } + image { + function = BOX + # state = NORMAL + detail = "bar" + file = "ProgressBar/bar.png" + stretch = TRUE + border = { 0, 0, 0, 0 } + orientation = HORIZONTAL + } + image { + function = BOX + # state = NORMAL + detail = "bar" + file = "ProgressBar/bar.png" + stretch = TRUE + border = { 0, 0, 0, 0 } + orientation = VERTICAL + } + } +} + +style "range" { + engine "pixmap" { + image { + function = BOX + # state = NORMAL + detail = "trough" + file = "Range/h-scale-trough-dark.png" + border = { 10, 10, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + image { + function = BOX + state = INSENSITIVE + detail = "trough" + file = "Range/h-scale-trough-insensitive-dark.png" + border = { 10, 10, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + image { + function = BOX + # state = NORMAL + detail = "trough" + file = "Range/v-scale-trough-dark.png" + border = { 0, 0, 10, 10 } + stretch = TRUE + orientation = VERTICAL + } + image { + function = BOX + state = INSENSITIVE + detail = "trough" + file = "Range/v-scale-trough-insensitive-dark.png" + border = { 0, 0, 10, 10 } + stretch = TRUE + orientation = VERTICAL + } + + # + # Horizontal + # + image { + function = SLIDER + state = NORMAL + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/scale-slider.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image { + function = SLIDER + state = PRELIGHT + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/scale-slider-hover.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image { + function = SLIDER + state = ACTIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/scale-slider-active.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image { + function = SLIDER + state = INSENSITIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/scale-slider-insensitive-dark.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + # + # Vertical + # + image { + function = SLIDER + state = NORMAL + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/scale-slider.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + image { + function = SLIDER + state = PRELIGHT + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/scale-slider-hover.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + image { + function = SLIDER + state = ACTIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/scale-slider-active.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + image { + function = SLIDER + state = INSENSITIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/scale-slider-insensitive-dark.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + # Function below removes ugly boxes + image { + function = BOX + file = "Others/null.svg" + border = { 3, 3, 3, 3 } + stretch = TRUE + } + } +} + +style "scrollbar" { + engine "pixmap" { + image { + function = BOX + # state = NORMAL + detail = "trough" + file = "Scrollbars/h-trough-dark.png" + border = { 0, 0, 1, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + image { + function = BOX + state = INSENSITIVE + detail = "trough" + file = "Scrollbars/h-trough-dark.png" + border = { 0, 0, 1, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + image { + function = BOX + # state = NORMAL + detail = "trough" + file = "Scrollbars/v-trough-dark.png" + border = { 1, 0, 0, 0 } + stretch = TRUE + orientation = VERTICAL + } + image { + function = BOX + state = INSENSITIVE + detail = "trough" + file = "Scrollbars/v-trough-dark.png" + border = { 1, 0, 0, 0 } + stretch = TRUE + orientation = VERTICAL + } + + # + # Sliders + # + image { + function = SLIDER + state = NORMAL + file = "Scrollbars/h-slider-dark.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + image { + function = SLIDER + state = PRELIGHT + file = "Scrollbars/h-slider-hover-dark.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + image { + function = SLIDER + state = ACTIVE + file = "Scrollbars/h-slider-active-dark.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + image + { + function = SLIDER + state = INSENSITIVE + file = "Scrollbars/h-slider-insensitive-dark.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + + # X Verticals + image { + function = SLIDER + state = NORMAL + file = "Scrollbars/v-slider-dark.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = VERTICAL + } + image { + function = SLIDER + state = PRELIGHT + file = "Scrollbars/v-slider-hover-dark.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = VERTICAL + } + image { + function = SLIDER + state = ACTIVE + file = "Scrollbars/v-slider-active-dark.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = VERTICAL + } + image { + function = SLIDER + state = INSENSITIVE + file = "Scrollbars/v-slider-insensitive-dark.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = VERTICAL + } + } +} + +style "entry" { + xthickness = 6 + ythickness = 6 + + engine "pixmap" { + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "Entry/entry-dark.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "Entry/entry-active-dark.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "Entry/entry-insensitive-dark.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + image { + function = FLAT_BOX + detail = "entry_bg" + state = NORMAL + overlay_file = "Others/null.svg" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = TRUE + } + image { + function = FLAT_BOX + detail = "entry_bg" + state = ACTIVE + overlay_file = "Others/null.svg" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = TRUE + } + } +} + +style "notebook_entry" { + bg[NORMAL] = @bg_color + bg[ACTIVE] = @bg_color + bg[INSENSITIVE] = @bg_color + + engine "pixmap" { + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "Entry/base_entry-dark.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "Entry/base_entry-active-dark.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "Entry/base_entry-insensitive-dark.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + } +} + +style "button" { + xthickness = 5 + ythickness = 5 + + fg[NORMAL] = mix(0.75, @fg_color, @bg_color) + font_name = "Medium" + + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "Buttons/button-dark.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "Buttons/button-hover-dark.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + image { + function = BOX + state = INSENSITIVE + shadow = OUT + file = "Buttons/button-insensitive-dark.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + image { + function = BOX + state = ACTIVE + file = "Buttons/button-active-dark.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "Buttons/button-active-dark.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + image { + function = BOX + state = INSENSITIVE + shadow = IN + file = "Buttons/button-insensitive-dark.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + } +} + +style "button_label" { + fg[NORMAL] = mix(0.75, @fg_color, @bg_color) + fg[ACTIVE] = @selected_fg_color +} + +style "flat_button" { + xthickness = 5 + ythickness = 5 + + fg[NORMAL] = mix(0.75, @fg_color, @bg_color) + font_name = "Medium" + + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "Others/null.svg" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "Buttons/flat-button-hover-dark.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + image { + function = BOX + state = INSENSITIVE + shadow = OUT + file = "Others/null.svg" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + image { + function = BOX + state = ACTIVE + file = "Buttons/flat-button-active-dark.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "Buttons/flat-button-hover-dark.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + image { + function = BOX + state = INSENSITIVE + shadow = IN + file = "Buttons/button-insensitive-dark.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + } +} + +style "button_separator" { + xthickness = 0 + ythickness = 0 + + GtkWidget::wide-separators = 1 + GtkWidget::separator-height = 0 + GtkWidget::separator-width = 0 +} + +style "combobox_button" { + xthickness = 5 + ythickness = 4 +} + +style "combobox_entry" { + xthickness = 6 + ythickness = 6 + + engine "pixmap" { + # LTR version + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "Entry/ltr-entry-dark.png" + border = { 5, 0, 5, 5 } + stretch = TRUE + direction = LTR + } + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "Entry/ltr-entry-active-dark.png" + border = { 5, 0, 5, 5 } + stretch = TRUE + direction = LTR + } + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "Entry/ltr-entry-insensitive-dark.png" + border = { 5, 0, 5, 5 } + stretch = TRUE + direction = LTR + } + + # RTL version + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "Entry/rtl-entry-dark.png" + border = { 0, 5, 5, 5 } + stretch = TRUE + direction = RTL + } + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "Entry/rtl-entry-active-dark.png" + border = { 0, 5, 5, 5 } + stretch = TRUE + direction = RTL + } + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "Entry/rtl-entry-insensitive-dark.png" + border = { 0, 5, 5, 5 } + stretch = TRUE + direction = RTL + } + } +} + +style "notebook_combobox_entry" { + engine "pixmap" { + # LTR version + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "Entry/ltr-base_entry-dark.png" + border = { 5, 0, 5, 5 } + stretch = TRUE + direction = LTR + } + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "Entry/ltr-base_entry-active-dark.png" + border = { 5, 0, 5, 5 } + stretch = TRUE + direction = LTR + } + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "Entry/ltr-base_entry-insensitive-dark.png" + border = { 5, 0, 5, 5 } + stretch = TRUE + direction = LTR + } + + # RTL version + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "Entry/rtl-base_entry-dark.png" + border = { 0, 5, 5, 5 } + stretch = TRUE + direction = RTL + } + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "Entry/rtl-base_entry-active-dark.png" + border = { 0, 5, 5, 5 } + stretch = TRUE + direction = RTL + } + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "Entry/rtl-base_entry-insensitive-dark.png" + border = { 0, 5, 5, 5 } + stretch = TRUE + direction = RTL + } + } +} + +style "combobox_entry_button" { + xthickness = 6 + ythickness = 6 + + fg[ACTIVE] = @text_color + + engine "pixmap" { + # LTR version + image { + function = BOX + state = NORMAL + file = "Buttons/ltr-button-dark.png" + border = { 2, 5, 5, 5 } + stretch = TRUE + direction = LTR + } + image { + function = BOX + state = PRELIGHT + file = "Buttons/ltr-button-hover-dark.png" + border = { 2, 5, 5, 5 } + stretch = TRUE + direction = LTR + } + image { + function = BOX + state = ACTIVE + file = "Buttons/ltr-button-active-dark.png" + border = { 2, 5, 5, 5 } + stretch = TRUE + direction = LTR + } + image { + function = BOX + state = INSENSITIVE + file = "Buttons/ltr-button-insensitive-dark.png" + border = { 2, 5, 5, 5 } + stretch = TRUE + direction = LTR + } + + # RTL version + image { + function = BOX + state = NORMAL + file = "Buttons/rtl-button-dark.png" + border = { 5, 2, 5, 5 } + stretch = TRUE + direction = RTL + } + image { + function = BOX + state = PRELIGHT + file = "Buttons/rtl-button-hover-dark.png" + border = { 5, 2, 5, 5 } + stretch = TRUE + direction = RTL + } + image { + function = BOX + state = ACTIVE + file = "Buttons/rtl-button-active-dark.png" + border = { 5, 2, 5, 5 } + stretch = TRUE + direction = RTL + } + image { + function = BOX + state = INSENSITIVE + file = "Buttons/rtl-button-insensitive-dark.png" + border = { 5, 2, 5, 5 } + stretch = TRUE + direction = RTL + } + } +} + +style "combo_entry_button" { + xthickness = 6 + ythickness = 6 +} + +style "spinbutton" { + xthickness = 6 + ythickness = 6 + + bg[NORMAL] = @bg_color + + engine "pixmap" { + image { + function = ARROW + } + + # Spin-Up LTR + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "Spin/ltr-up-dark.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-dark.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "Spin/ltr-up-hover-dark.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-dark.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "Spin/ltr-up-active-dark.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-dark.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "Spin/ltr-up-insensitive-dark.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-insensitive-dark.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Up RTL + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "Spin/rtl-up-dark.png" + border = { 5, 1, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-dark.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "Spin/rtl-up-hover-dark.png" + border = { 5, 1, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-dark.png" + overlay_stretch = FALSE + direction = RTL + } + image + { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "Spin/rtl-up-active-dark.png" + border = { 5, 1, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-dark.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "Spin/rtl-up-insensitive-dark.png" + border = { 5, 1, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-insensitive-dark.png" + overlay_stretch = FALSE + direction = RTL + } + + # Spin-Down LTR + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "Spin/ltr-down-dark.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-dark.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "Spin/ltr-down-hover-dark.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-dark.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "Spin/ltr-down-active-dark.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-dark.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "Spin/ltr-down-insensitive-dark.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-insensitive-dark.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Down RTL + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "Spin/rtl-down-dark.png" + border = { 5, 1, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-dark.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "Spin/rtl-down-hover-dark.png" + border = { 5, 1, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-dark.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "Spin/rtl-down-active-dark.png" + border = { 5, 1, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-dark.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "Spin/rtl-down-insensitive-dark.png" + border = { 5, 1, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-insensitive-dark.png" + overlay_stretch = FALSE + direction = RTL + } + } +} + +style "standalone_entry" { + bg[NORMAL] = @bg_color + + engine "pixmap" { + image { + function = FLAT_BOX + detail = "entry_bg" + state = NORMAL + file = "Others/null.svg" + stretch = TRUE + border = { 0, 0, 0, 0 } + } + image { + function = FLAT_BOX + detail = "entry_bg" + state = ACTIVE + file = "Others/null.svg" + stretch = TRUE + border = { 0, 0, 0, 0 } + } + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + } +} + +style "menubar" { + xthickness = 0 + ythickness = 0 + + bg[NORMAL] = "#13191C" + fg[NORMAL] = mix(0.8, @selected_fg_color, shade(0.96, @bg_color)) + fg[PRELIGHT] = @selected_fg_color + fg[INSENSITIVE] = mix(0.4, @selected_fg_color, @bg_color) + + engine "pixmap" { + image { + function = BOX + file = "Shadows/z-depth-1.svg" + border = { 1, 1, 1, 1 } + stretch = TRUE + recolorable = TRUE + } + } +} + +style "menubar_item" { + xthickness = 3 + ythickness = 6 + + bg[NORMAL] = "#2A373E" + bg[PRELIGHT] = "#2A373E" + fg[NORMAL] = mix(0.8, @selected_fg_color, shade(0.96, @bg_color)) + fg[PRELIGHT] = @selected_fg_color + fg[INSENSITIVE] = mix(0.4, @selected_fg_color, @bg_color) + + engine "pixmap" { + image { + function = BOX + recolorable = TRUE + state = PRELIGHT + file = "Others/top.png" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + } +} + +style "menu" { + xthickness = 0 + ythickness = 0 + + GtkMenuItem::arrow-scaling = 0.4 + + bg[NORMAL] = @base_color + bg[PRELIGHT] = @base_color + bg[INSENSITIVE] = @base_color +} + +style "menu_framed_box" { +} + +style "menu_item" { + xthickness = 4 + ythickness = 6 + + # HACK: Gtk doesn't actually read this value + # while rendering the menu items, but Libreoffice + # does; setting this value equal to the one in + # fg[PRELIGHT] ensures a code path in the LO theming code + # that falls back to a dark text color for menu item text + # highlight. The price to pay is black text on menus as well, + # but at least it's readable. + # See https://bugs.freedesktop.org/show_bug.cgi?id=38038 + bg[SELECTED] = mix(0.9, @base_color, @fg_color) + bg[PRELIGHT] = mix(0.9, @base_color, @fg_color) + fg[PRELIGHT] = shade(1.04, @fg_color) + fg[SELECTED] = shade(1.04, @fg_color) + text[PRELIGHT] = shade(1.04, @fg_color) + text[SELECTED] = shade(1.04, @fg_color) + + engine "pixmap" { + + # Check Buttons + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = OUT + overlay_file = "Others/null.svg" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = OUT + overlay_file = "Others/null.svg" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = OUT + overlay_file = "Others/null.svg" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = OUT + overlay_file = "Others/null.svg" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = IN + overlay_file = "Check-Radio/check-dark.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = IN + overlay_file = "Check-Radio/check-selected-dark.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = IN + overlay_file = "Check-Radio/check-selected-dark.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = IN + overlay_file = "Check-Radio/check-insensitive-dark.png" + overlay_stretch = FALSE + } + + # Radio Buttons + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "Others/null.svg" + overlay_stretch = FALSE + } + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "Others/null.svg" + overlay_stretch = FALSE + } + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "Others/null.svg" + overlay_stretch = FALSE + } + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "Others/null.svg" + overlay_stretch = FALSE + } + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "Check-Radio/radio-dark.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "Check-Radio/radio-selected-dark.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "Check-Radio/radio-selected-dark.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "Check-Radio/radio-insensitive-dark.png" + overlay_stretch = FALSE + } + + # This fixes boxy Qt menu items + image { + function = SHADOW + file = "Others/null.svg" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + # Arrow Buttons + image { + function = ARROW + state = NORMAL + overlay_file = "Arrows/right-alt-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image { + function = ARROW + state = PRELIGHT + overlay_file = "Arrows/right-alt-hover-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image { + function = ARROW + state = INSENSITIVE + overlay_file = "Arrows/right-alt-insensitive-dark.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + } +} + +style "separator_menu_item" { + xthickness = 0 + ythickness = 2 + + # embedded blank area width = 20px + engine "pixmap" { + image { + function = BOX + file = "Lines/menu-line-ltr.png" + border = { 20, 0, 0, 0 } + stretch = TRUE + direction = LTR + } + image { + function = BOX + file = "Lines/menu-line-rtl.png" + border = { 0, 20, 0, 0 } + stretch = TRUE + direction = RTL + } + } +} + +style "notebook" { + xthickness = 4 + ythickness = 4 + + engine "pixmap" { + image { + function = EXTENSION + state = ACTIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + gap_side = TOP + } + image { + function = EXTENSION + state = ACTIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + gap_side = BOTTOM + } + image { + function = EXTENSION + state = ACTIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + gap_side = RIGHT + } + image { + function = EXTENSION + state = ACTIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + gap_side = LEFT + } + image { + function = EXTENSION + file = "Others/top.png" + border = { 0, 0, 0, 2 } + stretch = TRUE + gap_side = BOTTOM + } + image { + function = EXTENSION + file = "Others/bottom.png" + border = { 0, 0, 2, 0 } + stretch = TRUE + gap_side = TOP + } + image { + function = EXTENSION + file = "Others/left.png" + border = { 0, 2, 0, 0 } + stretch = TRUE + gap_side = RIGHT + } + image { + function = EXTENSION + file = "Others/right.png" + border = { 2, 0, 0, 0 } + stretch = TRUE + gap_side = LEFT + } + + # How to draw boxes with a gap on one side (ie the page of a notebook) + image { + function = BOX_GAP + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_file = "Others/null.svg" + gap_border = { 1, 1, 0, 0 } + gap_side = TOP + } + image { + function = BOX_GAP + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_file = "Others/null.svg" + gap_border = { 1, 1, 0, 0 } + gap_side = BOTTOM + } + image { + function = BOX_GAP + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_file = "Others/null.svg" + gap_border = { 0, 0, 1, 1 } + gap_side = LEFT + } + image { + function = BOX_GAP + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_file = "Others/null.svg" + gap_border = { 0, 0, 1, 1 } + gap_side = RIGHT + } + + # How to draw the box of a notebook when it isnt attached to a tab + image { + function = BOX + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + } + } +} + +style "notebook_viewport" { + bg[NORMAL] = @base_color +} + +style "notebook_tab_label" { + fg[ACTIVE] = mix(0.6, @fg_color, @bg_color) + font_name = "Bold" +} + +style "treeview_header" { + xthickness = 2 + ythickness = 1 + + fg[NORMAL] = mix(0.6, @text_color, @base_color) + fg[PRELIGHT] = mix(0.8, @text_color, @base_color) + fg[ACTIVE] = @text_color + fg[INSENSITIVE] = mix(0.24, @text_color, @base_color) + font_name = "Medium" + + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "Column/column-dark.png" + border = { 0, 1, 0, 1 } + stretch = TRUE + } + image { + function = BOX + state = PRELIGHT + file = "Column/column-hover-dark.png" + border = { 0, 1, 0, 1 } + stretch = TRUE + } + image { + function = BOX + state = ACTIVE + file = "Column/column-active-dark.png" + border = { 0, 1, 0, 1 } + stretch = TRUE + } + image { + function = BOX + state = INSENSITIVE + file = "Column/column-insensitive-dark.png" + border = { 0, 1, 0, 1 } + stretch = TRUE + } + } +} + +style "scrolled_window" { + xthickness = 1 + ythickness = 1 + + engine "pixmap" { + image { + function = SHADOW + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + } + } +} + +# FIXME: needs for Inkskape's scrolled colour palette +style "scrolled_viewport" { + xthickness = 0 + ythickness = 1 + + engine "pixmap" { + image { + function = SHADOW + file = "Others/null.svg" + border = { 1, 1, 1, 1 } + stretch = TRUE + } + } +} + +style "frame" { + xthickness = 1 + ythickness = 1 + + engine "pixmap" { + image { + function = SHADOW + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = IN + } + image { + function = SHADOW_GAP + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "Shadows/gap.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "Shadows/gap.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = IN + } + image { + function = SHADOW + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = OUT + } + image { + function = SHADOW_GAP + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "Shadows/gap.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "Shadows/gap.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = OUT + } + image { + function = SHADOW + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = ETCHED_IN + } + image { + function = SHADOW_GAP + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "Shadows/gap.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "Shadows/gap.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = ETCHED_IN + } + image { + function = SHADOW + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = ETCHED_OUT + } + image { + function = SHADOW_GAP + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "Shadows/gap.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "Shadows/gap.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = ETCHED_OUT + } + } +} + +style "handlebox" { + engine "pixmap" { + image { + function = BOX + file = "Others/null.svg" + border = { 4, 4, 4, 4 } + stretch = TRUE + detail = "handlebox_bin" + shadow = IN + } + image { + function = BOX + file = "Others/null.svg" + border = { 4, 4, 4, 4 } + stretch = TRUE + detail = "handlebox_bin" + shadow = OUT + } + } +} + +style "toolbar" { + engine "pixmap" { + image { + function = SHADOW + } + } +} + +style "inline_toolbar" { + GtkToolbar::button-relief = GTK_RELIEF_NORMAL + + engine "pixmap" { + image { + function = BOX + file = "Toolbar/inline-toolbar-dark.png" + border = { 1, 1, 0, 1 } + recolorable = TRUE + stretch = TRUE + } + } +} + +style "bg" { + fg[NORMAL] = mix(0.75, @fg_color, @bg_color) + fg[PRELIGHT] = @fg_color + fg[ACTIVE] = @fg_color + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[ACTIVE] = @bg_color + bg[INSENSITIVE] = @bg_color +} + +style "base" { + fg[NORMAL] = mix(0.75, @fg_color, @bg_color) + fg[PRELIGHT] = @fg_color + fg[ACTIVE] = @fg_color + bg[NORMAL] = @base_color + bg[PRELIGHT] = @base_color + bg[ACTIVE] = @base_color + bg[INSENSITIVE] = @base_color +} + +style "tooltips" { + xthickness = 9 + ythickness = 9 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + bg[SELECTED] = @tooltip_bg_color +} + +style "text" { + engine "murrine" { textstyle = 0 } +} + +class "GtkWidget" style "default" +class "GtkScrollbar" style "scrollbar" +class "GtkButton" style "button" +class "GtkEntry" style "entry" +class "GtkOldEditable" style "entry" +class "GtkSpinButton" style "spinbutton" +class "GtkNotebook" style "notebook" +class "GtkRange" style "range" +class "GtkProgressBar" style "progressbar" +class "GtkSeparatorMenuItem" style "separator_menu_item" +class "GtkScrolledWindow" style "scrolled_window" +class "GtkFrame" style "frame" +class "GtkToolbar" style "toolbar" + +widget_class "*<GtkButton>*<GtkLabel>" style "button_label" + +widget_class "*<GtkMenuBar>*" style "menubar" +widget_class "*<GtkMenu>*" style "menu" +widget_class "*<GtkMenuItem>*" style "menu_item" +widget_class "*<GtkMenuBar>.<GtkMenuItem>*" style "menubar_item" +widget_class "*<GtkMenu>*<GtkSeparatorMenuItem>" style "separator_menu_item" + +widget_class "*<GtkComboBox>*<GtkButton>" style "combobox_button" +widget_class "*<GtkComboBoxEntry>*<GtkEntry>" style "combobox_entry" +widget_class "*<GtkComboBoxEntry>*<GtkButton>" style "combobox_entry_button" +widget_class "*<GtkCombo>*<GtkEntry>" style "combobox_entry" +widget_class "*<GtkCombo>*<GtkButton>" style "combobox_entry_button" +widget_class "*<GtkCombo>*<GtkButton>" style "combo_entry_button" + +widget_class "*HandleBox" style "handlebox" +widget_class "*<GtkTreeView>*<GtkButton>*" style "treeview_header" +widget_class "*<GtkFileChooserDefault>*<GtkToolbar>" style "inline_toolbar" +widget_class "*<GtkNotebook>*<GtkScrolledWindow>*<GtkViewport>" style "notebook_viewport" + +# FIXME: needs for Inkskape's scrolled colour palette +widget_class "*<GtkScrolledWindow>*<GtkViewport>" style "scrolled_viewport" + +widget_class "*<GtkComboBox>*<GtkSeparator>" style "button_separator" +widget_class "*<GtkFontButton>*<GtkSeparator>" style "button_separator" +widget_class "*<GtkFileChooserButton>*<GtkSeparator>" style "button_separator" + +widget_class "*<GtkSpinButton>*" style "bg" +widget_class "*<GtkCheckButton>*" style "bg" +widget_class "*<GtkExpander>*" style "bg" +widget_class "*<GtkNotebook>*<GtkSpinButton>" style "base" +widget_class "*<GtkNotebook>*<GtkCheckButton>" style "base" +widget_class "*<GtkNotebook>*<GtkExpander>" style "base" +widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkSpinButton>" style "bg" +widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkCheckButton>" style "bg" +widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkExpander>" style "bg" + +widget_class "*<GtkToolbar>*<GtkButton>" style "flat_button" + +# Entries in notebooks draw with notebook's base color, but not if there's +# something else in the middle that draws gray again +widget_class "*<GtkNotebook>*<GtkEntry>" style "notebook_entry" +widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkEntry>" style "entry" + +widget_class "*<GtkNotebook>*<GtkComboBoxEntry>*<GtkEntry>" style "notebook_combobox_entry" +widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkComboBoxEntry>*<GtkEntry>" style "combobox_entry" + +# We also need to avoid changing fg color for the inactive notebook tab labels +widget_class "*<GtkNotebook>.<GtkLabel>" style "notebook_tab_label" + +# GTK tooltips +widget "gtk-tooltip*" style "tooltips" + +# Fixes insensitive text shadows +widget_class "*<GtkLabel>" style "text" +widget_class "*<GtkComboBox>*<GtkCellLayout>" style "text" +widget_class "*<GtkNotebook>*<GtkLabel>" style "text" +widget_class "*<GtkNotebook>*<GtkCellLayout>" style "text"
A
themes/whitey/gtk-2.0/common.rc
@@ -0,0 +1,2261 @@
+# +# Common states +# +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +style "default" { + xthickness = 0 + ythickness = 0 + + # + # Style Properties + # + GtkWidget::link-color = "#2b2b2b" + GtkWidget::visited-link-color = "#82A1FF" + GtkWidget::focus-line-width = 0 + GtkWidget::focus-padding = 2 + GtkMenuBar::window-dragging = 1 + GtkToolbar::window-dragging = 1 + GtkToolbar::internal-padding = 2 + GtkToolbar::space-size = 7 + GtkToolButton::icon-spacing = 4 + + GtkWidget::tooltip-radius = 2 + GtkWidget::tooltip-alpha = 230 + GtkWidget::new-tooltip-style = 1 #for compatibility + + GtkSeparatorMenuItem::horizontal-padding = 3 + GtkSeparatorMenuItem::wide-separators = 1 + GtkSeparatorMenuItem::separator-height = 1 + + GtkButton::child-displacement-y = 0 + GtkButton::default-border = { 0, 0, 0, 0 } + GtkButton::default-outside_border = { 0, 0, 0, 0 } + + GtkEntry::state-hint = 1 + + GtkScrollbar::trough-border = 0 + GtkRange::trough-border = 0 + GtkRange::slider-width = 13 + GtkRange::stepper-size = 0 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::min-slider-length = 32 + GtkScrollbar::slider-width = 12 + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 0 + + GtkVScale::slider_length = 20 + GtkVScale::slider_width = 20 + GtkHScale::slider_length = 20 + GtkHScale::slider_width = 20 + + GtkStatusbar::shadow_type = GTK_SHADOW_NONE + GtkSpinButton::shadow_type = GTK_SHADOW_NONE + GtkMenuBar::shadow-type = GTK_SHADOW_NONE + GtkToolbar::shadow-type = GTK_SHADOW_NONE + GtkMenuBar::internal-padding = 0 #( every window is misaligned for the sake of menus ): + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 0 + + GtkCheckButton::indicator-size = 16 + GtkCheckButton::indicator_spacing = 2 + GtkOptionMenu::indicator_spacing = { 0, 10, 0, 0 } + + GtkTreeView::row_ending_details = 0 + GtkTreeView::expander-size = 16 + GtkTreeView::vertical-separator = 4 + GtkTreeView::horizontal-separator = 4 + GtkTreeView::allow-rules = 1 + + GtkExpander::expander-size = 16 + + GtkProgressBar::min-horizontal-bar-height = 4 + GtkProgressBar::min-vertical-bar-width = 4 + + # For succinctness, all reasonable pixmap options remain here + engine "pixmap" { + + # + # Check Buttons + # + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = OUT + overlay_file = "Check-Radio/check-off.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = OUT + overlay_file = "Check-Radio/check-off-hover.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = OUT + overlay_file = "Check-Radio/check-off-active.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = OUT + overlay_file = "Check-Radio/check-off-insensitive.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = SELECTED + shadow = OUT + overlay_file = "Check-Radio/check-off.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = IN + overlay_file = "Check-Radio/check-on.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = IN + overlay_file = "Check-Radio/check-on-hover.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = IN + overlay_file = "Check-Radio/check-on-active.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = IN + overlay_file = "Check-Radio/check-on-insensitive.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = SELECTED + shadow = IN + overlay_file = "Check-Radio/check-on.png" + overlay_stretch = FALSE + } + + # + # Radio Buttons + # + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "Check-Radio/radio-off.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "Check-Radio/radio-off-hover.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "Check-Radio/radio-off-active.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "Check-Radio/radio-off-insensitive.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = SELECTED + shadow = OUT + overlay_file = "Check-Radio/radio-off.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "Check-Radio/radio-on.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "Check-Radio/radio-on-hover.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "Check-Radio/radio-on-active.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "Check-Radio/radio-on-insensitive.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = SELECTED + shadow = IN + overlay_file = "Check-Radio/radio-on.png" + overlay_stretch = FALSE + } + + # + # Arrows + # + image { + function = ARROW + overlay_file = "Arrows/up.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + image { + function = ARROW + state = PRELIGHT + overlay_file = "Arrows/up.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + image { + function = ARROW + state = ACTIVE + overlay_file = "Arrows/up.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + image { + function = ARROW + state = INSENSITIVE + overlay_file = "Arrows/up-insensitive.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + image { + function = ARROW + state = NORMAL + overlay_file = "Arrows/down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + image { + function = ARROW + state = PRELIGHT + overlay_file = "Arrows/down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + image { + function = ARROW + state = ACTIVE + overlay_file = "Arrows/down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + image { + function = ARROW + state = INSENSITIVE + overlay_file = "Arrows/down-insensitive.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + image { + function = ARROW + overlay_file = "Arrows/left.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + image { + function = ARROW + state = PRELIGHT + overlay_file = "Arrows/left.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + image { + function = ARROW + state = ACTIVE + overlay_file = "Arrows/left.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + image { + function = ARROW + state = INSENSITIVE + overlay_file = "Arrows/left-insensitive.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + image { + function = ARROW + overlay_file = "Arrows/right.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image { + function = ARROW + state = PRELIGHT + overlay_file = "Arrows/right.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image { + function = ARROW + state = ACTIVE + overlay_file = "Arrows/right.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image { + function = ARROW + state = INSENSITIVE + overlay_file = "Arrows/right-insensitive.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + # + # Option Menu Arrows + # + image { + function = TAB + state = NORMAL + overlay_file = "Arrows/down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + image { + function = TAB + state = PRELIGHT + overlay_file = "Arrows/down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + image { + function = TAB + state = INSENSITIVE + overlay_file = "Arrows/down-insensitive.png" + overlay_stretch = FALSE + } + + # + # Lines + # + image { + function = VLINE + file = "Lines/v-line.png" + border = { 1, 0, 0, 0 } + stretch = TRUE + } + image { + function = HLINE + file = "Lines/h-line.png" + border = { 0, 0, 0, 1 } + stretch = TRUE + } + + # + # Focuslines + # + image { + function = FOCUS + file = "Others/focus.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + + # + # Handles + # + image { + function = HANDLE + state = NORMAL + overlay_file = "Handles/h-handle.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image { + function = HANDLE + state = PRELIGHT + overlay_file = "Handles/h-handle-hover.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image { + function = HANDLE + state = ACTIVE + overlay_file = "Handles/h-handle-active.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image { + function = HANDLE + state = INSENSITIVE + overlay_file = "Handles/h-handle-insensitive.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image { + function = HANDLE + state = NORMAL + overlay_file = "Handles/v-handle.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + image { + function = HANDLE + state = PRELIGHT + overlay_file = "Handles/v-handle-hover.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + image { + function = HANDLE + state = ACTIVE + overlay_file = "Handles/v-handle-active.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + image { + function = HANDLE + state = INSENSITIVE + overlay_file = "Handles/v-handle-insensitive.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + # + # Expanders + # + image { + function = EXPANDER + state = NORMAL + expander_style = COLLAPSED + file = "Arrows/right-alt.png" + } + image { + function = EXPANDER + state = PRELIGHT + expander_style = COLLAPSED + file = "Arrows/right-alt-hover.png" + } + image { + function = EXPANDER + state = ACTIVE + expander_style = COLLAPSED + file = "Arrows/right.png" + } + image { + function = EXPANDER + state = INSENSITIVE + expander_style = COLLAPSED + file = "Arrows/right-alt-insensitive.png" + } + image { + function = EXPANDER + state = NORMAL + expander_style = SEMI_COLLAPSED + file = "Arrows/right-alt.png" + } + image { + function = EXPANDER + state = PRELIGHT + expander_style = SEMI_COLLAPSED + file = "Arrows/right-alt-hover.png" + } + image { + function = EXPANDER + state = ACTIVE + expander_style = SEMI_COLLAPSED + file = "Arrows/right.png" + } + image { + function = EXPANDER + state = INSENSITIVE + expander_style = SEMI_COLLAPSED + file = "Arrows/right-alt-insensitive.png" + } + image { + function = EXPANDER + state = NORMAL + expander_style = EXPANDED + file = "Arrows/down-alt.png" + } + image { + function = EXPANDER + state = PRELIGHT + expander_style = EXPANDED + file = "Arrows/down-alt-hover.png" + } + image { + function = EXPANDER + state = ACTIVE + expander_style = EXPANDED + file = "Arrows/down.png" + } + image { + function = EXPANDER + state = INSENSITIVE + expander_style = EXPANDED + file = "Arrows/down-alt-insensitive.png" + } + image { + function = EXPANDER + state = NORMAL + expander_style = SEMI_EXPANDED + file = "Arrows/down-alt.png" + } + image { + function = EXPANDER + state = PRELIGHT + expander_style = SEMI_EXPANDED + file = "Arrows/down-alt-hover.png" + } + image { + function = EXPANDER + state = ACTIVE + expander_style = SEMI_EXPANDED + file = "Arrows/down.png" + } + image { + function = EXPANDER + state = INSENSITIVE + expander_style = SEMI_EXPANDED + file = "Arrows/down-alt-insensitive.png" + } + + # + # Resize Grip + # + image { + function = RESIZE_GRIP + state = NORMAL + detail = "statusbar" + overlay_file = "Others/null.svg" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + + # + # Shadows ( this area needs help :P ) + # + image { + function = SHADOW_GAP + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + } +} + +style "toplevel_hack" { +} + +style "progressbar" { + xthickness = 0 + ythickness = 0 + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + image { + function = BOX + # state = NORMAL + detail = "trough" + file = "ProgressBar/trough.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + image { + function = BOX + # state = NORMAL + detail = "trough" + file = "ProgressBar/trough.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = VERTICAL + } + image { + function = BOX + # state = NORMAL + detail = "bar" + file = "ProgressBar/bar.png" + stretch = TRUE + border = { 0, 0, 0, 0 } + orientation = HORIZONTAL + } + image { + function = BOX + # state = NORMAL + detail = "bar" + file = "ProgressBar/bar.png" + stretch = TRUE + border = { 0, 0, 0, 0 } + orientation = VERTICAL + } + } +} + +style "range" { + engine "pixmap" { + image { + function = BOX + # state = NORMAL + detail = "trough" + file = "Range/h-scale-trough.png" + border = { 10, 10, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + image { + function = BOX + state = INSENSITIVE + detail = "trough" + file = "Range/h-scale-trough-insensitive.png" + border = { 10, 10, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + image { + function = BOX + # state = NORMAL + detail = "trough" + file = "Range/v-scale-trough.png" + border = { 0, 0, 10, 10 } + stretch = TRUE + orientation = VERTICAL + } + image { + function = BOX + state = INSENSITIVE + detail = "trough" + file = "Range/v-scale-trough-insensitive.png" + border = { 0, 0, 10, 10 } + stretch = TRUE + orientation = VERTICAL + } + + # + # Horizontal + # + image { + function = SLIDER + state = NORMAL + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/scale-slider.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image { + function = SLIDER + state = PRELIGHT + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/scale-slider-hover.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image { + function = SLIDER + state = ACTIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/scale-slider-active.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image { + function = SLIDER + state = INSENSITIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/scale-slider-insensitive.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + # + # Vertical + # + image { + function = SLIDER + state = NORMAL + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/scale-slider.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + image { + function = SLIDER + state = PRELIGHT + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/scale-slider-hover.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + image { + function = SLIDER + state = ACTIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/scale-slider-active.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + image { + function = SLIDER + state = INSENSITIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/scale-slider-insensitive.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + # Function below removes ugly boxes + image { + function = BOX + file = "Others/null.svg" + border = { 3, 3, 3, 3 } + stretch = TRUE + } + } +} + +style "scrollbar" { + engine "pixmap" { + image { + function = BOX + # state = NORMAL + detail = "trough" + file = "Scrollbars/h-trough.png" + border = { 0, 0, 1, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + image { + function = BOX + state = INSENSITIVE + detail = "trough" + file = "Scrollbars/h-trough.png" + border = { 0, 0, 1, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + image { + function = BOX + # state = NORMAL + detail = "trough" + file = "Scrollbars/v-trough.png" + border = { 1, 0, 0, 0 } + stretch = TRUE + orientation = VERTICAL + } + image { + function = BOX + state = INSENSITIVE + detail = "trough" + file = "Scrollbars/v-trough.png" + border = { 1, 0, 0, 0 } + stretch = TRUE + orientation = VERTICAL + } + + # + # Sliders + # + image { + function = SLIDER + state = NORMAL + file = "Scrollbars/h-slider.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + image { + function = SLIDER + state = PRELIGHT + file = "Scrollbars/h-slider-hover.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + image { + function = SLIDER + state = ACTIVE + file = "Scrollbars/h-slider-active.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + image + { + function = SLIDER + state = INSENSITIVE + file = "Scrollbars/h-slider-insensitive.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + + # X Verticals + image { + function = SLIDER + state = NORMAL + file = "Scrollbars/v-slider.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = VERTICAL + } + image { + function = SLIDER + state = PRELIGHT + file = "Scrollbars/v-slider-hover.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = VERTICAL + } + image { + function = SLIDER + state = ACTIVE + file = "Scrollbars/v-slider-active.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = VERTICAL + } + image { + function = SLIDER + state = INSENSITIVE + file = "Scrollbars/v-slider-insensitive.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = VERTICAL + } + } +} + +style "entry" { + xthickness = 6 + ythickness = 6 + bg[NORMAL] = "#2b2b2b" + engine "pixmap" { + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "Entry/entry.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "Entry/entry-active.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "Entry/entry-insensitive.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + image { + function = FLAT_BOX + detail = "entry_bg" + state = NORMAL + overlay_file = "Others/null.svg" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = TRUE + } + image { + function = FLAT_BOX + detail = "entry_bg" + state = ACTIVE + overlay_file = "Others/null.svg" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = TRUE + } + } +} + +style "notebook_entry" { + + bg[NORMAL] = "#2b2b2b" + bg[ACTIVE] = @bg_color + bg[INSENSITIVE] = @bg_color + + engine "pixmap" { + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "Entry/base_entry.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "Entry/base_entry-active.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "Entry/base_entry-insensitive.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + } +} + +style "button" { + xthickness = 3 + ythickness = 5 + + fg[NORMAL] = mix(0.75, @fg_color, @bg_color) + font_name = "Medium" + + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "Buttons/button.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "Buttons/button-hover.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + image { + function = BOX + state = INSENSITIVE + shadow = OUT + file = "Buttons/button-insensitive.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + image { + function = BOX + state = ACTIVE + file = "Buttons/button-active.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "Buttons/button-active.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + image { + function = BOX + state = INSENSITIVE + shadow = IN + file = "Buttons/button-insensitive.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + } +} + +style "button_label" { + fg[NORMAL] = mix(0.75, @fg_color, @bg_color) + fg[ACTIVE] = @selected_fg_color +} + +style "flat_button" { + xthickness = 4 + ythickness = 2 + + fg[NORMAL] = mix(0.75, @fg_color, @bg_color) + fg[ACTIVE] = "#555555" + font_name = "Medium" + + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "Buttons/flat-button.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "Buttons/flat-button-hover.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + image { + function = BOX + state = INSENSITIVE + shadow = OUT + #file = "Others/null.svg" + file = "Buttons/flat-button-hover.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + image { + function = BOX + state = ACTIVE + #file = "Buttons/flat-button-active.png" + file = "Buttons/flat-button.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "Buttons/flat-button-hover.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + image { + function = BOX + state = INSENSITIVE + shadow = IN + #file = "Buttons/button-insensitive.png" + file = "Buttons/flat-button-hover.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + } +} + +style "button_separator" { + xthickness = 0 + ythickness = 0 + + GtkWidget::wide-separators = 1 + GtkWidget::separator-height = 0 + GtkWidget::separator-width = 0 +} + +style "combobox_button" { + xthickness = 5 + ythickness = 4 +} + +style "combobox_entry" { + xthickness = 6 + ythickness = 6 + + engine "pixmap" { + # LTR version + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "Entry/ltr-entry.png" + border = { 5, 0, 5, 5 } + stretch = TRUE + direction = LTR + } + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "Entry/ltr-entry-active.png" + border = { 5, 0, 5, 5 } + stretch = TRUE + direction = LTR + } + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "Entry/ltr-entry-insensitive.png" + border = { 5, 0, 5, 5 } + stretch = TRUE + direction = LTR + } + + # RTL version + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "Entry/rtl-entry.png" + border = { 0, 5, 5, 5 } + stretch = TRUE + direction = RTL + } + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "Entry/rtl-entry-active.png" + border = { 0, 5, 5, 5 } + stretch = TRUE + direction = RTL + } + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "Entry/rtl-entry-insensitive.png" + border = { 0, 5, 5, 5 } + stretch = TRUE + direction = RTL + } + } +} + +style "notebook_combobox_entry" { + engine "pixmap" { + # LTR version + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "Entry/ltr-base_entry.png" + border = { 5, 0, 5, 5 } + stretch = TRUE + direction = LTR + } + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "Entry/ltr-base_entry-active.png" + border = { 5, 0, 5, 5 } + stretch = TRUE + direction = LTR + } + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "Entry/ltr-base_entry-insensitive.png" + border = { 5, 0, 5, 5 } + stretch = TRUE + direction = LTR + } + + # RTL version + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "Entry/rtl-base_entry.png" + border = { 0, 5, 5, 5 } + stretch = TRUE + direction = RTL + } + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "Entry/rtl-base_entry-active.png" + border = { 0, 5, 5, 5 } + stretch = TRUE + direction = RTL + } + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "Entry/rtl-base_entry-insensitive.png" + border = { 0, 5, 5, 5 } + stretch = TRUE + direction = RTL + } + } +} + +style "combobox_entry_button" { + xthickness = 6 + ythickness = 6 + + fg[ACTIVE] = @text_color + + engine "pixmap" { + # LTR version + image { + function = BOX + state = NORMAL + file = "Buttons/ltr-button.png" + border = { 2, 5, 5, 5 } + stretch = TRUE + direction = LTR + } + image { + function = BOX + state = PRELIGHT + file = "Buttons/ltr-button-hover.png" + border = { 2, 5, 5, 5 } + stretch = TRUE + direction = LTR + } + image { + function = BOX + state = ACTIVE + file = "Buttons/ltr-button-active.png" + border = { 2, 5, 5, 5 } + stretch = TRUE + direction = LTR + } + image { + function = BOX + state = INSENSITIVE + file = "Buttons/ltr-button-insensitive.png" + border = { 2, 5, 5, 5 } + stretch = TRUE + direction = LTR + } + + # RTL version + image { + function = BOX + state = NORMAL + file = "Buttons/rtl-button.png" + border = { 5, 2, 5, 5 } + stretch = TRUE + direction = RTL + } + image { + function = BOX + state = PRELIGHT + file = "Buttons/rtl-button-hover.png" + border = { 5, 2, 5, 5 } + stretch = TRUE + direction = RTL + } + image { + function = BOX + state = ACTIVE + file = "Buttons/rtl-button-active.png" + border = { 5, 2, 5, 5 } + stretch = TRUE + direction = RTL + } + image { + function = BOX + state = INSENSITIVE + file = "Buttons/rtl-button-insensitive.png" + border = { 5, 2, 5, 5 } + stretch = TRUE + direction = RTL + } + } +} + +style "combo_entry_button" { + xthickness = 6 + ythickness = 6 +} + +style "spinbutton" { + xthickness = 6 + ythickness = 6 + + bg[NORMAL] = @bg_color + + engine "pixmap" { + image { + function = ARROW + } + + # Spin-Up LTR + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "Spin/ltr-up.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "Spin/ltr-up-hover.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "Spin/ltr-up-active.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "Spin/ltr-up-insensitive.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-insensitive.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Up RTL + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "Spin/rtl-up.png" + border = { 5, 1, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "Spin/rtl-up-hover.png" + border = { 5, 1, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up.png" + overlay_stretch = FALSE + direction = RTL + } + image + { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "Spin/rtl-up-active.png" + border = { 5, 1, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "Spin/rtl-up-insensitive.png" + border = { 5, 1, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-insensitive.png" + overlay_stretch = FALSE + direction = RTL + } + + # Spin-Down LTR + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "Spin/ltr-down.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "Spin/ltr-down-hover.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "Spin/ltr-down-active.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "Spin/ltr-down-insensitive.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-insensitive.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Down RTL + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "Spin/rtl-down.png" + border = { 5, 1, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "Spin/rtl-down-hover.png" + border = { 5, 1, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "Spin/rtl-down-active.png" + border = { 5, 1, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "Spin/rtl-down-insensitive.png" + border = { 5, 1, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-insensitive.png" + overlay_stretch = FALSE + direction = RTL + } + } +} + +style "standalone_entry" { + engine "pixmap" { + image { + function = FLAT_BOX + detail = "entry_bg" + state = NORMAL + file = "Others/null.svg" + stretch = TRUE + border = { 0, 0, 0, 0 } + } + image { + function = FLAT_BOX + detail = "entry_bg" + state = ACTIVE + file = "Others/null.svg" + stretch = TRUE + border = { 0, 0, 0, 0 } + } + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + } +} + +style "menubar" { + xthickness = 0 + ythickness = 0 + + bg[NORMAL] = @bg_color +# fg[NORMAL] = mix(0.8, @selected_fg_color, shade(0.96, @fg_color)) + fg[NORMAL] = @selected_fg_color + fg[PRELIGHT] = @selected_fg_color +# fg[INSENSITIVE] = mix(0.4, @selected_fg_color, @fg_color) + fg[INSENSITIVE] = "#FFFFFF" + +# engine "pixmap" { +# image { +# function = BOX +# file = "Shadows/z-depth-1.svg" +# border = { 1, 1, 1, 1 } +# stretch = TRUE +# recolorable = TRUE +# } +# } +} + +style "menubar_item" { + xthickness = 3 + ythickness = 6 + + bg[NORMAL] = "#2A373E" + bg[PRELIGHT] = "#2A373E" + fg[NORMAL] = @text_color + fg[PRELIGHT] = @text_color + fg[INSENSITIVE] = mix(0.4, @selected_fg_color, @fg_color) + + engine "pixmap" { + image { + function = BOX + recolorable = TRUE + state = PRELIGHT + file = "Others/top.png" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + } +} + +style "menu" { + xthickness = 0 + ythickness = 0 + + GtkMenuItem::arrow-scaling = 0.4 + + bg[NORMAL] = @base_color + bg[PRELIGHT] = @base_color + bg[INSENSITIVE] = @base_color +} + +style "menu_framed_box" { +} + +style "menu_item" { + xthickness = 4 + ythickness = 6 + + # HACK: Gtk doesn't actually read this value + # while rendering the menu items, but Libreoffice + # does; setting this value equal to the one in + # fg[PRELIGHT] ensures a code path in the LO theming code + # that falls back to a dark text color for menu item text + # highlight. The price to pay is black text on menus as well, + # but at least it's readable. + # See https://bugs.freedesktop.org/show_bug.cgi?id=38038 + bg[SELECTED] = mix(0.9, @base_color, @fg_color) + bg[PRELIGHT] = mix(0.9, @base_color, @fg_color) + fg[PRELIGHT] = shade(0.96, @fg_color) + fg[SELECTED] = shade(0.96, @fg_color) + text[PRELIGHT] = shade(0.96, @fg_color) + text[SELECTED] = shade(0.96, @fg_color) + + engine "pixmap" { + + # Check Buttons + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = OUT + overlay_file = "Others/null.svg" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = OUT + overlay_file = "Others/null.svg" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = OUT + overlay_file = "Others/null.svg" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = OUT + overlay_file = "Others/null.svg" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = IN + overlay_file = "Check-Radio/check.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = IN + overlay_file = "Check-Radio/check-selected.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = IN + overlay_file = "Check-Radio/check-selected.png" + overlay_stretch = FALSE + } + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = IN + overlay_file = "Check-Radio/check-insensitive.png" + overlay_stretch = FALSE + } + + # Radio Buttons + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "Others/null.svg" + overlay_stretch = FALSE + } + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "Others/null.svg" + overlay_stretch = FALSE + } + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "Others/null.svg" + overlay_stretch = FALSE + } + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "Others/null.svg" + overlay_stretch = FALSE + } + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "Check-Radio/radio.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "Check-Radio/radio-selected.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "Check-Radio/radio-selected.png" + overlay_stretch = FALSE + } + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "Check-Radio/radio-insensitive.png" + overlay_stretch = FALSE + } + + # This fixes boxy Qt menu items + image { + function = SHADOW + file = "Others/null.svg" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + # Arrow Buttons + image { + function = ARROW + state = NORMAL + overlay_file = "Arrows/right-alt.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image { + function = ARROW + state = PRELIGHT + overlay_file = "Arrows/right-alt-hover.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image { + function = ARROW + state = INSENSITIVE + overlay_file = "Arrows/right-alt-insensitive.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + } +} + +style "separator_menu_item" { + xthickness = 0 + ythickness = 2 + + # embedded blank area width = 20px + engine "pixmap" { + image { + function = BOX + file = "Lines/menu-line-ltr.png" + border = { 20, 0, 0, 0 } + stretch = TRUE + direction = LTR + } + image { + function = BOX + file = "Lines/menu-line-rtl.png" + border = { 0, 20, 0, 0 } + stretch = TRUE + direction = RTL + } + } +} + +style "notebook" { + xthickness = 4 + ythickness = 4 + + engine "pixmap" { + image { + function = EXTENSION + state = ACTIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + gap_side = TOP + } + image { + function = EXTENSION + state = ACTIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + gap_side = BOTTOM + } + image { + function = EXTENSION + state = ACTIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + gap_side = RIGHT + } + image { + function = EXTENSION + state = ACTIVE + file = "Others/null.svg" + border = { 0, 0, 0, 0 } + stretch = TRUE + gap_side = LEFT + } + image { + function = EXTENSION + file = "Others/top.png" + border = { 0, 0, 0, 2 } + stretch = TRUE + gap_side = BOTTOM + } + image { + function = EXTENSION + file = "Others/bottom.png" + border = { 0, 0, 2, 0 } + stretch = TRUE + gap_side = TOP + } + image { + function = EXTENSION + file = "Others/left.png" + border = { 0, 2, 0, 0 } + stretch = TRUE + gap_side = RIGHT + } + image { + function = EXTENSION + file = "Others/right.png" + border = { 2, 0, 0, 0 } + stretch = TRUE + gap_side = LEFT + } + + # How to draw boxes with a gap on one side (ie the page of a notebook) + image { + function = BOX_GAP + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_file = "Others/null.svg" + gap_border = { 1, 1, 0, 0 } + gap_side = TOP + } + image { + function = BOX_GAP + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_file = "Others/null.svg" + gap_border = { 1, 1, 0, 0 } + gap_side = BOTTOM + } + image { + function = BOX_GAP + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_file = "Others/null.svg" + gap_border = { 0, 0, 1, 1 } + gap_side = LEFT + } + image { + function = BOX_GAP + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_file = "Others/null.svg" + gap_border = { 0, 0, 1, 1 } + gap_side = RIGHT + } + + # How to draw the box of a notebook when it isnt attached to a tab + image { + function = BOX + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + } + } +} + +style "notebook_viewport" { + bg[NORMAL] = @base_color +} + +style "notebook_tab_label" { + fg[ACTIVE] = mix(0.6, @fg_color, @bg_color) + font_name = "Bold" +} + +style "treeview_header" { + xthickness = 2 + ythickness = 1 + + fg[NORMAL] = mix(0.6, @text_color, @base_color) + fg[PRELIGHT] = mix(0.8, @text_color, @base_color) + fg[ACTIVE] = @text_color + fg[INSENSITIVE] = mix(0.24, @text_color, @base_color) + font_name = "Medium" + + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "Column/column.png" + border = { 0, 1, 0, 1 } + stretch = TRUE + } + image { + function = BOX + state = PRELIGHT + file = "Column/column-hover.png" + border = { 0, 1, 0, 1 } + stretch = TRUE + } + image { + function = BOX + state = ACTIVE + file = "Column/column-active.png" + border = { 0, 1, 0, 1 } + stretch = TRUE + } + image { + function = BOX + state = INSENSITIVE + file = "Column/column-insensitive.png" + border = { 0, 1, 0, 1 } + stretch = TRUE + } + } +} + +style "scrolled_window" { + xthickness = 1 + ythickness = 1 + + engine "pixmap" { + image { + function = SHADOW + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + } + } +} + +# FIXME: needs for Inkskape's scrolled colour palette +style "scrolled_viewport" { + xthickness = 0 + ythickness = 1 + + engine "pixmap" { + image { + function = SHADOW + file = "Others/null.svg" + border = { 1, 1, 1, 1 } + stretch = TRUE + } + } +} + +style "frame" { + xthickness = 0 + ythickness = 0 + + engine "pixmap" { + image { + function = SHADOW + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = IN + } + image { + function = SHADOW_GAP + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "Shadows/gap.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "Shadows/gap.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = IN + } + image { + function = SHADOW + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = OUT + } + image { + function = SHADOW_GAP + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "Shadows/gap.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "Shadows/gap.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = OUT + } + image { + function = SHADOW + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = ETCHED_IN + } + image { + function = SHADOW_GAP + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "Shadows/gap.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "Shadows/gap.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = ETCHED_IN + } + image { + function = SHADOW + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = ETCHED_OUT + } + image { + function = SHADOW_GAP + file = "Shadows/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "Shadows/gap.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "Shadows/gap.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = ETCHED_OUT + } + } +} + +style "handlebox" { + engine "pixmap" { + image { + function = BOX + file = "Others/null.svg" + border = { 4, 4, 4, 4 } + stretch = TRUE + detail = "handlebox_bin" + shadow = IN + } + image { + function = BOX + file = "Others/null.svg" + border = { 4, 4, 4, 4 } + stretch = TRUE + detail = "handlebox_bin" + shadow = OUT + } + } +} + +style "toolbar" { + engine "pixmap" { + image { + function = BUTTON + } + } +} + +style "inline_toolbar" { + GtkToolbar::button-relief = GTK_RELIEF_NORMAL + + engine "pixmap" { + image { + function = BOX +# file = "ProgressBar/bar.png" + border = { 1, 1, 0, 1 } + recolorable = FALSE + stretch = TRUE + } + } +} + +style "bg" { + fg[NORMAL] = mix(0.75, @fg_color, @bg_color) + fg[PRELIGHT] = @fg_color + fg[ACTIVE] = @fg_color + bg[NORMAL] = "#e5e9ec" + bg[PRELIGHT] = @bg_color + bg[ACTIVE] = @bg_color + bg[INSENSITIVE] = @bg_color +} + +style "base" { + fg[NORMAL] = mix(0.75, @fg_color, @bg_color) + fg[PRELIGHT] = @fg_color + fg[ACTIVE] = @fg_color + bg[NORMAL] = @base_color + bg[PRELIGHT] = @base_color + bg[ACTIVE] = @base_color + bg[INSENSITIVE] = @base_color +} + +style "tooltips" { + xthickness = 9 + ythickness = 9 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + bg[SELECTED] = @tooltip_bg_color +} + +style "text" { + engine "murrine" { textstyle = 0 } +} + +class "GtkWidget" style "default" +class "GtkScrollbar" style "scrollbar" +class "GtkButton" style "flat_button" +class "GtkEntry" style "entry" +class "GtkOldEditable" style "entry" +class "GtkSpinButton" style "spinbutton" +class "GtkNotebook" style "notebook" +class "GtkRange" style "range" +class "GtkProgressBar" style "progressbar" +class "GtkSeparatorMenuItem" style "separator_menu_item" +class "GtkScrolledWindow" style "scrolled_window" +class "GtkFrame" style "frame" +class "GtkToolbar" style "toolbar" + +widget_class "*<GtkButton>*<GtkLabel>" style "button_label" + +widget_class "*<GtkMenuBar>*" style "menubar" +widget_class "*<GtkMenu>*" style "menu" +widget_class "*<GtkMenuItem>*" style "menu_item" +widget_class "*<GtkMenuBar>.<GtkMenuItem>*" style "menubar_item" +widget_class "*<GtkMenu>*<GtkSeparatorMenuItem>" style "separator_menu_item" + +widget_class "*<GtkComboBox>*<GtkButton>" style "combobox_button" +widget_class "*<GtkComboBoxEntry>*<GtkEntry>" style "combobox_entry" +widget_class "*<GtkComboBoxEntry>*<GtkButton>" style "combobox_entry_button" +widget_class "*<GtkCombo>*<GtkEntry>" style "combobox_entry" +widget_class "*<GtkCombo>*<GtkButton>" style "combobox_entry_button" +widget_class "*<GtkCombo>*<GtkButton>" style "combo_entry_button" + +widget_class "*HandleBox" style "handlebox" +widget_class "*<GtkTreeView>*<GtkButton>*" style "treeview_header" +widget_class "*<GtkFileChooserDefault>*<GtkToolbar>" style "inline_toolbar" +widget_class "*<GtkNotebook>*<GtkScrolledWindow>*<GtkViewport>" style "notebook_viewport" + +# FIXME: needs for Inkskape's scrolled colour palette +widget_class "*<GtkScrolledWindow>*<GtkViewport>" style "scrolled_viewport" + +widget_class "*<GtkComboBox>*<GtkSeparator>" style "button_separator" +widget_class "*<GtkFontButton>*<GtkSeparator>" style "button_separator" +widget_class "*<GtkFileChooserButton>*<GtkSeparator>" style "button_separator" + +widget_class "*<GtkSpinButton>*" style "bg" +widget_class "*<GtkCheckButton>*" style "bg" +widget_class "*<GtkExpander>*" style "bg" +widget_class "*<GtkNotebook>*<GtkSpinButton>" style "base" +widget_class "*<GtkNotebook>*<GtkCheckButton>" style "base" +widget_class "*<GtkNotebook>*<GtkExpander>" style "base" +widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkSpinButton>" style "bg" +widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkCheckButton>" style "bg" +widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkExpander>" style "bg" + +widget_class "*<GtkToolbar>*<GtkButton>" style "flat_button" + +# Entries in notebooks draw with notebook's base color, but not if there's +# something else in the middle that draws gray again +widget_class "*<GtkNotebook>*<GtkEntry>" style "notebook_entry" +widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkEntry>" style "entry" + +widget_class "*<GtkNotebook>*<GtkComboBoxEntry>*<GtkEntry>" style "notebook_combobox_entry" +widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkComboBoxEntry>*<GtkEntry>" style "combobox_entry" + +# We also need to avoid changing fg color for the inactive notebook tab labels +widget_class "*<GtkNotebook>.<GtkLabel>" style "notebook_tab_label" + +# GTK tooltips +widget "gtk-tooltip*" style "tooltips" + +# Fixes insensitive text shadows +widget_class "*<GtkLabel>" style "text" +widget_class "*<GtkComboBox>*<GtkCellLayout>" style "text" +widget_class "*<GtkNotebook>*<GtkLabel>" style "text" +widget_class "*<GtkNotebook>*<GtkCellLayout>" style "text"
A
themes/whitey/gtk-2.0/gtkrc
@@ -0,0 +1,9 @@
+# Bridge | ScionicSpectre + +# +# Imports +# +include "colors.rc" +include "common.rc" +include "misc.rc" +include "3rd-party.rc"
A
themes/whitey/gtk-2.0/gtkrc-dark
@@ -0,0 +1,9 @@
+# Bridge | ScionicSpectre + +# +# Imports +# +include "colors-dark.rc" +include "common-dark.rc" +include "misc-dark.rc" +include "3rd-party-dark.rc"
A
themes/whitey/gtk-2.0/misc-dark.rc
@@ -0,0 +1,223 @@
+# +# Gimp +# +style "gimp_spin_scale" { + xthickness = 6 + ythickness = 4 + + bg[NORMAL] = @base_color + + engine "pixmap" { + image { + function = FLAT_BOX + detail = "entry_bg" + state = NORMAL + file = "Others/null.svg" + stretch = TRUE + } + image { + function = FLAT_BOX + detail = "entry_bg" + state = ACTIVE + file = "Others/null.svg" + stretch = TRUE + } + + # Spin-Up LTR + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "Spin/ltr-up-dark.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-alt-dark.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "Spin/ltr-up-hover-dark.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-alt-hover-dark.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "Spin/ltr-up-active-dark.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-dark.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "Spin/ltr-up-insensitive-dark.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-alt-insensitive-dark.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Up RTL + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "Spin/rtl-up-dark.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-alt-dark.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "Spin/rtl-up-hover-dark.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-alt-hover-dark.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "Spin/rtl-up-active-dark.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-dark.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "Spin/rtl-up-insensitive-dark.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-alt-insensitive-dark.png" + overlay_stretch = FALSE + direction = RTL + } + + # Spin-Down LTR + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "Spin/ltr-down-dark.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-alt-dark.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "Spin/ltr-down-hover-dark.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-alt-hover-dark.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "Spin/ltr-down-active-dark.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-dark.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "Spin/ltr-down-insensitive-dark.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-alt-insensitive-dark.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Down RTL + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "Spin/rtl-down-dark.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-alt-dark.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "Spin/rtl-down-hover-dark.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-alt-hover-dark.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "Spin/rtl-down-active-dark.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-dark.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "Spin/rtl-down-insensitive-dark.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-alt-insensitive-dark.png" + overlay_stretch = FALSE + direction = RTL + } + } +} + +style "gimp_toolbox_frame" { + engine "pixmap" { + image { + function = SHADOW + } + } +} + +# Disable gradients completely for GimpSpinScale +class "GimpSpinScale" style "gimp_spin_scale" +# Remove borders from "Wilbert frame" in Gimp +widget_class "*<GimpToolbox>*<GtkFrame>" style "gimp_toolbox_frame"
A
themes/whitey/gtk-2.0/misc.rc
@@ -0,0 +1,223 @@
+# +# Gimp +# +style "gimp_spin_scale" { + xthickness = 6 + ythickness = 4 + + bg[NORMAL] = @base_color + + engine "pixmap" { + image { + function = FLAT_BOX + detail = "entry_bg" + state = NORMAL + file = "Others/null.svg" + stretch = TRUE + } + image { + function = FLAT_BOX + detail = "entry_bg" + state = ACTIVE + file = "Others/null.svg" + stretch = TRUE + } + + # Spin-Up LTR + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "Spin/ltr-up.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-alt.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "Spin/ltr-up-hover.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-alt-hover.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "Spin/ltr-up-active.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "Spin/ltr-up-insensitive.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-alt-insensitive.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Up RTL + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "Spin/rtl-up.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-alt.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "Spin/rtl-up-hover.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-alt-hover.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "Spin/rtl-up-active.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "Spin/rtl-up-insensitive.png" + border = { 1, 5, 5, 0 } + stretch = TRUE + overlay_file = "Arrows/up-alt-insensitive.png" + overlay_stretch = FALSE + direction = RTL + } + + # Spin-Down LTR + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "Spin/ltr-down.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-alt.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "Spin/ltr-down-hover.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-alt-hover.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "Spin/ltr-down-active.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down.png" + overlay_stretch = FALSE + direction = LTR + } + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "Spin/ltr-down-insensitive.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-alt-insensitive.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Down RTL + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "Spin/rtl-down.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-alt.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "Spin/rtl-down-hover.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-alt-hover.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "Spin/rtl-down-active.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down.png" + overlay_stretch = FALSE + direction = RTL + } + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "Spin/rtl-down-insensitive.png" + border = { 1, 5, 1, 5 } + stretch = TRUE + overlay_file = "Arrows/down-alt-insensitive.png" + overlay_stretch = FALSE + direction = RTL + } + } +} + +style "gimp_toolbox_frame" { + engine "pixmap" { + image { + function = SHADOW + } + } +} + +# Disable gradients completely for GimpSpinScale +class "GimpSpinScale" style "gimp_spin_scale" +# Remove borders from "Wilbert frame" in Gimp +widget_class "*<GimpToolbox>*<GtkFrame>" style "gimp_toolbox_frame"
A
themes/whitey/gtk-2.0/rm_assets.txt
@@ -0,0 +1,26 @@
+Buttons/button-active +Buttons/button-active-dark +Buttons/flat-button-active +Buttons/flat-button-active-dark +Buttons/checked-flat-button +Buttons/checked-flat-button-hover +Buttons/checked-flat-button-active +Buttons/checked-flat-button-insensitive +Buttons/rtl-button-active +Buttons/rtl-button-active-dark +Buttons/ltr-button-active +Buttons/ltr-button-active-dark + +Check-Radio/check-on* +Check-Radio/radio-on* + +Others/top +Others/bottom +Others/left +Others/right + +ProgressBar/bar + +Range/scale-slider +Range/scale-slider-hover +Range/scale-slider-active
A
themes/whitey/gtk-3.0/Gemfile
@@ -0,0 +1,2 @@
+source 'https://rubygems.org' +gem "sass", "~> 3.4.0"
A
themes/whitey/gtk-3.0/README
@@ -0,0 +1,36 @@
+Summary +------- + +* Do not edit the CSS directly, edit the source SCSS files and process them with SASS (run + `./parse-sass.sh` when you have the required software installed, as described below) +* To be able to use the latest/adequate version of sass, install ruby, gem, sass & bundle. + On Fedora F20, this is done with `sudo dnf install rubygems && gem install bundle && bundle install` + from the same directory this README resides in. + +How to tweak the theme +---------------------- + +Adwaita is a complex theme, so to keep it maintainable it's written and processed in SASS. The +generated CSS is then transformed into a gresource file during gtk build and used at runtime in a +non-legible or editable form. + +It is very likely your change will happen in the _common.scss file. That's where all the widget +selectors are defined. Here's a rundown of the "supporting" stylesheets, that are unlikely to be the +right place for a drive by stylesheet fix: + +_colors.scss - global color definitions. We keep the number of defined colors to a necessary minimum, + most colors are derived form a handful of basics. It covers both the light variant and + the dark variant. + +_colors-public.scss - SCSS colors exported through gtk to allow for 3rd party apps color mixing. + +_drawing.scss - drawing helper mixings/functions to allow easier definition of widget drawing under + specific context. This is why Adwaita isn't 15000 LOC. + +_common.scss - actual definitions of style for each widget. This is where you are likely to add/remove + your changes. + +You can read about SASS at http://sass-lang.com/documentation/. Once you make your changes to the +_common.scss file, you can either run the ./parse-sass.sh script or keep SASS watching for changes as you +edit. This is done by running `bundle exec sass --watch --sourcemap=none .` If sass is out of date, or is +missing, you can install it with `bundle install`.
A
themes/whitey/gtk-3.0/_3rd-party.scss
@@ -0,0 +1,799 @@
+/****************** + * Budgie Desktop * + ******************/ + +// specific ripple-effect for IconTaskList +@keyframes budgie_ripple_effect { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha($inverted_fg_color, 0.2)), + to(transparent)), + linear-gradient(to bottom, + gtkalpha($inverted_fg_color, 0.2)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.4, + to(gtkalpha($inverted_fg_color, 0.2)), + to(transparent)), + linear-gradient(to bottom, + gtkalpha($inverted_fg_color, 0.2)); + } +} + +// orientation +$orientation: ((top, bottom), + (bottom, top), + (left, right), + (right, left)); + +// main container +.budgie-container { background-color: transparent; } + +// panel styling +.budgie-panel { + // always use dark-color of dark variant + background-color: $panel_bg_color; + color: $inverted_fg_color; + font-weight: 700; + + // panel border styling + @each $along_side, $opp_side in $orientation { + .#{$along_side} & { border-#{$along_side}: 2px solid $panel_bg_color; } + } + + // used to indicate unread notifications + .alert { color: $accent_color; } +} + +@each $along_side, $opp_side in $orientation { + // panel shadow styling + .#{$along_side} .shadow-block { + background-color: transparent; + background-image: linear-gradient(to $opp_side, + gtkalpha(#000000, 0.23), + gtkalpha(#000000, 0.08), + transparent); + } + + // raven border styling + .#{$along_side} .raven-frame { + padding: 0; + border: none; + border-#{$opp_side}: 1px solid $borders_color; + background: none; + } +} + +// wnck tasklist styling +.budgie-panel WnckTasklist { + .button, + .button:backdrop { + border: none; + background: none; + opacity: 0.5; + &:hover, + &:active, + &:checked { opacity: 1.0; } + } +} + +// icon tasklist styling +.budgie-panel { + .launcher { + border: 2px solid transparent; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.4, + to(gtkalpha($inverted_fg_color, 0)), + to(transparent)), + linear-gradient(to bottom, + gtkalpha($inverted_fg_color, 0)); + background-size: 3em * 2 / 0.8 3em * 2 / 0.8, auto; + background-position: center center; + opacity: 0.5; + transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: opacity, + border-color, + background-color, + background-image, + box-shadow; + transition-duration: 0.2s; + &:hover { + opacity: 0.75; + -gtk-image-effect: highlight; + } + &:active { + opacity: 1.0; + transition-duration: 0; + animation: budgie_ripple_effect 0.2s + cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; + } + &:checked { + opacity: 1.0; + &:hover { -gtk-image-effect: highlight; } + } + } + + .unpinned .launcher, + .pinned .launcher.running { + opacity: 1.0; + &:hover { -gtk-image-effect: highlight; } + } +} + +// draw underscores +@each $along_side, $opp_side in $orientation { + .#{$along_side} .budgie-panel { + WnckTasklist .button { + border: 2px solid transparent; + &:hover { + border-#{$along_side}: 2px solid gtkalpha($inverted_fg_color, 0.4); + } + &:active, + &:checked { + border-#{$along_side}: 2px solid $selected_bg_color; + } + } + + .launcher { + border: 2px solid transparent; + &:hover { + border-#{$along_side}: 2px solid gtkalpha($inverted_fg_color, 0.4); + } + &:active, + &:checked { + border-#{$along_side}: 2px solid $selected_bg_color; + } + } + } +} + +// draw underscores and dots +@each $along_side, $_dot in (top, top), + (bottom, bottom), + (left, left), + (right, right) { + .#{$along_side} .budgie-panel { + .unpinned .launcher, + .pinned .launcher.running { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-#{$_dot}.png"), + url("assets/running-dot-#{$_dot}@2.png")) + 2 / 2px; + &:hover, + &:active, + &:checked { + border-#{$along_side}: 2px solid $selected_bg_color; + border-image: none; + } + } + } +} + +// show-desktop styling +.budgie-panel ShowDesktopApplet { + > .button.flat { + padding: 0.4em 1em; + border-radius: 0; + outline-color: transparent; + color: $inverted_fg_color; + &:hover { + color: $selected_fg_color; + background-color: transparent; + background-image: none; + } + &:active { color: $selected_fg_color; } + &:checked { // dim icon when checked + color: $insensitive_inverted_fg_color; + background-color: transparent; + background-image: none; + &:hover { + color: $selected_fg_color; + background-color: transparent; + background-image: none; + } + } + } +} + +// main menu styling +.budgie-menu { + border-radius: 2px; + background-color: $secondary_base_color; + + GtkScrolledWindow, + .list, + .list-row, + .scrollbar.trough { // reset styling + border: none; + background: none; + box-shadow: none; + } + + .list-row { // reset background + &, &.activatable { + background-image: none; + background-color: $secondary_base_color; + color: $secondary_fg_color; + transition: none; + } + &:hover, + &.activatable:hover { + background-image: none; + background-color: $secondary_base_color; + color: $fg_color; + transition: none; + } + } + + GtkScrolledWindow .undershoot { + &.top { @include undershoot(top, $secondary_base_color); } + &.bottom { @include undershoot(bottom, $secondary_base_color); } + &.left { @include undershoot(left, $secondary_base_color); } + &.right { @include undershoot(right, $secondary_base_color); } + } +} + +// raven styling +.raven { + padding: 0; + border: none; + color: $secondary_fg_color; + background-color: gtkopacity($dark_color, 0.9); + + // mixin with drop-shadows to avoid the raven edge shine-through + &:dir(ltr) { box-shadow: -1px 0 1px rgba(0, 0, 0, 0.12); } + &:dir(rtl) { box-shadow: 1px 0 1px rgba(0, 0, 0, 0.12); } + + .raven-header { + border: none; + color: $tertiary_fg_color; + background-color: transparent; + font-weight: 700; + } + + .raven-background { + border-width: 1px 0 0; + border-style: solid none none; + border-color: $borders_color; + background-color: transparent; + box-shadow: if($variant == 'light', $inline-shadow-light, + $inline-shadow-dark); + } + + .powerstrip { // always use dark variant + border-top: 1px solid $borders_color; + background-color: $inverted_dark_color; + box-shadow: if($variant == 'light', $inline-shadow-light, + $inline-shadow-dark); + + .button { + padding: 1em; + color: $secondary_accent_color; + &:hover, + &:active, + &:checked { color: $accent_color; } + &:insensitive { color: gtkopacity($accent_color, 0.4); } + } + } + + .option-subtitle { + color: $insensitive_secondary_fg_color; + font-size: 90%; + } + + GtkScrolledWindow { background: transparent; } + + .list, + .list-row, + .list-row.activatable { + background-color: transparent; + &:not(.list):hover { color: $fg_color; } + &:not(.list):selected { + color: $selected_bg_color; + &:hover { background-color: gtkopacity($selected_bg_color, 0.1); } + } + + .separator { color: gtkopacity($insensitive_fg_color, 0.55); } + } + + // use flat-style + .button.image-button { + @include button(flat-normal); + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:insensitive { @include button(flat-insensitive); } + &:checked { @include button(flat-checked); } + &:checked:insensitive { @include button(flat-checked-insensitive); } + } + + .raven-header { + > .button.text-button { // 'exit' button + @extend .button.suggested-action; + color: $secondary_selected_fg_color; + &:hover { color: $selected_fg_color; } + &:active { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + } + + .expander-button { // expander arrow buttons + padding: 1.0em; + border-radius: 100px; + outline-radius: 100px; + color: $tertiary_fg_color; + &:hover, + &:active { color: $fg_color; } + } + } + + GtkCalendar { + border: none; + background-color: transparent; + } + + .undershoot { // remove undershoot + &.top, + &.bottom, + &.left, + &.right { background-image: none; } + } +} + +// MPRIS applet +.raven-mpris { + border: none; + color: $fg_color; + background-color: gtkopacity($dark_color, 0.9); + + .button.image-button { padding: 0.6em; } +} + +// notifications +.budgie-notification-window { + border-radius: 2px; + background: none; +} + +.budgie-notification { + &.background { border-radius: 2px; } + + .notification-title { + color: $secondary_fg_color; + font-size: 110%; + font-weight: 500; + } + + .notification-body { color: $fg_color; } +} + +// dialog styling +.background.csd.budgie-run-dialog { + border: none; + background-color: transparent; + + .window-frame { + border-radius: 2px; + border: none; + background-color: gtkopacity($inverted_dark_color, 0.9); + box-shadow: $z-depth-4; + &:backdrop { box-shadow: $z-depth-2; } + } + + .separator { + -GtkWidget-separator-width: 0; + border: 0 none transparent; + color: transparent; + } + + GtkScrolledWindow { + border-image: none; // remove underline indicator + + GtkGrid .button.flat { + border-radius: 2px; + outline-radius: 2px; + } + + .undershoot { // remove undershoot + &.top, + &.bottom, + &.left, + &.right { background-image: none; } + } + } + + // 'close' button + .button.flat.image-button { + color: $secondary_accent_color; + &:hover, + &:active, + &:checked { color: $accent_color; } + &:insensitive { color: gtkopacity($accent_color, 0.4); } + } +} + +.budgie-session-dialog { + border-radius: 2px; + border-width: 0; + // always use dark-color of dark variant + background-color: $inverted_bg_color; + color: $inverted_fg_color; + font-weight: 700; + opacity: 0.9; + + .button, + .linked > .button { + @include button(flat-normal); + padding: 0.7em 1em 0.8em; + border: 2px solid transparent; + border-radius: 0; + color: $secondary_accent_color; + background-color: transparent; + background-size: 192px * 1 / 0.8 192px * 1 / 0.8, auto; + &:hover { + @include button(flat-hover); + color: $accent_color; + } + &:active { + @include button(flat-active); + color: $accent_color; + } + &:checked { + @include button(flat-checked); + color: $secondary_accent_color; + } + &:insensitive { @include button(flat-insensitive); } + + &:first-child { + border-bottom-left-radius: 2px; + border-right-width: 0; + } + &:last-child { + border-bottom-right-radius: 2px; + border-left-width: 0; + } + } +} + +.budgie-polkit-dialog { + @extend .budgie-session-dialog; + + .message { color: $secondary_fg_color; } + .failure { + color: $accent_color; + font-weight: 700; + } +} + +.drop-shadow { + background-color: $dark_color; + background-image: none; + box-shadow: $z-depth-2; +} + + +/***************** + * Unity Desktop * + *****************/ + +// window decorations +UnityDecoration { // FIXME: do not use scalable units + -UnityDecoration-extents: 28px 0 0 0; + -UnityDecoration-input-extents: 8px; + + -UnityDecoration-shadow-offset-x: 0; + -UnityDecoration-shadow-offset-y: 8px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.24); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.16); + -UnityDecoration-inactive-shadow-radius: 6px; + + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: $selected_bg_color; + + -UnityDecoration-title-indent: 16px; + -UnityDecoration-title-fade: 32px; + -UnityDecoration-title-alignment: 0.0; + + &.top { + border-width: 1px 0 0; + border-style: solid none none; + border-color: $borders_color; + border-radius: 2px 2px 0 0; + padding: 1px 6px 0 6px; + + background-image: linear-gradient(to bottom, $inverted_dark_color); + // The foreground color will be used to paint the text + color: $inverted_fg_color; + box-shadow: inset 0 1px $highlight_color; + + &:backdrop { color: $insensitive_inverted_fg_color; } + } + + &.left, + &.right, + &.bottom { + &, &:backdrop { background-image: none; } + } +} + +// panel styling +UnityPanelWidget, +.unity-panel { + &, &:backdrop { + border-bottom: 1px solid $panel_bg_color; + color: $inverted_fg_color; + background-image: linear-gradient(to bottom, + opacify($panel_bg_color, 0.9)); + box-shadow: none; + } +} + +.unity-panel.menubar, +.unity-panel .menubar { + background-color: transparent; + background-image: none; + box-shadow: none; + + &.menuitem, + & .menuitem * { + padding: 0 6px; + border-radius: 0; + border-bottom: none; + color: $inverted_fg_color; + background-color: transparent; + &:hover { + color: $selected_fg_color; + box-shadow: inset 0 -2px $selected_bg_color; + } + } +} + + +/************ + * Corebird * + ************/ + +// use normal foreground colour +GtkStack .button.profile-button { + &:checked { color: $fg_color; } +} + +// account menu button +.titlebar.header-bar GtkBox { + .button.account-button { // left-most account-button + // revert to square button since we can't make perfect circle button + border-radius: 2px; + outline-radius: 2px; + + // FIXME: it doesn't work + .avatar-round { border-color: transparent; } + } +} + +/******** + * Nemo * + ********/ + +.nemo-desktop.nemo-canvas-item { + @extend .nautilus-desktop.nautilus-canvas-item; +} + +NemoWindow { + // workaround for invisible text in rename entry + EelEditableLabel.entry { transition: none; } + + // draw bottom border of toolbar + .toolbar.primary-toolbar { + border-bottom: 1px solid $borders_color; + + .button.toggle, + .linked > .button { + padding: 0 1.2em 0.1em; + + &.image-button { + border-radius: 100px; + outline-radius: 100px; + } + } + } + + // tweak path-bar buttons + .primary-toolbar NemoPathBar.linked.raised { + > .button { // ugly arrow button at most-left + padding: 0; + border-radius: 2px; + outline-radius: 2px; + + GtkArrow { -GtkArrow-arrow-scaling: 0.5; } + + &, GtkArrow { + color: $secondary_fg_color; + &:hover, + &:active, + &:checked { + color: $fg_color; + &:insensitive { color: $insensitive_fg_color; } + } + &:insensitive { color: $insensitive_secondary_fg_color; } + } + } + + // revive horizontal padding + .button.text-button, + .button.image-button { padding: 0.3em 0.7em 0.4em; } + } + + // tweak notebook colour + .notebook { background-color: $base_color; } + + // tweak sidebar + .sidebar { + .frame { border-width: 0; } // remove double-border + + GtkDrawingArea { background-color: transparent; } + } + + // force using flat-style on bottom bar + GtkGrid > GtkEventBox { + padding: 0.2em; + background-color: $secondary_dark_color; + box-shadow: if($variant == 'light', $inline-shadow-light, + $inline-shadow-dark); + + > .toolbar { + border-style: none; + background-color: transparent; + box-shadow: none; + } + + > .toolbar .button.image-button { + @extend .button.flat; + border-radius: 2px; + outline-radius: 2px; + padding: 0.7em 1em 0.8em; + box-shadow: none; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.001, + to($track_color), + to(transparent)) + 0 0 0 / 0 0 0px; + color: $secondary_fg_color; + &:hover { + box-shadow: none; + border-image: none; + color: $fg_color; + } + &:checked { + box-shadow: none; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_bg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + background-color: transparent; + color: $fg_color; + &:insensitive { + box-shadow: none; + background-color: transparent; + color: $insensitive_fg_color; + border-image: none; + > label { color: inherit; } + } + } + &:insensitive { + box-shadow: none; + background-color: transparent; + color: $insensitive_secondary_fg_color; + border-image: none; + } + } + + > .toolbar .separator.vertical { // remove separator + -GtkWidget-separator-width: 0; + border: 0 none transparent; + color: transparent; + } + } +} + + +/*************************** + * Cinnamon-control-center * + ***************************/ + +CcShellCategoryView { // stop using $base_color + CcShellItemView.view { background-color: transparent; } +} + +.cs-header { + background-color: $secondary_dark_color; + box-shadow: if($variant == 'light', $inline-shadow-light, + $inline-shadow-dark); +} + + +/********* + * XFce4 * + *********/ + +.xfce4-panel { + background-color: $panel_bg_color; + color: $inverted_fg_color; + font-weight: 700; + + .button { + @include button(flat-normal); + padding: 0px 4px; + border: none; + border-radius: 0; + color: $inverted_fg_color; + background-color: transparent; + &:hover { + color: $selected_fg_color; + background-color: transparent; + box-shadow: inset 0 -2px $track_color; + } + &:checked, + &:hover:checked, + &:insensitive:checked { // 'checked' = 'active' + color: $selected_fg_color; + background-color: transparent; + box-shadow: inset 0 -2px $selected_bg_color; + } + + .label:backdrop, + &:backdrop { opacity: 1.0; } + } + + .menu { -gtk-image-effect: none; } +} + +TopMenuAppMenuBar { + background-color: $panel_bg_color; // do not use transparent + color: $inverted_fg_color; + box-shadow: none; + + > .menuitem { + color: $inverted_fg_color; + background-color: transparent; + &:hover { + color: $selected_fg_color; + box-shadow: inset 0 -2px $selected_bg_color; + } + &:backdrop { opacity: 1.0; } + } +} + + +/************ + * Synaptic * + ************/ + +GtkWindow > GtkBox.vertical > GtkBox.horizontal { + > .toolbar { + background-color: transparent; + box-shadow: none; + + GtkToolItem > GtkBox { + .label, + .entry { + padding-top: 0.1em; + padding-bottom: 0.1em; + font-size: 90%; + } + + > .label { color: $insensitive_fg_color; } + } + } + + > GtkAlignment { background-color: transparent; } +} +
A
themes/whitey/gtk-3.0/_colors-public.scss
@@ -0,0 +1,187 @@
+// +// Apps rely on some named colors to be exported +// + +// GTK NAMED COLORS +// ---------------- +// Use responsibly! +// +// Sass thinks we're using the colors in the variables as strings and may shoot +// warning, it's innocuous and can be defeated by using "" + $var + + +/*********** + * Colours * + ***********/ + +// +// Widget text/foreground color +// + +@define-color theme_fg_color #{"" +$fg_color}; + + +// +// Widget inverted text/foreground color +// + +@define-color theme_inverted_fg_color #{"" +$inverted_fg_color}; + + +// +// Text color for entries, views and content in general +// + +@define-color theme_text_color #{"" +$fg_color}; + + +// +// Widget base background color +// + +@define-color theme_bg_color #{"" +$bg_color}; + + +// +// Text widgets and the like base background color +// + +@define-color theme_base_color #{"" +$base_color}; + + +// +// Base background color of selections +// + +@define-color theme_selected_bg_color #{"" +$selected_bg_color}; + + +// +// Text/foreground color of selections +// + +@define-color theme_selected_fg_color #{"" +$selected_fg_color}; + + +// +// Base background color of insensitive widgets +// + +@define-color insensitive_bg_color #{"" +$bg_color}; + + +// +// Text foreground color of insensitive widgets +// + +@define-color insensitive_fg_color #{"" +$insensitive_fg_color}; + + +// +// Insensitive text widgets and the like base background color +// + +@define-color insensitive_base_color #{"" +$secondary_base_color}; + + +// +// Widget text/foreground color on backdrop windows +// + +@define-color theme_unfocused_fg_color #{"" +$insensitive_fg_color}; + + +// +// Widget inverted text/foreground color on backdrop windows +// + +@define-color theme_unfocused_inverted_fg_color #{"" +$insensitive_inverted_fg_color}; + + +// +// Text color for entries, views and content in general on backdrop windows +// + +@define-color theme_unfocused_text_color #{"" +$insensitive_fg_color}; + + +// +// Text inverted color for entries, views and content in general on backdrop windows +// + +@define-color theme_unfocused_inverted_text_color #{"" +$insensitive_inverted_fg_color}; + + +// +// Widget base background color on backdrop windows +// + +@define-color theme_unfocused_bg_color #{"" +$bg_color}; + + +// +// Text widgets and the like base background color on backdrop windows +// + +@define-color theme_unfocused_base_color #{"" +$base_color}; + + +// +// Base background color of selections on backdrop windows +// + +@define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color}; + + +// +// Text/foreground color of selections on backdrop windows +// + +@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color}; + + +// +// Text/foreground color of placeholders +// + +@define-color placeholder_text_color #{"" + $placeholder_text_color}; + + +// +// Widgets main borders color +// + +@define-color borders #{"" +$borders_color}; + + +// +// Widgets main borders color on backdrop windows +// + +@define-color unfocused_borders #{"" +$borders_color}; + + +// +// These are pretty self explicative +// + +@define-color warning_color #{"" +$warning_color}; +@define-color error_color #{"" +$error_color}; +@define-color success_color #{"" +$success_color}; +@define-color link_color #{"" +$link_color}; + + +// +// Revert wm_bg_a/b for gnome-flashback (metacity) +// + +@define-color wm_bg_a #{"" +$inverted_dark_color}; +@define-color wm_bg_b #{"" +$highlight_color}; + + +// +// FIXME: this is really an API +// + +@define-color content_view_bg #{"" +$base_color}; +
A
themes/whitey/gtk-3.0/_colors.scss
@@ -0,0 +1,156 @@
+// +// When color definition differs for dark and light variant, +// it gets @if ed depending on $variant +// + +@function gtkalpha($c, $a) { + @return unquote("alpha(#{$c}, #{$a})"); +} + +@function gtkopacity($c, $a) { + @return scale-color($c, $alpha: percentage(-1 + $a)); +} + + +// +// A Color palette +// +// Adapta uses google's palette: +// [https://www.google.com/design/spec/style/color.html#color-color-palette] +// + + +// +// Foreground colors +// + +$fg_color: if($variant == 'light', #263238, // = BluGry900 + #ECEFF1); // = BluGry50 +$secondary_fg_color: gtkopacity($fg_color, 0.75); +$tertiary_fg_color: gtkopacity($fg_color, 0.5); + +$selected_fg_color: #FFFFFF; // = White +$secondary_selected_fg_color: gtkopacity($selected_fg_color, 0.85); +$tertiary_selected_fg_color: gtkopacity($selected_fg_color, 0.7); + +$insensitive_fg_color: gtkopacity($fg_color, 0.3); +$insensitive_secondary_fg_color: gtkopacity($secondary_fg_color, 0.3); +$insensitive_tertiary_fg_color: gtkopacity($tertiary_fg_color, 0.3); + +$insensitive_selected_fg_color: gtkopacity($selected_fg_color, 0.4); +$insensitive_secondary_selected_fg_color: gtkopacity($secondary_selected_fg_color, 0.4); +$insensitive_tertiary_selected_fg_color: gtkopacity($tertiary_selected_fg_color, 0.4); + +// preview text on empty GtkEntry +$placeholder_text_color: if($variant == 'light', #CFD8DC, // = BluGry100 + #607D8B); // = BluGry500 + + +// +// Inverted foreground colors +// + +$inverted_fg_color: #ECEFF1; // = BluGry50 +$inverted_secondary_fg_color: gtkopacity($inverted_fg_color, 0.75); +$inverted_tertiary_fg_color: gtkopacity($inverted_fg_color, 0.5); + +$insensitive_inverted_fg_color: gtkopacity($inverted_fg_color, 0.3); +$insensitive_inverted_secondary_fg_color: gtkopacity($inverted_secondary_fg_color, 0.3); + +$fixed_fg_color: #263238; // = BluGry900 +$secondary_fixed_fg_color: gtkopacity($fixed_fg_color, 0.75); +$insensitive_fixed_fg_color: gtkopacity($fixed_fg_color, 0.3); + + +// +// Background colors +// + +$bg_color: if($variant == 'light', mix(#FFFFFF, #ECEFF1, 75%), // = W _ 50 + mix(#455A64, #37474F, 50%)); // = 700 _ 800 +$base_color: if($variant == 'light', #FFFFFF, // = White + #455A64); // = BluGry700 +$secondary_base_color: mix($base_color, $bg_color, 50%); // = W _ 50 +$light_color: if($variant == 'light', $base_color, // = White + #546E7A); // = BluGry600 +$dark_color: if($variant == 'light', + mix(#ECEFF1, #CFD8DC, 75%), // = 50 _ 100 + mix(#263238, #37474F, 75%)); // = 900 _ 800 +$secondary_dark_color: if($variant == 'light', + mix(#FFFFFF, #ECEFF1, 60%), // = W _ 50 + mix(#455A64, #37474F, 25%)); // = 700 _ 800 + + +// +// Dark background colors on light variant +// + +$inverted_bg_color: mix(#455A64, #37474F, 50%); // = 700 _ 800 +$inverted_base_color: #455A64; // = BluGry700 +$inverted_dark_color: mix(#263238, #37474F, 75%); // = 900 _ 800 + + +// +// Selection (primary) colors +// + +$selected_bg_color: #00BCD4; // = Cyan500 +$secondary_selected_bg_color: #4DD0E1; // = Cyan300 + + +// +// Accent (secondary) colors +// + +$accent_color: #4DB6AC; // = Teal300 +$secondary_accent_color: gtkopacity($accent_color, 0.9); +$accent_fill_color: gtkopacity($inverted_fg_color, 0.1); + + +// +// Tracker colors +// + +$track_color: gtkalpha(currentColor, 0.2); + + +// +// Edge colors +// + +$borders_color: if($variant == 'light', gtkopacity(#000000, 0.09), + gtkopacity(#000000, 0.11)); +$solid_light_borders_color: if($variant == 'light', #E5E9EC, #37474F); +$solid_dark_borders_color: #242F35; +$top_edge_border_color: #37474F; + +$highlight_color: gtkopacity(#FFFFFF, 0.07); + + +// +// Misc colors +// + +$link_color: #03A9F4; // = LtBlu500 +$link_visited_color: #9C27B0; // = Purple500 + +$warning_color: #FF9800; // = Orange500 +$error_color: #F44336; // = Red500 +$success_color: #00E676; // = GreenA400 + +$suggested_color: #009688; // = Teal500 +$destructive_color: #FF5252; // = RedA200 +$selection_color: #80DEEA; // = Cyan200 + +$info_bg_color: #00E5FF; // = CyanA400 +$question_bg_color: #FFEA00; // = YellwA400 +$warning_bg_color: #FF9100; // = OrangA400 +$error_bg_color: #FF1744; // = RedA400 + + +// +// Solid panel color +// + +$panel_bg_color: mix(#263238, #000000, 50%); // = BluGry900 +
A
themes/whitey/gtk-3.0/_common.scss
@@ -0,0 +1,3937 @@
+// +// Suffix +// + +$asset_suffix: if($variant == 'dark', '-dark', ''); + + +// +// transitions +// + +%transition { + // do not include sizing factors and text colors/shadows + transition-property: opacity, + border-color, + border-image, + background-color, + background-image, + box-shadow, + icon-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.2s; +} + + +/***************** + * Common States * + *****************/ + +* { + @extend %transition; // global transition setting + + padding: 0; + background-clip: padding-box; + + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: $error_color; + + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 16; + + // The size for scrollbars. The slider is 2px smaller, but we keep it + // up so that the whole area is sensitive to button presses for the + // slider. The stepper button is larger in both directions, the slider + // only in the width + + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + + -GtkToolItemGroup-expander-size: 11; + -GtkExpander-expander-size: 16; + + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + + -GtkWidget-link-color: $link_color; + -GtkWidget-visited-link-color: $link_visited_color; + + -GtkWidget-text-handle-width: 16; + -GtkWidget-text-handle-height: 16; + + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + + -GtkStatusbar-shadow-type: none; + + // We use the outline properties to signal the focus properties + // to the adwaita engine: using real CSS properties is faster, + // and we don't use any outlines for now. + + outline-style: solid; + outline-width: 2px; + outline-color: $track_color; + outline-offset: -4px; + outline-radius: 2px; + + // disable foreground-shadows as default + text-shadow: none; + icon-shadow: none; +} + + +/*************** + * Base States * + ***************/ + +.background { + background-color: $bg_color; + color: $fg_color; +} + +// These wildcard seems unavoidable, need to investigate. +// Wildcards are bad and troublesome, use them with care, +// or better, just don't. +// Everytime a wildcard is used a kitten dies, painfully. + +*:insensitive { + -gtk-image-effect: dim; +} + +// for backdrop, tone down element surfaces with transparentize +%fade_effect { + *:backdrop { + opacity: 0.75; + transition: 0.2s; + } +} + +.gtkstyle-fallback { + background-color: $bg_color; + color: $fg_color; + &:prelight { + background-color: darken($bg_color, 5%); + color: $fg_color; + } + &:active { + background-color: darken($bg_color, 10%); + color: $fg_color; + } + &:insensitive { + background-color: $bg_color; + color: $insensitive_fg_color; + } + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +.view { + @extend .list-row.activatable; + background-color: $base_color; + color: $fg_color; + &:hover, + &:active, + &:selected { border-radius: 2px; } + &:insensitive { + color: $insensitive_fg_color; + } + &:selected { @extend %selected_items; } +} + +.rubberband { + border: 1px solid $secondary_selected_bg_color; + background-color: gtkopacity($secondary_selected_bg_color, 0.2); +} + +.label { + &.separator { + color: $fg_color; + @extend .dim-label; + } + + &:selected, + &:selected:focus, + &:selected:hover { + @extend %selected_items; + } + &:insensitive { color: $insensitive_fg_color; } + + // always use dark foreground in Gnome-Software + &.kudo-label { + color: $fixed_fg_color; + } +} + +.dim-label { + opacity: 0.55; +} + +GtkAssistant { + // sidebar styling + .sidebar { + padding: 0.5em 0; + &:dir(ltr) { border-right: 1px solid $borders_color; } + &:dir(rtl) { border-left: 1px solid $borders_color; } + + .label { + padding: 0.7em 1em 0.8em; + color: $secondary_fg_color; + font-weight: 500; + &.highlight { color: $selected_bg_color; } + } + } + + // header-bar styling + .header-bar { + // apply suggested-action button for "Next" and "Back" + // last -> "cancel", nth -> "Next" and "Back", that's weird. + .button.flat:not(:last-child) { + @include button(normal); + background-color: $suggested_color; + color: $secondary_selected_fg_color; + &:hover { + @include button(hover); + color: $selected_fg_color; + } + &:active { + @include button(active); + color: $selected_fg_color; + background-color: $selected_bg_color; + } + &:checked { + @include button(checked); + background-color: mix($selected_fg_color, $suggested_color, 20%); + color: $selected_fg_color; + } + &:insensitive { @include button(insensitive); } + } + } +} + +GtkTextView { // This will get overridden by .view, + // needed by gedit line numbers + background-color: $secondary_dark_color; +} + +.grid-child { + // outline-offset: -2px; + padding: 4px; + border-radius: 2px; + &:selected { @extend %selected_items; } +} + +%osd, .osd { + opacity: 0.9; +} + + +/********************* + * Spinner Animation * + *********************/ + +@keyframes colorful_bar { + 0% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(0, 1.0); + } + 24.9% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(1.0, 1.0); + } + 25% { + -gtk-icon-source: url("assets/bar-yellow.svg"); + -gtk-icon-transform: scale(1.0, 1.0); + } + 49.9% { + -gtk-icon-source: url("assets/bar-yellow.svg"); + -gtk-icon-transform: scale(0, 1.0); + } + 50% { + -gtk-icon-source: url("assets/bar-green.svg"); + -gtk-icon-transform: scale(0, 1.0); + } + 74.9% { + -gtk-icon-source: url("assets/bar-green.svg"); + -gtk-icon-transform: scale(1.0, 1.0); + } + 75% { + -gtk-icon-source: url("assets/bar-blue.svg"); + -gtk-icon-transform: scale(1.0, 1.0); + } + 99.9% { + -gtk-icon-source: url("assets/bar-blue.svg"); + -gtk-icon-transform: scale(0, 1.0); + } + 100% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(0, 1.0); + } +} + +.spinner { + background-color: blue; + background-image: none; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: url("assets/bar-red.svg"); + &:active { + opacity: 1.0; + animation: colorful_bar 2s linear infinite; + &:insensitive { opacity: 0.4; } + &:backdrop { opacity: 1.0; } + } + &:backdrop { opacity: 0; } +} + + +/**************** + * Text Entries * + ****************/ + +.entry { + padding: 0.75em 1em 0.8em; + @include entry(normal); + &:focus { @include entry(focus); } + &:insensitive { @include entry(insensitive); } + + &.flat { + @include entry(flat-normal); + &:focus { @include entry(flat-focus); } + &:insensitive { @include entry(flat-insensitive); } + } + + &:selected { @extend %selected_items; } + + &.image { // icons inside the entry + &.left { padding-left: 0.1em; } + &.right { padding-right: 0.1em; } + } + + &.progressbar { @extend %entry_progressbar; } + + .linked > &:not(.flat), + .linked.vertical > &:not(.flat) { + @extend .entry.flat; + border-radius: 0; + outline-radius: 0; + } + + // entry error and warning style + @each $e_type, $e_color in (error, $error_color), + (warning, $warning_color) { + &.#{$e_type} { + @include entry(normal, $e_color); + &:focus { @include entry(focus, $e_color); } + &:insensitive { @include entry(insensitive, $e_color); } + &.flat { + @include entry(flat-normal, $e_color); + &:focus { @include entry(flat-focus, $e_color); } + &:insensitive { @include entry(flat-insensitive, $e_color); } + } + } + } + + &.image { // entry icons colors + &:not(:hover):not(:active) { color: gtkalpha(currentColor, 0.75); } + &:active { color: $selected_bg_color; } + &:insensitive { color: gtkalpha(currentColor, 0.6); } + } + + GtkTreeView & { // reset styling inside tree-view + &.flat:focus { + padding: 1px; + border-radius: 0; + border-image: none; + background-color: $base_color; + color: $fg_color; + box-shadow: none; + transition: none; + &:selected { @extend %selected_items; } + } + &:insensitive, + &.flat:insensitive { color: $insensitive_fg_color; } + } + + .osd & { + } +} + + +/*********** + * Buttons * + ***********/ + +// stuff for .needs-attention +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to($selected_bg_color), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($selected_bg_color), + to(transparent)); + } +} + +.button { + padding: 0.7em 1em 0.8em; + border-radius: 2px; + background-repeat: no-repeat; + background-position: center, center; + background-size: 3em * 2 / 0.8 3em * 2 / 0.8, auto; + font-weight: 500; + @include button(normal); + &:hover { @include button(hover); } + &:active { @include button(active); } + &:insensitive { @include button(insensitive); } + &:checked { @include button(checked); } + &:checked:insensitive { @include button(checked-insensitive); } + + &.flat { + @include button(flat-normal); + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:insensitive { @include button(flat-insensitive); } + &:checked { @include button(flat-checked); } + &:checked:insensitive { @include button(flat-checked-insensitive); } + .linked > & { + border-radius: 2px; + &.image-button { + outline-radius: 100px; + border-radius: 100px; + } + } + } + + // big standalone buttons like in Documents pager + &.osd { + &.image-button { + @extend .button.flat; + @extend %image_button; + padding: 1.3em; + background-color: $inverted_dark_color; + &:not(:active):not(:insensitive):not(hover) { + color: $secondary_accent_color; + } + &:hover { + color: $accent_color; + background-color: gtkopacity($inverted_dark_color, 0.7); + background-image: linear-gradient(to bottom, $track_color); + } + &:active { + color: $accent_color; + background-color: gtkopacity($inverted_dark_color, 0.7); + background-image: linear-gradient(to bottom, $accent_fill_color); + } + } + &:insensitive { opacity: 0; } + } + + // overlay / OSD style + .osd & { + } + + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $suggested_color), + (destructive-action, $destructive_color) { + &.#{$b_type} { + background-color: $b_color; + color: $secondary_selected_fg_color; + &:hover { + @include button(hover); + background-color: $b_color; + color: $selected_fg_color; + } + &:active { + @include button(active); + background-color: $selected_bg_color; + color: $selected_fg_color; + } + &:checked { background-color: mix($selected_fg_color, $b_color, 20%); } + &:insensitive { + @include button(insensitive, $b_color, + $insensitive_selected_fg_color); + } + + &.flat { + background-color: transparent; + color: $b_color; + &:hover { @include button(flat-hover, $track_color, $b_color); + } + &:active { + @include button(flat-active); + background-color: gtkalpha($selected_bg_color, 0.2); + color: $selected_bg_color; + } + &:checked { @include button(flat-checked, $b_color, $selected_fg_color); } + &:insensitive { + @include button(flat-insensitive, $b_color, + $insensitive_selected_fg_color); + } + } + } + } + + &.image-button { @extend %image_button; } + + &.text-button { + padding-left: 1.2em; + padding-right: 1.2em; + font-weight: 700; + } + + &.text-button.image-button { + // those buttons needs uneven horizontal padding, we want the icon side + // to have the image-button padding, while the text side the text-button + // one, so we're adding the missing padding to the label depending on + // its position inside the button + padding: 0.7em 1em 0.8em; // same as .button + outline-radius: 2px; + border-radius: 2px; + background-size: 3em * 2 / 0.8 3em * 2 / 0.8, auto; + .label:first-child { padding-left: 0.5em; } + .label:last-child { padding-right: 0.5em; } + } + + .stack-switcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + + outline-offset: -0.2em; // needs to be set or it gets overriden + // by GtkRadioButton outline-offset + + > .label { + padding-left: 0.5em; // label padding + padding-right: 0.5em; // + } + + > GtkImage { + padding-left: 0.5em; // image padding + padding-right: 0.5em; // + padding-top: 0.2em; // + padding-bottom: 0.2em; // + } + + &.text-button { + padding: 0.7em 1em 0.8em; // needed or it will get overridden + } + + &.image-button { + // we want image buttons to have a 1:1 aspect ratio, so compensation + // of the padding added to the GtkImage is needed + padding: 0.5em 0.3em; + } + + &.needs-attention > .label, + &.needs-attention > GtkImage { @extend %needs_attention; } + &.needs-attention:active > .label, + &.needs-attention:active > GtkImage, + &.needs-attention:checked > .label, + &.needs-attention:checked > GtkImage { + animation: none; + background-image: none; + } + } + + // inline-toolbar buttons + .inline-toolbar &, + .action-bar &, + .inline-toolbar .linked > &, + .action-bar .linked > & { + &, &:not(.text-button).image-button { + @extend .button.flat; + padding: 0.75em; + border-radius: 100px; + outline-radius: 100px; + } + + &.text-button { + border-radius: 2px; + outline-radius: 2px; + } + } + + .inline-toolbar .stack-switcher > &, + .action-bar .stack-switcher > & { + &, &:not(.text-button).image-button { + @extend .button.flat; + padding: 0.5em 0.25em; + border-radius: 100px; + outline-radius: 100px; + } + } + + .primary-toolbar & { icon-shadow: none; } // tango icons don't need shadows + + // mimic tab-switcher-ish button array + // horizontal array + .linked > &:not(.flat):not(:only-child) { @extend %linked_middle; } + .linked > &, + .linked > & .image-button, + .linked > & .text-button { + @extend %linked_middle; + @extend %button_array; + } + // vertical array + .linked.vertical > &:not(:only-child) { @extend %linked_vertical_middle; } + .linked.vertical > &, + .linked.vertical > & .image-button, + .linked.vertical > & .text-button { + @extend %linked_vertical_middle; + @extend %button_vertical_array; + } +} + +%button_array { + @include button(flat-normal); + border-radius: 0; + outline-radius: 0; + color: $secondary_fg_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + &:hover { + @include button(flat-hover); + border-radius: 0; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 2 / 0 0 2px; + } + &:active, + &:checked { + @include button(flat-checked); + border-radius: 0; + color: $fg_color; + background-color: transparent; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_bg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + &:hover { background-color: gtkalpha($secondary_fg_color, 0.1); } + &:insensitive { + @include button(flat-checked-insensitive); + color: $insensitive_fg_color; + background-color: transparent; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(gtkopacity($selected_bg_color, 0.2)), + to(transparent)) + 0 0 2 / 0 0 2px; + > .label { color: inherit; } + } + } + &:insensitive { + @include button(flat-insensitive); + border-radius: 0; + color: $insensitive_fg_color; + background-color: transparent; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + } +} + +%button_vertical_array { + @include button(flat-normal); + border-image: none; + border-width: 0; + outline-radius: 0; + color: $secondary_fg_color; + &:hover { + @include button(flat-hover); + &:dir(ltr) { box-shadow: inset 2px 0 $track_color; } + &:dir(rtl) { box-shadow: inset -2px 0 $track_color; } + } + &:active, + &:checked { + @include button(flat-checked); + color: $fg_color; + background-color: transparent; + &:dir(ltr) { box-shadow: inset 2px 0 $selected_bg_color; } + &:dir(rtl) { box-shadow: inset -2px 0 $selected_bg_color; } + &:hover { background-color: gtkalpha(currentColor, 0.1); } + &:insensitive { + @include button(flat-checked-insensitive); + color: $insensitive_fg_color; + background-color: transparent; + &:dir(ltr) { box-shadow: inset 2px 0 gtkopacity($selected_bg_color, 0.2); } + &:dir(ltr) { box-shadow: inset -2px 0 gtkopacity($selected_bg_color, 0.2); } + > .label { color: inherit; } + } + } + &:insensitive { + @include button(flat-insensitive); + color: $insensitive_fg_color; + background-color: transparent; + &:dir(ltr) { box-shadow: inset 1px 0 $track_color; } + &:dir(rtl) { box-shadow: inset -1px 0 $track_color; } + } + + &:dir(ltr) { box-shadow: inset 1px 0 $track_color; } + &:dir(rtl) { box-shadow: inset -1px 0 $track_color; } +} + +%image_button { + padding: 1em; + outline-radius: 100px; + border-radius: 100px; + background-size: 3em * 1 / 0.8 3em * 1 / 0.8, auto; +} + +%needs_attention { + background-repeat: no-repeat; + background-position: right 3px; + background-size: 0.4em 0.4em; + animation: needs_attention 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition: none; + + &:dir(rtl) { background-position: left 3px; } +} + +// all the following is for the +|- buttons on inline toolbars, that way +// should really be deprecated... +.inline-toolbar GtkToolButton > .button { // redefining the button look is + // needed since those are flat... + outline-radius: 100px; + border-radius: 100px; +} + +// More inline toolbar buttons +.inline-toolbar.toolbar GtkToolButton { + // & > .button.flat { @extend %linked_middle; } + // &:first-child > .button.flat { @extend %linked:first-child; } + // &:last-child > .button.flat { @extend %linked:last-child; } + // &:only-child > .button.flat { @extend %linked:only-child; } +} + +%linked_middle { border-radius: 0; } + +%linked { + outline-radius: 2px; + @extend %linked_middle; + &:first-child { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + } + &:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + } + &:only-child { border-radius: 2px; } +} + +%linked_vertical_middle { border-radius: 0; } + +%linked_vertical{ + outline-radius: 2px; + @extend %linked_vertical_middle; + &:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + } + &:last-child { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + &:only-child { border-radius: 2px; } +} + +// menu buttons +.menuitem.button.flat { + transition: none; + &:selected { @extend %selected_items; } +} + +GtkColorButton.button { + padding: 0.4em 0.6em 0.5em; // Uniform padding on the GtkColorButton + + GtkColorSwatch:first-child:last-child { // :first-child:last-child for a + // specificity bump, it gets + // overridden by the + // colorpicker style, otherwise + border-radius: 2px; + box-shadow: $z-depth-1; + } + + &, + GtkColorSwatch { + &:insensitive { + box-shadow: none; + opacity: 0.4; + } + } +} + +// button box is always shown with flat-buttons +GtkButtonBox > .button { + @include button(flat-normal); + color: $secondary_accent_color; + font-weight: 700; + &:hover { + @include button(flat-hover); + color: $accent_color; + } + &:active { + @include button(flat-active); + color: $accent_color; + } + &:insensitive { @include button(flat-insensitive); } + &:checked { + @include button(flat-checked); + color: $accent_color; + } + &:checked:insensitive { + @include button(flat-checked-insensitive); + color: gtkopacity($accent_color, 0.4); + } +} + + +/********* + * Links * + *********/ + +*:link { + color: $link_color; + &:hover, &:active { color: $link_color; } + &:visited { + color: $link_visited_color; + &:hover, &:active { color: $link_visited_color; } + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } + } + &:selected, + *:selected & { + color: mix($selected_fg_color, $selected_bg_color, 80%); + } + &:insensitive { opacity: 0.4; } +} + +.button:link, +.button:visited { + @extend *:link; + & > .label { text-decoration-line: underline; } +} + + +/***************** + * GtkSpinButton * + *****************/ + +.spinbutton { + .button, + .osd & .button { + padding: 0.4em; + border: solid 0.35em transparent; + border-radius: 100px; + outline-radius: 100px; + background: none; + box-shadow: none; + color: $secondary_fg_color; + &:not(:last-child) { // '-' button + &:hover { + @include button(flat-hover); + background: none; + color: $error_color; + } + &:active { + @include button(flat-active); + background-color: $track_color; + color: $error_color; + } + &:insensitive { + @include button(flat-insensitive); + background: none; + color: $insensitive_fg_color; + } + } + &:last-child { // '+' button + &:hover { + @include button(flat-hover); + background: none; + color: $success_color; + } + &:active { + @include button(flat-active); + background-color: $track_color; + color: $success_color; + } + &:insensitive { + @include button(flat-insensitive); + background: none; + color: $insensitive_fg_color; + } + } + } + + &.vertical { // FIXME: try using linking templates for + // vertically linked stuff + padding: 0.5em 0; + + .button { + padding: 0.2em 0; + border: solid 0.5em transparent; + border-radius: 200px; + outline-radius: 200px; + background: none; + box-shadow: none; + color: $secondary_fg_color; + &:first-child { // '+' button + &:hover { + @include button(flat-hover); + background: none; + color: $success_color; + } + &:active { + @include button(flat-active); + background-color: $track_color; + color: $success_color; + } + &:insensitive { + @include button(flat-insensitive); + background: none; + color: $insensitive_fg_color; + } + } + &:last-child { // '-' button + &:hover { + @include button(flat-hover); + background: none; + color: $error_color; + } + &:active { + @include button(flat-active); + background-color: $track_color; + color: $error_color; + } + &:insensitive { + @include button(flat-insensitive); + background: none; + color: $insensitive_fg_color; + } + } + } + + &.entry { + } + } + + GtkTreeView & { // reset styling inside tree-view + &.entry:focus { + padding: 1px; + border-radius: 0; + border-width: 0; + background-color: $base_color; + color: $fg_color; + box-shadow: none; + &:selected { @extend %selected_items; } + } + } +} + + +/************** + * ComboBoxes * + **************/ + +GtkComboBox { + > .the-button-in-the-combobox { + // Otherwise combos are bigger than buttons + padding: 0.35em 0.5em 0.45em; + } + + -GtkComboBox-arrow-scaling: 0.5; + -GtkComboBox-shadow-type: none; + + .menu { padding: 2px 0; } + .menu .menuitem { padding: 0.35em 0.5em 0.45em; } + + .separator.vertical { + // always disable separators + -GtkWidget-wide-separators: true; + } + + .button { // combobox-button styling + @extend %button_array; + border-radius: 0; + padding: 0.5em 0.5em 0.55em; // FIXME: need a bit more padding + color: $secondary_fg_color; + &:hover, + &:active, + &:checked { + @include button(flat-normal); + @extend %button_array:active; + background-color: transparent; + &:insensitive { + color: $insensitive_fg_color; + } + } + &:insensitive { + color: $insensitive_fg_color; + background-color: transparent; + } + } + + &.combobox-entry { + padding: 0; + + .entry { + } + + .button { padding: 0 0.7em; } + } +} + +.linked.vertical > GtkComboBox { + .button { // vertical combobox-button styling + @extend %button_vertical_array; + padding: 0.35em 0.5em 0.45em; + border-radius: 0; + color: $secondary_fg_color; + } +} + +.linked > GtkComboBox > .the-button-in-the-combobox, +.linked > GtkComboBoxText > .the-button-in-the-combobox { + // the combo is a composite widget so the way we do button linkind doesn't + // work, special case needed. See + // https://bugzilla.gnome.org/show_bug.cgi?id=733979 + &:dir(ltr), + &:dir(rtl) { // specificity bump + @extend %linked_middle; + } +} + +// stop using rounded-borders +.linked > GtkComboBox:first-child > .the-button-in-the-combobox, +.linked > GtkComboBoxText:first-child > .the-button-in-the-combobox, +.linked > GtkComboBox:last-child > .the-button-in-the-combobox, +.linked > GtkComboBoxText:last-child > .the-button-in-the-combobox, +.linked > GtkComboBox:only-child > .the-button-in-the-combobox, +.linked > GtkComboBoxText:only-child > .the-button-in-the-combobox { + @extend %linked_middle; +} +.linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, +.linked.vertical > GtkComboBox > .the-button-in-the-combobox, +.linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, +.linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox, +.linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, +.linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox, +.linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, +.linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { + @extend %linked_vertical_middle; +} + + +/************ + * Toolbars * + ************/ + +.toolbar { + -GtkWidget-window-dragging: true; + + padding: 0.4em; + border-width: 0; + background-color: $bg_color; + color: $secondary_fg_color; + // draw shadows + box-shadow: if($variant == 'light', $toolbar-shadow-light, + $toolbar-shadow-dark); + &.vertical, + .inline-toolbar &, + GtkPaned &, + GtkEventBox &, + GtkGrid &.primary-toolbar { // stop drawing fake-shadows + box-shadow: none; + } + + .osd &, &.osd { + padding: 3px; + border-style: solid; + border-width: 9px; + border-image: -gtk-scaled(url("assets/osd-shadow#{$asset_suffix}.png"), + url("assets/osd-shadow#{$asset_suffix}@2.png")) + 10 / 10px stretch; + border-radius: 2px; + box-shadow: none; + color: $inverted_fg_color; + background-color: $inverted_dark_color; + &:backdrop { + border-image: -gtk-scaled(url("assets/osd-shadow-backdrop#{$asset_suffix}.png"), + url("assets/osd-shadow-backdrop#{$asset_suffix}@2.png")) + 10 / 10px stretch; + } + + .button { + @extend .button.flat; + &:not(:active):not(:insensitive):not(hover) { + color: $secondary_accent_color; + } + &:hover, + &:active { color: $accent_color; } + &:active, + &:checked { + border-image: none; + box-shadow: none; + } + &:insensitive { color: gtkopacity($accent_color, 0.4); } + } + + .label { padding: 0 1em; } + } + + .button { // use flat-buttons + @extend .button.flat; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.001, + to($track_color), + to(transparent)) + 0 0 0 / 0 0 0px; + color: $secondary_fg_color; + box-shadow: none; + &:hover { + border-image: none; + color: $fg_color; + box-shadow: none; + } + &:checked { + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_bg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + background: transparent; + color: $fg_color; + box-shadow: none; + &:insensitive { + border-image: none; + background: transparent; + color: $insensitive_fg_color; + box-shadow: none; + > .label { color: inherit; } + } + } + &:insensitive { + border-image: none; + background-color: transparent; + color: $insensitive_secondary_fg_color; + box-shadow: none; + } + + .image-button { + border-radius: 100px; + outline-radius: 100px; + } + } + + & .linked > .button { + border-radius: 100px; + outline-radius: 100px; + &:hover { background-color: transparent; } // remove double-background + &:not(:checked) { + border-radius: 100px; + outline-radius: 100px; + } + } + & .linked > .button.text-button:not(.image-button) { // revive underlines + @extend %button_array; + } +} + +// searchbar, location-bar & inline-toolbar +.inline-toolbar { + padding: 0.4em; + border-style: solid; + border-width: 0 1px 1px; + border-color: $borders_color; + background-color: $secondary_dark_color; + box-shadow: if($variant == 'light', $inline-shadow-light, + $inline-shadow-dark); +} + +.search-bar, +.location-bar { + padding: 0.4em; + border-style: solid; + border-width: 0 0 1px; + border-color: $borders_color; + background-color: $secondary_dark_color; + + // use flat circle-button for '+', 'x', etc... + .button.raised { + padding: 0.75em; + border-radius: 100px; + outline-radius: 100px; + } +} + + +/*************** + * Header bars * + ***************/ + +.titlebar, +.header-bar { + @extend %fade_effect; + + -GtkPaned-handle-size: 0; // FIXME: workaround for ugly Gedit! + + padding: 0.4em; + border-width: 1px 0 1px; + border-style: solid; + // do not use transparentize + border-top-color: $top_edge_border_color; + border-bottom-color: $solid_dark_borders_color; + background-color: $inverted_dark_color; + background-clip: border-box; + + // basic text colours + color: $inverted_secondary_fg_color; + .label { // FIXME: only for insensitive state! + &:checked { + &:insensitive { color: $insensitive_inverted_fg_color; } + } + &:insensitive { color: $insensitive_inverted_secondary_fg_color; } + } + + // titles + .title { + padding-left: 1em; + padding-right: 1em; + color: $inverted_fg_color; + font-weight: 700; + &:backdrop { @extend .dim-label; } + } + + .subtitle { + @extend .dim-label; + padding-left: 1em; + padding-right: 1em; + color: $inverted_secondary_fg_color; + font-size: 90%; + &:backdrop { @extend .dim-label; } + } + + // separator + .header-bar-separator, + & > GtkBox > .separator.vertical, + & > GtkBox > GtkBox > .separator.vertical { + -GtkWidget-separator-width: 0; + border: 0 none transparent; + color: transparent; + } + + // button styling + .button:not(.suggested-action):not(.destructive-action) { + @extend .button.flat; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.001, + to($track_color), + to(transparent)) + 0 0 0 / 0 0 0px; + color: $inverted_secondary_fg_color; + &:hover { color: $inverted_fg_color; } + &:checked { + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_bg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + background-color: transparent; + color: $inverted_fg_color; + // &:active { transition: none; } + &:insensitive { + background-color: transparent; + color: $insensitive_inverted_fg_color; + > .label { color: inherit; } + } + } + &:insensitive { color: $insensitive_inverted_secondary_fg_color; } + } + + .button, + .linked > .button, + .button.suggested-action, + .button.destructive-action { + &, & .label.text-button { + color: $inverted_secondary_fg_color; + &:hover { color: $inverted_fg_color; } + &:checked { + color: $inverted_fg_color; + &:insensitive { color: $insensitive_inverted_fg_color; } + } + &:insensitive { color: $insensitive_inverted_secondary_fg_color; } + } + + .label.text-button { // workaround for Gnome-Software + border-image: none; + box-shadow: none; + } + } + + // force to draw circle flat buttons as default + .button:not(.suggested-action):not(.destructive-action) { + border-radius: 100px; + outline-radius: 100px; + &.text-button { + border-radius: 2px; + outline-radius: 2px; + &.image-button { + border-radius: 2px; + outline-radius: 2px; + } + } + } + + // entry styling + .entry, + .linked > .entry { + color: $inverted_secondary_fg_color; + &:focus { color: $inverted_fg_color; } + &:insensitive { color: $insensitive_inverted_secondary_fg_color; } + } + + // combobox styling + GtkComboBox, + .linked > GtkComboBox { + &.combobox-entry { + .entry { + color: $inverted_secondary_fg_color; + &:focus { color: $inverted_fg_color; } + &:insensitive { color: $insensitive_inverted_secondary_fg_color; } + } + + .button { + color: $inverted_secondary_fg_color; + &:hover { color: $inverted_fg_color; } + &:checked { + color: $inverted_fg_color; + &:insensitive { color: $insensitive_inverted_fg_color; } + } + &:insensitive { color: $insensitive_inverted_secondary_fg_color; } + } + } + } + + // menu styling + .menu .menuitem { // reset text colour + color: $secondary_fg_color; + &:hover { color: $fg_color; } + + .label { + &:insensitive { color: $insensitive_fg_color; } + } + + .accelerator { color: gtkalpha(currentColor, 0.6); } + + .separator { color: $borders_color; } + } + + // pop-over styling + .popover .button.flat { + color: $secondary_fg_color; + &:hover { color: $fg_color; } + + .label { + &:hover { color: $fg_color; } + &:insensitive { color: $insensitive_fg_color; } + } + } + + // switch styling + GtkSwitch { + &.trough { + background-color: gtkopacity($inverted_secondary_fg_color, 0.1); + &:active { + background-color: gtkopacity($selected_bg_color, 0.2); + &:insensitive { background-color: gtkopacity($selected_bg_color, 0.2); } + } + &:insensitive { + color: $insensitive_inverted_fg_color; + background-color: $track_color; + } + } + + &.slider { + background-color: $inverted_bg_color; + &:hover { + background-image: linear-gradient(to bottom, + gtkalpha($selected_fg_color, 0.2)); + } + &:active { + background-color: $selected_bg_color; + &:insensitive { background-color: #3F4E56; } + } + &:insensitive { background-color: #3F4E56; } + } + } + + + // selection-mode styling + &.selection-mode { + border-width: 1px 0 1px 0; // remove side borders + border-top-color: $highlight_color; + border-bottom-color: transparent; + background-color: $selected_bg_color; + color: $selected_fg_color; + + .subtitle:link { @extend *:link:selected; } + + .button, + .button.text-button, + .flat.selection-menu, + .text-button.selection-menu, + .button.image-button { + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.001, + to($selected_fg_color), + to(transparent)) + 0 0 0 / 0 0 0px; + color: $secondary_selected_fg_color; + background-color: transparent; + &:hover, + &:active, + &:checked { color: $selected_fg_color; } + &:insensitive { color: $insensitive_inverted_secondary_fg_color; } + &:checked { + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_fg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + color: $selected_fg_color; + background-color: transparent; + &:insensitive { + color: $insensitive_selected_fg_color; + > .label { color: inherit; } + } + } + + &.suggested-action { + // NOTE: do not use @extend .button; + @include button(normal); + &:hover { @include button(hover); } + &:active { @include button(active); } + &:insensitive { @include button(insensitive); } + } + } + + .button:not(.suggested-action):not(.destructive-action) { + border-radius: 100px; + outline-radius: 100px; + &.text-button, + &.flat.selection-menu { + border-radius: 2px; + outline-radius: 2px; + &.image-button { + border-radius: 100px; + outline-radius: 100px; + } + } + } + + .entry { + color: $inverted_secondary_fg_color; + &:focus { color: $inverted_fg_color; } + &:insensitive { color: $insensitive_inverted_secondary_fg_color; } + } + + .selection-menu { + padding-left: 1.2em; + padding-right: 1.2em; + + GtkArrow { -GtkArrow-arrow-scaling: 1; } + + .arrow { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } + } + + // misc + .tiled & { + @extend %tiled_integration; + transition: none; + } + .maximized & { + @extend %maxd_integration; + transition: none; + } + + &.default-decoration { // FIXME: do not use scalable units + padding: 5.3px; + border-width: 0; + + .title { // fade_effect doesn't work + color: $inverted_fg_color; + &:backdrop { color: gtkopacity($inverted_fg_color, 0.4); } + } + + .button.titlebutton { + padding: 4px; + color: $inverted_secondary_fg_color; + &:hover, + &:active { color: $inverted_fg_color; } + &:backdrop { color: gtkopacity($inverted_fg_color, 0.4); } + } + } +} + +.header-bar { // draw hilight and shadows + .csd &, + GtkBox &:only-child { + box-shadow: if($variant == 'light', $header-shadow-light, + $header-shadow-dark); + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + + // override unwanted side-borders + GtkBox &:not(:only-child):first-child, + GtkBox &:not(:only-child):last-child { + border-left-color: $inverted_dark_color; + border-right-color: $inverted_dark_color; + + .tiled &, + .maximized & { + border-left-color: $panel_bg_color; + border-right-color: $panel_bg_color; + } + } + + // Remove unneeded side shadows with dirty hacks + GtkBox &:not(:only-child):last-child { + &:dir(ltr) { + box-shadow: if($variant == 'light', $sub-header-shadow-light-ltr, + $sub-header-shadow-dark-ltr); + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + &:dir(rtl) { + box-shadow: if($variant == 'light', $sub-header-shadow-light-rtl, + $sub-header-shadow-dark-rtl); + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + } + + // draw paned-separator with border + GtkPaned &:not(:only-child):last-child { + &:dir(ltr) { + border-left: 1px solid $solid_dark_borders_color; + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + &:dir(rtl) { + border-right: 1px solid $solid_dark_borders_color; + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + } +} + +.header-bar.selection-mode { // selection-mode specific + GtkBox & { // Remove unneeded side shadows with dirty hacks + &:not(:only-child):last-child { + &:dir(ltr) { + box-shadow: if($variant == 'light', $selected-header-shadow-light-ltr, + $selected-header-shadow-dark-ltr); + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + &:dir(rtl) { + box-shadow: if($variant == 'light', $selected-header-shadow-light-rtl, + $selected-header-shadow-dark-rtl); + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + } + } +} + +.header-bar, +.titlebar { // set rounded corners + border-top-left-radius: 2px; + border-top-right-radius: 2px; + + GtkBox &:not(:last-child):not(.titlebar) { + &:dir(ltr) { + border-top-left-radius: 2px; + border-top-right-radius: 0; + } + &:dir(rtl) { + border-top-left-radius: 0; + border-top-right-radius: 2px; + } + } + + GtkBox &:last-child:not(.titlebar) { + &:dir(ltr) { border-top-left-radius: 0; } + &:dir(rtl) { border-top-right-radius: 0; } + } +} + +// squared corners when the window is max'd or tiled +%tiled_integration { + border-radius: 0; + border-color: $panel_bg_color; + border-width: 2px 0 0 0; + border-top-color: $secondary_selected_bg_color; + background-color: $panel_bg_color; + box-shadow: none; + &:backdrop { border-top-color: $track_color; } +} + +%maxd_integration { + border-radius: 0; + border-color: $panel_bg_color; + border-width: 1px 0 0 0; + background-color: $panel_bg_color; + box-shadow: none; +} + + +/************ + * Pathbars * + ************/ + +.path-bar .button { + padding: 0.3em 0.7em 0.4em; + + &.image-button { padding: 0.7em; } + + &:only-child { padding: 0.3em 0.7em 0.4em; } + + // the following is for spacing the icon and the label inside the home button + .label { + &:last-child { padding-left: 2px; } + &:first-child { padding-right: 2px; } + &:only-child { + padding-right: 0; + padding-left: 0; + } + } + + GtkImage { padding-top: 1px; } +} + + +/************** + * Tree Views * + **************/ + +GtkTreeView.view { + @at-root * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + } + + border-left-color: $track_color; // this is actually the tree lines color, + border-top-color: $borders_color; // while this is the grid lines color, + // better then nothing + + &.rubberband { @extend .rubberband; } // to avoid borders being overridden + // by the previously set props + + border-radius: 0; // rest border radius in lists + + &:hover, + &:selected { border-radius: 0; } + + // override foreground colours + &, & .entry, + & .entry > .label { + color: $secondary_fg_color; + &:hover, + &:active, + &:focus { color: $fg_color; } + &:selected { color: $selected_fg_color; } + &:insensitive { + color: $insensitive_fg_color; + &:selected { color: $insensitive_selected_fg_color; } + } + } + + .separator { + &, &:hover { color: $borders_color; } + } + + // clear backgrounds + background-color: transparent; + background-image: none; + box-shadow: none; + + &.dnd { + border-style: solid none; + border-width: 1px; + border-color: mix($fg_color, $selected_bg_color, 50%); + } + + &.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + &:selected { + color: gtkopacity($selected_fg_color, 0.75); + &:hover, &:active { color: $selected_fg_color; } + } + } + + &.progressbar { // progress bar in treeviews + @extend %treeview_progressbar; + border-color: $accent_color; + &:selected { border-color: currentColor; } + } + + &.trough { // progress bar trough in treeviews + @extend %treeview_progressbar; + border-color: gtkopacity($accent_color, 0.2); + &:selected { border-color: $track_color; } + } + + &, GtkPaned & { // redraw some stuff for RhythmBox + background-color: $base_color; + + &:hover, + .list-row:hover { color: $fg_color; } + &:selected, + .list-row:selected { @extend %selected_items; } + } +} + +column-header { + .button { + @extend .list-row.activatable; + padding: 0.3em 0.4em 0.35em; + border-style: none solid solid none; + border-width: 1px; + border-color: $borders_color; + border-radius: 0; + background-color: $base_color; + color: $tertiary_fg_color; + box-shadow: none; + &:hover, + &:active { + color: $fg_color; + box-shadow: none; + } + &:insensitive { background-color: $base_color; } + &.dnd { @extend column-header.button.dnd; } + } + + &:last-child .button, + &:last-child.button { // treeview-like derived widgets + // in Banshee and Evolution + border-right-style: none; + } + + GtkPaned & { // redraw some stuff for RhythmBox + .button { + background-color: $base_color; + // background-image: linear-gradient(to bottom, $bg_color); + &:insensitive { background-color: $base_color; } + } + + &:not(:first-child):not(:last-child) { + &.button, + & .button { border-style: none solid solid none; } + } + &, &:only-child, + &:first-child, + &:last-child { + &.button, + & .button { border-style: none none solid none; } + } + } +} + +column-header.button.dnd { // for treeview-like derive widgets + // transition: none; + border-left-style: solid; + color: $selected_bg_color; +} + + +/********* + * Menus * + *********/ + +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + box-shadow: $menubar-shadow; + background-color: $inverted_dark_color; + color: $inverted_secondary_fg_color; // FIXME: Gtk+3 firefox needs this! + + & > .menuitem { + padding: 0.4em 0.6em; + color: $inverted_secondary_fg_color; + &:hover { // Seems like it :hover even with keyboard focus + color: $inverted_fg_color; + box-shadow: inset 0 -2px $selected_bg_color; + } + &:insensitive { + color: $insensitive_inverted_fg_color; + box-shadow: none; + } + } + + .tiled &, + .maximized & { + background-color: $panel_bg_color; + box-shadow: none; + } +} + +.menu { + margin: 4px 0; + padding: 4px 0; + border-width: 1px; // adds borders in a non composited env + border-style: solid; + border-color: $base_color transparent transparent; + background-color: $secondary_base_color; + + .csd & { // axes borders in a composited env + border-width: 1px; + border-radius: 2px; + border-color: $base_color transparent transparent; + } + + .menuitem { + transition: none; + padding: 0.4em 0.4em 0.5em; + color: $secondary_fg_color; + font: initial; + text-shadow: none; + &:hover { + transition: none; + color: $fg_color; + background-color: gtkalpha(currentColor, 0.1); + } + &:insensitive { color: $insensitive_fg_color; } + + // submenu indicators + &.arrow { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:insensitive { color: $insensitive_fg_color; } + } + &.arrow:dir(rtl) {-gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); } + } + + &.button { // overlow buttons + border-style: none; + border-radius: 0; + background-color: $secondary_base_color; + &:hover { background-color: $secondary_dark_color; } + &:insensitive { + color: transparent; + background-color: transparent; + border-color: transparent ; + } + + &.top { border-bottom: 1px solid $borders_color; } + &.bottom { border-top: 1px solid $borders_color; } + } + + // use asymmetric separators + GtkSeparatorMenuItem { + &:dir(ltr) { + padding-left: 2.4em; + padding-right: 0; + } + &:dir(rtl) { + padding-left: 0; + padding-right: 2.4em; + } + } +} + +.menuitem { + .accelerator { color: gtkalpha(currentColor, 0.55); } + + .separator { color: $borders_color; } +} + +.csd.popup { border-radius: 2px; } + + +/*************** + * Popovers * + ***************/ + +.popover { + padding: 2px; + border: 1px solid; + border-color: $base_color $secondary_base_color $secondary_base_color; + border-radius: 2px; + background-color: $secondary_base_color; + box-shadow: $z-depth-3; + &:backdrop { box-shadow: $z-depth-1; } + + > .list, + > .view, + > .toolbar, + &.osd > .toolbar { + border-style: none; + border-image: none; + background-color: transparent; + transition: none; + } + + .button.menuitem.flat, + .button.flat { + transition: none; + background-color: transparent; + background-size: 8em * 1 / 0.8 8em * 1 / 0.8, auto; + color: $secondary_fg_color; + font: initial; + &:hover { + background-color: transparent; // remove double-bg + color: $fg_color; + } + + // FIXME: label padding is ugly + // vertical padding of GtkMenuItem * 0.5 + .label { padding: 0.2em 0 0.25em; } + } + + .linked > .button { + // @extend .button.flat; + @include button(flat-normal); + @extend %button_array; + color: $secondary_fg_color; + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:insensitive { @include button(flat-nsensitive); } + &:checked { + @include button(flat-checked); + color: $fg_color; + background-color: transparent; + } + &:checked:insensitive { @include button(flat-checked-insensitive); } + } + + // hide trough in popover + .scrollbar.trough { + background-color: transparent; + border: 1px none transparent; + } + + &.osd { @extend %osd; } +} + + +/***************** + * Notebooks and * + * Tabs * + *****************/ + +.notebook { + // Through me you go to the grief wracked city; + // Through me you go to everlasting pain; + // Through me you go a pass among lost souls. + // ... + // Abandon all hope — Ye Who Enter Here + padding: 0; + background-color: $base_color; + -GtkNotebook-initial-gap: 6; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + -GtkWidget-focus-padding: 0; + -GtkWidget-focus-line-width: 0; + + &.frame { + border: 1px solid $borders_color; + @each $_tab, $_border in (top, top), + (bottom, bottom), + (left, left), + (right, right) { + &.#{$_tab} { + border-#{$_border}-color: $base_color; + } + } + } + + &.header { + // FIXME: double borders in some case, can't fix it w/o a class tho + // FIXME: doesn't work on dark var + background-color: $bg_color; + + // this is the shading of the header behind the tabs + &.frame { border: none; } + + @each $_header, $_border in (top, 0 -1px), + (bottom, 0 1px), + (left, -1px 0), + (right, 1px 0) { + &.#{$_header} { box-shadow: inset #{$_border} $borders_color; } + } + } + + tab { + outline-offset: 0; + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; + + $tab_indicator_size: 2px; + // vertical tab sizing + $vt_vpadding: 0.5em; + $vt_hpadding: 1.2em; + // horizontal tab sizing + $ht_vpadding: 0.5em; + $ht_hpadding: 1.2em; + + // FIXME: we get double border in some cases, not considering the broken + // notebook content frame... + &.top, + &.bottom { padding: $vt_vpadding $vt_hpadding; } + &.left, + &.right { padding: $ht_vpadding $ht_hpadding; } + + &.reorderable-page { + -GtkNotebook-tab-overlap: 1; + &.top, + &.bottom { + padding-left: 1.2em; // for a nicer close button + padding-right: 1.2em; // placement + border-left-width: 1px; + border-right-width: 1px; + } + &.left, + &.right { + border-bottom-width: 1px; + border-top-width: 1px; + } + } + + @each $_tab, $_border in (top, bottom), + (bottom, top), + (left, right), + (right, left) { + &.#{$_tab} { + // padding-#{$_border}: ($vt_vpadding -$tab_indicator_size); + border-#{$_border}-width: $tab_indicator_size; + } + } + + // here's the interesting stuff + &:hover, + &.prelight-page { border-color: $track_color; } + &:active, + &.active-page { border-color: $selected_bg_color; } + + @each $_tab, $_border in (top, bottom), + (bottom, top), + (left, right), + (right, left) { + &.reorderable-page.#{$_tab} { + border-color: transparent; + &:hover, &.prelight-page { + border-color: $borders_color; + border-#{$_border}-width: 1px; + border-#{$_border}-color: $borders_color; + background-color: $base_color; + box-shadow: none; + } + &:active, &.active-page { + border-color: $borders_color; + border-#{$_border}-width: 2px; + border-#{$_border}-color: $selected_bg_color; + background-color: $base_color; + box-shadow: if($variant == 'light', $tab-shadow-light, + $tab-shadow-dark); + } + } + } + + .label { // tab text + // needed for a nicer focus ring + // and to prevent unexpected offset on reorderable-page, + // set same padding with .button > GtkImage + padding: 0.5em; + font-weight: 700; + color: $tertiary_fg_color; + } + .prelight-page .label, + .label.prelight-page { // hover tab text + color: $fg_color; + } + .active-page .label, + .label.active-page { // active tab text + color: $fg_color; + } + + .button { // tab close button + @extend %image_button; + padding: 0; + background-size: 3em * 1 / 0.8 3em * 1 / 0.8, auto; + @include button(flat-normal); + color: $tertiary_fg_color; + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:insensitive { @include button(flat-insensitive); } + + & > GtkImage { // this is a hack which makes tabs grow + padding: 0.6em; + } + } + .prelight-page .button, + &:hover .button { // hover tab close button + color: $fg_color; + } + .active-page .button, + &:hover .button { // active tab close button + color: $fg_color; + } + } + + &.arrow { + color: $tertiary_fg_color; + &:hover, + &:active { color: $fg_color; } + &:insensitive { color: $insensitive_secondary_fg_color; } + } + + &:not(.reorderable-page) > .entry { @extend .entry.flat; } +} + + +/************** + * Scrollbars * + **************/ + +@keyframes slow_down_ltr { + to { margin-right: 0; } +} + +@keyframes slow_down_rtl { + to { margin-left: 0; } +} + +@keyframes slow_down_horz { + to { margin-top: 0; } +} + +.scrollbar { + -GtkRange-slider-width: 12; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 32; + // minimum size for the slider. + // sadly can't be in '.slider' + // where it belongs + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; + + .button { border: none; } + + &.overlay-indicator { + &:not(.dragging):not(.hovering) { // Overlay scrolling indicator + -GtkRange-slider-width: 10px; // actually 10 - 4 -> 6px slider + + .slider { + margin: 0; + border: none; + } + + .trough { + border-style: none; + background-color: transparent; + } + + // w/o the following margin tweaks the slider shrinks when + // hovering/dragging + &.vertical .slider { + margin-top: 0; + margin-bottom: 0; + &:dir(ltr) { + margin-left: 0; + margin-right: 6px; + } + &:dir(ltr) { + margin-left: 6px; + margin-right: 0; + } + } + &.horizontal .slider { + margin-top: 6px; + margin-bottom: 0; + margin-left: 0; + margin-right: 0; + } + } + + &.dragging, + &.hovering { + .trough { background-color: gtkopacity($base_color, 0.55); } + } + + &.hovering { // slow-down when deforming + &.vertical .slider { + &:dir(ltr) { animation: slow_down_ltr 0.2s linear forwards; } + &:dir(rtl) { animation: slow_down_rtl 0.2s linear forwards; } + } + &.horizontal .slider { animation: slow_down_horz 0.2s linear forwards; } + } + } + + // trough coloring + .trough { + border: none; + background-color: $base_color; + } + + // slider coloring + .slider { + background-color: gtkopacity($tertiary_fg_color, 0.55); + &:hover { background-color: gtkopacity($secondary_fg_color, 0.55); } + &:active { background-color: $fg_color; } + &:insensitive { opacity: 0.4; } + } + + // sizing + .slider { + border-radius: 0; + margin: 0; + } + + &.fine-tune .slider { margin: 0; } + + &.vertical { + .slider { margin: 0; } + &.fine-tune .slider { margin: 0; } + } + + &.horizontal { + .slider { margin: 0; } + &.fine-tune .slider { margin: 0; } + } +} + +.scrollbars-junction, +.scrollbars-junction.frame { // the small square between two scrollbars + border: none; + background-color: $base_color; +} + + +/********** + * Switch * + **********/ + +GtkSwitch { + -GtkSwitch-slider-width: 20px; // 55px is the right value to make it as tall + // as buttons, not doing that for now + -GtkSwitch-slider-height: 20px; + + outline-offset: -4px; + outline-radius: 100px; + font-size: 0; + + &.trough { + // similar to the .scale + border: 8px solid transparent; + border-radius: 100px; + background-color: $track_color; + &:active { + background-color: gtkopacity($selected_bg_color, 0.2); + &:insensitive { background-color: gtkopacity($selected_bg_color, 0.2); } + } + &:insensitive { + color: $insensitive_fg_color; + background-color: $track_color; + } + } + + &.slider { + padding: 4px; + border-radius: 100px; + outline-radius: 100px; + @include button(normal); + &:hover { + @include button(hover); + background-image: linear-gradient(to bottom, + gtkalpha($selected_fg_color, 0.2)); + } + &:active { + @include button(checked); + &:hover { box-shadow: $z-depth-2; } + &:insensitive { + @include button(checked-insensitive); + // do not use any transparentized materials + background-color: if($variant == 'light', #F0F2F3, #3F4E56); + background-image: none; + box-shadow: none; + } + } + &:insensitive { + background-color: if($variant == 'light', #F0F2F3, #3F4E56); + background-image: none; + box-shadow: none; + } + } + + .list-row:selected & { // return to monochrome + &.trough { + background-color: $bg_color; + &:active { + background-color: $secondary_dark_color; + &:insensitive { background-color: $secondary_dark_color; } + } + } + + &.slider { + background-color: $bg_color; + &:hover { + background-image: linear-gradient(to bottom, + gtkalpha($selected_fg_color, 0.2)); + } + &:active { + background-color: $base_color; + &:hover { box-shadow: $z-depth-2; } + } + } + } + + // special case inside the grid container, + // need to protect geometry by using pixmaps images... + GtkGrid & { + -GtkSwitch-slider-width: 40; + -GtkSwitch-slider-height: 20; + font-size: 0; + outline-color: transparent; + + &.trough, + &.slider { // reset all of default switches + &, + &:hover, + &:active, + &:active:hover, + &:active:insensitive, + &:insensitive { + padding: 0; + border: 4px solid transparent; + color: transparent; + background: none; + background-image: none; + background-size: 40px 20px; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; + + &:dir(rtl) { background-position: left center; } + } + } + + &.trough { // use ugly pixmaps + background-image: -gtk-scaled( + url("assets/toggle-off#{$asset_suffix}.png"), + url("assets/toggle-off#{$asset_suffix}@2.png")); + &:hover { + background-image: -gtk-scaled( + url("assets/toggle-off-hover#{$asset_suffix}.png"), + url("assets/toggle-off-hover#{$asset_suffix}@2.png")); + } + &:active { + background-image: -gtk-scaled(url("assets/toggle-on.png"), + url("assets/toggle-on@2.png")); + &:hover { + background-image: -gtk-scaled(url("assets/toggle-on-hover.png"), + url("assets/toggle-on-hover@2.png")); + } + &:insensitive { + background-image: -gtk-scaled( + url("assets/toggle-on-insensitive#{$asset_suffix}.png"), + url("assets/toggle-on-insensitive#{$asset_suffix}@2.png")); + } + } + &:insensitive { + background-image: -gtk-scaled( + url("assets/toggle-off-insensitive#{$asset_suffix}.png"), + url("assets/toggle-off-insensitive#{$asset_suffix}@2.png")); + } + } + } +} + + +/************************* + * Check and Radio items * + *************************/ + +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + +@each $w,$a in ('check', 'checkbox'), + ('radio','radio') { + + // standard checks and radios + @each $s,$as in ('','-unchecked'), + (':hover', '-unchecked-active'), + (':active', '-unchecked-active'), + (':insensitive','-unchecked-insensitive'), + (':inconsistent', '-mixed'), + (':inconsistent:hover', '-mixed-active'), + (':inconsistent:active', '-mixed-active'), + (':inconsistent:insensitive', '-mixed-insensitive'), + (':checked', '-checked'), + (':checked:hover', '-checked-active'), + (':checked:active', '-checked-active'), + (':checked:insensitive','-checked-insensitive') { + .#{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), + url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); + icon-shadow: none; + } + } + + // menu + @each $s,$as in ('',''), + // (':active', '-checked'), + (':insensitive','-insensitive'), + (':inconsistent', '-mixed'), + // (':inconsistent:active', '-mixed'), + (':inconsistent:insensitive', '-mixed-insensitive'), + (':checked', '-checked'), + // (':checked:active', '-checked'), + (':checked:insensitive','-checked-insensitive') { + .menu .menuitem.#{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-symbolic#{$asset_suffix}.png"), + url("assets/#{$a}#{$as}-symbolic#{$asset_suffix}@2.png")); + icon-shadow: none; + &:hover { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-symbolic#{$asset_suffix}.png"), + url("assets/#{$a}#{$as}-symbolic#{$asset_suffix}@2.png")); + } + } + } +} + +// check/radio inside selected-rows +@each $w,$a in ('check', 'checkbox'), + ('radio','radio') { + + // standard checks and radios + @each $s,$as in ('','-unchecked'), + (':active', '-unchecked'), + (':inconsistent', '-mixed'), + (':inconsistent:active', '-mixed'), + (':checked', '-checked'), + (':checked:active', '-checked') { + .view, + .list-row, + .list-row.activatable { + .#{$w}:selected#{$s}, + .#{$w}:selected:focus#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-selected.png"), + url("assets/#{$a}#{$as}-selected@2.png")); + icon-shadow: none; + } + // use dark variant for insensitive states + #{$w}:selected:insensitive, + #{$w}:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}-unchecked-insensitive-dark.png"), + url("assets/#{$a}-unchecked-insensitive-dark@2.png")); + } + #{$w}:selected:inconsistent:insensitive, + #{$w}:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}-mixed-insensitive-dark.png"), + url("assets/#{$a}-mixed-insensitive-dark@2.png")); + } + #{$w}:selected:checked:insensitive, + #{$w}:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}-checked-insensitive-dark.png"), + url("assets/#{$a}-checked-insensitive-dark@2.png")); + } + } + } +} + +// selection-mode +@each $s,$as in ('','-selectionmode'), + (':hover', '-active-selectionmode'), + (':active', '-active-selectionmode'), + (':insensitive', '-insensitive-selectionmode'), + (':checked', '-checked-selectionmode'), + (':checked:hover', '-checked-active-selectionmode'), + (':checked:active', '-checked-active-selectionmode'), + (':insensitive:checked', '-checked-insensitive-selectionmode') { + .view.content-view.check#{$s}:not(.list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"), + url("assets/checkbox#{$as}#{$asset_suffix}@2.png")); + background-color: transparent; + } +} + +GtkCheckButton.text-button, +GtkRadioButton.text-button { + // this is for a nice focus on check and radios text + padding: 0.2em 0.5em; + outline-offset: 0; + color: $secondary_fg_color; + &:hover, + &:active, + &:checked { color: $fg_color; } + &:insensitive, + &:insensitive:active, + &:insensitive:inconsistent { + // set insensitive color, which is overriden otherwise + color: $insensitive_fg_color; + } +} + + +/************ + * GtkScale * + ************/ + +.scale, +.scale.scale-has-marks-above.scale-has-marks-below, +.scale.vertical.scale-has-marks-above.scale-has-marks-below { + // FIXME: rationalize + -GtkScale-slider-length: 20; + -GtkRange-slider-width: 20; + -GtkRange-trough-border: 2; + outline-offset: -8px; + outline-radius: 100px; + + &.fine-tune { + // outline-offset: -6px; + &.slider { background-size: 80%; } + &.trough { + // margin: 8px; + // border-radius: 100px; + } + } + + &.slider { + &:not(:hover):not(:active) { background-size: 80%; } + // @include entry(normal); + // border-radius: 50%; + // background-color: $accent_color; + @each $s,$as in ('',''), + // (':hover','-hover'), + (':active','-active'), + (':insensitive','-insensitive') { + &.slider#{$s} { + $_url: 'assets/slider#{$as}#{$asset_suffix}'; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + } + } + &:hover { + // @include entry(focus); + // border-radius: 50%; // needed for double marks scales + } + &:insensitive { + // @include entry(insensitive); + // border-radius: 50%; // overridden + } + + // OSD sliders + .osd & { + } + } + + &.trough { + margin: 11px; + border-radius: 0; + background-color: $track_color; + &.highlight { + background-color: $accent_color; + &:insensitive { background-color: $track_color; } + } + &:insensitive { color: $insensitive_fg_color; } + + // OSD troughs + .osd & { + } + } + // marks color + &.separator { color: $track_color; } + + // scales on selected list rows + .list-row:selected & { + } +} + +@each $d,$dn in ('', 'horz'), + ('.vertical', 'vert') { + @each $w,$we in ('scale-has-marks-below','scale_marks_below'), + ('scale-has-marks-above','scale_marks_above') { + .scale#{$d}.#{$w} { + -GtkScale-slider-length: 20; + -GtkRange-slider-width: 25; + -GtkRange-trough-border: 1; + + @extend %#{$we}_#{$dn}; + + @each $s,$as in ('',''), + // (':hover','-hover'), + (':active','-active'), + (':insensitive','-insensitive') { + &.slider#{$s} { + $_url: 'assets/slider-#{$dn}-#{$w}#{$as}#{$asset_suffix}'; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + } + } + } + } +} + +%scale_marks_above_horz { + .trough { margin: 15px 10px 10px; } + // &.fine-tune .trough { margin: 13px 8px 8px; } +} +%scale_marks_below_horz { + .trough { margin: 10px 10px 15px; } + // &.fine-tune .trough { margin: 8px 8px 13px; } +} +%scale_marks_above_vert { + .trough { margin: 10px 10px 10px 15px; } + // &.fine-tune .trough { margin: 8px 8px 8px 13px; } +} +%scale_marks_below_vert { + .trough { margin: 10px 15px 10px 10px; } + // &.fine-tune .trough { margin: 8px 13px 8px 8px; } +} + + +/***************** + * Progress bars * + *****************/ + +GtkProgressBar { + -GtkProgressBar-min-horizontal-bar-height: 4; + -GtkProgressBar-min-vertical-bar-width: 4; + padding: 0; + font-size: 90%; + color: $tertiary_fg_color; + + &.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 0; + -GtkProgressBar-min-horizontal-bar-height: 4; + } + + &.trough { // background + border-radius: 0; + background-color: gtkopacity($accent_color, 0.2); + + &.osd { + border-style: none; + box-shadow: none; + background-color: gtkopacity($accent_color, 0.2); + } + } +} + +// moving bit +.progressbar { + border-radius: 0; + background-color: $accent_color; + + &.left { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + &.right { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + &.left.right { + box-shadow: none; + } + + &.vertical { + &.top { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + &.bottom { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + } + } + + &.osd { + background-image: none; + background-color: $accent_color; + border-style: none; + border-radius: 0; + } +} + +%entry_progressbar { // progress inside .entry + border-style: none none solid; + border-width: 2px; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($accent_color), + to(transparent)) + 0 0 2 / 0 0 2px; + border-radius: 0; + box-shadow: none; + background-color: transparent; + background-image: none; +} + +%treeview_progressbar { // progress inside GtkTreeView + border-style: none none solid; + border-width: 4px; + border-radius: 0; + box-shadow: none; + background-color: transparent; + background-image: none; +} + + +/************* + * Level Bar * + *************/ + +.level-bar { + box-shadow: $z-depth-1; // needs to be set here to avoid clipping + -GtkLevelBar-min-block-width: 36; + -GtkLevelBar-min-block-height: 4; + + &.vertical { + -GtkLevelBar-min-block-width: 4; + -GtkLevelBar-min-block-height: 36; + } + + &.trough { + padding: 2px; + border-radius: 2px; + box-shadow: $z-depth-1; + &:insensitive { box-shadow: none; } + &.indicator-discrete { + &.horizontal { padding: 2px 1px; } + &.vertical { padding: 1px 2px; } + } + } + + &.fill-block { + // FIXME: it would be nice to set make fill blocks bigger, but we'd need + // :nth-child working on discrete indicators + background-color: $accent_color; + border-radius: 0; + box-shadow: none; + &.indicator-discrete { + &.horizontal { margin: 0 1px; } + &.vertical { margin: 1px 0; } + } + &.level-high { background-color: $success_color; } + &.level-low { background-color: $accent_color; } + &.empty-fill-block { background-color: $track_color; } + } +} + + +/********** + * Frames * + **********/ + +.frame { + border: 1px solid $borders_color; + padding: 0; + + &.flat { border-style: none; } + + &.action-bar { + padding: 0.4em; + border-width: 1px 0 0; + } +} + +GtkScrolledWindow { + GtkViewport.frame { // avoid double borders when viewport inside + // scrolled window + border-style: none; + } +} + +// vbox and hbox separators +.separator { + // always disable separators + // -GtkWidget-wide-separators: true; + color: $borders_color; + + // Font and File button separators + GtkFileChooserButton &.vertical, + GtkFontButton &.vertical { + // always disable separators + -GtkWidget-wide-separators: true; + } +} + + +/********* + * Lists * + *********/ + +.list { + border-color: $borders_color; + background-color: $base_color; +} + +.list-row, +.grid-child { padding: 2px; } + +.list-row.activatable { + // let's take care of background colors + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0)); + background-repeat: no-repeat; + background-position: center, center; + background-size: 192px * 1 / 0.8 192px * 1 / 0.8, auto; + &:hover { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.05)); + } + &:active { + animation: list_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + &:insensitive {color: $insensitive_fg_color; } +} + +.list-row:selected { + @extend %selected_items; + .button { + &:insensitive { color: $insensitive_secondary_selected_fg_color; } + &.flat { + color: $secondary_selected_fg_color; + &:hover, &:active { color: $selected_fg_color; } + &:insensitive { color: $insensitive_secondary_selected_fg_color; } + } + } +} + +// button spacing +.list-row { + .button.image-button { + padding: 0.4em; + background-size: 2em * 1 / 0.8 2em * 1 / 0.8, auto; + } +} + +// transition +.list-row { + &:hover { transition: none; } +} + + +/********************* + * App Notifications * + *********************/ + +.app-notification, +.app-notification.frame { + @extend %osd; + @extend .toolbar.osd; + .button { + } +} + + +/************* + * Expanders * + *************/ + +.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + &:not(:hover):not(:active) { color: gtkalpha(currentColor, 0.75); } + &:selected { color: $selected_fg_color; } + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } +} + + +/************ + * Calendar * + ***********/ + +GtkCalendar { + margin: 0.6em 0; + padding: 0.4em 0.1em 0.2em; + border: 1px solid $borders_color; + color: $fg_color; + &:selected { + border: none; + border-radius: 100px; + color: $selected_fg_color; + background-color: transparent; + background-image: -gtk-scaled(url("assets/calendar-day-selected.png"), + url("assets/calendar-day-selected@2.png")); + background-size: 2em 2em; + background-position: center top; + background-repeat: no-repeat; + } + + &.header { + border: 1px solid transparent; + border-bottom-color: $borders_color; + border-radius: 0; + } + + &.button { + @include button(flat-normal); + color: gtkalpha(currentColor, 0.20); + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:insensitive { @include button(flat-insensitive); } + } + + &:inconsistent { color: gtkalpha(currentColor, 0.20); } + &.highlight { + color: gtkalpha(currentColor, 0.55); + font-size: 90%; + font-weight: 500; + } +} + + +/*********** + * Dialogs * + ***********/ + +.message-dialog { // Message Dialog styling + color: $inverted_fg_color; + + &.background { + background-color: $inverted_dark_color; + opacity: 0.9; + } + + .titlebar { + border-style: none; + color: $inverted_fg_color; + background-color: $inverted_dark_color; + } + + .entry { + color: $inverted_fg_color; + &:focus { color: $selected_fg_color; } + &:insensitive { color: $insensitive_inverted_fg_color; } + } + + .button { // set foregrounds for fallback-mode + color: $secondary_accent_color; + &:hover, + &:active, + &:checked { color: $accent_color; } + &:insensitive { color: $insensitive_inverted_fg_color; } + } + .linked > .button { + border: 2px solid transparent; + border-radius: 2px; + border-image: none; + box-shadow: none; + } + + // always use dark variant for check/radio icons + @each $s,$as in ('','-unchecked'), + (':hover', '-unchecked-active'), + (':active', '-unchecked-active'), + (':insensitive','-unchecked-insensitive'), + (':inconsistent', '-mixed'), + (':inconsistent:hover', '-mixed-active'), + (':inconsistent:active', '-mixed-active'), + (':inconsistent:insensitive', '-mixed-insensitive'), + (':checked', '-checked'), + (':checked:hover', '-checked-active'), + (':checked:active', '-checked-active'), + (':checked:insensitive','-checked-insensitive') { + .check#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}-dark.png"), + url("assets/checkbox#{$as}-dark@2.png")); + } + .radio#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/radio#{$as}-dark.png"), + url("assets/radio#{$as}-dark@2.png")); + } + } + + GtkCheckButton.text-button, + GtkRadioButton.text-button { + color: $inverted_secondary_fg_color; + &:hover, + &:active, + &:checked { color: $inverted_fg_color; } + &:insensitive, + &:insensitive:active, + &:insensitive:inconsistent { + // set insensitive color, which is overriden otherwise + color: $insensitive_inverted_fg_color; + } + } + + &.csd { // rounded bottom border styling for csd version + &.background { + // bigger radius for better antialiasing + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + + .dialog-action-area { + .button, + .linked > .button { + @extend .button.flat; + padding: 0.7em 1em 0.8em; + border: 2px solid transparent; + border-radius: 0; + color: $secondary_accent_color; + background-size: 192px * 1 / 0.8 192px * 1 / 0.8, auto; + &:hover { + @include button(flat-hover); + color: $accent_color; + } + &:active { + @include button(flat-active); + color: $accent_color; + } + &:checked { + @include button(flat-checked); + color: $secondary_accent_color; + } + &:insensitive { @include button(flat-insensitive); } + + &:first-child { + border-bottom-left-radius: 2px; + border-right-width: 0; + } + &:last-child { + border-bottom-right-radius: 2px; + border-left-width: 0; + } + } + } + } +} + +GtkFileChooserDialog { + .search-bar { + // background-color: $base_color; + // border-color: $bg_color; + } + + .dialog-action-box { border-top: 1px solid $borders_color; } +} + + +/*********** + * Sidebar * + ***********/ + +.sidebar { + border: none; + color: $secondary_fg_color; + + &, .list { // draw shadows + &:dir(ltr) { box-shadow: if($variant == 'light', $sidebar-light-ltr, + $sidebar-dark-ltr); + } + &:dir(rtl) { box-shadow: if($variant == 'light', $sidebar-light-rtl, + $sidebar-dark-rtl); + } + } + + // remove background from child-elements + GtkTreeView.view, + .frame, + .list { background-color: transparent; } + + GtkTreeView.view { + box-shadow: none; + &:selected, + .list-row:selected { @extend %selected_items; } + } + + // fill actual background + background-color: $secondary_dark_color; + .frame .list { box-shadow: none; } + + // disable shadows on overshoot/undershoot area + // of gtk3-demo's sidebar + .overshoot, + .undershoot { box-shadow: none; } +} + +GtkSidebarRow { + &.list-row { + padding: 0; // Needs overriding of the GtkListBoxRow padding + color: $secondary_fg_color; + font-weight: 500; + &:hover { color: $fg_color; } + &:selected { + color: $selected_bg_color; + background-color: transparent; + } + &:backdrop { opacity: 1.0; } + } + + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + .sidebar-revealer { padding: 0.2em 1.1em 0.2em 1em; } + + .sidebar-icon { + opacity: 0.75; // dim the device icons + &:dir(ltr) { padding-right: 0.6em; } + &:dir(rtl) { padding-left: 0.6em; } + } + + .sidebar-label { + &:dir(ltr) { padding-right: 0.1em; } + &:dir(rtl) { padding-left: 0.1em; } + } +} + +GtkPlacesSidebar.sidebar { + // in the sidebar case it makes no sense to click the selected row + // .list-row:selected:active { box-shadow: none; } + + // looks like the label doesn't get all the states so work around + .list-row:selected:insensitive .label { color: $insensitive_selected_fg_color; } + + .list-row:selected { // 'eject' button + .sidebar-button.button { + color: $secondary_selected_bg_color; + &:hover, + &:active { color: $selected_bg_color; } + } + } + + .sidebar-placeholder-row { border: solid 1px $selected_bg_color; } + + .sidebar-new-bookmark-row { color: $selected_bg_color; } + + // @at-root needded to not change the specificity making button styling + // inheritance broken so istead of + // "GtkPlacesSidebar.sidebar .sidebar-button.button" [specificity 0,0,3,1] + // the extended selector ".sidebar-button.button" [specificity 0,0,2,0] + @at-root .sidebar-button.button { + &.image-button { + padding: 4px; + color: $secondary_fg_color; + &:hover, + &:active, + &:checked { color: $fg_color; } + } + + @extend .button.flat; + // border-radius: 100%; + // outline-radius: 100%; + } + + // this is for indicating which sidebar row generated a popover + // see https://bugzilla.gnome.org/show_bug.cgi?id=754411 + .has-open-popup { + @extend .list-row.activatable:active; + transition: none; + } +} + +.sidebar-item { + padding: 0.8em 0.6em; + > .label { + padding-left: 0.4em; + padding-right: 0.4em; + } + + &.needs-attention > .label { @extend %needs_attention; } +} + +GtkStackSidebar { + .sidebar-item { + padding: 0.8em 0.6em; + > .label { + padding-left: 0.4em; + padding-right: 0.4em; + } + color: $secondary_fg_color; + font-weight: 500; + &:hover { color: $fg_color; } + &:selected { + color: $selected_bg_color; + background-color: transparent; + } + &:backdrop { opacity: 1.0; } + } + + .frame .list { // draw shadows + // dim background with alpha-blending + background-color: if($variant == 'light', rgba(12, 18, 0, 0.01), + rgba(18, 22, 0, 0.04)); + + &:dir(ltr) { box-shadow: if($variant == 'light', $sidebar-light-ltr, + $sidebar-dark-ltr); + } + &:dir(rtl) { box-shadow: if($variant == 'light', $sidebar-light-rtl, + $sidebar-dark-rtl); + } + } + + // remove unwanted separator + .separator { -GtkWidget-wide-separators: true; } +} + + +/********* + * Paned * + *********/ + +GtkPaned { // this is for the standard paned separator + + -GtkPaned-handle-size: 1; // sets separator width + + -gtk-icon-source: none; // removes handle decoration + margin: 0 8px 8px 0; // drag area of the separator, not a real margin + &:dir(rtl) { + margin-right: 0; + margin-left: 8px; + } + .pane-separator { background-color: $borders_color; } +} + +GtkPaned.wide { // this is for the paned with wide separator + -GtkPaned-handle-size: 6; // wider separator here + margin: 0; // no need of the invisible drag area so, reset margin + + .pane-separator { + background-color: transparent; + border-style: none solid; + border-color: $borders_color; + border-width: 1px; + } + + &.vertical .pane-separator { border-style: solid none; } +} + + +/************** + * GtkInfoBar * + **************/ + +GtkInfoBar { + padding: 0.4em; + border-width: 0 0 1px; + border-style: solid; + // do not use transparentize + border-color: $solid_light_borders_color; + background-color: $secondary_dark_color; +} + +.info, +.question, +.warning, +.error { // always use dark foreground colour + color: $secondary_fixed_fg_color; + + .button { + @extend .button.flat; + color: $secondary_fixed_fg_color; + &:insensitive { color: $insensitive_fixed_fg_color; } + &.flat { + color: $secondary_fixed_fg_color; + &:hover, &:active { color: $fixed_fg_color; } + &:insensitive { color: $insensitive_fixed_fg_color; } + } + } + + .label:selected, + .label:selected:focus, + .label:selected:hover { + background-color: darken($selected_bg_color, 10%); + } + + // use 'white' bit and trough + GtkProgressBar.trough { background-color: gtkopacity($selected_fg_color, 0.2); } + .progressbar { background-color: $selected_fg_color; } +} + +.info { background-color: $info_bg_color; } + +.question { background-color: $question_bg_color; } + +.warning { background-color: $warning_bg_color; } + +.error { // use white text for this + color: $selected_fg_color; + background-color: $error_bg_color; +} + + +/************ + * Tooltips * + ************/ + +.tooltip { + &.background { + // background-color needs to be set this way otherwise it gets drawn twice + // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. + background-color: gtkopacity($inverted_dark_color, 0.9); + } + + color: $inverted_fg_color; + padding: 0.2em; // not working + border-radius: 2px; + box-shadow: none; // otherwise it gets inherited by windowframe.csd + + // FIXME: we need a border or tooltips vanish on black background. + &.window-frame.csd { + background-color: transparent; + } +} + +.tooltip * { // Yeah this is ugly + padding: 0.2em; + background-color: transparent; + color: inherit; // just to be sure +} + + +/***************** + * Color Chooser * + *****************/ + +GtkColorSwatch { + // This widget is made of two boxes one on top of the other, + // the lower box is GtkColorSwatch {} the other one is + // GtkColorSwatch > .overlay {}, GtkColorSwatch has the programmatically + // set background, so most of the style is applied to the overlay box. + + box-shadow: $z-depth-1; + + // we need to re-set the shadow here since it get axed by the previous bit + &:selected { + } + + // base color corners rounding + // to avoid the artifacts caused by rounded corner anti-aliasing the base + // color sports a bigger radius. + // nth-child is needed by the custom color strip. + // The :not() madness is needed since actually the overlay is selectable + // by GtkColorSwatch > .overlay and GtkColorSwatch.overlay, + // I know it's weird, but this is gtk+, not a browser. + &.top { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + } + &.bottom { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + &.left, &:first-child:not(.overlay):not(.top) { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + } + &.right, &:last-child:not(.overlay):not(.bottom) { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + } + &:only-child:not(.overlay) { border-radius: 2px; } + + // overlay corner rounding + &.top > .overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + } + &.bottom > .overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + &:first-child:not(.top) > .overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + } + &:last-child:not(.bottom) > .overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + } + &:only-child > .overlay { border-radius: 2px; } + + // hover effect + &:hover { box-shadow: $z-depth-2; } + + // no hover effect for the colorswatch in the color editor + GtkColorEditor & { + border-radius: 2px; // same radius as the entry + &:hover { box-shadow: $z-depth-1; } + } + + // indicator and keynav outline colors + &.color-dark { color: #FFFFFF; } + &.color-light { color: gtkopacity(#000000, 0.8); } + + // border color + &.overlay, + &.overlay:selected { + } + + // make the add color button looks like, well, a button + &#add-color-button { + background-image: linear-gradient(to right, + $error_bg_color 25%, + $warning_bg_color 25%, + $warning_bg_color 50%, + $info_bg_color 50%, + $info_bg_color 75%, + $question_bg_color 75%); + color: #FFFFFF; + } +} + + +/******** + * Misc * + ********/ + +// content view (grid/list) +.content-view { + background-color: $bg_color; + // &:hover { -gtk-image-effect: highlight; } + + &.rubberband { @extend .rubberband; } +} + +.scale-popup { + .osd & { @extend %osd; } + + .osd & .button.flat { // FIXME: quick hack, redo properly + } + + .osd & .vertical .button, + & .vertical .button { // +/- buttons on GtkVolumeButton popup + border-radius: 100px; + outline-radius: 100px; + background-color: transparent; + color: $secondary_fg_color; + &:first-child { // '+' button + &:hover { + @include button(flat-hover); + background: none; + color: $success_color; + } + &:insensitive { + @include button(flat-insensitive); + background: none; + color: gtkalpha($success_color, 0.4); + } + } + &:last-child { // '-' button + &:hover { + @include button(flat-hover); + background: none; + color: $error_color; + } + &:insensitive { + @include button(flat-insensitive); + background: none; + color: gtkalpha($error_color, 0.4); + } + } + } + + .osd & .button, + .button { + border-radius: 100px; + outline-radius: 100px; + background-color: transparent; + color: $secondary_fg_color; + &:first-child { // '-' button + &:hover { + @include button(flat-hover); + background: none; + color: $error_color; + } + &:insensitive { + @include button(flat-insensitive); + background: none; + color: gtkalpha($error_color, 0.4); + } + } + &:last-child { // '+' button + &:hover { + @include button(flat-hover); + background: none; + color: $success_color; + } + &:insensitive { + @include button(flat-insensitive); + background: none; + color: gtkalpha($success_color, 0.4); + } + } + } +} + +GtkScaleButton.button, +GtkVolumeButton.button { + // I assume both are image-button *by default* + // with the image-button/text-button classes automagically applied + // depending on the button child these selectors can be deleted. + @extend %image_button; + @extend .button.flat; + border-radius: 100px; + outline-radius: 100px; + + &.text-button { + border-radius: 2px; + outline-radius: 2px; + } +} + +.floating-bar { + @extend %osd; + padding: 0.1em 0 0.2em; + border: 1px solid transparent; + border-radius: 0; + color: $inverted_secondary_fg_color; + background-color: $inverted_dark_color; + transition: none; + + .button { + padding: 0.3em; + margin: 0 0.3em; + color: $secondary_accent_color; + &:hover, + &:active, + &:checked { color: $accent_color; } + &:insensitive { color: gtkopacity($accent_color, 0.4); } + } +} + +.floating-bar.bottom { + &.left { // axes left border and border radius + border-width: 1px 1px 0 0; + border-radius: 0 2px + 1px 0 0; + } + + &.right { // axes right border and border radius + border-width: 1px 0 0 1px; + border-radius: 2px + 1px 0 0 0; + } +} + + +/********************** + * Window Decorations * + *********************/ + +.window-frame { + transition: none; + border-radius: 2px 2px 0 0; + box-shadow: $z-depth-4; + + // FIXME: rationalize window-frame shadows + + // this is used for the resize cursor area + margin: 8px; + + &:backdrop { box-shadow: $z-depth-2; } + + &.maximized, + &.tiled { + border-radius: 0; + transition: none; + + &.ssd .titlebar { box-shadow: none; } + } + + &.popup { box-shadow: none; } + + // server-side decorations as used by mutter + &.ssd { + // just doing borders, wm draws actual shadows + // otherwise incorrect shadows are appeared + box-shadow: 0 0 0 1px transparent; + + .titlebar { + // revive top-edge highlight border + box-shadow: inset 0 1px $highlight_color; + } + + .tiled .titlebar { + @extend %tiled_integration; + transition: none; + } + .maximized .titlebar { + @extend %maxd_integration; + transition: none; + } + } + + &.csd { + &.popup { + border-radius: 2px; + box-shadow: $z-depth-3; + } + &.tooltip { + border-radius: 2px; + box-shadow: $z-depth-2; + } + &.message-dialog { + border-radius: 2px; + box-shadow: $z-depth-4; + &:backdrop { box-shadow: $z-depth-2; } + } + } + + &.solid-csd { + border-radius: 2px 2px 0 0; + margin: -1px; + background-color: $bg_color; + border: none; + box-shadow: none; + } +} + +// Window manager buttons +.csd .header-bar, +.csd .titlebar { + & .button.titlebutton, + &.selection-mode .button.titlebutton { + @extend %image_button; + + &.close, + &.minimize, + &.maximize { + &:hover:backdrop, + &:active:backdrop { opacity: 1.0; } + + > GtkImage { + color: transparent; + background-size: 16px 16px; + background-repeat: no-repeat; + background-position: center; + } + } + + // raised 'Close' button + &.close { + > GtkImage { + background-image: -gtk-scaled(url("assets/window-close.png"), + url("assets/window-close@2.png")); + } + + &:hover { + @include button(hover); + color: $selected_fg_color; + background-color: $destructive_color; + + > GtkImage { + background-image: -gtk-scaled(url("assets/window-close-active.png"), + url("assets/window-close-active@2.png")); + } + } + &:active { + @include button(active); + color: $selected_fg_color; + background-color: $selected_bg_color; + + > GtkImage { + background-image: -gtk-scaled(url("assets/window-close-active.png"), + url("assets/window-close-active@2.png")); + } + } + } + + &.minimize { + > GtkImage { + background-image: -gtk-scaled(url("assets/window-minimize.png"), + url("assets/window-minimize@2.png")); + } + + &:hover, + &:active { + > GtkImage { + background-image: -gtk-scaled(url("assets/window-minimize-active.png"), + url("assets/window-minimize-active@2.png")); + } + } + } + + &.maximize { + > GtkImage { + background-image: -gtk-scaled(url("assets/window-maximize.png"), + url("assets/window-maximize@2.png")); + } + + &:hover, + &:active { + > GtkImage { + background-image: -gtk-scaled(url("assets/window-maximize-active.png"), + url("assets/window-maximize-active@2.png")); + } + } + } + } +} + +.maximized.csd .header-bar, +.maximized.csd .titlebar { + .button.titlebutton, + &.selection-mode .button.titlebutton { + &.maximize { + > GtkImage { + background-image: -gtk-scaled(url("assets/window-unmaximize.png"), + url("assets/window-unmaximize@2.png")); + } + + &:hover, + &:active { + > GtkImage { + background-image: -gtk-scaled(url("assets/window-unmaximize-active.png"), + url("assets/window-unmaximize-active@2.png")); + } + } + } + } +} + +// specific button styling for SSDs +.ssd .titlebar { + .button.titlebutton { + padding: 6px; + + &.close, + &.minimize, + &.maximize { // reset styling + color: transparent; + background-size: 28px 28px; + background-repeat: no-repeat; + background-position: center; + background: none; + box-shadow: none; + &:backdrop, + &:hover:backdrop, + &:active:backdrop { color: transparent; } + } + + @each $_class, + $_state, + $_shadow in ('', '', none), + (':hover', '-hover', $z-depth-2), + (':active', '-active', $z-depth-2), + (':backdrop', '-backdrop', none), + (':backdrop:hover', '-backdrop-hover', $z-depth-2), + (':backdrop:active', '-backdrop-active', $z-depth-2) { + &.close#{$_class} { + background-image: -gtk-scaled( + url("assets/window-close-ssd#{$_state}.png"), + url("assets/window-close-ssd#{$_state}@2.png")); + box-shadow: #{$_shadow}; + } + } + + @each $_class, $_state in ('', ''), + (':hover', '-hover'), + (':active', '-active'), + (':backdrop', '-backdrop'), + (':backdrop:hover', '-backdrop-hover'), + (':backdrop:active', '-backdrop-active') { + &.minimize#{$_class} { + background-image: -gtk-scaled( + url("assets/window-minimize-ssd#{$_state}.png"), + url("assets/window-minimize-ssd#{$_state}@2.png")); + } + } + + @each $_class, $_state in ('', ''), + (':hover', '-hover'), + (':active', '-active'), + (':backdrop', '-backdrop'), + (':backdrop:hover', '-backdrop-hover'), + (':backdrop:active', '-backdrop-active') { + &.maximize#{$_class} { + background-image: -gtk-scaled( + url("assets/window-maximize-ssd#{$_state}.png"), + url("assets/window-maximize-ssd#{$_state}@2.png")); + } + } + } +} + +.maximized.ssd .titlebar { + .button.titlebutton { + @each $_class, $_state in ('', ''), + (':hover', '-hover'), + (':active', '-active'), + (':backdrop', '-backdrop'), + (':backdrop:hover', '-backdrop-hover'), + (':backdrop:active', '-backdrop-active') { + &.maximize#{$_class} { + background-image: -gtk-scaled( + url("assets/window-unmaximize-ssd#{$_state}.png"), + url("assets/window-unmaximize-ssd#{$_state}@2.png")); + } + } + } +} + +// catch all extend :) + +%selected_items { + background-color: $selected_bg_color; + color: $selected_fg_color; + &:insensitive { color: $insensitive_selected_fg_color; } + &:backdrop { + &:insensitive { color: $insensitive_selected_fg_color; } + } +} + +.monospace { + font-family: Monospace; +} + + +/********************** + * Touch Copy & Paste * + *********************/ + +// touch selection handlebars for the Popover.osd above +.entry.cursor-handle, +.cursor-handle { + border-style: none; + background-color: $accent_color; + background-image: none; + box-shadow: none; + + @each $s,$as in ('',''), + (':hover','-hover'), + (':active','-active') { + // no need for insensitive and backdrop + &.top#{$s}:dir(ltr), + &.bottom#{$s}:dir(rtl) { + $_url: 'assets/text-select-start#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + padding-left: 0.8em; + } + &.bottom#{$s}:dir(ltr), + &.top#{$s}:dir(rtl) { + $_url: 'assets/text-select-end#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + padding-right: 0.8em; + } + &.insertion-cursor#{$s}:dir(ltr), + &.insertion-cursor#{$s}:dir(rtl) { + $_url: 'assets/slider-horz-scale-has-marks-above#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + } + } +} + +// Decouple the font of context menus from their entry/textview +.context-menu { font: initial; } + +.touch-selection { + font: initial; + color: $fg_color; + background-color: $base_color; + box-shadow: $z-depth-2; + &:backdrop { box-shadow: $z-depth-1; } + + .button { + } +} + +// This is used by GtkScrolledWindow, when content is touch-dragged past +// boundaries. This draws a box on top of the content, the size changes +// programmatically. +.overshoot { + &.top { @include overshoot(top); } + &.bottom { @include overshoot(bottom); } + &.left { @include overshoot(left); } + &.right { @include overshoot(right); } +} + +// Overflow indication, works similarly to the overshoot, +// the size if fixed tho. +.undershoot { + &.top { @include undershoot(top, $base_color); } + &.bottom { @include undershoot(bottom, $base_color); } + &.left { @include undershoot(left, $base_color); } + &.right { @include undershoot(right, $base_color); } + + GtkBox > GtkScrlledWindow & { + &.top { @include undershoot(top, $bg_color); } + &.bottom { @include undershoot(bottom, $bg_color); } + &.left { @include undershoot(left, $bg_color); } + &.right { @include undershoot(right, $bg_color); } + } + + .sidebar & { + &.top { @include undershoot(top, $secondary_dark_color); } + &.bottom { @include undershoot(bottom, $secondary_dark_color); } + &.left { @include undershoot(left, $secondary_dark_color); } + &.right { @include undershoot(right, $secondary_dark_color); } + } +} +
A
themes/whitey/gtk-3.0/_drawing.scss
@@ -0,0 +1,529 @@
+// +// Drawing mixins +// +// Generic drawing of more complex things +// + + +// +// Default shadows +// + +$z-depth-1: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); +$z-depth-2: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.20); +$z-depth-3: 0 5px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.20); +$z-depth-4: 0 6px 8px -4px rgba(0, 0, 0, 0.16), + 0 10px 6px rgba(0, 0, 0, 0.20); +$z-depth-5: 0 8px 10px -4px rgba(0, 0, 0, 0.20), + 0 12px 8px rgba(0, 0, 0, 0.24); + + +// +// Header-bar shadows +// + +$header-shadow-light: 0 1px 1px rgba(0, 0, 0, 0.16), + 0 1px 2px rgba(0, 0, 0, 0.26), + 0 2px 3px rgba(0, 0, 0, 0.32); +$header-shadow-dark: 0 1px 1px rgba(0, 0, 0, 0.06), + 0 1px 2px rgba(0, 0, 0, 0.14), + 0 2px 3px rgba(0, 0, 0, 0.20); +$sub-header-shadow-light-ltr: 0 1px 1px rgba(0, 0, 0, 0.16), + 0 1px 2px rgba(0, 0, 0, 0.26), + 0 2px 3px rgba(0, 0, 0, 0.32), + -5px 0 0 -1px $inverted_dark_color, + -2px 0 0 -1px $borders_color; +$sub-header-shadow-dark-ltr: 0 1px 1px rgba(0, 0, 0, 0.06), + 0 1px 2px rgba(0, 0, 0, 0.14), + 0 2px 3px rgba(0, 0, 0, 0.20), + -5px 0 0 -1px $inverted_dark_color, + -2px 0 0 -1px $borders_color; +$sub-header-shadow-light-rtl: 0 1px 1px rgba(0, 0, 0, 0.16), + 0 1px 2px rgba(0, 0, 0, 0.26), + 0 2px 3px rgba(0, 0, 0, 0.32), + 5px 0 0 -1px $inverted_dark_color, + 2px 0 0 -1px $borders_color; +$sub-header-shadow-dark-rtl: 0 1px 1px rgba(0, 0, 0, 0.06), + 0 1px 2px rgba(0, 0, 0, 0.14), + 0 2px 3px rgba(0, 0, 0, 0.20), + 5px 0 0 -1px $inverted_dark_color, + 2px 0 0 -1px $borders_color; +$selected-header-shadow-light-ltr: 0 1px 1px rgba(0, 0, 0, 0.16), + 0 1px 2px rgba(0, 0, 0, 0.26), + 0 2px 3px rgba(0, 0, 0, 0.32), + -5px 0 0 -1px $selected_bg_color, + -2px 0 0 -1px $solid_dark_borders_color; +$selected-header-shadow-dark-ltr: 0 1px 1px rgba(0, 0, 0, 0.06), + 0 1px 2px rgba(0, 0, 0, 0.14), + 0 2px 3px rgba(0, 0, 0, 0.20), + -5px 0 0 -1px $selected_bg_color, + -2px 0 0 -1px $solid_dark_borders_color; +$selected_header-shadow-light-rtl: 0 1px 1px rgba(0, 0, 0, 0.16), + 0 1px 2px rgba(0, 0, 0, 0.26), + 0 2px 3px rgba(0, 0, 0, 0.32), + 5px 0 0 -1px $selected_bg_color, + 2px 0 0 -1px $solid_dark_borders_color; +$selected-header-shadow-dark-rtl: 0 1px 1px rgba(0, 0, 0, 0.06), + 0 1px 2px rgba(0, 0, 0, 0.14), + 0 2px 3px rgba(0, 0, 0, 0.20), + 5px 0 0 -1px $selected_bg_color, + 2px 0 0 -1px $solid_dark_borders_color; + + +// +// Side-bar shadows +// + +$sidebar-light-ltr: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), + inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); +$sidebar-light-rtl: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), + inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); +$sidebar-dark-ltr: inset -2px 2px 1px -2px rgba(0, 0, 0, 0.02), + inset -3px 3px 3px -2px rgba(0, 0, 0, 0.06); +$sidebar-dark-rtl: inset 2px 2px 1px -2px rgba(0, 0, 0, 0.02), + inset 3px 3px 3px -2px rgba(0, 0, 0, 0.06); + + +// +// Inline-toolbar shadows +// + +$inline-shadow-light: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), + inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); +$inline-shadow-dark: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), + inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); + + +// +// Reorderable-tab shadows +// + +$tab-shadow-light: -1px 0 2px rgba(0, 0, 0, 0.02), + -1px 0 4px rgba(0, 0, 0, 0.02), + 1px 0 2px rgba(0, 0, 0, 0.02), + 1px 0 4px rgba(0, 0, 0, 0.02); +$tab-shadow-dark: -1px 0 2px rgba(0, 0, 0, 0.02), + -1px 0 4px rgba(0, 0, 0, 0.03), + 1px 0 2px rgba(0, 0, 0, 0.02), + 1px 0 4px rgba(0, 0, 0, 0.03); + + +// +// Menubar shadows +// + +$menubar-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.26), + inset 0 5px 3px -5px rgba(0, 0, 0, 0.39), + inset 0 -1px $borders_color; + + +// +// Toolbar shadows +// + +$toolbar-shadow-light: inset 0 1px 1px rgba(0, 0, 0, 0.18), + inset 0 4px 2px -4px rgba(0, 0, 0, 0.20), + inset 0 8px 3px -5px rgba(0, 0, 0, 0.24); +$toolbar-shadow-dark: inset 0 1px 1px rgba(0, 0, 0, 0.20), + inset 0 4px 3px -4px rgba(0, 0, 0, 0.22), + inset 0 8px 3px -5px rgba(0, 0, 0, 0.24); + + +/****************** + * Ripple effects * + ******************/ + +// +// Ripple effects +// + +@keyframes ripple_effect { +// +// Ripple effect drawing function +// + + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha(currentColor, 0.1)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.4, + to(gtkalpha(currentColor, 0.1)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.1)); + } +} + +@keyframes flat_ripple_effect { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha(currentColor, 0.1)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.1)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.4, + to(gtkalpha(currentColor, 0.1)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.1)); + } +} + +@keyframes list_ripple_effect { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.05)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.4, + to(gtkalpha(currentColor, 0.1)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.1)); + } +} + + +// +// Entries +// + +@mixin entry($t, $fc:$selected_bg_color) { +// +// Entries drawing function +// +// $t: entry type +// $fc: focus color +// +// possible $t values: +// normal, focus, insensitive, flat-normal, flat-focus, flat-insensitive; +// + + @if $t==normal { + border-radius: 0; + outline-radius: 0; + border-color: $solid_light_borders_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + background-color: transparent; + color: $secondary_fg_color; + } + @if $t==focus { + border-color: $solid_light_borders_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($fc), + to(transparent)) + 0 0 2 / 0 0 2px; + color: $fg_color; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), + box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; + } + @if $t==insensitive { + border-color: $solid_light_borders_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + background-color: transparent; + color: $insensitive_fg_color; + } + @if $t==flat-normal { + border-radius: 0; + outline-radius: 0; + border-color: $solid_light_borders_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + background-color: transparent; + color: $secondary_fg_color; + } + @if $t==flat-focus { + border-color: $solid_light_borders_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($fc), + to(transparent)) + 0 0 2 / 0 0 2px; + color: $fg_color; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), + box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; + } + @if $t==flat-insensitive { + border-color: $solid_light_borders_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + color: $insensitive_fg_color; + } +} + + +// +// Buttons +// + +@mixin button($t, $c:$light_color, $tc:$fg_color) { +// +// Button drawing function +// +// $t: button type, +// $c: base button color for colored* types +// $tc: optional text color for colored* types +// +// possible $t values: +// normal, hover, active, insensitive, checked, checked-insensitive, +// flat-normal, flat-hover, flat-active, flat-insensitive, flat-checked, +// flat-checked-insensitive, undecorated +// + + @if $t==normal { + // + // normal button + // + box-shadow: $z-depth-1, + inset 0 1px $highlight_color; + background-color: $c; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0)); + color: $secondary_fg_color; + } + + @else if $t==hover { + // + // hovered button + // + box-shadow: $z-depth-2, + inset 0 1px $highlight_color; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0)); + color: $fg_color; + } + + @else if $t==active { + // + // pushed button + // + box-shadow: $z-depth-2, + inset 0 1px $highlight_color; + color: $fg_color; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + @else if $t==insensitive { + // + // insensitive button + // + box-shadow: none; + background-color: $track_color; + color: if($tc!=$fg_color, $insensitive_fg_color, + $insensitive_secondary_fg_color); + > .label { color: inherit; } + } + @else if $t==checked { + // + // checked button + // + box-shadow: $z-depth-1, + inset 0 1px $highlight_color; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + @else if $t==checked-insensitive { + // + // checked insensitive button + // + box-shadow: none; + background-color: $track_color; + color: gtkopacity($selected_bg_color, 0.4); + > .label { color: inherit; } + } + + @else if $t==flat-normal { + // + // normal flat button + // + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0)); + } + @else if $t==flat-hover { + // + // hovered flat button + // + box-shadow: none; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.1)); + } + @else if $t==flat-active { + // + // pushed flat button + // + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + @else if $t==flat-insensitive { + // + // insensitive flat button + // + box-shadow: none; + background-color: transparent; + } + @else if $t==flat-checked { + // + // checked flat button + // + background-color: $track_color; + color: $fg_color; + } + @else if $t==flat-checked-insensitive { + // + // checked flat insensitive button + // + > .label { color: inherit; } + } + + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + } +} + + +// +// Overshoot +// + +@mixin overshoot($p, $t:normal, $c:$secondary_selected_bg_color) { +// +// Overshoot drawing function +// +// $p: position +// $t: type +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// +// possible $t values: +// normal, backdrop +// + + $_position: center $p; + + @if ($p == left) or ($p == right) { + $_position: $p center; + } + + background-image: -gtk-gradient(radial, + $_position, 0, + $_position, 0.75, + to(gtkopacity($c, 0.2)), + to(transparent)); + + background-repeat: no-repeat; + background-position: $_position; + + // reset some properties to be sure to not inherit them somehow + background-color: transparent; + border: none; + box-shadow: none; +} + + +// +// Undershoot +// + +@mixin undershoot($p, $fading_color: $base_color) { +// +// Undershoot drawing function +// +// $p: position +// +// possible $p values: +// top, bottom, right, left +// + + // shouldn't be needed, but better to be sure + background: transparent; + + $_gradient_dir: $p; + $_fader_size: 16px 32px; + $_gradient_repeat: repeat-x; + $_bg_pos: center $p; + + @if ($p == left) or ($p == right) { + $_fader_size: 32px 16px; + $_gradient_repeat: repeat-y; + $_bg_pos: $p center; + } + + // this is the dashed line + background-image: linear-gradient(to $_gradient_dir, + gtkopacity($fading_color, 0.01), + gtkopacity($fading_color, 0.04), + gtkopacity($fading_color, 0.20), + gtkopacity($fading_color, 0.44), + gtkopacity($fading_color, 0.94)); + + padding-#{$p}: 0; + background-size: $_fader_size; + background-repeat: $_gradient_repeat; + background-origin: content-box; + background-position: $_bg_pos; +} +
A
themes/whitey/gtk-3.0/_misc.scss
@@ -0,0 +1,763 @@
+/*************** + * Gnome panel * + ***************/ + +PanelWidget, +PanelApplet, +PanelToplevel { + // Always use dark-color of dark variant + color: $inverted_secondary_fg_color; + background-color: $panel_bg_color; + box-shadow: none; +} + +PanelSeparator { + border-width: 0; + background: none; + background-image: none; +} + +.gnome-panel-menu-bar, +PanelMenuButton, +PanelApplet > GtkMenuBar.menubar, +ClockBox { + color: $inverted_secondary_fg_color; + background-color: transparent; + box-shadow: none; + font-weight: 700; + .label:backdrop, + &:backdrop { opacity: 1.0; } +} + +.gnome-panel-menu-bar, +PanelApplet > GtkMenuBar.menubar { + box-shadow: none; + & .menuitem { + color: $inverted_secondary_fg_color; + background-color: transparent; + &:hover { + color: $selected_fg_color; + box-shadow: inset 0 -2px $selected_bg_color; + } + &:backdrop { opacity: 1.0; } + } + .menu { + font: regular; + .menuitem { + color: $secondary_fg_color; + background-color: $base_color; + &:hover { + color: $fg_color; + background-color: gtkalpha(currentColor, 0.1); + box-shadow: none; + } + &:backdrop { opacity: 1.0; } + } + .separator { color: $borders_color; } + } +} + +PanelAppletFrame { + border-width: 0; + background-color: transparent; + background-image: none; +} + +PanelApplet { + GtkButton { + &#tasklist-button, + &#clock-applet-button, + &#showdesktop-button { + @include button(flat-normal); + padding: 0px 4px; + color: $inverted_secondary_fg_color; + background-color: transparent; + border: none; + border-radius: 0; + &:hover { + color: $selected_fg_color; + background-color: transparent; + box-shadow: inset 0 -2px $track_color; + } + &:checked, + &:hover:checked, + &:insensitive:checked { // 'checked' = 'active' + color: $selected_fg_color; + background-color: transparent; + box-shadow: inset 0 -2px $selected_bg_color; + } + .label:backdrop, + &:backdrop { opacity: 1.0; } + } + } +} + +// FIXME: w.i.p +TaskList TaskItem { + @include button(flat-normal); + padding: 0px 4px; + color: $inverted_secondary_fg_color; + background-color: transparent; + border: none; + border-radius: 0; + &:hover { + color: $selected_fg_color; + background-color: transparent; + box-shadow: inset 0 -2px $track_color; + } + &:checked, + &:hover:checked, + &:insensitive:checked { // 'checked' = 'active' + color: $selected_fg_color; + background-color: transparent; + box-shadow: inset 0 -2px $selected_bg_color; + } + .label:backdrop, + &:backdrop { opacity: 1.0; } +} + +WpTaskTitle { + background-color: transparent; + .label { color: $inverted_secondary_fg_color; } +} + +WnckPager { + &:selected { box-shadow: inset 0 -2px $selected_bg_color; } + &:backdrop { opacity: 1.0; } +} + +NaTrayApplet { + -NaTrayApplet-icon-padding: 2; + -NaTrayApplet-icon-size: 16; +} + + +/************** + * Tweak-tool * + **************/ + +// sidebar +.tweak-categories.list { + background-color: $secondary_dark_color; + color: $secondary_fg_color; + + &:dir(ltr) { box-shadow: if($variant == 'light', $sidebar-light-ltr, + $sidebar-dark-ltr); + } + &:dir(rtl) { box-shadow: if($variant == 'light', $sidebar-light-rtl, + $sidebar-dark-rtl); + } + + .separator { -GtkWidget-wide-separators: true; } +} + +.tweak-category { + @extend .list-row; + color: $secondary_fg_color; + font-weight: 500; + &:hover { color: $fg_color; } + &:selected { + color: $selected_bg_color; + background-color: transparent; + } +} + +// container and tweaks in a group +.tweak-group { + padding: 6px; + background-color: $base_color; +} + +.tweak { + background-color: $base_color; + &:hover { background-color: transparent; } +} + +.tweak-group-white, +.tweak-white { + background-color: $base_color; +} + + +/******************* + * Gnome-Flashback * + *******************/ + +// use message-dialog style for popup osd windows +FlashbackOsdWindow, +GfPopupWindow { + border-radius: 2px; + border: 1px solid $borders_color; + opacity: 0.9; + &.background { + background-color: $inverted_dark_color; + color: $inverted_fg_color; + } +} + +GfInputSourcePopup { + #input-source { + color: $inverted_fg_color; + font-size: 2em; + font-weight: 700; + &:selected { + border-radius: 2px; + background-color: $track_color; + color: $accent_color; + } + } +} + +FlashbackLabelWindow { + font-size: 4em; +} + +// popup for inpu-source candidates +GfCandidatePopup { + &, &.solid { + border-radius: 2px; + border: 1px solid $borders_color; + color: $inverted_fg_color; + } + + GfCandidateBox { + transition: none; + .label { padding: 0.2em 0.2em 0.3em; } // half of .menuitem + + &:last-child { padding-left: 0; } + &:hover, + &:selected { + border-radius: 0; + background-color: $track_color; + color: $selected_fg_color; + } + } + + .button, + .linked > .button { // page-up&down buttons + &, + &:first-child, + &:last-child { + @extend .button.flat; + border-radius: 0; + border: none; + background-color: transparent; + color: $secondary_accent_color; + box-shadow: none; + } + } +} + + +/************ + * Nautilus * + ************/ + +EelEditableLabel { + // Workaround for invisible text in rename entry in Nautilus 3.14.x + // Copied from arc-theme: + // 966778df08c2ee94dfdf55c9281791b0b2121497 + + &.entry { transition: none; } +} + +.nautilus-desktop-window, +.nautilus-desktop-window .notebook, +.nautilus-desktop-window .notebook > GtkStack { + background: transparent; +} + +.nautilus-desktop.nautilus-canvas-item { + color: $selected_fg_color; +} + +.nautilus-canvas-item { + border-radius: 2px; +} + +.nautilus-circular-button { + border-radius: 100px; + outline-radius: 100px; +} + +NautilusTrashBar { + @extend GtkInfoBar; +} + +.disk-space-display { + border: 0 none transparent; + + &.free { + background-color: $track_color; + color: $insensitive_fg_color; + } + + &.used { background-color: $selected_bg_color; } + + &.unknown { background-color: $warning_color; } +} + + +/********* + * Geary * + *********/ + +// Geary is the most ugly app for theming. +.geary-titlebar-left { + // remove unexpected "hardcoded" vertical separator + .separator { opacity: 0; } +} + +.geary-titlebar-right { + // stop double-shadows on right paned header-bar + box-shadow: none; +} + + +/************ + * Epiphany * + ************/ + +// reset inverted foreground colour +EphyWindow { + .floating-bar { color: $secondary_fg_color; } + + .search-bar { + // sset same padding with GtkEntry + .linked > .button { padding: 0.7em 1em 0.8em; } + + // force using circle-button + .button.flat.close.raised { + padding: 0.75em; + border-radius: 100px; + outline-radius: 100px; + } + } +} + + +/************ + * Seahorse * + ************/ + +// remove weird borders +SeahorseKeyManager { + .sidebar, + .pane-separator { + &, &:backdrop { + border-width: 0; + border-style: none; + border-color: transparent; + } + } +} + + +/********** + * Polari * + **********/ + +.polari-input-area { + border-top: 1px solid $borders_color; + box-shadow: if($variant == 'light', $inline-shadow-light, + $inline-shadow-dark); +} + +.polari-room-list { // override labels + .list-row { + font-weight: 700; + &:not(:hover):not(:active):not(:selected) { + .label, + GtkImage { opacity: 1.0; } + } + + &.inactive { + &:not(:hover):not(:active):not(:selected) { + .label, + GtkImage { opacity: 0.65; } + } + } + } +} + +.polari-nick-entry { + border-image: none; + font-weight: 700; +} + +// Why GtkLabel was needed, crazy... +GtkBox > .header-bar > .label.polari-titlebar-separator { + border: none; + opacity: 0; +} + + +/************* + * RhythmBox * + *************/ + +// add top-border to inline-toolbar +.inline-toolbar.toolbar.horizontal.sidebar-toolbar { + @if $variant == 'light' { + box-shadow: inset 0 1px $solid_light_borders_color, + inset 0 2px 2px rgba(0, 0, 0, 0.05), + inset -2px 0 2px -2px rgba(0, 0, 0, 0.03), + inset -3px 0 3px -2px rgba(0, 0, 0, 0.03); + } + @else { + box-shadow: inset 0 1px $solid_light_borders_color, + inset 0 2px 2px rgba(0, 0, 0, 0.05), + inset -2px 0 1px -2px rgba(0, 0, 0, 0.02), + inset -3px 0 3px -2px rgba(0, 0, 0, 0.04); + } + + &:dir(rtl) { + @if $variant == 'light' { + box-shadow: inset 0 1px $solid_light_borders_color, + inset 0 2px 2px rgba(0, 0, 0, 0.05), + inset 2px 0 2px -2px rgba(0, 0, 0, 0.03), + inset 3px 0 3px -2px rgba(0, 0, 0, 0.03); + } + @else { + box-shadow: inset 0 1px $solid_light_borders_color, + inset 0 2px 2px rgba(0, 0, 0, 0.05), + inset 2px 0 1px -2px rgba(0, 0, 0, 0.02), + inset 3px 0 3px -2px rgba(0, 0, 0, 0.04); + } + } +} + +// fix sidebar background colour +.sidebar-paned GtkStack RBDisplayPageTree { + .sidebar { + background-color: if($variant == 'light', rgba(12, 18, 0, 0.01), + rgba(18, 22, 0, 0.04)); + } +} + +// stop drawing fake-shadows when enabling header-bar extension +GtkBox.vertical > GtkBox.vertical > .toolbar { + box-shadow: none; +} + + +/************** + * Calculator * + **************/ + +MathWindow { + & :not(.titlebar), + & :not(.header-bar) { + .button:not(.flat):not(.titlebutton) { + @extend .button.flat; + padding: 0.75em 1em 0.75em; // FIXME: broken in 12pt fonts? + border: 0.75em solid transparent; + border-radius: 2px; + font-weight: 700; + + &.suggested-action { // '=' button + color: transparent; + font-size: 0; + @each $s,$as in ('',''), + (':hover','-hover'), + (':active','-active'), + (':insensitive','-insensitive') { + &#{$s} { + $_url: 'assets/equal#{$as}#{$asset_suffix}'; + @include button(normal#{$as}); + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; // FIXME: animation breaks padding. + } + } + } + } + } +} + + +/********* + * Gedit * + *********/ + +GeditViewFrame { + .gedit-search-slider { + @extend .osd.toolbar; + padding: 3px; + border-radius: 2px; + border-width: 9px; + border-image: -gtk-scaled(url("assets/osd-shadow#{$asset_suffix}.png"), + url("assets/osd-shadow#{$asset_suffix}@2.png")) + 10 / 10px stretch; + color: $inverted_fg_color; + opacity: 0.9; + + .entry, + .linked > .entry { + &, + &.error, + &.warning { + color: $inverted_fg_color; + &:focus { color: $selected_fg_color; } + &:insensitive { color: $insensitive_inverted_fg_color; } + } + } + } +} + +.gedit-titlebar-left { + .button.flat { // left-pane header button + border-radius: 2px; + outline-radius: 2px; + } +} + +GeditViewHolder GtkScrolledWindow { + .undershoot { // remove undershoot + &.top, + &.bottom, + &.left, + &.right { background-image: none; } + } +} + + +/*********** + * Builder * + ***********/ + +// pane header styling +GbViewStack GtkBox.header.notebook, +GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook, +GbWorkspacePane GtkBox.header.notebook { + border-bottom: 1px solid $borders_color; + background-color: transparent; +} + +GbWorkspacePane { + GtkStackSwitcher .button { padding: 1em; } + + .pane-separator { background-color: $solid_light_borders_color; } +} + +// remove unwanted border +GtkScrolledWindow.gb-linked-scroller { + border-top: none; +} + +// force using fixed-width font +GbSourceStyleSchemeWidget GtkSourceView, +GtkEntry.gb-command-bar-entry { + font-family: Monospace; +} + +GbTerminalView > GtkPaned > GtkScrolledWindow { + &, & > VteTerminal { + font-family: Monospace; + font-weight: 500; + font-size: 1em; + } +} + +GbTerminalView { // always use dark variant + background-color: $inverted_dark_color; + color: $inverted_fg_color; +} + +// Disable various animations that are enabled by default and really annoying +// to the overall flow of Builder. +GbSearchDisplayGroup GtkListBox .list-row { transition: none; } + +// remove undershoot from main editor pane +GbEditorFrame GtkScrolledWindow { + .undershoot { + &.top, + &.bottom, + &.left, + &.right { background-image: none; } + } +} + + +/*************** + * Gnome-music * + ***************/ + +// side-bar styling +// FIXME: it doesn't work properly +GdMainView, +.side-panel { + &:dir(ltr) { border-right: 1px solid $borders_color; } + &:dir(rtl) { border-left: 1px solid $borders_color; } + + .view { + background-color: $secondary_dark_color; + box-shadow: none; + &, &.list-row.activatable { + padding: 0; + background-color: transparent; + color: $secondary_fg_color; + font-weight: 500; + box-shadow: none; + &:hover { color: $fg_color; } + &:hover:selected, + &:selected { @extend %selected_items; } + } + } +} + +// player-bar +// FIXME: it doesn't work properly +.action-bar { + &, &.frame { background-color: $secondary_dark_color; } + box-shadow: if($variant == 'light', $inline-shadow-light, + $inline-shadow-dark); + padding: 0.4em; + + .button, + .linked > .button.image-button { + @extend .button.flat; + border-radius: 100px; + outline-radius: 100px; + box-shadow: none; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.001, + to($track_color), + to(transparent)) + 0 0 0 / 0 0 0px; + color: $secondary_fg_color; + &:hover { + box-shadow: none; + border-image: none; + color: $fg_color; + } + &:checked { + box-shadow: none; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_bg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + background-color: transparent; + color: $fg_color; + &:insensitive { + box-shadow: none; + background-color: transparent; + color: $insensitive_fg_color; + border-image: none; + > .label { color: inherit; } + } + } + &:insensitive { + box-shadow: none; + background-color: transparent; + color: $insensitive_secondary_fg_color; + border-image: none; + } + } +} + + +/****************** + * Gnome-contacts * + ******************/ + +ContactsWindow { + // side-bar styling + ContactsListPane ContactsView { // = '.list' + &:dir(ltr) { box-shadow: if($variant == 'light', $sidebar-light-ltr, + $sidebar-dark-ltr); + } + &:dir(rtl) { box-shadow: if($variant == 'light', $sidebar-light-rtl, + $sidebar-dark-rtl); + } + + .list-row.activatable { + color: $secondary_fg_color; + background-color: if($variant == 'light', rgba(12, 18, 0, 0.01), + rgba(18, 22, 0, 0.04)); + + &:hover { color: $fg_color; } + &:selected { + color: $selected_bg_color; + background-color: if($variant == 'light', rgba(12, 18, 0, 0.01), + rgba(18, 22, 0, 0.04)); + } + &:backdrop { opacity: 1.0; } + } + + // hide horizontal separator + .separator { -GtkWidget-wide-separators: true; } + } + + ContactsListPane GtkScrolledWindow { + .undershoot { + &.top { @include undershoot(top, $secondary_dark_color); } + &.bottom { @include undershoot(bottom, $secondary_dark_color); } + &.left { @include undershoot(left, $secondary_dark_color); } + &.right { @include undershoot(right, $secondary_dark_color); } + } + } +} + + +/****************** + * Gnome-Terminal * + ******************/ + +TerminalScreen, +TerminalWindow.background { // dark variant as default + background-color: $inverted_dark_color; + color: $selected_fg_color; +} + +TerminalWindow { + .scrollbar { + .slider { // always use dark variant + background-color: gtkopacity($inverted_tertiary_fg_color, 0.55); + &:hover { background-color: gtkopacity($inverted_secondary_fg_color, 0.55); } + &:active { background-color: $inverted_fg_color; } + &:insensitive { opacity: 0.4; } + } + + .trough { // hide trough + background-color: transparent; + border: 1px none transparent; + } + } +} + + +/********** + * Evince * + **********/ + +EvAnnotationWindow { + padding: 0.4em; + + GtkBox { + > GtkLabel { + color: $fixed_fg_color; + font-weight: 700; + } + + > GtkBox > .button.flat { + padding: 1em; + border: none; + border-radius: 100px; + outline-radius: 100px; + color: $fixed_fg_color; + } + } +} +
A
themes/whitey/gtk-3.0/assets.txt
@@ -0,0 +1,65 @@
+calendar-day-selected +checkbox-checked +checkbox-checked-active +checkbox-checked-active-dark +checkbox-checked-active-selectionmode +checkbox-checked-active-selectionmode-dark +checkbox-checked-dark +checkbox-checked-insensitive +checkbox-checked-insensitive-dark +checkbox-checked-insensitive-selectionmode +checkbox-checked-insensitive-selectionmode-dark +checkbox-checked-selected +checkbox-checked-selectionmode +checkbox-checked-selectionmode-dark +checkbox-mixed +checkbox-mixed-active +checkbox-mixed-active-dark +checkbox-mixed-dark +checkbox-mixed-insensitive +checkbox-mixed-insensitive-dark +checkbox-mixed-selected +equal +equal-active +equal-active-dark +equal-dark +equal-hover +equal-hover-dark +radio-checked +radio-checked-active +radio-checked-active-dark +radio-checked-dark +radio-checked-insensitive +radio-checked-insensitive-dark +radio-mixed +radio-mixed-active +radio-mixed-active-dark +radio-mixed-dark +radio-mixed-insensitive +radio-mixed-insensitive-dark +running-dot-bottom +running-dot-left +running-dot-right +running-dot-top +slider +slider-active +slider-active-dark +slider-dark +slider-horz-scale-has-marks-above +slider-horz-scale-has-marks-above-active +slider-horz-scale-has-marks-above-active-dark +slider-horz-scale-has-marks-above-dark +slider-horz-scale-has-marks-below +slider-horz-scale-has-marks-below-active +slider-horz-scale-has-marks-below-active-dark +slider-horz-scale-has-marks-below-dark +slider-vert-scale-has-marks-above +slider-vert-scale-has-marks-above-active +slider-vert-scale-has-marks-above-active-dark +slider-vert-scale-has-marks-above-dark +slider-vert-scale-has-marks-below +slider-vert-scale-has-marks-below-active +slider-vert-scale-has-marks-below-active-dark +slider-vert-scale-has-marks-below-dark +toggle-on +toggle-on-hover
A
themes/whitey/gtk-3.0/assets_fix.svg
@@ -0,0 +1,4341 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="300" + height="720" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="assets.svg"> + <defs + id="defs4"> + <linearGradient + inkscape:collect="always" + id="linearGradient4756"> + <stop + style="stop-color:#000000;stop-opacity:0.30000001" + offset="0" + id="stop4758" /> + <stop + style="stop-color:#ffffff;stop-opacity:0.30000001" + offset="1" + id="stop4760" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient4742"> + <stop + style="stop-color:#000000;stop-opacity:0.30000001" + offset="0" + id="stop4744" /> + <stop + style="stop-color:#ffffff;stop-opacity:0.30000001" + offset="1" + id="stop4746" /> + </linearGradient> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter3385" + width="2" + height="2" + y="-0.5" + x="-0.5"> + <feFlood + flood-opacity="0.24" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3387" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3389" /> + <feGaussianBlur + stdDeviation="1" + result="blur" + id="feGaussianBlur3391" /> + <feOffset + dx="0" + dy="1" + result="offset" + id="feOffset3393" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3395" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3397" /> + <feFlood + id="feFlood3399" + flood-opacity="0.12" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3401" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3403" + stdDeviation="1.5" + result="blur" /> + <feOffset + id="feOffset3405" + dx="0" + dy="1" + result="offset" /> + <feComposite + id="feComposite3407" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB" + inkscape:label="Drop Shadow" + id="filter3413" + height="2" + width="2" + x="-0.5" + y="-0.5"> + <feFlood + flood-opacity="0.23" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood3415" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="in" + result="composite1" + id="feComposite3417" /> + <feGaussianBlur + stdDeviation="3" + result="blur" + id="feGaussianBlur3419" /> + <feOffset + dx="0" + dy="3" + result="offset" + id="feOffset3421" /> + <feComposite + in="SourceGraphic" + in2="offset" + operator="over" + result="fbSourceGraphic" + id="feComposite3423" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix3425" /> + <feFlood + id="feFlood3427" + flood-opacity="0.16" + flood-color="rgb(0,0,0)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + id="feComposite3429" + in2="fbSourceGraphic" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur3431" + stdDeviation="3" + result="blur" /> + <feOffset + id="feOffset3433" + dx="0" + dy="3" + result="offset" /> + <feComposite + id="feComposite3435" + in2="offset" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4207"> + <rect + y="436" + x="4" + height="36" + width="60" + id="rect4209" + style="fill:#fafbfc;fill-opacity:1;stroke:none" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4212"> + <rect + style="fill:#fafbfc;fill-opacity:1;stroke:none" + id="rect4214" + width="60" + height="36" + x="68" + y="888.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4217"> + <rect + style="fill:#fafbfc;fill-opacity:1;stroke:none" + id="rect4219" + width="60" + height="36" + x="4" + y="928.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4230"> + <rect + y="968.36218" + x="4" + height="48" + width="48" + id="rect4232" + style="fill:#fafbfc;fill-opacity:1;stroke:none" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4234"> + <rect + style="fill:#fafbfc;fill-opacity:1;stroke:none" + id="rect4236" + width="48" + height="48" + x="56" + y="968.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4238"> + <rect + style="fill:#fafbfc;fill-opacity:1;stroke:none" + id="rect4240" + width="60" + height="36" + x="154" + y="888.36218" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4242"> + <rect + y="888.36218" + x="218" + height="36" + width="60" + id="rect4244" + style="fill:#fafbfc;fill-opacity:1;stroke:none" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4246"> + <rect + y="928.36218" + x="154" + height="36" + width="60" + id="rect4248" + style="fill:#fafbfc;fill-opacity:1;stroke:none" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4250"> + <rect + y="968.36218" + x="4" + height="48" + width="48" + id="rect4252" + style="fill:#fafbfc;fill-opacity:1;stroke:none" /> + </clipPath> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath4254"> + <rect + style="fill:#fafbfc;fill-opacity:1;stroke:none" + id="rect4256" + width="48" + height="48" + x="56" + y="968.36218" /> + </clipPath> + <linearGradient + gradientTransform="translate(5.0000421,-450)" + inkscape:collect="always" + xlink:href="#linearGradient4166" + id="linearGradient4172" + x1="10" + y1="1052.3622" + x2="10" + y2="1032.3622" + gradientUnits="userSpaceOnUse" /> + <linearGradient + inkscape:collect="always" + id="linearGradient4166"> + <stop + style="stop-color:#000000;stop-opacity:0.5" + offset="0" + id="stop4168" /> + <stop + style="stop-color:#ffffff;stop-opacity:0.2" + offset="1" + id="stop4170" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient4166" + id="linearGradient4172-9" + x1="10" + y1="1052.3622" + x2="10" + y2="1032.3622" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(55.000043,-450.00002)" /> + <linearGradient + gradientTransform="translate(5,-475.00005)" + inkscape:collect="always" + xlink:href="#linearGradient4166" + id="linearGradient4169" + x1="30" + y1="1052.3622" + x2="30" + y2="1032.3622" + gradientUnits="userSpaceOnUse" /> + <linearGradient + gradientTransform="translate(55,-475)" + inkscape:collect="always" + xlink:href="#linearGradient4166" + id="linearGradient4169-7" + x1="30" + y1="1052.3622" + x2="30" + y2="1032.3622" + gradientUnits="userSpaceOnUse" /> + <linearGradient + gradientTransform="translate(155.00004,-450)" + inkscape:collect="always" + xlink:href="#linearGradient4166" + id="linearGradient4172-5" + x1="10" + y1="1052.3622" + x2="10" + y2="1032.3622" + gradientUnits="userSpaceOnUse" /> + <linearGradient + gradientTransform="translate(205.00004,-450)" + inkscape:collect="always" + xlink:href="#linearGradient4166" + id="linearGradient4172-95" + x1="10" + y1="1052.3622" + x2="10" + y2="1032.3622" + gradientUnits="userSpaceOnUse" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient4742" + id="linearGradient4748" + x1="40" + y1="457.36218" + x2="40" + y2="397.36218" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.49122852,0,0,0.49122171,148.35087,232.43259)" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient4756" + id="linearGradient4762" + x1="110" + y1="457.36218" + x2="110" + y2="397.36218" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.49122825,0,0,0.49122754,113.96489,264.43011)" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient4742" + id="linearGradient4856" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.49122852,0,0,0.49122171,148.35087,232.43259)" + x1="40" + y1="457.36218" + x2="40" + y2="397.36218" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient4756" + id="linearGradient4858" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.49122825,0,0,0.49122754,113.96489,264.43011)" + x1="110" + y1="457.36218" + x2="110" + y2="397.36218" /> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#FFFFFF" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="0.0" + inkscape:pageshadow="2" + inkscape:zoom="3.337544" + inkscape:cx="166.92511" + inkscape:cy="60.606042" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + inkscape:window-width="1280" + inkscape:window-height="734" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:snap-bbox="true" + inkscape:snap-bbox-edge-midpoints="true" + inkscape:bbox-nodes="true" + inkscape:bbox-paths="true" + inkscape:snap-bbox-midpoints="true" + inkscape:snap-object-midpoints="false" + inkscape:snap-center="false"> + <inkscape:grid + type="xygrid" + id="grid2985" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + </sodipodi:namedview> + <metadata + id="metadata7"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + <cc:license + rdf:resource="http://creativecommons.org/licenses/by-sa/3.0/" /> + </cc:Work> + <cc:License + rdf:about="http://creativecommons.org/licenses/by-sa/3.0/"> + <cc:permits + rdf:resource="http://creativecommons.org/ns#Reproduction" /> + <cc:permits + rdf:resource="http://creativecommons.org/ns#Distribution" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#Notice" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#Attribution" /> + <cc:permits + rdf:resource="http://creativecommons.org/ns#DerivativeWorks" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#ShareAlike" /> + </cc:License> + </rdf:RDF> + </metadata> + <g + inkscape:label="assets" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-332.36218)"> + <g + inkscape:groupmode="layer" + id="layer2" + inkscape:label="superbackdrop" + sodipodi:insensitive="true"> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#fafbfc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect4435" + width="150" + height="720" + x="0" + y="332.36218" /> + <rect + y="332.36218" + x="150" + height="720" + width="150" + id="rect4451" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#3e515a;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(1,1)" + id="checkbox-mixed" + inkscape:label="#g3759"> + <rect + ry="2" + rx="2" + y="656.36218" + x="4" + height="20" + width="20" + id="use4369" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" /> + <rect + style="fill:#ffffff;fill-opacity:1;stroke:none" + id="rect4515" + width="10" + height="2" + x="9" + y="665.36218" /> + </g> + <g + inkscape:label="#g3759" + id="checkbox-mixed-active" + transform="translate(26,1)"> + <rect + style="fill:#E8E8E8;fill-opacity:1;stroke:none" + id="use4383" + width="20" + height="20" + x="4" + y="656.36218" + rx="2" + ry="2" /> + <rect + style="opacity:0.2;fill:#ffffff;fill-opacity:1;stroke:none" + id="use6354-2" + width="20" + height="20" + x="4" + y="656.36218" + rx="2" + ry="2" /> + <rect + y="665.36218" + x="9" + height="2" + width="10" + id="use4531" + style="fill:#ffffff;fill-opacity:1;stroke:none" /> + </g> + <g + transform="translate(51,1)" + id="checkbox-mixed-insensitive" + inkscape:label="#g3759"> + <rect + style="opacity:0.07999998;fill:#E8E8E8;fill-opacity:1;stroke:none" + id="use4387" + width="20" + height="20" + x="4" + y="656.36218" + rx="2" + ry="2" /> + <rect + y="665.36218" + x="9" + height="2" + width="10" + id="use4533" + style="opacity:0.4;fill:#E8E8E8;fill-opacity:1;stroke:none" /> + </g> + <g + inkscape:label="#g3759" + id="checkbox-mixed-dark" + transform="translate(151,1)"> + <rect + style="fill:#E8E8E8;fill-opacity:1;stroke:none" + id="use4405" + width="20" + height="20" + x="4" + y="656.36218" + rx="2" + ry="2" /> + <rect + y="665.36218" + x="9" + height="2" + width="10" + id="use4563" + style="fill:#ffffff;fill-opacity:1;stroke:none" /> + </g> + <g + transform="translate(176,1)" + id="checkbox-mixed-active-dark" + inkscape:label="#g3759"> + <rect + ry="2" + rx="2" + y="656.36218" + x="4" + height="20" + width="20" + id="use4419" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" /> + <rect + ry="2" + rx="2" + y="656.36218" + x="4" + height="20" + width="20" + id="use6573-6" + style="opacity:0.2;fill:#ffffff;fill-opacity:1;stroke:none" /> + <rect + style="fill:#ffffff;fill-opacity:1;stroke:none" + id="use4573" + width="10" + height="2" + x="9" + y="665.36218" /> + </g> + <g + inkscape:label="#g3759" + id="checkbox-mixed-insensitive-dark" + transform="translate(201,1)"> + <rect + ry="2" + rx="2" + y="656.36218" + x="4" + height="20" + width="20" + id="use4423" + style="opacity:0.07999998;fill:#E8E8E8;fill-opacity:1;stroke:none" /> + <rect + style="opacity:0.4;fill:#E8E8E8;fill-opacity:1;stroke:none" + id="use4575" + width="10" + height="2" + x="9" + y="665.36218" /> + </g> + <rect + ry="1.9999974" + rx="1.9999974" + y="976.36218" + x="64" + height="32" + width="32" + id="osd-shadow-backdrop" + style="opacity:1;fill:#2a373e;fill-opacity:0.79000005;stroke:none;filter:url(#filter3385)" + clip-path="url(#clipPath4234)" + transform="translate(5,29.999997)" + inkscape:label="#rect4444" /> + <rect + clip-path="url(#clipPath4250)" + ry="2" + rx="2" + y="976.36218" + x="12" + height="32" + width="32" + id="osd-shadow-dark" + style="opacity:1;fill:#2a373e;fill-opacity:0.9;stroke:none;filter:url(#filter3413)" + transform="translate(152,29.999997)" + inkscape:label="#rect4502" /> + <rect + clip-path="url(#clipPath4254)" + style="opacity:1;fill:#2a373e;fill-opacity:0.79000005;stroke:none;filter:url(#filter3385)" + id="osd-shadow-backdrop-dark" + width="32" + height="32" + x="64" + y="976.36218" + rx="2" + ry="2" + transform="translate(155,29.999997)" + inkscape:label="#rect4504" /> + <g + id="slider-horz-scale-has-marks-above" + inkscape:label="#g5366" + transform="translate(0,155)"> + <rect + y="692.36218" + x="10" + height="25" + width="20" + id="rect4881" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + inkscape:transform-center-y="-2.0710688" + inkscape:connector-curvature="0" + id="path4883" + d="m 12.928932,700.29111 a 10,10 0 0 0 0,14.14214 10,10 0 0 0 14.142136,0 10,10 0 0 0 0,-14.14214 L 20,693.22004 l -7.071068,7.07107 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="slider-horz-scale-has-marks-above-insensitive" + inkscape:label="#g5375" + transform="translate(0,155)"> + <use + height="100%" + width="100%" + transform="translate(60,-1.7187404e-8)" + id="use4901" + xlink:href="#rect4881" + y="0" + x="0" /> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#fafbfc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 72.928932,700.29111 a 10,10 0 0 0 0,14.14214 10,10 0 0 0 14.142136,0 10,10 0 0 0 0,-14.14214 L 80,693.22004 l -7.071068,7.07107 z" + id="use4903" + inkscape:connector-curvature="0" + inkscape:transform-center-y="-2.0710688" /> + <path + inkscape:connector-curvature="0" + id="path4888" + d="m 74.696699,702.05888 a 7.5,7.5 0 0 0 0,10.6066 7.5,7.5 0 0 0 10.606602,0 7.5,7.5 0 0 0 0,-10.6066 L 80,696.75558 l -5.303301,5.3033 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.07999998;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.24929181;fill-rule:nonzero;stroke:#000000;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.8;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="slider-horz-scale-has-marks-above-dark" + inkscape:label="#g5422" + transform="translate(0,155)"> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect5101" + width="20" + height="25" + x="160" + y="692.36218" /> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 162.92893,700.29111 a 10,10 0 0 0 0,14.14214 10,10 0 0 0 14.14214,0 10,10 0 0 0 0,-14.14214 L 170,693.22004 l -7.07107,7.07107 z" + id="path5103" + inkscape:connector-curvature="0" + inkscape:transform-center-y="-2.0710688" /> + </g> + <g + id="slider-horz-scale-has-marks-above-insensitive-dark" + inkscape:label="#g5482" + transform="translate(0,155)"> + <use + x="0" + y="0" + xlink:href="#rect4881" + id="use5107" + transform="translate(210,-1.7187404e-8)" + width="100%" + height="100%" /> + <path + inkscape:transform-center-y="-2.0710688" + inkscape:connector-curvature="0" + id="path5109" + d="m 222.92893,700.29111 a 10,10 0 0 0 0,14.14214 10,10 0 0 0 14.14214,0 10,10 0 0 0 0,-14.14214 L 230,693.22004 l -7.07107,7.07107 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#3e515a;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.07999998;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.24929181;fill-rule:nonzero;stroke:#ffffff;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 224.6967,702.05888 a 7.5,7.5 0 0 0 0,10.6066 7.5,7.5 0 0 0 10.6066,0 7.5,7.5 0 0 0 0,-10.6066 l -5.3033,-5.3033 -5.3033,5.3033 z" + id="path5111" + inkscape:connector-curvature="0" /> + </g> + <g + id="slider-horz-scale-has-marks-below" + inkscape:transform-center-y="2.5000404" + transform="matrix(-1,0,0,-1,40,1629.7244)" + inkscape:label="#g5380"> + <use + height="100%" + width="100%" + transform="translate(0,29.999997)" + id="use5270" + xlink:href="#rect4881" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(0,29.999997)" + id="use5272" + inkscape:transform-center-y="-2.0710688" + xlink:href="#path4883" + y="0" + x="0" /> + </g> + <g + id="slider-horz-scale-has-marks-below-insensitive" + inkscape:transform-center-y="2.5000404" + transform="matrix(-1,0,0,-1,160,1629.7244)" + inkscape:label="#g5389"> + <use + height="100%" + width="100%" + transform="translate(0,29.999997)" + id="use5274" + xlink:href="#use4901" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(0,29.999997)" + id="use5276" + inkscape:transform-center-y="-2.0710688" + xlink:href="#use4903" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(0,29.999997)" + id="use5278" + xlink:href="#path4888" + y="0" + x="0" /> + </g> + <g + id="slider-horz-scale-has-marks-below-dark" + inkscape:transform-center-y="2.5000395" + transform="matrix(-1,0,0,-1,340,1629.7244)" + inkscape:label="#g5487"> + <use + height="100%" + width="100%" + transform="translate(0,29.999997)" + id="use5286" + xlink:href="#rect5101" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(0,29.999997)" + id="use5288" + inkscape:transform-center-y="-2.0710688" + xlink:href="#path5103" + y="0" + x="0" /> + </g> + <g + id="slider-horz-scale-has-marks-below-insensitive-dark" + inkscape:transform-center-y="2.5000395" + transform="matrix(-1,0,0,-1,460,1629.7244)" + inkscape:label="#g5496"> + <use + height="100%" + width="100%" + transform="translate(0,29.999997)" + id="use5290" + xlink:href="#use5107" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(0,29.999997)" + id="use5292" + inkscape:transform-center-y="-2.0710688" + xlink:href="#path5109" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(0,29.999997)" + id="use5294" + xlink:href="#path5111" + y="0" + x="0" /> + </g> + <g + id="slider-vert-scale-has-marks-above" + transform="matrix(0,-1,1,0,-747.36218,942.36218)" + inkscape:transform-center-x="2.5000004" + inkscape:label="#g5394"> + <use + height="100%" + width="100%" + transform="translate(0,59.999997)" + id="use5302" + xlink:href="#rect4881" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(0,59.999997)" + id="use5304" + inkscape:transform-center-y="-2.0710688" + xlink:href="#path4883" + y="0" + x="0" /> + </g> + <g + id="slider-vert-scale-has-marks-above-insensitive" + transform="matrix(0,-1,1,0,-687.36218,1002.3622)" + inkscape:transform-center-x="2.5000004" + inkscape:label="#g5403"> + <use + height="100%" + width="100%" + transform="translate(0,59.999997)" + id="use5306" + xlink:href="#use4901" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(0,59.999997)" + id="use5308" + inkscape:transform-center-y="-2.0710688" + xlink:href="#use4903" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(0,59.999997)" + id="use5310" + xlink:href="#path4888" + y="0" + x="0" /> + </g> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use5312" + width="20" + height="25" + x="-932.36218" + y="35.000004" + transform="matrix(0,-1,1,0,0,0)" /> + <g + id="slider-vert-scale-has-marks-above-dark" + transform="matrix(0,-1,1,0,-597.36218,1092.3622)" + inkscape:transform-center-x="2.4999995" + inkscape:label="#g5501"> + <use + height="100%" + width="100%" + transform="translate(0,59.999997)" + id="use5318" + xlink:href="#rect5101" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(0,59.999997)" + id="use5320" + inkscape:transform-center-y="-2.0710688" + xlink:href="#path5103" + y="0" + x="0" /> + </g> + <g + id="slider-vert-scale-has-marks-above-insensitive-dark" + transform="matrix(0,-1,1,0,-537.36218,1152.3622)" + inkscape:transform-center-x="2.4999995" + inkscape:label="#g5510"> + <use + height="100%" + width="100%" + transform="translate(0,59.999997)" + id="use5322" + xlink:href="#use5107" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(0,59.999997)" + id="use5324" + inkscape:transform-center-y="-2.0710688" + xlink:href="#path5109" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(0,59.999997)" + id="use5326" + xlink:href="#path5111" + y="0" + x="0" /> + </g> + <use + x="0" + y="0" + xlink:href="#rect4881" + id="use5334" + transform="matrix(0,1,-1,0,727.36218,932.36218)" + width="100%" + height="100%" /> + <use + x="0" + y="0" + xlink:href="#path4883" + inkscape:transform-center-y="-2.0710688" + id="slider-vert-scale-has-marks-below" + transform="matrix(0,1,-1,0,727.36218,932.36218)" + width="100%" + height="100%" + inkscape:label="#use5336" /> + <g + id="slider-vert-scale-has-marks-below-insensitive" + transform="matrix(0,1,-1,0,877.36218,872.36218)" + inkscape:transform-center-x="-2.5000004" + inkscape:label="#g5417"> + <use + height="100%" + width="100%" + transform="translate(0,89.999997)" + id="use5338" + xlink:href="#use4901" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(0,89.999997)" + id="use5340" + inkscape:transform-center-y="-2.0710688" + xlink:href="#use4903" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(0,89.999997)" + id="use5342" + xlink:href="#path4888" + y="0" + x="0" /> + </g> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use5344" + width="20" + height="25" + x="942.36218" + y="-65" + transform="matrix(0,1,-1,0,0,0)" /> + <g + id="slider-vert-scale-has-marks-below-dark" + transform="matrix(0,1,-1,0,967.36218,782.36218)" + inkscape:transform-center-x="-2.4999995" + inkscape:label="#g5515"> + <use + height="100%" + width="100%" + transform="translate(0,89.999997)" + id="use5350" + xlink:href="#rect5101" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(0,89.999997)" + id="use5352" + inkscape:transform-center-y="-2.0710688" + xlink:href="#path5103" + y="0" + x="0" /> + </g> + <g + id="slider-vert-scale-has-marks-below-insensitive-dark" + transform="matrix(0,1,-1,0,1027.3622,722.36218)" + inkscape:transform-center-x="-2.5000195" + inkscape:label="#g5524"> + <use + height="100%" + width="100%" + transform="translate(0,89.999997)" + id="use5354" + xlink:href="#use5107" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(0,89.999997)" + id="use5356" + inkscape:transform-center-y="-2.0710688" + xlink:href="#path5109" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="translate(0,89.999997)" + id="use5358" + xlink:href="#path5111" + y="0" + x="0" /> + </g> + <g + id="slider" + inkscape:label="#g5834" + transform="translate(0,155)"> + <circle + r="10" + cy="827.36218" + cx="20" + id="path5579" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="slider-insensitive" + inkscape:label="#g5841" + transform="translate(0,155)"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#fafbfc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="use5583" + cx="80" + cy="827.36218" + r="10" /> + <circle + r="7.5" + cy="827.36218" + cx="80" + id="path5633" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.07999998;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.24929181;fill-rule:nonzero;stroke:#000000;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.8;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="slider-dark" + inkscape:label="#g5845" + transform="translate(0,155)"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="circle5649" + cx="170" + cy="827.36218" + r="10" /> + </g> + <g + id="slider-insensitive-dark" + inkscape:label="#g5852" + transform="translate(0,155)"> + <circle + r="10" + cy="827.36218" + cx="230" + id="circle5653" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#3e515a;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.07999998;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.24929181;fill-rule:nonzero;stroke:#ffffff;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="circle5657" + cx="230" + cy="827.36218" + r="7.5" /> + </g> + <g + id="radio-checked-symbolic" + inkscape:label="#g4656" + transform="translate(-10,0)"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0.8;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4605" + cx="100" + cy="717.36218" + r="3" /> + <circle + r="7" + cy="717.36218" + cx="100" + id="path4507-8" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.8;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-symbolic" + inkscape:label="#g4632" + transform="translate(-10,0)" + style="opacity:1"> + <rect + ry="0.99999738" + rx="0.99999738" + y="610.36218" + x="93" + height="14" + width="14" + id="rect4505" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.8;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="radio-symbolic" + inkscape:label="#g4650" + transform="translate(-10,0)" + style="opacity:1"> + <circle + r="7" + cy="692.36218" + cx="100" + id="path4507" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.8;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="radio-mixed-symbolic" + inkscape:label="#g5038"> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0.8;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect4607" + width="10" + height="2" + x="85" + y="741.36218" /> + <circle + r="7" + cy="742.36218" + cx="90" + id="path4507-6" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.8;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-mixed-symbolic" + inkscape:label="#g4644" + transform="translate(-10,0)"> + <path + inkscape:connector-curvature="0" + id="rect4518" + d="m 94,659.36218 c -1.107999,0 -2,0.892 -2,2 l 0,12 c 0,1.108 0.892001,2 2,2 l 12,0 c 1.108,0 2,-0.892 2,-2 l 0,-12 c 0,-1.108 -0.892,-2 -2,-2 l -12,0 z m 1,7 10,0 0,2 -10,0 0,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0.8;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="radio-checked-insensitive-symbolic" + inkscape:label="#g4659" + transform="translate(-10,0)" + style="opacity:1"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.23999999;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0.8;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4605-1" + cx="125" + cy="717.36218" + r="3" /> + <circle + r="7" + cy="717.36218" + cx="125" + id="path4507-8-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.23999999;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.8;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-insensitive-symbolic" + inkscape:label="#g4635" + transform="translate(-10,0)" + style="opacity:1"> + <use + style="opacity:0.4" + height="100%" + width="100%" + transform="translate(25,0)" + id="use4534" + xlink:href="#rect4505" + y="0" + x="0" /> + </g> + <g + id="radio-insensitive-symbolic" + inkscape:label="#g4653" + transform="translate(-10,0)" + style="opacity:1"> + <use + style="opacity:0.4" + height="100%" + width="100%" + transform="translate(25,0)" + id="use4536" + xlink:href="#path4507" + y="0" + x="0" /> + </g> + <g + id="radio-mixed-insensitive-symbolic" + inkscape:label="#g4665" + transform="translate(-10,0)" + style="opacity:1"> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.23999999;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0.8;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect4607-1" + width="10" + height="2" + x="120" + y="741.36218" /> + <circle + r="7" + cy="742.36218" + cx="125" + id="path4507-6-2" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.23999999;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.8;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-mixed-insensitive-symbolic" + inkscape:label="#g4647" + transform="translate(-10,0)"> + <use + style="opacity:0.4" + height="100%" + width="100%" + transform="translate(25,0)" + id="use4540" + xlink:href="#rect4518" + y="0" + x="0" /> + </g> + <g + id="radio-checked-symbolic-dark" + inkscape:label="#g4692" + transform="translate(15,0)"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4605-15" + cx="250" + cy="717.36218" + r="3" /> + <circle + r="7" + cy="717.36218" + cx="250" + id="path4507-8-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-symbolic-dark" + inkscape:label="#g4668" + style="opacity:1" + transform="translate(15,0)"> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect4600" + width="14" + height="14" + x="243" + y="610.36218" + rx="0.99999738" + ry="0.99999738" /> + </g> + <g + id="radio-symbolic-dark" + inkscape:label="#g4686" + style="opacity:1" + transform="translate(15,0)"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="circle4602" + cx="250" + cy="692.36218" + r="7" /> + </g> + <g + id="radio-mixed-symbolic-dark" + inkscape:label="#g4698" + transform="translate(15,0)"> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect4607-7" + width="10" + height="2" + x="245" + y="741.36218" /> + <circle + r="7" + cy="742.36218" + cx="250" + id="path4507-6-23" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-mixed-symbolic-dark" + inkscape:label="#g4680" + transform="translate(15,0)"> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 244,659.36218 c -1.108,0 -2,0.892 -2,2 l 0,12 c 0,1.108 0.892,2 2,2 l 12,0 c 1.108,0 2,-0.892 2,-2 l 0,-12 c 0,-1.108 -0.892,-2 -2,-2 l -12,0 z m 1,7 10,0 0,2 -10,0 0,-2 z" + id="path4606" + inkscape:connector-curvature="0" /> + </g> + <g + id="radio-checked-insensitive-symbolic-dark" + inkscape:label="#g4695" + style="opacity:1" + transform="translate(15,0)"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.23999999;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4605-3" + cx="275" + cy="717.36218" + r="3" /> + <circle + r="7" + cy="717.36218" + cx="275" + id="path4507-8-5" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.23999999;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-insensitive-symbolic-dark" + inkscape:label="#g4671" + style="opacity:1" + transform="translate(15,0)"> + <use + style="opacity:0.4" + height="100%" + width="100%" + transform="translate(25,0)" + id="use4624" + xlink:href="#rect4600" + y="0" + x="0" /> + </g> + <g + id="radio-insensitive-symbolic-dark" + inkscape:label="#g4689" + style="opacity:1" + transform="translate(15,0)"> + <use + style="opacity:0.4" + height="100%" + width="100%" + transform="translate(25,0)" + id="use4626" + xlink:href="#circle4602" + y="0" + x="0" /> + </g> + <g + id="radio-mixed-insensitive-symbolic-dark" + inkscape:label="#g4701" + style="opacity:1" + transform="translate(15,0)"> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.23999999;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect4607-3" + width="10" + height="2" + x="270" + y="741.36218" /> + <circle + r="7" + cy="742.36218" + cx="275" + id="path4507-6-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.23999999;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-mixed-insensitive-symbolic-dark" + inkscape:label="#g4683" + transform="translate(15,0)"> + <use + style="opacity:0.4" + height="100%" + width="100%" + transform="translate(25,0)" + id="use4630" + xlink:href="#path4606" + y="0" + x="0" /> + </g> + <rect + transform="translate(2,30)" + style="opacity:1;fill:#2a373e;fill-opacity:0.9;stroke:none;filter:url(#filter3413)" + id="osd-shadow" + width="32" + height="32" + x="12" + y="976.36218" + rx="1.9999974" + ry="1.9999974" + clip-path="url(#clipPath4230)" + inkscape:label="#rect4366" /> + <g + id="slider-active" + inkscape:label="#g4540"> + <circle + r="10" + cy="982.36218" + cx="50" + id="path5579-8" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:0.2;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <g + id="g4537"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path5579-8-1" + cx="50" + cy="982.36218" + r="5" /> + </g> + </g> + <use + x="0" + y="0" + xlink:href="#rect4881" + id="use5334-5" + transform="matrix(0,1,-1,0,757.36218,932.36218)" + width="100%" + height="100%" /> + <g + id="slider-vert-scale-has-marks-below-active" + inkscape:label="#g4603"> + <use + style="opacity:0.2;fill:#E8E8E8;fill-opacity:1" + height="100%" + width="100%" + transform="matrix(0,1,-1,0,757.36218,932.36218)" + id="use5336-0" + inkscape:transform-center-y="-2.0710688" + xlink:href="#path4883" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="matrix(0,0.49999988,-0.49999705,0,403.67897,942.36218)" + id="use5336-2" + inkscape:transform-center-y="-1.0355389" + xlink:href="#path4883" + y="0" + x="0" /> + </g> + <g + id="slider-vert-scale-has-marks-above-active" + inkscape:label="#g4646"> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 42.92893,929.43325 a 10,10 0 0 0 14.14214,0 10,10 0 0 0 0,-14.14214 10,10 0 0 0 -14.14214,0 l -7.07107,7.07107 7.07107,7.07107 z" + id="use5314" + inkscape:connector-curvature="0" + inkscape:transform-center-y="-2.0710688" /> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 46.464519,925.89772 a 4.9999705,4.9999988 0 0 0 7.071028,0 4.9999705,4.9999988 0 0 0 0,-7.07107 4.9999705,4.9999988 0 0 0 -7.071028,0 l -3.535514,3.53554 3.535514,3.53553 z" + id="use5314-8" + inkscape:connector-curvature="0" + inkscape:transform-center-y="-2.0710688" /> + </g> + <g + id="slider-horz-scale-has-marks-below-active" + inkscape:label="#g4695"> + <g + style="opacity:0.2;fill:#E8E8E8;fill-opacity:1" + inkscape:label="#g5380" + transform="matrix(-1,0,0,-1,70.000002,1629.7244)" + inkscape:transform-center-y="2.5000404" + id="slider-horz-scale-has-marks-below-0"> + <use + style="fill:#E8E8E8;fill-opacity:1" + x="0" + y="0" + xlink:href="#rect4881" + id="use5270-4" + transform="translate(0,29.999997)" + width="100%" + height="100%" /> + <use + style="fill:#E8E8E8;fill-opacity:1" + x="0" + y="0" + xlink:href="#path4883" + inkscape:transform-center-y="-2.0710688" + id="use5272-8" + transform="translate(0,29.999997)" + width="100%" + height="100%" /> + </g> + <g + style="opacity:1;fill:#E8E8E8;fill-opacity:1" + inkscape:label="#g5380" + transform="matrix(-0.49999988,0,0,-0.5,59.999998,1261.0433)" + inkscape:transform-center-y="1.25001" + id="slider-horz-scale-has-marks-below-0-3"> + <use + style="fill:#E8E8E8;fill-opacity:1" + x="0" + y="0" + xlink:href="#rect4881" + id="use5270-4-5" + transform="translate(0,29.999997)" + width="100%" + height="100%" /> + <use + style="fill:#E8E8E8;fill-opacity:1" + x="0" + y="0" + xlink:href="#path4883" + inkscape:transform-center-y="-2.0710688" + id="use5272-8-4" + transform="translate(0,29.999997)" + width="100%" + height="100%" /> + </g> + </g> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect4881-9" + width="20" + height="25" + x="40.000004" + y="847.36218" /> + <g + id="slider-horz-scale-has-marks-above-active" + inkscape:label="#g4783"> + <path + inkscape:transform-center-y="-2.0710688" + inkscape:connector-curvature="0" + id="path4883-2" + d="m 42.928934,855.29111 a 10,10 0 0 0 0,14.14214 10,10 0 0 0 14.142136,0 10,10 0 0 0 0,-14.14214 l -7.071068,-7.07107 -7.071068,7.07107 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + inkscape:transform-center-y="-1.0355273" + inkscape:connector-curvature="0" + id="path4883-2-7" + d="m 46.464468,858.82669 a 4.9999988,4.9999704 0 0 0 0,7.07103 4.9999988,4.9999704 0 0 0 7.071067,0 4.9999988,4.9999704 0 0 0 0,-7.07103 l -3.535533,-3.53552 -3.535534,3.53552 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + transform="translate(150,3.8281246e-7)" + id="slider-active-dark" + inkscape:label="#g4540"> + <circle + r="10" + cy="982.36218" + cx="50" + id="path5579-8-4" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:0.2;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <g + id="g4537-8"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path5579-8-1-1" + cx="50" + cy="982.36218" + r="5" /> + </g> + </g> + <g + id="slider-vert-scale-has-marks-below-active-dark" + inkscape:label="#g4603" + transform="translate(150,2.3762698e-6)"> + <use + style="opacity:0.2;fill:#E8E8E8;fill-opacity:1" + height="100%" + width="100%" + transform="matrix(0,1,-1,0,757.36218,932.36218)" + id="use5336-0-1" + inkscape:transform-center-y="-2.0710688" + xlink:href="#path4883" + y="0" + x="0" /> + <use + height="100%" + width="100%" + transform="matrix(0,0.49999988,-0.49999705,0,403.67897,942.36218)" + id="use5336-2-9" + inkscape:transform-center-y="-1.0355389" + xlink:href="#path4883" + y="0" + x="0" /> + </g> + <g + transform="translate(150,4.3762698e-6)" + id="slider-vert-scale-has-marks-above-active-dark" + inkscape:label="#g4646"> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 42.92893,929.43325 a 10,10 0 0 0 14.14214,0 10,10 0 0 0 0,-14.14214 10,10 0 0 0 -14.14214,0 l -7.07107,7.07107 7.07107,7.07107 z" + id="use5314-4" + inkscape:connector-curvature="0" + inkscape:transform-center-y="-2.0710688" /> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 46.464519,925.89772 a 4.9999705,4.9999988 0 0 0 7.071028,0 4.9999705,4.9999988 0 0 0 0,-7.07107 4.9999705,4.9999988 0 0 0 -7.071028,0 l -3.535514,3.53554 3.535514,3.53553 z" + id="use5314-8-7" + inkscape:connector-curvature="0" + inkscape:transform-center-y="-2.0710688" /> + </g> + <g + id="slider-horz-scale-has-marks-below-active-dark" + inkscape:label="#g4695" + transform="translate(150,-3.8281246e-7)"> + <g + style="opacity:0.2;fill:#E8E8E8;fill-opacity:1" + inkscape:label="#g5380" + transform="matrix(-1,0,0,-1,70.000002,1629.7244)" + inkscape:transform-center-y="2.5000404" + id="slider-horz-scale-has-marks-below-0-4"> + <use + style="fill:#E8E8E8;fill-opacity:1" + x="0" + y="0" + xlink:href="#rect4881" + id="use5270-4-9" + transform="translate(0,29.999997)" + width="100%" + height="100%" /> + <use + style="fill:#E8E8E8;fill-opacity:1" + x="0" + y="0" + xlink:href="#path4883" + inkscape:transform-center-y="-2.0710688" + id="use5272-8-9" + transform="translate(0,29.999997)" + width="100%" + height="100%" /> + </g> + <g + style="opacity:1;fill:#E8E8E8;fill-opacity:1" + inkscape:label="#g5380" + transform="matrix(-0.49999988,0,0,-0.5,59.999998,1261.0433)" + inkscape:transform-center-y="1.25001" + id="slider-horz-scale-has-marks-below-0-3-8"> + <use + style="fill:#E8E8E8;fill-opacity:1" + x="0" + y="0" + xlink:href="#rect4881" + id="use5270-4-5-8" + transform="translate(0,29.999997)" + width="100%" + height="100%" /> + <use + style="fill:#E8E8E8;fill-opacity:1" + x="0" + y="0" + xlink:href="#path4883" + inkscape:transform-center-y="-2.0710688" + id="use5272-8-4-7" + transform="translate(0,29.999997)" + width="100%" + height="100%" /> + </g> + </g> + <g + transform="translate(150,-2.3762691e-6)" + id="slider-horz-scale-has-marks-above-active-dark" + inkscape:label="#g4783"> + <path + inkscape:transform-center-y="-2.0710688" + inkscape:connector-curvature="0" + id="path4883-2-5" + d="m 42.928934,855.29111 a 10,10 0 0 0 0,14.14214 10,10 0 0 0 14.142136,0 10,10 0 0 0 0,-14.14214 l -7.071068,-7.07107 -7.071068,7.07107 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + inkscape:transform-center-y="-1.0355273" + inkscape:connector-curvature="0" + id="path4883-2-7-8" + d="m 46.464468,858.82669 a 4.9999988,4.9999704 0 0 0 0,7.07103 4.9999988,4.9999704 0 0 0 7.071067,0 4.9999988,4.9999704 0 0 0 0,-7.07103 l -3.535533,-3.53552 -3.535534,3.53552 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" +/> + </g> + <g + id="equal" + inkscape:label="#g4527"> + <circle + id="use4441-0" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" + cx="115" + cy="862.36218" + r="16" /> + <rect + y="863.36218" + x="109" + height="2" + width="12" + id="use4517-2" + style="fill:#eceff1;fill-opacity:1;stroke:none" /> + <rect + y="859.36218" + x="109" + height="2" + width="12" + id="use4517-2-8" + style="fill:#eceff1;fill-opacity:1;stroke:none" /> + </g> + <g + id="equal-insensitive" + inkscape:label="#g4549"> + <circle + id="use4441-0-2-2-7" + style="fill:#f0f2f3;fill-opacity:1;stroke:none" + cx="115" + cy="967.36218" + r="16" /> + <rect + y="968.36218" + x="109" + height="2" + width="12" + id="use4517-2-4-9-5" + style="fill:#c2c7ca;fill-opacity:1;stroke:none" /> + <rect + y="964.36218" + x="109" + height="2" + width="12" + id="use4517-2-8-0-2-1" + style="fill:#c2c7ca;fill-opacity:1;stroke:none" /> + </g> + <g + id="equal-insensitive-dark" + inkscape:label="#g4608"> + <circle + id="use4441-0-2-2-7-2" + style="fill:#455860;fill-opacity:1;stroke:none" + cx="265" + cy="967.36218" + r="16" /> + <rect + y="968.36218" + x="259" + height="2" + width="12" + id="use4517-2-4-9-5-8" + style="fill:#728188;fill-opacity:1;stroke:none" /> + <rect + y="964.36218" + x="259" + height="2" + width="12" + id="use4517-2-8-0-2-1-5" + style="fill:#728188;fill-opacity:1;stroke:none" /> + </g> + <g + id="checkbox-unchecked" + inkscape:label="#g4632" + transform="matrix(1.2820582,0,0,1.2820791,-113.20588,-174.14508)" + style="opacity:0.75;fill:none;stroke:#263238;stroke-width:1.59982836;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"> + <rect + ry="0.99999738" + rx="0.99999738" + y="610.36218" + x="93" + height="14" + width="14" + id="rect4505-8" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#263238;stroke-width:1.59982836;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="radio-unchecked" + inkscape:label="#g4650" + transform="matrix(1.2828819,0,0,1.2829081,-113.28835,-195.87489)" + style="opacity:0.75;stroke:#263238;stroke-width:1.58961654;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"> + <circle + r="7" + cy="692.36218" + cx="100" + id="path4507-2" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#263238;stroke-width:1.58961654;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-unchecked-active" + inkscape:label="#g4632" + transform="matrix(1.2820582,0,0,1.2820791,-88.20588,-174.14508)" + style="opacity:1;fill:none;stroke:#263238;stroke-width:1.59982836;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"> + <rect + ry="0.99999738" + rx="0.99999738" + y="610.36218" + x="93" + height="14" + width="14" + id="rect4505-8-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#263238;stroke-width:1.59982836;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="radio-unchecked-active" + inkscape:label="#g4650" + transform="matrix(1.2828819,0,0,1.2829081,-88.28835,-195.87489)" + style="opacity:1;stroke:#263238;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"> + <circle + r="7" + cy="692.36218" + cx="100" + id="path4507-2-6" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#263238;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-unchecked-insensitive" + inkscape:label="#g4632" + transform="matrix(1.2820582,0,0,1.2820791,-63.20588,-174.14508)" + style="opacity:0.4;fill:none;stroke:#263238;stroke-width:1.59982836;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"> + <rect + ry="0.99999738" + rx="0.99999738" + y="610.36218" + x="93" + height="14" + width="14" + id="rect4505-8-6" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#263238;stroke-width:1.59982836;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="radio-unchecked-insensitive" + inkscape:label="#g4650" + transform="matrix(1.2828819,0,0,1.2829081,-63.28835,-195.87489)" + style="opacity:0.4;stroke:#263238;stroke-width:1.58961654;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"> + <circle + r="7" + cy="692.36218" + cx="100" + id="path4507-2-8" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#263238;stroke-width:1.58961654;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-unchecked-dark" + inkscape:label="#g4632" + transform="matrix(1.2820582,0,0,1.2820791,36.794124,-174.14508)" + style="opacity:1;fill:none;stroke:#eceff1;stroke-width:1.59982836;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.74901961"> + <rect + ry="0.99999738" + rx="0.99999738" + y="610.36218" + x="93" + height="14" + width="14" + id="rect4505-8-3" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#eceff1;stroke-width:1.59982836;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.74901961;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-unchecked-active-dark" + inkscape:label="#g4632" + transform="matrix(1.2820582,0,0,1.2820791,61.794128,-174.14508)" + style="opacity:1;fill:none;stroke:#eceff1;stroke-width:1.59975839;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"> + <rect + ry="0.99999738" + rx="0.99999738" + y="610.36218" + x="93" + height="14" + width="14" + id="rect4505-8-0-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#eceff1;stroke-width:1.59975839;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-unchecked-insensitive-dark" + inkscape:label="#g4632" + transform="matrix(1.2820582,0,0,1.2820791,86.794128,-174.14508)" + style="opacity:0.4;fill:none;stroke:#eceff1;stroke-width:1.59982836;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.74901961"> + <rect + ry="0.99999738" + rx="0.99999738" + y="610.36218" + x="93" + height="14" + width="14" + id="rect4505-8-6-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#eceff1;stroke-width:1.59982836;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.74901961;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="radio-unchecked-dark" + inkscape:label="#g4650" + transform="matrix(1.2828819,0,0,1.2829081,36.71165,-195.87489)" + style="opacity:1;stroke:#eceff1;stroke-width:1.58961654;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.74901961"> + <circle + r="7" + cy="692.36218" + cx="100" + id="path4507-2-9" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#eceff1;stroke-width:1.58961654;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.74901961;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="radio-unchecked-active-dark" + inkscape:label="#g4650" + transform="matrix(1.2828819,0,0,1.2829081,61.711648,-195.87489)" + style="opacity:1;fill:none;stroke:#eceff1;stroke-width:1.58961654;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"> + <circle + r="7" + cy="692.36218" + cx="100" + id="path4507-2-6-3" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#eceff1;stroke-width:1.58961654;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="radio-unchecked-insensitive-dark" + inkscape:label="#g4650" + transform="matrix(1.2828819,0,0,1.2829081,86.711648,-195.87489)" + style="opacity:0.4;stroke:#eceff1;stroke-width:1.58961654;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.74901961"> + <circle + r="7" + cy="692.36218" + cx="100" + id="path4507-2-8-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#eceff1;stroke-width:1.58961654;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.74901961;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-checked" + inkscape:label="#g4615"> + <path + sodipodi:nodetypes="sssssssss" + inkscape:connector-curvature="0" + id="rect4138" + d="m 7,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + style="fill:#ffffff;fill-opacity:1" + sodipodi:nodetypes="ccccccc" + inkscape:connector-curvature="0" + id="path4-9" + d="M 12.805556,648.23718 7.25,642.68158 l 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" /> + </g> + <g + id="checkbox-checked-active" + inkscape:label="#g4584"> + <path + sodipodi:nodetypes="sssssssss" + inkscape:connector-curvature="0" + id="rect4138-4" + d="m 32,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + sodipodi:nodetypes="sssssssss" + inkscape:connector-curvature="0" + id="rect4138-4-4" + d="m 32,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:0.2;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + style="fill:#ffffff;fill-opacity:1" + sodipodi:nodetypes="ccccccc" + inkscape:connector-curvature="0" + id="path4-9-1" + d="m 37.805556,648.23718 -5.555556,-5.5556 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" /> + </g> + <g + id="checkbox-checked-insensitive" + inkscape:label="#g4620"> + <path + sodipodi:nodetypes="sssssssss" + inkscape:connector-curvature="0" + id="rect4138-4-6" + d="m 57,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:0.1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + style="fill:#E8E8E8;fill-opacity:0.4" + sodipodi:nodetypes="ccccccc" + inkscape:connector-curvature="0" + id="path4-9-1-9" + d="m 62.805556,648.23718 -5.555556,-5.5556 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" /> + </g> + <g + id="checkbox-checked-dark" + transform="translate(180,0)" + inkscape:label="#g4532"> + <path + sodipodi:nodetypes="sssssssss" + inkscape:connector-curvature="0" + id="rect4138-5" + d="m -23,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + style="fill:#ffffff;fill-opacity:1" + sodipodi:nodetypes="ccccccc" + inkscape:connector-curvature="0" + id="path4-9-2" + d="m -17.194444,648.23718 -5.555556,-5.5556 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" /> + </g> + <g + transform="translate(150,0)" + id="checkbox-checked-active-dark" + inkscape:label="#g4584"> + <path + sodipodi:nodetypes="sssssssss" + inkscape:connector-curvature="0" + id="rect4138-4-9" + d="m 32,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + sodipodi:nodetypes="sssssssss" + inkscape:connector-curvature="0" + id="rect4138-4-4-0" + d="m 32,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:0.2;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + style="fill:#ffffff;fill-opacity:1" + sodipodi:nodetypes="ccccccc" + inkscape:connector-curvature="0" + id="path4-9-1-1" + d="m 37.805556,648.23718 -5.555556,-5.5556 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" /> + </g> + <g + transform="translate(150,0)" + id="checkbox-checked-insensitive-dark" + inkscape:label="#g4620"> + <path + sodipodi:nodetypes="sssssssss" + inkscape:connector-curvature="0" + id="rect4138-4-6-0" + d="m 57,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:0.1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + style="fill:#E8E8E8;fill-opacity:0.4" + sodipodi:nodetypes="ccccccc" + inkscape:connector-curvature="0" + id="path4-9-1-9-9" + d="m 62.805556,648.23718 -5.555556,-5.5556 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" /> + </g> + <g + id="radio-checked" + inkscape:label="#g4738"> + <circle + r="4" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" + id="path4513" + cx="15" + cy="717.36218" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-113.28835,-170.87489)" + inkscape:label="#g4650" + id="radio-unchecked-6"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-113.28835,-170.87489)" + inkscape:label="#g4650" + id="radio-unchecked-6-6"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3" + cx="100" + cy="692.36218" + r="7" /> + </g> + </g> + <g + id="radio-checked-active" + inkscape:label="#g4821"> + <circle + r="4" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" + id="path4513-0" + cx="40" + cy="717.36218" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-88.28835,-170.87489)" + inkscape:label="#g4650" + id="radio-unchecked-6-4"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-4" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-88.28835,-170.87489)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-5"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-0" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#ffffff;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.2" + transform="matrix(1.2828819,0,0,1.2829081,-88.28835,-170.87489)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-5-5"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.2;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-0-0" + cx="100" + cy="692.36218" + r="7" /> + </g> + <circle + r="4" + style="fill:#ffffff;fill-opacity:0.2;stroke:none" + id="path4513-0-2" + cx="40" + cy="717.36218" /> + </g> + <g + id="radio-checked-insensitive" + inkscape:label="#g4980"> + <circle + r="4" + style="opacity:0.34200003;fill:#E8E8E8;fill-opacity:1;stroke:none" + id="path4513-0-3" + cx="65" + cy="717.36218" /> + <g + style="opacity:0.1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-63.28835,-170.87489)" + inkscape:label="#g4650" + id="radio-unchecked-6-4-8"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-4-8" + cx="100" + cy="692.36218" + r="7" /> + </g> + <circle + r="4" + style="opacity:0.4;fill:#ffffff;fill-opacity:0.2;stroke:none" + id="path4513-0-2-5" + cx="65" + cy="717.36218" /> + </g> + <g + transform="translate(150,4.9179464e-6)" + id="radio-checked-dark" + inkscape:label="#g4738"> + <circle + r="4" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" + id="path4513-7" + cx="15" + cy="717.36218" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-113.28835,-170.87489)" + inkscape:label="#g4650" + id="radio-unchecked-6-9"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-6" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-113.28835,-170.87489)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-7"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-8" + cx="100" + cy="692.36218" + r="7" /> + </g> + </g> + <g + transform="translate(150,4.9179464e-6)" + id="radio-checked-active-dark" + inkscape:label="#g4821"> + <circle + r="4" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" + id="path4513-0-6" + cx="40" + cy="717.36218" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-88.28835,-170.87489)" + inkscape:label="#g4650" + id="radio-unchecked-6-4-2"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-4-1" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-88.28835,-170.87489)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-5-1"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-0-3" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#ffffff;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.2" + transform="matrix(1.2828819,0,0,1.2829081,-88.28835,-170.87489)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-5-5-1"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.2;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-0-0-77" + cx="100" + cy="692.36218" + r="7" /> + </g> + <circle + r="4" + style="fill:#ffffff;fill-opacity:0.2;stroke:none" + id="path4513-0-2-8" + cx="40" + cy="717.36218" /> + </g> + <g + id="radio-mixed" + inkscape:label="#g5042"> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-113.28835,-145.87488)" + inkscape:label="#g4650" + id="radio-unchecked-6-41"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-2" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-113.28835,-145.87488)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-2"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-89" + cx="100" + cy="692.36218" + r="7" /> + </g> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect4607-14" + width="10" + height="2" + x="10" + y="741.36218" /> + </g> + <g + id="radio-mixed-active" + inkscape:label="#g5147"> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-88.28835,-145.87488)" + inkscape:label="#g4650" + id="radio-unchecked-6-41-9"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-2-7" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-88.28835,-145.87488)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-2-4"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-89-3" + cx="100" + cy="692.36218" + r="7" /> + </g> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect4607-14-0" + width="10" + height="2" + x="35" + y="741.36218" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#ffffff;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.2" + transform="matrix(1.2828819,0,0,1.2829081,-88.28835,-145.87488)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-2-4-3"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.2;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-89-3-9" + cx="100" + cy="692.36218" + r="7" /> + </g> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:0.2;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect4607-14-0-4" + width="10" + height="2" + x="35" + y="741.36218" /> + </g> + <g + id="radio-mixed-insensitive" + inkscape:label="#g5190"> + <rect + style="opacity:0.4;fill:#E8E8E8;fill-opacity:1;stroke:none" + id="use4553" + width="10" + height="2" + x="60" + y="741.36218" /> + <g + style="opacity:0.1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-63.28835,-145.87488)" + inkscape:label="#g4650" + id="radio-unchecked-6-4-8-5"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-4-8-49" + cx="100" + cy="692.36218" + r="7" /> + </g> + </g> + <g + transform="translate(150,4.9179462e-6)" + id="radio-mixed-dark" + inkscape:label="#g5042"> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-113.28835,-145.87488)" + inkscape:label="#g4650" + id="radio-unchecked-6-41-5"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-2-4" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-113.28835,-145.87488)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-2-1"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-89-7" + cx="100" + cy="692.36218" + r="7" /> + </g> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect4607-14-2" + width="10" + height="2" + x="10" + y="741.36218" /> + </g> + <g + transform="translate(150,4.9179462e-6)" + id="radio-mixed-active-dark" + inkscape:label="#g5147"> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-88.28835,-145.87488)" + inkscape:label="#g4650" + id="radio-unchecked-6-41-9-8"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-2-7-7" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-88.28835,-145.87488)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-2-4-8"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-89-3-96" + cx="100" + cy="692.36218" + r="7" /> + </g> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect4607-14-0-3" + width="10" + height="2" + x="35" + y="741.36218" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#ffffff;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.2" + transform="matrix(1.2828819,0,0,1.2829081,-88.28835,-145.87488)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-2-4-3-2"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.2;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-89-3-9-9" + cx="100" + cy="692.36218" + r="7" /> + </g> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:0.2;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect4607-14-0-4-1" + width="10" + height="2" + x="35" + y="741.36218" /> + </g> + <g + transform="translate(150,4.9179462e-6)" + id="radio-mixed-insensitive-dark" + inkscape:label="#g5190"> + <rect + style="opacity:0.4;fill:#E8E8E8;fill-opacity:1;stroke:none" + id="use4553-3" + width="10" + height="2" + x="60" + y="741.36218" /> + <g + style="opacity:0.1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-63.28835,-145.87488)" + inkscape:label="#g4650" + id="radio-unchecked-6-4-8-5-6"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-4-8-49-6" + cx="100" + cy="692.36218" + r="7" /> + </g> + </g> + <g + transform="translate(150,4.9179464e-6)" + id="radio-checked-insensitive-dark" + inkscape:label="#g4980"> + <circle + r="4" + style="opacity:0.34200003;fill:#E8E8E8;fill-opacity:1;stroke:none" + id="path4513-0-3-1" + cx="65" + cy="717.36218" /> + <g + style="opacity:0.1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,-63.28835,-170.87489)" + inkscape:label="#g4650" + id="radio-unchecked-6-4-8-59"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-4-8-1" + cx="100" + cy="692.36218" + r="7" /> + </g> + <circle + r="4" + style="opacity:0.4;fill:#ffffff;fill-opacity:0.2;stroke:none" + id="path4513-0-2-5-9" + cx="65" + cy="717.36218" /> + </g> + <g + id="checkbox-mixed-selected" + inkscape:label="#g4762"> + <rect + ry="2" + rx="2" + y="657.3623" + x="230" + height="20" + width="20" + id="use4419-8" + style="fill:#ffffff;fill-opacity:1;stroke:none" /> + <rect + style="fill:#E8E8E8;fill-opacity:1;stroke:none" + id="use4573-2" + width="10" + height="2" + x="235" + y="666.3623" /> + </g> + <g + id="checkbox-checked-selected" + inkscape:label="#g4755"> + <path + sodipodi:nodetypes="sssssssss" + inkscape:connector-curvature="0" + id="rect4138-4-9-4" + d="m 232,632.36232 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + style="fill:#E8E8E8;fill-opacity:1" + sodipodi:nodetypes="ccccccc" + inkscape:connector-curvature="0" + id="path4-9-1-1-3" + d="m 237.80556,648.23732 -5.55556,-5.5556 1.56667,-1.5666 3.98889,3.9777 8.43333,-8.4333 1.56667,1.5778 z" /> + </g> + <g + id="checkbox-unchecked-selected" + inkscape:label="#g4746"> + <g + style="opacity:1;fill:none;stroke:#ffffff;stroke-width:1.59975839;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2820582,0,0,1.2820791,111.79413,-174.14494)" + inkscape:label="#g4632" + id="checkbox-unchecked-active-dark-0"> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.59975839;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect4505-8-0-0-5" + width="14" + height="14" + x="93" + y="610.36218" + rx="0.99999738" + ry="0.99999738" /> + </g> + <g + style="opacity:1;fill:none;stroke:#ffffff;stroke-width:1.59975839;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2820582,0,0,1.2820791,111.79413,-174.14494)" + inkscape:label="#g4632" + id="checkbox-unchecked-active-dark-0-0"> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.59975839;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect4505-8-0-0-5-7" + width="14" + height="14" + x="93" + y="610.36218" + rx="0.99999738" + ry="0.99999738" /> + </g> + </g> + <g + id="radio-unchecked-selected" + inkscape:label="#g4784"> + <g + style="opacity:1;fill:none;stroke:#ffffff;stroke-width:1.58961654;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,111.71165,-195.87475)" + inkscape:label="#g4650" + id="radio-unchecked-active-dark-5"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.58961654;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-6-3-5" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;stroke:#ffffff;stroke-width:1.58961654;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,111.71165,-195.87475)" + inkscape:label="#g4650" + id="radio-unchecked-active-dark-5-4"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.58961654;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-6-3-5-0" + cx="100" + cy="692.36218" + r="7" /> + </g> + </g> + <g + id="radio-checked-selected" + inkscape:label="#g4943"> + <circle + r="4" + style="fill:#ffffff;fill-opacity:1;stroke:none" + id="path4513-7-1" + cx="240" + cy="717.36218" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,111.71165,-170.87489)" + inkscape:label="#g4650" + id="radio-unchecked-6-9-4"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-6-4" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#ffffff;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,111.71165,-170.87489)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-7-3"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-8-3" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#ffffff;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,111.71165,-170.87489)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-7-3-8"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-8-3-7" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:#00bcd0;fill-opacity:0;stroke:#ffffff;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,111.71165,-170.87489)" + inkscape:label="#g4650" + id="radio-checked-active-selected"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#00bcd0;fill-opacity:0;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-8-3-4" + cx="100" + cy="692.36218" + r="7" /> + </g> + </g> + <g + id="radio-mixed-selected" + inkscape:label="#g4932"> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#E8E8E8;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,111.71165,-145.87488)" + inkscape:label="#g4650" + id="radio-unchecked-6-41-5-7"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#E8E8E8;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-2-4-1" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#ffffff;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,111.71165,-145.87488)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-2-1-4"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-89-7-5" + cx="100" + cy="692.36218" + r="7" /> + </g> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect4607-14-2-9" + width="10" + height="2" + x="235" + y="741.36218" /> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#ffffff;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,111.71165,-145.87488)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-2-1-4-1"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-89-7-5-3" + cx="100" + cy="692.36218" + r="7" /> + </g> + <g + style="opacity:1;fill:none;fill-opacity:0.4;stroke:#ffffff;stroke-width:1.58937407;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + transform="matrix(1.2828819,0,0,1.2829081,111.71165,-145.87488)" + inkscape:label="#g4650" + id="radio-unchecked-6-6-2-1-4-8"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.4;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.58937407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4507-2-82-3-89-7-5-8" + cx="100" + cy="692.36218" + r="7" /> + </g> + </g> + <g + id="checkbox-checked-symbolic" + inkscape:label="#g4634" + style="fill:#808080;fill-opacity:1"> + <g + transform="translate(-10,0)" + inkscape:label="#g4638" + id="g4646" + style="fill:#808080;fill-opacity:1" /> + <path + id="path4-9-7" + style="fill:#808080;fill-opacity:1;fill-rule:evenodd" + d="m 88.25,647.0794 -4.444444,-4.44448 1.253333,-1.25328 L 88.25,644.5638 94.996667,637.81716 96.25,639.0794 Z M 84,634.36218 c -1.107999,0 -2,0.892 -2,2 l 0,12 c 0,1.108 0.892001,2 2,2 l 12,0 c 1.108,0 2,-0.892 2,-2 l 0,-12 c 0,-1.108 -0.892,-2 -2,-2 z" + inkscape:connector-curvature="0" /> + </g> + <g + id="checkbox-checked-insensitive-symbolic" + inkscape:label="#g4639"> + <g + transform="translate(-10,0)" + inkscape:label="#g4641" + id="" /> + <path + id="path4-9-7-1" + style="fill:#808080;fill-opacity:0.4;fill-rule:evenodd" + d="m 113.25,647.0794 -4.44444,-4.44448 1.25333,-1.25328 3.19111,3.18216 6.74667,-6.74664 1.25333,1.26224 z M 109,634.36218 c -1.108,0 -2,0.892 -2,2 l 0,12 c 0,1.108 0.892,2 2,2 l 12,0 c 1.108,0 2,-0.892 2,-2 l 0,-12 c 0,-1.108 -0.892,-2 -2,-2 z" + inkscape:connector-curvature="0" /> + </g> + <g + transform="translate(175,0)" + id="checkbox-checked-symbolic-dark" + inkscape:label="#g4634" + style="opacity:0.6;fill:#ffffff;fill-opacity:1"> + <g + transform="translate(-10,0)" + inkscape:label="#g4638" + id="g4646-8" + style="fill:#ffffff;fill-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4-9-7-3" + style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd" + d="m 88.25,647.0794 -4.444444,-4.44448 1.253333,-1.25328 L 88.25,644.5638 94.996667,637.81716 96.25,639.0794 Z M 84,634.36218 c -1.107999,0 -2,0.892 -2,2 l 0,12 c 0,1.108 0.892001,2 2,2 l 12,0 c 1.108,0 2,-0.892 2,-2 l 0,-12 c 0,-1.108 -0.892,-2 -2,-2 z" /> + </g> + <g + transform="translate(175,0)" + id="checkbox-checked-insensitive-symbolic-dark" + inkscape:label="#g4639" + style="opacity:0.2;fill:#ffffff;fill-opacity:1"> + <g + transform="translate(-10,0)" + inkscape:label="#g4641" + id="-3" + style="fill:#ffffff;fill-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4-9-7-1-5" + style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd" + d="m 113.25,647.0794 -4.44444,-4.44448 1.25333,-1.25328 3.19111,3.18216 6.74667,-6.74664 1.25333,1.26224 z M 109,634.36218 c -1.108,0 -2,0.892 -2,2 l 0,12 c 0,1.108 0.892,2 2,2 l 12,0 c 1.108,0 2,-0.892 2,-2 l 0,-12 c 0,-1.108 -0.892,-2 -2,-2 z" /> + </g> + <g + transform="matrix(2,0,0,2,-5,-462.36218)" + id="checkbox-checked-selectionmode" + inkscape:label="#g4615"> + <path + sodipodi:nodetypes="sssssssss" + inkscape:connector-curvature="0" + id="rect4138-46" + d="m 7,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + style="fill:#ffffff;fill-opacity:1" + sodipodi:nodetypes="ccccccc" + inkscape:connector-curvature="0" + id="path4-9-3" + d="M 12.805556,648.23718 7.25,642.68158 l 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" /> + </g> + <g + transform="matrix(2,0,0,2,-10,-462.36218)" + id="checkbox-checked-active-selectionmode" + inkscape:label="#g4584"> + <path + sodipodi:nodetypes="sssssssss" + inkscape:connector-curvature="0" + id="rect4138-4-1" + d="m 32,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + sodipodi:nodetypes="sssssssss" + inkscape:connector-curvature="0" + id="rect4138-4-4-9" + d="m 32,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:0.2;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + style="fill:#ffffff;fill-opacity:1" + sodipodi:nodetypes="ccccccc" + inkscape:connector-curvature="0" + id="path4-9-1-8" + d="m 37.805556,648.23718 -5.555556,-5.5556 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" /> + </g> + <g + transform="matrix(2,0,0,2,-15,-462.36218)" + id="checkbox-checked-insensitive-selectionmode" + inkscape:label="#g4620"> + <path + sodipodi:nodetypes="sssssssss" + inkscape:connector-curvature="0" + id="rect4138-4-6-8" + d="m 57,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:0.1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + style="fill:#E8E8E8;fill-opacity:0.4" + sodipodi:nodetypes="ccccccc" + inkscape:connector-curvature="0" + id="path4-9-1-9-8" + d="m 62.805556,648.23718 -5.555556,-5.5556 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" /> + </g> + <g + transform="matrix(2,0,0,2,145,-462.36218)" + id="checkbox-checked-selectionmode-dark" + inkscape:label="#g4615"> + <path + sodipodi:nodetypes="sssssssss" + inkscape:connector-curvature="0" + id="rect4138-46-3" + d="m 7,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + style="fill:#ffffff;fill-opacity:1" + sodipodi:nodetypes="ccccccc" + inkscape:connector-curvature="0" + id="path4-9-3-4" + d="M 12.805556,648.23718 7.25,642.68158 l 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" /> + </g> + <g + transform="matrix(2,0,0,2,140,-462.36218)" + id="checkbox-checked-active-selectionmode-dark" + inkscape:label="#g4584"> + <path + sodipodi:nodetypes="sssssssss" + inkscape:connector-curvature="0" + id="rect4138-4-1-2" + d="m 32,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + sodipodi:nodetypes="sssssssss" + inkscape:connector-curvature="0" + id="rect4138-4-4-9-0" + d="m 32,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:0.2;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + style="fill:#ffffff;fill-opacity:1" + sodipodi:nodetypes="ccccccc" + inkscape:connector-curvature="0" + id="path4-9-1-8-2" + d="m 37.805556,648.23718 -5.555556,-5.5556 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" /> + </g> + <g + transform="matrix(2,0,0,2,135,-462.36218)" + id="checkbox-checked-insensitive-selectionmode-dark" + inkscape:label="#g4620"> + <path + sodipodi:nodetypes="sssssssss" + inkscape:connector-curvature="0" + id="rect4138-4-6-8-0" + d="m 57,632.36218 c -1.10801,0 -2,0.89199 -2,2 l 0,16 c 0,1.10801 0.89199,2 2,2 l 16,0 c 1.10801,0 2,-0.89199 2,-2 l 0,-16 c 0,-1.10801 -0.89199,-2 -2,-2 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:0.1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + style="fill:#E8E8E8;fill-opacity:0.4" + sodipodi:nodetypes="ccccccc" + inkscape:connector-curvature="0" + id="path4-9-1-9-8-9" + d="m 62.805556,648.23718 -5.555556,-5.5556 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z" /> + </g> + <g + id="toggle-off" + inkscape:label="#g4689"> + <rect + ry="0" + rx="0" + y="582.36218" + x="5.000042" + height="20" + width="40" + id="rect4637" + style="opacity:0;fill:#ffffff;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:0.24699999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <rect + transform="scale(1,-1)" + ry="5" + rx="4.2857141" + y="-597.36218" + x="10.000042" + height="10" + width="30" + id="rect2987" + style="opacity:0.1;fill:#263238;fill-opacity:1;stroke:none" /> + <ellipse + ry="9.876543" + rx="9.876544" + cy="592.36218" + cx="15.000044" + id="path3757" + style="fill:#fafbfc;fill-opacity:1;stroke:url(#linearGradient4172);stroke-width:0.24699999;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + </g> + <g + id="toggle-off-hover" + inkscape:label="#g4700"> + <rect + y="582.36218" + x="55.000042" + height="20" + width="40" + id="rect4661" + style="opacity:0;fill:#ffffff;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:0.24699999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <rect + transform="scale(1,-1)" + ry="5" + rx="4.2857141" + y="-597.36218" + x="60.000042" + height="10" + width="30" + id="rect2987-0" + style="opacity:0.1;fill:#263238;fill-opacity:1;stroke:none" /> + <ellipse + ry="9.876543" + rx="9.876544" + cy="592.36218" + cx="65.000046" + id="path3757-4" + style="fill:#ffffff;fill-opacity:1;stroke:url(#linearGradient4172-9);stroke-width:0.24699999;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + </g> + <g + id="toggle-on" + inkscape:label="#g4707"> + <rect + ry="5" + rx="4.2857141" + y="562.36212" + x="10" + height="10" + width="30" + id="rect2987-07" + style="fill:#E8E8E8;fill-opacity:0.2;stroke:none" /> + <circle + r="9.876543" + cy="567.36212" + cx="35" + id="path3757-8" + style="opacity:1;fill:#E8E8E8;fill-opacity:1;stroke:url(#linearGradient4169);stroke-width:0.24699999;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + <rect + ry="0" + rx="0" + y="557.36218" + x="5" + height="20" + width="40" + id="rect4705" + style="opacity:0;fill:#ffffff;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:0.24699999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + </g> + <g + id="toggle-on-hover" + inkscape:label="#g4645"> + <g + inkscape:label="#g4642" + id="toggle-on-hover-1"> + <rect + style="fill:#E8E8E8;fill-opacity:0.2;stroke:none" + id="rect2987-8" + width="30" + height="10" + x="60" + y="562.36218" + rx="4.2857141" + ry="5" /> + <circle + style="opacity:1;fill:#E8E8E8;fill-opacity:1;stroke:url(#linearGradient4169-7);stroke-width:0.24699999;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="path3757-5" + cx="85" + cy="567.36218" + r="9.876543" /> + <circle + style="opacity:1;fill:#ffffff;fill-opacity:0.2;stroke:none;stroke-width:0.24699999;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="path3757-4-5" + cx="85" + cy="567.36218" + r="9.876543" /> + </g> + <rect + ry="0" + rx="0" + y="557.36218" + x="55" + height="20" + width="40" + id="rect4727" + style="opacity:0;fill:#ffffff;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:0.24699999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + </g> + <g + id="toggle-off-insensitive" + inkscape:label="#g4708"> + <rect + y="582.36218" + x="105.00005" + height="20" + width="40" + id="rect4661-5" + style="opacity:0;fill:#ffffff;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:0.24699999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <rect + transform="scale(1,-1)" + ry="5" + rx="4.2857141" + y="-597.36218" + x="110.00004" + height="10" + width="30" + id="rect2987-0-5" + style="opacity:0.05;fill:#263238;fill-opacity:1;stroke:none" /> + <circle + r="10" + cy="592.36218" + cx="115" + id="path3757-4-4" + style="fill:#f0f2f3;fill-opacity:1;stroke:none;stroke-width:0.24699999;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + </g> + <g + id="toggle-on-insensitive" + inkscape:label="#g4738"> + <rect + ry="5" + rx="4.2857141" + y="562.36218" + x="110" + height="10" + width="30" + id="rect2987-8-4" + style="fill:#E8E8E8;fill-opacity:0.1;stroke:none" /> + <circle + r="10" + cy="567.36218" + cx="135" + id="path3757-5-9" + style="opacity:1;fill:#f0f2f3;fill-opacity:1;stroke:none;stroke-width:0.24699999;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + <rect + ry="0" + rx="0" + y="557.36218" + x="105" + height="20" + width="40" + id="rect4727-2" + style="opacity:0;fill:#ffffff;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:0.24699999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + </g> + <g + id="toggle-off-insensitive-dark" + inkscape:label="#g4681"> + <rect + y="582.36218" + x="255.00006" + height="20" + width="40" + id="rect4661-5-6" + style="opacity:0;fill:#ffffff;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:0.24699999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <rect + transform="scale(1,-1)" + ry="5" + rx="4.2857141" + y="-597.36218" + x="260.00003" + height="10" + width="30" + id="rect2987-0-5-0" + style="opacity:0.05;fill:#eceff1;fill-opacity:1;stroke:none" /> + <circle + r="10" + cy="592.36218" + cx="265" + id="path3757-4-4-0" + style="fill:#3f4e56;fill-opacity:1;stroke:none;stroke-width:0.24699999;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + </g> + <g + id="toggle-on-insensitive-dark" + inkscape:label="#g4802"> + <rect + ry="5" + rx="4.2857141" + y="562.36218" + x="260" + height="10" + width="30" + id="rect2987-8-4-0" + style="fill:#E8E8E8;fill-opacity:0.1;stroke:none" /> + <circle + r="10" + cy="567.36218" + cx="285" + id="path3757-5-9-2" + style="opacity:1;fill:#3f4e56;fill-opacity:1;stroke:none;stroke-width:0.24699999;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + <rect + ry="0" + rx="0" + y="557.36218" + x="255" + height="20" + width="40" + id="rect4727-2-1" + style="opacity:0;fill:#ffffff;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:0.24699999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + </g> + <g + id="toggle-off-dark" + inkscape:label="#g4659"> + <rect + transform="scale(1,-1)" + ry="5" + rx="4.2857141" + y="-597.36218" + x="160.00005" + height="10" + width="30" + id="rect2987-83" + style="opacity:0.1;fill:#eceff1;fill-opacity:1;stroke:none" /> + <ellipse + ry="9.876543" + rx="9.876544" + cy="592.36218" + cx="165.00005" + id="path3757-7" + style="fill:#546e7a;fill-opacity:1;stroke:url(#linearGradient4172-5);stroke-width:0.24699999;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + <rect + ry="0" + rx="0" + y="582.36218" + x="155" + height="20" + width="40" + id="rect4748" + style="opacity:0;fill:#ffffff;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:0.24699999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + </g> + <g + id="toggle-off-hover-dark" + inkscape:label="#g4692"> + <rect + transform="scale(1,-1)" + ry="5" + rx="4.2857141" + y="-597.36218" + x="210.00005" + height="10" + width="30" + id="rect2987-9" + style="opacity:0.1;fill:#eceff1;fill-opacity:1;stroke:none" /> + <ellipse + ry="9.876543" + rx="9.876544" + cy="592.36218" + cx="215.00005" + id="path3757-6" + style="fill:#546e7a;fill-opacity:1;stroke:url(#linearGradient4172-95);stroke-width:0.24699999;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + <rect + ry="0" + rx="0" + y="582.36218" + x="205" + height="20" + width="40" + id="rect4770" + style="opacity:0;fill:#ffffff;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:0.24699999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <ellipse + ry="9.876543" + rx="9.876544" + cy="592.36218" + cx="215.00005" + id="path3757-6-2" + style="fill:#ffffff;fill-opacity:0.1;stroke:none;stroke-width:0.24699999;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + </g> + <g + id="window-unmaximize" + inkscape:label="#g4714" + style="fill:#eceff1;fill-opacity:0.75" + transform="translate(60,-28.000211)"> + <path + d="m 165,561.36218 4,0 0,4.00001 -4,0 z m -2,-2 10,0 0,10 -10,0 z" + style="opacity:1;fill:#eceff1;fill-opacity:0.75;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + id="rect4656" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccc" /> + <rect + ry="0" + y="556.36218" + x="160" + height="16.000002" + width="16" + id="rect4662" + style="opacity:0;fill:#eceff1;fill-opacity:0.75;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" /> + </g> + <g + id="window-unmaximize-active" + inkscape:label="#g4714" + style="fill:#eceff1;fill-opacity:1" + transform="translate(60,-10.000212)"> + <path + d="m 165,561.36218 4,0 0,4.00001 -4,0 z m -2,-2 10,0 0,10 -10,0 z" + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + id="rect4656-2" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccc" /> + <rect + ry="0" + y="556.36218" + x="160" + height="16.000002" + width="16" + id="rect4662-3" + style="opacity:0;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" /> + </g> + <g + id="window-maximize" + style="fill:#eceff1;fill-opacity:0.75" + inkscape:label="#g4708" + transform="matrix(1,0,0,-1,40,1100.7244)"> + <rect + y="567.36218" + x="163" + height="2" + width="10" + id="rect4696" + style="opacity:1;fill:#eceff1;fill-opacity:0.75;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" /> + <path + inkscape:connector-curvature="0" + d="m 165,561.36218 6,0 0,3 -6,0 z m -2,-2 10,0 0,7 -10,0 z" + style="opacity:1;fill:#eceff1;fill-opacity:0.75;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + id="rect4700" /> + <rect + y="556.36218" + x="160" + height="16" + width="16" + id="rect4706" + style="opacity:0;fill:#eceff1;fill-opacity:0.75;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" /> + </g> + <g + transform="matrix(1,0,0,-1,40,1118.7244)" + id="window-maximize-active" + style="fill:#eceff1;fill-opacity:1" + inkscape:label="#g4708-2"> + <rect + y="567.36218" + x="163" + height="2" + width="10" + id="rect4696-6" + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" /> + <path + inkscape:connector-curvature="0" + d="m 165,561.36218 6,0 0,3 -6,0 z m -2,-2 10,0 0,7 -10,0 z" + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + id="rect4700-3" /> + <rect + y="556.36218" + x="160" + height="16" + width="16" + id="rect4706-3" + style="opacity:0;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" /> + </g> + <g + id="window-minimize" + style="fill:#eceff1;fill-opacity:0.75" + inkscape:label="#g4741" + transform="translate(-20,-8.0002122)"> + <rect + y="547.36218" + x="203" + height="2" + width="10" + id="rect4737" + style="opacity:1;fill:#eceff1;fill-opacity:0.75;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" /> + <rect + y="536.36218" + x="200" + height="16" + width="16" + id="rect4739" + style="opacity:0;fill:#eceff1;fill-opacity:0.75;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" /> + </g> + <g + transform="translate(-20,9.9997886)" + id="window-minimize-active" + style="fill:#eceff1;fill-opacity:1" + inkscape:label="#g4741"> + <rect + y="547.36218" + x="203" + height="2" + width="10" + id="rect4737-7" + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" /> + <rect + y="536.36218" + x="200" + height="16" + width="16" + id="rect4739-9" + style="opacity:0;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" /> + </g> + <g + id="window-close" + inkscape:label="#g4783" + style="opacity:0.75;fill:#eceff1;fill-opacity:0" + transform="translate(-40,-28.000211)"> + <path + inkscape:connector-curvature="0" + d="m 204.01005,560.37222 c 7.97992,7.97991 7.97992,7.97991 7.97992,7.97991 m -7.97992,0 c 7.97992,-7.97991 7.97992,-7.97991 7.97992,-7.97991" + style="fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:#eceff1;stroke-width:1.99989319;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="path4778" /> + <rect + y="556.36218" + x="200" + height="16" + width="16" + id="rect4781" + style="opacity:0;fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + </g> + <g + transform="translate(-40,-10.000212)" + id="window-close-active" + inkscape:label="#g4783" + style="opacity:1;fill:#eceff1;fill-opacity:0"> + <path + inkscape:connector-curvature="0" + d="m 204.01005,560.37222 c 7.97992,7.97991 7.97992,7.97991 7.97992,7.97991 m -7.97992,0 c 7.97992,-7.97991 7.97992,-7.97991 7.97992,-7.97991" + style="fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:#eceff1;stroke-width:1.99989319;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="path4778-0" /> + <rect + y="556.36218" + x="200" + height="16" + width="16" + id="rect4781-0" + style="opacity:0;fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + </g> + <g + id="window-maximize-ssd" + inkscape:label="#g4803" + transform="translate(0,-60)"> + <g + style="fill:#eceff1;fill-opacity:0.75" + transform="translate(-26,-114.00004)" + id="g4709"> + <rect + style="opacity:1;fill:#eceff1;fill-opacity:0.75;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + id="rect4696-8" + width="10" + height="2" + x="253" + y="-521.36224" + transform="scale(1,-1)" /> + <path + id="rect4700-37" + style="opacity:1;fill:#eceff1;fill-opacity:0.75;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + d="m 255,527.36222 6,0 0,-3 -6,0 z m -2,2 10,0 0,-7 -10,0 z" + inkscape:connector-curvature="0" /> + </g> + <rect + y="396.36218" + x="218" + height="28" + width="28" + id="rect4707" + style="opacity:0.75;fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + </g> + <g + id="window-maximize-ssd-hover" + transform="translate(-22,-50.000002)" + inkscape:label="#g4813"> + <circle + r="14" + cy="432.36218" + cx="254" + id="path4746" + style="opacity:1;fill:#eceff1;fill-opacity:0.1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <g + transform="translate(-4,-92.00004)" + id="g4709-2"> + <rect + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + id="rect4696-8-5" + width="10" + height="2" + x="253" + y="-521.36224" + transform="scale(1,-1)" /> + <path + id="rect4700-37-2" + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + d="m 255,527.36222 6,0 0,-3 -6,0 z m -2,2 10,0 0,-7 -10,0 z" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + id="window-maximize-ssd-active" + transform="translate(-22,-44.000003)" + inkscape:label="#g4823"> + <circle + r="14" + cy="458.36218" + cx="254" + id="path4746-8" + style="opacity:1;fill:#eceff1;fill-opacity:0.2;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <g + transform="translate(-4,-66.00004)" + id="g4709-2-0"> + <rect + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + id="rect4696-8-5-2" + width="10" + height="2" + x="253" + y="-521.36224" + transform="scale(1,-1)" /> + <path + id="rect4700-37-2-6" + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + d="m 255,527.36222 6,0 0,-3 -6,0 z m -2,2 10,0 0,-7 -10,0 z" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + id="window-unmaximize-ssd" + transform="translate(-18,-56.000002)" + inkscape:label="#g4841"> + <path + d="m 279,403.36218 4,0 0,4.00001 -4,0 z m -2,-2 10,0 0,10 -10,0 z" + style="opacity:1;fill:#eceff1;fill-opacity:0.75;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + id="rect4656-2-6" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccc" /> + <rect + ry="0" + y="392.36218" + x="268" + height="28" + width="28" + id="rect4662-3-9" + style="opacity:0;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" /> + </g> + <g + id="window-unmaximize-ssd-hover" + transform="translate(-18,-50.000002)" + inkscape:label="#g4847"> + <circle + r="14" + cy="432.36218" + cx="282" + id="path4860" + style="opacity:1;fill:#eceff1;fill-opacity:0.1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <path + d="m 279,429.36218 4,0 0,4.00001 -4,0 z m -2,-2 10,0 0,10 -10,0 z" + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + id="rect4656-2-6-6" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccc" /> + </g> + <g + id="window-unmaximize-ssd-active" + transform="translate(-18,-44.000003)" + inkscape:label="#g4853"> + <circle + r="14" + cy="458.36218" + cx="282" + id="path4860-8" + style="opacity:1;fill:#eceff1;fill-opacity:0.2;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <path + d="m 279,455.36218 4,0 0,4.00001 -4,0 z m -2,-2 10,0 0,10 -10,0 z" + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + id="rect4656-2-6-6-5" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccc" /> + </g> + <g + id="window-minimize-ssd" + transform="translate(0,-56.000002)" + inkscape:label="#g4767"> + <rect + y="409.36218" + x="195" + height="2" + width="10" + id="rect4737-9" + style="opacity:1;fill:#eceff1;fill-opacity:0.75;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" /> + <rect + y="392.36218" + x="186" + height="28" + width="28" + id="rect4915" + style="opacity:0;fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + </g> + <g + id="window-minimize-ssd-hover" + transform="translate(-26,-50.000002)" + inkscape:label="#g4773"> + <circle + r="14" + cy="432.36218" + cx="226" + id="path4860-81" + style="opacity:1;fill:#eceff1;fill-opacity:0.1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <rect + y="435.36218" + x="221" + height="2" + width="10" + id="rect4737-7-8" + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" /> + </g> + <g + id="window-minimize-ssd-active" + transform="translate(-26,-44.000003)" + inkscape:label="#g4779"> + <circle + r="14" + cy="458.36218" + cx="226" + id="path4860-8-6" + style="opacity:1;fill:#eceff1;fill-opacity:0.2;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <rect + y="461.36218" + x="221" + height="2" + width="10" + id="rect4737-7-8-1" + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" /> + </g> + <g + id="window-close-ssd" + inkscape:label="#g4738" + transform="translate(4,-56.000002)"> + <circle + r="14" + cy="406.36218" + cx="164" + id="path4860-81-3" + style="opacity:0;fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + d="m 160.01005,402.37222 c 7.9799,7.97991 7.9799,7.97991 7.9799,7.97991 m -7.9799,0 c 7.9799,-7.97991 7.9799,-7.97991 7.9799,-7.97991" + style="opacity:0.75;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:#eceff1;stroke-width:1.99989319;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="path4778-0-8" /> + </g> + <g + id="window-close-ssd-hover" + inkscape:label="#g4746" + transform="translate(0,-60)"> + <ellipse + ry="13.754209" + rx="13.754399" + cy="442.36218" + cx="168.00002" + id="path4860-81-7" + style="opacity:1;fill:#ff5252;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4748);stroke-width:0.49122515;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + d="m 164.01006,438.37227 c 7.97992,7.97981 7.97992,7.97981 7.97992,7.97981 m -7.97992,0 c 7.97992,-7.97981 7.97992,-7.97981 7.97992,-7.97981" + style="fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:#eceff1;stroke-width:1.99988127;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="path4778-0-6" /> + </g> + <g + id="window-close-ssd-active" + inkscape:label="#g4752" + transform="translate(0,-60)"> + <ellipse + ry="13.754372" + rx="13.754392" + cy="474.36218" + cx="168" + id="path4860-81-7-2" + style="opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4762);stroke-width:0.49122792;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + d="m 164.01005,470.37223 c 7.97992,7.9799 7.97992,7.9799 7.97992,7.9799 m -7.97992,0 c 7.97992,-7.9799 7.97992,-7.9799 7.97992,-7.9799" + style="fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:#eceff1;stroke-width:1.99989259;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="path4778-0-6-7" /> + </g> + <g + id="window-close-ssd-backdrop" + transform="translate(-30,-38.000003)" + inkscape:label="#g4761"> + <circle + r="14" + cy="484.36218" + cx="198" + id="path4860-81-3-5" + style="opacity:0;fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + d="m 194.01005,480.37222 c 7.97992,7.97991 7.97992,7.97991 7.97992,7.97991 m -7.97992,0 c 7.97992,-7.97991 7.97992,-7.97991 7.97992,-7.97991" + style="opacity:0.375;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:#eceff1;stroke-width:1.99989319;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="path4778-0-8-6" /> + </g> + <g + id="window-minimize-ssd-backdrop" + inkscape:label="#g4785" + transform="translate(-26,-38.000003)"> + <rect + y="487.36218" + x="221" + height="2" + width="10" + id="rect4737-9-3" + style="opacity:0.5;fill:#eceff1;fill-opacity:0.75;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" /> + <rect + y="470.36218" + x="212" + height="28" + width="28" + id="rect4915-7" + style="opacity:0;fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + </g> + <g + id="window-maximize-ssd-backdrop" + style="opacity:0.4" + transform="translate(-22,-38.000003)" + inkscape:label="#g4833"> + <g + transform="translate(-4,-40.00004)" + id="g4709-1"> + <rect + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + id="rect4696-8-0" + width="10" + height="2" + x="253" + y="-521.36224" + transform="scale(1,-1)" /> + <path + id="rect4700-37-9" + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + d="m 255,527.36222 6,0 0,-3 -6,0 z m -2,2 10,0 0,-7 -10,0 z" + inkscape:connector-curvature="0" /> + </g> + <rect + y="470.36218" + x="240" + height="28" + width="28" + id="rect4707-8" + style="opacity:0.3;fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + </g> + <g + id="window-unmaximize-ssd-backdrop" + transform="translate(-18,-38.000003)" + inkscape:label="#g4859"> + <path + d="m 279,481.36218 4,0 0,4.00001 -4,0 z m -2,-2 10,0 0,10 -10,0 z" + style="opacity:0.5;fill:#eceff1;fill-opacity:0.75;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + id="rect4656-2-6-7" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccc" /> + <rect + ry="0" + y="470.36218" + x="268" + height="28" + width="28" + id="rect4662-3-9-7" + style="opacity:0;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" /> + </g> + <g + id="window-maximize-ssd-backdrop-hover" + transform="translate(-21.999994,45.999997)" + inkscape:label="#g4813" + style="opacity:0.5"> + <circle + r="14" + cy="432.36218" + cx="254" + id="path4746-2" + style="opacity:1;fill:#eceff1;fill-opacity:0.1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <g + transform="translate(-4,-92.00004)" + id="g4709-2-8" + style=""> + <rect + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + id="rect4696-8-5-4" + width="10" + height="2" + x="253" + y="-521.36224" + transform="scale(1,-1)" /> + <path + id="rect4700-37-2-3" + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + d="m 255,527.36222 6,0 0,-3 -6,0 z m -2,2 10,0 0,-7 -10,0 z" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + id="window-maximize-ssd-backdrop-active" + transform="translate(-21.999994,51.999997)" + inkscape:label="#g4823" + style="opacity:0.5"> + <circle + r="14" + cy="458.36218" + cx="254" + id="path4746-8-0" + style="opacity:1;fill:#eceff1;fill-opacity:0.2;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <g + transform="translate(-4,-66.00004)" + id="g4709-2-0-1" + style=""> + <rect + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + id="rect4696-8-5-2-8" + width="10" + height="2" + x="253" + y="-521.36224" + transform="scale(1,-1)" /> + <path + id="rect4700-37-2-6-3" + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + d="m 255,527.36222 6,0 0,-3 -6,0 z m -2,2 10,0 0,-7 -10,0 z" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + id="window-unmaximize-ssd-backdrop-hover" + transform="translate(-17.999994,45.999997)" + inkscape:label="#g4847" + style="opacity:0.5"> + <circle + r="14" + cy="432.36218" + cx="282" + id="path4860-6" + style="opacity:1;fill:#eceff1;fill-opacity:0.1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <path + d="m 279,429.36218 4,0 0,4.00001 -4,0 z m -2,-2 10,0 0,10 -10,0 z" + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + id="rect4656-2-6-6-9" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccc" /> + </g> + <g + id="window-unmaximize-ssd-backdrop-active" + transform="translate(-17.999994,51.999997)" + inkscape:label="#g4853" + style="opacity:0.5"> + <circle + r="14" + cy="458.36218" + cx="282" + id="path4860-8-9" + style="opacity:1;fill:#eceff1;fill-opacity:0.2;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <path + d="m 279,455.36218 4,0 0,4.00001 -4,0 z m -2,-2 10,0 0,10 -10,0 z" + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" + id="rect4656-2-6-6-5-5" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccc" /> + </g> + <g + id="window-minimize-ssd-backdrop-hover" + transform="translate(-25.999994,45.999997)" + inkscape:label="#g4773" + style="opacity:0.5"> + <circle + r="14" + cy="432.36218" + cx="226" + id="path4860-81-1" + style="opacity:1;fill:#eceff1;fill-opacity:0.1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <rect + y="435.36218" + x="221" + height="2" + width="10" + id="rect4737-7-8-7" + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" /> + </g> + <g + id="window-minimize-ssd-backdrop-active" + transform="translate(-25.999994,51.999997)" + inkscape:label="#g4779" + style="opacity:0.5"> + <circle + r="14" + cy="458.36218" + cx="226" + id="path4860-8-6-0" + style="opacity:1;fill:#eceff1;fill-opacity:0.2;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <rect + y="461.36218" + x="221" + height="2" + width="10" + id="rect4737-7-8-1-6" + style="opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:0.4" /> + </g> + <g + id="window-close-ssd-backdrop-hover" + inkscape:label="#g4746" + transform="translate(5.632639e-6,35.999997)" + style="opacity:0.5"> + <ellipse + ry="13.754209" + rx="13.754399" + cy="442.36218" + cx="168.00002" + id="path4860-81-7-7" + style="opacity:1;fill:#ff5252;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4856);stroke-width:0.49122515;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + d="m 164.01006,438.37227 c 7.97992,7.97981 7.97992,7.97981 7.97992,7.97981 m -7.97992,0 c 7.97992,-7.97981 7.97992,-7.97981 7.97992,-7.97981" + style="fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:#eceff1;stroke-width:1.99988127;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="path4778-0-6-9" /> + </g> + <g + id="window-close-ssd-backdrop-active" + inkscape:label="#g4752" + transform="translate(5.632639e-6,35.999997)" + style="opacity:0.5"> + <ellipse + ry="13.754372" + rx="13.754392" + cy="474.36218" + cx="168" + id="path4860-81-7-2-1" + style="opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4858);stroke-width:0.49122792;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:478.43673706;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + d="m 164.01005,470.37223 c 7.97992,7.9799 7.97992,7.9799 7.97992,7.9799 m -7.97992,0 c 7.97992,-7.9799 7.97992,-7.9799 7.97992,-7.9799" + style="fill:#eceff1;fill-opacity:0;fill-rule:evenodd;stroke:#eceff1;stroke-width:1.99989259;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="path4778-0-6-7-0" /> + </g> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.32000002;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path4777" + cx="262" + cy="544.86218" + ry="1.5" + rx="2" /> + <g + id="running-dot-bottom" + inkscape:label="#g4778" + transform="translate(0,-7.000005)"> + <rect + inkscape:label="#rect4779" + y="557.36218" + x="253" + height="2" + width="2" + id="dot" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.32000002;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="555.36218" + x="243" + height="4.0000024" + width="22" + id="rect4776" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.32000002;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="running-dot-top" + inkscape:label="#g4778" + transform="matrix(1,0,0,-1,0,1097.7244)"> + <rect + inkscape:label="#rect4779" + y="557.36218" + x="253" + height="2" + width="2" + id="dot-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.32000002;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="555.36218" + x="243" + height="4.0000024" + width="22" + id="rect4776-7" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.32000002;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="running-dot-left" + inkscape:label="#g4778" + transform="matrix(0,-1,-1,0,829.36219,795.36218)"> + <rect + inkscape:label="#rect4779" + y="557.36218" + x="253" + height="2" + width="2" + id="dot-1-8" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.32000002;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="555.36218" + x="243" + height="4.0000024" + width="22" + id="rect4776-7-8" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.32000002;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="running-dot-right" + inkscape:label="#g4778" + transform="matrix(0,-1,1,0,-275.36218,795.36218)"> + <rect + inkscape:label="#rect4779" + y="557.36218" + x="253" + height="2" + width="2" + id="dot-1-8-2" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.32000002;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <rect + y="555.36218" + x="243" + height="4.0000024" + width="22" + id="rect4776-7-8-0" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.32000002;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-selectionmode" + inkscape:label="#g4812"> + <g + inkscape:label="#g3954" + transform="translate(1,-43)" + id="g3954"> + <rect + style="fill:#fafafa;fill-opacity:1;stroke:none" + id="use4195" + width="40" + height="40" + x="4" + y="800.36218" + rx="4" + ry="4" /> + </g> + <rect + ry="3" + rx="3" + y="758.36218" + x="6" + height="38" + width="38" + id="rect4789" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:evenodd;stroke:#263238;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.6;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-active-selectionmode" + inkscape:label="#g4817"> + <g + inkscape:label="#g3980" + transform="translate(46,-43.00001)" + id="g3980"> + <rect + ry="4" + rx="4" + y="800.36218" + x="4" + height="40" + width="40" + id="use4478" + style="fill:#fafafa;fill-opacity:1;stroke:none" /> + <rect + ry="4" + rx="4" + y="800.36218" + x="4" + height="40" + width="40" + id="use4480" + style="opacity:0.2;fill:#263238;fill-opacity:0.80000001;stroke:none" /> + </g> + <rect + ry="3" + rx="3" + y="758.36218" + x="51" + height="38" + width="38" + id="rect4789-7" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:evenodd;stroke:#263238;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.6;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-insensitive-selectionmode" + inkscape:label="#g4823"> + <g + inkscape:label="#g3996" + id="g3996" + transform="translate(91,-43.00001)"> + <rect + ry="4" + rx="4" + y="800.36218" + x="4" + height="40" + width="40" + id="use4386" + style="opacity:0.06000001;fill:#263238;fill-opacity:0.80000001;stroke:none" /> + </g> + <rect + ry="3" + rx="3" + y="758.36218" + x="96" + height="38" + width="38" + id="rect4789-2" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.4;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:evenodd;stroke:#263238;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.6;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-selectionmode-dark" + inkscape:label="#g4851"> + <g + inkscape:label="#g4498" + id="g4498" + transform="translate(151,-43)"> + <rect + ry="4" + rx="4" + y="800.36218" + x="4" + height="40" + width="40" + id="use4532" + style="fill:#546e7a;fill-opacity:1;stroke:none" /> + </g> + <rect + ry="3" + rx="3" + y="758.36218" + x="156" + height="38" + width="38" + id="rect4828" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:evenodd;stroke:#eceff1;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.6;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-active-selectionmode-dark" + inkscape:label="#g4856"> + <g + inkscape:label="#g4530" + id="g4530" + transform="translate(196,-43.00001)"> + <rect + style="fill:#546e7a;fill-opacity:1;stroke:none" + id="use4623" + width="40" + height="40" + x="4" + y="800.36218" + rx="4" + ry="4" /> + <rect + style="opacity:0.2;fill:#ffffff;fill-opacity:1;stroke:none" + id="use4625" + width="40" + height="40" + x="4" + y="800.36218" + rx="4" + ry="4" /> + </g> + <rect + ry="3" + rx="3" + y="758.36218" + x="201" + height="38" + width="38" + id="rect4828-1" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:evenodd;stroke:#eceff1;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.6;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="checkbox-insensitive-selectionmode-dark" + inkscape:label="#g4862"> + <g + inkscape:label="#g4546" + transform="translate(241,-43.00001)" + id="g4546"> + <rect + style="opacity:0.06000001;fill:#ffffff;fill-opacity:1;stroke:none" + id="use4733" + width="40" + height="40" + x="4" + y="800.36218" + rx="4" + ry="4" /> + </g> + <rect + ry="3" + rx="3" + y="758.36218" + x="246" + height="38" + width="38" + id="rect4828-3" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.4;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:evenodd;stroke:#eceff1;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.6;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + id="equal-hover" + inkscape:label="#g4868"> + <g + inkscape:label="#g4527" + id="equal-0" + transform="translate(0,34.999997)"> + <circle + r="16" + cy="862.36218" + cx="115" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" + id="use4441-0-5" /> + <rect + style="fill:#eceff1;fill-opacity:1;stroke:none" + id="use4517-2-1" + width="12" + height="2" + x="109" + y="863.36218" /> + <rect + style="fill:#eceff1;fill-opacity:1;stroke:none" + id="use4517-2-8-21" + width="12" + height="2" + x="109" + y="859.36218" /> + </g> + <circle + r="16" + cy="897.36218" + cx="115" + style="fill:#ffffff;fill-opacity:0.2;stroke:none" + id="g4671-6" + inkscape:label="#4671" /> + </g> + <g + id="equal-active" + inkscape:label="#g4882"> + <g + inkscape:label="#g4532" + id="equal-1"> + <circle + r="16" + cy="932.36218" + cx="115" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" + id="use4441-0-2-2" /> + <rect + style="fill:#ffffff;fill-opacity:1;stroke:none" + id="use4517-2-4-9" + width="12" + height="2" + x="109" + y="933.36218" /> + <rect + style="fill:#ffffff;fill-opacity:1;stroke:none" + id="use4517-2-8-0-2" + width="12" + height="2" + x="109" + y="929.36218" /> + </g> + <circle + r="16" + cy="932.36218" + cx="115" + style="fill:#ffffff;fill-opacity:0.5;stroke:none" + id="use4441-0-2-2-0" /> + </g> + <g + transform="translate(150,-2.6171874e-6)" + id="equal-dark" + inkscape:label="#g4527"> + <circle + id="use4441-0-7" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" + cx="115" + cy="862.36218" + r="16" /> + <rect + y="863.36218" + x="109" + height="2" + width="12" + id="use4517-2-3" + style="fill:#eceff1;fill-opacity:1;stroke:none" /> + <rect + y="859.36218" + x="109" + height="2" + width="12" + id="use4517-2-8-1" + style="fill:#eceff1;fill-opacity:1;stroke:none" /> + </g> + <g + transform="translate(150,-2.6171874e-6)" + id="equal-hover-dark" + inkscape:label="#g4868"> + <g + inkscape:label="#g4527" + id="equal-0-7" + transform="translate(0,34.999997)"> + <circle + r="16" + cy="862.36218" + cx="115" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" + id="use4441-0-5-8" /> + <rect + style="fill:#eceff1;fill-opacity:1;stroke:none" + id="use4517-2-1-7" + width="12" + height="2" + x="109" + y="863.36218" /> + <rect + style="fill:#eceff1;fill-opacity:1;stroke:none" + id="use4517-2-8-21-9" + width="12" + height="2" + x="109" + y="859.36218" /> + </g> + <circle + r="16" + cy="897.36218" + cx="115" + style="fill:#ffffff;fill-opacity:0.2;stroke:none" + id="g4671-6-0" + inkscape:label="#4671" /> + </g> + <g + transform="translate(150,-2.6171874e-6)" + id="equal-active-dark" + inkscape:label="#g4882"> + <g + inkscape:label="#g4532" + id="equal-1-2"> + <circle + r="16" + cy="932.36218" + cx="115" + style="fill:#E8E8E8;fill-opacity:1;stroke:none" + id="use4441-0-2-2-1" /> + <rect + style="fill:#ffffff;fill-opacity:1;stroke:none" + id="use4517-2-4-9-59" + width="12" + height="2" + x="109" + y="933.36218" /> + <rect + style="fill:#ffffff;fill-opacity:1;stroke:none" + id="use4517-2-8-0-2-6" + width="12" + height="2" + x="109" + y="929.36218" /> + </g> + <circle + r="16" + cy="932.36218" + cx="115" + style="fill:#ffffff;fill-opacity:0.5;stroke:none" + id="use4441-0-2-2-0-6" /> + </g> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#E8E8E8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.6;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="calendar-day-selected" + cx="125" + cy="1022.3622" + r="10" + inkscape:label="#path4803" /> + </g> +</svg>
A
themes/whitey/gtk-3.0/gtk-dark.css
@@ -0,0 +1,7477 @@
+/****************** + * Ripple effects * + ******************/ +@keyframes ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } } +@keyframes flat_ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } } +@keyframes list_ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } } +* { + transition-property: opacity, border-color, border-image, background-color, background-image, box-shadow, icon-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.2s; } + +/***************** + * Common States * + *****************/ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #F44336; + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 16; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + -GtkToolItemGroup-expander-size: 11; + -GtkExpander-expander-size: 16; + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + -GtkWidget-link-color: #03A9F4; + -GtkWidget-visited-link-color: #9C27B0; + -GtkWidget-text-handle-width: 16; + -GtkWidget-text-handle-height: 16; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + -GtkStatusbar-shadow-type: none; + outline-style: solid; + outline-width: 2px; + outline-color: alpha(currentColor, 0.2); + outline-offset: -4px; + outline-radius: 2px; + text-shadow: none; + icon-shadow: none; } + +/*************** + * Base States * + ***************/ +.background { + background-color: #3e515a; + color: #ECEFF1; } + +*:insensitive { + -gtk-image-effect: dim; } + +.titlebar *:backdrop, +.header-bar *:backdrop { + opacity: 0.75; + transition: 0.2s; } + +.gtkstyle-fallback { + background-color: #3e515a; + color: #ECEFF1; } + .gtkstyle-fallback:prelight { + background-color: #34434b; + color: #ECEFF1; } + .gtkstyle-fallback:active { + background-color: #29363c; + color: #ECEFF1; } + .gtkstyle-fallback:insensitive { + background-color: #3e515a; + color: rgba(236, 239, 241, 0.3); } + .gtkstyle-fallback:selected { + background-color: #C5A68E; + color: #FFFFFF; } + +.view { + background-color: #455A64; + color: #ECEFF1; } + .view:hover, .view:active, .view:selected { + border-radius: 2px; } + .view:insensitive { + color: rgba(236, 239, 241, 0.3); } + +.rubberband, GtkTreeView.view.rubberband, .content-view.rubberband { + border: 1px solid #4DD0E1; + background-color: rgba(77, 208, 225, 0.2); } + +.label.separator { + color: #ECEFF1; } +.label:insensitive { + color: rgba(236, 239, 241, 0.3); } +.label.kudo-label { + color: #263238; } + +.dim-label, .label.separator, .titlebar .title:backdrop, +.header-bar .title:backdrop, .titlebar .subtitle, +.header-bar .subtitle, .titlebar .subtitle:backdrop, +.header-bar .subtitle:backdrop { + opacity: 0.55; } + +GtkAssistant .sidebar { + padding: 0.5em 0; } + GtkAssistant .sidebar:dir(ltr) { + border-right: 1px solid rgba(0, 0, 0, 0.11); } + GtkAssistant .sidebar:dir(rtl) { + border-left: 1px solid rgba(0, 0, 0, 0.11); } + GtkAssistant .sidebar .label { + padding: 0.7em 1em 0.8em; + color: rgba(236, 239, 241, 0.75); + font-weight: 500; } + GtkAssistant .sidebar .label.highlight { + color: #C5A68E; } +GtkAssistant .header-bar .button.flat:not(:last-child), GtkAssistant .header-bar .button.osd.image-button:not(:last-child), GtkAssistant .header-bar .inline-toolbar .button:not(:last-child), .inline-toolbar GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar .action-bar .button:not(:last-child), .action-bar GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar .inline-toolbar .linked > .button.image-button:not(:last-child):not(.text-button), .inline-toolbar GtkAssistant .header-bar .linked > .button.image-button:not(:last-child):not(.text-button), GtkAssistant .header-bar .inline-toolbar .stack-switcher > .button.image-button:not(:last-child):not(.text-button), .inline-toolbar GtkAssistant .header-bar .stack-switcher > .button.image-button:not(:last-child):not(.text-button), GtkAssistant .header-bar .action-bar .stack-switcher > .button.image-button:not(:last-child):not(.text-button), .action-bar GtkAssistant .header-bar .stack-switcher > .button.image-button:not(:last-child):not(.text-button), GtkAssistant .header-bar .app-notification .button:not(:last-child), .app-notification GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar GeditViewFrame .gedit-search-slider .button:not(:last-child), GeditViewFrame .gedit-search-slider GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar .toolbar .button:not(:last-child), .toolbar GtkAssistant .header-bar .button:not(:last-child), +GtkAssistant .header-bar .button:not(:last-child):not(.suggested-action):not(.destructive-action), GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .button:not(:last-child), .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar .sidebar-button.button:not(:last-child), GtkAssistant .header-bar .info .button:not(:last-child), .info GtkAssistant .header-bar .button:not(:last-child), +GtkAssistant .header-bar .question .button:not(:last-child), +.question GtkAssistant .header-bar .button:not(:last-child), +GtkAssistant .header-bar .warning .button:not(:last-child), +.warning GtkAssistant .header-bar .button:not(:last-child), +GtkAssistant .header-bar .error .button:not(:last-child), +.error GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar GtkScaleButton.button:not(:last-child), +GtkAssistant .header-bar GtkVolumeButton.button:not(:last-child), GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child), GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):first-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):first-child, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):last-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):last-child, +GtkAssistant .header-bar GfCandidatePopup .linked > .button:not(:last-child), +GfCandidatePopup GtkAssistant .header-bar .linked > .button:not(:last-child), GtkAssistant .header-bar MathWindow :not(.titlebar) .button:not(:last-child):not(.flat):not(.titlebutton), MathWindow :not(.titlebar) GtkAssistant .header-bar .button:not(:last-child):not(.flat):not(.titlebutton), GtkAssistant .header-bar MathWindow :not(.header-bar) .button:not(:last-child):not(.flat):not(.titlebutton), MathWindow :not(.header-bar) GtkAssistant .header-bar .button:not(:last-child):not(.flat):not(.titlebutton) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #546E7A; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); + background-color: #009688; + color: rgba(255, 255, 255, 0.85); } + GtkAssistant .header-bar .button.flat:not(:last-child):hover, GtkAssistant .header-bar .button.osd.image-button:not(:last-child):hover, GtkAssistant .header-bar .inline-toolbar .button:not(:last-child):hover, .inline-toolbar GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar .action-bar .button:not(:last-child):hover, .action-bar GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar .app-notification .button:not(:last-child):hover, .app-notification GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar GeditViewFrame .gedit-search-slider .button:not(:last-child):hover, GeditViewFrame .gedit-search-slider GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar .toolbar .button:not(:last-child):hover, .toolbar GtkAssistant .header-bar .button:not(:last-child):hover, + GtkAssistant .header-bar .button:not(:last-child):hover:not(.suggested-action):not(.destructive-action), GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .button:not(:last-child):hover, .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar .sidebar-button.button:not(:last-child):hover, GtkAssistant .header-bar .info .button:not(:last-child):hover, .info GtkAssistant .header-bar .button:not(:last-child):hover, + GtkAssistant .header-bar .question .button:not(:last-child):hover, + .question GtkAssistant .header-bar .button:not(:last-child):hover, + GtkAssistant .header-bar .warning .button:not(:last-child):hover, + .warning GtkAssistant .header-bar .button:not(:last-child):hover, + GtkAssistant .header-bar .error .button:not(:last-child):hover, + .error GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar GtkScaleButton.button:not(:last-child):hover, + GtkAssistant .header-bar GtkVolumeButton.button:not(:last-child):hover, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):hover, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):hover:first-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):hover:first-child, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):hover:last-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):hover:last-child, + GtkAssistant .header-bar GfCandidatePopup .linked > .button:not(:last-child):hover, + GfCandidatePopup GtkAssistant .header-bar .linked > .button:not(:last-child):hover, GtkAssistant .header-bar MathWindow :not(.titlebar) .button:not(:last-child):hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) GtkAssistant .header-bar .button:not(:last-child):hover:not(.flat):not(.titlebutton), GtkAssistant .header-bar MathWindow :not(.header-bar) .button:not(:last-child):hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) GtkAssistant .header-bar .button:not(:last-child):hover:not(.flat):not(.titlebutton) { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #ECEFF1; + color: #FFFFFF; } + GtkAssistant .header-bar .button.flat:not(:last-child):active, GtkAssistant .header-bar .button.osd.image-button:not(:last-child):active, GtkAssistant .header-bar .inline-toolbar .button:not(:last-child):active, .inline-toolbar GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar .action-bar .button:not(:last-child):active, .action-bar GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar .app-notification .button:not(:last-child):active, .app-notification GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar GeditViewFrame .gedit-search-slider .button:not(:last-child):active, GeditViewFrame .gedit-search-slider GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar .toolbar .button:not(:last-child):active, .toolbar GtkAssistant .header-bar .button:not(:last-child):active, + GtkAssistant .header-bar .button:not(:last-child):active:not(.suggested-action):not(.destructive-action), GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .button:not(:last-child):active, .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar .sidebar-button.button:not(:last-child):active, GtkAssistant .header-bar .info .button:not(:last-child):active, .info GtkAssistant .header-bar .button:not(:last-child):active, + GtkAssistant .header-bar .question .button:not(:last-child):active, + .question GtkAssistant .header-bar .button:not(:last-child):active, + GtkAssistant .header-bar .warning .button:not(:last-child):active, + .warning GtkAssistant .header-bar .button:not(:last-child):active, + GtkAssistant .header-bar .error .button:not(:last-child):active, + .error GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar GtkScaleButton.button:not(:last-child):active, + GtkAssistant .header-bar GtkVolumeButton.button:not(:last-child):active, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):active, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):active:first-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):active:first-child, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):active:last-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):active:last-child, + GtkAssistant .header-bar GfCandidatePopup .linked > .button:not(:last-child):active, + GfCandidatePopup GtkAssistant .header-bar .linked > .button:not(:last-child):active, GtkAssistant .header-bar MathWindow :not(.titlebar) .button:not(:last-child):active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) GtkAssistant .header-bar .button:not(:last-child):active:not(.flat):not(.titlebutton), GtkAssistant .header-bar MathWindow :not(.header-bar) .button:not(:last-child):active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) GtkAssistant .header-bar .button:not(:last-child):active:not(.flat):not(.titlebutton) { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #ECEFF1; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #FFFFFF; + background-color: #C5A68E; } + GtkAssistant .header-bar .button.flat:not(:last-child):checked, GtkAssistant .header-bar .button.osd.image-button:not(:last-child):checked, GtkAssistant .header-bar .inline-toolbar .button:not(:last-child):checked, .inline-toolbar GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar .action-bar .button:not(:last-child):checked, .action-bar GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar .app-notification .button:not(:last-child):checked, .app-notification GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar GeditViewFrame .gedit-search-slider .button:not(:last-child):checked, GeditViewFrame .gedit-search-slider GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar .toolbar .button:not(:last-child):checked, .toolbar GtkAssistant .header-bar .button:not(:last-child):checked, + GtkAssistant .header-bar .button:not(:last-child):checked:not(.suggested-action):not(.destructive-action), GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .button:not(:last-child):checked, .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar .sidebar-button.button:not(:last-child):checked, GtkAssistant .header-bar .info .button:not(:last-child):checked, .info GtkAssistant .header-bar .button:not(:last-child):checked, + GtkAssistant .header-bar .question .button:not(:last-child):checked, + .question GtkAssistant .header-bar .button:not(:last-child):checked, + GtkAssistant .header-bar .warning .button:not(:last-child):checked, + .warning GtkAssistant .header-bar .button:not(:last-child):checked, + GtkAssistant .header-bar .error .button:not(:last-child):checked, + .error GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar GtkScaleButton.button:not(:last-child):checked, + GtkAssistant .header-bar GtkVolumeButton.button:not(:last-child):checked, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):checked, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):checked:first-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):checked:first-child, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):checked:last-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):checked:last-child, + GtkAssistant .header-bar GfCandidatePopup .linked > .button:not(:last-child):checked, + GfCandidatePopup GtkAssistant .header-bar .linked > .button:not(:last-child):checked, GtkAssistant .header-bar MathWindow :not(.titlebar) .button:not(:last-child):checked:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) GtkAssistant .header-bar .button:not(:last-child):checked:not(.flat):not(.titlebutton), GtkAssistant .header-bar MathWindow :not(.header-bar) .button:not(:last-child):checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) GtkAssistant .header-bar .button:not(:last-child):checked:not(.flat):not(.titlebutton) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #C5A68E; + color: #FFFFFF; + background-color: #33aba0; + color: #FFFFFF; } + GtkAssistant .header-bar .button.flat:not(:last-child):insensitive, GtkAssistant .header-bar .button.osd.image-button:not(:last-child):insensitive, GtkAssistant .header-bar .inline-toolbar .button:not(:last-child):insensitive, .inline-toolbar GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar .action-bar .button:not(:last-child):insensitive, .action-bar GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar .app-notification .button:not(:last-child):insensitive, .app-notification GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar GeditViewFrame .gedit-search-slider .button:not(:last-child):insensitive, GeditViewFrame .gedit-search-slider GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar .toolbar .button:not(:last-child):insensitive, .toolbar GtkAssistant .header-bar .button:not(:last-child):insensitive, + GtkAssistant .header-bar .button:not(:last-child):insensitive:not(.suggested-action):not(.destructive-action), GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .button:not(:last-child):insensitive, .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar .sidebar-button.button:not(:last-child):insensitive, GtkAssistant .header-bar .info .button:not(:last-child):insensitive, .info GtkAssistant .header-bar .button:not(:last-child):insensitive, + GtkAssistant .header-bar .question .button:not(:last-child):insensitive, + .question GtkAssistant .header-bar .button:not(:last-child):insensitive, + GtkAssistant .header-bar .warning .button:not(:last-child):insensitive, + .warning GtkAssistant .header-bar .button:not(:last-child):insensitive, + GtkAssistant .header-bar .error .button:not(:last-child):insensitive, + .error GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar GtkScaleButton.button:not(:last-child):insensitive, + GtkAssistant .header-bar GtkVolumeButton.button:not(:last-child):insensitive, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):insensitive, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):insensitive:first-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):insensitive:first-child, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):insensitive:last-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):insensitive:last-child, + GtkAssistant .header-bar GfCandidatePopup .linked > .button:not(:last-child):insensitive, + GfCandidatePopup GtkAssistant .header-bar .linked > .button:not(:last-child):insensitive, GtkAssistant .header-bar MathWindow :not(.titlebar) .button:not(:last-child):insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) GtkAssistant .header-bar .button:not(:last-child):insensitive:not(.flat):not(.titlebutton), GtkAssistant .header-bar MathWindow :not(.header-bar) .button:not(:last-child):insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) GtkAssistant .header-bar .button:not(:last-child):insensitive:not(.flat):not(.titlebutton) { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(236, 239, 241, 0.225); } + GtkAssistant .header-bar .button.flat:not(:last-child):insensitive > .label, GtkAssistant .header-bar .button.osd.image-button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .inline-toolbar .button:not(:last-child):insensitive > .label, .inline-toolbar GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .action-bar .button:not(:last-child):insensitive > .label, .action-bar GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .inline-toolbar .linked > .button:not(:last-child):insensitive > .label, .inline-toolbar GtkAssistant .header-bar .linked > .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .action-bar .linked > .button:not(:last-child):insensitive > .label, .action-bar GtkAssistant .header-bar .linked > .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .inline-toolbar .stack-switcher > .button:not(:last-child):insensitive > .label, .inline-toolbar GtkAssistant .header-bar .stack-switcher > .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .action-bar .stack-switcher > .button:not(:last-child):insensitive > .label, .action-bar GtkAssistant .header-bar .stack-switcher > .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .app-notification .button:not(:last-child):insensitive > .label, .app-notification GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar GeditViewFrame .gedit-search-slider .button:not(:last-child):insensitive > .label, GeditViewFrame .gedit-search-slider GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .toolbar .button:not(:last-child):insensitive > .label, .toolbar GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .titlebar .button:not(:last-child):insensitive:not(.suggested-action):not(.destructive-action) > .label, + GtkAssistant .header-bar .button:not(:last-child):insensitive:not(.suggested-action):not(.destructive-action) > .label, GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .button:not(:last-child):insensitive > .label, .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, + GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .linked > .button:not(:last-child):insensitive > .label, + .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .linked > .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .sidebar-button.button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .info .button:not(:last-child):insensitive > .label, .info GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, + GtkAssistant .header-bar .question .button:not(:last-child):insensitive > .label, + .question GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, + GtkAssistant .header-bar .warning .button:not(:last-child):insensitive > .label, + .warning GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, + GtkAssistant .header-bar .error .button:not(:last-child):insensitive > .label, + .error GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar GtkScaleButton.button:not(:last-child):insensitive > .label, + GtkAssistant .header-bar GtkVolumeButton.button:not(:last-child):insensitive > .label, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):insensitive > .label, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):insensitive:first-child > .label, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):insensitive:first-child > .label, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):insensitive:last-child > .label, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):insensitive:last-child > .label, + GtkAssistant .header-bar GfCandidatePopup .linked > .button:not(:last-child):insensitive > .label, + GfCandidatePopup GtkAssistant .header-bar .linked > .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar MathWindow :not(.titlebar) .button:not(:last-child):insensitive:not(.flat):not(.titlebutton) > .label, MathWindow :not(.titlebar) GtkAssistant .header-bar .button:not(:last-child):insensitive:not(.flat):not(.titlebutton) > .label, GtkAssistant .header-bar MathWindow :not(.header-bar) .button:not(:last-child):insensitive:not(.flat):not(.titlebutton) > .label, MathWindow :not(.header-bar) GtkAssistant .header-bar .button:not(:last-child):insensitive:not(.flat):not(.titlebutton) > .label { + color: inherit; } + +GtkTextView { + background-color: #3b4c54; } + +.grid-child { + padding: 4px; + border-radius: 2px; } + +.popover.osd, .app-notification, +.app-notification.frame, .osd .scale-popup, .floating-bar, .osd { + opacity: 0.9; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes colorful_bar { + 0% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(0, 1); } + 24.9% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(1, 1); } + 25% { + -gtk-icon-source: url("assets/bar-yellow.svg"); + -gtk-icon-transform: scale(1, 1); } + 49.9% { + -gtk-icon-source: url("assets/bar-yellow.svg"); + -gtk-icon-transform: scale(0, 1); } + 50% { + -gtk-icon-source: url("assets/bar-green.svg"); + -gtk-icon-transform: scale(0, 1); } + 74.9% { + -gtk-icon-source: url("assets/bar-green.svg"); + -gtk-icon-transform: scale(1, 1); } + 75% { + -gtk-icon-source: url("assets/bar-blue.svg"); + -gtk-icon-transform: scale(1, 1); } + 99.9% { + -gtk-icon-source: url("assets/bar-blue.svg"); + -gtk-icon-transform: scale(0, 1); } + 100% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(0, 1); } } +.spinner { + background-color: blue; + background-image: none; + opacity: 0; + -gtk-icon-source: url("assets/bar-red.svg"); } + .spinner:active { + opacity: 1.0; + animation: colorful_bar 2s linear infinite; } + .spinner:active:insensitive { + opacity: 0.4; } + .spinner:active:backdrop { + opacity: 1.0; } + .spinner:backdrop { + opacity: 0; } + +/**************** + * Text Entries * + ****************/ +.entry { + padding: 0.75em 1em 0.8em; + border-radius: 0; + outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + .entry:focus { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + .entry:insensitive { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); } + .entry.flat, .linked > .entry:not(.flat), .linked.vertical > .entry:not(.flat), .notebook:not(.reorderable-page) > .entry { + border-radius: 0; + outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + .entry.flat:focus, .linked > .entry:focus:not(.flat), .notebook:not(.reorderable-page) > .entry:focus { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + .entry.flat:insensitive, .linked > .entry:insensitive:not(.flat), .notebook:not(.reorderable-page) > .entry:insensitive { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(236, 239, 241, 0.3); } + .entry.image.left { + padding-left: 0.1em; } + .entry.image.right { + padding-right: 0.1em; } + .linked > .entry:not(.flat), .linked.vertical > .entry:not(.flat) { + border-radius: 0; + outline-radius: 0; } + .entry.error { + border-radius: 0; + outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + .entry.error:focus { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + .entry.error:insensitive { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); } + .entry.error.flat, .linked > .error.entry:not(.flat), .notebook:not(.reorderable-page) > .error.entry { + border-radius: 0; + outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + .entry.error.flat:focus, .linked > .error.entry:focus:not(.flat), .notebook:not(.reorderable-page) > .error.entry:focus { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + .entry.error.flat:insensitive, .linked > .error.entry:insensitive:not(.flat), .notebook:not(.reorderable-page) > .error.entry:insensitive { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(236, 239, 241, 0.3); } + .entry.warning { + border-radius: 0; + outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + .entry.warning:focus { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FF9800), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + .entry.warning:insensitive { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); } + .entry.warning.flat, .linked > .warning.entry:not(.flat), .notebook:not(.reorderable-page) > .warning.entry { + border-radius: 0; + outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + .entry.warning.flat:focus, .linked > .warning.entry:focus:not(.flat), .notebook:not(.reorderable-page) > .warning.entry:focus { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FF9800), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + .entry.warning.flat:insensitive, .linked > .warning.entry:insensitive:not(.flat), .notebook:not(.reorderable-page) > .warning.entry:insensitive { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(236, 239, 241, 0.3); } + .entry.image:not(:hover):not(:active) { + color: alpha(currentColor, 0.75); } + .entry.image:active { + color: #C5A68E; } + .entry.image:insensitive { + color: alpha(currentColor, 0.6); } + GtkTreeView .entry.flat:focus, GtkTreeView .linked > .entry:focus:not(.flat), GtkTreeView .notebook:not(.reorderable-page) > .entry:focus { + padding: 1px; + border-radius: 0; + border-image: none; + background-color: #455A64; + color: #ECEFF1; + box-shadow: none; + transition: none; } + GtkTreeView .entry:insensitive, GtkTreeView .entry.flat:insensitive, GtkTreeView .linked > .entry:insensitive:not(.flat), GtkTreeView .notebook:not(.reorderable-page) > .entry:insensitive { + color: rgba(236, 239, 241, 0.3); } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#C5A68E), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#C5A68E), to(transparent)); } } +.button { + padding: 0.7em 1em 0.8em; + border-radius: 2px; + background-repeat: no-repeat; + background-position: center, center; + background-size: 7.5em 7.5em, auto; + font-weight: 500; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #546E7A; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); } + .button:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #ECEFF1; } + .button:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #ECEFF1; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .button:insensitive { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(236, 239, 241, 0.225); } + .button:insensitive > .label { + color: inherit; } + .button:checked { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #C5A68E; + color: #FFFFFF; } + .button:checked:insensitive { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(0, 188, 212, 0.4); } + .button:checked:insensitive > .label { + color: inherit; } + .button.flat, .button.osd.image-button, .inline-toolbar .button, .inline-toolbar .button.image-button:not(.text-button), .action-bar .button, .action-bar .button.image-button:not(.text-button), .inline-toolbar .linked > .button, .inline-toolbar .linked > .button.image-button:not(.text-button), .action-bar .linked > .button, .action-bar .linked > .button.image-button:not(.text-button), .inline-toolbar .stack-switcher > .button, .inline-toolbar .stack-switcher > .button.image-button:not(.text-button), .action-bar .stack-switcher > .button, .action-bar .stack-switcher > .button.image-button:not(.text-button), .osd .toolbar .button, .toolbar.osd .button, .app-notification .button, + .app-notification.frame .button, GeditViewFrame .gedit-search-slider .button, .toolbar .button, .titlebar .button:not(.suggested-action):not(.destructive-action), + .header-bar .button:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button, + .message-dialog.csd .dialog-action-area .linked > .button, .sidebar-button.button, .info .button, + .question .button, + .warning .button, + .error .button, GtkScaleButton.button, + GtkVolumeButton.button, GfCandidatePopup .button, GfCandidatePopup .button:first-child, GfCandidatePopup .button:last-child, + GfCandidatePopup .linked > .button, + GfCandidatePopup .linked > .button:first-child, + GfCandidatePopup .linked > .button:last-child, MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), + .action-bar .linked > .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } + .button.flat:hover, .button.osd.image-button:hover, .inline-toolbar .button:hover, .inline-toolbar .button.image-button:hover:not(.text-button), .action-bar .button:hover, .action-bar .button.image-button:hover:not(.text-button), .app-notification .button:hover, GeditViewFrame .gedit-search-slider .button:hover, .toolbar .button:hover, .titlebar .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .button:hover:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:hover, .sidebar-button.button:hover, .info .button:hover, + .question .button:hover, + .warning .button:hover, + .error .button:hover, GtkScaleButton.button:hover, + GtkVolumeButton.button:hover, GfCandidatePopup .button:hover, + GfCandidatePopup .linked > .button:hover:first-child, + GfCandidatePopup .linked > .button:hover:last-child, MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), + .action-bar .linked > .button.image-button:hover, NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + .button.flat:active, .button.osd.image-button:active, .inline-toolbar .button:active, .inline-toolbar .button.image-button:active:not(.text-button), .action-bar .button:active, .action-bar .button.image-button:active:not(.text-button), .app-notification .button:active, GeditViewFrame .gedit-search-slider .button:active, .toolbar .button:active, .titlebar .button:active:not(.suggested-action):not(.destructive-action), + .header-bar .button:active:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:active, .sidebar-button.button:active, .info .button:active, + .question .button:active, + .warning .button:active, + .error .button:active, GtkScaleButton.button:active, + GtkVolumeButton.button:active, GfCandidatePopup .button:active, + GfCandidatePopup .linked > .button:active:first-child, + GfCandidatePopup .linked > .button:active:last-child, MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), + .action-bar .linked > .button.image-button:active, NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .button.flat:insensitive, .button.osd.image-button:insensitive, .inline-toolbar .button:insensitive, .inline-toolbar .button.image-button:insensitive:not(.text-button), .action-bar .button:insensitive, .action-bar .button.image-button:insensitive:not(.text-button), .app-notification .button:insensitive, GeditViewFrame .gedit-search-slider .button:insensitive, .toolbar .button:insensitive, .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:insensitive, .sidebar-button.button:insensitive, .info .button:insensitive, + .question .button:insensitive, + .warning .button:insensitive, + .error .button:insensitive, GtkScaleButton.button:insensitive, + GtkVolumeButton.button:insensitive, GfCandidatePopup .button:insensitive, + GfCandidatePopup .linked > .button:insensitive:first-child, + GfCandidatePopup .linked > .button:insensitive:last-child, MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), + .action-bar .linked > .button.image-button:insensitive, NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:insensitive { + box-shadow: none; + background-color: transparent; } + .button.flat:checked, .button.osd.image-button:checked, .inline-toolbar .button:checked, .inline-toolbar .button.image-button:checked:not(.text-button), .action-bar .button:checked, .action-bar .button.image-button:checked:not(.text-button), .app-notification .button:checked, GeditViewFrame .gedit-search-slider .button:checked, .toolbar .button:checked, .titlebar .button:checked:not(.suggested-action):not(.destructive-action), + .header-bar .button:checked:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:checked, .sidebar-button.button:checked, .info .button:checked, + .question .button:checked, + .warning .button:checked, + .error .button:checked, GtkScaleButton.button:checked, + GtkVolumeButton.button:checked, GfCandidatePopup .button:checked, + GfCandidatePopup .linked > .button:checked:first-child, + GfCandidatePopup .linked > .button:checked:last-child, MathWindow :not(.titlebar) .button:checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:checked:not(.flat):not(.titlebutton), + .action-bar .linked > .button.image-button:checked, NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; } + .button.flat:checked:insensitive > .label, .button.osd.image-button:checked:insensitive > .label, .inline-toolbar .button:checked:insensitive > .label, .action-bar .button:checked:insensitive > .label, .inline-toolbar .linked > .button:checked:insensitive > .label, .action-bar .linked > .button:checked:insensitive > .label, .inline-toolbar .stack-switcher > .button:checked:insensitive > .label, .action-bar .stack-switcher > .button:checked:insensitive > .label, .app-notification .button:checked:insensitive > .label, GeditViewFrame .gedit-search-slider .button:checked:insensitive > .label, .toolbar .button:checked:insensitive > .label, .titlebar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, + .header-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .message-dialog.csd .dialog-action-area .button:checked:insensitive > .label, + .message-dialog.csd .dialog-action-area .linked > .button:checked:insensitive > .label, .sidebar-button.button:checked:insensitive > .label, .info .button:checked:insensitive > .label, + .question .button:checked:insensitive > .label, + .warning .button:checked:insensitive > .label, + .error .button:checked:insensitive > .label, GtkScaleButton.button:checked:insensitive > .label, + GtkVolumeButton.button:checked:insensitive > .label, GfCandidatePopup .button:checked:insensitive > .label, GfCandidatePopup .button:checked:insensitive:first-child > .label, GfCandidatePopup .button:checked:insensitive:last-child > .label, + GfCandidatePopup .linked > .button:checked:insensitive > .label, MathWindow :not(.titlebar) .button:checked:insensitive:not(.flat):not(.titlebutton) > .label, MathWindow :not(.header-bar) .button:checked:insensitive:not(.flat):not(.titlebutton) > .label { + color: inherit; } + .linked > .button.flat, .linked > .button.osd.image-button, .inline-toolbar .linked > .button, .inline-toolbar .linked > .button.image-button:not(.text-button), .action-bar .linked > .button, .action-bar .linked > .button.image-button:not(.text-button), .app-notification .linked > .button, GeditViewFrame .gedit-search-slider .linked > .button, .toolbar .linked > .button, .titlebar .linked > .button:not(.suggested-action):not(.destructive-action), + .header-bar .linked > .button:not(.suggested-action):not(.destructive-action), + .message-dialog.csd .dialog-action-area .linked > .button, .linked > .sidebar-button.button, .info .linked > .button, + .question .linked > .button, + .warning .linked > .button, + .error .linked > .button, .linked > GtkScaleButton.button, + .linked > GtkVolumeButton.button, GfCandidatePopup .linked > .button, + GfCandidatePopup .linked > .button:first-child, + GfCandidatePopup .linked > .button:last-child, MathWindow :not(.titlebar) .linked > .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .linked > .button:not(.flat):not(.titlebutton), + .action-bar .linked > .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .linked > .button.image-button { + border-radius: 2px; } + .linked > .button.flat.image-button, .linked > .image-button.button.osd, .inline-toolbar .linked > .image-button.button, .inline-toolbar .linked > .image-button.button:not(.text-button), .action-bar .linked > .image-button.button, .action-bar .linked > .image-button.button:not(.text-button), .app-notification .linked > .image-button.button, GeditViewFrame .gedit-search-slider .linked > .image-button.button, .toolbar .linked > .image-button.button, .titlebar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), + .header-bar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), + .message-dialog.csd .dialog-action-area .linked > .image-button.button, .linked > .image-button.sidebar-button.button, .info .linked > .image-button.button, + .question .linked > .image-button.button, + .warning .linked > .image-button.button, + .error .linked > .image-button.button, .linked > GtkScaleButton.image-button.button, + .linked > GtkVolumeButton.image-button.button, GfCandidatePopup .linked > .image-button.button, MathWindow :not(.titlebar) .linked > .image-button.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .linked > .image-button.button:not(.flat):not(.titlebutton) { + outline-radius: 100px; + border-radius: 100px; } + .button.osd.image-button { + padding: 1.3em; + background-color: #322F22; } + .button.osd.image-button:not(:active):not(:insensitive):not(hover) { + color: #C5A68E); } + .button.osd.image-button:hover { + color: #C5A68E; + background-color: rgba(42, 55, 62, 0.7); + background-image: linear-gradient(to bottom, alpha(currentColor, 0.2)); } + .button.osd.image-button:active { + color: #C5A68E; + background-color: rgba(42, 55, 62, 0.7); + background-image: linear-gradient(to bottom, rgba(236, 239, 241, 0.1)); } + .button.osd:insensitive { + opacity: 0; } + .button.suggested-action, .raven .raven-header > .button.text-button { + background-color: #009688; + color: rgba(255, 255, 255, 0.85); } + .button.suggested-action:hover, .raven .raven-header > .button.text-button:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #ECEFF1; + background-color: #009688; + color: #FFFFFF; } + .button.suggested-action:active, .raven .raven-header > .button.text-button:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #ECEFF1; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: #C5A68E; + color: #FFFFFF; } + .button.suggested-action:checked, .raven .raven-header > .button.text-button:checked { + background-color: #33aba0; } + .button.suggested-action:insensitive, .raven .raven-header > .button.text-button:insensitive { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(236, 239, 241, 0.3); } + .button.suggested-action:insensitive > .label, .raven .raven-header > .button.text-button:insensitive > .label { + color: inherit; } + .button.suggested-action.flat, .suggested-action.button.osd.image-button, .raven .raven-header > .osd.image-button.button.text-button, .inline-toolbar .suggested-action.button, .inline-toolbar .raven .raven-header > .button.text-button, .raven .inline-toolbar .raven-header > .button.text-button, .inline-toolbar .suggested-action.button.image-button:not(.text-button), .inline-toolbar .raven .raven-header > .image-button.button.text-button:not(.text-button), .raven .inline-toolbar .raven-header > .image-button.button.text-button:not(.text-button), .action-bar .suggested-action.button, .action-bar .raven .raven-header > .button.text-button, .raven .action-bar .raven-header > .button.text-button, .action-bar .suggested-action.button.image-button:not(.text-button), .action-bar .raven .raven-header > .image-button.button.text-button:not(.text-button), .raven .action-bar .raven-header > .image-button.button.text-button:not(.text-button), .inline-toolbar .linked > .suggested-action.button, .inline-toolbar .raven .raven-header.linked > .button.text-button, .raven .inline-toolbar .raven-header.linked > .button.text-button, .inline-toolbar .linked > .suggested-action.button.image-button:not(.text-button), .inline-toolbar .raven .raven-header.linked > .image-button.button.text-button:not(.text-button), .raven .inline-toolbar .raven-header.linked > .image-button.button.text-button:not(.text-button), .action-bar .linked > .suggested-action.button, .action-bar .raven .raven-header.linked > .button.text-button, .raven .action-bar .raven-header.linked > .button.text-button, .action-bar .linked > .suggested-action.button.image-button:not(.text-button), .action-bar .raven .raven-header.linked > .image-button.button.text-button:not(.text-button), .raven .action-bar .raven-header.linked > .image-button.button.text-button:not(.text-button), .inline-toolbar .stack-switcher > .suggested-action.button, .inline-toolbar .raven .raven-header.stack-switcher > .button.text-button, .raven .inline-toolbar .raven-header.stack-switcher > .button.text-button, .inline-toolbar .stack-switcher > .suggested-action.button.image-button:not(.text-button), .inline-toolbar .raven .raven-header.stack-switcher > .image-button.button.text-button:not(.text-button), .raven .inline-toolbar .raven-header.stack-switcher > .image-button.button.text-button:not(.text-button), .action-bar .stack-switcher > .suggested-action.button, .action-bar .raven .raven-header.stack-switcher > .button.text-button, .raven .action-bar .raven-header.stack-switcher > .button.text-button, .action-bar .stack-switcher > .suggested-action.button.image-button:not(.text-button), .action-bar .raven .raven-header.stack-switcher > .image-button.button.text-button:not(.text-button), .raven .action-bar .raven-header.stack-switcher > .image-button.button.text-button:not(.text-button), .osd .toolbar .suggested-action.button, .osd .toolbar .raven .raven-header > .button.text-button, .raven .osd .toolbar .raven-header > .button.text-button, .toolbar.osd .suggested-action.button, .app-notification .suggested-action.button, GeditViewFrame .gedit-search-slider .suggested-action.button, .toolbar.osd .raven .raven-header > .button.text-button, .raven .toolbar.osd .raven-header > .button.text-button, .app-notification .raven .raven-header > .button.text-button, .raven .app-notification .raven-header > .button.text-button, GeditViewFrame .gedit-search-slider .raven .raven-header > .button.text-button, .raven GeditViewFrame .gedit-search-slider .raven-header > .button.text-button, .toolbar .suggested-action.button, .toolbar .raven .raven-header > .button.text-button, .raven .toolbar .raven-header > .button.text-button, .titlebar .suggested-action.button:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header > .button.text-button:not(.suggested-action):not(.destructive-action), .raven .titlebar .raven-header > .button.text-button:not(.suggested-action):not(.destructive-action), + .header-bar .suggested-action.button:not(.suggested-action):not(.destructive-action), + .header-bar .raven .raven-header > .button.text-button:not(.suggested-action):not(.destructive-action), + .raven .header-bar .raven-header > .button.text-button:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .suggested-action.button, .message-dialog.csd .dialog-action-area .raven .raven-header > .button.text-button, .raven .message-dialog.csd .dialog-action-area .raven-header > .button.text-button, + .message-dialog.csd .dialog-action-area .linked > .suggested-action.button, + .message-dialog.csd .dialog-action-area .raven .raven-header.linked > .button.text-button, + .raven .message-dialog.csd .dialog-action-area .raven-header.linked > .button.text-button, .suggested-action.sidebar-button.button, .raven .raven-header > .sidebar-button.button.text-button, .info .suggested-action.button, .info .raven .raven-header > .button.text-button, .raven .info .raven-header > .button.text-button, + .question .suggested-action.button, + .question .raven .raven-header > .button.text-button, + .raven .question .raven-header > .button.text-button, + .warning .suggested-action.button, + .warning .raven .raven-header > .button.text-button, + .raven .warning .raven-header > .button.text-button, + .error .suggested-action.button, + .error .raven .raven-header > .button.text-button, + .raven .error .raven-header > .button.text-button, GtkScaleButton.suggested-action.button, .raven .raven-header > GtkScaleButton.button.text-button, + GtkVolumeButton.suggested-action.button, + .raven .raven-header > GtkVolumeButton.button.text-button, GfCandidatePopup .suggested-action.button, GfCandidatePopup .raven .raven-header > .button.text-button, .raven GfCandidatePopup .raven-header > .button.text-button, GfCandidatePopup .suggested-action.button:first-child, GfCandidatePopup .raven .raven-header > .button.text-button:first-child, .raven GfCandidatePopup .raven-header > .button.text-button:first-child, GfCandidatePopup .suggested-action.button:last-child, GfCandidatePopup .raven .raven-header > .button.text-button:last-child, .raven GfCandidatePopup .raven-header > .button.text-button:last-child, + GfCandidatePopup .linked > .suggested-action.button, + GfCandidatePopup .raven .raven-header.linked > .button.text-button, + .raven GfCandidatePopup .raven-header.linked > .button.text-button, + GfCandidatePopup .linked > .suggested-action.button:first-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:first-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:first-child, + GfCandidatePopup .linked > .suggested-action.button:last-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:last-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:last-child, MathWindow :not(.titlebar) .suggested-action.button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .suggested-action.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:not(.flat):not(.titlebutton), + .action-bar .linked > .suggested-action.button.image-button, + .action-bar .raven .raven-header.linked > .image-button.button.text-button, + .raven .action-bar .raven-header.linked > .image-button.button.text-button, .raven .raven-header > .flat.button.text-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .suggested-action.button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .raven .raven-header > .image-button.button.text-button, .raven NemoWindow GtkGrid > GtkEventBox > .toolbar .raven-header > .image-button.button.text-button { + background-color: transparent; + color: #009688; } + .button.suggested-action.flat:hover, .suggested-action.button.osd.image-button:hover, .raven .raven-header > .osd.image-button.button.text-button:hover, .inline-toolbar .suggested-action.button:hover, .inline-toolbar .raven .raven-header > .button.text-button:hover, .raven .inline-toolbar .raven-header > .button.text-button:hover, .inline-toolbar .suggested-action.button.image-button:hover:not(.text-button), .inline-toolbar .raven .raven-header > .image-button.button.text-button:hover:not(.text-button), .raven .inline-toolbar .raven-header > .image-button.button.text-button:hover:not(.text-button), .action-bar .suggested-action.button:hover, .action-bar .raven .raven-header > .button.text-button:hover, .raven .action-bar .raven-header > .button.text-button:hover, .action-bar .suggested-action.button.image-button:hover:not(.text-button), .action-bar .raven .raven-header > .image-button.button.text-button:hover:not(.text-button), .raven .action-bar .raven-header > .image-button.button.text-button:hover:not(.text-button), .inline-toolbar .linked > .suggested-action.button:hover, .inline-toolbar .raven .raven-header.linked > .button.text-button:hover, .raven .inline-toolbar .raven-header.linked > .button.text-button:hover, .inline-toolbar .linked > .suggested-action.button.image-button:hover:not(.text-button), .inline-toolbar .raven .raven-header.linked > .image-button.button.text-button:hover:not(.text-button), .raven .inline-toolbar .raven-header.linked > .image-button.button.text-button:hover:not(.text-button), .action-bar .linked > .suggested-action.button:hover, .action-bar .raven .raven-header.linked > .button.text-button:hover, .raven .action-bar .raven-header.linked > .button.text-button:hover, .action-bar .linked > .suggested-action.button.image-button:hover:not(.text-button), .action-bar .raven .raven-header.linked > .image-button.button.text-button:hover:not(.text-button), .raven .action-bar .raven-header.linked > .image-button.button.text-button:hover:not(.text-button), .inline-toolbar .stack-switcher > .suggested-action.button:hover, .inline-toolbar .raven .raven-header.stack-switcher > .button.text-button:hover, .raven .inline-toolbar .raven-header.stack-switcher > .button.text-button:hover, .inline-toolbar .stack-switcher > .suggested-action.button.image-button:hover:not(.text-button), .inline-toolbar .raven .raven-header.stack-switcher > .image-button.button.text-button:hover:not(.text-button), .raven .inline-toolbar .raven-header.stack-switcher > .image-button.button.text-button:hover:not(.text-button), .action-bar .stack-switcher > .suggested-action.button:hover, .action-bar .raven .raven-header.stack-switcher > .button.text-button:hover, .raven .action-bar .raven-header.stack-switcher > .button.text-button:hover, .action-bar .stack-switcher > .suggested-action.button.image-button:hover:not(.text-button), .action-bar .raven .raven-header.stack-switcher > .image-button.button.text-button:hover:not(.text-button), .raven .action-bar .raven-header.stack-switcher > .image-button.button.text-button:hover:not(.text-button), .osd .toolbar .suggested-action.button:hover, .osd .toolbar .raven .raven-header > .button.text-button:hover, .raven .osd .toolbar .raven-header > .button.text-button:hover, .toolbar.osd .suggested-action.button:hover, .app-notification .suggested-action.button:hover, GeditViewFrame .gedit-search-slider .suggested-action.button:hover, .toolbar.osd .raven .raven-header > .button.text-button:hover, .raven .toolbar.osd .raven-header > .button.text-button:hover, .app-notification .raven .raven-header > .button.text-button:hover, .raven .app-notification .raven-header > .button.text-button:hover, GeditViewFrame .gedit-search-slider .raven .raven-header > .button.text-button:hover, .raven GeditViewFrame .gedit-search-slider .raven-header > .button.text-button:hover, .toolbar .suggested-action.button:hover, .toolbar .raven .raven-header > .button.text-button:hover, .raven .toolbar .raven-header > .button.text-button:hover, .titlebar .suggested-action.button:hover:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header > .button.text-button:hover:not(.suggested-action):not(.destructive-action), .raven .titlebar .raven-header > .button.text-button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .suggested-action.button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .raven .raven-header > .button.text-button:hover:not(.suggested-action):not(.destructive-action), + .raven .header-bar .raven-header > .button.text-button:hover:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .suggested-action.button:hover, .message-dialog.csd .dialog-action-area .raven .raven-header > .button.text-button:hover, .raven .message-dialog.csd .dialog-action-area .raven-header > .button.text-button:hover, + .message-dialog.csd .dialog-action-area .linked > .suggested-action.button:hover, + .message-dialog.csd .dialog-action-area .raven .raven-header.linked > .button.text-button:hover, + .raven .message-dialog.csd .dialog-action-area .raven-header.linked > .button.text-button:hover, .suggested-action.sidebar-button.button:hover, .raven .raven-header > .sidebar-button.button.text-button:hover, .info .suggested-action.button:hover, .info .raven .raven-header > .button.text-button:hover, .raven .info .raven-header > .button.text-button:hover, + .question .suggested-action.button:hover, + .question .raven .raven-header > .button.text-button:hover, + .raven .question .raven-header > .button.text-button:hover, + .warning .suggested-action.button:hover, + .warning .raven .raven-header > .button.text-button:hover, + .raven .warning .raven-header > .button.text-button:hover, + .error .suggested-action.button:hover, + .error .raven .raven-header > .button.text-button:hover, + .raven .error .raven-header > .button.text-button:hover, GtkScaleButton.suggested-action.button:hover, .raven .raven-header > GtkScaleButton.button.text-button:hover, + GtkVolumeButton.suggested-action.button:hover, + .raven .raven-header > GtkVolumeButton.button.text-button:hover, GfCandidatePopup .suggested-action.button:hover, GfCandidatePopup .raven .raven-header > .button.text-button:hover, .raven GfCandidatePopup .raven-header > .button.text-button:hover, GfCandidatePopup .suggested-action.button:hover:first-child, GfCandidatePopup .raven .raven-header > .button.text-button:hover:first-child, .raven GfCandidatePopup .raven-header > .button.text-button:hover:first-child, GfCandidatePopup .suggested-action.button:hover:last-child, GfCandidatePopup .raven .raven-header > .button.text-button:hover:last-child, .raven GfCandidatePopup .raven-header > .button.text-button:hover:last-child, + GfCandidatePopup .linked > .suggested-action.button:hover, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:hover, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:hover, + GfCandidatePopup .linked > .suggested-action.button:hover:first-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:hover:first-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:hover:first-child, + GfCandidatePopup .linked > .suggested-action.button:hover:last-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:hover:last-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:hover:last-child, MathWindow :not(.titlebar) .suggested-action.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:hover:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .suggested-action.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:hover:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:hover:not(.flat):not(.titlebutton), + .action-bar .linked > .suggested-action.button.image-button:hover, + .action-bar .raven .raven-header.linked > .image-button.button.text-button:hover, + .raven .action-bar .raven-header.linked > .image-button.button.text-button:hover, .raven .raven-header > .flat.button.text-button:hover, NemoWindow GtkGrid > GtkEventBox > .toolbar .suggested-action.button.image-button:hover, NemoWindow GtkGrid > GtkEventBox > .toolbar .raven .raven-header > .image-button.button.text-button:hover, .raven NemoWindow GtkGrid > GtkEventBox > .toolbar .raven-header > .image-button.button.text-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + .button.suggested-action.flat:active, .suggested-action.button.osd.image-button:active, .raven .raven-header > .osd.image-button.button.text-button:active, .inline-toolbar .suggested-action.button:active, .inline-toolbar .raven .raven-header > .button.text-button:active, .raven .inline-toolbar .raven-header > .button.text-button:active, .inline-toolbar .suggested-action.button.image-button:active:not(.text-button), .inline-toolbar .raven .raven-header > .image-button.button.text-button:active:not(.text-button), .raven .inline-toolbar .raven-header > .image-button.button.text-button:active:not(.text-button), .action-bar .suggested-action.button:active, .action-bar .raven .raven-header > .button.text-button:active, .raven .action-bar .raven-header > .button.text-button:active, .action-bar .suggested-action.button.image-button:active:not(.text-button), .action-bar .raven .raven-header > .image-button.button.text-button:active:not(.text-button), .raven .action-bar .raven-header > .image-button.button.text-button:active:not(.text-button), .inline-toolbar .linked > .suggested-action.button:active, .inline-toolbar .raven .raven-header.linked > .button.text-button:active, .raven .inline-toolbar .raven-header.linked > .button.text-button:active, .inline-toolbar .linked > .suggested-action.button.image-button:active:not(.text-button), .inline-toolbar .raven .raven-header.linked > .image-button.button.text-button:active:not(.text-button), .raven .inline-toolbar .raven-header.linked > .image-button.button.text-button:active:not(.text-button), .action-bar .linked > .suggested-action.button:active, .action-bar .raven .raven-header.linked > .button.text-button:active, .raven .action-bar .raven-header.linked > .button.text-button:active, .action-bar .linked > .suggested-action.button.image-button:active:not(.text-button), .action-bar .raven .raven-header.linked > .image-button.button.text-button:active:not(.text-button), .raven .action-bar .raven-header.linked > .image-button.button.text-button:active:not(.text-button), .inline-toolbar .stack-switcher > .suggested-action.button:active, .inline-toolbar .raven .raven-header.stack-switcher > .button.text-button:active, .raven .inline-toolbar .raven-header.stack-switcher > .button.text-button:active, .inline-toolbar .stack-switcher > .suggested-action.button.image-button:active:not(.text-button), .inline-toolbar .raven .raven-header.stack-switcher > .image-button.button.text-button:active:not(.text-button), .raven .inline-toolbar .raven-header.stack-switcher > .image-button.button.text-button:active:not(.text-button), .action-bar .stack-switcher > .suggested-action.button:active, .action-bar .raven .raven-header.stack-switcher > .button.text-button:active, .raven .action-bar .raven-header.stack-switcher > .button.text-button:active, .action-bar .stack-switcher > .suggested-action.button.image-button:active:not(.text-button), .action-bar .raven .raven-header.stack-switcher > .image-button.button.text-button:active:not(.text-button), .raven .action-bar .raven-header.stack-switcher > .image-button.button.text-button:active:not(.text-button), .osd .toolbar .suggested-action.button:active, .osd .toolbar .raven .raven-header > .button.text-button:active, .raven .osd .toolbar .raven-header > .button.text-button:active, .toolbar.osd .suggested-action.button:active, .app-notification .suggested-action.button:active, GeditViewFrame .gedit-search-slider .suggested-action.button:active, .toolbar.osd .raven .raven-header > .button.text-button:active, .raven .toolbar.osd .raven-header > .button.text-button:active, .app-notification .raven .raven-header > .button.text-button:active, .raven .app-notification .raven-header > .button.text-button:active, GeditViewFrame .gedit-search-slider .raven .raven-header > .button.text-button:active, .raven GeditViewFrame .gedit-search-slider .raven-header > .button.text-button:active, .toolbar .suggested-action.button:active, .toolbar .raven .raven-header > .button.text-button:active, .raven .toolbar .raven-header > .button.text-button:active, .titlebar .suggested-action.button:active:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header > .button.text-button:active:not(.suggested-action):not(.destructive-action), .raven .titlebar .raven-header > .button.text-button:active:not(.suggested-action):not(.destructive-action), + .header-bar .suggested-action.button:active:not(.suggested-action):not(.destructive-action), + .header-bar .raven .raven-header > .button.text-button:active:not(.suggested-action):not(.destructive-action), + .raven .header-bar .raven-header > .button.text-button:active:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .suggested-action.button:active, .message-dialog.csd .dialog-action-area .raven .raven-header > .button.text-button:active, .raven .message-dialog.csd .dialog-action-area .raven-header > .button.text-button:active, + .message-dialog.csd .dialog-action-area .linked > .suggested-action.button:active, + .message-dialog.csd .dialog-action-area .raven .raven-header.linked > .button.text-button:active, + .raven .message-dialog.csd .dialog-action-area .raven-header.linked > .button.text-button:active, .suggested-action.sidebar-button.button:active, .raven .raven-header > .sidebar-button.button.text-button:active, .info .suggested-action.button:active, .info .raven .raven-header > .button.text-button:active, .raven .info .raven-header > .button.text-button:active, + .question .suggested-action.button:active, + .question .raven .raven-header > .button.text-button:active, + .raven .question .raven-header > .button.text-button:active, + .warning .suggested-action.button:active, + .warning .raven .raven-header > .button.text-button:active, + .raven .warning .raven-header > .button.text-button:active, + .error .suggested-action.button:active, + .error .raven .raven-header > .button.text-button:active, + .raven .error .raven-header > .button.text-button:active, GtkScaleButton.suggested-action.button:active, .raven .raven-header > GtkScaleButton.button.text-button:active, + GtkVolumeButton.suggested-action.button:active, + .raven .raven-header > GtkVolumeButton.button.text-button:active, GfCandidatePopup .suggested-action.button:active, GfCandidatePopup .raven .raven-header > .button.text-button:active, .raven GfCandidatePopup .raven-header > .button.text-button:active, GfCandidatePopup .suggested-action.button:active:first-child, GfCandidatePopup .raven .raven-header > .button.text-button:active:first-child, .raven GfCandidatePopup .raven-header > .button.text-button:active:first-child, GfCandidatePopup .suggested-action.button:active:last-child, GfCandidatePopup .raven .raven-header > .button.text-button:active:last-child, .raven GfCandidatePopup .raven-header > .button.text-button:active:last-child, + GfCandidatePopup .linked > .suggested-action.button:active, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:active, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:active, + GfCandidatePopup .linked > .suggested-action.button:active:first-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:active:first-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:active:first-child, + GfCandidatePopup .linked > .suggested-action.button:active:last-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:active:last-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:active:last-child, MathWindow :not(.titlebar) .suggested-action.button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:active:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .suggested-action.button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:active:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:active:not(.flat):not(.titlebutton), + .action-bar .linked > .suggested-action.button.image-button:active, + .action-bar .raven .raven-header.linked > .image-button.button.text-button:active, + .raven .action-bar .raven-header.linked > .image-button.button.text-button:active, .raven .raven-header > .flat.button.text-button:active, NemoWindow GtkGrid > GtkEventBox > .toolbar .suggested-action.button.image-button:active, NemoWindow GtkGrid > GtkEventBox > .toolbar .raven .raven-header > .image-button.button.text-button:active, .raven NemoWindow GtkGrid > GtkEventBox > .toolbar .raven-header > .image-button.button.text-button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(#C5A68E, 0.2); + color: #C5A68E; } + .button.suggested-action.flat:checked, .suggested-action.button.osd.image-button:checked, .raven .raven-header > .osd.image-button.button.text-button:checked, .inline-toolbar .suggested-action.button:checked, .inline-toolbar .raven .raven-header > .button.text-button:checked, .raven .inline-toolbar .raven-header > .button.text-button:checked, .inline-toolbar .suggested-action.button.image-button:checked:not(.text-button), .inline-toolbar .raven .raven-header > .image-button.button.text-button:checked:not(.text-button), .raven .inline-toolbar .raven-header > .image-button.button.text-button:checked:not(.text-button), .action-bar .suggested-action.button:checked, .action-bar .raven .raven-header > .button.text-button:checked, .raven .action-bar .raven-header > .button.text-button:checked, .action-bar .suggested-action.button.image-button:checked:not(.text-button), .action-bar .raven .raven-header > .image-button.button.text-button:checked:not(.text-button), .raven .action-bar .raven-header > .image-button.button.text-button:checked:not(.text-button), .inline-toolbar .linked > .suggested-action.button:checked, .inline-toolbar .raven .raven-header.linked > .button.text-button:checked, .raven .inline-toolbar .raven-header.linked > .button.text-button:checked, .inline-toolbar .linked > .suggested-action.button.image-button:checked:not(.text-button), .inline-toolbar .raven .raven-header.linked > .image-button.button.text-button:checked:not(.text-button), .raven .inline-toolbar .raven-header.linked > .image-button.button.text-button:checked:not(.text-button), .action-bar .linked > .suggested-action.button:checked, .action-bar .raven .raven-header.linked > .button.text-button:checked, .raven .action-bar .raven-header.linked > .button.text-button:checked, .action-bar .linked > .suggested-action.button.image-button:checked:not(.text-button), .action-bar .raven .raven-header.linked > .image-button.button.text-button:checked:not(.text-button), .raven .action-bar .raven-header.linked > .image-button.button.text-button:checked:not(.text-button), .inline-toolbar .stack-switcher > .suggested-action.button:checked, .inline-toolbar .raven .raven-header.stack-switcher > .button.text-button:checked, .raven .inline-toolbar .raven-header.stack-switcher > .button.text-button:checked, .inline-toolbar .stack-switcher > .suggested-action.button.image-button:checked:not(.text-button), .inline-toolbar .raven .raven-header.stack-switcher > .image-button.button.text-button:checked:not(.text-button), .raven .inline-toolbar .raven-header.stack-switcher > .image-button.button.text-button:checked:not(.text-button), .action-bar .stack-switcher > .suggested-action.button:checked, .action-bar .raven .raven-header.stack-switcher > .button.text-button:checked, .raven .action-bar .raven-header.stack-switcher > .button.text-button:checked, .action-bar .stack-switcher > .suggested-action.button.image-button:checked:not(.text-button), .action-bar .raven .raven-header.stack-switcher > .image-button.button.text-button:checked:not(.text-button), .raven .action-bar .raven-header.stack-switcher > .image-button.button.text-button:checked:not(.text-button), .osd .toolbar .suggested-action.button:checked, .osd .toolbar .raven .raven-header > .button.text-button:checked, .raven .osd .toolbar .raven-header > .button.text-button:checked, .toolbar.osd .suggested-action.button:checked, .app-notification .suggested-action.button:checked, GeditViewFrame .gedit-search-slider .suggested-action.button:checked, .toolbar.osd .raven .raven-header > .button.text-button:checked, .raven .toolbar.osd .raven-header > .button.text-button:checked, .app-notification .raven .raven-header > .button.text-button:checked, .raven .app-notification .raven-header > .button.text-button:checked, GeditViewFrame .gedit-search-slider .raven .raven-header > .button.text-button:checked, .raven GeditViewFrame .gedit-search-slider .raven-header > .button.text-button:checked, .toolbar .suggested-action.button:checked, .toolbar .raven .raven-header > .button.text-button:checked, .raven .toolbar .raven-header > .button.text-button:checked, .titlebar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header > .button.text-button:checked:not(.suggested-action):not(.destructive-action), .raven .titlebar .raven-header > .button.text-button:checked:not(.suggested-action):not(.destructive-action), + .header-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), + .header-bar .raven .raven-header > .button.text-button:checked:not(.suggested-action):not(.destructive-action), + .raven .header-bar .raven-header > .button.text-button:checked:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .suggested-action.button:checked, .message-dialog.csd .dialog-action-area .raven .raven-header > .button.text-button:checked, .raven .message-dialog.csd .dialog-action-area .raven-header > .button.text-button:checked, + .message-dialog.csd .dialog-action-area .linked > .suggested-action.button:checked, + .message-dialog.csd .dialog-action-area .raven .raven-header.linked > .button.text-button:checked, + .raven .message-dialog.csd .dialog-action-area .raven-header.linked > .button.text-button:checked, .suggested-action.sidebar-button.button:checked, .raven .raven-header > .sidebar-button.button.text-button:checked, .info .suggested-action.button:checked, .info .raven .raven-header > .button.text-button:checked, .raven .info .raven-header > .button.text-button:checked, + .question .suggested-action.button:checked, + .question .raven .raven-header > .button.text-button:checked, + .raven .question .raven-header > .button.text-button:checked, + .warning .suggested-action.button:checked, + .warning .raven .raven-header > .button.text-button:checked, + .raven .warning .raven-header > .button.text-button:checked, + .error .suggested-action.button:checked, + .error .raven .raven-header > .button.text-button:checked, + .raven .error .raven-header > .button.text-button:checked, GtkScaleButton.suggested-action.button:checked, .raven .raven-header > GtkScaleButton.button.text-button:checked, + GtkVolumeButton.suggested-action.button:checked, + .raven .raven-header > GtkVolumeButton.button.text-button:checked, GfCandidatePopup .suggested-action.button:checked, GfCandidatePopup .raven .raven-header > .button.text-button:checked, .raven GfCandidatePopup .raven-header > .button.text-button:checked, GfCandidatePopup .suggested-action.button:checked:first-child, GfCandidatePopup .raven .raven-header > .button.text-button:checked:first-child, .raven GfCandidatePopup .raven-header > .button.text-button:checked:first-child, GfCandidatePopup .suggested-action.button:checked:last-child, GfCandidatePopup .raven .raven-header > .button.text-button:checked:last-child, .raven GfCandidatePopup .raven-header > .button.text-button:checked:last-child, + GfCandidatePopup .linked > .suggested-action.button:checked, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:checked, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:checked, + GfCandidatePopup .linked > .suggested-action.button:checked:first-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:checked:first-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:checked:first-child, + GfCandidatePopup .linked > .suggested-action.button:checked:last-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:checked:last-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:checked:last-child, MathWindow :not(.titlebar) .suggested-action.button:checked:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:checked:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .suggested-action.button:checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:checked:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:checked:not(.flat):not(.titlebutton), + .action-bar .linked > .suggested-action.button.image-button:checked, + .action-bar .raven .raven-header.linked > .image-button.button.text-button:checked, + .raven .action-bar .raven-header.linked > .image-button.button.text-button:checked, .raven .raven-header > .flat.button.text-button:checked, NemoWindow GtkGrid > GtkEventBox > .toolbar .suggested-action.button.image-button:checked, NemoWindow GtkGrid > GtkEventBox > .toolbar .raven .raven-header > .image-button.button.text-button:checked, .raven NemoWindow GtkGrid > GtkEventBox > .toolbar .raven-header > .image-button.button.text-button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; } + .button.suggested-action.flat:insensitive, .suggested-action.button.osd.image-button:insensitive, .raven .raven-header > .osd.image-button.button.text-button:insensitive, .inline-toolbar .suggested-action.button:insensitive, .inline-toolbar .raven .raven-header > .button.text-button:insensitive, .raven .inline-toolbar .raven-header > .button.text-button:insensitive, .inline-toolbar .suggested-action.button.image-button:insensitive:not(.text-button), .inline-toolbar .raven .raven-header > .image-button.button.text-button:insensitive:not(.text-button), .raven .inline-toolbar .raven-header > .image-button.button.text-button:insensitive:not(.text-button), .action-bar .suggested-action.button:insensitive, .action-bar .raven .raven-header > .button.text-button:insensitive, .raven .action-bar .raven-header > .button.text-button:insensitive, .action-bar .suggested-action.button.image-button:insensitive:not(.text-button), .action-bar .raven .raven-header > .image-button.button.text-button:insensitive:not(.text-button), .raven .action-bar .raven-header > .image-button.button.text-button:insensitive:not(.text-button), .inline-toolbar .linked > .suggested-action.button:insensitive, .inline-toolbar .raven .raven-header.linked > .button.text-button:insensitive, .raven .inline-toolbar .raven-header.linked > .button.text-button:insensitive, .inline-toolbar .linked > .suggested-action.button.image-button:insensitive:not(.text-button), .inline-toolbar .raven .raven-header.linked > .image-button.button.text-button:insensitive:not(.text-button), .raven .inline-toolbar .raven-header.linked > .image-button.button.text-button:insensitive:not(.text-button), .action-bar .linked > .suggested-action.button:insensitive, .action-bar .raven .raven-header.linked > .button.text-button:insensitive, .raven .action-bar .raven-header.linked > .button.text-button:insensitive, .action-bar .linked > .suggested-action.button.image-button:insensitive:not(.text-button), .action-bar .raven .raven-header.linked > .image-button.button.text-button:insensitive:not(.text-button), .raven .action-bar .raven-header.linked > .image-button.button.text-button:insensitive:not(.text-button), .inline-toolbar .stack-switcher > .suggested-action.button:insensitive, .inline-toolbar .raven .raven-header.stack-switcher > .button.text-button:insensitive, .raven .inline-toolbar .raven-header.stack-switcher > .button.text-button:insensitive, .inline-toolbar .stack-switcher > .suggested-action.button.image-button:insensitive:not(.text-button), .inline-toolbar .raven .raven-header.stack-switcher > .image-button.button.text-button:insensitive:not(.text-button), .raven .inline-toolbar .raven-header.stack-switcher > .image-button.button.text-button:insensitive:not(.text-button), .action-bar .stack-switcher > .suggested-action.button:insensitive, .action-bar .raven .raven-header.stack-switcher > .button.text-button:insensitive, .raven .action-bar .raven-header.stack-switcher > .button.text-button:insensitive, .action-bar .stack-switcher > .suggested-action.button.image-button:insensitive:not(.text-button), .action-bar .raven .raven-header.stack-switcher > .image-button.button.text-button:insensitive:not(.text-button), .raven .action-bar .raven-header.stack-switcher > .image-button.button.text-button:insensitive:not(.text-button), .osd .toolbar .suggested-action.button:insensitive, .osd .toolbar .raven .raven-header > .button.text-button:insensitive, .raven .osd .toolbar .raven-header > .button.text-button:insensitive, .toolbar.osd .suggested-action.button:insensitive, .app-notification .suggested-action.button:insensitive, GeditViewFrame .gedit-search-slider .suggested-action.button:insensitive, .toolbar.osd .raven .raven-header > .button.text-button:insensitive, .raven .toolbar.osd .raven-header > .button.text-button:insensitive, .app-notification .raven .raven-header > .button.text-button:insensitive, .raven .app-notification .raven-header > .button.text-button:insensitive, GeditViewFrame .gedit-search-slider .raven .raven-header > .button.text-button:insensitive, .raven GeditViewFrame .gedit-search-slider .raven-header > .button.text-button:insensitive, .toolbar .suggested-action.button:insensitive, .toolbar .raven .raven-header > .button.text-button:insensitive, .raven .toolbar .raven-header > .button.text-button:insensitive, .titlebar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header > .button.text-button:insensitive:not(.suggested-action):not(.destructive-action), .raven .titlebar .raven-header > .button.text-button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .raven .raven-header > .button.text-button:insensitive:not(.suggested-action):not(.destructive-action), + .raven .header-bar .raven-header > .button.text-button:insensitive:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .suggested-action.button:insensitive, .message-dialog.csd .dialog-action-area .raven .raven-header > .button.text-button:insensitive, .raven .message-dialog.csd .dialog-action-area .raven-header > .button.text-button:insensitive, + .message-dialog.csd .dialog-action-area .linked > .suggested-action.button:insensitive, + .message-dialog.csd .dialog-action-area .raven .raven-header.linked > .button.text-button:insensitive, + .raven .message-dialog.csd .dialog-action-area .raven-header.linked > .button.text-button:insensitive, .suggested-action.sidebar-button.button:insensitive, .raven .raven-header > .sidebar-button.button.text-button:insensitive, .info .suggested-action.button:insensitive, .info .raven .raven-header > .button.text-button:insensitive, .raven .info .raven-header > .button.text-button:insensitive, + .question .suggested-action.button:insensitive, + .question .raven .raven-header > .button.text-button:insensitive, + .raven .question .raven-header > .button.text-button:insensitive, + .warning .suggested-action.button:insensitive, + .warning .raven .raven-header > .button.text-button:insensitive, + .raven .warning .raven-header > .button.text-button:insensitive, + .error .suggested-action.button:insensitive, + .error .raven .raven-header > .button.text-button:insensitive, + .raven .error .raven-header > .button.text-button:insensitive, GtkScaleButton.suggested-action.button:insensitive, .raven .raven-header > GtkScaleButton.button.text-button:insensitive, + GtkVolumeButton.suggested-action.button:insensitive, + .raven .raven-header > GtkVolumeButton.button.text-button:insensitive, GfCandidatePopup .suggested-action.button:insensitive, GfCandidatePopup .raven .raven-header > .button.text-button:insensitive, .raven GfCandidatePopup .raven-header > .button.text-button:insensitive, GfCandidatePopup .suggested-action.button:insensitive:first-child, GfCandidatePopup .raven .raven-header > .button.text-button:insensitive:first-child, .raven GfCandidatePopup .raven-header > .button.text-button:insensitive:first-child, GfCandidatePopup .suggested-action.button:insensitive:last-child, GfCandidatePopup .raven .raven-header > .button.text-button:insensitive:last-child, .raven GfCandidatePopup .raven-header > .button.text-button:insensitive:last-child, + GfCandidatePopup .linked > .suggested-action.button:insensitive, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:insensitive, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:insensitive, + GfCandidatePopup .linked > .suggested-action.button:insensitive:first-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:insensitive:first-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:insensitive:first-child, + GfCandidatePopup .linked > .suggested-action.button:insensitive:last-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:insensitive:last-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:insensitive:last-child, MathWindow :not(.titlebar) .suggested-action.button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:insensitive:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .suggested-action.button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:insensitive:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:insensitive:not(.flat):not(.titlebutton), + .action-bar .linked > .suggested-action.button.image-button:insensitive, + .action-bar .raven .raven-header.linked > .image-button.button.text-button:insensitive, + .raven .action-bar .raven-header.linked > .image-button.button.text-button:insensitive, .raven .raven-header > .flat.button.text-button:insensitive, NemoWindow GtkGrid > GtkEventBox > .toolbar .suggested-action.button.image-button:insensitive, NemoWindow GtkGrid > GtkEventBox > .toolbar .raven .raven-header > .image-button.button.text-button:insensitive, .raven NemoWindow GtkGrid > GtkEventBox > .toolbar .raven-header > .image-button.button.text-button:insensitive { + box-shadow: none; + background-color: transparent; } + .button.destructive-action { + background-color: #FF5252; + color: rgba(255, 255, 255, 0.85); } + .button.destructive-action:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #ECEFF1; + background-color: #FF5252; + color: #FFFFFF; } + .button.destructive-action:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #ECEFF1; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: #C5A68E; + color: #FFFFFF; } + .button.destructive-action:checked { + background-color: #ff7575; } + .button.destructive-action:insensitive { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(236, 239, 241, 0.3); } + .button.destructive-action:insensitive > .label { + color: inherit; } + .button.destructive-action.flat, .destructive-action.button.osd.image-button, .inline-toolbar .destructive-action.button, .inline-toolbar .destructive-action.button.image-button:not(.text-button), .action-bar .destructive-action.button, .action-bar .destructive-action.button.image-button:not(.text-button), .app-notification .destructive-action.button, GeditViewFrame .gedit-search-slider .destructive-action.button, .toolbar .destructive-action.button, .titlebar .destructive-action.button:not(.suggested-action):not(.destructive-action), + .header-bar .destructive-action.button:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .destructive-action.button, .destructive-action.sidebar-button.button, .info .destructive-action.button, + .question .destructive-action.button, + .warning .destructive-action.button, + .error .destructive-action.button, GtkScaleButton.destructive-action.button, + GtkVolumeButton.destructive-action.button, GfCandidatePopup .destructive-action.button, + GfCandidatePopup .linked > .destructive-action.button:first-child, + GfCandidatePopup .linked > .destructive-action.button:last-child, MathWindow :not(.titlebar) .destructive-action.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .destructive-action.button:not(.flat):not(.titlebutton), + .action-bar .linked > .destructive-action.button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .destructive-action.button.image-button { + background-color: transparent; + color: #FF5252; } + .button.destructive-action.flat:hover, .destructive-action.button.osd.image-button:hover, .inline-toolbar .destructive-action.button:hover, .action-bar .destructive-action.button:hover, .inline-toolbar .linked > .destructive-action.button.image-button:hover:not(.text-button), .inline-toolbar .stack-switcher > .destructive-action.button.image-button:hover:not(.text-button), .action-bar .stack-switcher > .destructive-action.button.image-button:hover:not(.text-button), .app-notification .destructive-action.button:hover, GeditViewFrame .gedit-search-slider .destructive-action.button:hover, .toolbar .destructive-action.button:hover, .titlebar .destructive-action.button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .destructive-action.button:hover:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .destructive-action.button:hover, .destructive-action.sidebar-button.button:hover, .info .destructive-action.button:hover, + .question .destructive-action.button:hover, + .warning .destructive-action.button:hover, + .error .destructive-action.button:hover, GtkScaleButton.destructive-action.button:hover, + GtkVolumeButton.destructive-action.button:hover, GfCandidatePopup .destructive-action.button:hover, MathWindow :not(.titlebar) .destructive-action.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .destructive-action.button:hover:not(.flat):not(.titlebutton) { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + .button.destructive-action.flat:active, .destructive-action.button.osd.image-button:active, .inline-toolbar .destructive-action.button:active, .action-bar .destructive-action.button:active, .inline-toolbar .linked > .destructive-action.button.image-button:active:not(.text-button), .inline-toolbar .stack-switcher > .destructive-action.button.image-button:active:not(.text-button), .action-bar .stack-switcher > .destructive-action.button.image-button:active:not(.text-button), .app-notification .destructive-action.button:active, GeditViewFrame .gedit-search-slider .destructive-action.button:active, .toolbar .destructive-action.button:active, .titlebar .destructive-action.button:active:not(.suggested-action):not(.destructive-action), + .header-bar .destructive-action.button:active:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .destructive-action.button:active, .destructive-action.sidebar-button.button:active, .info .destructive-action.button:active, + .question .destructive-action.button:active, + .warning .destructive-action.button:active, + .error .destructive-action.button:active, GtkScaleButton.destructive-action.button:active, + GtkVolumeButton.destructive-action.button:active, GfCandidatePopup .destructive-action.button:active, MathWindow :not(.titlebar) .destructive-action.button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .destructive-action.button:active:not(.flat):not(.titlebutton) { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(#C5A68E, 0.2); + color: #C5A68E; } + .button.destructive-action.flat:checked, .destructive-action.button.osd.image-button:checked, .inline-toolbar .destructive-action.button:checked, .action-bar .destructive-action.button:checked, .inline-toolbar .linked > .destructive-action.button.image-button:checked:not(.text-button), .inline-toolbar .stack-switcher > .destructive-action.button.image-button:checked:not(.text-button), .action-bar .stack-switcher > .destructive-action.button.image-button:checked:not(.text-button), .app-notification .destructive-action.button:checked, GeditViewFrame .gedit-search-slider .destructive-action.button:checked, .toolbar .destructive-action.button:checked, .titlebar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), + .header-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .destructive-action.button:checked, .destructive-action.sidebar-button.button:checked, .info .destructive-action.button:checked, + .question .destructive-action.button:checked, + .warning .destructive-action.button:checked, + .error .destructive-action.button:checked, GtkScaleButton.destructive-action.button:checked, + GtkVolumeButton.destructive-action.button:checked, GfCandidatePopup .destructive-action.button:checked, MathWindow :not(.titlebar) .destructive-action.button:checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .destructive-action.button:checked:not(.flat):not(.titlebutton) { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; } + .button.destructive-action.flat:insensitive, .destructive-action.button.osd.image-button:insensitive, .inline-toolbar .destructive-action.button:insensitive, .action-bar .destructive-action.button:insensitive, .inline-toolbar .linked > .destructive-action.button.image-button:insensitive:not(.text-button), .inline-toolbar .stack-switcher > .destructive-action.button.image-button:insensitive:not(.text-button), .action-bar .stack-switcher > .destructive-action.button.image-button:insensitive:not(.text-button), .app-notification .destructive-action.button:insensitive, GeditViewFrame .gedit-search-slider .destructive-action.button:insensitive, .toolbar .destructive-action.button:insensitive, .titlebar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .destructive-action.button:insensitive, .destructive-action.sidebar-button.button:insensitive, .info .destructive-action.button:insensitive, + .question .destructive-action.button:insensitive, + .warning .destructive-action.button:insensitive, + .error .destructive-action.button:insensitive, GtkScaleButton.destructive-action.button:insensitive, + GtkVolumeButton.destructive-action.button:insensitive, GfCandidatePopup .destructive-action.button:insensitive, MathWindow :not(.titlebar) .destructive-action.button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .destructive-action.button:insensitive:not(.flat):not(.titlebutton) { + box-shadow: none; + background-color: transparent; } + .button.text-button { + padding-left: 1.2em; + padding-right: 1.2em; + font-weight: 700; } + .button.text-button.image-button { + padding: 0.7em 1em 0.8em; + outline-radius: 2px; + border-radius: 2px; + background-size: 7.5em 7.5em, auto; } + .button.text-button.image-button .label:first-child { + padding-left: 0.5em; } + .button.text-button.image-button .label:last-child { + padding-right: 0.5em; } + .stack-switcher > .button { + outline-offset: -0.2em; } + .stack-switcher > .button > .label { + padding-left: 0.5em; + padding-right: 0.5em; } + .stack-switcher > .button > GtkImage { + padding-left: 0.5em; + padding-right: 0.5em; + padding-top: 0.2em; + padding-bottom: 0.2em; } + .stack-switcher > .button.text-button { + padding: 0.7em 1em 0.8em; } + .stack-switcher > .button.image-button { + padding: 0.5em 0.3em; } + .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { + animation: none; + background-image: none; } + .inline-toolbar .button, .inline-toolbar .button:not(.text-button).image-button, .action-bar .button, .action-bar .button:not(.text-button).image-button, .inline-toolbar .linked > .button, .inline-toolbar .linked > .button:not(.text-button).image-button, .action-bar .linked > .button, .action-bar .linked > .button:not(.text-button).image-button { + padding: 0.75em; + border-radius: 100px; + outline-radius: 100px; } + .inline-toolbar .button.text-button, .action-bar .button.text-button, .inline-toolbar .linked > .button.text-button, .action-bar .linked > .button.text-button { + border-radius: 2px; + outline-radius: 2px; } + .inline-toolbar .stack-switcher > .button, .inline-toolbar .stack-switcher > .button:not(.text-button).image-button, .action-bar .stack-switcher > .button, .action-bar .stack-switcher > .button:not(.text-button).image-button { + padding: 0.5em 0.25em; + border-radius: 100px; + outline-radius: 100px; } + .primary-toolbar .button { + icon-shadow: none; } + +.linked > .button, .linked > .button .image-button, .linked > .button .text-button, GtkComboBox .button, .toolbar .linked > .button.text-button:not(.image-button), .popover .linked > .button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + border-radius: 0; + outline-radius: 0; + color: rgba(236, 239, 241, 0.75); + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + .linked > .button:hover, .linked > .button .image-button:hover, .linked > .button .text-button:hover, GtkComboBox .button:hover, .toolbar .linked > .button.text-button:hover:not(.image-button), .popover .linked > .button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + border-radius: 0; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 2/0 0 2px; } + .linked > .button:active, .linked > .button .image-button:active, .linked > .button .text-button:active, GtkComboBox .button:active, GtkComboBox .button:hover, GtkComboBox .button:checked, .toolbar .linked > .button.text-button:active:not(.image-button), .popover .linked > .button:active, .linked > .button:checked, .linked > .button .image-button:checked, .linked > .button .text-button:checked, GtkComboBox .button:checked, .toolbar .linked > .button.text-button:checked:not(.image-button), .popover .linked > .button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + border-radius: 0; + color: #ECEFF1; + background-color: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; } + .linked > .button:active:hover, .linked > .button .image-button:active:hover, .linked > .button .text-button:active:hover, GtkComboBox .button:hover, .toolbar .linked > .button.text-button:active:hover:not(.image-button), .popover .linked > .button:active:hover, .linked > .button:checked:hover, .linked > .button .image-button:checked:hover, .linked > .button .text-button:checked:hover, GtkComboBox .button:checked:hover, .toolbar .linked > .button.text-button:checked:hover:not(.image-button), .popover .linked > .button:checked:hover { + background-color: alpha(rgba(236, 239, 241, 0.75), 0.1); } + .linked > .button:active:insensitive, .linked > .button .image-button:active:insensitive, .linked > .button .text-button:active:insensitive, GtkComboBox .button:active:insensitive, GtkComboBox .button:insensitive:hover, GtkComboBox .button:insensitive:checked, .toolbar .linked > .button.text-button:active:insensitive:not(.image-button), .popover .linked > .button:active:insensitive, .linked > .button:checked:insensitive, .linked > .button .image-button:checked:insensitive, .linked > .button .text-button:checked:insensitive, GtkComboBox .button:checked:insensitive, .toolbar .linked > .button.text-button:checked:insensitive:not(.image-button), .popover .linked > .button:checked:insensitive { + color: rgba(236, 239, 241, 0.3); + background-color: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 188, 212, 0.2)), to(transparent)) 0 0 2/0 0 2px; } + .linked > .button:active:insensitive > .label, .linked > .button .image-button:active:insensitive > .label, .linked > .button .text-button:active:insensitive > .label, GtkComboBox .button:active:insensitive > .label, GtkComboBox .button:insensitive:hover > .label, GtkComboBox .button:insensitive:checked > .label, .linked > .button:checked:insensitive > .label, .linked > .button .image-button:checked:insensitive > .label, .linked > .button .text-button:checked:insensitive > .label, GtkComboBox .button:checked:insensitive > .label { + color: inherit; } + .linked > .button:active:insensitive > .label, .linked > .button .image-button:active:insensitive > .label, .linked > .button .text-button:active:insensitive > .label, GtkComboBox .button:active:insensitive > .label, GtkComboBox .button:insensitive:hover > .label, GtkComboBox .button:insensitive:checked > .label, .linked > .button:checked:insensitive > .label, .linked > .button .image-button:checked:insensitive > .label, .linked > .button .text-button:checked:insensitive > .label, GtkComboBox .button:checked:insensitive > .label { + color: inherit; } + .linked > .button:insensitive, .linked > .button .image-button:insensitive, .linked > .button .text-button:insensitive, GtkComboBox .button:insensitive, .toolbar .linked > .button.text-button:insensitive:not(.image-button), .popover .linked > .button:insensitive { + box-shadow: none; + background-color: transparent; + border-radius: 0; + color: rgba(236, 239, 241, 0.3); + background-color: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + +.linked.vertical > .button, .linked.vertical > .button .image-button, .linked.vertical > .button .text-button, .linked.vertical > GtkComboBox .button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + border-image: none; + border-width: 0; + outline-radius: 0; + color: rgba(236, 239, 241, 0.75); } + .linked.vertical > .button:hover, .linked.vertical > .button .image-button:hover, .linked.vertical > .button .text-button:hover, .linked.vertical > GtkComboBox .button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + .linked.vertical > .button:hover:dir(ltr), .linked.vertical > .button .image-button:hover:dir(ltr), .linked.vertical > .button .text-button:hover:dir(ltr), .linked.vertical > GtkComboBox .button:hover:dir(ltr) { + box-shadow: inset 2px 0 alpha(currentColor, 0.2); } + .linked.vertical > .button:hover:dir(rtl), .linked.vertical > .button .image-button:hover:dir(rtl), .linked.vertical > .button .text-button:hover:dir(rtl), .linked.vertical > GtkComboBox .button:hover:dir(rtl) { + box-shadow: inset -2px 0 alpha(currentColor, 0.2); } + .linked.vertical > .button:active, .linked.vertical > .button .image-button:active, .linked.vertical > .button .text-button:active, .linked.vertical > GtkComboBox .button:active, .linked.vertical > .button:checked, .linked.vertical > .button .image-button:checked, .linked.vertical > .button .text-button:checked, .linked.vertical > GtkComboBox .button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + color: #ECEFF1; + background-color: transparent; } + .linked.vertical > .button:active:dir(ltr), .linked.vertical > .button .image-button:active:dir(ltr), .linked.vertical > .button .text-button:active:dir(ltr), .linked.vertical > GtkComboBox .button:active:dir(ltr), .linked.vertical > .button:checked:dir(ltr), .linked.vertical > .button .image-button:checked:dir(ltr), .linked.vertical > .button .text-button:checked:dir(ltr), .linked.vertical > GtkComboBox .button:checked:dir(ltr) { + box-shadow: inset 2px 0 #C5A68E; } + .linked.vertical > .button:active:dir(rtl), .linked.vertical > .button .image-button:active:dir(rtl), .linked.vertical > .button .text-button:active:dir(rtl), .linked.vertical > GtkComboBox .button:active:dir(rtl), .linked.vertical > .button:checked:dir(rtl), .linked.vertical > .button .image-button:checked:dir(rtl), .linked.vertical > .button .text-button:checked:dir(rtl), .linked.vertical > GtkComboBox .button:checked:dir(rtl) { + box-shadow: inset -2px 0 #C5A68E; } + .linked.vertical > .button:active:hover, .linked.vertical > .button .image-button:active:hover, .linked.vertical > .button .text-button:active:hover, .linked.vertical > GtkComboBox .button:active:hover, .linked.vertical > .button:checked:hover, .linked.vertical > .button .image-button:checked:hover, .linked.vertical > .button .text-button:checked:hover, .linked.vertical > GtkComboBox .button:checked:hover { + background-color: alpha(currentColor, 0.1); } + .linked.vertical > .button:active:insensitive, .linked.vertical > .button .image-button:active:insensitive, .linked.vertical > .button .text-button:active:insensitive, .linked.vertical > GtkComboBox .button:active:insensitive, .linked.vertical > .button:checked:insensitive, .linked.vertical > .button .image-button:checked:insensitive, .linked.vertical > .button .text-button:checked:insensitive, .linked.vertical > GtkComboBox .button:checked:insensitive { + color: rgba(236, 239, 241, 0.3); + background-color: transparent; } + .linked.vertical > .button:active:insensitive > .label, .linked.vertical > .button .image-button:active:insensitive > .label, .linked.vertical > .button .text-button:active:insensitive > .label, .linked.vertical > GtkComboBox .button:active:insensitive > .label, .linked.vertical > .button:checked:insensitive > .label, .linked.vertical > .button .image-button:checked:insensitive > .label, .linked.vertical > .button .text-button:checked:insensitive > .label, .linked.vertical > GtkComboBox .button:checked:insensitive > .label { + color: inherit; } + .linked.vertical > .button:active:insensitive:dir(ltr), .linked.vertical > .button .image-button:active:insensitive:dir(ltr), .linked.vertical > .button .text-button:active:insensitive:dir(ltr), .linked.vertical > GtkComboBox .button:active:insensitive:dir(ltr), .linked.vertical > .button:checked:insensitive:dir(ltr), .linked.vertical > .button .image-button:checked:insensitive:dir(ltr), .linked.vertical > .button .text-button:checked:insensitive:dir(ltr), .linked.vertical > GtkComboBox .button:checked:insensitive:dir(ltr) { + box-shadow: inset 2px 0 rgba(0, 188, 212, 0.2); } + .linked.vertical > .button:active:insensitive:dir(ltr), .linked.vertical > .button .image-button:active:insensitive:dir(ltr), .linked.vertical > .button .text-button:active:insensitive:dir(ltr), .linked.vertical > GtkComboBox .button:active:insensitive:dir(ltr), .linked.vertical > .button:checked:insensitive:dir(ltr), .linked.vertical > .button .image-button:checked:insensitive:dir(ltr), .linked.vertical > .button .text-button:checked:insensitive:dir(ltr), .linked.vertical > GtkComboBox .button:checked:insensitive:dir(ltr) { + box-shadow: inset -2px 0 rgba(0, 188, 212, 0.2); } + .linked.vertical > .button:active:insensitive > .label, .linked.vertical > .button .image-button:active:insensitive > .label, .linked.vertical > .button .text-button:active:insensitive > .label, .linked.vertical > GtkComboBox .button:active:insensitive > .label, .linked.vertical > .button:checked:insensitive > .label, .linked.vertical > .button .image-button:checked:insensitive > .label, .linked.vertical > .button .text-button:checked:insensitive > .label, .linked.vertical > GtkComboBox .button:checked:insensitive > .label { + color: inherit; } + .linked.vertical > .button:insensitive, .linked.vertical > .button .image-button:insensitive, .linked.vertical > .button .text-button:insensitive, .linked.vertical > GtkComboBox .button:insensitive { + box-shadow: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); + background-color: transparent; } + .linked.vertical > .button:insensitive:dir(ltr), .linked.vertical > .button .image-button:insensitive:dir(ltr), .linked.vertical > .button .text-button:insensitive:dir(ltr), .linked.vertical > GtkComboBox .button:insensitive:dir(ltr) { + box-shadow: inset 1px 0 alpha(currentColor, 0.2); } + .linked.vertical > .button:insensitive:dir(rtl), .linked.vertical > .button .image-button:insensitive:dir(rtl), .linked.vertical > .button .text-button:insensitive:dir(rtl), .linked.vertical > GtkComboBox .button:insensitive:dir(rtl) { + box-shadow: inset -1px 0 alpha(currentColor, 0.2); } + .linked.vertical > .button:dir(ltr), .linked.vertical > .button .image-button:dir(ltr), .linked.vertical > .button .text-button:dir(ltr), .linked.vertical > GtkComboBox .button:dir(ltr) { + box-shadow: inset 1px 0 alpha(currentColor, 0.2); } + .linked.vertical > .button:dir(rtl), .linked.vertical > .button .image-button:dir(rtl), .linked.vertical > .button .text-button:dir(rtl), .linked.vertical > GtkComboBox .button:dir(rtl) { + box-shadow: inset -1px 0 alpha(currentColor, 0.2); } + +.button.osd.image-button, .button.image-button, .notebook tab .button, GtkScaleButton.button, +GtkVolumeButton.button, .csd .header-bar .button.titlebutton, .csd .header-bar.selection-mode .button.titlebutton, +.csd .titlebar .button.titlebutton, +.csd .titlebar.selection-mode .button.titlebutton { + padding: 1em; + outline-radius: 100px; + border-radius: 100px; + background-size: 3.75em 3.75em, auto; } + +.stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { + background-repeat: no-repeat; + background-position: right 3px; + background-size: 0.4em 0.4em; + animation: needs_attention 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition: none; } + .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { + background-position: left 3px; } + +.inline-toolbar GtkToolButton > .button { + outline-radius: 100px; + border-radius: 100px; } + +.linked > .button:not(.flat):not(:only-child), .linked > .button, .linked > .button .image-button, .linked > .button .text-button, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), +.linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr), +.linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl), .linked > GtkComboBox:first-child > .the-button-in-the-combobox, +.linked > GtkComboBoxText:first-child > .the-button-in-the-combobox, +.linked > GtkComboBox:last-child > .the-button-in-the-combobox, +.linked > GtkComboBoxText:last-child > .the-button-in-the-combobox, +.linked > GtkComboBox:only-child > .the-button-in-the-combobox, +.linked > GtkComboBoxText:only-child > .the-button-in-the-combobox { + border-radius: 0; } + +.linked.vertical > .button:not(:only-child), .linked.vertical > .button, .linked.vertical > .button .image-button, .linked.vertical > .button .text-button, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, +.linked.vertical > GtkComboBox > .the-button-in-the-combobox, +.linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, +.linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox, +.linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, +.linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox, +.linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, +.linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { + border-radius: 0; } + +.menuitem.button.flat, .menuitem.button.osd.image-button, .inline-toolbar .menuitem.button, .inline-toolbar .menuitem.button.image-button:not(.text-button), .action-bar .menuitem.button, .action-bar .menuitem.button.image-button:not(.text-button), .app-notification .menuitem.button, GeditViewFrame .gedit-search-slider .menuitem.button, .toolbar .menuitem.button, .titlebar .menuitem.button:not(.suggested-action):not(.destructive-action), +.header-bar .menuitem.button:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .menuitem.button, .menuitem.sidebar-button.button, .info .menuitem.button, +.question .menuitem.button, +.warning .menuitem.button, +.error .menuitem.button, GtkScaleButton.menuitem.button, +GtkVolumeButton.menuitem.button, GfCandidatePopup .menuitem.button, +GfCandidatePopup .linked > .menuitem.button:first-child, +GfCandidatePopup .linked > .menuitem.button:last-child, MathWindow :not(.titlebar) .menuitem.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .menuitem.button:not(.flat):not(.titlebutton), +.action-bar .linked > .menuitem.button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .menuitem.button.image-button { + transition: none; } + +GtkColorButton.button { + padding: 0.4em 0.6em 0.5em; } + GtkColorButton.button GtkColorSwatch:first-child:last-child { + border-radius: 2px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + GtkColorButton.button:insensitive, + GtkColorButton.button GtkColorSwatch:insensitive { + box-shadow: none; + opacity: 0.4; } + +GtkButtonBox > .button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #C5A68E); + font-weight: 700; } + GtkButtonBox > .button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + color: #C5A68E; } + GtkButtonBox > .button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #C5A68E; } + GtkButtonBox > .button:insensitive { + box-shadow: none; + background-color: transparent; } + GtkButtonBox > .button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + color: #C5A68E; } + GtkButtonBox > .button:checked:insensitive { + color: rgba(77, 182, 172, 0.4); } + GtkButtonBox > .button:checked:insensitive > .label { + color: inherit; } + +/********* + * Links * + *********/ +*:link, .button:link, +.button:visited { + color: #03A9F4; } + *:link:hover, .button:hover:link, + .button:hover:visited, *:link:active, .button:active:link, + .button:active:visited { + color: #03A9F4; } + *:link:visited, + .button:visited { + color: #9C27B0; } + *:link:visited:hover, + .button:visited:hover, *:link:visited:active, + .button:visited:active { + color: #9C27B0; } + *:selected *:link:visited, + *:selected .button:visited { + color: #99e4ee; } + *:link:selected, .button:selected:link, + .button:selected:visited, .titlebar.selection-mode .subtitle:link, + .header-bar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, + *:selected .button:visited { + color: #ccf2f6; } + *:link:insensitive, .button:insensitive:link, + .button:insensitive:visited { + opacity: 0.4; } + +.button:link > .label, +.button:visited > .label { + text-decoration-line: underline; } + +/***************** + * GtkSpinButton * + *****************/ +.spinbutton .button, .osd .spinbutton .button { + padding: 0.4em; + border: solid 0.35em transparent; + border-radius: 100px; + outline-radius: 100px; + background: none; + box-shadow: none; + color: rgba(236, 239, 241, 0.75); } + .spinbutton .button:not(:last-child):hover, .osd .spinbutton .button:not(:last-child):hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #F44336; } + .spinbutton .button:not(:last-child):active, .osd .spinbutton .button:not(:last-child):active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(currentColor, 0.2); + color: #F44336; } + .spinbutton .button:not(:last-child):insensitive, .osd .spinbutton .button:not(:last-child):insensitive { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(236, 239, 241, 0.3); } + .spinbutton .button:last-child:hover, .osd .spinbutton .button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #00E676; } + .spinbutton .button:last-child:active, .osd .spinbutton .button:last-child:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(currentColor, 0.2); + color: #00E676; } + .spinbutton .button:last-child:insensitive, .osd .spinbutton .button:last-child:insensitive { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(236, 239, 241, 0.3); } +.spinbutton.vertical { + padding: 0.5em 0; } + .spinbutton.vertical .button { + padding: 0.2em 0; + border: solid 0.5em transparent; + border-radius: 200px; + outline-radius: 200px; + background: none; + box-shadow: none; + color: rgba(236, 239, 241, 0.75); } + .spinbutton.vertical .button:first-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #00E676; } + .spinbutton.vertical .button:first-child:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(currentColor, 0.2); + color: #00E676; } + .spinbutton.vertical .button:first-child:insensitive { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(236, 239, 241, 0.3); } + .spinbutton.vertical .button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #F44336; } + .spinbutton.vertical .button:last-child:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(currentColor, 0.2); + color: #F44336; } + .spinbutton.vertical .button:last-child:insensitive { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(236, 239, 241, 0.3); } +GtkTreeView .spinbutton.entry:focus { + padding: 1px; + border-radius: 0; + border-width: 0; + background-color: #455A64; + color: #ECEFF1; + box-shadow: none; } + +/************** + * ComboBoxes * + **************/ +GtkComboBox { + -GtkComboBox-arrow-scaling: 0.5; + -GtkComboBox-shadow-type: none; } + GtkComboBox > .the-button-in-the-combobox { + padding: 0.35em 0.5em 0.45em; } + GtkComboBox .menu { + padding: 2px 0; } + GtkComboBox .menu .menuitem { + padding: 0.35em 0.5em 0.45em; } + GtkComboBox .separator.vertical { + -GtkWidget-wide-separators: true; } + GtkComboBox .button { + border-radius: 0; + padding: 0.5em 0.5em 0.55em; + color: rgba(236, 239, 241, 0.75); } + GtkComboBox .button:hover, GtkComboBox .button:active, GtkComboBox .button:checked { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + background-color: transparent; } + GtkComboBox .button:hover:insensitive, GtkComboBox .button:active:insensitive, GtkComboBox .button:checked:insensitive { + color: rgba(236, 239, 241, 0.3); } + GtkComboBox .button:insensitive { + color: rgba(236, 239, 241, 0.3); + background-color: transparent; } + GtkComboBox.combobox-entry { + padding: 0; } + GtkComboBox.combobox-entry .button { + padding: 0 0.7em; } + +.linked.vertical > GtkComboBox .button { + padding: 0.35em 0.5em 0.45em; + border-radius: 0; + color: rgba(236, 239, 241, 0.75); } + +/************ + * Toolbars * + ************/ +.toolbar { + -GtkWidget-window-dragging: true; + padding: 0.4em; + border-width: 0; + background-color: #3e515a; + color: rgba(236, 239, 241, 0.75); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 4px 3px -4px rgba(0, 0, 0, 0.22), inset 0 8px 3px -5px rgba(0, 0, 0, 0.24); } + .toolbar.vertical, .inline-toolbar .toolbar, GtkPaned .toolbar, GtkEventBox .toolbar, GtkGrid .toolbar.primary-toolbar { + box-shadow: none; } + .osd .toolbar, .toolbar.osd, .app-notification, + .app-notification.frame, GeditViewFrame .gedit-search-slider { + padding: 3px; + border-style: solid; + border-width: 9px; + border-image: -gtk-scaled(url("assets/osd-shadow-dark.png"), url("assets/osd-shadow-dark@2.png")) 10/10px stretch; + border-radius: 2px; + box-shadow: none; + color: #ECEFF1; + background-color: #322F22; } + .osd .toolbar:backdrop, .toolbar.osd:backdrop, .app-notification:backdrop, GeditViewFrame .gedit-search-slider:backdrop { + border-image: -gtk-scaled(url("assets/osd-shadow-backdrop-dark.png"), url("assets/osd-shadow-backdrop-dark@2.png")) 10/10px stretch; } + .osd .toolbar .button:not(:active):not(:insensitive):not(hover), .toolbar.osd .button:not(:active):not(:insensitive):not(hover), .app-notification .button:not(:active):not(:insensitive):not(hover), + .app-notification.frame .button:not(:active):not(:insensitive):not(hover), GeditViewFrame .gedit-search-slider .button:not(:active):not(:insensitive):not(hover) { + color: #C5A68E); } + .osd .toolbar .button:hover, .osd .toolbar .button:active, .toolbar.osd .button:hover, .app-notification .button:hover, + .app-notification.frame .button:hover, GeditViewFrame .gedit-search-slider .button:hover, .toolbar.osd .button:active, .app-notification .button:active, + .app-notification.frame .button:active, GeditViewFrame .gedit-search-slider .button:active { + color: #C5A68E; } + .osd .toolbar .button:active, .osd .toolbar .button:checked, .toolbar.osd .button:active, .app-notification .button:active, + .app-notification.frame .button:active, GeditViewFrame .gedit-search-slider .button:active, .toolbar.osd .button:checked, .app-notification .button:checked, + .app-notification.frame .button:checked, GeditViewFrame .gedit-search-slider .button:checked { + border-image: none; + box-shadow: none; } + .osd .toolbar .button:insensitive, .toolbar.osd .button:insensitive, .app-notification .button:insensitive, + .app-notification.frame .button:insensitive, GeditViewFrame .gedit-search-slider .button:insensitive { + color: rgba(77, 182, 172, 0.4); } + .osd .toolbar .label, .toolbar.osd .label, .app-notification .label, + .app-notification.frame .label, GeditViewFrame .gedit-search-slider .label { + padding: 0 1em; } + .toolbar .button { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: rgba(236, 239, 241, 0.75); + box-shadow: none; } + .toolbar .button:hover { + border-image: none; + color: #ECEFF1; + box-shadow: none; } + .toolbar .button:checked { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + background: transparent; + color: #ECEFF1; + box-shadow: none; } + .toolbar .button:checked:insensitive { + border-image: none; + background: transparent; + color: rgba(236, 239, 241, 0.3); + box-shadow: none; } + .toolbar .button:checked:insensitive > .label { + color: inherit; } + .toolbar .button:insensitive { + border-image: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.225); + box-shadow: none; } + .toolbar .button .image-button { + border-radius: 100px; + outline-radius: 100px; } + .toolbar .linked > .button { + border-radius: 100px; + outline-radius: 100px; } + .toolbar .linked > .button:hover { + background-color: transparent; } + .toolbar .linked > .button:not(:checked) { + border-radius: 100px; + outline-radius: 100px; } + +.inline-toolbar { + padding: 0.4em; + border-style: solid; + border-width: 0 1px 1px; + border-color: rgba(0, 0, 0, 0.11); + background-color: #3b4c54; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); } + +.search-bar, +.location-bar { + padding: 0.4em; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(0, 0, 0, 0.11); + background-color: #3b4c54; } + .search-bar .button.raised, + .location-bar .button.raised { + padding: 0.75em; + border-radius: 100px; + outline-radius: 100px; } + +/*************** + * Header bars * + ***************/ +.titlebar, +.header-bar { + -GtkPaned-handle-size: 0; + padding: 0.4em; + border-width: 1px 0 1px; + border-style: solid; + border-top-color: #13191C; + border-bottom-color: #242F35; + background-color: #13191C; + background-clip: border-box; + color: rgba(236, 239, 241, 0.75); } + .titlebar .label:checked:insensitive, + .header-bar .label:checked:insensitive { + color: rgba(236, 239, 241, 0.3); } + .titlebar .label:insensitive, + .header-bar .label:insensitive { + color: rgba(236, 239, 241, 0.225); } + .titlebar .title, + .header-bar .title { + padding-left: 1em; + padding-right: 1em; + color: #ECEFF1; + font-weight: 700; } + .titlebar .subtitle, + .header-bar .subtitle { + padding-left: 1em; + padding-right: 1em; + color: rgba(236, 239, 241, 0.75); + font-size: 90%; } + .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical, .titlebar > GtkBox > GtkBox > .separator.vertical, + .header-bar .header-bar-separator, + .header-bar > GtkBox > .separator.vertical, + .header-bar > GtkBox > GtkBox > .separator.vertical { + -GtkWidget-separator-width: 0; + border: 0 none transparent; + color: transparent; } + .titlebar .button:not(.suggested-action):not(.destructive-action), + .header-bar .button:not(.suggested-action):not(.destructive-action) { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: rgba(236, 239, 241, 0.75); } + .titlebar .button:not(.suggested-action):not(.destructive-action):hover, + .header-bar .button:not(.suggested-action):not(.destructive-action):hover { + color: #ECEFF1; } + .titlebar .button:not(.suggested-action):not(.destructive-action):checked, + .header-bar .button:not(.suggested-action):not(.destructive-action):checked { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #ECEFF1; } + .titlebar .button:not(.suggested-action):not(.destructive-action):checked:insensitive, + .header-bar .button:not(.suggested-action):not(.destructive-action):checked:insensitive { + background-color: transparent; + color: rgba(236, 239, 241, 0.3); } + .titlebar .button:not(.suggested-action):not(.destructive-action):checked:insensitive > .label, + .header-bar .button:not(.suggested-action):not(.destructive-action):checked:insensitive > .label { + color: inherit; } + .titlebar .button:not(.suggested-action):not(.destructive-action):insensitive, + .header-bar .button:not(.suggested-action):not(.destructive-action):insensitive { + color: rgba(236, 239, 241, 0.225); } + .titlebar .button, .titlebar .button .label.text-button, + .titlebar .linked > .button, + .titlebar .linked > .button .label.text-button, + .titlebar .button.suggested-action, + .titlebar .raven .raven-header > .button.text-button, + .raven .titlebar .raven-header > .button.text-button, + .titlebar .button.suggested-action .label.text-button, + .titlebar .raven .raven-header > .button.text-button .label.text-button, + .raven .titlebar .raven-header > .button.text-button .label.text-button, + .titlebar .button.destructive-action, + .titlebar .button.destructive-action .label.text-button, + .header-bar .button, + .header-bar .button .label.text-button, + .header-bar .linked > .button, + .header-bar .linked > .button .label.text-button, + .header-bar .button.suggested-action, + .header-bar .raven .raven-header > .button.text-button, + .raven .header-bar .raven-header > .button.text-button, + .header-bar .button.suggested-action .label.text-button, + .header-bar .raven .raven-header > .button.text-button .label.text-button, + .raven .header-bar .raven-header > .button.text-button .label.text-button, + .header-bar .button.destructive-action, + .header-bar .button.destructive-action .label.text-button { + color: rgba(236, 239, 241, 0.75); } + .titlebar .button:hover, .titlebar .button .label.text-button:hover, + .titlebar .linked > .button:hover, + .titlebar .linked > .button .label.text-button:hover, + .titlebar .button.suggested-action:hover, + .titlebar .raven .raven-header > .button.text-button:hover, + .raven .titlebar .raven-header > .button.text-button:hover, + .titlebar .button.suggested-action .label.text-button:hover, + .titlebar .raven .raven-header > .button.text-button .label.text-button:hover, + .raven .titlebar .raven-header > .button.text-button .label.text-button:hover, + .titlebar .button.destructive-action:hover, + .titlebar .button.destructive-action .label.text-button:hover, + .header-bar .button:hover, + .header-bar .button .label.text-button:hover, + .header-bar .linked > .button:hover, + .header-bar .linked > .button .label.text-button:hover, + .header-bar .button.suggested-action:hover, + .header-bar .raven .raven-header > .button.text-button:hover, + .raven .header-bar .raven-header > .button.text-button:hover, + .header-bar .button.suggested-action .label.text-button:hover, + .header-bar .raven .raven-header > .button.text-button .label.text-button:hover, + .raven .header-bar .raven-header > .button.text-button .label.text-button:hover, + .header-bar .button.destructive-action:hover, + .header-bar .button.destructive-action .label.text-button:hover { + color: #ECEFF1; } + .titlebar .button:checked, .titlebar .button .label.text-button:checked, + .titlebar .linked > .button:checked, + .titlebar .linked > .button .label.text-button:checked, + .titlebar .button.suggested-action:checked, + .titlebar .raven .raven-header > .button.text-button:checked, + .raven .titlebar .raven-header > .button.text-button:checked, + .titlebar .button.suggested-action .label.text-button:checked, + .titlebar .raven .raven-header > .button.text-button .label.text-button:checked, + .raven .titlebar .raven-header > .button.text-button .label.text-button:checked, + .titlebar .button.destructive-action:checked, + .titlebar .button.destructive-action .label.text-button:checked, + .header-bar .button:checked, + .header-bar .button .label.text-button:checked, + .header-bar .linked > .button:checked, + .header-bar .linked > .button .label.text-button:checked, + .header-bar .button.suggested-action:checked, + .header-bar .raven .raven-header > .button.text-button:checked, + .raven .header-bar .raven-header > .button.text-button:checked, + .header-bar .button.suggested-action .label.text-button:checked, + .header-bar .raven .raven-header > .button.text-button .label.text-button:checked, + .raven .header-bar .raven-header > .button.text-button .label.text-button:checked, + .header-bar .button.destructive-action:checked, + .header-bar .button.destructive-action .label.text-button:checked { + color: #ECEFF1; } + .titlebar .button:checked:insensitive, .titlebar .button .label.text-button:checked:insensitive, + .titlebar .linked > .button:checked:insensitive, + .titlebar .linked > .button .label.text-button:checked:insensitive, + .titlebar .button.suggested-action:checked:insensitive, + .titlebar .raven .raven-header > .button.text-button:checked:insensitive, + .raven .titlebar .raven-header > .button.text-button:checked:insensitive, + .titlebar .button.suggested-action .label.text-button:checked:insensitive, + .titlebar .raven .raven-header > .button.text-button .label.text-button:checked:insensitive, + .raven .titlebar .raven-header > .button.text-button .label.text-button:checked:insensitive, + .titlebar .button.destructive-action:checked:insensitive, + .titlebar .button.destructive-action .label.text-button:checked:insensitive, + .header-bar .button:checked:insensitive, + .header-bar .button .label.text-button:checked:insensitive, + .header-bar .linked > .button:checked:insensitive, + .header-bar .linked > .button .label.text-button:checked:insensitive, + .header-bar .button.suggested-action:checked:insensitive, + .header-bar .raven .raven-header > .button.text-button:checked:insensitive, + .raven .header-bar .raven-header > .button.text-button:checked:insensitive, + .header-bar .button.suggested-action .label.text-button:checked:insensitive, + .header-bar .raven .raven-header > .button.text-button .label.text-button:checked:insensitive, + .raven .header-bar .raven-header > .button.text-button .label.text-button:checked:insensitive, + .header-bar .button.destructive-action:checked:insensitive, + .header-bar .button.destructive-action .label.text-button:checked:insensitive { + color: rgba(236, 239, 241, 0.3); } + .titlebar .button:insensitive, .titlebar .button .label.text-button:insensitive, + .titlebar .linked > .button:insensitive, + .titlebar .linked > .button .label.text-button:insensitive, + .titlebar .button.suggested-action:insensitive, + .titlebar .raven .raven-header > .button.text-button:insensitive, + .raven .titlebar .raven-header > .button.text-button:insensitive, + .titlebar .button.suggested-action .label.text-button:insensitive, + .titlebar .raven .raven-header > .button.text-button .label.text-button:insensitive, + .raven .titlebar .raven-header > .button.text-button .label.text-button:insensitive, + .titlebar .button.destructive-action:insensitive, + .titlebar .button.destructive-action .label.text-button:insensitive, + .header-bar .button:insensitive, + .header-bar .button .label.text-button:insensitive, + .header-bar .linked > .button:insensitive, + .header-bar .linked > .button .label.text-button:insensitive, + .header-bar .button.suggested-action:insensitive, + .header-bar .raven .raven-header > .button.text-button:insensitive, + .raven .header-bar .raven-header > .button.text-button:insensitive, + .header-bar .button.suggested-action .label.text-button:insensitive, + .header-bar .raven .raven-header > .button.text-button .label.text-button:insensitive, + .raven .header-bar .raven-header > .button.text-button .label.text-button:insensitive, + .header-bar .button.destructive-action:insensitive, + .header-bar .button.destructive-action .label.text-button:insensitive { + color: rgba(236, 239, 241, 0.225); } + .titlebar .button .label.text-button, + .titlebar .linked > .button .label.text-button, + .titlebar .button.suggested-action .label.text-button, + .titlebar .raven .raven-header > .button.text-button .label.text-button, + .raven .titlebar .raven-header > .button.text-button .label.text-button, + .titlebar .button.destructive-action .label.text-button, + .header-bar .button .label.text-button, + .header-bar .linked > .button .label.text-button, + .header-bar .button.suggested-action .label.text-button, + .header-bar .raven .raven-header > .button.text-button .label.text-button, + .raven .header-bar .raven-header > .button.text-button .label.text-button, + .header-bar .button.destructive-action .label.text-button { + border-image: none; + box-shadow: none; } + .titlebar .button:not(.suggested-action):not(.destructive-action), + .header-bar .button:not(.suggested-action):not(.destructive-action) { + border-radius: 100px; + outline-radius: 100px; } + .titlebar .button:not(.suggested-action):not(.destructive-action).text-button, + .header-bar .button:not(.suggested-action):not(.destructive-action).text-button { + border-radius: 2px; + outline-radius: 2px; } + .titlebar .button:not(.suggested-action):not(.destructive-action).text-button.image-button, + .header-bar .button:not(.suggested-action):not(.destructive-action).text-button.image-button { + border-radius: 2px; + outline-radius: 2px; } + .titlebar .entry, + .titlebar .linked > .entry, + .header-bar .entry, + .header-bar .linked > .entry { + color: rgba(236, 239, 241, 0.75); } + .titlebar .entry:focus, + .titlebar .linked > .entry:focus, + .header-bar .entry:focus, + .header-bar .linked > .entry:focus { + color: #ECEFF1; } + .titlebar .entry:insensitive, + .titlebar .linked > .entry:insensitive, + .header-bar .entry:insensitive, + .header-bar .linked > .entry:insensitive { + color: rgba(236, 239, 241, 0.225); } + .titlebar GtkComboBox.combobox-entry .entry, + .titlebar .linked > GtkComboBox.combobox-entry .entry, + .header-bar GtkComboBox.combobox-entry .entry, + .header-bar .linked > GtkComboBox.combobox-entry .entry { + color: rgba(236, 239, 241, 0.75); } + .titlebar GtkComboBox.combobox-entry .entry:focus, + .titlebar .linked > GtkComboBox.combobox-entry .entry:focus, + .header-bar GtkComboBox.combobox-entry .entry:focus, + .header-bar .linked > GtkComboBox.combobox-entry .entry:focus { + color: #ECEFF1; } + .titlebar GtkComboBox.combobox-entry .entry:insensitive, + .titlebar .linked > GtkComboBox.combobox-entry .entry:insensitive, + .header-bar GtkComboBox.combobox-entry .entry:insensitive, + .header-bar .linked > GtkComboBox.combobox-entry .entry:insensitive { + color: rgba(236, 239, 241, 0.225); } + .titlebar GtkComboBox.combobox-entry .button, + .titlebar .linked > GtkComboBox.combobox-entry .button, + .header-bar GtkComboBox.combobox-entry .button, + .header-bar .linked > GtkComboBox.combobox-entry .button { + color: rgba(236, 239, 241, 0.75); } + .titlebar GtkComboBox.combobox-entry .button:hover, + .titlebar .linked > GtkComboBox.combobox-entry .button:hover, + .header-bar GtkComboBox.combobox-entry .button:hover, + .header-bar .linked > GtkComboBox.combobox-entry .button:hover { + color: #ECEFF1; } + .titlebar GtkComboBox.combobox-entry .button:checked, + .titlebar .linked > GtkComboBox.combobox-entry .button:checked, + .header-bar GtkComboBox.combobox-entry .button:checked, + .header-bar .linked > GtkComboBox.combobox-entry .button:checked { + color: #ECEFF1; } + .titlebar GtkComboBox.combobox-entry .button:checked:insensitive, + .titlebar .linked > GtkComboBox.combobox-entry .button:checked:insensitive, + .header-bar GtkComboBox.combobox-entry .button:checked:insensitive, + .header-bar .linked > GtkComboBox.combobox-entry .button:checked:insensitive { + color: rgba(236, 239, 241, 0.3); } + .titlebar GtkComboBox.combobox-entry .button:insensitive, + .titlebar .linked > GtkComboBox.combobox-entry .button:insensitive, + .header-bar GtkComboBox.combobox-entry .button:insensitive, + .header-bar .linked > GtkComboBox.combobox-entry .button:insensitive { + color: rgba(236, 239, 241, 0.225); } + .titlebar .menu .menuitem, + .header-bar .menu .menuitem { + color: rgba(236, 239, 241, 0.75); } + .titlebar .menu .menuitem:hover, + .header-bar .menu .menuitem:hover { + color: #ECEFF1; } + .titlebar .menu .menuitem .label:insensitive, + .header-bar .menu .menuitem .label:insensitive { + color: rgba(236, 239, 241, 0.3); } + .titlebar .menu .menuitem .accelerator, + .header-bar .menu .menuitem .accelerator { + color: alpha(currentColor, 0.6); } + .titlebar .menu .menuitem .separator, + .header-bar .menu .menuitem .separator { + color: rgba(0, 0, 0, 0.11); } + .titlebar .popover .button.flat, .titlebar .popover .button.osd.image-button, .titlebar .popover .inline-toolbar .button, .inline-toolbar .titlebar .popover .button, .titlebar .popover .action-bar .button, .action-bar .titlebar .popover .button, .titlebar .popover .inline-toolbar .linked > .button.image-button:not(.text-button), .inline-toolbar .titlebar .popover .linked > .button.image-button:not(.text-button), .titlebar .popover .inline-toolbar .stack-switcher > .button.image-button:not(.text-button), .inline-toolbar .titlebar .popover .stack-switcher > .button.image-button:not(.text-button), .titlebar .popover .action-bar .stack-switcher > .button.image-button:not(.text-button), .action-bar .titlebar .popover .stack-switcher > .button.image-button:not(.text-button), .titlebar .popover .app-notification .button, .app-notification .titlebar .popover .button, .titlebar .popover GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .titlebar .popover .button, .titlebar .popover .toolbar .button, .toolbar .titlebar .popover .button, .titlebar .popover .button:not(.suggested-action):not(.destructive-action), .titlebar .popover .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .titlebar .popover .button, .titlebar .popover .sidebar-button.button, .titlebar .popover .info .button, .info .titlebar .popover .button, + .titlebar .popover .question .button, + .question .titlebar .popover .button, + .titlebar .popover .warning .button, + .warning .titlebar .popover .button, + .titlebar .popover .error .button, + .error .titlebar .popover .button, .titlebar .popover GtkScaleButton.button, + .titlebar .popover GtkVolumeButton.button, .titlebar .popover GfCandidatePopup .button, GfCandidatePopup .titlebar .popover .button, .titlebar .popover GfCandidatePopup .button:first-child, GfCandidatePopup .titlebar .popover .button:first-child, .titlebar .popover GfCandidatePopup .button:last-child, GfCandidatePopup .titlebar .popover .button:last-child, + .titlebar .popover GfCandidatePopup .linked > .button, + GfCandidatePopup .titlebar .popover .linked > .button, .titlebar .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .titlebar .popover .button:not(.flat):not(.titlebutton), .titlebar .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .titlebar .popover .button:not(.flat):not(.titlebutton), + .header-bar .popover .button.flat, + .header-bar .popover .button.osd.image-button, + .header-bar .popover .inline-toolbar .button, + .inline-toolbar .header-bar .popover .button, + .header-bar .popover .action-bar .button, + .action-bar .header-bar .popover .button, + .header-bar .popover .inline-toolbar .linked > .button.image-button:not(.text-button), + .inline-toolbar .header-bar .popover .linked > .button.image-button:not(.text-button), + .header-bar .popover .inline-toolbar .stack-switcher > .button.image-button:not(.text-button), + .inline-toolbar .header-bar .popover .stack-switcher > .button.image-button:not(.text-button), + .header-bar .popover .action-bar .stack-switcher > .button.image-button:not(.text-button), + .action-bar .header-bar .popover .stack-switcher > .button.image-button:not(.text-button), + .header-bar .popover .app-notification .button, + .app-notification .header-bar .popover .button, + .header-bar .popover GeditViewFrame .gedit-search-slider .button, + GeditViewFrame .gedit-search-slider .header-bar .popover .button, + .header-bar .popover .toolbar .button, + .toolbar .header-bar .popover .button, + .header-bar .popover .button:not(.suggested-action):not(.destructive-action), + .header-bar .popover .message-dialog.csd .dialog-action-area .button, + .message-dialog.csd .dialog-action-area .header-bar .popover .button, + .header-bar .popover .sidebar-button.button, + .header-bar .popover .info .button, + .info .header-bar .popover .button, + .header-bar .popover .question .button, + .question .header-bar .popover .button, + .header-bar .popover .warning .button, + .warning .header-bar .popover .button, + .header-bar .popover .error .button, + .error .header-bar .popover .button, + .header-bar .popover GtkScaleButton.button, + .header-bar .popover GtkVolumeButton.button, + .header-bar .popover GfCandidatePopup .button, + GfCandidatePopup .header-bar .popover .button, + .header-bar .popover GfCandidatePopup .button:first-child, + GfCandidatePopup .header-bar .popover .button:first-child, + .header-bar .popover GfCandidatePopup .button:last-child, + GfCandidatePopup .header-bar .popover .button:last-child, + .header-bar .popover GfCandidatePopup .linked > .button, + GfCandidatePopup .header-bar .popover .linked > .button, + .header-bar .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .header-bar .popover .button:not(.flat):not(.titlebutton), + .header-bar .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .header-bar .popover .button:not(.flat):not(.titlebutton) { + color: rgba(236, 239, 241, 0.75); } + .titlebar .popover .button.flat:hover, .titlebar .popover .button.osd.image-button:hover, .titlebar .popover .inline-toolbar .button:hover, .inline-toolbar .titlebar .popover .button:hover, .titlebar .popover .action-bar .button:hover, .action-bar .titlebar .popover .button:hover, .titlebar .popover .app-notification .button:hover, .app-notification .titlebar .popover .button:hover, .titlebar .popover GeditViewFrame .gedit-search-slider .button:hover, GeditViewFrame .gedit-search-slider .titlebar .popover .button:hover, .titlebar .popover .toolbar .button:hover, .toolbar .titlebar .popover .button:hover, .titlebar .popover .button:hover:not(.suggested-action):not(.destructive-action), .titlebar .popover .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .titlebar .popover .button:hover, .titlebar .popover .sidebar-button.button:hover, .titlebar .popover .info .button:hover, .info .titlebar .popover .button:hover, + .titlebar .popover .question .button:hover, + .question .titlebar .popover .button:hover, + .titlebar .popover .warning .button:hover, + .warning .titlebar .popover .button:hover, + .titlebar .popover .error .button:hover, + .error .titlebar .popover .button:hover, .titlebar .popover GtkScaleButton.button:hover, + .titlebar .popover GtkVolumeButton.button:hover, .titlebar .popover GfCandidatePopup .button:hover, GfCandidatePopup .titlebar .popover .button:hover, .titlebar .popover GfCandidatePopup .button:hover:first-child, GfCandidatePopup .titlebar .popover .button:hover:first-child, .titlebar .popover GfCandidatePopup .button:hover:last-child, GfCandidatePopup .titlebar .popover .button:hover:last-child, + .titlebar .popover GfCandidatePopup .linked > .button:hover, + GfCandidatePopup .titlebar .popover .linked > .button:hover, .titlebar .popover MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .titlebar .popover .button:hover:not(.flat):not(.titlebutton), .titlebar .popover MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .titlebar .popover .button:hover:not(.flat):not(.titlebutton), + .header-bar .popover .button.flat:hover, + .header-bar .popover .button.osd.image-button:hover, + .header-bar .popover .inline-toolbar .button:hover, + .inline-toolbar .header-bar .popover .button:hover, + .header-bar .popover .action-bar .button:hover, + .action-bar .header-bar .popover .button:hover, + .header-bar .popover .app-notification .button:hover, + .app-notification .header-bar .popover .button:hover, + .header-bar .popover GeditViewFrame .gedit-search-slider .button:hover, + GeditViewFrame .gedit-search-slider .header-bar .popover .button:hover, + .header-bar .popover .toolbar .button:hover, + .toolbar .header-bar .popover .button:hover, + .header-bar .popover .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .popover .message-dialog.csd .dialog-action-area .button:hover, + .message-dialog.csd .dialog-action-area .header-bar .popover .button:hover, + .header-bar .popover .sidebar-button.button:hover, + .header-bar .popover .info .button:hover, + .info .header-bar .popover .button:hover, + .header-bar .popover .question .button:hover, + .question .header-bar .popover .button:hover, + .header-bar .popover .warning .button:hover, + .warning .header-bar .popover .button:hover, + .header-bar .popover .error .button:hover, + .error .header-bar .popover .button:hover, + .header-bar .popover GtkScaleButton.button:hover, + .header-bar .popover GtkVolumeButton.button:hover, + .header-bar .popover GfCandidatePopup .button:hover, + GfCandidatePopup .header-bar .popover .button:hover, + .header-bar .popover GfCandidatePopup .button:hover:first-child, + GfCandidatePopup .header-bar .popover .button:hover:first-child, + .header-bar .popover GfCandidatePopup .button:hover:last-child, + GfCandidatePopup .header-bar .popover .button:hover:last-child, + .header-bar .popover GfCandidatePopup .linked > .button:hover, + GfCandidatePopup .header-bar .popover .linked > .button:hover, + .header-bar .popover MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .header-bar .popover .button:hover:not(.flat):not(.titlebutton), + .header-bar .popover MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .header-bar .popover .button:hover:not(.flat):not(.titlebutton) { + color: #ECEFF1; } + .titlebar .popover .button.flat .label:hover, .titlebar .popover .button.osd.image-button .label:hover, .titlebar .popover .inline-toolbar .button .label:hover, .inline-toolbar .titlebar .popover .button .label:hover, .titlebar .popover .action-bar .button .label:hover, .action-bar .titlebar .popover .button .label:hover, .titlebar .popover .app-notification .button .label:hover, .app-notification .titlebar .popover .button .label:hover, .titlebar .popover GeditViewFrame .gedit-search-slider .button .label:hover, GeditViewFrame .gedit-search-slider .titlebar .popover .button .label:hover, .titlebar .popover .toolbar .button .label:hover, .toolbar .titlebar .popover .button .label:hover, .titlebar .popover .button:not(.suggested-action):not(.destructive-action) .label:hover, .titlebar .popover .message-dialog.csd .dialog-action-area .button .label:hover, .message-dialog.csd .dialog-action-area .titlebar .popover .button .label:hover, .titlebar .popover .sidebar-button.button .label:hover, .titlebar .popover .info .button .label:hover, .info .titlebar .popover .button .label:hover, + .titlebar .popover .question .button .label:hover, + .question .titlebar .popover .button .label:hover, + .titlebar .popover .warning .button .label:hover, + .warning .titlebar .popover .button .label:hover, + .titlebar .popover .error .button .label:hover, + .error .titlebar .popover .button .label:hover, .titlebar .popover GtkScaleButton.button .label:hover, + .titlebar .popover GtkVolumeButton.button .label:hover, .titlebar .popover GfCandidatePopup .button .label:hover, GfCandidatePopup .titlebar .popover .button .label:hover, .titlebar .popover GfCandidatePopup .button:first-child .label:hover, GfCandidatePopup .titlebar .popover .button:first-child .label:hover, .titlebar .popover GfCandidatePopup .button:last-child .label:hover, GfCandidatePopup .titlebar .popover .button:last-child .label:hover, + .titlebar .popover GfCandidatePopup .linked > .button .label:hover, + GfCandidatePopup .titlebar .popover .linked > .button .label:hover, .titlebar .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton) .label:hover, MathWindow :not(.titlebar) .titlebar .popover .button:not(.flat):not(.titlebutton) .label:hover, .titlebar .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton) .label:hover, MathWindow :not(.header-bar) .titlebar .popover .button:not(.flat):not(.titlebutton) .label:hover, + .header-bar .popover .button.flat .label:hover, + .header-bar .popover .button.osd.image-button .label:hover, + .header-bar .popover .inline-toolbar .button .label:hover, + .inline-toolbar .header-bar .popover .button .label:hover, + .header-bar .popover .action-bar .button .label:hover, + .action-bar .header-bar .popover .button .label:hover, + .header-bar .popover .app-notification .button .label:hover, + .app-notification .header-bar .popover .button .label:hover, + .header-bar .popover GeditViewFrame .gedit-search-slider .button .label:hover, + GeditViewFrame .gedit-search-slider .header-bar .popover .button .label:hover, + .header-bar .popover .toolbar .button .label:hover, + .toolbar .header-bar .popover .button .label:hover, + .header-bar .popover .button:not(.suggested-action):not(.destructive-action) .label:hover, + .header-bar .popover .message-dialog.csd .dialog-action-area .button .label:hover, + .message-dialog.csd .dialog-action-area .header-bar .popover .button .label:hover, + .header-bar .popover .sidebar-button.button .label:hover, + .header-bar .popover .info .button .label:hover, + .info .header-bar .popover .button .label:hover, + .header-bar .popover .question .button .label:hover, + .question .header-bar .popover .button .label:hover, + .header-bar .popover .warning .button .label:hover, + .warning .header-bar .popover .button .label:hover, + .header-bar .popover .error .button .label:hover, + .error .header-bar .popover .button .label:hover, + .header-bar .popover GtkScaleButton.button .label:hover, + .header-bar .popover GtkVolumeButton.button .label:hover, + .header-bar .popover GfCandidatePopup .button .label:hover, + GfCandidatePopup .header-bar .popover .button .label:hover, + .header-bar .popover GfCandidatePopup .button:first-child .label:hover, + GfCandidatePopup .header-bar .popover .button:first-child .label:hover, + .header-bar .popover GfCandidatePopup .button:last-child .label:hover, + GfCandidatePopup .header-bar .popover .button:last-child .label:hover, + .header-bar .popover GfCandidatePopup .linked > .button .label:hover, + GfCandidatePopup .header-bar .popover .linked > .button .label:hover, + .header-bar .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton) .label:hover, + MathWindow :not(.titlebar) .header-bar .popover .button:not(.flat):not(.titlebutton) .label:hover, + .header-bar .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton) .label:hover, + MathWindow :not(.header-bar) .header-bar .popover .button:not(.flat):not(.titlebutton) .label:hover { + color: #ECEFF1; } + .titlebar .popover .button.flat .label:insensitive, .titlebar .popover .button.osd.image-button .label:insensitive, .titlebar .popover .inline-toolbar .button .label:insensitive, .inline-toolbar .titlebar .popover .button .label:insensitive, .titlebar .popover .action-bar .button .label:insensitive, .action-bar .titlebar .popover .button .label:insensitive, .titlebar .popover .app-notification .button .label:insensitive, .app-notification .titlebar .popover .button .label:insensitive, .titlebar .popover GeditViewFrame .gedit-search-slider .button .label:insensitive, GeditViewFrame .gedit-search-slider .titlebar .popover .button .label:insensitive, .titlebar .popover .toolbar .button .label:insensitive, .toolbar .titlebar .popover .button .label:insensitive, .titlebar .popover .button:not(.suggested-action):not(.destructive-action) .label:insensitive, .titlebar .popover .message-dialog.csd .dialog-action-area .button .label:insensitive, .message-dialog.csd .dialog-action-area .titlebar .popover .button .label:insensitive, .titlebar .popover .sidebar-button.button .label:insensitive, .titlebar .popover .info .button .label:insensitive, .info .titlebar .popover .button .label:insensitive, + .titlebar .popover .question .button .label:insensitive, + .question .titlebar .popover .button .label:insensitive, + .titlebar .popover .warning .button .label:insensitive, + .warning .titlebar .popover .button .label:insensitive, + .titlebar .popover .error .button .label:insensitive, + .error .titlebar .popover .button .label:insensitive, .titlebar .popover GtkScaleButton.button .label:insensitive, + .titlebar .popover GtkVolumeButton.button .label:insensitive, .titlebar .popover GfCandidatePopup .button .label:insensitive, GfCandidatePopup .titlebar .popover .button .label:insensitive, .titlebar .popover GfCandidatePopup .button:first-child .label:insensitive, GfCandidatePopup .titlebar .popover .button:first-child .label:insensitive, .titlebar .popover GfCandidatePopup .button:last-child .label:insensitive, GfCandidatePopup .titlebar .popover .button:last-child .label:insensitive, + .titlebar .popover GfCandidatePopup .linked > .button .label:insensitive, + GfCandidatePopup .titlebar .popover .linked > .button .label:insensitive, .titlebar .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton) .label:insensitive, MathWindow :not(.titlebar) .titlebar .popover .button:not(.flat):not(.titlebutton) .label:insensitive, .titlebar .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton) .label:insensitive, MathWindow :not(.header-bar) .titlebar .popover .button:not(.flat):not(.titlebutton) .label:insensitive, + .header-bar .popover .button.flat .label:insensitive, + .header-bar .popover .button.osd.image-button .label:insensitive, + .header-bar .popover .inline-toolbar .button .label:insensitive, + .inline-toolbar .header-bar .popover .button .label:insensitive, + .header-bar .popover .action-bar .button .label:insensitive, + .action-bar .header-bar .popover .button .label:insensitive, + .header-bar .popover .app-notification .button .label:insensitive, + .app-notification .header-bar .popover .button .label:insensitive, + .header-bar .popover GeditViewFrame .gedit-search-slider .button .label:insensitive, + GeditViewFrame .gedit-search-slider .header-bar .popover .button .label:insensitive, + .header-bar .popover .toolbar .button .label:insensitive, + .toolbar .header-bar .popover .button .label:insensitive, + .header-bar .popover .button:not(.suggested-action):not(.destructive-action) .label:insensitive, + .header-bar .popover .message-dialog.csd .dialog-action-area .button .label:insensitive, + .message-dialog.csd .dialog-action-area .header-bar .popover .button .label:insensitive, + .header-bar .popover .sidebar-button.button .label:insensitive, + .header-bar .popover .info .button .label:insensitive, + .info .header-bar .popover .button .label:insensitive, + .header-bar .popover .question .button .label:insensitive, + .question .header-bar .popover .button .label:insensitive, + .header-bar .popover .warning .button .label:insensitive, + .warning .header-bar .popover .button .label:insensitive, + .header-bar .popover .error .button .label:insensitive, + .error .header-bar .popover .button .label:insensitive, + .header-bar .popover GtkScaleButton.button .label:insensitive, + .header-bar .popover GtkVolumeButton.button .label:insensitive, + .header-bar .popover GfCandidatePopup .button .label:insensitive, + GfCandidatePopup .header-bar .popover .button .label:insensitive, + .header-bar .popover GfCandidatePopup .button:first-child .label:insensitive, + GfCandidatePopup .header-bar .popover .button:first-child .label:insensitive, + .header-bar .popover GfCandidatePopup .button:last-child .label:insensitive, + GfCandidatePopup .header-bar .popover .button:last-child .label:insensitive, + .header-bar .popover GfCandidatePopup .linked > .button .label:insensitive, + GfCandidatePopup .header-bar .popover .linked > .button .label:insensitive, + .header-bar .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton) .label:insensitive, + MathWindow :not(.titlebar) .header-bar .popover .button:not(.flat):not(.titlebutton) .label:insensitive, + .header-bar .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton) .label:insensitive, + MathWindow :not(.header-bar) .header-bar .popover .button:not(.flat):not(.titlebutton) .label:insensitive { + color: rgba(236, 239, 241, 0.3); } + .titlebar GtkSwitch.trough, + .header-bar GtkSwitch.trough { + background-color: rgba(236, 239, 241, 0.075); } + .titlebar GtkSwitch.trough:active, + .header-bar GtkSwitch.trough:active { + background-color: rgba(0, 188, 212, 0.2); } + .titlebar GtkSwitch.trough:active:insensitive, + .header-bar GtkSwitch.trough:active:insensitive { + background-color: rgba(0, 188, 212, 0.2); } + .titlebar GtkSwitch.trough:insensitive, + .header-bar GtkSwitch.trough:insensitive { + color: rgba(236, 239, 241, 0.3); + background-color: alpha(currentColor, 0.2); } + .titlebar GtkSwitch.slider, + .header-bar GtkSwitch.slider { + background-color: #3e515a; } + .titlebar GtkSwitch.slider:hover, + .header-bar GtkSwitch.slider:hover { + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2)); } + .titlebar GtkSwitch.slider:active, + .header-bar GtkSwitch.slider:active { + background-color: #C5A68E; } + .titlebar GtkSwitch.slider:active:insensitive, + .header-bar GtkSwitch.slider:active:insensitive { + background-color: #3F4E56; } + .titlebar GtkSwitch.slider:insensitive, + .header-bar GtkSwitch.slider:insensitive { + background-color: #3F4E56; } + .titlebar.selection-mode, + .header-bar.selection-mode { + border-width: 1px 0 1px 0; + border-top-color: rgba(255, 255, 255, 0.07); + border-bottom-color: transparent; + background-color: #C5A68E; + color: #FFFFFF; } + .titlebar.selection-mode .button, + .titlebar.selection-mode .button.text-button, + .titlebar.selection-mode .flat.selection-menu, + .titlebar.selection-mode .text-button.selection-menu, + .titlebar.selection-mode .button.image-button, + .header-bar.selection-mode .button, + .header-bar.selection-mode .button.text-button, + .header-bar.selection-mode .flat.selection-menu, + .header-bar.selection-mode .text-button.selection-menu, + .header-bar.selection-mode .button.image-button { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#FFFFFF), to(transparent)) 0 0 0/0 0 0px; + color: rgba(255, 255, 255, 0.85); + background-color: transparent; } + .titlebar.selection-mode .button:hover, .titlebar.selection-mode .button:active, .titlebar.selection-mode .button:checked, + .titlebar.selection-mode .button.text-button:hover, + .titlebar.selection-mode .button.text-button:active, + .titlebar.selection-mode .button.text-button:checked, + .titlebar.selection-mode .flat.selection-menu:hover, + .titlebar.selection-mode .flat.selection-menu:active, + .titlebar.selection-mode .flat.selection-menu:checked, + .titlebar.selection-mode .text-button.selection-menu:hover, + .titlebar.selection-mode .text-button.selection-menu:active, + .titlebar.selection-mode .text-button.selection-menu:checked, + .titlebar.selection-mode .button.image-button:hover, + .titlebar.selection-mode .button.image-button:active, + .titlebar.selection-mode .button.image-button:checked, + .header-bar.selection-mode .button:hover, + .header-bar.selection-mode .button:active, + .header-bar.selection-mode .button:checked, + .header-bar.selection-mode .button.text-button:hover, + .header-bar.selection-mode .button.text-button:active, + .header-bar.selection-mode .button.text-button:checked, + .header-bar.selection-mode .flat.selection-menu:hover, + .header-bar.selection-mode .flat.selection-menu:active, + .header-bar.selection-mode .flat.selection-menu:checked, + .header-bar.selection-mode .text-button.selection-menu:hover, + .header-bar.selection-mode .text-button.selection-menu:active, + .header-bar.selection-mode .text-button.selection-menu:checked, + .header-bar.selection-mode .button.image-button:hover, + .header-bar.selection-mode .button.image-button:active, + .header-bar.selection-mode .button.image-button:checked { + color: #FFFFFF; } + .titlebar.selection-mode .button:insensitive, + .titlebar.selection-mode .button.text-button:insensitive, + .titlebar.selection-mode .flat.selection-menu:insensitive, + .titlebar.selection-mode .text-button.selection-menu:insensitive, + .titlebar.selection-mode .button.image-button:insensitive, + .header-bar.selection-mode .button:insensitive, + .header-bar.selection-mode .button.text-button:insensitive, + .header-bar.selection-mode .flat.selection-menu:insensitive, + .header-bar.selection-mode .text-button.selection-menu:insensitive, + .header-bar.selection-mode .button.image-button:insensitive { + color: rgba(236, 239, 241, 0.225); } + .titlebar.selection-mode .button:checked, + .titlebar.selection-mode .button.text-button:checked, + .titlebar.selection-mode .flat.selection-menu:checked, + .titlebar.selection-mode .text-button.selection-menu:checked, + .titlebar.selection-mode .button.image-button:checked, + .header-bar.selection-mode .button:checked, + .header-bar.selection-mode .button.text-button:checked, + .header-bar.selection-mode .flat.selection-menu:checked, + .header-bar.selection-mode .text-button.selection-menu:checked, + .header-bar.selection-mode .button.image-button:checked { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FFFFFF), to(transparent)) 0 0 2/0 0 2px; + color: #FFFFFF; + background-color: transparent; } + .titlebar.selection-mode .button:checked:insensitive, + .titlebar.selection-mode .button.text-button:checked:insensitive, + .titlebar.selection-mode .flat.selection-menu:checked:insensitive, + .titlebar.selection-mode .text-button.selection-menu:checked:insensitive, + .titlebar.selection-mode .button.image-button:checked:insensitive, + .header-bar.selection-mode .button:checked:insensitive, + .header-bar.selection-mode .button.text-button:checked:insensitive, + .header-bar.selection-mode .flat.selection-menu:checked:insensitive, + .header-bar.selection-mode .text-button.selection-menu:checked:insensitive, + .header-bar.selection-mode .button.image-button:checked:insensitive { + color: rgba(255, 255, 255, 0.4); } + .titlebar.selection-mode .button:checked:insensitive > .label, + .titlebar.selection-mode .button.text-button:checked:insensitive > .label, + .titlebar.selection-mode .flat.selection-menu:checked:insensitive > .label, + .titlebar.selection-mode .text-button.selection-menu:checked:insensitive > .label, + .titlebar.selection-mode .button.image-button:checked:insensitive > .label, + .header-bar.selection-mode .button:checked:insensitive > .label, + .header-bar.selection-mode .button.text-button:checked:insensitive > .label, + .header-bar.selection-mode .flat.selection-menu:checked:insensitive > .label, + .header-bar.selection-mode .text-button.selection-menu:checked:insensitive > .label, + .header-bar.selection-mode .button.image-button:checked:insensitive > .label { + color: inherit; } + .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode .raven .raven-header > .button.text-button, .raven .titlebar.selection-mode .raven-header > .button.text-button, + .titlebar.selection-mode .button.text-button.suggested-action, + .titlebar.selection-mode .raven .raven-header > .text-button.button, + .raven .titlebar.selection-mode .raven-header > .text-button.button, + .titlebar.selection-mode .flat.selection-menu.suggested-action, + .titlebar.selection-mode .text-button.selection-menu.suggested-action, + .titlebar.selection-mode .button.image-button.suggested-action, + .titlebar.selection-mode .raven .raven-header > .image-button.button.text-button, + .raven .titlebar.selection-mode .raven-header > .image-button.button.text-button, + .header-bar.selection-mode .button.suggested-action, + .header-bar.selection-mode .raven .raven-header > .button.text-button, + .raven .header-bar.selection-mode .raven-header > .button.text-button, + .header-bar.selection-mode .button.text-button.suggested-action, + .header-bar.selection-mode .raven .raven-header > .text-button.button, + .raven .header-bar.selection-mode .raven-header > .text-button.button, + .header-bar.selection-mode .flat.selection-menu.suggested-action, + .header-bar.selection-mode .text-button.selection-menu.suggested-action, + .header-bar.selection-mode .button.image-button.suggested-action, + .header-bar.selection-mode .raven .raven-header > .image-button.button.text-button, + .raven .header-bar.selection-mode .raven-header > .image-button.button.text-button { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #546E7A; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); } + .titlebar.selection-mode .button.suggested-action:hover, .titlebar.selection-mode .raven .raven-header > .button.text-button:hover, .raven .titlebar.selection-mode .raven-header > .button.text-button:hover, + .titlebar.selection-mode .button.text-button.suggested-action:hover, + .titlebar.selection-mode .raven .raven-header > .text-button.button:hover, + .raven .titlebar.selection-mode .raven-header > .text-button.button:hover, + .titlebar.selection-mode .flat.selection-menu.suggested-action:hover, + .titlebar.selection-mode .text-button.selection-menu.suggested-action:hover, + .titlebar.selection-mode .button.image-button.suggested-action:hover, + .titlebar.selection-mode .raven .raven-header > .image-button.button.text-button:hover, + .raven .titlebar.selection-mode .raven-header > .image-button.button.text-button:hover, + .header-bar.selection-mode .button.suggested-action:hover, + .header-bar.selection-mode .raven .raven-header > .button.text-button:hover, + .raven .header-bar.selection-mode .raven-header > .button.text-button:hover, + .header-bar.selection-mode .button.text-button.suggested-action:hover, + .header-bar.selection-mode .raven .raven-header > .text-button.button:hover, + .raven .header-bar.selection-mode .raven-header > .text-button.button:hover, + .header-bar.selection-mode .flat.selection-menu.suggested-action:hover, + .header-bar.selection-mode .text-button.selection-menu.suggested-action:hover, + .header-bar.selection-mode .button.image-button.suggested-action:hover, + .header-bar.selection-mode .raven .raven-header > .image-button.button.text-button:hover, + .raven .header-bar.selection-mode .raven-header > .image-button.button.text-button:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #ECEFF1; } + .titlebar.selection-mode .button.suggested-action:active, .titlebar.selection-mode .raven .raven-header > .button.text-button:active, .raven .titlebar.selection-mode .raven-header > .button.text-button:active, + .titlebar.selection-mode .button.text-button.suggested-action:active, + .titlebar.selection-mode .raven .raven-header > .text-button.button:active, + .raven .titlebar.selection-mode .raven-header > .text-button.button:active, + .titlebar.selection-mode .flat.selection-menu.suggested-action:active, + .titlebar.selection-mode .text-button.selection-menu.suggested-action:active, + .titlebar.selection-mode .button.image-button.suggested-action:active, + .titlebar.selection-mode .raven .raven-header > .image-button.button.text-button:active, + .raven .titlebar.selection-mode .raven-header > .image-button.button.text-button:active, + .header-bar.selection-mode .button.suggested-action:active, + .header-bar.selection-mode .raven .raven-header > .button.text-button:active, + .raven .header-bar.selection-mode .raven-header > .button.text-button:active, + .header-bar.selection-mode .button.text-button.suggested-action:active, + .header-bar.selection-mode .raven .raven-header > .text-button.button:active, + .raven .header-bar.selection-mode .raven-header > .text-button.button:active, + .header-bar.selection-mode .flat.selection-menu.suggested-action:active, + .header-bar.selection-mode .text-button.selection-menu.suggested-action:active, + .header-bar.selection-mode .button.image-button.suggested-action:active, + .header-bar.selection-mode .raven .raven-header > .image-button.button.text-button:active, + .raven .header-bar.selection-mode .raven-header > .image-button.button.text-button:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #ECEFF1; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .titlebar.selection-mode .button.suggested-action:insensitive, .titlebar.selection-mode .raven .raven-header > .button.text-button:insensitive, .raven .titlebar.selection-mode .raven-header > .button.text-button:insensitive, + .titlebar.selection-mode .button.text-button.suggested-action:insensitive, + .titlebar.selection-mode .raven .raven-header > .text-button.button:insensitive, + .raven .titlebar.selection-mode .raven-header > .text-button.button:insensitive, + .titlebar.selection-mode .flat.selection-menu.suggested-action:insensitive, + .titlebar.selection-mode .text-button.selection-menu.suggested-action:insensitive, + .titlebar.selection-mode .button.image-button.suggested-action:insensitive, + .titlebar.selection-mode .raven .raven-header > .image-button.button.text-button:insensitive, + .raven .titlebar.selection-mode .raven-header > .image-button.button.text-button:insensitive, + .header-bar.selection-mode .button.suggested-action:insensitive, + .header-bar.selection-mode .raven .raven-header > .button.text-button:insensitive, + .raven .header-bar.selection-mode .raven-header > .button.text-button:insensitive, + .header-bar.selection-mode .button.text-button.suggested-action:insensitive, + .header-bar.selection-mode .raven .raven-header > .text-button.button:insensitive, + .raven .header-bar.selection-mode .raven-header > .text-button.button:insensitive, + .header-bar.selection-mode .flat.selection-menu.suggested-action:insensitive, + .header-bar.selection-mode .text-button.selection-menu.suggested-action:insensitive, + .header-bar.selection-mode .button.image-button.suggested-action:insensitive, + .header-bar.selection-mode .raven .raven-header > .image-button.button.text-button:insensitive, + .raven .header-bar.selection-mode .raven-header > .image-button.button.text-button:insensitive { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(236, 239, 241, 0.225); } + .titlebar.selection-mode .button.suggested-action:insensitive > .label, .titlebar.selection-mode .raven .raven-header > .button.text-button:insensitive > .label, .raven .titlebar.selection-mode .raven-header > .button.text-button:insensitive > .label, + .titlebar.selection-mode .button.text-button.suggested-action:insensitive > .label, + .titlebar.selection-mode .raven .raven-header > .text-button.button:insensitive > .label, + .raven .titlebar.selection-mode .raven-header > .text-button.button:insensitive > .label, + .titlebar.selection-mode .flat.selection-menu.suggested-action:insensitive > .label, + .titlebar.selection-mode .text-button.selection-menu.suggested-action:insensitive > .label, + .titlebar.selection-mode .button.image-button.suggested-action:insensitive > .label, + .titlebar.selection-mode .raven .raven-header > .image-button.button.text-button:insensitive > .label, + .raven .titlebar.selection-mode .raven-header > .image-button.button.text-button:insensitive > .label, + .header-bar.selection-mode .button.suggested-action:insensitive > .label, + .header-bar.selection-mode .raven .raven-header > .button.text-button:insensitive > .label, + .raven .header-bar.selection-mode .raven-header > .button.text-button:insensitive > .label, + .header-bar.selection-mode .button.text-button.suggested-action:insensitive > .label, + .header-bar.selection-mode .raven .raven-header > .text-button.button:insensitive > .label, + .raven .header-bar.selection-mode .raven-header > .text-button.button:insensitive > .label, + .header-bar.selection-mode .flat.selection-menu.suggested-action:insensitive > .label, + .header-bar.selection-mode .text-button.selection-menu.suggested-action:insensitive > .label, + .header-bar.selection-mode .button.image-button.suggested-action:insensitive > .label, + .header-bar.selection-mode .raven .raven-header > .image-button.button.text-button:insensitive > .label, + .raven .header-bar.selection-mode .raven-header > .image-button.button.text-button:insensitive > .label { + color: inherit; } + .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action), + .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action) { + border-radius: 100px; + outline-radius: 100px; } + .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).text-button, .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).flat.selection-menu, .titlebar.selection-mode .button.osd.image-button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .inline-toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu, .inline-toolbar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .action-bar .button:not(.suggested-action):not(.destructive-action).selection-menu, .action-bar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .app-notification .button:not(.suggested-action):not(.destructive-action).selection-menu, .app-notification .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode GeditViewFrame .gedit-search-slider .button:not(.suggested-action):not(.destructive-action).selection-menu, GeditViewFrame .gedit-search-slider .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu, .toolbar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode .header-bar .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .message-dialog.csd .dialog-action-area .button:not(.suggested-action):not(.destructive-action).selection-menu, .message-dialog.csd .dialog-action-area .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .sidebar-button.button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .info .button:not(.suggested-action):not(.destructive-action).selection-menu, .info .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode .question .button:not(.suggested-action):not(.destructive-action).selection-menu, + .question .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode .warning .button:not(.suggested-action):not(.destructive-action).selection-menu, + .warning .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode .error .button:not(.suggested-action):not(.destructive-action).selection-menu, + .error .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode GtkScaleButton.button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode GtkVolumeButton.button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu, GfCandidatePopup .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu:first-child, GfCandidatePopup .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:first-child, .titlebar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu:last-child, GfCandidatePopup .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:last-child, + .titlebar.selection-mode GfCandidatePopup .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu, + GfCandidatePopup .titlebar.selection-mode .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode MathWindow :not(.titlebar) .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), .titlebar.selection-mode MathWindow :not(.header-bar) .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), + .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).text-button, + .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).flat.selection-menu, + .header-bar.selection-mode .button.osd.image-button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .inline-toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu, + .inline-toolbar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .action-bar .button:not(.suggested-action):not(.destructive-action).selection-menu, + .action-bar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .app-notification .button:not(.suggested-action):not(.destructive-action).selection-menu, + .app-notification .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode GeditViewFrame .gedit-search-slider .button:not(.suggested-action):not(.destructive-action).selection-menu, + GeditViewFrame .gedit-search-slider .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu, + .toolbar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .titlebar .button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .message-dialog.csd .dialog-action-area .button:not(.suggested-action):not(.destructive-action).selection-menu, + .message-dialog.csd .dialog-action-area .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .sidebar-button.button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .info .button:not(.suggested-action):not(.destructive-action).selection-menu, + .info .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .question .button:not(.suggested-action):not(.destructive-action).selection-menu, + .question .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .warning .button:not(.suggested-action):not(.destructive-action).selection-menu, + .warning .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .error .button:not(.suggested-action):not(.destructive-action).selection-menu, + .error .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode GtkScaleButton.button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode GtkVolumeButton.button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu, + GfCandidatePopup .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu:first-child, + GfCandidatePopup .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:first-child, + .header-bar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu:last-child, + GfCandidatePopup .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:last-child, + .header-bar.selection-mode GfCandidatePopup .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu, + GfCandidatePopup .header-bar.selection-mode .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode MathWindow :not(.titlebar) .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), + .header-bar.selection-mode MathWindow :not(.header-bar) .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton) { + border-radius: 2px; + outline-radius: 2px; } + .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).text-button.image-button, .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).flat.selection-menu.image-button, .titlebar.selection-mode .button.osd:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .inline-toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .inline-toolbar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .action-bar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .action-bar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .app-notification .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .app-notification .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode GeditViewFrame .gedit-search-slider .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, GeditViewFrame .gedit-search-slider .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .toolbar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode .header-bar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .message-dialog.csd .dialog-action-area .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .message-dialog.csd .dialog-action-area .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .sidebar-button.button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .info .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .info .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode .question .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .question .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode .warning .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .warning .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode .error .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .error .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode GtkScaleButton.button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode GtkVolumeButton.button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, GfCandidatePopup .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:first-child, GfCandidatePopup .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:first-child, .titlebar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:last-child, GfCandidatePopup .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:last-child, + .titlebar.selection-mode GfCandidatePopup .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + GfCandidatePopup .titlebar.selection-mode .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode MathWindow :not(.titlebar) .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), .titlebar.selection-mode MathWindow :not(.header-bar) .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), + .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).text-button.image-button, + .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).flat.selection-menu.image-button, + .header-bar.selection-mode .button.osd:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .inline-toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .inline-toolbar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .action-bar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .action-bar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .app-notification .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .app-notification .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode GeditViewFrame .gedit-search-slider .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + GeditViewFrame .gedit-search-slider .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .toolbar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .titlebar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .message-dialog.csd .dialog-action-area .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .message-dialog.csd .dialog-action-area .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .sidebar-button.button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .info .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .info .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .question .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .question .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .warning .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .warning .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .error .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .error .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode GtkScaleButton.button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode GtkVolumeButton.button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + GfCandidatePopup .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:first-child, + GfCandidatePopup .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:first-child, + .header-bar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:last-child, + GfCandidatePopup .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:last-child, + .header-bar.selection-mode GfCandidatePopup .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + GfCandidatePopup .header-bar.selection-mode .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode MathWindow :not(.titlebar) .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), + .header-bar.selection-mode MathWindow :not(.header-bar) .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton) { + border-radius: 100px; + outline-radius: 100px; } + .titlebar.selection-mode .entry, + .header-bar.selection-mode .entry { + color: rgba(236, 239, 241, 0.75); } + .titlebar.selection-mode .entry:focus, + .header-bar.selection-mode .entry:focus { + color: #ECEFF1; } + .titlebar.selection-mode .entry:insensitive, + .header-bar.selection-mode .entry:insensitive { + color: rgba(236, 239, 241, 0.225); } + .titlebar.selection-mode .selection-menu, + .header-bar.selection-mode .selection-menu { + padding-left: 1.2em; + padding-right: 1.2em; } + .titlebar.selection-mode .selection-menu GtkArrow, + .header-bar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + .titlebar.selection-mode .selection-menu .arrow, + .header-bar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .tiled .titlebar, .tiled + .header-bar { + transition: none; } + .maximized .titlebar, .maximized + .header-bar { + transition: none; } + .titlebar.default-decoration, + .header-bar.default-decoration { + padding: 5.3px; + border-width: 0; } + .titlebar.default-decoration .title, + .header-bar.default-decoration .title { + color: #ECEFF1; } + .titlebar.default-decoration .title:backdrop, + .header-bar.default-decoration .title:backdrop { + color: rgba(236, 239, 241, 0.4); } + .titlebar.default-decoration .button.titlebutton, + .header-bar.default-decoration .button.titlebutton { + padding: 4px; + color: rgba(236, 239, 241, 0.75); } + .titlebar.default-decoration .button.titlebutton:hover, .titlebar.default-decoration .button.titlebutton:active, + .header-bar.default-decoration .button.titlebutton:hover, + .header-bar.default-decoration .button.titlebutton:active { + color: #ECEFF1; } + .titlebar.default-decoration .button.titlebutton:backdrop, + .header-bar.default-decoration .button.titlebutton:backdrop { + color: rgba(236, 239, 241, 0.4); } + +.csd .header-bar, GtkBox .header-bar:only-child { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.14), 0 2px 3px rgba(0, 0, 0, 0.2); } +GtkBox .header-bar:not(:only-child):first-child, GtkBox .header-bar:not(:only-child):last-child { + border-left-color: #322F22; + border-right-color: #322F22; } + .tiled GtkBox .header-bar:not(:only-child):first-child, .maximized GtkBox .header-bar:not(:only-child):first-child, .tiled GtkBox .header-bar:not(:only-child):last-child, .maximized GtkBox .header-bar:not(:only-child):last-child { + border-left-color: #13191c; + border-right-color: #13191c; } +GtkBox .header-bar:not(:only-child):last-child:dir(ltr) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.14), 0 2px 3px rgba(0, 0, 0, 0.2), -5px 0 0 -1px #322F22, -2px 0 0 -1px rgba(0, 0, 0, 0.11); } +GtkBox .header-bar:not(:only-child):last-child:dir(rtl) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.14), 0 2px 3px rgba(0, 0, 0, 0.2), 5px 0 0 -1px #322F22, 2px 0 0 -1px rgba(0, 0, 0, 0.11); } +GtkPaned .header-bar:not(:only-child):last-child:dir(ltr) { + border-left: 1px solid #242F35; } +GtkPaned .header-bar:not(:only-child):last-child:dir(rtl) { + border-right: 1px solid #242F35; } + +GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(ltr) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.14), 0 2px 3px rgba(0, 0, 0, 0.2), -5px 0 0 -1px #C5A68E, -2px 0 0 -1px #242F35; } +GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(rtl) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.14), 0 2px 3px rgba(0, 0, 0, 0.2), 5px 0 0 -1px #C5A68E, 2px 0 0 -1px #242F35; } + +.header-bar, +.titlebar { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + GtkBox .header-bar:not(:last-child):not(.titlebar):dir(ltr), GtkBox + .titlebar:not(:last-child):not(.titlebar):dir(ltr) { + border-top-left-radius: 2px; + border-top-right-radius: 0; } + GtkBox .header-bar:not(:last-child):not(.titlebar):dir(rtl), GtkBox + .titlebar:not(:last-child):not(.titlebar):dir(rtl) { + border-top-left-radius: 0; + border-top-right-radius: 2px; } + GtkBox .header-bar:last-child:not(.titlebar):dir(ltr), GtkBox + .titlebar:last-child:not(.titlebar):dir(ltr) { + border-top-left-radius: 0; } + GtkBox .header-bar:last-child:not(.titlebar):dir(rtl), GtkBox + .titlebar:last-child:not(.titlebar):dir(rtl) { + border-top-right-radius: 0; } + +.tiled .titlebar, .tiled +.header-bar, .tiled .csd .header-bar, .tiled GtkBox .header-bar:only-child, .tiled GtkBox .header-bar:not(:only-child):last-child:dir(ltr), .tiled GtkBox .header-bar:not(:only-child):last-child:dir(rtl), .tiled GtkPaned .header-bar:not(:only-child):last-child:dir(ltr), .tiled GtkPaned .header-bar:not(:only-child):last-child:dir(rtl), .tiled GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(ltr), .tiled GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(rtl), .window-frame.ssd .tiled .titlebar { + border-radius: 0; + border-color: #13191c; + border-width: 2px 0 0 0; + border-top-color: #4DD0E1; + background-color: #13191c; + box-shadow: none; } + .tiled .titlebar:backdrop, .tiled + .header-bar:backdrop, .tiled GtkBox .header-bar:backdrop:only-child, .tiled GtkBox .header-bar:backdrop:not(:only-child):last-child:dir(ltr), .tiled GtkBox .header-bar:backdrop:not(:only-child):last-child:dir(rtl), .tiled GtkPaned .header-bar:backdrop:not(:only-child):last-child:dir(ltr), .tiled GtkPaned .header-bar:backdrop:not(:only-child):last-child:dir(rtl), .window-frame.ssd .tiled .titlebar:backdrop { + border-top-color: alpha(currentColor, 0.2); } + +.maximized .titlebar, .maximized +.header-bar, .maximized .csd .header-bar, .maximized GtkBox .header-bar:only-child, .maximized GtkBox .header-bar:not(:only-child):last-child:dir(ltr), .maximized GtkBox .header-bar:not(:only-child):last-child:dir(rtl), .maximized GtkPaned .header-bar:not(:only-child):last-child:dir(ltr), .maximized GtkPaned .header-bar:not(:only-child):last-child:dir(rtl), .maximized GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(ltr), .maximized GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(rtl), .window-frame.ssd .maximized .titlebar { + border-radius: 0; + border-color: #13191c; + border-width: 1px 0 0 0; + background-color: #13191c; + box-shadow: none; } + +/************ + * Pathbars * + ************/ +.path-bar .button { + padding: 0.3em 0.7em 0.4em; } + .path-bar .button.image-button { + padding: 0.7em; } + .path-bar .button:only-child { + padding: 0.3em 0.7em 0.4em; } + .path-bar .button .label:last-child { + padding-left: 2px; } + .path-bar .button .label:first-child { + padding-right: 2px; } + .path-bar .button .label:only-child { + padding-right: 0; + padding-left: 0; } + .path-bar .button GtkImage { + padding-top: 1px; } + +/************** + * Tree Views * + **************/ +GtkTreeView.view { + border-left-color: alpha(currentColor, 0.2); + border-top-color: rgba(0, 0, 0, 0.11); + border-radius: 0; + background-color: transparent; + background-image: none; + box-shadow: none; } + * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; } + GtkTreeView.view:hover, GtkTreeView.view:selected { + border-radius: 0; } + GtkTreeView.view, GtkTreeView.view .entry, GtkTreeView.view .entry > .label { + color: rgba(236, 239, 241, 0.75); } + GtkTreeView.view:hover, GtkTreeView.view:active, GtkTreeView.view:focus, GtkTreeView.view .entry:hover, GtkTreeView.view .entry:active, GtkTreeView.view .entry:focus, GtkTreeView.view .entry > .label:hover, GtkTreeView.view .entry > .label:active, GtkTreeView.view .entry > .label:focus { + color: #ECEFF1; } + GtkTreeView.view:selected, GtkTreeView.view .entry:selected, GtkTreeView.view .entry > .label:selected { + color: #FFFFFF; } + GtkTreeView.view:insensitive, GtkTreeView.view .entry:insensitive, GtkTreeView.view .entry > .label:insensitive { + color: rgba(236, 239, 241, 0.3); } + GtkTreeView.view:insensitive:selected, GtkTreeView.view .entry:insensitive:selected, GtkTreeView.view .entry > .label:insensitive:selected { + color: rgba(255, 255, 255, 0.4); } + GtkTreeView.view .separator, GtkTreeView.view .separator:hover { + color: rgba(0, 0, 0, 0.11); } + GtkTreeView.view.dnd { + border-style: solid none; + border-width: 1px; + border-color: #76d6e3; } + GtkTreeView.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + GtkTreeView.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + GtkTreeView.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + GtkTreeView.view.expander:selected { + color: rgba(255, 255, 255, 0.75); } + GtkTreeView.view.expander:selected:hover, GtkTreeView.view.expander:selected:active { + color: #FFFFFF; } + GtkTreeView.view.progressbar { + border-color: #C5A68E; } + GtkTreeView.view.progressbar:selected { + border-color: currentColor; } + GtkTreeView.view.trough { + border-color: rgba(77, 182, 172, 0.2); } + GtkTreeView.view.trough:selected { + border-color: alpha(currentColor, 0.2); } + GtkTreeView.view, GtkPaned GtkTreeView.view { + background-color: #455A64; } + GtkTreeView.view:hover, + GtkTreeView.view .list-row:hover, + GtkTreeView.view .tweak-category:hover, GtkPaned GtkTreeView.view:hover, + GtkPaned GtkTreeView.view .list-row:hover, + GtkPaned GtkTreeView.view .tweak-category:hover { + color: #ECEFF1; } + +column-header .button { + padding: 0.3em 0.4em 0.35em; + border-style: none solid solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.11); + border-radius: 0; + background-color: #455A64; + color: rgba(236, 239, 241, 0.5); + box-shadow: none; } + column-header .button:hover, column-header .button:active { + color: #ECEFF1; + box-shadow: none; } + column-header .button:insensitive { + background-color: #455A64; } +column-header:last-child .button, column-header:last-child.button { + border-right-style: none; } +GtkPaned column-header .button { + background-color: #455A64; } + GtkPaned column-header .button:insensitive { + background-color: #455A64; } +GtkPaned column-header:not(:first-child):not(:last-child).button, GtkPaned column-header:not(:first-child):not(:last-child) .button { + border-style: none solid solid none; } +GtkPaned column-header.button, GtkPaned column-header .button, GtkPaned column-header:only-child.button, GtkPaned column-header:only-child .button, GtkPaned column-header:first-child.button, GtkPaned column-header:first-child .button, GtkPaned column-header:last-child.button, GtkPaned column-header:last-child .button { + border-style: none none solid none; } + +column-header.button.dnd, column-header .button.dnd { + border-left-style: solid; + color: #C5A68E; } + +/********* + * Menus * + *********/ +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.26), inset 0 5px 3px -5px rgba(0, 0, 0, 0.39), inset 0 -1px rgba(0, 0, 0, 0.11); + background-color: #13191C; + color: rgba(236, 239, 241, 0.75); } + .menubar > .menuitem { + padding: 0.4em 0.6em; + color: rgba(236, 239, 241, 0.75); } + .menubar > .menuitem:hover { + color: #ECEFF1; + box-shadow: inset 0 -2px #C5A68E; } + .menubar > .menuitem:insensitive { + color: rgba(236, 239, 241, 0.3); + box-shadow: none; } + .tiled .menubar, .maximized .menubar { + background-color: #13191c; + box-shadow: none; } + +.menu { + margin: 4px 0; + padding: 4px 0; + border-width: 1px; + border-style: solid; + border-color: #455A64 transparent transparent; + background-color: #42565f; } + .csd .menu { + border-width: 1px; + border-radius: 2px; + border-color: #455A64 transparent transparent; } + .menu .menuitem { + transition: none; + padding: 0.4em 0.4em 0.5em; + color: rgba(236, 239, 241, 0.75); + font: initial; + text-shadow: none; } + .menu .menuitem:hover { + transition: none; + color: #ECEFF1; + background-color: alpha(currentColor, 0.1); } + .menu .menuitem:insensitive { + color: rgba(236, 239, 241, 0.3); } + .menu .menuitem.arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + .menu .menuitem.arrow:insensitive { + color: rgba(236, 239, 241, 0.3); } + .menu .menuitem.arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + .menu.button { + border-style: none; + border-radius: 0; + background-color: #42565f; } + .menu.button:hover { + background-color: #3b4c54; } + .menu.button:insensitive { + color: transparent; + background-color: transparent; + border-color: transparent; } + .menu.button.top { + border-bottom: 1px solid rgba(0, 0, 0, 0.11); } + .menu.button.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.11); } + .menu GtkSeparatorMenuItem:dir(ltr) { + padding-left: 2.4em; + padding-right: 0; } + .menu GtkSeparatorMenuItem:dir(rtl) { + padding-left: 0; + padding-right: 2.4em; } + +.menuitem .accelerator { + color: alpha(currentColor, 0.55); } +.menuitem .separator { + color: rgba(0, 0, 0, 0.11); } + +.csd.popup { + border-radius: 2px; } + +/*************** + * Popovers * + ***************/ +.popover { + padding: 2px; + border: 1px solid; + border-color: #455A64 #42565f #42565f; + border-radius: 2px; + background-color: #42565f; + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.2); } + .popover:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + .popover > .list, + .popover > .view, + .popover > .toolbar, .popover.osd > .toolbar { + border-style: none; + border-image: none; + background-color: transparent; + transition: none; } + .popover .button.menuitem.flat, .popover .menuitem.button.osd.image-button, .popover .inline-toolbar .menuitem.button, .inline-toolbar .popover .menuitem.button, .popover .action-bar .menuitem.button, .action-bar .popover .menuitem.button, .popover .inline-toolbar .linked > .menuitem.button.image-button:not(.text-button), .inline-toolbar .popover .linked > .menuitem.button.image-button:not(.text-button), .popover .inline-toolbar .stack-switcher > .menuitem.button.image-button:not(.text-button), .inline-toolbar .popover .stack-switcher > .menuitem.button.image-button:not(.text-button), .popover .action-bar .stack-switcher > .menuitem.button.image-button:not(.text-button), .action-bar .popover .stack-switcher > .menuitem.button.image-button:not(.text-button), .popover .app-notification .menuitem.button, .app-notification .popover .menuitem.button, .popover GeditViewFrame .gedit-search-slider .menuitem.button, GeditViewFrame .gedit-search-slider .popover .menuitem.button, .popover .toolbar .menuitem.button, .toolbar .popover .menuitem.button, .popover .titlebar .menuitem.button:not(.suggested-action):not(.destructive-action), .titlebar .popover .menuitem.button:not(.suggested-action):not(.destructive-action), + .popover .header-bar .menuitem.button:not(.suggested-action):not(.destructive-action), + .header-bar .popover .menuitem.button:not(.suggested-action):not(.destructive-action), .popover .message-dialog.csd .dialog-action-area .menuitem.button, .message-dialog.csd .dialog-action-area .popover .menuitem.button, .popover .menuitem.sidebar-button.button, .popover .info .menuitem.button, .info .popover .menuitem.button, + .popover .question .menuitem.button, + .question .popover .menuitem.button, + .popover .warning .menuitem.button, + .warning .popover .menuitem.button, + .popover .error .menuitem.button, + .error .popover .menuitem.button, .popover GtkScaleButton.menuitem.button, + .popover GtkVolumeButton.menuitem.button, .popover GfCandidatePopup .menuitem.button, GfCandidatePopup .popover .menuitem.button, .popover GfCandidatePopup .menuitem.button:first-child, GfCandidatePopup .popover .menuitem.button:first-child, .popover GfCandidatePopup .menuitem.button:last-child, GfCandidatePopup .popover .menuitem.button:last-child, + .popover GfCandidatePopup .linked > .menuitem.button, + GfCandidatePopup .popover .linked > .menuitem.button, .popover MathWindow :not(.titlebar) .menuitem.button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .popover .menuitem.button:not(.flat):not(.titlebutton), .popover MathWindow :not(.header-bar) .menuitem.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .popover .menuitem.button:not(.flat):not(.titlebutton), + .popover .button.flat, + .popover .button.osd.image-button, + .popover .inline-toolbar .button, + .inline-toolbar .popover .button, + .popover .inline-toolbar .button.image-button:not(.text-button), + .inline-toolbar .popover .button.image-button:not(.text-button), + .popover .action-bar .button, + .action-bar .popover .button, + .popover .action-bar .button.image-button:not(.text-button), + .action-bar .popover .button.image-button:not(.text-button), + .popover .app-notification .button, + .app-notification .popover .button, + .popover GeditViewFrame .gedit-search-slider .button, + GeditViewFrame .gedit-search-slider .popover .button, + .popover .toolbar .button, + .toolbar .popover .button, + .popover .titlebar .button:not(.suggested-action):not(.destructive-action), + .titlebar .popover .button:not(.suggested-action):not(.destructive-action), + .popover .header-bar .button:not(.suggested-action):not(.destructive-action), + .header-bar .popover .button:not(.suggested-action):not(.destructive-action), + .popover .message-dialog.csd .dialog-action-area .button, + .message-dialog.csd .dialog-action-area .popover .button, + .popover .sidebar-button.button, + .popover .info .button, + .info .popover .button, + .popover .question .button, + .question .popover .button, + .popover .warning .button, + .warning .popover .button, + .popover .error .button, + .error .popover .button, + .popover GtkScaleButton.button, + .popover GtkVolumeButton.button, + .popover GfCandidatePopup .button, + GfCandidatePopup .popover .button, + .popover GfCandidatePopup .button:first-child, + GfCandidatePopup .popover .button:first-child, + .popover GfCandidatePopup .button:last-child, + GfCandidatePopup .popover .button:last-child, + .popover GfCandidatePopup .linked > .button, + GfCandidatePopup .popover .linked > .button, + .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .popover .button:not(.flat):not(.titlebutton), + .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .popover .button:not(.flat):not(.titlebutton), + .popover .action-bar .linked > .button.image-button, + .action-bar .popover .linked > .button.image-button, + .popover NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button, + NemoWindow GtkGrid > GtkEventBox > .toolbar .popover .button.image-button { + transition: none; + background-color: transparent; + background-size: 10em 10em, auto; + color: rgba(236, 239, 241, 0.75); + font: initial; } + .popover .button.menuitem.flat:hover, .popover .menuitem.button.osd.image-button:hover, .popover .inline-toolbar .menuitem.button:hover, .inline-toolbar .popover .menuitem.button:hover, .popover .action-bar .menuitem.button:hover, .action-bar .popover .menuitem.button:hover, .popover .app-notification .menuitem.button:hover, .app-notification .popover .menuitem.button:hover, .popover GeditViewFrame .gedit-search-slider .menuitem.button:hover, GeditViewFrame .gedit-search-slider .popover .menuitem.button:hover, .popover .toolbar .menuitem.button:hover, .toolbar .popover .menuitem.button:hover, .popover .titlebar .menuitem.button:hover:not(.suggested-action):not(.destructive-action), .titlebar .popover .menuitem.button:hover:not(.suggested-action):not(.destructive-action), + .popover .header-bar .menuitem.button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .popover .menuitem.button:hover:not(.suggested-action):not(.destructive-action), .popover .message-dialog.csd .dialog-action-area .menuitem.button:hover, .message-dialog.csd .dialog-action-area .popover .menuitem.button:hover, .popover .menuitem.sidebar-button.button:hover, .popover .info .menuitem.button:hover, .info .popover .menuitem.button:hover, + .popover .question .menuitem.button:hover, + .question .popover .menuitem.button:hover, + .popover .warning .menuitem.button:hover, + .warning .popover .menuitem.button:hover, + .popover .error .menuitem.button:hover, + .error .popover .menuitem.button:hover, .popover GtkScaleButton.menuitem.button:hover, + .popover GtkVolumeButton.menuitem.button:hover, .popover GfCandidatePopup .menuitem.button:hover, GfCandidatePopup .popover .menuitem.button:hover, .popover GfCandidatePopup .menuitem.button:hover:first-child, GfCandidatePopup .popover .menuitem.button:hover:first-child, .popover GfCandidatePopup .menuitem.button:hover:last-child, GfCandidatePopup .popover .menuitem.button:hover:last-child, + .popover GfCandidatePopup .linked > .menuitem.button:hover, + GfCandidatePopup .popover .linked > .menuitem.button:hover, .popover MathWindow :not(.titlebar) .menuitem.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .popover .menuitem.button:hover:not(.flat):not(.titlebutton), .popover MathWindow :not(.header-bar) .menuitem.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .popover .menuitem.button:hover:not(.flat):not(.titlebutton), + .popover .button.flat:hover, + .popover .button.osd.image-button:hover, + .popover .inline-toolbar .button:hover, + .inline-toolbar .popover .button:hover, + .popover .action-bar .button:hover, + .action-bar .popover .button:hover, + .popover .inline-toolbar .linked > .button.image-button:hover:not(.text-button), + .inline-toolbar .popover .linked > .button.image-button:hover:not(.text-button), + .popover .inline-toolbar .stack-switcher > .button.image-button:hover:not(.text-button), + .inline-toolbar .popover .stack-switcher > .button.image-button:hover:not(.text-button), + .popover .action-bar .stack-switcher > .button.image-button:hover:not(.text-button), + .action-bar .popover .stack-switcher > .button.image-button:hover:not(.text-button), + .popover .app-notification .button:hover, + .app-notification .popover .button:hover, + .popover GeditViewFrame .gedit-search-slider .button:hover, + GeditViewFrame .gedit-search-slider .popover .button:hover, + .popover .toolbar .button:hover, + .toolbar .popover .button:hover, + .popover .titlebar .button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .popover .button:hover:not(.suggested-action):not(.destructive-action), + .popover .header-bar .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .popover .button:hover:not(.suggested-action):not(.destructive-action), + .popover .message-dialog.csd .dialog-action-area .button:hover, + .message-dialog.csd .dialog-action-area .popover .button:hover, + .popover .sidebar-button.button:hover, + .popover .info .button:hover, + .info .popover .button:hover, + .popover .question .button:hover, + .question .popover .button:hover, + .popover .warning .button:hover, + .warning .popover .button:hover, + .popover .error .button:hover, + .error .popover .button:hover, + .popover GtkScaleButton.button:hover, + .popover GtkVolumeButton.button:hover, + .popover GfCandidatePopup .button:hover, + GfCandidatePopup .popover .button:hover, + .popover GfCandidatePopup .button:hover:first-child, + GfCandidatePopup .popover .button:hover:first-child, + .popover GfCandidatePopup .button:hover:last-child, + GfCandidatePopup .popover .button:hover:last-child, + .popover GfCandidatePopup .linked > .button:hover, + GfCandidatePopup .popover .linked > .button:hover, + .popover MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .popover .button:hover:not(.flat):not(.titlebutton), + .popover MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .popover .button:hover:not(.flat):not(.titlebutton) { + background-color: transparent; + color: #ECEFF1; } + .popover .button.menuitem.flat .label, .popover .menuitem.button.osd.image-button .label, .popover .inline-toolbar .menuitem.button .label, .inline-toolbar .popover .menuitem.button .label, .popover .action-bar .menuitem.button .label, .action-bar .popover .menuitem.button .label, .popover .app-notification .menuitem.button .label, .app-notification .popover .menuitem.button .label, .popover GeditViewFrame .gedit-search-slider .menuitem.button .label, GeditViewFrame .gedit-search-slider .popover .menuitem.button .label, .popover .toolbar .menuitem.button .label, .toolbar .popover .menuitem.button .label, .popover .titlebar .menuitem.button:not(.suggested-action):not(.destructive-action) .label, .titlebar .popover .menuitem.button:not(.suggested-action):not(.destructive-action) .label, + .popover .header-bar .menuitem.button:not(.suggested-action):not(.destructive-action) .label, + .header-bar .popover .menuitem.button:not(.suggested-action):not(.destructive-action) .label, .popover .message-dialog.csd .dialog-action-area .menuitem.button .label, .message-dialog.csd .dialog-action-area .popover .menuitem.button .label, .popover .menuitem.sidebar-button.button .label, .popover .info .menuitem.button .label, .info .popover .menuitem.button .label, + .popover .question .menuitem.button .label, + .question .popover .menuitem.button .label, + .popover .warning .menuitem.button .label, + .warning .popover .menuitem.button .label, + .popover .error .menuitem.button .label, + .error .popover .menuitem.button .label, .popover GtkScaleButton.menuitem.button .label, + .popover GtkVolumeButton.menuitem.button .label, .popover GfCandidatePopup .menuitem.button .label, GfCandidatePopup .popover .menuitem.button .label, .popover GfCandidatePopup .menuitem.button:first-child .label, GfCandidatePopup .popover .menuitem.button:first-child .label, .popover GfCandidatePopup .menuitem.button:last-child .label, GfCandidatePopup .popover .menuitem.button:last-child .label, + .popover GfCandidatePopup .linked > .menuitem.button .label, + GfCandidatePopup .popover .linked > .menuitem.button .label, .popover MathWindow :not(.titlebar) .menuitem.button:not(.flat):not(.titlebutton) .label, MathWindow :not(.titlebar) .popover .menuitem.button:not(.flat):not(.titlebutton) .label, .popover MathWindow :not(.header-bar) .menuitem.button:not(.flat):not(.titlebutton) .label, MathWindow :not(.header-bar) .popover .menuitem.button:not(.flat):not(.titlebutton) .label, + .popover .button.flat .label, + .popover .button.osd.image-button .label, + .popover .inline-toolbar .button .label, + .inline-toolbar .popover .button .label, + .popover .action-bar .button .label, + .action-bar .popover .button .label, + .popover .inline-toolbar .linked > .button.image-button:not(.text-button) .label, + .inline-toolbar .popover .linked > .button.image-button:not(.text-button) .label, + .popover .inline-toolbar .stack-switcher > .button.image-button:not(.text-button) .label, + .inline-toolbar .popover .stack-switcher > .button.image-button:not(.text-button) .label, + .popover .action-bar .stack-switcher > .button.image-button:not(.text-button) .label, + .action-bar .popover .stack-switcher > .button.image-button:not(.text-button) .label, + .popover .app-notification .button .label, + .app-notification .popover .button .label, + .popover GeditViewFrame .gedit-search-slider .button .label, + GeditViewFrame .gedit-search-slider .popover .button .label, + .popover .toolbar .button .label, + .toolbar .popover .button .label, + .popover .titlebar .button:not(.suggested-action):not(.destructive-action) .label, + .titlebar .popover .button:not(.suggested-action):not(.destructive-action) .label, + .popover .header-bar .button:not(.suggested-action):not(.destructive-action) .label, + .header-bar .popover .button:not(.suggested-action):not(.destructive-action) .label, + .popover .message-dialog.csd .dialog-action-area .button .label, + .message-dialog.csd .dialog-action-area .popover .button .label, + .popover .sidebar-button.button .label, + .popover .info .button .label, + .info .popover .button .label, + .popover .question .button .label, + .question .popover .button .label, + .popover .warning .button .label, + .warning .popover .button .label, + .popover .error .button .label, + .error .popover .button .label, + .popover GtkScaleButton.button .label, + .popover GtkVolumeButton.button .label, + .popover GfCandidatePopup .button .label, + GfCandidatePopup .popover .button .label, + .popover GfCandidatePopup .button:first-child .label, + GfCandidatePopup .popover .button:first-child .label, + .popover GfCandidatePopup .button:last-child .label, + GfCandidatePopup .popover .button:last-child .label, + .popover GfCandidatePopup .linked > .button .label, + GfCandidatePopup .popover .linked > .button .label, + .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton) .label, + MathWindow :not(.titlebar) .popover .button:not(.flat):not(.titlebutton) .label, + .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton) .label, + MathWindow :not(.header-bar) .popover .button:not(.flat):not(.titlebutton) .label { + padding: 0.2em 0 0.25em; } + .popover .linked > .button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); } + .popover .linked > .button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + .popover .linked > .button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .popover .linked > .button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + color: #ECEFF1; + background-color: transparent; } + .popover .linked > .button:checked:insensitive > .label { + color: inherit; } + .popover .scrollbar.trough { + background-color: transparent; + border: 1px none transparent; } + +/***************** + * Notebooks and * + * Tabs * + *****************/ +.notebook { + padding: 0; + background-color: #455A64; + -GtkNotebook-initial-gap: 6; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + -GtkWidget-focus-padding: 0; + -GtkWidget-focus-line-width: 0; } + .notebook.frame { + border: 1px solid rgba(0, 0, 0, 0.11); } + .notebook.frame.top { + border-top-color: #455A64; } + .notebook.frame.bottom { + border-bottom-color: #455A64; } + .notebook.frame.left { + border-left-color: #455A64; } + .notebook.frame.right { + border-right-color: #455A64; } + .notebook.header { + background-color: #3e515a; } + .notebook.header.frame { + border: none; } + .notebook.header.top { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.11); } + .notebook.header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.11); } + .notebook.header.left { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.11); } + .notebook.header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11); } + .notebook tab { + outline-offset: 0; + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; } + .notebook tab.top, .notebook tab.bottom { + padding: 0.5em 1.2em; } + .notebook tab.left, .notebook tab.right { + padding: 0.5em 1.2em; } + .notebook tab.reorderable-page { + -GtkNotebook-tab-overlap: 1; } + .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { + padding-left: 1.2em; + padding-right: 1.2em; + border-left-width: 1px; + border-right-width: 1px; } + .notebook tab.reorderable-page.left, .notebook tab.reorderable-page.right { + border-bottom-width: 1px; + border-top-width: 1px; } + .notebook tab.top { + border-bottom-width: 2px; } + .notebook tab.bottom { + border-top-width: 2px; } + .notebook tab.left { + border-right-width: 2px; } + .notebook tab.right { + border-left-width: 2px; } + .notebook tab:hover, .notebook tab.prelight-page { + border-color: alpha(currentColor, 0.2); } + .notebook tab:active, .notebook tab.active-page { + border-color: #C5A68E; } + .notebook tab.reorderable-page.top { + border-color: transparent; } + .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page { + border-color: rgba(0, 0, 0, 0.11); + border-bottom-width: 1px; + border-bottom-color: rgba(0, 0, 0, 0.11); + background-color: #455A64; + box-shadow: none; } + .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page { + border-color: rgba(0, 0, 0, 0.11); + border-bottom-width: 2px; + border-bottom-color: #C5A68E; + background-color: #455A64; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.03), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.03); } + .notebook tab.reorderable-page.bottom { + border-color: transparent; } + .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page { + border-color: rgba(0, 0, 0, 0.11); + border-top-width: 1px; + border-top-color: rgba(0, 0, 0, 0.11); + background-color: #455A64; + box-shadow: none; } + .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page { + border-color: rgba(0, 0, 0, 0.11); + border-top-width: 2px; + border-top-color: #C5A68E; + background-color: #455A64; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.03), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.03); } + .notebook tab.reorderable-page.left { + border-color: transparent; } + .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page { + border-color: rgba(0, 0, 0, 0.11); + border-right-width: 1px; + border-right-color: rgba(0, 0, 0, 0.11); + background-color: #455A64; + box-shadow: none; } + .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page { + border-color: rgba(0, 0, 0, 0.11); + border-right-width: 2px; + border-right-color: #C5A68E; + background-color: #455A64; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.03), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.03); } + .notebook tab.reorderable-page.right { + border-color: transparent; } + .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page { + border-color: rgba(0, 0, 0, 0.11); + border-left-width: 1px; + border-left-color: rgba(0, 0, 0, 0.11); + background-color: #455A64; + box-shadow: none; } + .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page { + border-color: rgba(0, 0, 0, 0.11); + border-left-width: 2px; + border-left-color: #C5A68E; + background-color: #455A64; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.03), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.03); } + .notebook tab .label { + padding: 0.5em; + font-weight: 700; + color: rgba(236, 239, 241, 0.5); } + .notebook tab .prelight-page .label, + .notebook tab .label.prelight-page { + color: #ECEFF1; } + .notebook tab .active-page .label, + .notebook tab .label.active-page { + color: #ECEFF1; } + .notebook tab .button { + padding: 0; + background-size: 3.75em 3.75em, auto; + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.5); } + .notebook tab .button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + .notebook tab .button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .notebook tab .button:insensitive { + box-shadow: none; + background-color: transparent; } + .notebook tab .button > GtkImage { + padding: 0.6em; } + .notebook tab .prelight-page .button, .notebook tab:hover .button { + color: #ECEFF1; } + .notebook tab .active-page .button, .notebook tab:hover .button { + color: #ECEFF1; } + .notebook.arrow { + color: rgba(236, 239, 241, 0.5); } + .notebook.arrow:hover, .notebook.arrow:active { + color: #ECEFF1; } + .notebook.arrow:insensitive { + color: rgba(236, 239, 241, 0.225); } + +/************** + * Scrollbars * + **************/ +@keyframes slow_down_ltr { + to { + margin-right: 0; } } +@keyframes slow_down_rtl { + to { + margin-left: 0; } } +@keyframes slow_down_horz { + to { + margin-top: 0; } } +.scrollbar { + -GtkRange-slider-width: 12; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 32; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } + .scrollbar .button { + border: none; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + -GtkRange-slider-width: 10px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { + margin: 0; + border: none; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { + border-style: none; + background-color: transparent; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { + margin-top: 0; + margin-bottom: 0; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider:dir(ltr) { + margin-left: 0; + margin-right: 6px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider:dir(ltr) { + margin-left: 6px; + margin-right: 0; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { + margin-top: 6px; + margin-bottom: 0; + margin-left: 0; + margin-right: 0; } + .scrollbar.overlay-indicator.dragging .trough, .scrollbar.overlay-indicator.hovering .trough { + background-color: rgba(69, 90, 100, 0.55); } + .scrollbar.overlay-indicator.hovering.vertical .slider:dir(ltr) { + animation: slow_down_ltr 0.2s linear forwards; } + .scrollbar.overlay-indicator.hovering.vertical .slider:dir(rtl) { + animation: slow_down_rtl 0.2s linear forwards; } + .scrollbar.overlay-indicator.hovering.horizontal .slider { + animation: slow_down_horz 0.2s linear forwards; } + .scrollbar .trough { + border: none; + background-color: #455A64; } + .scrollbar .slider { + background-color: rgba(236, 239, 241, 0.275); } + .scrollbar .slider:hover { + background-color: rgba(236, 239, 241, 0.4125); } + .scrollbar .slider:active { + background-color: #ECEFF1; } + .scrollbar .slider:insensitive { + opacity: 0.4; } + .scrollbar .slider { + border-radius: 0; + margin: 0; } + .scrollbar.fine-tune .slider { + margin: 0; } + .scrollbar.vertical .slider { + margin: 0; } + .scrollbar.vertical.fine-tune .slider { + margin: 0; } + .scrollbar.horizontal .slider { + margin: 0; } + .scrollbar.horizontal.fine-tune .slider { + margin: 0; } + +.scrollbars-junction, +.scrollbars-junction.frame { + border: none; + background-color: #455A64; } + +/********** + * Switch * + **********/ +GtkSwitch { + -GtkSwitch-slider-width: 20px; + -GtkSwitch-slider-height: 20px; + outline-offset: -4px; + outline-radius: 100px; + font-size: 0; } + GtkSwitch.trough { + border: 8px solid transparent; + border-radius: 100px; + background-color: alpha(currentColor, 0.2); } + GtkSwitch.trough:active { + background-color: rgba(0, 188, 212, 0.2); } + GtkSwitch.trough:active:insensitive { + background-color: rgba(0, 188, 212, 0.2); } + GtkSwitch.trough:insensitive { + color: rgba(236, 239, 241, 0.3); + background-color: alpha(currentColor, 0.2); } + GtkSwitch.slider { + padding: 4px; + border-radius: 100px; + outline-radius: 100px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #546E7A; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); } + GtkSwitch.slider:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #ECEFF1; + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2)); } + GtkSwitch.slider:active { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #C5A68E; + color: #FFFFFF; } + GtkSwitch.slider:active:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + GtkSwitch.slider:active:insensitive { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(0, 188, 212, 0.4); + background-color: #3F4E56; + background-image: none; + box-shadow: none; } + GtkSwitch.slider:active:insensitive > .label { + color: inherit; } + GtkSwitch.slider:insensitive { + background-color: #3F4E56; + background-image: none; + box-shadow: none; } + .list-row:selected GtkSwitch.trough, .tweak-category:selected GtkSwitch.trough { + background-color: #3e515a; } + .list-row:selected GtkSwitch.trough:active, .tweak-category:selected GtkSwitch.trough:active { + background-color: #3b4c54; } + .list-row:selected GtkSwitch.trough:active:insensitive, .tweak-category:selected GtkSwitch.trough:active:insensitive { + background-color: #3b4c54; } + .list-row:selected GtkSwitch.slider, .tweak-category:selected GtkSwitch.slider { + background-color: #3e515a; } + .list-row:selected GtkSwitch.slider:hover, .tweak-category:selected GtkSwitch.slider:hover { + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2)); } + .list-row:selected GtkSwitch.slider:active, .tweak-category:selected GtkSwitch.slider:active { + background-color: #455A64; } + .list-row:selected GtkSwitch.slider:active:hover, .tweak-category:selected GtkSwitch.slider:active:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + GtkGrid GtkSwitch { + -GtkSwitch-slider-width: 40; + -GtkSwitch-slider-height: 20; + font-size: 0; + outline-color: transparent; } + GtkGrid GtkSwitch.trough, GtkGrid GtkSwitch.trough:hover, GtkGrid GtkSwitch.trough:active, GtkGrid GtkSwitch.trough:active:hover, GtkGrid GtkSwitch.trough:active:insensitive, GtkGrid GtkSwitch.trough:insensitive, GtkGrid GtkSwitch.slider, GtkGrid GtkSwitch.slider:hover, GtkGrid GtkSwitch.slider:active, GtkGrid GtkSwitch.slider:active:hover, GtkGrid GtkSwitch.slider:active:insensitive, GtkGrid GtkSwitch.slider:insensitive { + padding: 0; + border: 4px solid transparent; + color: transparent; + background: none; + background-image: none; + background-size: 40px 20px; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; } + GtkGrid GtkSwitch.trough:dir(rtl), GtkGrid GtkSwitch.trough:hover:dir(rtl), GtkGrid GtkSwitch.trough:active:dir(rtl), GtkGrid GtkSwitch.trough:active:hover:dir(rtl), GtkGrid GtkSwitch.trough:active:insensitive:dir(rtl), GtkGrid GtkSwitch.trough:insensitive:dir(rtl), GtkGrid GtkSwitch.slider:dir(rtl), GtkGrid GtkSwitch.slider:hover:dir(rtl), GtkGrid GtkSwitch.slider:active:dir(rtl), GtkGrid GtkSwitch.slider:active:hover:dir(rtl), GtkGrid GtkSwitch.slider:active:insensitive:dir(rtl), GtkGrid GtkSwitch.slider:insensitive:dir(rtl) { + background-position: left center; } + GtkGrid GtkSwitch.trough { + background-image: -gtk-scaled(url("assets/toggle-off-dark.png"), url("assets/toggle-off-dark@2.png")); } + GtkGrid GtkSwitch.trough:hover { + background-image: -gtk-scaled(url("assets/toggle-off-hover-dark.png"), url("assets/toggle-off-hover-dark@2.png")); } + GtkGrid GtkSwitch.trough:active { + background-image: -gtk-scaled(url("assets/toggle-on.png"), url("assets/toggle-on@2.png")); } + GtkGrid GtkSwitch.trough:active:hover { + background-image: -gtk-scaled(url("assets/toggle-on-hover.png"), url("assets/toggle-on-hover@2.png")); } + GtkGrid GtkSwitch.trough:active:insensitive { + background-image: -gtk-scaled(url("assets/toggle-on-insensitive-dark.png"), url("assets/toggle-on-insensitive-dark@2.png")); } + GtkGrid GtkSwitch.trough:insensitive { + background-image: -gtk-scaled(url("assets/toggle-off-insensitive-dark.png"), url("assets/toggle-off-insensitive-dark@2.png")); } + +/************************* + * Check and Radio items * + *************************/ +.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); + icon-shadow: none; } + +.check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); + icon-shadow: none; } + +.check:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); + icon-shadow: none; } + +.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); + icon-shadow: none; } + +.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); + icon-shadow: none; } + +.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); + icon-shadow: none; } + +.check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); + icon-shadow: none; } + +.check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); + icon-shadow: none; } + +.menu .menuitem.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-symbolic-dark.png"), url("assets/checkbox-symbolic-dark@2.png")); + icon-shadow: none; } + .menu .menuitem.check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-symbolic-dark.png"), url("assets/checkbox-symbolic-dark@2.png")); } + +.menu .menuitem.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-symbolic-dark.png"), url("assets/checkbox-insensitive-symbolic-dark@2.png")); + icon-shadow: none; } + .menu .menuitem.check:insensitive:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-symbolic-dark.png"), url("assets/checkbox-insensitive-symbolic-dark@2.png")); } + +.menu .menuitem.check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-symbolic-dark.png"), url("assets/checkbox-mixed-symbolic-dark@2.png")); + icon-shadow: none; } + .menu .menuitem.check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-symbolic-dark.png"), url("assets/checkbox-mixed-symbolic-dark@2.png")); } + +.menu .menuitem.check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-symbolic-dark.png"), url("assets/checkbox-mixed-insensitive-symbolic-dark@2.png")); + icon-shadow: none; } + .menu .menuitem.check:inconsistent:insensitive:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-symbolic-dark.png"), url("assets/checkbox-mixed-insensitive-symbolic-dark@2.png")); } + +.menu .menuitem.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-symbolic-dark.png"), url("assets/checkbox-checked-symbolic-dark@2.png")); + icon-shadow: none; } + .menu .menuitem.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-symbolic-dark.png"), url("assets/checkbox-checked-symbolic-dark@2.png")); } + +.menu .menuitem.check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-symbolic-dark.png"), url("assets/checkbox-checked-insensitive-symbolic-dark@2.png")); + icon-shadow: none; } + .menu .menuitem.check:checked:insensitive:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-symbolic-dark.png"), url("assets/checkbox-checked-insensitive-symbolic-dark@2.png")); } + +.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); + icon-shadow: none; } + +.radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); + icon-shadow: none; } + +.radio:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); + icon-shadow: none; } + +.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); + icon-shadow: none; } + +.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); + icon-shadow: none; } + +.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); + icon-shadow: none; } + +.radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); + icon-shadow: none; } + +.menu .menuitem.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-symbolic-dark.png"), url("assets/radio-symbolic-dark@2.png")); + icon-shadow: none; } + .menu .menuitem.radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-symbolic-dark.png"), url("assets/radio-symbolic-dark@2.png")); } + +.menu .menuitem.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-insensitive-symbolic-dark.png"), url("assets/radio-insensitive-symbolic-dark@2.png")); + icon-shadow: none; } + .menu .menuitem.radio:insensitive:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-insensitive-symbolic-dark.png"), url("assets/radio-insensitive-symbolic-dark@2.png")); } + +.menu .menuitem.radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-symbolic-dark.png"), url("assets/radio-mixed-symbolic-dark@2.png")); + icon-shadow: none; } + .menu .menuitem.radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-symbolic-dark.png"), url("assets/radio-mixed-symbolic-dark@2.png")); } + +.menu .menuitem.radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-symbolic-dark.png"), url("assets/radio-mixed-insensitive-symbolic-dark@2.png")); + icon-shadow: none; } + .menu .menuitem.radio:inconsistent:insensitive:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-symbolic-dark.png"), url("assets/radio-mixed-insensitive-symbolic-dark@2.png")); } + +.menu .menuitem.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-symbolic-dark.png"), url("assets/radio-checked-symbolic-dark@2.png")); + icon-shadow: none; } + .menu .menuitem.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-symbolic-dark.png"), url("assets/radio-checked-symbolic-dark@2.png")); } + +.menu .menuitem.radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-symbolic-dark.png"), url("assets/radio-checked-insensitive-symbolic-dark@2.png")); + icon-shadow: none; } + .menu .menuitem.radio:checked:insensitive:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-symbolic-dark.png"), url("assets/radio-checked-insensitive-symbolic-dark@2.png")); } + +.view .check:selected, +.view .check:selected:focus, +.list-row .check:selected, +.tweak-category .check:selected, +.list-row .check:selected:focus, +.tweak-category .check:selected:focus, +.list-row.activatable .check:selected, +.view .check:selected, +column-header .button .check:selected, +.activatable.tweak-category .check:selected, +.list-row.activatable .check:selected:focus, +.view .check:selected:focus, +column-header .button .check:selected:focus, +.activatable.tweak-category .check:selected:focus { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); + icon-shadow: none; } +.view check:selected:insensitive, +.view check:selected:focus:insensitive, +.list-row check:selected:insensitive, +.tweak-category check:selected:insensitive, +.list-row check:selected:focus:insensitive, +.tweak-category check:selected:focus:insensitive, +.list-row.activatable check:selected:insensitive, +.view check:selected:insensitive, +column-header .button check:selected:insensitive, +.activatable.tweak-category check:selected:insensitive, +.list-row.activatable check:selected:focus:insensitive, +.view check:selected:focus:insensitive, +column-header .button check:selected:focus:insensitive, +.activatable.tweak-category check:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +.view check:selected:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +.list-row check:selected:inconsistent:insensitive, +.tweak-category check:selected:inconsistent:insensitive, +.list-row check:selected:focus:inconsistent:insensitive, +.tweak-category check:selected:focus:inconsistent:insensitive, +.list-row.activatable check:selected:inconsistent:insensitive, +.view check:selected:inconsistent:insensitive, +column-header .button check:selected:inconsistent:insensitive, +.activatable.tweak-category check:selected:inconsistent:insensitive, +.list-row.activatable check:selected:focus:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +column-header .button check:selected:focus:inconsistent:insensitive, +.activatable.tweak-category check:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +.view check:selected:checked:insensitive, +.view check:selected:focus:checked:insensitive, +.list-row check:selected:checked:insensitive, +.tweak-category check:selected:checked:insensitive, +.list-row check:selected:focus:checked:insensitive, +.tweak-category check:selected:focus:checked:insensitive, +.list-row.activatable check:selected:checked:insensitive, +.view check:selected:checked:insensitive, +column-header .button check:selected:checked:insensitive, +.activatable.tweak-category check:selected:checked:insensitive, +.list-row.activatable check:selected:focus:checked:insensitive, +.view check:selected:focus:checked:insensitive, +column-header .button check:selected:focus:checked:insensitive, +.activatable.tweak-category check:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view .check:selected:active, +.view .check:selected:focus:active, +.list-row .check:selected:active, +.tweak-category .check:selected:active, +.list-row .check:selected:focus:active, +.tweak-category .check:selected:focus:active, +.list-row.activatable .check:selected:active, +.view .check:selected:active, +column-header .button .check:selected:active, +.activatable.tweak-category .check:selected:active, +.list-row.activatable .check:selected:focus:active, +.view .check:selected:focus:active, +column-header .button .check:selected:focus:active, +.activatable.tweak-category .check:selected:focus:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); + icon-shadow: none; } +.view check:selected:insensitive, +.view check:selected:focus:insensitive, +.list-row check:selected:insensitive, +.tweak-category check:selected:insensitive, +.list-row check:selected:focus:insensitive, +.tweak-category check:selected:focus:insensitive, +.list-row.activatable check:selected:insensitive, +.view check:selected:insensitive, +column-header .button check:selected:insensitive, +.activatable.tweak-category check:selected:insensitive, +.list-row.activatable check:selected:focus:insensitive, +.view check:selected:focus:insensitive, +column-header .button check:selected:focus:insensitive, +.activatable.tweak-category check:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +.view check:selected:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +.list-row check:selected:inconsistent:insensitive, +.tweak-category check:selected:inconsistent:insensitive, +.list-row check:selected:focus:inconsistent:insensitive, +.tweak-category check:selected:focus:inconsistent:insensitive, +.list-row.activatable check:selected:inconsistent:insensitive, +.view check:selected:inconsistent:insensitive, +column-header .button check:selected:inconsistent:insensitive, +.activatable.tweak-category check:selected:inconsistent:insensitive, +.list-row.activatable check:selected:focus:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +column-header .button check:selected:focus:inconsistent:insensitive, +.activatable.tweak-category check:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +.view check:selected:checked:insensitive, +.view check:selected:focus:checked:insensitive, +.list-row check:selected:checked:insensitive, +.tweak-category check:selected:checked:insensitive, +.list-row check:selected:focus:checked:insensitive, +.tweak-category check:selected:focus:checked:insensitive, +.list-row.activatable check:selected:checked:insensitive, +.view check:selected:checked:insensitive, +column-header .button check:selected:checked:insensitive, +.activatable.tweak-category check:selected:checked:insensitive, +.list-row.activatable check:selected:focus:checked:insensitive, +.view check:selected:focus:checked:insensitive, +column-header .button check:selected:focus:checked:insensitive, +.activatable.tweak-category check:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view .check:selected:inconsistent, +.view .check:selected:focus:inconsistent, +.list-row .check:selected:inconsistent, +.tweak-category .check:selected:inconsistent, +.list-row .check:selected:focus:inconsistent, +.tweak-category .check:selected:focus:inconsistent, +.list-row.activatable .check:selected:inconsistent, +.view .check:selected:inconsistent, +column-header .button .check:selected:inconsistent, +.activatable.tweak-category .check:selected:inconsistent, +.list-row.activatable .check:selected:focus:inconsistent, +.view .check:selected:focus:inconsistent, +column-header .button .check:selected:focus:inconsistent, +.activatable.tweak-category .check:selected:focus:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); + icon-shadow: none; } +.view check:selected:insensitive, +.view check:selected:focus:insensitive, +.list-row check:selected:insensitive, +.tweak-category check:selected:insensitive, +.list-row check:selected:focus:insensitive, +.tweak-category check:selected:focus:insensitive, +.list-row.activatable check:selected:insensitive, +.view check:selected:insensitive, +column-header .button check:selected:insensitive, +.activatable.tweak-category check:selected:insensitive, +.list-row.activatable check:selected:focus:insensitive, +.view check:selected:focus:insensitive, +column-header .button check:selected:focus:insensitive, +.activatable.tweak-category check:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +.view check:selected:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +.list-row check:selected:inconsistent:insensitive, +.tweak-category check:selected:inconsistent:insensitive, +.list-row check:selected:focus:inconsistent:insensitive, +.tweak-category check:selected:focus:inconsistent:insensitive, +.list-row.activatable check:selected:inconsistent:insensitive, +.view check:selected:inconsistent:insensitive, +column-header .button check:selected:inconsistent:insensitive, +.activatable.tweak-category check:selected:inconsistent:insensitive, +.list-row.activatable check:selected:focus:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +column-header .button check:selected:focus:inconsistent:insensitive, +.activatable.tweak-category check:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +.view check:selected:checked:insensitive, +.view check:selected:focus:checked:insensitive, +.list-row check:selected:checked:insensitive, +.tweak-category check:selected:checked:insensitive, +.list-row check:selected:focus:checked:insensitive, +.tweak-category check:selected:focus:checked:insensitive, +.list-row.activatable check:selected:checked:insensitive, +.view check:selected:checked:insensitive, +column-header .button check:selected:checked:insensitive, +.activatable.tweak-category check:selected:checked:insensitive, +.list-row.activatable check:selected:focus:checked:insensitive, +.view check:selected:focus:checked:insensitive, +column-header .button check:selected:focus:checked:insensitive, +.activatable.tweak-category check:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view .check:selected:inconsistent:active, +.view .check:selected:focus:inconsistent:active, +.list-row .check:selected:inconsistent:active, +.tweak-category .check:selected:inconsistent:active, +.list-row .check:selected:focus:inconsistent:active, +.tweak-category .check:selected:focus:inconsistent:active, +.list-row.activatable .check:selected:inconsistent:active, +.view .check:selected:inconsistent:active, +column-header .button .check:selected:inconsistent:active, +.activatable.tweak-category .check:selected:inconsistent:active, +.list-row.activatable .check:selected:focus:inconsistent:active, +.view .check:selected:focus:inconsistent:active, +column-header .button .check:selected:focus:inconsistent:active, +.activatable.tweak-category .check:selected:focus:inconsistent:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); + icon-shadow: none; } +.view check:selected:insensitive, +.view check:selected:focus:insensitive, +.list-row check:selected:insensitive, +.tweak-category check:selected:insensitive, +.list-row check:selected:focus:insensitive, +.tweak-category check:selected:focus:insensitive, +.list-row.activatable check:selected:insensitive, +.view check:selected:insensitive, +column-header .button check:selected:insensitive, +.activatable.tweak-category check:selected:insensitive, +.list-row.activatable check:selected:focus:insensitive, +.view check:selected:focus:insensitive, +column-header .button check:selected:focus:insensitive, +.activatable.tweak-category check:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +.view check:selected:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +.list-row check:selected:inconsistent:insensitive, +.tweak-category check:selected:inconsistent:insensitive, +.list-row check:selected:focus:inconsistent:insensitive, +.tweak-category check:selected:focus:inconsistent:insensitive, +.list-row.activatable check:selected:inconsistent:insensitive, +.view check:selected:inconsistent:insensitive, +column-header .button check:selected:inconsistent:insensitive, +.activatable.tweak-category check:selected:inconsistent:insensitive, +.list-row.activatable check:selected:focus:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +column-header .button check:selected:focus:inconsistent:insensitive, +.activatable.tweak-category check:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +.view check:selected:checked:insensitive, +.view check:selected:focus:checked:insensitive, +.list-row check:selected:checked:insensitive, +.tweak-category check:selected:checked:insensitive, +.list-row check:selected:focus:checked:insensitive, +.tweak-category check:selected:focus:checked:insensitive, +.list-row.activatable check:selected:checked:insensitive, +.view check:selected:checked:insensitive, +column-header .button check:selected:checked:insensitive, +.activatable.tweak-category check:selected:checked:insensitive, +.list-row.activatable check:selected:focus:checked:insensitive, +.view check:selected:focus:checked:insensitive, +column-header .button check:selected:focus:checked:insensitive, +.activatable.tweak-category check:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view .check:selected:checked, +.view .check:selected:focus:checked, +.list-row .check:selected:checked, +.tweak-category .check:selected:checked, +.list-row .check:selected:focus:checked, +.tweak-category .check:selected:focus:checked, +.list-row.activatable .check:selected:checked, +.view .check:selected:checked, +column-header .button .check:selected:checked, +.activatable.tweak-category .check:selected:checked, +.list-row.activatable .check:selected:focus:checked, +.view .check:selected:focus:checked, +column-header .button .check:selected:focus:checked, +.activatable.tweak-category .check:selected:focus:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); + icon-shadow: none; } +.view check:selected:insensitive, +.view check:selected:focus:insensitive, +.list-row check:selected:insensitive, +.tweak-category check:selected:insensitive, +.list-row check:selected:focus:insensitive, +.tweak-category check:selected:focus:insensitive, +.list-row.activatable check:selected:insensitive, +.view check:selected:insensitive, +column-header .button check:selected:insensitive, +.activatable.tweak-category check:selected:insensitive, +.list-row.activatable check:selected:focus:insensitive, +.view check:selected:focus:insensitive, +column-header .button check:selected:focus:insensitive, +.activatable.tweak-category check:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +.view check:selected:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +.list-row check:selected:inconsistent:insensitive, +.tweak-category check:selected:inconsistent:insensitive, +.list-row check:selected:focus:inconsistent:insensitive, +.tweak-category check:selected:focus:inconsistent:insensitive, +.list-row.activatable check:selected:inconsistent:insensitive, +.view check:selected:inconsistent:insensitive, +column-header .button check:selected:inconsistent:insensitive, +.activatable.tweak-category check:selected:inconsistent:insensitive, +.list-row.activatable check:selected:focus:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +column-header .button check:selected:focus:inconsistent:insensitive, +.activatable.tweak-category check:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +.view check:selected:checked:insensitive, +.view check:selected:focus:checked:insensitive, +.list-row check:selected:checked:insensitive, +.tweak-category check:selected:checked:insensitive, +.list-row check:selected:focus:checked:insensitive, +.tweak-category check:selected:focus:checked:insensitive, +.list-row.activatable check:selected:checked:insensitive, +.view check:selected:checked:insensitive, +column-header .button check:selected:checked:insensitive, +.activatable.tweak-category check:selected:checked:insensitive, +.list-row.activatable check:selected:focus:checked:insensitive, +.view check:selected:focus:checked:insensitive, +column-header .button check:selected:focus:checked:insensitive, +.activatable.tweak-category check:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view .check:selected:checked:active, +.view .check:selected:focus:checked:active, +.list-row .check:selected:checked:active, +.tweak-category .check:selected:checked:active, +.list-row .check:selected:focus:checked:active, +.tweak-category .check:selected:focus:checked:active, +.list-row.activatable .check:selected:checked:active, +.view .check:selected:checked:active, +column-header .button .check:selected:checked:active, +.activatable.tweak-category .check:selected:checked:active, +.list-row.activatable .check:selected:focus:checked:active, +.view .check:selected:focus:checked:active, +column-header .button .check:selected:focus:checked:active, +.activatable.tweak-category .check:selected:focus:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); + icon-shadow: none; } +.view check:selected:insensitive, +.view check:selected:focus:insensitive, +.list-row check:selected:insensitive, +.tweak-category check:selected:insensitive, +.list-row check:selected:focus:insensitive, +.tweak-category check:selected:focus:insensitive, +.list-row.activatable check:selected:insensitive, +.view check:selected:insensitive, +column-header .button check:selected:insensitive, +.activatable.tweak-category check:selected:insensitive, +.list-row.activatable check:selected:focus:insensitive, +.view check:selected:focus:insensitive, +column-header .button check:selected:focus:insensitive, +.activatable.tweak-category check:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +.view check:selected:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +.list-row check:selected:inconsistent:insensitive, +.tweak-category check:selected:inconsistent:insensitive, +.list-row check:selected:focus:inconsistent:insensitive, +.tweak-category check:selected:focus:inconsistent:insensitive, +.list-row.activatable check:selected:inconsistent:insensitive, +.view check:selected:inconsistent:insensitive, +column-header .button check:selected:inconsistent:insensitive, +.activatable.tweak-category check:selected:inconsistent:insensitive, +.list-row.activatable check:selected:focus:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +column-header .button check:selected:focus:inconsistent:insensitive, +.activatable.tweak-category check:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +.view check:selected:checked:insensitive, +.view check:selected:focus:checked:insensitive, +.list-row check:selected:checked:insensitive, +.tweak-category check:selected:checked:insensitive, +.list-row check:selected:focus:checked:insensitive, +.tweak-category check:selected:focus:checked:insensitive, +.list-row.activatable check:selected:checked:insensitive, +.view check:selected:checked:insensitive, +column-header .button check:selected:checked:insensitive, +.activatable.tweak-category check:selected:checked:insensitive, +.list-row.activatable check:selected:focus:checked:insensitive, +.view check:selected:focus:checked:insensitive, +column-header .button check:selected:focus:checked:insensitive, +.activatable.tweak-category check:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view .radio:selected, +.view .radio:selected:focus, +.list-row .radio:selected, +.tweak-category .radio:selected, +.list-row .radio:selected:focus, +.tweak-category .radio:selected:focus, +.list-row.activatable .radio:selected, +.view .radio:selected, +column-header .button .radio:selected, +.activatable.tweak-category .radio:selected, +.list-row.activatable .radio:selected:focus, +.view .radio:selected:focus, +column-header .button .radio:selected:focus, +.activatable.tweak-category .radio:selected:focus { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); + icon-shadow: none; } +.view radio:selected:insensitive, +.view radio:selected:focus:insensitive, +.list-row radio:selected:insensitive, +.tweak-category radio:selected:insensitive, +.list-row radio:selected:focus:insensitive, +.tweak-category radio:selected:focus:insensitive, +.list-row.activatable radio:selected:insensitive, +.view radio:selected:insensitive, +column-header .button radio:selected:insensitive, +.activatable.tweak-category radio:selected:insensitive, +.list-row.activatable radio:selected:focus:insensitive, +.view radio:selected:focus:insensitive, +column-header .button radio:selected:focus:insensitive, +.activatable.tweak-category radio:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +.view radio:selected:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +.list-row radio:selected:inconsistent:insensitive, +.tweak-category radio:selected:inconsistent:insensitive, +.list-row radio:selected:focus:inconsistent:insensitive, +.tweak-category radio:selected:focus:inconsistent:insensitive, +.list-row.activatable radio:selected:inconsistent:insensitive, +.view radio:selected:inconsistent:insensitive, +column-header .button radio:selected:inconsistent:insensitive, +.activatable.tweak-category radio:selected:inconsistent:insensitive, +.list-row.activatable radio:selected:focus:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +column-header .button radio:selected:focus:inconsistent:insensitive, +.activatable.tweak-category radio:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +.view radio:selected:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +.list-row radio:selected:checked:insensitive, +.tweak-category radio:selected:checked:insensitive, +.list-row radio:selected:focus:checked:insensitive, +.tweak-category radio:selected:focus:checked:insensitive, +.list-row.activatable radio:selected:checked:insensitive, +.view radio:selected:checked:insensitive, +column-header .button radio:selected:checked:insensitive, +.activatable.tweak-category radio:selected:checked:insensitive, +.list-row.activatable radio:selected:focus:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +column-header .button radio:selected:focus:checked:insensitive, +.activatable.tweak-category radio:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view .radio:selected:active, +.view .radio:selected:focus:active, +.list-row .radio:selected:active, +.tweak-category .radio:selected:active, +.list-row .radio:selected:focus:active, +.tweak-category .radio:selected:focus:active, +.list-row.activatable .radio:selected:active, +.view .radio:selected:active, +column-header .button .radio:selected:active, +.activatable.tweak-category .radio:selected:active, +.list-row.activatable .radio:selected:focus:active, +.view .radio:selected:focus:active, +column-header .button .radio:selected:focus:active, +.activatable.tweak-category .radio:selected:focus:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); + icon-shadow: none; } +.view radio:selected:insensitive, +.view radio:selected:focus:insensitive, +.list-row radio:selected:insensitive, +.tweak-category radio:selected:insensitive, +.list-row radio:selected:focus:insensitive, +.tweak-category radio:selected:focus:insensitive, +.list-row.activatable radio:selected:insensitive, +.view radio:selected:insensitive, +column-header .button radio:selected:insensitive, +.activatable.tweak-category radio:selected:insensitive, +.list-row.activatable radio:selected:focus:insensitive, +.view radio:selected:focus:insensitive, +column-header .button radio:selected:focus:insensitive, +.activatable.tweak-category radio:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +.view radio:selected:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +.list-row radio:selected:inconsistent:insensitive, +.tweak-category radio:selected:inconsistent:insensitive, +.list-row radio:selected:focus:inconsistent:insensitive, +.tweak-category radio:selected:focus:inconsistent:insensitive, +.list-row.activatable radio:selected:inconsistent:insensitive, +.view radio:selected:inconsistent:insensitive, +column-header .button radio:selected:inconsistent:insensitive, +.activatable.tweak-category radio:selected:inconsistent:insensitive, +.list-row.activatable radio:selected:focus:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +column-header .button radio:selected:focus:inconsistent:insensitive, +.activatable.tweak-category radio:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +.view radio:selected:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +.list-row radio:selected:checked:insensitive, +.tweak-category radio:selected:checked:insensitive, +.list-row radio:selected:focus:checked:insensitive, +.tweak-category radio:selected:focus:checked:insensitive, +.list-row.activatable radio:selected:checked:insensitive, +.view radio:selected:checked:insensitive, +column-header .button radio:selected:checked:insensitive, +.activatable.tweak-category radio:selected:checked:insensitive, +.list-row.activatable radio:selected:focus:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +column-header .button radio:selected:focus:checked:insensitive, +.activatable.tweak-category radio:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view .radio:selected:inconsistent, +.view .radio:selected:focus:inconsistent, +.list-row .radio:selected:inconsistent, +.tweak-category .radio:selected:inconsistent, +.list-row .radio:selected:focus:inconsistent, +.tweak-category .radio:selected:focus:inconsistent, +.list-row.activatable .radio:selected:inconsistent, +.view .radio:selected:inconsistent, +column-header .button .radio:selected:inconsistent, +.activatable.tweak-category .radio:selected:inconsistent, +.list-row.activatable .radio:selected:focus:inconsistent, +.view .radio:selected:focus:inconsistent, +column-header .button .radio:selected:focus:inconsistent, +.activatable.tweak-category .radio:selected:focus:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); + icon-shadow: none; } +.view radio:selected:insensitive, +.view radio:selected:focus:insensitive, +.list-row radio:selected:insensitive, +.tweak-category radio:selected:insensitive, +.list-row radio:selected:focus:insensitive, +.tweak-category radio:selected:focus:insensitive, +.list-row.activatable radio:selected:insensitive, +.view radio:selected:insensitive, +column-header .button radio:selected:insensitive, +.activatable.tweak-category radio:selected:insensitive, +.list-row.activatable radio:selected:focus:insensitive, +.view radio:selected:focus:insensitive, +column-header .button radio:selected:focus:insensitive, +.activatable.tweak-category radio:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +.view radio:selected:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +.list-row radio:selected:inconsistent:insensitive, +.tweak-category radio:selected:inconsistent:insensitive, +.list-row radio:selected:focus:inconsistent:insensitive, +.tweak-category radio:selected:focus:inconsistent:insensitive, +.list-row.activatable radio:selected:inconsistent:insensitive, +.view radio:selected:inconsistent:insensitive, +column-header .button radio:selected:inconsistent:insensitive, +.activatable.tweak-category radio:selected:inconsistent:insensitive, +.list-row.activatable radio:selected:focus:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +column-header .button radio:selected:focus:inconsistent:insensitive, +.activatable.tweak-category radio:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +.view radio:selected:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +.list-row radio:selected:checked:insensitive, +.tweak-category radio:selected:checked:insensitive, +.list-row radio:selected:focus:checked:insensitive, +.tweak-category radio:selected:focus:checked:insensitive, +.list-row.activatable radio:selected:checked:insensitive, +.view radio:selected:checked:insensitive, +column-header .button radio:selected:checked:insensitive, +.activatable.tweak-category radio:selected:checked:insensitive, +.list-row.activatable radio:selected:focus:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +column-header .button radio:selected:focus:checked:insensitive, +.activatable.tweak-category radio:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view .radio:selected:inconsistent:active, +.view .radio:selected:focus:inconsistent:active, +.list-row .radio:selected:inconsistent:active, +.tweak-category .radio:selected:inconsistent:active, +.list-row .radio:selected:focus:inconsistent:active, +.tweak-category .radio:selected:focus:inconsistent:active, +.list-row.activatable .radio:selected:inconsistent:active, +.view .radio:selected:inconsistent:active, +column-header .button .radio:selected:inconsistent:active, +.activatable.tweak-category .radio:selected:inconsistent:active, +.list-row.activatable .radio:selected:focus:inconsistent:active, +.view .radio:selected:focus:inconsistent:active, +column-header .button .radio:selected:focus:inconsistent:active, +.activatable.tweak-category .radio:selected:focus:inconsistent:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); + icon-shadow: none; } +.view radio:selected:insensitive, +.view radio:selected:focus:insensitive, +.list-row radio:selected:insensitive, +.tweak-category radio:selected:insensitive, +.list-row radio:selected:focus:insensitive, +.tweak-category radio:selected:focus:insensitive, +.list-row.activatable radio:selected:insensitive, +.view radio:selected:insensitive, +column-header .button radio:selected:insensitive, +.activatable.tweak-category radio:selected:insensitive, +.list-row.activatable radio:selected:focus:insensitive, +.view radio:selected:focus:insensitive, +column-header .button radio:selected:focus:insensitive, +.activatable.tweak-category radio:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +.view radio:selected:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +.list-row radio:selected:inconsistent:insensitive, +.tweak-category radio:selected:inconsistent:insensitive, +.list-row radio:selected:focus:inconsistent:insensitive, +.tweak-category radio:selected:focus:inconsistent:insensitive, +.list-row.activatable radio:selected:inconsistent:insensitive, +.view radio:selected:inconsistent:insensitive, +column-header .button radio:selected:inconsistent:insensitive, +.activatable.tweak-category radio:selected:inconsistent:insensitive, +.list-row.activatable radio:selected:focus:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +column-header .button radio:selected:focus:inconsistent:insensitive, +.activatable.tweak-category radio:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +.view radio:selected:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +.list-row radio:selected:checked:insensitive, +.tweak-category radio:selected:checked:insensitive, +.list-row radio:selected:focus:checked:insensitive, +.tweak-category radio:selected:focus:checked:insensitive, +.list-row.activatable radio:selected:checked:insensitive, +.view radio:selected:checked:insensitive, +column-header .button radio:selected:checked:insensitive, +.activatable.tweak-category radio:selected:checked:insensitive, +.list-row.activatable radio:selected:focus:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +column-header .button radio:selected:focus:checked:insensitive, +.activatable.tweak-category radio:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view .radio:selected:checked, +.view .radio:selected:focus:checked, +.list-row .radio:selected:checked, +.tweak-category .radio:selected:checked, +.list-row .radio:selected:focus:checked, +.tweak-category .radio:selected:focus:checked, +.list-row.activatable .radio:selected:checked, +.view .radio:selected:checked, +column-header .button .radio:selected:checked, +.activatable.tweak-category .radio:selected:checked, +.list-row.activatable .radio:selected:focus:checked, +.view .radio:selected:focus:checked, +column-header .button .radio:selected:focus:checked, +.activatable.tweak-category .radio:selected:focus:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); + icon-shadow: none; } +.view radio:selected:insensitive, +.view radio:selected:focus:insensitive, +.list-row radio:selected:insensitive, +.tweak-category radio:selected:insensitive, +.list-row radio:selected:focus:insensitive, +.tweak-category radio:selected:focus:insensitive, +.list-row.activatable radio:selected:insensitive, +.view radio:selected:insensitive, +column-header .button radio:selected:insensitive, +.activatable.tweak-category radio:selected:insensitive, +.list-row.activatable radio:selected:focus:insensitive, +.view radio:selected:focus:insensitive, +column-header .button radio:selected:focus:insensitive, +.activatable.tweak-category radio:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +.view radio:selected:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +.list-row radio:selected:inconsistent:insensitive, +.tweak-category radio:selected:inconsistent:insensitive, +.list-row radio:selected:focus:inconsistent:insensitive, +.tweak-category radio:selected:focus:inconsistent:insensitive, +.list-row.activatable radio:selected:inconsistent:insensitive, +.view radio:selected:inconsistent:insensitive, +column-header .button radio:selected:inconsistent:insensitive, +.activatable.tweak-category radio:selected:inconsistent:insensitive, +.list-row.activatable radio:selected:focus:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +column-header .button radio:selected:focus:inconsistent:insensitive, +.activatable.tweak-category radio:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +.view radio:selected:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +.list-row radio:selected:checked:insensitive, +.tweak-category radio:selected:checked:insensitive, +.list-row radio:selected:focus:checked:insensitive, +.tweak-category radio:selected:focus:checked:insensitive, +.list-row.activatable radio:selected:checked:insensitive, +.view radio:selected:checked:insensitive, +column-header .button radio:selected:checked:insensitive, +.activatable.tweak-category radio:selected:checked:insensitive, +.list-row.activatable radio:selected:focus:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +column-header .button radio:selected:focus:checked:insensitive, +.activatable.tweak-category radio:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view .radio:selected:checked:active, +.view .radio:selected:focus:checked:active, +.list-row .radio:selected:checked:active, +.tweak-category .radio:selected:checked:active, +.list-row .radio:selected:focus:checked:active, +.tweak-category .radio:selected:focus:checked:active, +.list-row.activatable .radio:selected:checked:active, +.view .radio:selected:checked:active, +column-header .button .radio:selected:checked:active, +.activatable.tweak-category .radio:selected:checked:active, +.list-row.activatable .radio:selected:focus:checked:active, +.view .radio:selected:focus:checked:active, +column-header .button .radio:selected:focus:checked:active, +.activatable.tweak-category .radio:selected:focus:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); + icon-shadow: none; } +.view radio:selected:insensitive, +.view radio:selected:focus:insensitive, +.list-row radio:selected:insensitive, +.tweak-category radio:selected:insensitive, +.list-row radio:selected:focus:insensitive, +.tweak-category radio:selected:focus:insensitive, +.list-row.activatable radio:selected:insensitive, +.view radio:selected:insensitive, +column-header .button radio:selected:insensitive, +.activatable.tweak-category radio:selected:insensitive, +.list-row.activatable radio:selected:focus:insensitive, +.view radio:selected:focus:insensitive, +column-header .button radio:selected:focus:insensitive, +.activatable.tweak-category radio:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +.view radio:selected:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +.list-row radio:selected:inconsistent:insensitive, +.tweak-category radio:selected:inconsistent:insensitive, +.list-row radio:selected:focus:inconsistent:insensitive, +.tweak-category radio:selected:focus:inconsistent:insensitive, +.list-row.activatable radio:selected:inconsistent:insensitive, +.view radio:selected:inconsistent:insensitive, +column-header .button radio:selected:inconsistent:insensitive, +.activatable.tweak-category radio:selected:inconsistent:insensitive, +.list-row.activatable radio:selected:focus:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +column-header .button radio:selected:focus:inconsistent:insensitive, +.activatable.tweak-category radio:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +.view radio:selected:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +.list-row radio:selected:checked:insensitive, +.tweak-category radio:selected:checked:insensitive, +.list-row radio:selected:focus:checked:insensitive, +.tweak-category radio:selected:focus:checked:insensitive, +.list-row.activatable radio:selected:checked:insensitive, +.view radio:selected:checked:insensitive, +column-header .button radio:selected:checked:insensitive, +.activatable.tweak-category radio:selected:checked:insensitive, +.list-row.activatable radio:selected:focus:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +column-header .button radio:selected:focus:checked:insensitive, +.activatable.tweak-category radio:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view.content-view.check:not(.list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view.check:hover:not(.list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode-dark.png"), url("assets/checkbox-active-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view.check:active:not(.list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode-dark.png"), url("assets/checkbox-active-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view.check:insensitive:not(.list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-selectionmode-dark.png"), url("assets/checkbox-insensitive-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(.list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:hover:not(.list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode-dark.png"), url("assets/checkbox-checked-active-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:active:not(.list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode-dark.png"), url("assets/checkbox-checked-active-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view.check:insensitive:checked:not(.list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selectionmode-dark.png"), url("assets/checkbox-checked-insensitive-selectionmode-dark@2.png")); + background-color: transparent; } + +GtkCheckButton.text-button, +GtkRadioButton.text-button { + padding: 0.2em 0.5em; + outline-offset: 0; + color: rgba(236, 239, 241, 0.75); } + GtkCheckButton.text-button:hover, GtkCheckButton.text-button:active, GtkCheckButton.text-button:checked, + GtkRadioButton.text-button:hover, + GtkRadioButton.text-button:active, + GtkRadioButton.text-button:checked { + color: #ECEFF1; } + GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, + GtkRadioButton.text-button:insensitive, + GtkRadioButton.text-button:insensitive:active, + GtkRadioButton.text-button:insensitive:inconsistent { + color: rgba(236, 239, 241, 0.3); } + +/************ + * GtkScale * + ************/ +.scale, +.scale.scale-has-marks-above.scale-has-marks-below, +.scale.vertical.scale-has-marks-above.scale-has-marks-below { + -GtkScale-slider-length: 20; + -GtkRange-slider-width: 20; + -GtkRange-trough-border: 2; + outline-offset: -8px; + outline-radius: 100px; } + .scale.fine-tune.slider, + .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.slider, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.slider { + background-size: 80%; } + .scale.slider:not(:hover):not(:active), + .scale.scale-has-marks-above.scale-has-marks-below.slider:not(:hover):not(:active), + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:not(:hover):not(:active) { + background-size: 80%; } + .scale.slider.slider, + .scale.scale-has-marks-above.scale-has-marks-below.slider.slider, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-dark.png"), url("assets/slider-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.slider.slider:active, + .scale.scale-has-marks-above.scale-has-marks-below.slider.slider:active, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-active-dark.png"), url("assets/slider-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.slider.slider:insensitive, + .scale.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-insensitive-dark.png"), url("assets/slider-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.trough, + .scale.scale-has-marks-above.scale-has-marks-below.trough, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { + margin: 11px; + border-radius: 0; + background-color: alpha(currentColor, 0.2); } + .scale.trough.highlight, + .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { + background-color: #C5A68E; } + .scale.trough.highlight:insensitive, + .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive { + background-color: alpha(currentColor, 0.2); } + .scale.trough:insensitive, + .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive { + color: rgba(236, 239, 241, 0.3); } + .scale.separator, + .scale.scale-has-marks-above.scale-has-marks-below.separator, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.separator { + color: alpha(currentColor, 0.2); } + +.scale.scale-has-marks-below { + -GtkScale-slider-length: 20; + -GtkRange-slider-width: 25; + -GtkRange-trough-border: 1; } + .scale.scale-has-marks-below.slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.scale-has-marks-below.slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.scale-has-marks-below.slider:insensitive { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +.scale.scale-has-marks-above { + -GtkScale-slider-length: 20; + -GtkRange-slider-width: 25; + -GtkRange-trough-border: 1; } + .scale.scale-has-marks-above.slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.scale-has-marks-above.slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.scale-has-marks-above.slider:insensitive { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +.scale.vertical.scale-has-marks-below { + -GtkScale-slider-length: 20; + -GtkRange-slider-width: 25; + -GtkRange-trough-border: 1; } + .scale.vertical.scale-has-marks-below.slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.vertical.scale-has-marks-below.slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.vertical.scale-has-marks-below.slider:insensitive { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +.scale.vertical.scale-has-marks-above { + -GtkScale-slider-length: 20; + -GtkRange-slider-width: 25; + -GtkRange-trough-border: 1; } + .scale.vertical.scale-has-marks-above.slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.vertical.scale-has-marks-above.slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.vertical.scale-has-marks-above.slider:insensitive { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +.scale.scale-has-marks-above .trough { + margin: 15px 10px 10px; } + +.scale.scale-has-marks-below .trough { + margin: 10px 10px 15px; } + +.scale.vertical.scale-has-marks-above .trough { + margin: 10px 10px 10px 15px; } + +.scale.vertical.scale-has-marks-below .trough { + margin: 10px 15px 10px 10px; } + +/***************** + * Progress bars * + *****************/ +GtkProgressBar { + -GtkProgressBar-min-horizontal-bar-height: 4; + -GtkProgressBar-min-vertical-bar-width: 4; + padding: 0; + font-size: 90%; + color: rgba(236, 239, 241, 0.5); } + GtkProgressBar.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 0; + -GtkProgressBar-min-horizontal-bar-height: 4; } + GtkProgressBar.trough { + border-radius: 0; + background-color: rgba(77, 182, 172, 0.2); } + GtkProgressBar.trough.osd { + border-style: none; + box-shadow: none; + background-color: rgba(77, 182, 172, 0.2); } + +.progressbar { + border-radius: 0; + background-color: #C5A68E; } + .progressbar.left { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .progressbar.right { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .progressbar.left.right { + box-shadow: none; } + .progressbar.vertical.top { + border-top-left-radius: 0; + border-top-right-radius: 0; } + .progressbar.vertical.bottom { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; } + .progressbar.osd { + background-image: none; + background-color: #C5A68E; + border-style: none; + border-radius: 0; } + +.entry.progressbar { + border-style: none none solid; + border-width: 2px; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + border-radius: 0; + box-shadow: none; + background-color: transparent; + background-image: none; } + +GtkTreeView.view.progressbar, GtkTreeView.view.trough { + border-style: none none solid; + border-width: 4px; + border-radius: 0; + box-shadow: none; + background-color: transparent; + background-image: none; } + +/************* + * Level Bar * + *************/ +.level-bar { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); + -GtkLevelBar-min-block-width: 36; + -GtkLevelBar-min-block-height: 4; } + .level-bar.vertical { + -GtkLevelBar-min-block-width: 4; + -GtkLevelBar-min-block-height: 36; } + .level-bar.trough { + padding: 2px; + border-radius: 2px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + .level-bar.trough:insensitive { + box-shadow: none; } + .level-bar.trough.indicator-discrete.horizontal { + padding: 2px 1px; } + .level-bar.trough.indicator-discrete.vertical { + padding: 1px 2px; } + .level-bar.fill-block { + background-color: #C5A68E; + border-radius: 0; + box-shadow: none; } + .level-bar.fill-block.indicator-discrete.horizontal { + margin: 0 1px; } + .level-bar.fill-block.indicator-discrete.vertical { + margin: 1px 0; } + .level-bar.fill-block.level-high { + background-color: #00E676; } + .level-bar.fill-block.level-low { + background-color: #C5A68E; } + .level-bar.fill-block.empty-fill-block { + background-color: alpha(currentColor, 0.2); } + +/********** + * Frames * + **********/ +.frame { + border: 1px solid rgba(0, 0, 0, 0.11); + padding: 0; } + .frame.flat { + border-style: none; } + .frame.action-bar { + padding: 0.4em; + border-width: 1px 0 0; } + +GtkScrolledWindow GtkViewport.frame { + border-style: none; } + +.separator { + color: rgba(0, 0, 0, 0.11); } + GtkFileChooserButton .separator.vertical, GtkFontButton .separator.vertical { + -GtkWidget-wide-separators: true; } + +/********* + * Lists * + *********/ +.list { + border-color: rgba(0, 0, 0, 0.11); + background-color: #455A64; } + +.list-row, .tweak-category, +.grid-child { + padding: 2px; } + +.list-row.activatable, .view, column-header .button, .activatable.tweak-category { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + background-repeat: no-repeat; + background-position: center, center; + background-size: 240px 240px, auto; } + .list-row.activatable:hover, .view:hover, column-header .button:hover, .activatable.tweak-category:hover { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05)); } + .list-row.activatable:active, .view:active, column-header .button:active, GtkPlacesSidebar.sidebar .has-open-popup, .activatable.tweak-category:active { + animation: list_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .list-row.activatable:insensitive, .view:insensitive, column-header .button:insensitive, .activatable.tweak-category:insensitive { + color: rgba(236, 239, 241, 0.3); } + +.list-row:selected .button:insensitive, .tweak-category:selected .button:insensitive { + color: rgba(255, 255, 255, 0.34); } +.list-row:selected .button.flat, .tweak-category:selected .button.flat, .list-row:selected .button.osd.image-button, .tweak-category:selected .button.osd.image-button, .list-row:selected .inline-toolbar .button, .inline-toolbar .list-row:selected .button, .tweak-category:selected .inline-toolbar .button, .inline-toolbar .tweak-category:selected .button, .list-row:selected .action-bar .button, .action-bar .list-row:selected .button, .tweak-category:selected .action-bar .button, .action-bar .tweak-category:selected .button, .list-row:selected .inline-toolbar .linked > .button.image-button:not(.text-button), .inline-toolbar .list-row:selected .linked > .button.image-button:not(.text-button), .tweak-category:selected .inline-toolbar .linked > .button.image-button:not(.text-button), .inline-toolbar .tweak-category:selected .linked > .button.image-button:not(.text-button), .list-row:selected .inline-toolbar .stack-switcher > .button.image-button:not(.text-button), .inline-toolbar .list-row:selected .stack-switcher > .button.image-button:not(.text-button), .tweak-category:selected .inline-toolbar .stack-switcher > .button.image-button:not(.text-button), .inline-toolbar .tweak-category:selected .stack-switcher > .button.image-button:not(.text-button), .list-row:selected .action-bar .stack-switcher > .button.image-button:not(.text-button), .action-bar .list-row:selected .stack-switcher > .button.image-button:not(.text-button), .tweak-category:selected .action-bar .stack-switcher > .button.image-button:not(.text-button), .action-bar .tweak-category:selected .stack-switcher > .button.image-button:not(.text-button), .list-row:selected .app-notification .button, .app-notification .list-row:selected .button, .tweak-category:selected .app-notification .button, .app-notification .tweak-category:selected .button, .list-row:selected GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .list-row:selected .button, .tweak-category:selected GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .tweak-category:selected .button, .list-row:selected .toolbar .button, .toolbar .list-row:selected .button, .tweak-category:selected .toolbar .button, .toolbar .tweak-category:selected .button, .list-row:selected .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .list-row:selected .button:not(.suggested-action):not(.destructive-action), .tweak-category:selected .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .tweak-category:selected .button:not(.suggested-action):not(.destructive-action), +.list-row:selected .header-bar .button:not(.suggested-action):not(.destructive-action), +.header-bar .list-row:selected .button:not(.suggested-action):not(.destructive-action), +.tweak-category:selected .header-bar .button:not(.suggested-action):not(.destructive-action), +.header-bar .tweak-category:selected .button:not(.suggested-action):not(.destructive-action), .list-row:selected .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .list-row:selected .button, .tweak-category:selected .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .tweak-category:selected .button, .list-row:selected .sidebar-button.button, .tweak-category:selected .sidebar-button.button, .list-row:selected .info .button, .info .list-row:selected .button, .tweak-category:selected .info .button, .info .tweak-category:selected .button, +.list-row:selected .question .button, +.question .list-row:selected .button, +.tweak-category:selected .question .button, +.question .tweak-category:selected .button, +.list-row:selected .warning .button, +.warning .list-row:selected .button, +.tweak-category:selected .warning .button, +.warning .tweak-category:selected .button, +.list-row:selected .error .button, +.error .list-row:selected .button, +.tweak-category:selected .error .button, +.error .tweak-category:selected .button, .list-row:selected GtkScaleButton.button, .tweak-category:selected GtkScaleButton.button, +.list-row:selected GtkVolumeButton.button, +.tweak-category:selected GtkVolumeButton.button, .list-row:selected GfCandidatePopup .button, GfCandidatePopup .list-row:selected .button, .tweak-category:selected GfCandidatePopup .button, GfCandidatePopup .tweak-category:selected .button, .list-row:selected GfCandidatePopup .button:first-child, GfCandidatePopup .list-row:selected .button:first-child, .list-row:selected GfCandidatePopup .button:last-child, GfCandidatePopup .list-row:selected .button:last-child, +.list-row:selected GfCandidatePopup .linked > .button, +GfCandidatePopup .list-row:selected .linked > .button, .list-row:selected MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .list-row:selected .button:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .tweak-category:selected .button:not(.flat):not(.titlebutton), .list-row:selected MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .list-row:selected .button:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .tweak-category:selected .button:not(.flat):not(.titlebutton) { + color: rgba(255, 255, 255, 0.85); } + .list-row:selected .button.flat:hover, .tweak-category:selected .button.flat:hover, .list-row:selected .button.osd.image-button:hover, .tweak-category:selected .button.osd.image-button:hover, .list-row:selected .inline-toolbar .button:hover, .inline-toolbar .list-row:selected .button:hover, .tweak-category:selected .inline-toolbar .button:hover, .inline-toolbar .tweak-category:selected .button:hover, .list-row:selected .action-bar .button:hover, .action-bar .list-row:selected .button:hover, .tweak-category:selected .action-bar .button:hover, .action-bar .tweak-category:selected .button:hover, .list-row:selected .app-notification .button:hover, .app-notification .list-row:selected .button:hover, .tweak-category:selected .app-notification .button:hover, .app-notification .tweak-category:selected .button:hover, .list-row:selected GeditViewFrame .gedit-search-slider .button:hover, GeditViewFrame .gedit-search-slider .list-row:selected .button:hover, .tweak-category:selected GeditViewFrame .gedit-search-slider .button:hover, GeditViewFrame .gedit-search-slider .tweak-category:selected .button:hover, .list-row:selected .toolbar .button:hover, .toolbar .list-row:selected .button:hover, .tweak-category:selected .toolbar .button:hover, .toolbar .tweak-category:selected .button:hover, .list-row:selected .titlebar .button:hover:not(.suggested-action):not(.destructive-action), .titlebar .list-row:selected .button:hover:not(.suggested-action):not(.destructive-action), .tweak-category:selected .titlebar .button:hover:not(.suggested-action):not(.destructive-action), .titlebar .tweak-category:selected .button:hover:not(.suggested-action):not(.destructive-action), + .list-row:selected .header-bar .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .list-row:selected .button:hover:not(.suggested-action):not(.destructive-action), + .tweak-category:selected .header-bar .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .tweak-category:selected .button:hover:not(.suggested-action):not(.destructive-action), .list-row:selected .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .list-row:selected .button:hover, .tweak-category:selected .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .tweak-category:selected .button:hover, .list-row:selected .sidebar-button.button:hover, .tweak-category:selected .sidebar-button.button:hover, .list-row:selected .info .button:hover, .info .list-row:selected .button:hover, .tweak-category:selected .info .button:hover, .info .tweak-category:selected .button:hover, + .list-row:selected .question .button:hover, + .question .list-row:selected .button:hover, + .tweak-category:selected .question .button:hover, + .question .tweak-category:selected .button:hover, + .list-row:selected .warning .button:hover, + .warning .list-row:selected .button:hover, + .tweak-category:selected .warning .button:hover, + .warning .tweak-category:selected .button:hover, + .list-row:selected .error .button:hover, + .error .list-row:selected .button:hover, + .tweak-category:selected .error .button:hover, + .error .tweak-category:selected .button:hover, .list-row:selected GtkScaleButton.button:hover, .tweak-category:selected GtkScaleButton.button:hover, + .list-row:selected GtkVolumeButton.button:hover, + .tweak-category:selected GtkVolumeButton.button:hover, .list-row:selected GfCandidatePopup .button:hover, GfCandidatePopup .list-row:selected .button:hover, .tweak-category:selected GfCandidatePopup .button:hover, GfCandidatePopup .tweak-category:selected .button:hover, .list-row:selected GfCandidatePopup .button:hover:first-child, GfCandidatePopup .list-row:selected .button:hover:first-child, .list-row:selected GfCandidatePopup .button:hover:last-child, GfCandidatePopup .list-row:selected .button:hover:last-child, + .list-row:selected GfCandidatePopup .linked > .button:hover, + GfCandidatePopup .list-row:selected .linked > .button:hover, .list-row:selected MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .list-row:selected .button:hover:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .tweak-category:selected .button:hover:not(.flat):not(.titlebutton), .list-row:selected MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .list-row:selected .button:hover:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .tweak-category:selected .button:hover:not(.flat):not(.titlebutton), .list-row:selected .button.flat:active, .tweak-category:selected .button.flat:active, .list-row:selected .button.osd.image-button:active, .tweak-category:selected .button.osd.image-button:active, .list-row:selected .inline-toolbar .button:active, .inline-toolbar .list-row:selected .button:active, .tweak-category:selected .inline-toolbar .button:active, .inline-toolbar .tweak-category:selected .button:active, .list-row:selected .action-bar .button:active, .action-bar .list-row:selected .button:active, .tweak-category:selected .action-bar .button:active, .action-bar .tweak-category:selected .button:active, .list-row:selected .app-notification .button:active, .app-notification .list-row:selected .button:active, .tweak-category:selected .app-notification .button:active, .app-notification .tweak-category:selected .button:active, .list-row:selected GeditViewFrame .gedit-search-slider .button:active, GeditViewFrame .gedit-search-slider .list-row:selected .button:active, .tweak-category:selected GeditViewFrame .gedit-search-slider .button:active, GeditViewFrame .gedit-search-slider .tweak-category:selected .button:active, .list-row:selected .toolbar .button:active, .toolbar .list-row:selected .button:active, .tweak-category:selected .toolbar .button:active, .toolbar .tweak-category:selected .button:active, .list-row:selected .titlebar .button:active:not(.suggested-action):not(.destructive-action), .titlebar .list-row:selected .button:active:not(.suggested-action):not(.destructive-action), .tweak-category:selected .titlebar .button:active:not(.suggested-action):not(.destructive-action), .titlebar .tweak-category:selected .button:active:not(.suggested-action):not(.destructive-action), + .list-row:selected .header-bar .button:active:not(.suggested-action):not(.destructive-action), + .header-bar .list-row:selected .button:active:not(.suggested-action):not(.destructive-action), + .tweak-category:selected .header-bar .button:active:not(.suggested-action):not(.destructive-action), + .header-bar .tweak-category:selected .button:active:not(.suggested-action):not(.destructive-action), .list-row:selected .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .list-row:selected .button:active, .tweak-category:selected .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .tweak-category:selected .button:active, .list-row:selected .sidebar-button.button:active, .tweak-category:selected .sidebar-button.button:active, .list-row:selected .info .button:active, .info .list-row:selected .button:active, .tweak-category:selected .info .button:active, .info .tweak-category:selected .button:active, + .list-row:selected .question .button:active, + .question .list-row:selected .button:active, + .tweak-category:selected .question .button:active, + .question .tweak-category:selected .button:active, + .list-row:selected .warning .button:active, + .warning .list-row:selected .button:active, + .tweak-category:selected .warning .button:active, + .warning .tweak-category:selected .button:active, + .list-row:selected .error .button:active, + .error .list-row:selected .button:active, + .tweak-category:selected .error .button:active, + .error .tweak-category:selected .button:active, .list-row:selected GtkScaleButton.button:active, .tweak-category:selected GtkScaleButton.button:active, + .list-row:selected GtkVolumeButton.button:active, + .tweak-category:selected GtkVolumeButton.button:active, .list-row:selected GfCandidatePopup .button:active, GfCandidatePopup .list-row:selected .button:active, .tweak-category:selected GfCandidatePopup .button:active, GfCandidatePopup .tweak-category:selected .button:active, .list-row:selected GfCandidatePopup .button:active:first-child, GfCandidatePopup .list-row:selected .button:active:first-child, .list-row:selected GfCandidatePopup .button:active:last-child, GfCandidatePopup .list-row:selected .button:active:last-child, + .list-row:selected GfCandidatePopup .linked > .button:active, + GfCandidatePopup .list-row:selected .linked > .button:active, .list-row:selected MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .list-row:selected .button:active:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .tweak-category:selected .button:active:not(.flat):not(.titlebutton), .list-row:selected MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .list-row:selected .button:active:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .tweak-category:selected .button:active:not(.flat):not(.titlebutton) { + color: #FFFFFF; } + .list-row:selected .button.flat:insensitive, .tweak-category:selected .button.flat:insensitive, .list-row:selected .button.osd.image-button:insensitive, .tweak-category:selected .button.osd.image-button:insensitive, .list-row:selected .inline-toolbar .button:insensitive, .inline-toolbar .list-row:selected .button:insensitive, .tweak-category:selected .inline-toolbar .button:insensitive, .inline-toolbar .tweak-category:selected .button:insensitive, .list-row:selected .action-bar .button:insensitive, .action-bar .list-row:selected .button:insensitive, .tweak-category:selected .action-bar .button:insensitive, .action-bar .tweak-category:selected .button:insensitive, .list-row:selected .app-notification .button:insensitive, .app-notification .list-row:selected .button:insensitive, .tweak-category:selected .app-notification .button:insensitive, .app-notification .tweak-category:selected .button:insensitive, .list-row:selected GeditViewFrame .gedit-search-slider .button:insensitive, GeditViewFrame .gedit-search-slider .list-row:selected .button:insensitive, .tweak-category:selected GeditViewFrame .gedit-search-slider .button:insensitive, GeditViewFrame .gedit-search-slider .tweak-category:selected .button:insensitive, .list-row:selected .toolbar .button:insensitive, .toolbar .list-row:selected .button:insensitive, .tweak-category:selected .toolbar .button:insensitive, .toolbar .tweak-category:selected .button:insensitive, .list-row:selected .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), .titlebar .list-row:selected .button:insensitive:not(.suggested-action):not(.destructive-action), .tweak-category:selected .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), .titlebar .tweak-category:selected .button:insensitive:not(.suggested-action):not(.destructive-action), + .list-row:selected .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .list-row:selected .button:insensitive:not(.suggested-action):not(.destructive-action), + .tweak-category:selected .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .tweak-category:selected .button:insensitive:not(.suggested-action):not(.destructive-action), .list-row:selected .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .list-row:selected .button:insensitive, .tweak-category:selected .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .tweak-category:selected .button:insensitive, .list-row:selected .sidebar-button.button:insensitive, .tweak-category:selected .sidebar-button.button:insensitive, .list-row:selected .info .button:insensitive, .info .list-row:selected .button:insensitive, .tweak-category:selected .info .button:insensitive, .info .tweak-category:selected .button:insensitive, + .list-row:selected .question .button:insensitive, + .question .list-row:selected .button:insensitive, + .tweak-category:selected .question .button:insensitive, + .question .tweak-category:selected .button:insensitive, + .list-row:selected .warning .button:insensitive, + .warning .list-row:selected .button:insensitive, + .tweak-category:selected .warning .button:insensitive, + .warning .tweak-category:selected .button:insensitive, + .list-row:selected .error .button:insensitive, + .error .list-row:selected .button:insensitive, + .tweak-category:selected .error .button:insensitive, + .error .tweak-category:selected .button:insensitive, .list-row:selected GtkScaleButton.button:insensitive, .tweak-category:selected GtkScaleButton.button:insensitive, + .list-row:selected GtkVolumeButton.button:insensitive, + .tweak-category:selected GtkVolumeButton.button:insensitive, .list-row:selected GfCandidatePopup .button:insensitive, GfCandidatePopup .list-row:selected .button:insensitive, .tweak-category:selected GfCandidatePopup .button:insensitive, GfCandidatePopup .tweak-category:selected .button:insensitive, .list-row:selected GfCandidatePopup .button:insensitive:first-child, GfCandidatePopup .list-row:selected .button:insensitive:first-child, .list-row:selected GfCandidatePopup .button:insensitive:last-child, GfCandidatePopup .list-row:selected .button:insensitive:last-child, + .list-row:selected GfCandidatePopup .linked > .button:insensitive, + GfCandidatePopup .list-row:selected .linked > .button:insensitive, .list-row:selected MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .list-row:selected .button:insensitive:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .tweak-category:selected .button:insensitive:not(.flat):not(.titlebutton), .list-row:selected MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .list-row:selected .button:insensitive:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .tweak-category:selected .button:insensitive:not(.flat):not(.titlebutton) { + color: rgba(255, 255, 255, 0.34); } + +.list-row .button.image-button, .tweak-category .button.image-button { + padding: 0.4em; + background-size: 2.5em 2.5em, auto; } + +.list-row:hover, .tweak-category:hover { + transition: none; } + +/********************* + * App Notifications * + *********************/ +/************* + * Expanders * + *************/ +.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + .expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .expander:not(:hover):not(:active) { + color: alpha(currentColor, 0.75); } + .expander:selected { + color: #FFFFFF; } + .expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +/************ + * Calendar * + ***********/ +GtkCalendar { + margin: 0.6em 0; + padding: 0.4em 0.1em 0.2em; + border: 1px solid rgba(0, 0, 0, 0.11); + color: #ECEFF1; } + GtkCalendar:selected { + border: none; + border-radius: 100px; + color: #FFFFFF; + background-color: transparent; + background-image: -gtk-scaled(url("assets/calendar-day-selected.png"), url("assets/calendar-day-selected@2.png")); + background-size: 2em 2em; + background-position: center top; + background-repeat: no-repeat; } + GtkCalendar.header { + border: 1px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.11); + border-radius: 0; } + GtkCalendar.button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: alpha(currentColor, 0.2); } + GtkCalendar.button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + GtkCalendar.button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + GtkCalendar.button:insensitive { + box-shadow: none; + background-color: transparent; } + GtkCalendar:inconsistent { + color: alpha(currentColor, 0.2); } + GtkCalendar.highlight { + color: alpha(currentColor, 0.55); + font-size: 90%; + font-weight: 500; } + +/*********** + * Dialogs * + ***********/ +.message-dialog { + color: #ECEFF1; } + .message-dialog.background { + background-color: #322F22; + opacity: 0.9; } + .message-dialog .titlebar { + border-style: none; + color: #ECEFF1; + background-color: #322F22; } + .message-dialog .entry { + color: #ECEFF1; } + .message-dialog .entry:focus { + color: #FFFFFF; } + .message-dialog .entry:insensitive { + color: rgba(236, 239, 241, 0.3); } + .message-dialog .button { + color: #C5A68E); } + .message-dialog .button:hover, .message-dialog .button:active, .message-dialog .button:checked { + color: #C5A68E; } + .message-dialog .button:insensitive { + color: rgba(236, 239, 241, 0.3); } + .message-dialog .linked > .button { + border: 2px solid transparent; + border-radius: 2px; + border-image: none; + box-shadow: none; } + .message-dialog .check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + .message-dialog .radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + .message-dialog .check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); } + .message-dialog .radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); } + .message-dialog .check:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); } + .message-dialog .radio:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); } + .message-dialog .check:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + .message-dialog .radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + .message-dialog .check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + .message-dialog .radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + .message-dialog .check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); } + .message-dialog .radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); } + .message-dialog .check:inconsistent:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); } + .message-dialog .radio:inconsistent:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); } + .message-dialog .check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + .message-dialog .radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + .message-dialog .check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + .message-dialog .radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + .message-dialog .check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); } + .message-dialog .radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); } + .message-dialog .check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); } + .message-dialog .radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); } + .message-dialog .check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + .message-dialog .radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + .message-dialog GtkCheckButton.text-button, + .message-dialog GtkRadioButton.text-button { + color: rgba(236, 239, 241, 0.75); } + .message-dialog GtkCheckButton.text-button:hover, .message-dialog GtkCheckButton.text-button:active, .message-dialog GtkCheckButton.text-button:checked, + .message-dialog GtkRadioButton.text-button:hover, + .message-dialog GtkRadioButton.text-button:active, + .message-dialog GtkRadioButton.text-button:checked { + color: #ECEFF1; } + .message-dialog GtkCheckButton.text-button:insensitive, .message-dialog GtkCheckButton.text-button:insensitive:active, .message-dialog GtkCheckButton.text-button:insensitive:inconsistent, + .message-dialog GtkRadioButton.text-button:insensitive, + .message-dialog GtkRadioButton.text-button:insensitive:active, + .message-dialog GtkRadioButton.text-button:insensitive:inconsistent { + color: rgba(236, 239, 241, 0.3); } + .message-dialog.csd.background { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + .message-dialog.csd .dialog-action-area .button, + .message-dialog.csd .dialog-action-area .linked > .button { + padding: 0.7em 1em 0.8em; + border: 2px solid transparent; + border-radius: 0; + color: #C5A68E); + background-size: 240px 240px, auto; } + .message-dialog.csd .dialog-action-area .button:hover, + .message-dialog.csd .dialog-action-area .linked > .button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + color: #C5A68E; } + .message-dialog.csd .dialog-action-area .button:active, + .message-dialog.csd .dialog-action-area .linked > .button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #C5A68E; } + .message-dialog.csd .dialog-action-area .button:checked, + .message-dialog.csd .dialog-action-area .linked > .button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + color: #C5A68E); } + .message-dialog.csd .dialog-action-area .button:insensitive, + .message-dialog.csd .dialog-action-area .linked > .button:insensitive { + box-shadow: none; + background-color: transparent; } + .message-dialog.csd .dialog-action-area .button:first-child, + .message-dialog.csd .dialog-action-area .linked > .button:first-child { + border-bottom-left-radius: 2px; + border-right-width: 0; } + .message-dialog.csd .dialog-action-area .button:last-child, + .message-dialog.csd .dialog-action-area .linked > .button:last-child { + border-bottom-right-radius: 2px; + border-left-width: 0; } + +GtkFileChooserDialog .dialog-action-box { + border-top: 1px solid rgba(0, 0, 0, 0.11); } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border: none; + color: rgba(236, 239, 241, 0.75); + background-color: #3b4c54; } + .sidebar:dir(ltr), .sidebar .list:dir(ltr) { + box-shadow: inset -2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.06); } + .sidebar:dir(rtl), .sidebar .list:dir(rtl) { + box-shadow: inset 2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.06); } + .sidebar GtkTreeView.view, + .sidebar .frame, + .sidebar .list { + background-color: transparent; } + .sidebar GtkTreeView.view { + box-shadow: none; } + .sidebar .frame .list { + box-shadow: none; } + .sidebar .overshoot, + .sidebar .undershoot { + box-shadow: none; } + +GtkSidebarRow.list-row, GtkSidebarRow.tweak-category { + padding: 0; + color: rgba(236, 239, 241, 0.75); + font-weight: 500; } + GtkSidebarRow.list-row:hover, GtkSidebarRow.tweak-category:hover { + color: #ECEFF1; } + GtkSidebarRow.list-row:selected, GtkSidebarRow.tweak-category:selected { + color: #C5A68E; + background-color: transparent; } + GtkSidebarRow.list-row:backdrop, GtkSidebarRow.tweak-category:backdrop { + opacity: 1.0; } +GtkSidebarRow .sidebar-revealer { + padding: 0.2em 1.1em 0.2em 1em; } +GtkSidebarRow .sidebar-icon { + opacity: 0.75; } + GtkSidebarRow .sidebar-icon:dir(ltr) { + padding-right: 0.6em; } + GtkSidebarRow .sidebar-icon:dir(rtl) { + padding-left: 0.6em; } +GtkSidebarRow .sidebar-label:dir(ltr) { + padding-right: 0.1em; } +GtkSidebarRow .sidebar-label:dir(rtl) { + padding-left: 0.1em; } + +GtkPlacesSidebar.sidebar .list-row:selected:insensitive .label, GtkPlacesSidebar.sidebar .tweak-category:selected:insensitive .label { + color: rgba(255, 255, 255, 0.4); } +GtkPlacesSidebar.sidebar .list-row:selected .sidebar-button.button, GtkPlacesSidebar.sidebar .tweak-category:selected .sidebar-button.button { + color: #4DD0E1; } + GtkPlacesSidebar.sidebar .list-row:selected .sidebar-button.button:hover, GtkPlacesSidebar.sidebar .tweak-category:selected .sidebar-button.button:hover, GtkPlacesSidebar.sidebar .list-row:selected .sidebar-button.button:active, GtkPlacesSidebar.sidebar .tweak-category:selected .sidebar-button.button:active { + color: #C5A68E; } +GtkPlacesSidebar.sidebar .sidebar-placeholder-row { + border: solid 1px #C5A68E; } +GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { + color: #C5A68E; } +.sidebar-button.button.image-button { + padding: 4px; + color: rgba(236, 239, 241, 0.75); } + .sidebar-button.button.image-button:hover, .sidebar-button.button.image-button:active, .sidebar-button.button.image-button:checked { + color: #ECEFF1; } +GtkPlacesSidebar.sidebar .has-open-popup { + transition: none; } + +.sidebar-item { + padding: 0.8em 0.6em; } + .sidebar-item > .label { + padding-left: 0.4em; + padding-right: 0.4em; } + +GtkStackSidebar .sidebar-item { + padding: 0.8em 0.6em; + color: rgba(236, 239, 241, 0.75); + font-weight: 500; } + GtkStackSidebar .sidebar-item > .label { + padding-left: 0.4em; + padding-right: 0.4em; } + GtkStackSidebar .sidebar-item:hover { + color: #ECEFF1; } + GtkStackSidebar .sidebar-item:selected { + color: #C5A68E; + background-color: transparent; } + GtkStackSidebar .sidebar-item:backdrop { + opacity: 1.0; } +GtkStackSidebar .frame .list { + background-color: rgba(18, 22, 0, 0.04); } + GtkStackSidebar .frame .list:dir(ltr) { + box-shadow: inset -2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.06); } + GtkStackSidebar .frame .list:dir(rtl) { + box-shadow: inset 2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.06); } +GtkStackSidebar .separator { + -GtkWidget-wide-separators: true; } + +/********* + * Paned * + *********/ +GtkPaned { + -GtkPaned-handle-size: 1; + -gtk-icon-source: none; + margin: 0 8px 8px 0; } + GtkPaned:dir(rtl) { + margin-right: 0; + margin-left: 8px; } + GtkPaned .pane-separator { + background-color: rgba(0, 0, 0, 0.11); } + +GtkPaned.wide { + -GtkPaned-handle-size: 6; + margin: 0; } + GtkPaned.wide .pane-separator { + background-color: transparent; + border-style: none solid; + border-color: rgba(0, 0, 0, 0.11); + border-width: 1px; } + GtkPaned.wide.vertical .pane-separator { + border-style: solid none; } + +/************** + * GtkInfoBar * + **************/ +GtkInfoBar, NautilusTrashBar { + padding: 0.4em; + border-width: 0 0 1px; + border-style: solid; + border-color: #37474F; + background-color: #3b4c54; } + +.info, +.question, +.warning, +.error { + color: rgba(38, 50, 56, 0.75); } + .info .button, + .question .button, + .warning .button, + .error .button { + color: rgba(38, 50, 56, 0.75); } + .info .button:insensitive, + .question .button:insensitive, + .warning .button:insensitive, + .error .button:insensitive { + color: rgba(38, 50, 56, 0.3); } + .info .button.flat, .info .button.osd.image-button, .info .inline-toolbar .button, .inline-toolbar .info .button, .info .inline-toolbar .button.image-button:not(.text-button), .inline-toolbar .info .button.image-button:not(.text-button), .info .action-bar .button, .action-bar .info .button, .info .action-bar .button.image-button:not(.text-button), .action-bar .info .button.image-button:not(.text-button), .info .app-notification .button, .app-notification .info .button, .info GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .info .button, .info .toolbar .button, .toolbar .info .button, .info .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .info .button:not(.suggested-action):not(.destructive-action), + .info .header-bar .button:not(.suggested-action):not(.destructive-action), + .header-bar .info .button:not(.suggested-action):not(.destructive-action), .info .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .info .button, .info .sidebar-button.button, .info .button, + .info .question .button, + .question .info .button, + .info .warning .button, + .warning .info .button, + .info .error .button, + .error .info .button, .info GtkScaleButton.button, + .info GtkVolumeButton.button, .info GfCandidatePopup .button, GfCandidatePopup .info .button, .info GfCandidatePopup .button:first-child, GfCandidatePopup .info .button:first-child, .info GfCandidatePopup .button:last-child, GfCandidatePopup .info .button:last-child, + .info GfCandidatePopup .linked > .button, + GfCandidatePopup .info .linked > .button, .info MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .info .button:not(.flat):not(.titlebutton), .info MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .info .button:not(.flat):not(.titlebutton), + .info .action-bar .linked > .button.image-button, + .action-bar .info .linked > .button.image-button, .info NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .info .button.image-button, + .question .button.flat, + .question .button.osd.image-button, + .question .inline-toolbar .button, + .inline-toolbar .question .button, + .question .inline-toolbar .button.image-button:not(.text-button), + .inline-toolbar .question .button.image-button:not(.text-button), + .question .action-bar .button, + .action-bar .question .button, + .question .action-bar .button.image-button:not(.text-button), + .action-bar .question .button.image-button:not(.text-button), + .question .app-notification .button, + .app-notification .question .button, + .question GeditViewFrame .gedit-search-slider .button, + GeditViewFrame .gedit-search-slider .question .button, + .question .toolbar .button, + .toolbar .question .button, + .question .titlebar .button:not(.suggested-action):not(.destructive-action), + .titlebar .question .button:not(.suggested-action):not(.destructive-action), + .question .header-bar .button:not(.suggested-action):not(.destructive-action), + .header-bar .question .button:not(.suggested-action):not(.destructive-action), + .question .message-dialog.csd .dialog-action-area .button, + .message-dialog.csd .dialog-action-area .question .button, + .question .sidebar-button.button, + .question .info .button, + .info .question .button, + .question .button, + .question .warning .button, + .warning .question .button, + .question .error .button, + .error .question .button, + .question GtkScaleButton.button, + .question GtkVolumeButton.button, + .question GfCandidatePopup .button, + GfCandidatePopup .question .button, + .question GfCandidatePopup .button:first-child, + GfCandidatePopup .question .button:first-child, + .question GfCandidatePopup .button:last-child, + GfCandidatePopup .question .button:last-child, + .question GfCandidatePopup .linked > .button, + GfCandidatePopup .question .linked > .button, + .question MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .question .button:not(.flat):not(.titlebutton), + .question MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .question .button:not(.flat):not(.titlebutton), + .question .action-bar .linked > .button.image-button, + .action-bar .question .linked > .button.image-button, + .question NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button, + NemoWindow GtkGrid > GtkEventBox > .toolbar .question .button.image-button, + .warning .button.flat, + .warning .button.osd.image-button, + .warning .inline-toolbar .button, + .inline-toolbar .warning .button, + .warning .inline-toolbar .button.image-button:not(.text-button), + .inline-toolbar .warning .button.image-button:not(.text-button), + .warning .action-bar .button, + .action-bar .warning .button, + .warning .action-bar .button.image-button:not(.text-button), + .action-bar .warning .button.image-button:not(.text-button), + .warning .app-notification .button, + .app-notification .warning .button, + .warning GeditViewFrame .gedit-search-slider .button, + GeditViewFrame .gedit-search-slider .warning .button, + .warning .toolbar .button, + .toolbar .warning .button, + .warning .titlebar .button:not(.suggested-action):not(.destructive-action), + .titlebar .warning .button:not(.suggested-action):not(.destructive-action), + .warning .header-bar .button:not(.suggested-action):not(.destructive-action), + .header-bar .warning .button:not(.suggested-action):not(.destructive-action), + .warning .message-dialog.csd .dialog-action-area .button, + .message-dialog.csd .dialog-action-area .warning .button, + .warning .sidebar-button.button, + .warning .info .button, + .info .warning .button, + .warning .question .button, + .question .warning .button, + .warning .button, + .warning .error .button, + .error .warning .button, + .warning GtkScaleButton.button, + .warning GtkVolumeButton.button, + .warning GfCandidatePopup .button, + GfCandidatePopup .warning .button, + .warning GfCandidatePopup .button:first-child, + GfCandidatePopup .warning .button:first-child, + .warning GfCandidatePopup .button:last-child, + GfCandidatePopup .warning .button:last-child, + .warning GfCandidatePopup .linked > .button, + GfCandidatePopup .warning .linked > .button, + .warning MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .warning .button:not(.flat):not(.titlebutton), + .warning MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .warning .button:not(.flat):not(.titlebutton), + .warning .action-bar .linked > .button.image-button, + .action-bar .warning .linked > .button.image-button, + .warning NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button, + NemoWindow GtkGrid > GtkEventBox > .toolbar .warning .button.image-button, + .error .button.flat, + .error .button.osd.image-button, + .error .inline-toolbar .button, + .inline-toolbar .error .button, + .error .inline-toolbar .button.image-button:not(.text-button), + .inline-toolbar .error .button.image-button:not(.text-button), + .error .action-bar .button, + .action-bar .error .button, + .error .action-bar .button.image-button:not(.text-button), + .action-bar .error .button.image-button:not(.text-button), + .error .app-notification .button, + .app-notification .error .button, + .error GeditViewFrame .gedit-search-slider .button, + GeditViewFrame .gedit-search-slider .error .button, + .error .toolbar .button, + .toolbar .error .button, + .error .titlebar .button:not(.suggested-action):not(.destructive-action), + .titlebar .error .button:not(.suggested-action):not(.destructive-action), + .error .header-bar .button:not(.suggested-action):not(.destructive-action), + .header-bar .error .button:not(.suggested-action):not(.destructive-action), + .error .message-dialog.csd .dialog-action-area .button, + .message-dialog.csd .dialog-action-area .error .button, + .error .sidebar-button.button, + .error .info .button, + .info .error .button, + .error .question .button, + .question .error .button, + .error .warning .button, + .warning .error .button, + .error .button, + .error GtkScaleButton.button, + .error GtkVolumeButton.button, + .error GfCandidatePopup .button, + GfCandidatePopup .error .button, + .error GfCandidatePopup .button:first-child, + GfCandidatePopup .error .button:first-child, + .error GfCandidatePopup .button:last-child, + GfCandidatePopup .error .button:last-child, + .error GfCandidatePopup .linked > .button, + GfCandidatePopup .error .linked > .button, + .error MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .error .button:not(.flat):not(.titlebutton), + .error MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .error .button:not(.flat):not(.titlebutton), + .error .action-bar .linked > .button.image-button, + .action-bar .error .linked > .button.image-button, + .error NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button, + NemoWindow GtkGrid > GtkEventBox > .toolbar .error .button.image-button { + color: rgba(38, 50, 56, 0.75); } + .info .button.flat:hover, .info .button.osd.image-button:hover, .info .inline-toolbar .button:hover, .inline-toolbar .info .button:hover, .info .action-bar .button:hover, .action-bar .info .button:hover, .info .inline-toolbar .linked > .button.image-button:hover:not(.text-button), .inline-toolbar .info .linked > .button.image-button:hover:not(.text-button), .info .inline-toolbar .stack-switcher > .button.image-button:hover:not(.text-button), .inline-toolbar .info .stack-switcher > .button.image-button:hover:not(.text-button), .info .action-bar .stack-switcher > .button.image-button:hover:not(.text-button), .action-bar .info .stack-switcher > .button.image-button:hover:not(.text-button), .info .app-notification .button:hover, .app-notification .info .button:hover, .info GeditViewFrame .gedit-search-slider .button:hover, GeditViewFrame .gedit-search-slider .info .button:hover, .info .toolbar .button:hover, .toolbar .info .button:hover, .info .titlebar .button:hover:not(.suggested-action):not(.destructive-action), .titlebar .info .button:hover:not(.suggested-action):not(.destructive-action), + .info .header-bar .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .info .button:hover:not(.suggested-action):not(.destructive-action), .info .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .info .button:hover, .info .sidebar-button.button:hover, .info .button:hover, + .info .question .button:hover, + .question .info .button:hover, + .info .warning .button:hover, + .warning .info .button:hover, + .info .error .button:hover, + .error .info .button:hover, .info GtkScaleButton.button:hover, + .info GtkVolumeButton.button:hover, .info GfCandidatePopup .button:hover, GfCandidatePopup .info .button:hover, .info GfCandidatePopup .button:hover:first-child, GfCandidatePopup .info .button:hover:first-child, .info GfCandidatePopup .button:hover:last-child, GfCandidatePopup .info .button:hover:last-child, + .info GfCandidatePopup .linked > .button:hover, + GfCandidatePopup .info .linked > .button:hover, .info MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .info .button:hover:not(.flat):not(.titlebutton), .info MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .info .button:hover:not(.flat):not(.titlebutton), .info .button.flat:active, .info .button.osd.image-button:active, .info .inline-toolbar .button:active, .inline-toolbar .info .button:active, .info .action-bar .button:active, .action-bar .info .button:active, .info .inline-toolbar .linked > .button.image-button:active:not(.text-button), .inline-toolbar .info .linked > .button.image-button:active:not(.text-button), .info .inline-toolbar .stack-switcher > .button.image-button:active:not(.text-button), .inline-toolbar .info .stack-switcher > .button.image-button:active:not(.text-button), .info .action-bar .stack-switcher > .button.image-button:active:not(.text-button), .action-bar .info .stack-switcher > .button.image-button:active:not(.text-button), .info .app-notification .button:active, .app-notification .info .button:active, .info GeditViewFrame .gedit-search-slider .button:active, GeditViewFrame .gedit-search-slider .info .button:active, .info .toolbar .button:active, .toolbar .info .button:active, .info .titlebar .button:active:not(.suggested-action):not(.destructive-action), .titlebar .info .button:active:not(.suggested-action):not(.destructive-action), + .info .header-bar .button:active:not(.suggested-action):not(.destructive-action), + .header-bar .info .button:active:not(.suggested-action):not(.destructive-action), .info .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .info .button:active, .info .sidebar-button.button:active, .info .button:active, + .info .question .button:active, + .question .info .button:active, + .info .warning .button:active, + .warning .info .button:active, + .info .error .button:active, + .error .info .button:active, .info GtkScaleButton.button:active, + .info GtkVolumeButton.button:active, .info GfCandidatePopup .button:active, GfCandidatePopup .info .button:active, .info GfCandidatePopup .button:active:first-child, GfCandidatePopup .info .button:active:first-child, .info GfCandidatePopup .button:active:last-child, GfCandidatePopup .info .button:active:last-child, + .info GfCandidatePopup .linked > .button:active, + GfCandidatePopup .info .linked > .button:active, .info MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .info .button:active:not(.flat):not(.titlebutton), .info MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .info .button:active:not(.flat):not(.titlebutton), + .question .button.flat:hover, + .question .button.osd.image-button:hover, + .question .inline-toolbar .button:hover, + .inline-toolbar .question .button:hover, + .question .action-bar .button:hover, + .action-bar .question .button:hover, + .question .inline-toolbar .linked > .button.image-button:hover:not(.text-button), + .inline-toolbar .question .linked > .button.image-button:hover:not(.text-button), + .question .inline-toolbar .stack-switcher > .button.image-button:hover:not(.text-button), + .inline-toolbar .question .stack-switcher > .button.image-button:hover:not(.text-button), + .question .action-bar .stack-switcher > .button.image-button:hover:not(.text-button), + .action-bar .question .stack-switcher > .button.image-button:hover:not(.text-button), + .question .app-notification .button:hover, + .app-notification .question .button:hover, + .question GeditViewFrame .gedit-search-slider .button:hover, + GeditViewFrame .gedit-search-slider .question .button:hover, + .question .toolbar .button:hover, + .toolbar .question .button:hover, + .question .titlebar .button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .question .button:hover:not(.suggested-action):not(.destructive-action), + .question .header-bar .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .question .button:hover:not(.suggested-action):not(.destructive-action), + .question .message-dialog.csd .dialog-action-area .button:hover, + .message-dialog.csd .dialog-action-area .question .button:hover, + .question .sidebar-button.button:hover, + .question .info .button:hover, + .info .question .button:hover, + .question .button:hover, + .question .warning .button:hover, + .warning .question .button:hover, + .question .error .button:hover, + .error .question .button:hover, + .question GtkScaleButton.button:hover, + .question GtkVolumeButton.button:hover, + .question GfCandidatePopup .button:hover, + GfCandidatePopup .question .button:hover, + .question GfCandidatePopup .button:hover:first-child, + GfCandidatePopup .question .button:hover:first-child, + .question GfCandidatePopup .button:hover:last-child, + GfCandidatePopup .question .button:hover:last-child, + .question GfCandidatePopup .linked > .button:hover, + GfCandidatePopup .question .linked > .button:hover, + .question MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .question .button:hover:not(.flat):not(.titlebutton), + .question MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .question .button:hover:not(.flat):not(.titlebutton), + .question .button.flat:active, + .question .button.osd.image-button:active, + .question .inline-toolbar .button:active, + .inline-toolbar .question .button:active, + .question .action-bar .button:active, + .action-bar .question .button:active, + .question .inline-toolbar .linked > .button.image-button:active:not(.text-button), + .inline-toolbar .question .linked > .button.image-button:active:not(.text-button), + .question .inline-toolbar .stack-switcher > .button.image-button:active:not(.text-button), + .inline-toolbar .question .stack-switcher > .button.image-button:active:not(.text-button), + .question .action-bar .stack-switcher > .button.image-button:active:not(.text-button), + .action-bar .question .stack-switcher > .button.image-button:active:not(.text-button), + .question .app-notification .button:active, + .app-notification .question .button:active, + .question GeditViewFrame .gedit-search-slider .button:active, + GeditViewFrame .gedit-search-slider .question .button:active, + .question .toolbar .button:active, + .toolbar .question .button:active, + .question .titlebar .button:active:not(.suggested-action):not(.destructive-action), + .titlebar .question .button:active:not(.suggested-action):not(.destructive-action), + .question .header-bar .button:active:not(.suggested-action):not(.destructive-action), + .header-bar .question .button:active:not(.suggested-action):not(.destructive-action), + .question .message-dialog.csd .dialog-action-area .button:active, + .message-dialog.csd .dialog-action-area .question .button:active, + .question .sidebar-button.button:active, + .question .info .button:active, + .info .question .button:active, + .question .button:active, + .question .warning .button:active, + .warning .question .button:active, + .question .error .button:active, + .error .question .button:active, + .question GtkScaleButton.button:active, + .question GtkVolumeButton.button:active, + .question GfCandidatePopup .button:active, + GfCandidatePopup .question .button:active, + .question GfCandidatePopup .button:active:first-child, + GfCandidatePopup .question .button:active:first-child, + .question GfCandidatePopup .button:active:last-child, + GfCandidatePopup .question .button:active:last-child, + .question GfCandidatePopup .linked > .button:active, + GfCandidatePopup .question .linked > .button:active, + .question MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .question .button:active:not(.flat):not(.titlebutton), + .question MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .question .button:active:not(.flat):not(.titlebutton), + .warning .button.flat:hover, + .warning .button.osd.image-button:hover, + .warning .inline-toolbar .button:hover, + .inline-toolbar .warning .button:hover, + .warning .action-bar .button:hover, + .action-bar .warning .button:hover, + .warning .inline-toolbar .linked > .button.image-button:hover:not(.text-button), + .inline-toolbar .warning .linked > .button.image-button:hover:not(.text-button), + .warning .inline-toolbar .stack-switcher > .button.image-button:hover:not(.text-button), + .inline-toolbar .warning .stack-switcher > .button.image-button:hover:not(.text-button), + .warning .action-bar .stack-switcher > .button.image-button:hover:not(.text-button), + .action-bar .warning .stack-switcher > .button.image-button:hover:not(.text-button), + .warning .app-notification .button:hover, + .app-notification .warning .button:hover, + .warning GeditViewFrame .gedit-search-slider .button:hover, + GeditViewFrame .gedit-search-slider .warning .button:hover, + .warning .toolbar .button:hover, + .toolbar .warning .button:hover, + .warning .titlebar .button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .warning .button:hover:not(.suggested-action):not(.destructive-action), + .warning .header-bar .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .warning .button:hover:not(.suggested-action):not(.destructive-action), + .warning .message-dialog.csd .dialog-action-area .button:hover, + .message-dialog.csd .dialog-action-area .warning .button:hover, + .warning .sidebar-button.button:hover, + .warning .info .button:hover, + .info .warning .button:hover, + .warning .question .button:hover, + .question .warning .button:hover, + .warning .button:hover, + .warning .error .button:hover, + .error .warning .button:hover, + .warning GtkScaleButton.button:hover, + .warning GtkVolumeButton.button:hover, + .warning GfCandidatePopup .button:hover, + GfCandidatePopup .warning .button:hover, + .warning GfCandidatePopup .button:hover:first-child, + GfCandidatePopup .warning .button:hover:first-child, + .warning GfCandidatePopup .button:hover:last-child, + GfCandidatePopup .warning .button:hover:last-child, + .warning GfCandidatePopup .linked > .button:hover, + GfCandidatePopup .warning .linked > .button:hover, + .warning MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .warning .button:hover:not(.flat):not(.titlebutton), + .warning MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .warning .button:hover:not(.flat):not(.titlebutton), + .warning .button.flat:active, + .warning .button.osd.image-button:active, + .warning .inline-toolbar .button:active, + .inline-toolbar .warning .button:active, + .warning .action-bar .button:active, + .action-bar .warning .button:active, + .warning .inline-toolbar .linked > .button.image-button:active:not(.text-button), + .inline-toolbar .warning .linked > .button.image-button:active:not(.text-button), + .warning .inline-toolbar .stack-switcher > .button.image-button:active:not(.text-button), + .inline-toolbar .warning .stack-switcher > .button.image-button:active:not(.text-button), + .warning .action-bar .stack-switcher > .button.image-button:active:not(.text-button), + .action-bar .warning .stack-switcher > .button.image-button:active:not(.text-button), + .warning .app-notification .button:active, + .app-notification .warning .button:active, + .warning GeditViewFrame .gedit-search-slider .button:active, + GeditViewFrame .gedit-search-slider .warning .button:active, + .warning .toolbar .button:active, + .toolbar .warning .button:active, + .warning .titlebar .button:active:not(.suggested-action):not(.destructive-action), + .titlebar .warning .button:active:not(.suggested-action):not(.destructive-action), + .warning .header-bar .button:active:not(.suggested-action):not(.destructive-action), + .header-bar .warning .button:active:not(.suggested-action):not(.destructive-action), + .warning .message-dialog.csd .dialog-action-area .button:active, + .message-dialog.csd .dialog-action-area .warning .button:active, + .warning .sidebar-button.button:active, + .warning .info .button:active, + .info .warning .button:active, + .warning .question .button:active, + .question .warning .button:active, + .warning .button:active, + .warning .error .button:active, + .error .warning .button:active, + .warning GtkScaleButton.button:active, + .warning GtkVolumeButton.button:active, + .warning GfCandidatePopup .button:active, + GfCandidatePopup .warning .button:active, + .warning GfCandidatePopup .button:active:first-child, + GfCandidatePopup .warning .button:active:first-child, + .warning GfCandidatePopup .button:active:last-child, + GfCandidatePopup .warning .button:active:last-child, + .warning GfCandidatePopup .linked > .button:active, + GfCandidatePopup .warning .linked > .button:active, + .warning MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .warning .button:active:not(.flat):not(.titlebutton), + .warning MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .warning .button:active:not(.flat):not(.titlebutton), + .error .button.flat:hover, + .error .button.osd.image-button:hover, + .error .inline-toolbar .button:hover, + .inline-toolbar .error .button:hover, + .error .action-bar .button:hover, + .action-bar .error .button:hover, + .error .inline-toolbar .linked > .button.image-button:hover:not(.text-button), + .inline-toolbar .error .linked > .button.image-button:hover:not(.text-button), + .error .inline-toolbar .stack-switcher > .button.image-button:hover:not(.text-button), + .inline-toolbar .error .stack-switcher > .button.image-button:hover:not(.text-button), + .error .action-bar .stack-switcher > .button.image-button:hover:not(.text-button), + .action-bar .error .stack-switcher > .button.image-button:hover:not(.text-button), + .error .app-notification .button:hover, + .app-notification .error .button:hover, + .error GeditViewFrame .gedit-search-slider .button:hover, + GeditViewFrame .gedit-search-slider .error .button:hover, + .error .toolbar .button:hover, + .toolbar .error .button:hover, + .error .titlebar .button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .error .button:hover:not(.suggested-action):not(.destructive-action), + .error .header-bar .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .error .button:hover:not(.suggested-action):not(.destructive-action), + .error .message-dialog.csd .dialog-action-area .button:hover, + .message-dialog.csd .dialog-action-area .error .button:hover, + .error .sidebar-button.button:hover, + .error .info .button:hover, + .info .error .button:hover, + .error .question .button:hover, + .question .error .button:hover, + .error .warning .button:hover, + .warning .error .button:hover, + .error .button:hover, + .error GtkScaleButton.button:hover, + .error GtkVolumeButton.button:hover, + .error GfCandidatePopup .button:hover, + GfCandidatePopup .error .button:hover, + .error GfCandidatePopup .button:hover:first-child, + GfCandidatePopup .error .button:hover:first-child, + .error GfCandidatePopup .button:hover:last-child, + GfCandidatePopup .error .button:hover:last-child, + .error GfCandidatePopup .linked > .button:hover, + GfCandidatePopup .error .linked > .button:hover, + .error MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .error .button:hover:not(.flat):not(.titlebutton), + .error MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .error .button:hover:not(.flat):not(.titlebutton), + .error .button.flat:active, + .error .button.osd.image-button:active, + .error .inline-toolbar .button:active, + .inline-toolbar .error .button:active, + .error .action-bar .button:active, + .action-bar .error .button:active, + .error .inline-toolbar .linked > .button.image-button:active:not(.text-button), + .inline-toolbar .error .linked > .button.image-button:active:not(.text-button), + .error .inline-toolbar .stack-switcher > .button.image-button:active:not(.text-button), + .inline-toolbar .error .stack-switcher > .button.image-button:active:not(.text-button), + .error .action-bar .stack-switcher > .button.image-button:active:not(.text-button), + .action-bar .error .stack-switcher > .button.image-button:active:not(.text-button), + .error .app-notification .button:active, + .app-notification .error .button:active, + .error GeditViewFrame .gedit-search-slider .button:active, + GeditViewFrame .gedit-search-slider .error .button:active, + .error .toolbar .button:active, + .toolbar .error .button:active, + .error .titlebar .button:active:not(.suggested-action):not(.destructive-action), + .titlebar .error .button:active:not(.suggested-action):not(.destructive-action), + .error .header-bar .button:active:not(.suggested-action):not(.destructive-action), + .header-bar .error .button:active:not(.suggested-action):not(.destructive-action), + .error .message-dialog.csd .dialog-action-area .button:active, + .message-dialog.csd .dialog-action-area .error .button:active, + .error .sidebar-button.button:active, + .error .info .button:active, + .info .error .button:active, + .error .question .button:active, + .question .error .button:active, + .error .warning .button:active, + .warning .error .button:active, + .error .button:active, + .error GtkScaleButton.button:active, + .error GtkVolumeButton.button:active, + .error GfCandidatePopup .button:active, + GfCandidatePopup .error .button:active, + .error GfCandidatePopup .button:active:first-child, + GfCandidatePopup .error .button:active:first-child, + .error GfCandidatePopup .button:active:last-child, + GfCandidatePopup .error .button:active:last-child, + .error GfCandidatePopup .linked > .button:active, + GfCandidatePopup .error .linked > .button:active, + .error MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .error .button:active:not(.flat):not(.titlebutton), + .error MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .error .button:active:not(.flat):not(.titlebutton) { + color: #263238; } + .info .button.flat:insensitive, .info .button.osd.image-button:insensitive, .info .inline-toolbar .button:insensitive, .inline-toolbar .info .button:insensitive, .info .action-bar .button:insensitive, .action-bar .info .button:insensitive, .info .inline-toolbar .linked > .button.image-button:insensitive:not(.text-button), .inline-toolbar .info .linked > .button.image-button:insensitive:not(.text-button), .info .inline-toolbar .stack-switcher > .button.image-button:insensitive:not(.text-button), .inline-toolbar .info .stack-switcher > .button.image-button:insensitive:not(.text-button), .info .action-bar .stack-switcher > .button.image-button:insensitive:not(.text-button), .action-bar .info .stack-switcher > .button.image-button:insensitive:not(.text-button), .info .app-notification .button:insensitive, .app-notification .info .button:insensitive, .info GeditViewFrame .gedit-search-slider .button:insensitive, GeditViewFrame .gedit-search-slider .info .button:insensitive, .info .toolbar .button:insensitive, .toolbar .info .button:insensitive, .info .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), .titlebar .info .button:insensitive:not(.suggested-action):not(.destructive-action), + .info .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .info .button:insensitive:not(.suggested-action):not(.destructive-action), .info .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .info .button:insensitive, .info .sidebar-button.button:insensitive, .info .button:insensitive, + .info .question .button:insensitive, + .question .info .button:insensitive, + .info .warning .button:insensitive, + .warning .info .button:insensitive, + .info .error .button:insensitive, + .error .info .button:insensitive, .info GtkScaleButton.button:insensitive, + .info GtkVolumeButton.button:insensitive, .info GfCandidatePopup .button:insensitive, GfCandidatePopup .info .button:insensitive, .info GfCandidatePopup .button:insensitive:first-child, GfCandidatePopup .info .button:insensitive:first-child, .info GfCandidatePopup .button:insensitive:last-child, GfCandidatePopup .info .button:insensitive:last-child, + .info GfCandidatePopup .linked > .button:insensitive, + GfCandidatePopup .info .linked > .button:insensitive, .info MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .info .button:insensitive:not(.flat):not(.titlebutton), .info MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .info .button:insensitive:not(.flat):not(.titlebutton), + .question .button.flat:insensitive, + .question .button.osd.image-button:insensitive, + .question .inline-toolbar .button:insensitive, + .inline-toolbar .question .button:insensitive, + .question .action-bar .button:insensitive, + .action-bar .question .button:insensitive, + .question .inline-toolbar .linked > .button.image-button:insensitive:not(.text-button), + .inline-toolbar .question .linked > .button.image-button:insensitive:not(.text-button), + .question .inline-toolbar .stack-switcher > .button.image-button:insensitive:not(.text-button), + .inline-toolbar .question .stack-switcher > .button.image-button:insensitive:not(.text-button), + .question .action-bar .stack-switcher > .button.image-button:insensitive:not(.text-button), + .action-bar .question .stack-switcher > .button.image-button:insensitive:not(.text-button), + .question .app-notification .button:insensitive, + .app-notification .question .button:insensitive, + .question GeditViewFrame .gedit-search-slider .button:insensitive, + GeditViewFrame .gedit-search-slider .question .button:insensitive, + .question .toolbar .button:insensitive, + .toolbar .question .button:insensitive, + .question .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), + .titlebar .question .button:insensitive:not(.suggested-action):not(.destructive-action), + .question .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .question .button:insensitive:not(.suggested-action):not(.destructive-action), + .question .message-dialog.csd .dialog-action-area .button:insensitive, + .message-dialog.csd .dialog-action-area .question .button:insensitive, + .question .sidebar-button.button:insensitive, + .question .info .button:insensitive, + .info .question .button:insensitive, + .question .button:insensitive, + .question .warning .button:insensitive, + .warning .question .button:insensitive, + .question .error .button:insensitive, + .error .question .button:insensitive, + .question GtkScaleButton.button:insensitive, + .question GtkVolumeButton.button:insensitive, + .question GfCandidatePopup .button:insensitive, + GfCandidatePopup .question .button:insensitive, + .question GfCandidatePopup .button:insensitive:first-child, + GfCandidatePopup .question .button:insensitive:first-child, + .question GfCandidatePopup .button:insensitive:last-child, + GfCandidatePopup .question .button:insensitive:last-child, + .question GfCandidatePopup .linked > .button:insensitive, + GfCandidatePopup .question .linked > .button:insensitive, + .question MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .question .button:insensitive:not(.flat):not(.titlebutton), + .question MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .question .button:insensitive:not(.flat):not(.titlebutton), + .warning .button.flat:insensitive, + .warning .button.osd.image-button:insensitive, + .warning .inline-toolbar .button:insensitive, + .inline-toolbar .warning .button:insensitive, + .warning .action-bar .button:insensitive, + .action-bar .warning .button:insensitive, + .warning .inline-toolbar .linked > .button.image-button:insensitive:not(.text-button), + .inline-toolbar .warning .linked > .button.image-button:insensitive:not(.text-button), + .warning .inline-toolbar .stack-switcher > .button.image-button:insensitive:not(.text-button), + .inline-toolbar .warning .stack-switcher > .button.image-button:insensitive:not(.text-button), + .warning .action-bar .stack-switcher > .button.image-button:insensitive:not(.text-button), + .action-bar .warning .stack-switcher > .button.image-button:insensitive:not(.text-button), + .warning .app-notification .button:insensitive, + .app-notification .warning .button:insensitive, + .warning GeditViewFrame .gedit-search-slider .button:insensitive, + GeditViewFrame .gedit-search-slider .warning .button:insensitive, + .warning .toolbar .button:insensitive, + .toolbar .warning .button:insensitive, + .warning .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), + .titlebar .warning .button:insensitive:not(.suggested-action):not(.destructive-action), + .warning .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .warning .button:insensitive:not(.suggested-action):not(.destructive-action), + .warning .message-dialog.csd .dialog-action-area .button:insensitive, + .message-dialog.csd .dialog-action-area .warning .button:insensitive, + .warning .sidebar-button.button:insensitive, + .warning .info .button:insensitive, + .info .warning .button:insensitive, + .warning .question .button:insensitive, + .question .warning .button:insensitive, + .warning .button:insensitive, + .warning .error .button:insensitive, + .error .warning .button:insensitive, + .warning GtkScaleButton.button:insensitive, + .warning GtkVolumeButton.button:insensitive, + .warning GfCandidatePopup .button:insensitive, + GfCandidatePopup .warning .button:insensitive, + .warning GfCandidatePopup .button:insensitive:first-child, + GfCandidatePopup .warning .button:insensitive:first-child, + .warning GfCandidatePopup .button:insensitive:last-child, + GfCandidatePopup .warning .button:insensitive:last-child, + .warning GfCandidatePopup .linked > .button:insensitive, + GfCandidatePopup .warning .linked > .button:insensitive, + .warning MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .warning .button:insensitive:not(.flat):not(.titlebutton), + .warning MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .warning .button:insensitive:not(.flat):not(.titlebutton), + .error .button.flat:insensitive, + .error .button.osd.image-button:insensitive, + .error .inline-toolbar .button:insensitive, + .inline-toolbar .error .button:insensitive, + .error .action-bar .button:insensitive, + .action-bar .error .button:insensitive, + .error .inline-toolbar .linked > .button.image-button:insensitive:not(.text-button), + .inline-toolbar .error .linked > .button.image-button:insensitive:not(.text-button), + .error .inline-toolbar .stack-switcher > .button.image-button:insensitive:not(.text-button), + .inline-toolbar .error .stack-switcher > .button.image-button:insensitive:not(.text-button), + .error .action-bar .stack-switcher > .button.image-button:insensitive:not(.text-button), + .action-bar .error .stack-switcher > .button.image-button:insensitive:not(.text-button), + .error .app-notification .button:insensitive, + .app-notification .error .button:insensitive, + .error GeditViewFrame .gedit-search-slider .button:insensitive, + GeditViewFrame .gedit-search-slider .error .button:insensitive, + .error .toolbar .button:insensitive, + .toolbar .error .button:insensitive, + .error .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), + .titlebar .error .button:insensitive:not(.suggested-action):not(.destructive-action), + .error .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .error .button:insensitive:not(.suggested-action):not(.destructive-action), + .error .message-dialog.csd .dialog-action-area .button:insensitive, + .message-dialog.csd .dialog-action-area .error .button:insensitive, + .error .sidebar-button.button:insensitive, + .error .info .button:insensitive, + .info .error .button:insensitive, + .error .question .button:insensitive, + .question .error .button:insensitive, + .error .warning .button:insensitive, + .warning .error .button:insensitive, + .error .button:insensitive, + .error GtkScaleButton.button:insensitive, + .error GtkVolumeButton.button:insensitive, + .error GfCandidatePopup .button:insensitive, + GfCandidatePopup .error .button:insensitive, + .error GfCandidatePopup .button:insensitive:first-child, + GfCandidatePopup .error .button:insensitive:first-child, + .error GfCandidatePopup .button:insensitive:last-child, + GfCandidatePopup .error .button:insensitive:last-child, + .error GfCandidatePopup .linked > .button:insensitive, + GfCandidatePopup .error .linked > .button:insensitive, + .error MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .error .button:insensitive:not(.flat):not(.titlebutton), + .error MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .error .button:insensitive:not(.flat):not(.titlebutton) { + color: rgba(38, 50, 56, 0.3); } + .info .label:selected, + .info .label:selected:focus, + .info .label:selected:hover, + .question .label:selected, + .question .label:selected:focus, + .question .label:selected:hover, + .warning .label:selected, + .warning .label:selected:focus, + .warning .label:selected:hover, + .error .label:selected, + .error .label:selected:focus, + .error .label:selected:hover { + background-color: #008fa1; } + .info GtkProgressBar.trough, + .question GtkProgressBar.trough, + .warning GtkProgressBar.trough, + .error GtkProgressBar.trough { + background-color: rgba(255, 255, 255, 0.2); } + .info .progressbar, + .question .progressbar, + .warning .progressbar, + .error .progressbar { + background-color: #FFFFFF; } + +.info { + background-color: #00E5FF; } + +.question { + background-color: #FFEA00; } + +.warning { + background-color: #FF9100; } + +.error { + color: #FFFFFF; + background-color: #FF1744; } + +/************ + * Tooltips * + ************/ +.tooltip { + color: #ECEFF1; + padding: 0.2em; + border-radius: 2px; + box-shadow: none; } + .tooltip.background { + background-color: rgba(42, 55, 62, 0.9); } + .tooltip.window-frame.csd { + background-color: transparent; } + +.tooltip * { + padding: 0.2em; + background-color: transparent; + color: inherit; } + +/***************** + * Color Chooser * + *****************/ +GtkColorSwatch { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + GtkColorSwatch.top { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + GtkColorSwatch.bottom { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top) { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom) { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + GtkColorSwatch:only-child:not(.overlay) { + border-radius: 2px; } + GtkColorSwatch.top > .overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + GtkColorSwatch.bottom > .overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + GtkColorSwatch:first-child:not(.top) > .overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + GtkColorSwatch:last-child:not(.bottom) > .overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + GtkColorSwatch:only-child > .overlay { + border-radius: 2px; } + GtkColorSwatch:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + GtkColorEditor GtkColorSwatch { + border-radius: 2px; } + GtkColorEditor GtkColorSwatch:hover { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + GtkColorSwatch.color-dark { + color: #FFFFFF; } + GtkColorSwatch.color-light { + color: rgba(0, 0, 0, 0.8); } + GtkColorSwatch#add-color-button { + background-image: linear-gradient(to right, #FF1744 25%, #FF9100 25%, #FF9100 50%, #00E5FF 50%, #00E5FF 75%, #FFEA00 75%); + color: #FFFFFF; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #3e515a; } + +.osd .scale-popup .vertical .button, .scale-popup .vertical .button { + border-radius: 100px; + outline-radius: 100px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + .osd .scale-popup .vertical .button:first-child:hover, .scale-popup .vertical .button:first-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #00E676; } + .osd .scale-popup .vertical .button:first-child:insensitive, .scale-popup .vertical .button:first-child:insensitive { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#00E676, 0.4); } + .osd .scale-popup .vertical .button:last-child:hover, .scale-popup .vertical .button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #F44336; } + .osd .scale-popup .vertical .button:last-child:insensitive, .scale-popup .vertical .button:last-child:insensitive { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#F44336, 0.4); } +.osd .scale-popup .button, +.scale-popup .button { + border-radius: 100px; + outline-radius: 100px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + .osd .scale-popup .button:first-child:hover, + .scale-popup .button:first-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #F44336; } + .osd .scale-popup .button:first-child:insensitive, + .scale-popup .button:first-child:insensitive { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#F44336, 0.4); } + .osd .scale-popup .button:last-child:hover, + .scale-popup .button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #00E676; } + .osd .scale-popup .button:last-child:insensitive, + .scale-popup .button:last-child:insensitive { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#00E676, 0.4); } + +GtkScaleButton.button, +GtkVolumeButton.button { + border-radius: 100px; + outline-radius: 100px; } + GtkScaleButton.button.text-button, + GtkVolumeButton.button.text-button { + border-radius: 2px; + outline-radius: 2px; } + +.floating-bar { + padding: 0.1em 0 0.2em; + border: 1px solid transparent; + border-radius: 0; + color: rgba(236, 239, 241, 0.75); + background-color: #13191C; + transition: none; } + .floating-bar .button { + padding: 0.3em; + margin: 0 0.3em; + color: #C5A68E); } + .floating-bar .button:hover, .floating-bar .button:active, .floating-bar .button:checked { + color: #C5A68E; } + .floating-bar .button:insensitive { + color: rgba(77, 182, 172, 0.4); } + +.floating-bar.bottom.left { + border-width: 1px 1px 0 0; + border-radius: 0 3px 0 0; } +.floating-bar.bottom.right { + border-width: 1px 0 0 1px; + border-radius: 3px 0 0 0; } + +/********************** + * Window Decorations * + *********************/ +.window-frame { + transition: none; + border-radius: 2px 2px 0 0; + box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); + margin: 8px; } + .window-frame:backdrop { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + .window-frame.maximized, .window-frame.tiled { + border-radius: 0; + transition: none; } + .window-frame.maximized.ssd .titlebar, .window-frame.tiled.ssd .titlebar { + box-shadow: none; } + .window-frame.popup { + box-shadow: none; } + .window-frame.ssd { + box-shadow: 0 0 0 1px transparent; } + .window-frame.ssd .titlebar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } + .window-frame.ssd .tiled .titlebar { + transition: none; } + .window-frame.ssd .maximized .titlebar { + transition: none; } + .window-frame.csd.popup { + border-radius: 2px; + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.2); } + .window-frame.csd.tooltip { + border-radius: 2px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + .window-frame.csd.message-dialog { + border-radius: 2px; + box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); } + .window-frame.csd.message-dialog:backdrop { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + .window-frame.solid-csd { + border-radius: 2px 2px 0 0; + margin: -1px; + background-color: #3e515a; + border: none; + box-shadow: none; } + +.csd .header-bar .button.titlebutton.close:hover:backdrop, .csd .header-bar .button.titlebutton.close:active:backdrop, .csd .header-bar .button.titlebutton.minimize:hover:backdrop, .csd .header-bar .button.titlebutton.minimize:active:backdrop, .csd .header-bar .button.titlebutton.maximize:hover:backdrop, .csd .header-bar .button.titlebutton.maximize:active:backdrop, .csd .header-bar.selection-mode .button.titlebutton.close:hover:backdrop, .csd .header-bar.selection-mode .button.titlebutton.close:active:backdrop, .csd .header-bar.selection-mode .button.titlebutton.minimize:hover:backdrop, .csd .header-bar.selection-mode .button.titlebutton.minimize:active:backdrop, .csd .header-bar.selection-mode .button.titlebutton.maximize:hover:backdrop, .csd .header-bar.selection-mode .button.titlebutton.maximize:active:backdrop, +.csd .titlebar .button.titlebutton.close:hover:backdrop, +.csd .titlebar .button.titlebutton.close:active:backdrop, +.csd .titlebar .button.titlebutton.minimize:hover:backdrop, +.csd .titlebar .button.titlebutton.minimize:active:backdrop, +.csd .titlebar .button.titlebutton.maximize:hover:backdrop, +.csd .titlebar .button.titlebutton.maximize:active:backdrop, +.csd .titlebar.selection-mode .button.titlebutton.close:hover:backdrop, +.csd .titlebar.selection-mode .button.titlebutton.close:active:backdrop, +.csd .titlebar.selection-mode .button.titlebutton.minimize:hover:backdrop, +.csd .titlebar.selection-mode .button.titlebutton.minimize:active:backdrop, +.csd .titlebar.selection-mode .button.titlebutton.maximize:hover:backdrop, +.csd .titlebar.selection-mode .button.titlebutton.maximize:active:backdrop { + opacity: 1.0; } +.csd .header-bar .button.titlebutton.close > GtkImage, .csd .header-bar .button.titlebutton.minimize > GtkImage, .csd .header-bar .button.titlebutton.maximize > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.close > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.minimize > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.maximize > GtkImage, +.csd .titlebar .button.titlebutton.close > GtkImage, +.csd .titlebar .button.titlebutton.minimize > GtkImage, +.csd .titlebar .button.titlebutton.maximize > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.close > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.minimize > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.maximize > GtkImage { + color: transparent; + background-size: 16px 16px; + background-repeat: no-repeat; + background-position: center; } +.csd .header-bar .button.titlebutton.close > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.close > GtkImage, +.csd .titlebar .button.titlebutton.close > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.close > GtkImage { + background-image: -gtk-scaled(url("assets/window-close.png"), url("assets/window-close@2.png")); } +.csd .header-bar .button.titlebutton.close:hover, .csd .header-bar.selection-mode .button.titlebutton.close:hover, +.csd .titlebar .button.titlebutton.close:hover, +.csd .titlebar.selection-mode .button.titlebutton.close:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #ECEFF1; + color: #FFFFFF; + background-color: #FF5252; } + .csd .header-bar .button.titlebutton.close:hover > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.close:hover > GtkImage, + .csd .titlebar .button.titlebutton.close:hover > GtkImage, + .csd .titlebar.selection-mode .button.titlebutton.close:hover > GtkImage { + background-image: -gtk-scaled(url("assets/window-close-active.png"), url("assets/window-close-active@2.png")); } +.csd .header-bar .button.titlebutton.close:active, .csd .header-bar.selection-mode .button.titlebutton.close:active, +.csd .titlebar .button.titlebutton.close:active, +.csd .titlebar.selection-mode .button.titlebutton.close:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #ECEFF1; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #FFFFFF; + background-color: #C5A68E; } + .csd .header-bar .button.titlebutton.close:active > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.close:active > GtkImage, + .csd .titlebar .button.titlebutton.close:active > GtkImage, + .csd .titlebar.selection-mode .button.titlebutton.close:active > GtkImage { + background-image: -gtk-scaled(url("assets/window-close-active.png"), url("assets/window-close-active@2.png")); } +.csd .header-bar .button.titlebutton.minimize > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.minimize > GtkImage, +.csd .titlebar .button.titlebutton.minimize > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.minimize > GtkImage { + background-image: -gtk-scaled(url("assets/window-minimize.png"), url("assets/window-minimize@2.png")); } +.csd .header-bar .button.titlebutton.minimize:hover > GtkImage, .csd .header-bar .button.titlebutton.minimize:active > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.minimize:hover > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.minimize:active > GtkImage, +.csd .titlebar .button.titlebutton.minimize:hover > GtkImage, +.csd .titlebar .button.titlebutton.minimize:active > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.minimize:hover > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.minimize:active > GtkImage { + background-image: -gtk-scaled(url("assets/window-minimize-active.png"), url("assets/window-minimize-active@2.png")); } +.csd .header-bar .button.titlebutton.maximize > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.maximize > GtkImage, +.csd .titlebar .button.titlebutton.maximize > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.maximize > GtkImage { + background-image: -gtk-scaled(url("assets/window-maximize.png"), url("assets/window-maximize@2.png")); } +.csd .header-bar .button.titlebutton.maximize:hover > GtkImage, .csd .header-bar .button.titlebutton.maximize:active > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.maximize:hover > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.maximize:active > GtkImage, +.csd .titlebar .button.titlebutton.maximize:hover > GtkImage, +.csd .titlebar .button.titlebutton.maximize:active > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.maximize:hover > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.maximize:active > GtkImage { + background-image: -gtk-scaled(url("assets/window-maximize-active.png"), url("assets/window-maximize-active@2.png")); } + +.maximized.csd .header-bar .button.titlebutton.maximize > GtkImage, .maximized.csd .header-bar.selection-mode .button.titlebutton.maximize > GtkImage, +.maximized.csd .titlebar .button.titlebutton.maximize > GtkImage, +.maximized.csd .titlebar.selection-mode .button.titlebutton.maximize > GtkImage { + background-image: -gtk-scaled(url("assets/window-unmaximize.png"), url("assets/window-unmaximize@2.png")); } +.maximized.csd .header-bar .button.titlebutton.maximize:hover > GtkImage, .maximized.csd .header-bar .button.titlebutton.maximize:active > GtkImage, .maximized.csd .header-bar.selection-mode .button.titlebutton.maximize:hover > GtkImage, .maximized.csd .header-bar.selection-mode .button.titlebutton.maximize:active > GtkImage, +.maximized.csd .titlebar .button.titlebutton.maximize:hover > GtkImage, +.maximized.csd .titlebar .button.titlebutton.maximize:active > GtkImage, +.maximized.csd .titlebar.selection-mode .button.titlebutton.maximize:hover > GtkImage, +.maximized.csd .titlebar.selection-mode .button.titlebutton.maximize:active > GtkImage { + background-image: -gtk-scaled(url("assets/window-unmaximize-active.png"), url("assets/window-unmaximize-active@2.png")); } + +.ssd .titlebar .button.titlebutton { + padding: 6px; } + .ssd .titlebar .button.titlebutton.close, .ssd .titlebar .button.titlebutton.minimize, .ssd .titlebar .button.titlebutton.maximize { + color: transparent; + background-size: 28px 28px; + background-repeat: no-repeat; + background-position: center; + background: none; + box-shadow: none; } + .ssd .titlebar .button.titlebutton.close:backdrop, .ssd .titlebar .button.titlebutton.close:hover:backdrop, .ssd .titlebar .button.titlebutton.close:active:backdrop, .ssd .titlebar .button.titlebutton.minimize:backdrop, .ssd .titlebar .button.titlebutton.minimize:hover:backdrop, .ssd .titlebar .button.titlebutton.minimize:active:backdrop, .ssd .titlebar .button.titlebutton.maximize:backdrop, .ssd .titlebar .button.titlebutton.maximize:hover:backdrop, .ssd .titlebar .button.titlebutton.maximize:active:backdrop { + color: transparent; } + .ssd .titlebar .button.titlebutton.close { + background-image: -gtk-scaled(url("assets/window-close-ssd.png"), url("assets/window-close-ssd@2.png")); + box-shadow: none; } + .ssd .titlebar .button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/window-close-ssd-hover.png"), url("assets/window-close-ssd-hover@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + .ssd .titlebar .button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/window-close-ssd-active.png"), url("assets/window-close-ssd-active@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + .ssd .titlebar .button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop.png"), url("assets/window-close-ssd-backdrop@2.png")); + box-shadow: none; } + .ssd .titlebar .button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop-hover.png"), url("assets/window-close-ssd-backdrop-hover@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + .ssd .titlebar .button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop-active.png"), url("assets/window-close-ssd-backdrop-active@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + .ssd .titlebar .button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/window-minimize-ssd.png"), url("assets/window-minimize-ssd@2.png")); } + .ssd .titlebar .button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-hover.png"), url("assets/window-minimize-ssd-hover@2.png")); } + .ssd .titlebar .button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-active.png"), url("assets/window-minimize-ssd-active@2.png")); } + .ssd .titlebar .button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop.png"), url("assets/window-minimize-ssd-backdrop@2.png")); } + .ssd .titlebar .button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop-hover.png"), url("assets/window-minimize-ssd-backdrop-hover@2.png")); } + .ssd .titlebar .button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop-active.png"), url("assets/window-minimize-ssd-backdrop-active@2.png")); } + .ssd .titlebar .button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/window-maximize-ssd.png"), url("assets/window-maximize-ssd@2.png")); } + .ssd .titlebar .button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-hover.png"), url("assets/window-maximize-ssd-hover@2.png")); } + .ssd .titlebar .button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-active.png"), url("assets/window-maximize-ssd-active@2.png")); } + .ssd .titlebar .button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop.png"), url("assets/window-maximize-ssd-backdrop@2.png")); } + .ssd .titlebar .button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop-hover.png"), url("assets/window-maximize-ssd-backdrop-hover@2.png")); } + .ssd .titlebar .button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop-active.png"), url("assets/window-maximize-ssd-backdrop-active@2.png")); } + +.maximized.ssd .titlebar .button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd.png"), url("assets/window-unmaximize-ssd@2.png")); } +.maximized.ssd .titlebar .button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-hover.png"), url("assets/window-unmaximize-ssd-hover@2.png")); } +.maximized.ssd .titlebar .button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-active.png"), url("assets/window-unmaximize-ssd-active@2.png")); } +.maximized.ssd .titlebar .button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop.png"), url("assets/window-unmaximize-ssd-backdrop@2.png")); } +.maximized.ssd .titlebar .button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop-hover.png"), url("assets/window-unmaximize-ssd-backdrop-hover@2.png")); } +.maximized.ssd .titlebar .button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop-active.png"), url("assets/window-unmaximize-ssd-backdrop-active@2.png")); } + +.view:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, GtkTreeView .entry.flat:focus:selected, GtkTreeView .linked > .entry:focus:selected:not(.flat), GtkTreeView .notebook:not(.reorderable-page) > .entry:focus:selected, .menuitem.button.flat:selected, .menuitem.button.osd.image-button:selected, .inline-toolbar .menuitem.button:selected, .action-bar .menuitem.button:selected, .inline-toolbar .linked > .menuitem.button.image-button:selected:not(.text-button), .inline-toolbar .stack-switcher > .menuitem.button.image-button:selected:not(.text-button), .action-bar .stack-switcher > .menuitem.button.image-button:selected:not(.text-button), .app-notification .menuitem.button:selected, GeditViewFrame .gedit-search-slider .menuitem.button:selected, .toolbar .menuitem.button:selected, .titlebar .menuitem.button:selected:not(.suggested-action):not(.destructive-action), +.header-bar .menuitem.button:selected:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .menuitem.button:selected, .menuitem.sidebar-button.button:selected, .info .menuitem.button:selected, +.question .menuitem.button:selected, +.warning .menuitem.button:selected, +.error .menuitem.button:selected, GtkScaleButton.menuitem.button:selected, +GtkVolumeButton.menuitem.button:selected, GfCandidatePopup .menuitem.button:selected, GfCandidatePopup .menuitem.button:selected:first-child, GfCandidatePopup .menuitem.button:selected:last-child, +GfCandidatePopup .linked > .menuitem.button:selected, MathWindow :not(.titlebar) .menuitem.button:selected:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .menuitem.button:selected:not(.flat):not(.titlebutton), GtkTreeView .spinbutton.entry:focus:selected, GtkTreeView.view:selected, +GtkTreeView.view .list-row:selected, +GtkTreeView.view .tweak-category:selected, GtkPaned GtkTreeView.view:selected, +GtkPaned GtkTreeView.view .list-row:selected, +GtkPaned GtkTreeView.view .tweak-category:selected, .list-row:selected, .tweak-category:selected, .sidebar GtkTreeView.view:selected, +.sidebar GtkTreeView.view .list-row:selected, +.sidebar GtkTreeView.view .tweak-category:selected, GdMainView .view:hover:selected, GdMainView .view:selected, GdMainView .view.list-row.activatable:hover:selected, GdMainView column-header .view.button:hover:selected, column-header GdMainView .view.button:hover:selected, GdMainView .view.activatable.tweak-category:hover:selected, GdMainView .view.list-row.activatable:selected, GdMainView column-header .view.button:selected, column-header GdMainView .view.button:selected, GdMainView .view.activatable.tweak-category:selected, +.side-panel .view:hover:selected, +.side-panel .view:selected, +.side-panel .view.list-row.activatable:hover:selected, +.side-panel column-header .view.button:hover:selected, +column-header .side-panel .view.button:hover:selected, +.side-panel .view.activatable.tweak-category:hover:selected, +.side-panel .view.list-row.activatable:selected, +.side-panel column-header .view.button:selected, +column-header .side-panel .view.button:selected, +.side-panel .view.activatable.tweak-category:selected { + background-color: #C5A68E; + color: #FFFFFF; } + .view:insensitive:selected, .label:insensitive:selected, .grid-child:insensitive:selected, .entry:insensitive:selected, GtkTreeView .entry.flat:insensitive:focus:selected, GtkTreeView .linked > .entry:insensitive:focus:selected:not(.flat), GtkTreeView .notebook:not(.reorderable-page) > .entry:insensitive:focus:selected, .menuitem.button.flat:insensitive:selected, .menuitem.button.osd.image-button:insensitive:selected, .inline-toolbar .menuitem.button:insensitive:selected, .action-bar .menuitem.button:insensitive:selected, .app-notification .menuitem.button:insensitive:selected, GeditViewFrame .gedit-search-slider .menuitem.button:insensitive:selected, .toolbar .menuitem.button:insensitive:selected, .titlebar .menuitem.button:insensitive:selected:not(.suggested-action):not(.destructive-action), + .header-bar .menuitem.button:insensitive:selected:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .menuitem.button:insensitive:selected, .menuitem.sidebar-button.button:insensitive:selected, .info .menuitem.button:insensitive:selected, + .question .menuitem.button:insensitive:selected, + .warning .menuitem.button:insensitive:selected, + .error .menuitem.button:insensitive:selected, GtkScaleButton.menuitem.button:insensitive:selected, + GtkVolumeButton.menuitem.button:insensitive:selected, GfCandidatePopup .menuitem.button:insensitive:selected, MathWindow :not(.titlebar) .menuitem.button:insensitive:selected:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .menuitem.button:insensitive:selected:not(.flat):not(.titlebutton), GtkTreeView .spinbutton.entry:insensitive:focus:selected, + GtkTreeView.view .list-row:insensitive:selected, + GtkTreeView.view .tweak-category:insensitive:selected, .list-row:insensitive:selected, .tweak-category:insensitive:selected, .sidebar GtkTreeView.view:insensitive:selected, GdMainView column-header .view.button:insensitive:hover:selected, column-header GdMainView .view.button:insensitive:hover:selected, GdMainView .view.list-row.activatable:insensitive:selected, GdMainView column-header .view.button:insensitive:selected, column-header GdMainView .view.button:insensitive:selected, GdMainView .view.activatable.tweak-category:insensitive:selected, + .side-panel column-header .view.button:insensitive:hover:selected, + column-header .side-panel .view.button:insensitive:hover:selected, + .side-panel .view.list-row.activatable:insensitive:selected, + .side-panel column-header .view.button:insensitive:selected, + column-header .side-panel .view.button:insensitive:selected, + .side-panel .view.activatable.tweak-category:insensitive:selected { + color: rgba(255, 255, 255, 0.4); } + .view:backdrop:insensitive:selected, .label:backdrop:insensitive:selected, .grid-child:backdrop:insensitive:selected, .entry:backdrop:insensitive:selected, GtkTreeView .entry.flat:backdrop:insensitive:focus:selected, GtkTreeView .linked > .entry:backdrop:insensitive:focus:selected:not(.flat), GtkTreeView .notebook:not(.reorderable-page) > .entry:backdrop:insensitive:focus:selected, .menuitem.button.flat:backdrop:insensitive:selected, .menuitem.button.osd.image-button:backdrop:insensitive:selected, .inline-toolbar .menuitem.button:backdrop:insensitive:selected, .action-bar .menuitem.button:backdrop:insensitive:selected, .app-notification .menuitem.button:backdrop:insensitive:selected, GeditViewFrame .gedit-search-slider .menuitem.button:backdrop:insensitive:selected, .toolbar .menuitem.button:backdrop:insensitive:selected, .titlebar .menuitem.button:backdrop:insensitive:selected:not(.suggested-action):not(.destructive-action), + .header-bar .menuitem.button:backdrop:insensitive:selected:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .menuitem.button:backdrop:insensitive:selected, .menuitem.sidebar-button.button:backdrop:insensitive:selected, .info .menuitem.button:backdrop:insensitive:selected, + .question .menuitem.button:backdrop:insensitive:selected, + .warning .menuitem.button:backdrop:insensitive:selected, + .error .menuitem.button:backdrop:insensitive:selected, GtkScaleButton.menuitem.button:backdrop:insensitive:selected, + GtkVolumeButton.menuitem.button:backdrop:insensitive:selected, GfCandidatePopup .menuitem.button:backdrop:insensitive:selected, MathWindow :not(.titlebar) .menuitem.button:backdrop:insensitive:selected:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .menuitem.button:backdrop:insensitive:selected:not(.flat):not(.titlebutton), GtkTreeView .spinbutton.entry:backdrop:insensitive:focus:selected, .list-row:backdrop:insensitive:selected, .tweak-category:backdrop:insensitive:selected, + .sidebar GtkTreeView.view .list-row:backdrop:insensitive:selected, + .sidebar GtkTreeView.view .tweak-category:backdrop:insensitive:selected { + color: rgba(255, 255, 255, 0.4); } + +.monospace { + font-family: Monospace; } + +/********************** + * Touch Copy & Paste * + *********************/ +.entry.cursor-handle, +.cursor-handle { + border-style: none; + background-color: #C5A68E; + background-image: none; + box-shadow: none; } + .entry.cursor-handle.top:dir(ltr), .entry.cursor-handle.bottom:dir(rtl), + .cursor-handle.top:dir(ltr), + .cursor-handle.bottom:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); + padding-left: 0.8em; } + .entry.cursor-handle.bottom:dir(ltr), .entry.cursor-handle.top:dir(rtl), + .cursor-handle.bottom:dir(ltr), + .cursor-handle.top:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); + padding-right: 0.8em; } + .entry.cursor-handle.insertion-cursor:dir(ltr), .entry.cursor-handle.insertion-cursor:dir(rtl), + .cursor-handle.insertion-cursor:dir(ltr), + .cursor-handle.insertion-cursor:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } + .entry.cursor-handle.top:hover:dir(ltr), .entry.cursor-handle.bottom:hover:dir(rtl), + .cursor-handle.top:hover:dir(ltr), + .cursor-handle.bottom:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); + padding-left: 0.8em; } + .entry.cursor-handle.bottom:hover:dir(ltr), .entry.cursor-handle.top:hover:dir(rtl), + .cursor-handle.bottom:hover:dir(ltr), + .cursor-handle.top:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); + padding-right: 0.8em; } + .entry.cursor-handle.insertion-cursor:hover:dir(ltr), .entry.cursor-handle.insertion-cursor:hover:dir(rtl), + .cursor-handle.insertion-cursor:hover:dir(ltr), + .cursor-handle.insertion-cursor:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } + .entry.cursor-handle.top:active:dir(ltr), .entry.cursor-handle.bottom:active:dir(rtl), + .cursor-handle.top:active:dir(ltr), + .cursor-handle.bottom:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); + padding-left: 0.8em; } + .entry.cursor-handle.bottom:active:dir(ltr), .entry.cursor-handle.top:active:dir(rtl), + .cursor-handle.bottom:active:dir(ltr), + .cursor-handle.top:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); + padding-right: 0.8em; } + .entry.cursor-handle.insertion-cursor:active:dir(ltr), .entry.cursor-handle.insertion-cursor:active:dir(rtl), + .cursor-handle.insertion-cursor:active:dir(ltr), + .cursor-handle.insertion-cursor:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } + +.context-menu { + font: initial; } + +.touch-selection { + font: initial; + color: #ECEFF1; + background-color: #455A64; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + .touch-selection:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } +.overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } +.overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } +.overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +.undershoot.top { + background: transparent; + background-image: linear-gradient(to top, rgba(69, 90, 100, 0.01), rgba(69, 90, 100, 0.04), rgba(69, 90, 100, 0.2), rgba(69, 90, 100, 0.44), rgba(69, 90, 100, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +.undershoot.bottom { + background: transparent; + background-image: linear-gradient(to bottom, rgba(69, 90, 100, 0.01), rgba(69, 90, 100, 0.04), rgba(69, 90, 100, 0.2), rgba(69, 90, 100, 0.44), rgba(69, 90, 100, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +.undershoot.left { + background: transparent; + background-image: linear-gradient(to left, rgba(69, 90, 100, 0.01), rgba(69, 90, 100, 0.04), rgba(69, 90, 100, 0.2), rgba(69, 90, 100, 0.44), rgba(69, 90, 100, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +.undershoot.right { + background: transparent; + background-image: linear-gradient(to right, rgba(69, 90, 100, 0.01), rgba(69, 90, 100, 0.04), rgba(69, 90, 100, 0.2), rgba(69, 90, 100, 0.44), rgba(69, 90, 100, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } +GtkBox > GtkScrlledWindow .undershoot.top { + background: transparent; + background-image: linear-gradient(to top, rgba(62, 81, 90, 0.01), rgba(62, 81, 90, 0.04), rgba(62, 81, 90, 0.2), rgba(62, 81, 90, 0.44), rgba(62, 81, 90, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +GtkBox > GtkScrlledWindow .undershoot.bottom { + background: transparent; + background-image: linear-gradient(to bottom, rgba(62, 81, 90, 0.01), rgba(62, 81, 90, 0.04), rgba(62, 81, 90, 0.2), rgba(62, 81, 90, 0.44), rgba(62, 81, 90, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +GtkBox > GtkScrlledWindow .undershoot.left { + background: transparent; + background-image: linear-gradient(to left, rgba(62, 81, 90, 0.01), rgba(62, 81, 90, 0.04), rgba(62, 81, 90, 0.2), rgba(62, 81, 90, 0.44), rgba(62, 81, 90, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +GtkBox > GtkScrlledWindow .undershoot.right { + background: transparent; + background-image: linear-gradient(to right, rgba(62, 81, 90, 0.01), rgba(62, 81, 90, 0.04), rgba(62, 81, 90, 0.2), rgba(62, 81, 90, 0.44), rgba(62, 81, 90, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } +.sidebar .undershoot.top { + background: transparent; + background-image: linear-gradient(to top, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +.sidebar .undershoot.bottom { + background: transparent; + background-image: linear-gradient(to bottom, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +.sidebar .undershoot.left { + background: transparent; + background-image: linear-gradient(to left, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +.sidebar .undershoot.right { + background: transparent; + background-image: linear-gradient(to right, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +/*************** + * Gnome panel * + ***************/ +PanelWidget, +PanelApplet, +PanelToplevel { + color: rgba(236, 239, 241, 0.75); + background-color: #13191c; + box-shadow: none; } + +PanelSeparator { + border-width: 0; + background: none; + background-image: none; } + +.gnome-panel-menu-bar, +PanelMenuButton, +PanelApplet > GtkMenuBar.menubar, +ClockBox { + color: rgba(236, 239, 241, 0.75); + background-color: transparent; + box-shadow: none; + font-weight: 700; } + .gnome-panel-menu-bar .label:backdrop, .gnome-panel-menu-bar:backdrop, + PanelMenuButton .label:backdrop, + PanelMenuButton:backdrop, + PanelApplet > GtkMenuBar.menubar .label:backdrop, + PanelApplet > GtkMenuBar.menubar:backdrop, + ClockBox .label:backdrop, + ClockBox:backdrop { + opacity: 1.0; } + +.gnome-panel-menu-bar, +PanelApplet > GtkMenuBar.menubar { + box-shadow: none; } + .gnome-panel-menu-bar .menuitem, + PanelApplet > GtkMenuBar.menubar .menuitem { + color: rgba(236, 239, 241, 0.75); + background-color: transparent; } + .gnome-panel-menu-bar .menuitem:hover, + PanelApplet > GtkMenuBar.menubar .menuitem:hover { + color: #FFFFFF; + box-shadow: inset 0 -2px #C5A68E; } + .gnome-panel-menu-bar .menuitem:backdrop, + PanelApplet > GtkMenuBar.menubar .menuitem:backdrop { + opacity: 1.0; } + .gnome-panel-menu-bar .menu, + PanelApplet > GtkMenuBar.menubar .menu { + font: regular; } + .gnome-panel-menu-bar .menu .menuitem, + PanelApplet > GtkMenuBar.menubar .menu .menuitem { + color: rgba(236, 239, 241, 0.75); + background-color: #455A64; } + .gnome-panel-menu-bar .menu .menuitem:hover, + PanelApplet > GtkMenuBar.menubar .menu .menuitem:hover { + color: #ECEFF1; + background-color: alpha(currentColor, 0.1); + box-shadow: none; } + .gnome-panel-menu-bar .menu .menuitem:backdrop, + PanelApplet > GtkMenuBar.menubar .menu .menuitem:backdrop { + opacity: 1.0; } + .gnome-panel-menu-bar .menu .separator, + PanelApplet > GtkMenuBar.menubar .menu .separator { + color: rgba(0, 0, 0, 0.11); } + +PanelAppletFrame { + border-width: 0; + background-color: transparent; + background-image: none; } + +PanelApplet GtkButton#tasklist-button, PanelApplet GtkButton#clock-applet-button, PanelApplet GtkButton#showdesktop-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + padding: 0px 4px; + color: rgba(236, 239, 241, 0.75); + background-color: transparent; + border: none; + border-radius: 0; } + PanelApplet GtkButton#tasklist-button:hover, PanelApplet GtkButton#clock-applet-button:hover, PanelApplet GtkButton#showdesktop-button:hover { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px alpha(currentColor, 0.2); } + PanelApplet GtkButton#tasklist-button:checked, PanelApplet GtkButton#tasklist-button:hover:checked, PanelApplet GtkButton#tasklist-button:insensitive:checked, PanelApplet GtkButton#clock-applet-button:checked, PanelApplet GtkButton#clock-applet-button:hover:checked, PanelApplet GtkButton#clock-applet-button:insensitive:checked, PanelApplet GtkButton#showdesktop-button:checked, PanelApplet GtkButton#showdesktop-button:hover:checked, PanelApplet GtkButton#showdesktop-button:insensitive:checked { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px #C5A68E; } + PanelApplet GtkButton#tasklist-button .label:backdrop, PanelApplet GtkButton#tasklist-button:backdrop, PanelApplet GtkButton#clock-applet-button .label:backdrop, PanelApplet GtkButton#clock-applet-button:backdrop, PanelApplet GtkButton#showdesktop-button .label:backdrop, PanelApplet GtkButton#showdesktop-button:backdrop { + opacity: 1.0; } + +TaskList TaskItem { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + padding: 0px 4px; + color: rgba(236, 239, 241, 0.75); + background-color: transparent; + border: none; + border-radius: 0; } + TaskList TaskItem:hover { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px alpha(currentColor, 0.2); } + TaskList TaskItem:checked, TaskList TaskItem:hover:checked, TaskList TaskItem:insensitive:checked { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px #C5A68E; } + TaskList TaskItem .label:backdrop, TaskList TaskItem:backdrop { + opacity: 1.0; } + +WpTaskTitle { + background-color: transparent; } + WpTaskTitle .label { + color: rgba(236, 239, 241, 0.75); } + +WnckPager:selected { + box-shadow: inset 0 -2px #C5A68E; } +WnckPager:backdrop { + opacity: 1.0; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 2; + -NaTrayApplet-icon-size: 16; } + +/************** + * Tweak-tool * + **************/ +.tweak-categories.list { + background-color: #3b4c54; + color: rgba(236, 239, 241, 0.75); } + .tweak-categories.list:dir(ltr) { + box-shadow: inset -2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.06); } + .tweak-categories.list:dir(rtl) { + box-shadow: inset 2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.06); } + .tweak-categories.list .separator { + -GtkWidget-wide-separators: true; } + +.tweak-category { + color: rgba(236, 239, 241, 0.75); + font-weight: 500; } + .tweak-category:hover { + color: #ECEFF1; } + .tweak-category:selected { + color: #C5A68E; + background-color: transparent; } + +.tweak-group { + padding: 6px; + background-color: #455A64; } + +.tweak { + background-color: #455A64; } + .tweak:hover { + background-color: transparent; } + +.tweak-group-white, +.tweak-white { + background-color: #455A64; } + +/******************* + * Gnome-Flashback * + *******************/ +FlashbackOsdWindow, +GfPopupWindow { + border-radius: 2px; + border: 1px solid rgba(0, 0, 0, 0.11); + opacity: 0.9; } + FlashbackOsdWindow.background, + GfPopupWindow.background { + background-color: #322F22; + color: #ECEFF1; } + +GfInputSourcePopup #input-source { + color: #ECEFF1; + font-size: 2em; + font-weight: 700; } + GfInputSourcePopup #input-source:selected { + border-radius: 2px; + background-color: alpha(currentColor, 0.2); + color: #C5A68E; } + +FlashbackLabelWindow { + font-size: 4em; } + +GfCandidatePopup, GfCandidatePopup.solid { + border-radius: 2px; + border: 1px solid rgba(0, 0, 0, 0.11); + color: #ECEFF1; } +GfCandidatePopup GfCandidateBox { + transition: none; } + GfCandidatePopup GfCandidateBox .label { + padding: 0.2em 0.2em 0.3em; } + GfCandidatePopup GfCandidateBox:last-child { + padding-left: 0; } + GfCandidatePopup GfCandidateBox:hover, GfCandidatePopup GfCandidateBox:selected { + border-radius: 0; + background-color: alpha(currentColor, 0.2); + color: #FFFFFF; } +GfCandidatePopup .button, GfCandidatePopup .button:first-child, GfCandidatePopup .button:last-child, +GfCandidatePopup .linked > .button, +GfCandidatePopup .linked > .button:first-child, +GfCandidatePopup .linked > .button:last-child { + border-radius: 0; + border: none; + background-color: transparent; + color: #C5A68E); + box-shadow: none; } + +/************ + * Nautilus * + ************/ +EelEditableLabel.entry { + transition: none; } + +.nautilus-desktop-window, +.nautilus-desktop-window .notebook, +.nautilus-desktop-window .notebook > GtkStack { + background: transparent; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #FFFFFF; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-circular-button { + border-radius: 100px; + outline-radius: 100px; } + +.disk-space-display { + border: 0 none transparent; } + .disk-space-display.free { + background-color: alpha(currentColor, 0.2); + color: rgba(236, 239, 241, 0.3); } + .disk-space-display.used { + background-color: #C5A68E; } + .disk-space-display.unknown { + background-color: #FF9800; } + +/********* + * Geary * + *********/ +.geary-titlebar-left .separator { + opacity: 0; } + +.geary-titlebar-right { + box-shadow: none; } + +/************ + * Epiphany * + ************/ +EphyWindow .floating-bar { + color: rgba(236, 239, 241, 0.75); } +EphyWindow .search-bar .linked > .button { + padding: 0.7em 1em 0.8em; } +EphyWindow .search-bar .button.flat.close.raised, EphyWindow .search-bar .close.raised.button.osd.image-button, EphyWindow .search-bar .inline-toolbar .close.raised.button, .inline-toolbar EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar .action-bar .close.raised.button, .action-bar EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar .app-notification .close.raised.button, .app-notification EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar GeditViewFrame .gedit-search-slider .close.raised.button, GeditViewFrame .gedit-search-slider EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar .toolbar .close.raised.button, .toolbar EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar .titlebar .close.raised.button:not(.suggested-action):not(.destructive-action), .titlebar EphyWindow .search-bar .close.raised.button:not(.suggested-action):not(.destructive-action), +EphyWindow .search-bar .header-bar .close.raised.button:not(.suggested-action):not(.destructive-action), +.header-bar EphyWindow .search-bar .close.raised.button:not(.suggested-action):not(.destructive-action), EphyWindow .search-bar .message-dialog.csd .dialog-action-area .close.raised.button, .message-dialog.csd .dialog-action-area EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar .close.raised.sidebar-button.button, EphyWindow .search-bar .info .close.raised.button, .info EphyWindow .search-bar .close.raised.button, +EphyWindow .search-bar .question .close.raised.button, +.question EphyWindow .search-bar .close.raised.button, +EphyWindow .search-bar .warning .close.raised.button, +.warning EphyWindow .search-bar .close.raised.button, +EphyWindow .search-bar .error .close.raised.button, +.error EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar GtkScaleButton.close.raised.button, +EphyWindow .search-bar GtkVolumeButton.close.raised.button, EphyWindow .search-bar GfCandidatePopup .close.raised.button, GfCandidatePopup EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar GfCandidatePopup .close.raised.button:first-child, GfCandidatePopup EphyWindow .search-bar .close.raised.button:first-child, EphyWindow .search-bar GfCandidatePopup .close.raised.button:last-child, GfCandidatePopup EphyWindow .search-bar .close.raised.button:last-child, +EphyWindow .search-bar GfCandidatePopup .linked > .close.raised.button, +GfCandidatePopup EphyWindow .search-bar .linked > .close.raised.button, EphyWindow .search-bar MathWindow :not(.titlebar) .close.raised.button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) EphyWindow .search-bar .close.raised.button:not(.flat):not(.titlebutton), EphyWindow .search-bar MathWindow :not(.header-bar) .close.raised.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) EphyWindow .search-bar .close.raised.button:not(.flat):not(.titlebutton) { + padding: 0.75em; + border-radius: 100px; + outline-radius: 100px; } + +/************ + * Seahorse * + ************/ +SeahorseKeyManager .sidebar, SeahorseKeyManager .sidebar:backdrop, +SeahorseKeyManager .pane-separator, +SeahorseKeyManager .pane-separator:backdrop { + border-width: 0; + border-style: none; + border-color: transparent; } + +/********** + * Polari * + **********/ +.polari-input-area { + border-top: 1px solid rgba(0, 0, 0, 0.11); + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); } + +.polari-room-list .list-row, .polari-room-list .tweak-category { + font-weight: 700; } + .polari-room-list .list-row:not(:hover):not(:active):not(:selected) .label, .polari-room-list .tweak-category:not(:hover):not(:active):not(:selected) .label, + .polari-room-list .list-row:not(:hover):not(:active):not(:selected) GtkImage, + .polari-room-list .tweak-category:not(:hover):not(:active):not(:selected) GtkImage { + opacity: 1.0; } + .polari-room-list .list-row.inactive:not(:hover):not(:active):not(:selected) .label, .polari-room-list .inactive.tweak-category:not(:hover):not(:active):not(:selected) .label, + .polari-room-list .list-row.inactive:not(:hover):not(:active):not(:selected) GtkImage, + .polari-room-list .inactive.tweak-category:not(:hover):not(:active):not(:selected) GtkImage { + opacity: 0.65; } + +.polari-nick-entry { + border-image: none; + font-weight: 700; } + +GtkBox > .header-bar > .label.polari-titlebar-separator { + border: none; + opacity: 0; } + +/************* + * RhythmBox * + *************/ +.inline-toolbar.toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px #37474F, inset 0 2px 2px rgba(0, 0, 0, 0.05), inset -2px 0 1px -2px rgba(0, 0, 0, 0.02), inset -3px 0 3px -2px rgba(0, 0, 0, 0.04); } + .inline-toolbar.toolbar.horizontal.sidebar-toolbar:dir(rtl) { + box-shadow: inset 0 1px #37474F, inset 0 2px 2px rgba(0, 0, 0, 0.05), inset 2px 0 1px -2px rgba(0, 0, 0, 0.02), inset 3px 0 3px -2px rgba(0, 0, 0, 0.04); } + +.sidebar-paned GtkStack RBDisplayPageTree .sidebar { + background-color: rgba(18, 22, 0, 0.04); } + +GtkBox.vertical > GtkBox.vertical > .toolbar { + box-shadow: none; } + +/************** + * Calculator * + **************/ +MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton) { + padding: 0.75em 1em 0.75em; + border: 0.75em solid transparent; + border-radius: 2px; + font-weight: 700; } + MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton).suggested-action, MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton).suggested-action, MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:not(.flat):not(.titlebutton) { + color: transparent; + font-size: 0; } + MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton).suggested-action, MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton).suggested-action, MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:not(.flat):not(.titlebutton) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #546E7A; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-dark.png"), url("assets/equal-dark@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton).suggested-action:hover, MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton):hover, .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:not(.flat):not(.titlebutton):hover, MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton).suggested-action:hover, MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton):hover, .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:not(.flat):not(.titlebutton):hover { + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-hover-dark.png"), url("assets/equal-hover-dark@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton).suggested-action:active, MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton):active, .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:not(.flat):not(.titlebutton):active, MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton).suggested-action:active, MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton):active, .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:not(.flat):not(.titlebutton):active { + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-active-dark.png"), url("assets/equal-active-dark@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton).suggested-action:insensitive, MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton):insensitive, .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:not(.flat):not(.titlebutton):insensitive, MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton).suggested-action:insensitive, MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton):insensitive, .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:not(.flat):not(.titlebutton):insensitive { + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-insensitive-dark.png"), url("assets/equal-insensitive-dark@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + +/********* + * Gedit * + *********/ +GeditViewFrame .gedit-search-slider { + padding: 3px; + border-radius: 2px; + border-width: 9px; + border-image: -gtk-scaled(url("assets/osd-shadow-dark.png"), url("assets/osd-shadow-dark@2.png")) 10/10px stretch; + color: #ECEFF1; + opacity: 0.9; } + GeditViewFrame .gedit-search-slider .entry, GeditViewFrame .gedit-search-slider .entry.error, GeditViewFrame .gedit-search-slider .entry.warning, + GeditViewFrame .gedit-search-slider .linked > .entry, + GeditViewFrame .gedit-search-slider .linked > .entry.error, + GeditViewFrame .gedit-search-slider .linked > .entry.warning { + color: #ECEFF1; } + GeditViewFrame .gedit-search-slider .entry:focus, GeditViewFrame .gedit-search-slider .entry.error:focus, GeditViewFrame .gedit-search-slider .entry.warning:focus, + GeditViewFrame .gedit-search-slider .linked > .entry:focus, + GeditViewFrame .gedit-search-slider .linked > .entry.error:focus, + GeditViewFrame .gedit-search-slider .linked > .entry.warning:focus { + color: #FFFFFF; } + GeditViewFrame .gedit-search-slider .entry:insensitive, GeditViewFrame .gedit-search-slider .entry.error:insensitive, GeditViewFrame .gedit-search-slider .entry.warning:insensitive, + GeditViewFrame .gedit-search-slider .linked > .entry:insensitive, + GeditViewFrame .gedit-search-slider .linked > .entry.error:insensitive, + GeditViewFrame .gedit-search-slider .linked > .entry.warning:insensitive { + color: rgba(236, 239, 241, 0.3); } + +.gedit-titlebar-left .button.flat, .gedit-titlebar-left .button.osd.image-button, .gedit-titlebar-left .inline-toolbar .button, .inline-toolbar .gedit-titlebar-left .button, .gedit-titlebar-left .inline-toolbar .button.image-button:not(.text-button), .inline-toolbar .gedit-titlebar-left .button.image-button:not(.text-button), .gedit-titlebar-left .action-bar .button, .action-bar .gedit-titlebar-left .button, .gedit-titlebar-left .action-bar .button.image-button:not(.text-button), .action-bar .gedit-titlebar-left .button.image-button:not(.text-button), .gedit-titlebar-left .app-notification .button, .app-notification .gedit-titlebar-left .button, .gedit-titlebar-left GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .gedit-titlebar-left .button, .gedit-titlebar-left .toolbar .button, .toolbar .gedit-titlebar-left .button, .gedit-titlebar-left .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .gedit-titlebar-left .button:not(.suggested-action):not(.destructive-action), +.gedit-titlebar-left .header-bar .button:not(.suggested-action):not(.destructive-action), +.header-bar .gedit-titlebar-left .button:not(.suggested-action):not(.destructive-action), .gedit-titlebar-left .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .gedit-titlebar-left .button, .gedit-titlebar-left .sidebar-button.button, .gedit-titlebar-left .info .button, .info .gedit-titlebar-left .button, +.gedit-titlebar-left .question .button, +.question .gedit-titlebar-left .button, +.gedit-titlebar-left .warning .button, +.warning .gedit-titlebar-left .button, +.gedit-titlebar-left .error .button, +.error .gedit-titlebar-left .button, .gedit-titlebar-left GtkScaleButton.button, +.gedit-titlebar-left GtkVolumeButton.button, .gedit-titlebar-left GfCandidatePopup .button, GfCandidatePopup .gedit-titlebar-left .button, .gedit-titlebar-left GfCandidatePopup .button:first-child, GfCandidatePopup .gedit-titlebar-left .button:first-child, .gedit-titlebar-left GfCandidatePopup .button:last-child, GfCandidatePopup .gedit-titlebar-left .button:last-child, +.gedit-titlebar-left GfCandidatePopup .linked > .button, +GfCandidatePopup .gedit-titlebar-left .linked > .button, .gedit-titlebar-left MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .gedit-titlebar-left .button:not(.flat):not(.titlebutton), .gedit-titlebar-left MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .gedit-titlebar-left .button:not(.flat):not(.titlebutton), +.gedit-titlebar-left .action-bar .linked > .button.image-button, +.action-bar .gedit-titlebar-left .linked > .button.image-button, .gedit-titlebar-left NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .gedit-titlebar-left .button.image-button { + border-radius: 2px; + outline-radius: 2px; } + +GeditViewHolder GtkScrolledWindow .undershoot.top, GeditViewHolder GtkScrolledWindow .undershoot.bottom, GeditViewHolder GtkScrolledWindow .undershoot.left, GeditViewHolder GtkScrolledWindow .undershoot.right { + background-image: none; } + +/*********** + * Builder * + ***********/ +GbViewStack GtkBox.header.notebook, +GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook, +GbWorkspacePane GtkBox.header.notebook { + border-bottom: 1px solid rgba(0, 0, 0, 0.11); + background-color: transparent; } + +GbWorkspacePane GtkStackSwitcher .button { + padding: 1em; } +GbWorkspacePane .pane-separator { + background-color: #37474F; } + +GtkScrolledWindow.gb-linked-scroller { + border-top: none; } + +GbSourceStyleSchemeWidget GtkSourceView, +GtkEntry.gb-command-bar-entry { + font-family: Monospace; } + +GbTerminalView > GtkPaned > GtkScrolledWindow, GbTerminalView > GtkPaned > GtkScrolledWindow > VteTerminal { + font-family: Monospace; + font-weight: 500; + font-size: 1em; } + +GbTerminalView { + background-color: #322F22; + color: #ECEFF1; } + +GbSearchDisplayGroup GtkListBox .list-row, GbSearchDisplayGroup GtkListBox .tweak-category { + transition: none; } + +GbEditorFrame GtkScrolledWindow .undershoot.top, GbEditorFrame GtkScrolledWindow .undershoot.bottom, GbEditorFrame GtkScrolledWindow .undershoot.left, GbEditorFrame GtkScrolledWindow .undershoot.right { + background-image: none; } + +/*************** + * Gnome-music * + ***************/ +GdMainView:dir(ltr), +.side-panel:dir(ltr) { + border-right: 1px solid rgba(0, 0, 0, 0.11); } +GdMainView:dir(rtl), +.side-panel:dir(rtl) { + border-left: 1px solid rgba(0, 0, 0, 0.11); } +GdMainView .view, +.side-panel .view { + background-color: #3b4c54; + box-shadow: none; } + GdMainView .view, GdMainView .view.list-row.activatable, GdMainView .view, GdMainView column-header .view.button, column-header GdMainView .view.button, GdMainView .view.activatable.tweak-category, + .side-panel .view, + .side-panel .view.list-row.activatable, + .side-panel .view, + .side-panel column-header .view.button, + column-header .side-panel .view.button, + .side-panel .view.activatable.tweak-category { + padding: 0; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); + font-weight: 500; + box-shadow: none; } + GdMainView .view:hover, GdMainView .view.list-row.activatable:hover, GdMainView .view:hover, GdMainView column-header .view.button:hover, column-header GdMainView .view.button:hover, GdMainView .view.activatable.tweak-category:hover, + .side-panel .view:hover, + .side-panel .view.list-row.activatable:hover, + .side-panel .view:hover, + .side-panel column-header .view.button:hover, + column-header .side-panel .view.button:hover, + .side-panel .view.activatable.tweak-category:hover { + color: #ECEFF1; } + +.action-bar { + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); + padding: 0.4em; } + .action-bar, .action-bar.frame { + background-color: #3b4c54; } + .action-bar .button, + .action-bar .linked > .button.image-button { + border-radius: 100px; + outline-radius: 100px; + box-shadow: none; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: rgba(236, 239, 241, 0.75); } + .action-bar .button:hover, + .action-bar .linked > .button.image-button:hover { + box-shadow: none; + border-image: none; + color: #ECEFF1; } + .action-bar .button:checked, + .action-bar .linked > .button.image-button:checked { + box-shadow: none; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #ECEFF1; } + .action-bar .button:checked:insensitive, + .action-bar .linked > .button.image-button:checked:insensitive { + box-shadow: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); + border-image: none; } + .action-bar .button:checked:insensitive > .label, + .action-bar .linked > .button.image-button:checked:insensitive > .label { + color: inherit; } + .action-bar .button:insensitive, + .action-bar .linked > .button.image-button:insensitive { + box-shadow: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.225); + border-image: none; } + +/****************** + * Gnome-contacts * + ******************/ +ContactsWindow ContactsListPane ContactsView:dir(ltr) { + box-shadow: inset -2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.06); } +ContactsWindow ContactsListPane ContactsView:dir(rtl) { + box-shadow: inset 2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.06); } +ContactsWindow ContactsListPane ContactsView .list-row.activatable, ContactsWindow ContactsListPane ContactsView .view, ContactsWindow ContactsListPane ContactsView column-header .button, column-header ContactsWindow ContactsListPane ContactsView .button, ContactsWindow ContactsListPane ContactsView .activatable.tweak-category { + color: rgba(236, 239, 241, 0.75); + background-color: rgba(18, 22, 0, 0.04); } + ContactsWindow ContactsListPane ContactsView .list-row.activatable:hover, ContactsWindow ContactsListPane ContactsView .view:hover, ContactsWindow ContactsListPane ContactsView column-header .button:hover, column-header ContactsWindow ContactsListPane ContactsView .button:hover, ContactsWindow ContactsListPane ContactsView .activatable.tweak-category:hover { + color: #ECEFF1; } + ContactsWindow ContactsListPane ContactsView .list-row.activatable:selected, ContactsWindow ContactsListPane ContactsView .view:selected, ContactsWindow ContactsListPane ContactsView column-header .button:selected, column-header ContactsWindow ContactsListPane ContactsView .button:selected, ContactsWindow ContactsListPane ContactsView .activatable.tweak-category:selected { + color: #C5A68E; + background-color: rgba(18, 22, 0, 0.04); } + ContactsWindow ContactsListPane ContactsView .list-row.activatable:backdrop, ContactsWindow ContactsListPane ContactsView .view:backdrop, ContactsWindow ContactsListPane ContactsView column-header .button:backdrop, column-header ContactsWindow ContactsListPane ContactsView .button:backdrop, ContactsWindow ContactsListPane ContactsView .activatable.tweak-category:backdrop { + opacity: 1.0; } +ContactsWindow ContactsListPane ContactsView .separator { + -GtkWidget-wide-separators: true; } +ContactsWindow ContactsListPane GtkScrolledWindow .undershoot.top { + background: transparent; + background-image: linear-gradient(to top, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +ContactsWindow ContactsListPane GtkScrolledWindow .undershoot.bottom { + background: transparent; + background-image: linear-gradient(to bottom, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +ContactsWindow ContactsListPane GtkScrolledWindow .undershoot.left { + background: transparent; + background-image: linear-gradient(to left, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +ContactsWindow ContactsListPane GtkScrolledWindow .undershoot.right { + background: transparent; + background-image: linear-gradient(to right, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +/****************** + * Gnome-Terminal * + ******************/ +TerminalScreen, +TerminalWindow.background { + background-color: #13191C; + color: #FFFFFF; } + +TerminalWindow .scrollbar .slider { + background-color: rgba(236, 239, 241, 0.275); } + TerminalWindow .scrollbar .slider:hover { + background-color: rgba(236, 239, 241, 0.4125); } + TerminalWindow .scrollbar .slider:active { + background-color: #ECEFF1; } + TerminalWindow .scrollbar .slider:insensitive { + opacity: 0.4; } +TerminalWindow .scrollbar .trough { + background-color: transparent; + border: 1px none transparent; } + +/********** + * Evince * + **********/ +EvAnnotationWindow { + padding: 0.4em; } + EvAnnotationWindow GtkBox > GtkLabel { + color: #263238; + font-weight: 700; } + EvAnnotationWindow GtkBox > GtkBox > .button.flat, EvAnnotationWindow GtkBox > GtkBox > .button.osd.image-button, EvAnnotationWindow .inline-toolbar GtkBox > GtkBox > .button, .inline-toolbar EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .inline-toolbar GtkBox > GtkBox > .button.image-button:not(.text-button), .inline-toolbar EvAnnotationWindow GtkBox > GtkBox > .button.image-button:not(.text-button), EvAnnotationWindow .action-bar GtkBox > GtkBox > .button, .action-bar EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .action-bar GtkBox > GtkBox > .button.image-button:not(.text-button), .action-bar EvAnnotationWindow GtkBox > GtkBox > .button.image-button:not(.text-button), EvAnnotationWindow .inline-toolbar GtkBox > GtkBox.linked > .button, .inline-toolbar EvAnnotationWindow GtkBox > GtkBox.linked > .button, EvAnnotationWindow .inline-toolbar GtkBox > GtkBox.linked > .button.image-button:not(.text-button), .inline-toolbar EvAnnotationWindow GtkBox > GtkBox.linked > .button.image-button:not(.text-button), EvAnnotationWindow .action-bar GtkBox > GtkBox.linked > .button, .action-bar EvAnnotationWindow GtkBox > GtkBox.linked > .button, EvAnnotationWindow .action-bar GtkBox > GtkBox.linked > .button.image-button:not(.text-button), .action-bar EvAnnotationWindow GtkBox > GtkBox.linked > .button.image-button:not(.text-button), EvAnnotationWindow .inline-toolbar GtkBox > GtkBox.stack-switcher > .button, .inline-toolbar EvAnnotationWindow GtkBox > GtkBox.stack-switcher > .button, EvAnnotationWindow .inline-toolbar GtkBox > GtkBox.stack-switcher > .button.image-button:not(.text-button), .inline-toolbar EvAnnotationWindow GtkBox > GtkBox.stack-switcher > .button.image-button:not(.text-button), EvAnnotationWindow .action-bar GtkBox > GtkBox.stack-switcher > .button, .action-bar EvAnnotationWindow GtkBox > GtkBox.stack-switcher > .button, EvAnnotationWindow .action-bar GtkBox > GtkBox.stack-switcher > .button.image-button:not(.text-button), .action-bar EvAnnotationWindow GtkBox > GtkBox.stack-switcher > .button.image-button:not(.text-button), EvAnnotationWindow .osd .toolbar GtkBox > GtkBox > .button, .osd .toolbar EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .toolbar.osd GtkBox > GtkBox > .button, .toolbar.osd EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .app-notification GtkBox > GtkBox > .button, .app-notification EvAnnotationWindow GtkBox > GtkBox > .button, + EvAnnotationWindow .app-notification.frame GtkBox > GtkBox > .button, + .app-notification.frame EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow GeditViewFrame .gedit-search-slider GtkBox > GtkBox > .button, GeditViewFrame .gedit-search-slider EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .toolbar GtkBox > GtkBox > .button, .toolbar EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .titlebar GtkBox > GtkBox > .button:not(.suggested-action):not(.destructive-action), .titlebar EvAnnotationWindow GtkBox > GtkBox > .button:not(.suggested-action):not(.destructive-action), + EvAnnotationWindow .header-bar GtkBox > GtkBox > .button:not(.suggested-action):not(.destructive-action), + .header-bar EvAnnotationWindow GtkBox > GtkBox > .button:not(.suggested-action):not(.destructive-action), EvAnnotationWindow .message-dialog.csd .dialog-action-area GtkBox > GtkBox > .button, .message-dialog.csd .dialog-action-area EvAnnotationWindow GtkBox > GtkBox > .button, + EvAnnotationWindow .message-dialog.csd .dialog-action-area GtkBox > GtkBox.linked > .button, + .message-dialog.csd .dialog-action-area EvAnnotationWindow GtkBox > GtkBox.linked > .button, EvAnnotationWindow GtkBox > GtkBox > .sidebar-button.button, EvAnnotationWindow .info GtkBox > GtkBox > .button, .info EvAnnotationWindow GtkBox > GtkBox > .button, + EvAnnotationWindow .question GtkBox > GtkBox > .button, + .question EvAnnotationWindow GtkBox > GtkBox > .button, + EvAnnotationWindow .warning GtkBox > GtkBox > .button, + .warning EvAnnotationWindow GtkBox > GtkBox > .button, + EvAnnotationWindow .error GtkBox > GtkBox > .button, + .error EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow GtkBox > GtkBox > GtkScaleButton.button, + EvAnnotationWindow GtkBox > GtkBox > GtkVolumeButton.button, EvAnnotationWindow GfCandidatePopup GtkBox > GtkBox > .button, GfCandidatePopup EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow GfCandidatePopup GtkBox > GtkBox > .button:first-child, GfCandidatePopup EvAnnotationWindow GtkBox > GtkBox > .button:first-child, EvAnnotationWindow GfCandidatePopup GtkBox > GtkBox > .button:last-child, GfCandidatePopup EvAnnotationWindow GtkBox > GtkBox > .button:last-child, + EvAnnotationWindow GfCandidatePopup GtkBox > GtkBox.linked > .button, + GfCandidatePopup EvAnnotationWindow GtkBox > GtkBox.linked > .button, + EvAnnotationWindow GfCandidatePopup GtkBox > GtkBox.linked > .button:first-child, + GfCandidatePopup EvAnnotationWindow GtkBox > GtkBox.linked > .button:first-child, + EvAnnotationWindow GfCandidatePopup GtkBox > GtkBox.linked > .button:last-child, + GfCandidatePopup EvAnnotationWindow GtkBox > GtkBox.linked > .button:last-child, EvAnnotationWindow MathWindow :not(.titlebar) GtkBox > GtkBox > .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) EvAnnotationWindow GtkBox > GtkBox > .button:not(.flat):not(.titlebutton), EvAnnotationWindow MathWindow :not(.header-bar) GtkBox > GtkBox > .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) EvAnnotationWindow GtkBox > GtkBox > .button:not(.flat):not(.titlebutton), + EvAnnotationWindow .action-bar GtkBox > GtkBox.linked > .button.image-button, + .action-bar EvAnnotationWindow GtkBox > GtkBox.linked > .button.image-button, EvAnnotationWindow NemoWindow GtkGrid > GtkEventBox > .toolbar GtkBox > GtkBox > .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar EvAnnotationWindow GtkBox > GtkBox > .button.image-button { + padding: 1em; + border: none; + border-radius: 100px; + outline-radius: 100px; + color: #263238; } + +/****************** + * Budgie Desktop * + ******************/ +@keyframes budgie_ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(#ECEFF1, 0.2)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0.2)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(#ECEFF1, 0.2)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0.2)); } } +.budgie-container { + background-color: transparent; } + +.budgie-panel { + background-color: #13191c; + color: #ECEFF1; + font-weight: 700; } + .top .budgie-panel { + border-top: 2px solid #13191c; } + .bottom .budgie-panel { + border-bottom: 2px solid #13191c; } + .left .budgie-panel { + border-left: 2px solid #13191c; } + .right .budgie-panel { + border-right: 2px solid #13191c; } + .budgie-panel .alert { + color: #C5A68E; } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.top .raven-frame { + padding: 0; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.11); + background: none; } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.bottom .raven-frame { + padding: 0; + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.11); + background: none; } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.left .raven-frame { + padding: 0; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.11); + background: none; } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.right .raven-frame { + padding: 0; + border: none; + border-left: 1px solid rgba(0, 0, 0, 0.11); + background: none; } + +.budgie-panel WnckTasklist .button, +.budgie-panel WnckTasklist .button:backdrop { + border: none; + background: none; + opacity: 0.5; } + .budgie-panel WnckTasklist .button:hover, .budgie-panel WnckTasklist .button:active, .budgie-panel WnckTasklist .button:checked, + .budgie-panel WnckTasklist .button:backdrop:hover, + .budgie-panel WnckTasklist .button:backdrop:active, + .budgie-panel WnckTasklist .button:backdrop:checked { + opacity: 1.0; } + +.budgie-panel .launcher { + border: 2px solid transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(#ECEFF1, 0)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0)); + background-size: 7.5em 7.5em, auto; + background-position: center center; + opacity: 0.5; + transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: opacity, border-color, background-color, background-image, box-shadow; + transition-duration: 0.2s; } + .budgie-panel .launcher:hover { + opacity: 0.75; + -gtk-image-effect: highlight; } + .budgie-panel .launcher:active { + opacity: 1.0; + transition-duration: 0; + animation: budgie_ripple_effect 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } + .budgie-panel .launcher:checked { + opacity: 1.0; } + .budgie-panel .launcher:checked:hover { + -gtk-image-effect: highlight; } +.budgie-panel .unpinned .launcher, +.budgie-panel .pinned .launcher.running { + opacity: 1.0; } + .budgie-panel .unpinned .launcher:hover, + .budgie-panel .pinned .launcher.running:hover { + -gtk-image-effect: highlight; } + +.top .budgie-panel WnckTasklist .button { + border: 2px solid transparent; } + .top .budgie-panel WnckTasklist .button:hover { + border-top: 2px solid alpha(#ECEFF1, 0.4); } + .top .budgie-panel WnckTasklist .button:active, .top .budgie-panel WnckTasklist .button:checked { + border-top: 2px solid #C5A68E; } +.top .budgie-panel .launcher { + border: 2px solid transparent; } + .top .budgie-panel .launcher:hover { + border-top: 2px solid alpha(#ECEFF1, 0.4); } + .top .budgie-panel .launcher:active, .top .budgie-panel .launcher:checked { + border-top: 2px solid #C5A68E; } + +.bottom .budgie-panel WnckTasklist .button { + border: 2px solid transparent; } + .bottom .budgie-panel WnckTasklist .button:hover { + border-bottom: 2px solid alpha(#ECEFF1, 0.4); } + .bottom .budgie-panel WnckTasklist .button:active, .bottom .budgie-panel WnckTasklist .button:checked { + border-bottom: 2px solid #C5A68E; } +.bottom .budgie-panel .launcher { + border: 2px solid transparent; } + .bottom .budgie-panel .launcher:hover { + border-bottom: 2px solid alpha(#ECEFF1, 0.4); } + .bottom .budgie-panel .launcher:active, .bottom .budgie-panel .launcher:checked { + border-bottom: 2px solid #C5A68E; } + +.left .budgie-panel WnckTasklist .button { + border: 2px solid transparent; } + .left .budgie-panel WnckTasklist .button:hover { + border-left: 2px solid alpha(#ECEFF1, 0.4); } + .left .budgie-panel WnckTasklist .button:active, .left .budgie-panel WnckTasklist .button:checked { + border-left: 2px solid #C5A68E; } +.left .budgie-panel .launcher { + border: 2px solid transparent; } + .left .budgie-panel .launcher:hover { + border-left: 2px solid alpha(#ECEFF1, 0.4); } + .left .budgie-panel .launcher:active, .left .budgie-panel .launcher:checked { + border-left: 2px solid #C5A68E; } + +.right .budgie-panel WnckTasklist .button { + border: 2px solid transparent; } + .right .budgie-panel WnckTasklist .button:hover { + border-right: 2px solid alpha(#ECEFF1, 0.4); } + .right .budgie-panel WnckTasklist .button:active, .right .budgie-panel WnckTasklist .button:checked { + border-right: 2px solid #C5A68E; } +.right .budgie-panel .launcher { + border: 2px solid transparent; } + .right .budgie-panel .launcher:hover { + border-right: 2px solid alpha(#ECEFF1, 0.4); } + .right .budgie-panel .launcher:active, .right .budgie-panel .launcher:checked { + border-right: 2px solid #C5A68E; } + +.top .budgie-panel .unpinned .launcher, +.top .budgie-panel .pinned .launcher.running { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-top.png"), url("assets/running-dot-top@2.png")) 2/2px; } + .top .budgie-panel .unpinned .launcher:hover, .top .budgie-panel .unpinned .launcher:active, .top .budgie-panel .unpinned .launcher:checked, + .top .budgie-panel .pinned .launcher.running:hover, + .top .budgie-panel .pinned .launcher.running:active, + .top .budgie-panel .pinned .launcher.running:checked { + border-top: 2px solid #C5A68E; + border-image: none; } + +.bottom .budgie-panel .unpinned .launcher, +.bottom .budgie-panel .pinned .launcher.running { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-bottom.png"), url("assets/running-dot-bottom@2.png")) 2/2px; } + .bottom .budgie-panel .unpinned .launcher:hover, .bottom .budgie-panel .unpinned .launcher:active, .bottom .budgie-panel .unpinned .launcher:checked, + .bottom .budgie-panel .pinned .launcher.running:hover, + .bottom .budgie-panel .pinned .launcher.running:active, + .bottom .budgie-panel .pinned .launcher.running:checked { + border-bottom: 2px solid #C5A68E; + border-image: none; } + +.left .budgie-panel .unpinned .launcher, +.left .budgie-panel .pinned .launcher.running { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-left.png"), url("assets/running-dot-left@2.png")) 2/2px; } + .left .budgie-panel .unpinned .launcher:hover, .left .budgie-panel .unpinned .launcher:active, .left .budgie-panel .unpinned .launcher:checked, + .left .budgie-panel .pinned .launcher.running:hover, + .left .budgie-panel .pinned .launcher.running:active, + .left .budgie-panel .pinned .launcher.running:checked { + border-left: 2px solid #C5A68E; + border-image: none; } + +.right .budgie-panel .unpinned .launcher, +.right .budgie-panel .pinned .launcher.running { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-right.png"), url("assets/running-dot-right@2.png")) 2/2px; } + .right .budgie-panel .unpinned .launcher:hover, .right .budgie-panel .unpinned .launcher:active, .right .budgie-panel .unpinned .launcher:checked, + .right .budgie-panel .pinned .launcher.running:hover, + .right .budgie-panel .pinned .launcher.running:active, + .right .budgie-panel .pinned .launcher.running:checked { + border-right: 2px solid #C5A68E; + border-image: none; } + +.budgie-panel ShowDesktopApplet > .button.flat, .budgie-panel ShowDesktopApplet > .button.osd.image-button, .budgie-panel .inline-toolbar ShowDesktopApplet > .button, .inline-toolbar .budgie-panel ShowDesktopApplet > .button, .budgie-panel .inline-toolbar ShowDesktopApplet > .button.image-button:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet > .button.image-button:not(.text-button), .budgie-panel .action-bar ShowDesktopApplet > .button, .action-bar .budgie-panel ShowDesktopApplet > .button, .budgie-panel .action-bar ShowDesktopApplet > .button.image-button:not(.text-button), .action-bar .budgie-panel ShowDesktopApplet > .button.image-button:not(.text-button), .budgie-panel .app-notification ShowDesktopApplet > .button, .app-notification .budgie-panel ShowDesktopApplet > .button, .budgie-panel GeditViewFrame .gedit-search-slider ShowDesktopApplet > .button, GeditViewFrame .gedit-search-slider .budgie-panel ShowDesktopApplet > .button, .budgie-panel .toolbar ShowDesktopApplet > .button, .toolbar .budgie-panel ShowDesktopApplet > .button, .budgie-panel .titlebar ShowDesktopApplet > .button:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel ShowDesktopApplet > .button:not(.suggested-action):not(.destructive-action), +.budgie-panel .header-bar ShowDesktopApplet > .button:not(.suggested-action):not(.destructive-action), +.header-bar .budgie-panel ShowDesktopApplet > .button:not(.suggested-action):not(.destructive-action), .budgie-panel .message-dialog.csd .dialog-action-area ShowDesktopApplet > .button, .message-dialog.csd .dialog-action-area .budgie-panel ShowDesktopApplet > .button, .budgie-panel ShowDesktopApplet > .sidebar-button.button, .budgie-panel .info ShowDesktopApplet > .button, .info .budgie-panel ShowDesktopApplet > .button, +.budgie-panel .question ShowDesktopApplet > .button, +.question .budgie-panel ShowDesktopApplet > .button, +.budgie-panel .warning ShowDesktopApplet > .button, +.warning .budgie-panel ShowDesktopApplet > .button, +.budgie-panel .error ShowDesktopApplet > .button, +.error .budgie-panel ShowDesktopApplet > .button, .budgie-panel ShowDesktopApplet > GtkScaleButton.button, +.budgie-panel ShowDesktopApplet > GtkVolumeButton.button, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:first-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:first-child, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:last-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:last-child, +.budgie-panel GfCandidatePopup ShowDesktopApplet.linked > .button, +GfCandidatePopup .budgie-panel ShowDesktopApplet.linked > .button, .budgie-panel MathWindow :not(.titlebar) ShowDesktopApplet > .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .budgie-panel ShowDesktopApplet > .button:not(.flat):not(.titlebutton), .budgie-panel MathWindow :not(.header-bar) ShowDesktopApplet > .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .budgie-panel ShowDesktopApplet > .button:not(.flat):not(.titlebutton), +.budgie-panel .action-bar ShowDesktopApplet.linked > .button.image-button, +.action-bar .budgie-panel ShowDesktopApplet.linked > .button.image-button, .budgie-panel NemoWindow GtkGrid > GtkEventBox > .toolbar ShowDesktopApplet > .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .budgie-panel ShowDesktopApplet > .button.image-button { + padding: 0.4em 1em; + border-radius: 0; + outline-color: transparent; + color: #ECEFF1; } + .budgie-panel ShowDesktopApplet > .button.flat:hover, .budgie-panel ShowDesktopApplet > .button.osd.image-button:hover, .budgie-panel .inline-toolbar ShowDesktopApplet > .button:hover, .inline-toolbar .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel .action-bar ShowDesktopApplet > .button:hover, .action-bar .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel .inline-toolbar ShowDesktopApplet.linked > .button.image-button:hover:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet.linked > .button.image-button:hover:not(.text-button), .budgie-panel .inline-toolbar ShowDesktopApplet.stack-switcher > .button.image-button:hover:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet.stack-switcher > .button.image-button:hover:not(.text-button), .budgie-panel .action-bar ShowDesktopApplet.stack-switcher > .button.image-button:hover:not(.text-button), .action-bar .budgie-panel ShowDesktopApplet.stack-switcher > .button.image-button:hover:not(.text-button), .budgie-panel .app-notification ShowDesktopApplet > .button:hover, .app-notification .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel GeditViewFrame .gedit-search-slider ShowDesktopApplet > .button:hover, GeditViewFrame .gedit-search-slider .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel .toolbar ShowDesktopApplet > .button:hover, .toolbar .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel .titlebar ShowDesktopApplet > .button:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel ShowDesktopApplet > .button:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .header-bar ShowDesktopApplet > .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .budgie-panel ShowDesktopApplet > .button:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .message-dialog.csd .dialog-action-area ShowDesktopApplet > .button:hover, .message-dialog.csd .dialog-action-area .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel ShowDesktopApplet > .sidebar-button.button:hover, .budgie-panel .info ShowDesktopApplet > .button:hover, .info .budgie-panel ShowDesktopApplet > .button:hover, + .budgie-panel .question ShowDesktopApplet > .button:hover, + .question .budgie-panel ShowDesktopApplet > .button:hover, + .budgie-panel .warning ShowDesktopApplet > .button:hover, + .warning .budgie-panel ShowDesktopApplet > .button:hover, + .budgie-panel .error ShowDesktopApplet > .button:hover, + .error .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel ShowDesktopApplet > GtkScaleButton.button:hover, + .budgie-panel ShowDesktopApplet > GtkVolumeButton.button:hover, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:hover, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:hover:first-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:hover:first-child, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:hover:last-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:hover:last-child, + .budgie-panel GfCandidatePopup ShowDesktopApplet.linked > .button:hover, + GfCandidatePopup .budgie-panel ShowDesktopApplet.linked > .button:hover, .budgie-panel MathWindow :not(.titlebar) ShowDesktopApplet > .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .budgie-panel ShowDesktopApplet > .button:hover:not(.flat):not(.titlebutton), .budgie-panel MathWindow :not(.header-bar) ShowDesktopApplet > .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .budgie-panel ShowDesktopApplet > .button:hover:not(.flat):not(.titlebutton) { + color: #FFFFFF; + background-color: transparent; + background-image: none; } + .budgie-panel ShowDesktopApplet > .button.flat:active, .budgie-panel ShowDesktopApplet > .button.osd.image-button:active, .budgie-panel .inline-toolbar ShowDesktopApplet > .button:active, .inline-toolbar .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel .action-bar ShowDesktopApplet > .button:active, .action-bar .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel .inline-toolbar ShowDesktopApplet.linked > .button.image-button:active:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet.linked > .button.image-button:active:not(.text-button), .budgie-panel .inline-toolbar ShowDesktopApplet.stack-switcher > .button.image-button:active:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet.stack-switcher > .button.image-button:active:not(.text-button), .budgie-panel .action-bar ShowDesktopApplet.stack-switcher > .button.image-button:active:not(.text-button), .action-bar .budgie-panel ShowDesktopApplet.stack-switcher > .button.image-button:active:not(.text-button), .budgie-panel .app-notification ShowDesktopApplet > .button:active, .app-notification .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel GeditViewFrame .gedit-search-slider ShowDesktopApplet > .button:active, GeditViewFrame .gedit-search-slider .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel .toolbar ShowDesktopApplet > .button:active, .toolbar .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel .titlebar ShowDesktopApplet > .button:active:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel ShowDesktopApplet > .button:active:not(.suggested-action):not(.destructive-action), + .budgie-panel .header-bar ShowDesktopApplet > .button:active:not(.suggested-action):not(.destructive-action), + .header-bar .budgie-panel ShowDesktopApplet > .button:active:not(.suggested-action):not(.destructive-action), .budgie-panel .message-dialog.csd .dialog-action-area ShowDesktopApplet > .button:active, .message-dialog.csd .dialog-action-area .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel ShowDesktopApplet > .sidebar-button.button:active, .budgie-panel .info ShowDesktopApplet > .button:active, .info .budgie-panel ShowDesktopApplet > .button:active, + .budgie-panel .question ShowDesktopApplet > .button:active, + .question .budgie-panel ShowDesktopApplet > .button:active, + .budgie-panel .warning ShowDesktopApplet > .button:active, + .warning .budgie-panel ShowDesktopApplet > .button:active, + .budgie-panel .error ShowDesktopApplet > .button:active, + .error .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel ShowDesktopApplet > GtkScaleButton.button:active, + .budgie-panel ShowDesktopApplet > GtkVolumeButton.button:active, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:active, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:active:first-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:active:first-child, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:active:last-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:active:last-child, + .budgie-panel GfCandidatePopup ShowDesktopApplet.linked > .button:active, + GfCandidatePopup .budgie-panel ShowDesktopApplet.linked > .button:active, .budgie-panel MathWindow :not(.titlebar) ShowDesktopApplet > .button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .budgie-panel ShowDesktopApplet > .button:active:not(.flat):not(.titlebutton), .budgie-panel MathWindow :not(.header-bar) ShowDesktopApplet > .button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .budgie-panel ShowDesktopApplet > .button:active:not(.flat):not(.titlebutton) { + color: #FFFFFF; } + .budgie-panel ShowDesktopApplet > .button.flat:checked, .budgie-panel ShowDesktopApplet > .button.osd.image-button:checked, .budgie-panel .inline-toolbar ShowDesktopApplet > .button:checked, .inline-toolbar .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel .action-bar ShowDesktopApplet > .button:checked, .action-bar .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel .inline-toolbar ShowDesktopApplet.linked > .button.image-button:checked:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet.linked > .button.image-button:checked:not(.text-button), .budgie-panel .inline-toolbar ShowDesktopApplet.stack-switcher > .button.image-button:checked:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet.stack-switcher > .button.image-button:checked:not(.text-button), .budgie-panel .action-bar ShowDesktopApplet.stack-switcher > .button.image-button:checked:not(.text-button), .action-bar .budgie-panel ShowDesktopApplet.stack-switcher > .button.image-button:checked:not(.text-button), .budgie-panel .app-notification ShowDesktopApplet > .button:checked, .app-notification .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel GeditViewFrame .gedit-search-slider ShowDesktopApplet > .button:checked, GeditViewFrame .gedit-search-slider .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel .toolbar ShowDesktopApplet > .button:checked, .toolbar .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel .titlebar ShowDesktopApplet > .button:checked:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel ShowDesktopApplet > .button:checked:not(.suggested-action):not(.destructive-action), + .budgie-panel .header-bar ShowDesktopApplet > .button:checked:not(.suggested-action):not(.destructive-action), + .header-bar .budgie-panel ShowDesktopApplet > .button:checked:not(.suggested-action):not(.destructive-action), .budgie-panel .message-dialog.csd .dialog-action-area ShowDesktopApplet > .button:checked, .message-dialog.csd .dialog-action-area .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel ShowDesktopApplet > .sidebar-button.button:checked, .budgie-panel .info ShowDesktopApplet > .button:checked, .info .budgie-panel ShowDesktopApplet > .button:checked, + .budgie-panel .question ShowDesktopApplet > .button:checked, + .question .budgie-panel ShowDesktopApplet > .button:checked, + .budgie-panel .warning ShowDesktopApplet > .button:checked, + .warning .budgie-panel ShowDesktopApplet > .button:checked, + .budgie-panel .error ShowDesktopApplet > .button:checked, + .error .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel ShowDesktopApplet > GtkScaleButton.button:checked, + .budgie-panel ShowDesktopApplet > GtkVolumeButton.button:checked, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:checked, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:checked:first-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:checked:first-child, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:checked:last-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:checked:last-child, + .budgie-panel GfCandidatePopup ShowDesktopApplet.linked > .button:checked, + GfCandidatePopup .budgie-panel ShowDesktopApplet.linked > .button:checked, .budgie-panel MathWindow :not(.titlebar) ShowDesktopApplet > .button:checked:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .budgie-panel ShowDesktopApplet > .button:checked:not(.flat):not(.titlebutton), .budgie-panel MathWindow :not(.header-bar) ShowDesktopApplet > .button:checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .budgie-panel ShowDesktopApplet > .button:checked:not(.flat):not(.titlebutton) { + color: rgba(236, 239, 241, 0.3); + background-color: transparent; + background-image: none; } + .budgie-panel ShowDesktopApplet > .button.flat:checked:hover, .budgie-panel ShowDesktopApplet > .button.osd.image-button:checked:hover, .budgie-panel .inline-toolbar ShowDesktopApplet > .button:checked:hover, .inline-toolbar .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel .action-bar ShowDesktopApplet > .button:checked:hover, .action-bar .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel .app-notification ShowDesktopApplet > .button:checked:hover, .app-notification .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel GeditViewFrame .gedit-search-slider ShowDesktopApplet > .button:checked:hover, GeditViewFrame .gedit-search-slider .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel .toolbar ShowDesktopApplet > .button:checked:hover, .toolbar .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel .titlebar ShowDesktopApplet > .button:checked:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel ShowDesktopApplet > .button:checked:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .header-bar ShowDesktopApplet > .button:checked:hover:not(.suggested-action):not(.destructive-action), + .header-bar .budgie-panel ShowDesktopApplet > .button:checked:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .message-dialog.csd .dialog-action-area ShowDesktopApplet > .button:checked:hover, .message-dialog.csd .dialog-action-area .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel ShowDesktopApplet > .sidebar-button.button:checked:hover, .budgie-panel .info ShowDesktopApplet > .button:checked:hover, .info .budgie-panel ShowDesktopApplet > .button:checked:hover, + .budgie-panel .question ShowDesktopApplet > .button:checked:hover, + .question .budgie-panel ShowDesktopApplet > .button:checked:hover, + .budgie-panel .warning ShowDesktopApplet > .button:checked:hover, + .warning .budgie-panel ShowDesktopApplet > .button:checked:hover, + .budgie-panel .error ShowDesktopApplet > .button:checked:hover, + .error .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel ShowDesktopApplet > GtkScaleButton.button:checked:hover, + .budgie-panel ShowDesktopApplet > GtkVolumeButton.button:checked:hover, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:checked:hover, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:checked:hover:first-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:checked:hover:first-child, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:checked:hover:last-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:checked:hover:last-child, + .budgie-panel GfCandidatePopup ShowDesktopApplet.linked > .button:checked:hover, + GfCandidatePopup .budgie-panel ShowDesktopApplet.linked > .button:checked:hover, .budgie-panel MathWindow :not(.titlebar) ShowDesktopApplet > .button:checked:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .budgie-panel ShowDesktopApplet > .button:checked:hover:not(.flat):not(.titlebutton), .budgie-panel MathWindow :not(.header-bar) ShowDesktopApplet > .button:checked:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .budgie-panel ShowDesktopApplet > .button:checked:hover:not(.flat):not(.titlebutton) { + color: #FFFFFF; + background-color: transparent; + background-image: none; } + +.budgie-menu { + border-radius: 2px; + background-color: #42565f; } + .budgie-menu GtkScrolledWindow, + .budgie-menu .list, + .budgie-menu .list-row, + .budgie-menu .tweak-category, + .budgie-menu .scrollbar.trough { + border: none; + background: none; + box-shadow: none; } + .budgie-menu .list-row, .budgie-menu .tweak-category, .budgie-menu .list-row.activatable, .budgie-menu .view, .budgie-menu column-header .button, column-header .budgie-menu .button, .budgie-menu .activatable.tweak-category { + background-image: none; + background-color: #42565f; + color: rgba(236, 239, 241, 0.75); + transition: none; } + .budgie-menu .list-row:hover, .budgie-menu .tweak-category:hover, .budgie-menu .list-row.activatable:hover, .budgie-menu .view:hover, .budgie-menu column-header .button:hover, column-header .budgie-menu .button:hover, .budgie-menu .activatable.tweak-category:hover { + background-image: none; + background-color: #42565f; + color: #ECEFF1; + transition: none; } + .budgie-menu GtkScrolledWindow .undershoot.top { + background: transparent; + background-image: linear-gradient(to top, rgba(66, 86, 95, 0.01), rgba(66, 86, 95, 0.04), rgba(66, 86, 95, 0.2), rgba(66, 86, 95, 0.44), rgba(66, 86, 95, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } + .budgie-menu GtkScrolledWindow .undershoot.bottom { + background: transparent; + background-image: linear-gradient(to bottom, rgba(66, 86, 95, 0.01), rgba(66, 86, 95, 0.04), rgba(66, 86, 95, 0.2), rgba(66, 86, 95, 0.44), rgba(66, 86, 95, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } + .budgie-menu GtkScrolledWindow .undershoot.left { + background: transparent; + background-image: linear-gradient(to left, rgba(66, 86, 95, 0.01), rgba(66, 86, 95, 0.04), rgba(66, 86, 95, 0.2), rgba(66, 86, 95, 0.44), rgba(66, 86, 95, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } + .budgie-menu GtkScrolledWindow .undershoot.right { + background: transparent; + background-image: linear-gradient(to right, rgba(66, 86, 95, 0.01), rgba(66, 86, 95, 0.04), rgba(66, 86, 95, 0.2), rgba(66, 86, 95, 0.44), rgba(66, 86, 95, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +.raven { + padding: 0; + border: none; + color: rgba(236, 239, 241, 0.75); + background-color: rgba(42, 55, 62, 0.9); } + .raven:dir(ltr) { + box-shadow: -1px 0 1px rgba(0, 0, 0, 0.12); } + .raven:dir(rtl) { + box-shadow: 1px 0 1px rgba(0, 0, 0, 0.12); } + .raven .raven-header { + border: none; + color: rgba(236, 239, 241, 0.5); + background-color: transparent; + font-weight: 700; } + .raven .raven-background { + border-width: 1px 0 0; + border-style: solid none none; + border-color: rgba(0, 0, 0, 0.11); + background-color: transparent; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); } + .raven .powerstrip { + border-top: 1px solid rgba(0, 0, 0, 0.11); + background-color: #322F22; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); } + .raven .powerstrip .button { + padding: 1em; + color: #C5A68E); } + .raven .powerstrip .button:hover, .raven .powerstrip .button:active, .raven .powerstrip .button:checked { + color: #C5A68E; } + .raven .powerstrip .button:insensitive { + color: rgba(77, 182, 172, 0.4); } + .raven .option-subtitle { + color: rgba(236, 239, 241, 0.225); + font-size: 90%; } + .raven GtkScrolledWindow { + background: transparent; } + .raven .list, + .raven .list-row, + .raven .tweak-category, + .raven .list-row.activatable, + .raven .view, + .raven column-header .button, + column-header .raven .button, + .raven .activatable.tweak-category { + background-color: transparent; } + .raven .list:not(.list):hover, + .raven .list-row:not(.list):hover, + .raven .tweak-category:not(.list):hover, + .raven .list-row.activatable:not(.list):hover, + .raven .view:not(.list):hover, + .raven column-header .button:not(.list):hover, + column-header .raven .button:not(.list):hover, + .raven .activatable.tweak-category:not(.list):hover { + color: #ECEFF1; } + .raven .list:not(.list):selected, + .raven .list-row:not(.list):selected, + .raven .tweak-category:not(.list):selected, + .raven .list-row.activatable:not(.list):selected, + .raven .view:not(.list):selected, + .raven column-header .button:not(.list):selected, + column-header .raven .button:not(.list):selected, + .raven .activatable.tweak-category:not(.list):selected { + color: #C5A68E; } + .raven .list:not(.list):selected:hover, + .raven .list-row:not(.list):selected:hover, + .raven .tweak-category:not(.list):selected:hover, + .raven .list-row.activatable:not(.list):selected:hover, + .raven .view:not(.list):selected:hover, + .raven column-header .button:not(.list):selected:hover, + column-header .raven .button:not(.list):selected:hover, + .raven .activatable.tweak-category:not(.list):selected:hover { + background-color: rgba(0, 188, 212, 0.1); } + .raven .list .separator, + .raven .list-row .separator, + .raven .tweak-category .separator, + .raven .list-row.activatable .separator, + .raven .view .separator, + .raven column-header .button .separator, + column-header .raven .button .separator, + .raven .activatable.tweak-category .separator { + color: rgba(236, 239, 241, 0.165); } + .raven .button.image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } + .raven .button.image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + .raven .button.image-button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .raven .button.image-button:insensitive { + box-shadow: none; + background-color: transparent; } + .raven .button.image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; } + .raven .button.image-button:checked:insensitive > .label { + color: inherit; } + .raven .raven-header > .button.text-button { + color: rgba(255, 255, 255, 0.85); } + .raven .raven-header > .button.text-button:hover { + color: #FFFFFF; } + .raven .raven-header > .button.text-button:active { + color: #FFFFFF; + background-color: #C5A68E; } + .raven .raven-header .expander-button { + padding: 1.0em; + border-radius: 100px; + outline-radius: 100px; + color: rgba(236, 239, 241, 0.5); } + .raven .raven-header .expander-button:hover, .raven .raven-header .expander-button:active { + color: #ECEFF1; } + .raven GtkCalendar { + border: none; + background-color: transparent; } + .raven .undershoot.top, .raven .undershoot.bottom, .raven .undershoot.left, .raven .undershoot.right { + background-image: none; } + +.raven-mpris { + border: none; + color: #ECEFF1; + background-color: rgba(42, 55, 62, 0.9); } + .raven-mpris .button.image-button { + padding: 0.6em; } + +.budgie-notification-window { + border-radius: 2px; + background: none; } + +.budgie-notification.background { + border-radius: 2px; } +.budgie-notification .notification-title { + color: rgba(236, 239, 241, 0.75); + font-size: 110%; + font-weight: 500; } +.budgie-notification .notification-body { + color: #ECEFF1; } + +.background.csd.budgie-run-dialog { + border: none; + background-color: transparent; } + .background.csd.budgie-run-dialog .window-frame { + border-radius: 2px; + border: none; + background-color: rgba(42, 55, 62, 0.9); + box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); } + .background.csd.budgie-run-dialog .window-frame:backdrop { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + .background.csd.budgie-run-dialog .separator { + -GtkWidget-separator-width: 0; + border: 0 none transparent; + color: transparent; } + .background.csd.budgie-run-dialog GtkScrolledWindow { + border-image: none; } + .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button.flat, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button.osd.image-button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .inline-toolbar .button, .inline-toolbar .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .action-bar .button, .action-bar .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .app-notification .button, .app-notification .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .toolbar .button, .toolbar .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button:not(.suggested-action):not(.destructive-action), + .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .header-bar .button:not(.suggested-action):not(.destructive-action), + .header-bar .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .sidebar-button.button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .info .button, .info .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, + .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .question .button, + .question .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, + .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .warning .button, + .warning .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, + .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .error .button, + .error .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GtkScaleButton.button, + .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GtkVolumeButton.button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GfCandidatePopup .button, GfCandidatePopup .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GfCandidatePopup .button:first-child, GfCandidatePopup .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button:first-child, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GfCandidatePopup .button:last-child, GfCandidatePopup .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button:last-child, + .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GfCandidatePopup .linked > .button, + GfCandidatePopup .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .linked > .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button:not(.flat):not(.titlebutton) { + border-radius: 2px; + outline-radius: 2px; } + .background.csd.budgie-run-dialog GtkScrolledWindow .undershoot.top, .background.csd.budgie-run-dialog GtkScrolledWindow .undershoot.bottom, .background.csd.budgie-run-dialog GtkScrolledWindow .undershoot.left, .background.csd.budgie-run-dialog GtkScrolledWindow .undershoot.right { + background-image: none; } + .background.csd.budgie-run-dialog .button.flat.image-button, .background.csd.budgie-run-dialog .image-button.button.osd, .background.csd.budgie-run-dialog .inline-toolbar .image-button.button, .inline-toolbar .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog .action-bar .image-button.button, .action-bar .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog .app-notification .image-button.button, .app-notification .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog GeditViewFrame .gedit-search-slider .image-button.button, GeditViewFrame .gedit-search-slider .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog .toolbar .image-button.button, .toolbar .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog .titlebar .image-button.button:not(.suggested-action):not(.destructive-action), .titlebar .background.csd.budgie-run-dialog .image-button.button:not(.suggested-action):not(.destructive-action), + .background.csd.budgie-run-dialog .header-bar .image-button.button:not(.suggested-action):not(.destructive-action), + .header-bar .background.csd.budgie-run-dialog .image-button.button:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .message-dialog.csd .dialog-action-area .image-button.button, .message-dialog.csd .dialog-action-area .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog .image-button.sidebar-button.button, .background.csd.budgie-run-dialog .info .image-button.button, .info .background.csd.budgie-run-dialog .image-button.button, + .background.csd.budgie-run-dialog .question .image-button.button, + .question .background.csd.budgie-run-dialog .image-button.button, + .background.csd.budgie-run-dialog .warning .image-button.button, + .warning .background.csd.budgie-run-dialog .image-button.button, + .background.csd.budgie-run-dialog .error .image-button.button, + .error .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog GtkScaleButton.image-button.button, + .background.csd.budgie-run-dialog GtkVolumeButton.image-button.button, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:first-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:first-child, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:last-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:last-child, + .background.csd.budgie-run-dialog GfCandidatePopup .linked > .image-button.button, + GfCandidatePopup .background.csd.budgie-run-dialog .linked > .image-button.button, .background.csd.budgie-run-dialog MathWindow :not(.titlebar) .image-button.button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .background.csd.budgie-run-dialog .image-button.button:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog MathWindow :not(.header-bar) .image-button.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .background.csd.budgie-run-dialog .image-button.button:not(.flat):not(.titlebutton) { + color: #C5A68E); } + .background.csd.budgie-run-dialog .button.flat.image-button:hover, .background.csd.budgie-run-dialog .image-button.button.osd:hover, .background.csd.budgie-run-dialog .inline-toolbar .image-button.button:hover, .inline-toolbar .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog .action-bar .image-button.button:hover, .action-bar .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog .app-notification .image-button.button:hover, .app-notification .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog GeditViewFrame .gedit-search-slider .image-button.button:hover, GeditViewFrame .gedit-search-slider .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog .toolbar .image-button.button:hover, .toolbar .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog .titlebar .image-button.button:hover:not(.suggested-action):not(.destructive-action), .titlebar .background.csd.budgie-run-dialog .image-button.button:hover:not(.suggested-action):not(.destructive-action), + .background.csd.budgie-run-dialog .header-bar .image-button.button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .background.csd.budgie-run-dialog .image-button.button:hover:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .message-dialog.csd .dialog-action-area .image-button.button:hover, .message-dialog.csd .dialog-action-area .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog .image-button.sidebar-button.button:hover, .background.csd.budgie-run-dialog .info .image-button.button:hover, .info .background.csd.budgie-run-dialog .image-button.button:hover, + .background.csd.budgie-run-dialog .question .image-button.button:hover, + .question .background.csd.budgie-run-dialog .image-button.button:hover, + .background.csd.budgie-run-dialog .warning .image-button.button:hover, + .warning .background.csd.budgie-run-dialog .image-button.button:hover, + .background.csd.budgie-run-dialog .error .image-button.button:hover, + .error .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog GtkScaleButton.image-button.button:hover, + .background.csd.budgie-run-dialog GtkVolumeButton.image-button.button:hover, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:hover, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:hover:first-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:hover:first-child, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:hover:last-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:hover:last-child, + .background.csd.budgie-run-dialog GfCandidatePopup .linked > .image-button.button:hover, + GfCandidatePopup .background.csd.budgie-run-dialog .linked > .image-button.button:hover, .background.csd.budgie-run-dialog MathWindow :not(.titlebar) .image-button.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .background.csd.budgie-run-dialog .image-button.button:hover:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog MathWindow :not(.header-bar) .image-button.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .background.csd.budgie-run-dialog .image-button.button:hover:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog .button.flat.image-button:active, .background.csd.budgie-run-dialog .image-button.button.osd:active, .background.csd.budgie-run-dialog .inline-toolbar .image-button.button:active, .inline-toolbar .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog .action-bar .image-button.button:active, .action-bar .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog .app-notification .image-button.button:active, .app-notification .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog GeditViewFrame .gedit-search-slider .image-button.button:active, GeditViewFrame .gedit-search-slider .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog .toolbar .image-button.button:active, .toolbar .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog .titlebar .image-button.button:active:not(.suggested-action):not(.destructive-action), .titlebar .background.csd.budgie-run-dialog .image-button.button:active:not(.suggested-action):not(.destructive-action), + .background.csd.budgie-run-dialog .header-bar .image-button.button:active:not(.suggested-action):not(.destructive-action), + .header-bar .background.csd.budgie-run-dialog .image-button.button:active:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .message-dialog.csd .dialog-action-area .image-button.button:active, .message-dialog.csd .dialog-action-area .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog .image-button.sidebar-button.button:active, .background.csd.budgie-run-dialog .info .image-button.button:active, .info .background.csd.budgie-run-dialog .image-button.button:active, + .background.csd.budgie-run-dialog .question .image-button.button:active, + .question .background.csd.budgie-run-dialog .image-button.button:active, + .background.csd.budgie-run-dialog .warning .image-button.button:active, + .warning .background.csd.budgie-run-dialog .image-button.button:active, + .background.csd.budgie-run-dialog .error .image-button.button:active, + .error .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog GtkScaleButton.image-button.button:active, + .background.csd.budgie-run-dialog GtkVolumeButton.image-button.button:active, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:active, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:active:first-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:active:first-child, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:active:last-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:active:last-child, + .background.csd.budgie-run-dialog GfCandidatePopup .linked > .image-button.button:active, + GfCandidatePopup .background.csd.budgie-run-dialog .linked > .image-button.button:active, .background.csd.budgie-run-dialog MathWindow :not(.titlebar) .image-button.button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .background.csd.budgie-run-dialog .image-button.button:active:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog MathWindow :not(.header-bar) .image-button.button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .background.csd.budgie-run-dialog .image-button.button:active:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog .button.flat.image-button:checked, .background.csd.budgie-run-dialog .image-button.button.osd:checked, .background.csd.budgie-run-dialog .inline-toolbar .image-button.button:checked, .inline-toolbar .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog .action-bar .image-button.button:checked, .action-bar .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog .app-notification .image-button.button:checked, .app-notification .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog GeditViewFrame .gedit-search-slider .image-button.button:checked, GeditViewFrame .gedit-search-slider .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog .toolbar .image-button.button:checked, .toolbar .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog .titlebar .image-button.button:checked:not(.suggested-action):not(.destructive-action), .titlebar .background.csd.budgie-run-dialog .image-button.button:checked:not(.suggested-action):not(.destructive-action), + .background.csd.budgie-run-dialog .header-bar .image-button.button:checked:not(.suggested-action):not(.destructive-action), + .header-bar .background.csd.budgie-run-dialog .image-button.button:checked:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .message-dialog.csd .dialog-action-area .image-button.button:checked, .message-dialog.csd .dialog-action-area .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog .image-button.sidebar-button.button:checked, .background.csd.budgie-run-dialog .info .image-button.button:checked, .info .background.csd.budgie-run-dialog .image-button.button:checked, + .background.csd.budgie-run-dialog .question .image-button.button:checked, + .question .background.csd.budgie-run-dialog .image-button.button:checked, + .background.csd.budgie-run-dialog .warning .image-button.button:checked, + .warning .background.csd.budgie-run-dialog .image-button.button:checked, + .background.csd.budgie-run-dialog .error .image-button.button:checked, + .error .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog GtkScaleButton.image-button.button:checked, + .background.csd.budgie-run-dialog GtkVolumeButton.image-button.button:checked, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:checked, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:checked:first-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:checked:first-child, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:checked:last-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:checked:last-child, + .background.csd.budgie-run-dialog GfCandidatePopup .linked > .image-button.button:checked, + GfCandidatePopup .background.csd.budgie-run-dialog .linked > .image-button.button:checked, .background.csd.budgie-run-dialog MathWindow :not(.titlebar) .image-button.button:checked:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .background.csd.budgie-run-dialog .image-button.button:checked:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog MathWindow :not(.header-bar) .image-button.button:checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .background.csd.budgie-run-dialog .image-button.button:checked:not(.flat):not(.titlebutton) { + color: #C5A68E; } + .background.csd.budgie-run-dialog .button.flat.image-button:insensitive, .background.csd.budgie-run-dialog .image-button.button.osd:insensitive, .background.csd.budgie-run-dialog .inline-toolbar .image-button.button:insensitive, .inline-toolbar .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog .action-bar .image-button.button:insensitive, .action-bar .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog .app-notification .image-button.button:insensitive, .app-notification .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog GeditViewFrame .gedit-search-slider .image-button.button:insensitive, GeditViewFrame .gedit-search-slider .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog .toolbar .image-button.button:insensitive, .toolbar .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog .titlebar .image-button.button:insensitive:not(.suggested-action):not(.destructive-action), .titlebar .background.csd.budgie-run-dialog .image-button.button:insensitive:not(.suggested-action):not(.destructive-action), + .background.csd.budgie-run-dialog .header-bar .image-button.button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .background.csd.budgie-run-dialog .image-button.button:insensitive:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .message-dialog.csd .dialog-action-area .image-button.button:insensitive, .message-dialog.csd .dialog-action-area .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog .image-button.sidebar-button.button:insensitive, .background.csd.budgie-run-dialog .info .image-button.button:insensitive, .info .background.csd.budgie-run-dialog .image-button.button:insensitive, + .background.csd.budgie-run-dialog .question .image-button.button:insensitive, + .question .background.csd.budgie-run-dialog .image-button.button:insensitive, + .background.csd.budgie-run-dialog .warning .image-button.button:insensitive, + .warning .background.csd.budgie-run-dialog .image-button.button:insensitive, + .background.csd.budgie-run-dialog .error .image-button.button:insensitive, + .error .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog GtkScaleButton.image-button.button:insensitive, + .background.csd.budgie-run-dialog GtkVolumeButton.image-button.button:insensitive, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:insensitive, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:insensitive:first-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:insensitive:first-child, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:insensitive:last-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:insensitive:last-child, + .background.csd.budgie-run-dialog GfCandidatePopup .linked > .image-button.button:insensitive, + GfCandidatePopup .background.csd.budgie-run-dialog .linked > .image-button.button:insensitive, .background.csd.budgie-run-dialog MathWindow :not(.titlebar) .image-button.button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .background.csd.budgie-run-dialog .image-button.button:insensitive:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog MathWindow :not(.header-bar) .image-button.button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .background.csd.budgie-run-dialog .image-button.button:insensitive:not(.flat):not(.titlebutton) { + color: rgba(77, 182, 172, 0.4); } + +.budgie-session-dialog, .budgie-polkit-dialog { + border-radius: 2px; + border-width: 0; + background-color: #3e515a; + color: #ECEFF1; + font-weight: 700; + opacity: 0.9; } + .budgie-session-dialog .button, .budgie-polkit-dialog .button, + .budgie-session-dialog .linked > .button, + .budgie-polkit-dialog .linked > .button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + padding: 0.7em 1em 0.8em; + border: 2px solid transparent; + border-radius: 0; + color: #C5A68E); + background-color: transparent; + background-size: 240px 240px, auto; } + .budgie-session-dialog .button:hover, .budgie-polkit-dialog .button:hover, + .budgie-session-dialog .linked > .button:hover, + .budgie-polkit-dialog .linked > .button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + color: #C5A68E; } + .budgie-session-dialog .button:active, .budgie-polkit-dialog .button:active, + .budgie-session-dialog .linked > .button:active, + .budgie-polkit-dialog .linked > .button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #C5A68E; } + .budgie-session-dialog .button:checked, .budgie-polkit-dialog .button:checked, + .budgie-session-dialog .linked > .button:checked, + .budgie-polkit-dialog .linked > .button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + color: #C5A68E); } + .budgie-session-dialog .button:insensitive, .budgie-polkit-dialog .button:insensitive, + .budgie-session-dialog .linked > .button:insensitive, + .budgie-polkit-dialog .linked > .button:insensitive { + box-shadow: none; + background-color: transparent; } + .budgie-session-dialog .button:first-child, .budgie-polkit-dialog .button:first-child, + .budgie-session-dialog .linked > .button:first-child, + .budgie-polkit-dialog .linked > .button:first-child { + border-bottom-left-radius: 2px; + border-right-width: 0; } + .budgie-session-dialog .button:last-child, .budgie-polkit-dialog .button:last-child, + .budgie-session-dialog .linked > .button:last-child, + .budgie-polkit-dialog .linked > .button:last-child { + border-bottom-right-radius: 2px; + border-left-width: 0; } + +.budgie-polkit-dialog .message { + color: rgba(236, 239, 241, 0.75); } +.budgie-polkit-dialog .failure { + color: #C5A68E; + font-weight: 700; } + +.drop-shadow { + background-color: #13191C; + background-image: none; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + +/***************** + * Unity Desktop * + *****************/ +UnityDecoration { + -UnityDecoration-extents: 28px 0 0 0; + -UnityDecoration-input-extents: 8px; + -UnityDecoration-shadow-offset-x: 0; + -UnityDecoration-shadow-offset-y: 8px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.24); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.16); + -UnityDecoration-inactive-shadow-radius: 6px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #C5A68E; + -UnityDecoration-title-indent: 16px; + -UnityDecoration-title-fade: 32px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border-width: 1px 0 0; + border-style: solid none none; + border-color: rgba(0, 0, 0, 0.11); + border-radius: 2px 2px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #322F22); + color: #ECEFF1; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } + UnityDecoration.top:backdrop { + color: rgba(236, 239, 241, 0.3); } + UnityDecoration.left, UnityDecoration.left:backdrop, UnityDecoration.right, UnityDecoration.right:backdrop, UnityDecoration.bottom, UnityDecoration.bottom:backdrop { + background-image: none; } + +UnityPanelWidget, UnityPanelWidget:backdrop, +.unity-panel, +.unity-panel:backdrop { + border-bottom: 1px solid #13191c; + color: #ECEFF1; + background-image: linear-gradient(to bottom, #13191c); + box-shadow: none; } + +.unity-panel.menubar, +.unity-panel .menubar { + background-color: transparent; + background-image: none; + box-shadow: none; } + .unity-panel.menubar.menuitem, .unity-panel.menubar .menuitem *, + .unity-panel .menubar.menuitem, + .unity-panel .menubar .menuitem * { + padding: 0 6px; + border-radius: 0; + border-bottom: none; + color: #ECEFF1; + background-color: transparent; } + .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover, + .unity-panel .menubar.menuitem:hover, + .unity-panel .menubar .menuitem *:hover { + color: #FFFFFF; + box-shadow: inset 0 -2px #C5A68E; } + +/************ + * Corebird * + ************/ +GtkStack .button.profile-button:checked { + color: #ECEFF1; } + +.titlebar.header-bar GtkBox .button.account-button { + border-radius: 2px; + outline-radius: 2px; } + .titlebar.header-bar GtkBox .button.account-button .avatar-round { + border-color: transparent; } + +/******** + * Nemo * + ********/ +NemoWindow EelEditableLabel.entry { + transition: none; } +NemoWindow .toolbar.primary-toolbar { + border-bottom: 1px solid rgba(0, 0, 0, 0.11); } + NemoWindow .toolbar.primary-toolbar .button.toggle, + NemoWindow .toolbar.primary-toolbar .linked > .button { + padding: 0 1.2em 0.1em; } + NemoWindow .toolbar.primary-toolbar .button.toggle.image-button, + NemoWindow .toolbar.primary-toolbar .linked > .button.image-button { + border-radius: 100px; + outline-radius: 100px; } +NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button { + padding: 0; + border-radius: 2px; + outline-radius: 2px; } + NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow { + -GtkArrow-arrow-scaling: 0.5; } + NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow { + color: rgba(236, 239, 241, 0.75); } + NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:hover, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:active, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:checked { + color: #ECEFF1; } + NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:hover:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:active:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:checked:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:hover:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:active:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:checked:insensitive { + color: rgba(236, 239, 241, 0.3); } + NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:insensitive { + color: rgba(236, 239, 241, 0.225); } +NemoWindow .primary-toolbar NemoPathBar.linked.raised .button.text-button, +NemoWindow .primary-toolbar NemoPathBar.linked.raised .button.image-button { + padding: 0.3em 0.7em 0.4em; } +NemoWindow .notebook { + background-color: #455A64; } +NemoWindow .sidebar .frame { + border-width: 0; } +NemoWindow .sidebar GtkDrawingArea { + background-color: transparent; } +NemoWindow GtkGrid > GtkEventBox { + padding: 0.2em; + background-color: #3b4c54; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); } + NemoWindow GtkGrid > GtkEventBox > .toolbar { + border-style: none; + background-color: transparent; + box-shadow: none; } + NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button { + border-radius: 2px; + outline-radius: 2px; + padding: 0.7em 1em 0.8em; + box-shadow: none; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: rgba(236, 239, 241, 0.75); } + NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:hover { + box-shadow: none; + border-image: none; + color: #ECEFF1; } + NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:checked { + box-shadow: none; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #ECEFF1; } + NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:checked:insensitive { + box-shadow: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); + border-image: none; } + NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:checked:insensitive > label { + color: inherit; } + NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:insensitive { + box-shadow: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.225); + border-image: none; } + NemoWindow GtkGrid > GtkEventBox > .toolbar .separator.vertical { + -GtkWidget-separator-width: 0; + border: 0 none transparent; + color: transparent; } + +/*************************** + * Cinnamon-control-center * + ***************************/ +CcShellCategoryView CcShellItemView.view { + background-color: transparent; } + +.cs-header { + background-color: #3b4c54; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); } + +/********* + * XFce4 * + *********/ +.xfce4-panel { + background-color: #13191c; + color: #ECEFF1; + font-weight: 700; } + .xfce4-panel .button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + padding: 0px 4px; + border: none; + border-radius: 0; + color: #ECEFF1; + background-color: transparent; } + .xfce4-panel .button:hover { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px alpha(currentColor, 0.2); } + .xfce4-panel .button:checked, .xfce4-panel .button:hover:checked, .xfce4-panel .button:insensitive:checked { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px #C5A68E; } + .xfce4-panel .button .label:backdrop, .xfce4-panel .button:backdrop { + opacity: 1.0; } + .xfce4-panel .menu { + -gtk-image-effect: none; } + +TopMenuAppMenuBar { + background-color: #13191c; + color: #ECEFF1; + box-shadow: none; } + TopMenuAppMenuBar > .menuitem { + color: #ECEFF1; + background-color: transparent; } + TopMenuAppMenuBar > .menuitem:hover { + color: #FFFFFF; + box-shadow: inset 0 -2px #C5A68E; } + TopMenuAppMenuBar > .menuitem:backdrop { + opacity: 1.0; } + +/************ + * Synaptic * + ************/ +GtkWindow > GtkBox.vertical > GtkBox.horizontal > .toolbar { + background-color: transparent; + box-shadow: none; } + GtkWindow > GtkBox.vertical > GtkBox.horizontal > .toolbar GtkToolItem > GtkBox .label, + GtkWindow > GtkBox.vertical > GtkBox.horizontal > .toolbar GtkToolItem > GtkBox .entry { + padding-top: 0.1em; + padding-bottom: 0.1em; + font-size: 90%; } + GtkWindow > GtkBox.vertical > GtkBox.horizontal > .toolbar GtkToolItem > GtkBox > .label { + color: rgba(236, 239, 241, 0.3); } +GtkWindow > GtkBox.vertical > GtkBox.horizontal > GtkAlignment { + background-color: transparent; } + +/*********** + * Colours * + ***********/ +@define-color theme_fg_color #ECEFF1; +@define-color theme_inverted_fg_color #ECEFF1; +@define-color theme_text_color #ECEFF1; +@define-color theme_bg_color #3e515a; +@define-color theme_base_color #455A64; +@define-color theme_selected_bg_color #C5A68E; +@define-color theme_selected_fg_color #FFFFFF; +@define-color insensitive_bg_color #3e515a; +@define-color insensitive_fg_color rgba(236, 239, 241, 0.3); +@define-color insensitive_base_color #42565f; +@define-color theme_unfocused_fg_color rgba(236, 239, 241, 0.3); +@define-color theme_unfocused_inverted_fg_color rgba(236, 239, 241, 0.3); +@define-color theme_unfocused_text_color rgba(236, 239, 241, 0.3); +@define-color theme_unfocused_inverted_text_color rgba(236, 239, 241, 0.3); +@define-color theme_unfocused_bg_color #3e515a; +@define-color theme_unfocused_base_color #455A64; +@define-color theme_unfocused_selected_bg_color #C5A68E; +@define-color theme_unfocused_selected_fg_color #FFFFFF; +@define-color placeholder_text_color #607D8B; +@define-color borders rgba(0, 0, 0, 0.11); +@define-color unfocused_borders rgba(0, 0, 0, 0.11); +@define-color warning_color #FF9800; +@define-color error_color #F44336; +@define-color success_color #00E676; +@define-color link_color #03A9F4; +@define-color wm_bg_a #322F22; +@define-color wm_bg_b rgba(255, 255, 255, 0.07); +@define-color content_view_bg #455A64;
A
themes/whitey/gtk-3.0/gtk-dark.scss
@@ -0,0 +1,8 @@
+$variant: 'dark'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'misc'; // specific styling for Gnome-hosted apps +@import '3rd-party'; // other apps styling +@import 'colors-public';
A
themes/whitey/gtk-3.0/gtk.css
@@ -0,0 +1,7388 @@
+/****************** + * Ripple effects * + ******************/ +@keyframes ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } } +@keyframes flat_ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } } +@keyframes list_ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } } +* { + transition-property: opacity, border-color, border-image, background-color, background-image, box-shadow, icon-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.2s; } + +/***************** + * Common States * + *****************/ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #F44336; + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 16; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + -GtkToolItemGroup-expander-size: 11; + -GtkExpander-expander-size: 16; + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + -GtkWidget-link-color: #E8E8E8; + -GtkWidget-visited-link-color: #9C27B0; + -GtkWidget-text-handle-width: 16; + -GtkWidget-text-handle-height: 16; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + -GtkStatusbar-shadow-type: none; + outline-style: solid; + outline-width: 2px; + outline-color: alpha(currentColor, 0.2); + outline-offset: -4px; + outline-radius: 2px; + text-shadow: none; + icon-shadow: none; } + +/*************** + * Base States * + ***************/ +.background { + background-color: #FFFFFF; + color: #263238; } + +*:insensitive { + -gtk-image-effect: dim; } + +.titlebar *:backdrop, +.header-bar *:backdrop { + opacity: 0.75; + transition: 0.2s; } + +.gtkstyle-fallback { + background-color: #FFFFFF; + color: #263238; } + .gtkstyle-fallback:prelight { + background-color: #eaeef2; + color: #263238; } + .gtkstyle-fallback:active { + background-color: #dae2e9; + color: #263238; } + .gtkstyle-fallback:insensitive { + background-color: #FFFFFF; + color: rgba(38, 50, 56, 0.3); } + .gtkstyle-fallback:selected { + background-color: #E8E8E8; + color: #FFFFFF; } + +.view { + background-color: #FFFFFF; + color: #263238; } + .view:hover, .view:active, .view:selected { + border-radius: 2px; } + .view:insensitive { + color: rgba(38, 50, 56, 0.3); } + +.rubberband, GtkTreeView.view.rubberband, .content-view.rubberband { + border: 1px solid #4DD0E1; + background-color: rgba(77, 208, 225, 0.2); } + +.label.separator { + color: #263238; } +.label:insensitive { + color: rgba(38, 50, 56, 0.3); } +.label.kudo-label { + color: #263238; } + +.dim-label, .label.separator, .titlebar .title:backdrop, +.header-bar .title:backdrop, .titlebar .subtitle, +.header-bar .subtitle, .titlebar .subtitle:backdrop, +.header-bar .subtitle:backdrop { + opacity: 0.55; } + +GtkAssistant .sidebar { + padding: 0.5em 0; } + GtkAssistant .sidebar:dir(ltr) { + border-right: 1px solid rgba(0, 0, 0, 0.09); } + GtkAssistant .sidebar:dir(rtl) { + border-left: 1px solid rgba(0, 0, 0, 0.09); } + GtkAssistant .sidebar .label { + padding: 0.7em 1em 0.8em; + color: rgba(38, 50, 56, 0.75); + font-weight: 500; } + GtkAssistant .sidebar .label.highlight { + color: #E8E8E8; } +GtkAssistant .header-bar .button.flat:not(:last-child), GtkAssistant .header-bar .button.osd.image-button:not(:last-child), GtkAssistant .header-bar .inline-toolbar .button:not(:last-child), .inline-toolbar GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar .action-bar .button:not(:last-child), .action-bar GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar .inline-toolbar .linked > .button.image-button:not(:last-child):not(.text-button), .inline-toolbar GtkAssistant .header-bar .linked > .button.image-button:not(:last-child):not(.text-button), GtkAssistant .header-bar .inline-toolbar .stack-switcher > .button.image-button:not(:last-child):not(.text-button), .inline-toolbar GtkAssistant .header-bar .stack-switcher > .button.image-button:not(:last-child):not(.text-button), GtkAssistant .header-bar .action-bar .stack-switcher > .button.image-button:not(:last-child):not(.text-button), .action-bar GtkAssistant .header-bar .stack-switcher > .button.image-button:not(:last-child):not(.text-button), GtkAssistant .header-bar .app-notification .button:not(:last-child), .app-notification GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar GeditViewFrame .gedit-search-slider .button:not(:last-child), GeditViewFrame .gedit-search-slider GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar .toolbar .button:not(:last-child), .toolbar GtkAssistant .header-bar .button:not(:last-child), +GtkAssistant .header-bar .button:not(:last-child):not(.suggested-action):not(.destructive-action), GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .button:not(:last-child), .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar .sidebar-button.button:not(:last-child), GtkAssistant .header-bar .info .button:not(:last-child), .info GtkAssistant .header-bar .button:not(:last-child), +GtkAssistant .header-bar .question .button:not(:last-child), +.question GtkAssistant .header-bar .button:not(:last-child), +GtkAssistant .header-bar .warning .button:not(:last-child), +.warning GtkAssistant .header-bar .button:not(:last-child), +GtkAssistant .header-bar .error .button:not(:last-child), +.error GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar GtkScaleButton.button:not(:last-child), +GtkAssistant .header-bar GtkVolumeButton.button:not(:last-child), GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child), GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):first-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):first-child, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):last-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):last-child, +GtkAssistant .header-bar GfCandidatePopup .linked > .button:not(:last-child), +GfCandidatePopup GtkAssistant .header-bar .linked > .button:not(:last-child), GtkAssistant .header-bar MathWindow :not(.titlebar) .button:not(:last-child):not(.flat):not(.titlebutton), MathWindow :not(.titlebar) GtkAssistant .header-bar .button:not(:last-child):not(.flat):not(.titlebutton), GtkAssistant .header-bar MathWindow :not(.header-bar) .button:not(:last-child):not(.flat):not(.titlebutton), MathWindow :not(.header-bar) GtkAssistant .header-bar .button:not(:last-child):not(.flat):not(.titlebutton) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #FFFFFF; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); + background-color: #E8E8E8; + color: rgba(255, 255, 255, 0.85); } + GtkAssistant .header-bar .button.flat:not(:last-child):hover, GtkAssistant .header-bar .button.osd.image-button:not(:last-child):hover, GtkAssistant .header-bar .inline-toolbar .button:not(:last-child):hover, .inline-toolbar GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar .action-bar .button:not(:last-child):hover, .action-bar GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar .app-notification .button:not(:last-child):hover, .app-notification GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar GeditViewFrame .gedit-search-slider .button:not(:last-child):hover, GeditViewFrame .gedit-search-slider GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar .toolbar .button:not(:last-child):hover, .toolbar GtkAssistant .header-bar .button:not(:last-child):hover, + GtkAssistant .header-bar .button:not(:last-child):hover:not(.suggested-action):not(.destructive-action), GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .button:not(:last-child):hover, .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar .sidebar-button.button:not(:last-child):hover, GtkAssistant .header-bar .info .button:not(:last-child):hover, .info GtkAssistant .header-bar .button:not(:last-child):hover, + GtkAssistant .header-bar .question .button:not(:last-child):hover, + .question GtkAssistant .header-bar .button:not(:last-child):hover, + GtkAssistant .header-bar .warning .button:not(:last-child):hover, + .warning GtkAssistant .header-bar .button:not(:last-child):hover, + GtkAssistant .header-bar .error .button:not(:last-child):hover, + .error GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar GtkScaleButton.button:not(:last-child):hover, + GtkAssistant .header-bar GtkVolumeButton.button:not(:last-child):hover, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):hover, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):hover:first-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):hover:first-child, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):hover:last-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):hover:last-child, + GtkAssistant .header-bar GfCandidatePopup .linked > .button:not(:last-child):hover, + GfCandidatePopup GtkAssistant .header-bar .linked > .button:not(:last-child):hover, GtkAssistant .header-bar MathWindow :not(.titlebar) .button:not(:last-child):hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) GtkAssistant .header-bar .button:not(:last-child):hover:not(.flat):not(.titlebutton), GtkAssistant .header-bar MathWindow :not(.header-bar) .button:not(:last-child):hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) GtkAssistant .header-bar .button:not(:last-child):hover:not(.flat):not(.titlebutton) { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #263238; + color: #FFFFFF; } + GtkAssistant .header-bar .button.flat:not(:last-child):active, GtkAssistant .header-bar .button.osd.image-button:not(:last-child):active, GtkAssistant .header-bar .inline-toolbar .button:not(:last-child):active, .inline-toolbar GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar .action-bar .button:not(:last-child):active, .action-bar GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar .app-notification .button:not(:last-child):active, .app-notification GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar GeditViewFrame .gedit-search-slider .button:not(:last-child):active, GeditViewFrame .gedit-search-slider GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar .toolbar .button:not(:last-child):active, .toolbar GtkAssistant .header-bar .button:not(:last-child):active, + GtkAssistant .header-bar .button:not(:last-child):active:not(.suggested-action):not(.destructive-action), GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .button:not(:last-child):active, .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar .sidebar-button.button:not(:last-child):active, GtkAssistant .header-bar .info .button:not(:last-child):active, .info GtkAssistant .header-bar .button:not(:last-child):active, + GtkAssistant .header-bar .question .button:not(:last-child):active, + .question GtkAssistant .header-bar .button:not(:last-child):active, + GtkAssistant .header-bar .warning .button:not(:last-child):active, + .warning GtkAssistant .header-bar .button:not(:last-child):active, + GtkAssistant .header-bar .error .button:not(:last-child):active, + .error GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar GtkScaleButton.button:not(:last-child):active, + GtkAssistant .header-bar GtkVolumeButton.button:not(:last-child):active, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):active, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):active:first-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):active:first-child, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):active:last-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):active:last-child, + GtkAssistant .header-bar GfCandidatePopup .linked > .button:not(:last-child):active, + GfCandidatePopup GtkAssistant .header-bar .linked > .button:not(:last-child):active, GtkAssistant .header-bar MathWindow :not(.titlebar) .button:not(:last-child):active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) GtkAssistant .header-bar .button:not(:last-child):active:not(.flat):not(.titlebutton), GtkAssistant .header-bar MathWindow :not(.header-bar) .button:not(:last-child):active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) GtkAssistant .header-bar .button:not(:last-child):active:not(.flat):not(.titlebutton) { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #263238; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #FFFFFF; + background-color: #E8E8E8; } + GtkAssistant .header-bar .button.flat:not(:last-child):checked, GtkAssistant .header-bar .button.osd.image-button:not(:last-child):checked, GtkAssistant .header-bar .inline-toolbar .button:not(:last-child):checked, .inline-toolbar GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar .action-bar .button:not(:last-child):checked, .action-bar GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar .app-notification .button:not(:last-child):checked, .app-notification GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar GeditViewFrame .gedit-search-slider .button:not(:last-child):checked, GeditViewFrame .gedit-search-slider GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar .toolbar .button:not(:last-child):checked, .toolbar GtkAssistant .header-bar .button:not(:last-child):checked, + GtkAssistant .header-bar .button:not(:last-child):checked:not(.suggested-action):not(.destructive-action), GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .button:not(:last-child):checked, .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar .sidebar-button.button:not(:last-child):checked, GtkAssistant .header-bar .info .button:not(:last-child):checked, .info GtkAssistant .header-bar .button:not(:last-child):checked, + GtkAssistant .header-bar .question .button:not(:last-child):checked, + .question GtkAssistant .header-bar .button:not(:last-child):checked, + GtkAssistant .header-bar .warning .button:not(:last-child):checked, + .warning GtkAssistant .header-bar .button:not(:last-child):checked, + GtkAssistant .header-bar .error .button:not(:last-child):checked, + .error GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar GtkScaleButton.button:not(:last-child):checked, + GtkAssistant .header-bar GtkVolumeButton.button:not(:last-child):checked, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):checked, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):checked:first-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):checked:first-child, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):checked:last-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):checked:last-child, + GtkAssistant .header-bar GfCandidatePopup .linked > .button:not(:last-child):checked, + GfCandidatePopup GtkAssistant .header-bar .linked > .button:not(:last-child):checked, GtkAssistant .header-bar MathWindow :not(.titlebar) .button:not(:last-child):checked:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) GtkAssistant .header-bar .button:not(:last-child):checked:not(.flat):not(.titlebutton), GtkAssistant .header-bar MathWindow :not(.header-bar) .button:not(:last-child):checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) GtkAssistant .header-bar .button:not(:last-child):checked:not(.flat):not(.titlebutton) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #E8E8E8; + color: #FFFFFF; + background-color: #33aba0; + color: #FFFFFF; } + GtkAssistant .header-bar .button.flat:not(:last-child):insensitive, GtkAssistant .header-bar .button.osd.image-button:not(:last-child):insensitive, GtkAssistant .header-bar .inline-toolbar .button:not(:last-child):insensitive, .inline-toolbar GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar .action-bar .button:not(:last-child):insensitive, .action-bar GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar .app-notification .button:not(:last-child):insensitive, .app-notification GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar GeditViewFrame .gedit-search-slider .button:not(:last-child):insensitive, GeditViewFrame .gedit-search-slider GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar .toolbar .button:not(:last-child):insensitive, .toolbar GtkAssistant .header-bar .button:not(:last-child):insensitive, + GtkAssistant .header-bar .button:not(:last-child):insensitive:not(.suggested-action):not(.destructive-action), GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .button:not(:last-child):insensitive, .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar .sidebar-button.button:not(:last-child):insensitive, GtkAssistant .header-bar .info .button:not(:last-child):insensitive, .info GtkAssistant .header-bar .button:not(:last-child):insensitive, + GtkAssistant .header-bar .question .button:not(:last-child):insensitive, + .question GtkAssistant .header-bar .button:not(:last-child):insensitive, + GtkAssistant .header-bar .warning .button:not(:last-child):insensitive, + .warning GtkAssistant .header-bar .button:not(:last-child):insensitive, + GtkAssistant .header-bar .error .button:not(:last-child):insensitive, + .error GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar GtkScaleButton.button:not(:last-child):insensitive, + GtkAssistant .header-bar GtkVolumeButton.button:not(:last-child):insensitive, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):insensitive, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):insensitive:first-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):insensitive:first-child, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):insensitive:last-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):insensitive:last-child, + GtkAssistant .header-bar GfCandidatePopup .linked > .button:not(:last-child):insensitive, + GfCandidatePopup GtkAssistant .header-bar .linked > .button:not(:last-child):insensitive, GtkAssistant .header-bar MathWindow :not(.titlebar) .button:not(:last-child):insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) GtkAssistant .header-bar .button:not(:last-child):insensitive:not(.flat):not(.titlebutton), GtkAssistant .header-bar MathWindow :not(.header-bar) .button:not(:last-child):insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) GtkAssistant .header-bar .button:not(:last-child):insensitive:not(.flat):not(.titlebutton) { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(38, 50, 56, 0.225); } + GtkAssistant .header-bar .button.flat:not(:last-child):insensitive > .label, GtkAssistant .header-bar .button.osd.image-button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .inline-toolbar .button:not(:last-child):insensitive > .label, .inline-toolbar GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .action-bar .button:not(:last-child):insensitive > .label, .action-bar GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .inline-toolbar .linked > .button:not(:last-child):insensitive > .label, .inline-toolbar GtkAssistant .header-bar .linked > .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .action-bar .linked > .button:not(:last-child):insensitive > .label, .action-bar GtkAssistant .header-bar .linked > .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .inline-toolbar .stack-switcher > .button:not(:last-child):insensitive > .label, .inline-toolbar GtkAssistant .header-bar .stack-switcher > .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .action-bar .stack-switcher > .button:not(:last-child):insensitive > .label, .action-bar GtkAssistant .header-bar .stack-switcher > .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .app-notification .button:not(:last-child):insensitive > .label, .app-notification GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar GeditViewFrame .gedit-search-slider .button:not(:last-child):insensitive > .label, GeditViewFrame .gedit-search-slider GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .toolbar .button:not(:last-child):insensitive > .label, .toolbar GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .titlebar .button:not(:last-child):insensitive:not(.suggested-action):not(.destructive-action) > .label, + GtkAssistant .header-bar .button:not(:last-child):insensitive:not(.suggested-action):not(.destructive-action) > .label, GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .button:not(:last-child):insensitive > .label, .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, + GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .linked > .button:not(:last-child):insensitive > .label, + .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .linked > .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .sidebar-button.button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .info .button:not(:last-child):insensitive > .label, .info GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, + GtkAssistant .header-bar .question .button:not(:last-child):insensitive > .label, + .question GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, + GtkAssistant .header-bar .warning .button:not(:last-child):insensitive > .label, + .warning GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, + GtkAssistant .header-bar .error .button:not(:last-child):insensitive > .label, + .error GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar GtkScaleButton.button:not(:last-child):insensitive > .label, + GtkAssistant .header-bar GtkVolumeButton.button:not(:last-child):insensitive > .label, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):insensitive > .label, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):insensitive:first-child > .label, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):insensitive:first-child > .label, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):insensitive:last-child > .label, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):insensitive:last-child > .label, + GtkAssistant .header-bar GfCandidatePopup .linked > .button:not(:last-child):insensitive > .label, + GfCandidatePopup GtkAssistant .header-bar .linked > .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar MathWindow :not(.titlebar) .button:not(:last-child):insensitive:not(.flat):not(.titlebutton) > .label, MathWindow :not(.titlebar) GtkAssistant .header-bar .button:not(:last-child):insensitive:not(.flat):not(.titlebutton) > .label, GtkAssistant .header-bar MathWindow :not(.header-bar) .button:not(:last-child):insensitive:not(.flat):not(.titlebutton) > .label, MathWindow :not(.header-bar) GtkAssistant .header-bar .button:not(:last-child):insensitive:not(.flat):not(.titlebutton) > .label { + color: inherit; } + +GtkTextView { + background-color: #FFFFFF; } + +.grid-child { + padding: 4px; + border-radius: 2px; } + +.popover.osd, .app-notification, +.app-notification.frame, .osd .scale-popup, .floating-bar, .osd { + opacity: 0.9; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes colorful_bar { + 0% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(0, 1); } + 24.9% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(1, 1); } + 25% { + -gtk-icon-source: url("assets/bar-yellow.svg"); + -gtk-icon-transform: scale(1, 1); } + 49.9% { + -gtk-icon-source: url("assets/bar-yellow.svg"); + -gtk-icon-transform: scale(0, 1); } + 50% { + -gtk-icon-source: url("assets/bar-green.svg"); + -gtk-icon-transform: scale(0, 1); } + 74.9% { + -gtk-icon-source: url("assets/bar-green.svg"); + -gtk-icon-transform: scale(1, 1); } + 75% { + -gtk-icon-source: url("assets/bar-blue.svg"); + -gtk-icon-transform: scale(1, 1); } + 99.9% { + -gtk-icon-source: url("assets/bar-blue.svg"); + -gtk-icon-transform: scale(0, 1); } + 100% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(0, 1); } } +.spinner { + background-color: blue; + background-image: none; + opacity: 0; + -gtk-icon-source: url("assets/bar-red.svg"); } + .spinner:active { + opacity: 1.0; + animation: colorful_bar 2s linear infinite; } + .spinner:active:insensitive { + opacity: 0.4; } + .spinner:active:backdrop { + opacity: 1.0; } + .spinner:backdrop { + opacity: 0; } + +/**************** + * Text Entries * + ****************/ +.entry { + padding: 0.75em 1em 0.8em; + border-radius: 0; + outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + .entry:focus { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + .entry:insensitive { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); } + .entry.flat, .linked > .entry:not(.flat), .linked.vertical > .entry:not(.flat), .notebook:not(.reorderable-page) > .entry { + border-radius: 0; + outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + .entry.flat:focus, .linked > .entry:focus:not(.flat), .notebook:not(.reorderable-page) > .entry:focus { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + .entry.flat:insensitive, .linked > .entry:insensitive:not(.flat), .notebook:not(.reorderable-page) > .entry:insensitive { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(38, 50, 56, 0.3); } + .entry.image.left { + padding-left: 0.1em; } + .entry.image.right { + padding-right: 0.1em; } + .linked > .entry:not(.flat), .linked.vertical > .entry:not(.flat) { + border-radius: 0; + outline-radius: 0; } + .entry.error { + border-radius: 0; + outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + .entry.error:focus { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + .entry.error:insensitive { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); } + .entry.error.flat, .linked > .error.entry:not(.flat), .notebook:not(.reorderable-page) > .error.entry { + border-radius: 0; + outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + .entry.error.flat:focus, .linked > .error.entry:focus:not(.flat), .notebook:not(.reorderable-page) > .error.entry:focus { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + .entry.error.flat:insensitive, .linked > .error.entry:insensitive:not(.flat), .notebook:not(.reorderable-page) > .error.entry:insensitive { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(38, 50, 56, 0.3); } + .entry.warning { + border-radius: 0; + outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + .entry.warning:focus { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FF9800), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + .entry.warning:insensitive { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); } + .entry.warning.flat, .linked > .warning.entry:not(.flat), .notebook:not(.reorderable-page) > .warning.entry { + border-radius: 0; + outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + .entry.warning.flat:focus, .linked > .warning.entry:focus:not(.flat), .notebook:not(.reorderable-page) > .warning.entry:focus { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FF9800), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + .entry.warning.flat:insensitive, .linked > .warning.entry:insensitive:not(.flat), .notebook:not(.reorderable-page) > .warning.entry:insensitive { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(38, 50, 56, 0.3); } + .entry.image:not(:hover):not(:active) { + color: alpha(currentColor, 0.75); } + .entry.image:active { + color: #E8E8E8; } + .entry.image:insensitive { + color: alpha(currentColor, 0.6); } + GtkTreeView .entry.flat:focus, GtkTreeView .linked > .entry:focus:not(.flat), GtkTreeView .notebook:not(.reorderable-page) > .entry:focus { + padding: 1px; + border-radius: 0; + border-image: none; + background-color: #FFFFFF; + color: #263238; + box-shadow: none; + transition: none; } + GtkTreeView .entry:insensitive, GtkTreeView .entry.flat:insensitive, GtkTreeView .linked > .entry:insensitive:not(.flat), GtkTreeView .notebook:not(.reorderable-page) > .entry:insensitive { + color: rgba(38, 50, 56, 0.3); } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#E8E8E8), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E8E8E8), to(transparent)); } } +.button { + padding: 0.7em 1em 0.8em; + border-radius: 2px; + background-repeat: no-repeat; + background-position: center, center; + background-size: 7.5em 7.5em, auto; + font-weight: 500; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #FFFFFF; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); } + .button:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #263238; } + .button:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #263238; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .button:insensitive { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(38, 50, 56, 0.225); } + .button:insensitive > .label { + color: inherit; } + .button:checked { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #E8E8E8; + color: #FFFFFF; } + .button:checked:insensitive { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(0, 188, 212, 0.4); } + .button:checked:insensitive > .label { + color: inherit; } + .button.flat, .button.osd.image-button, .inline-toolbar .button, .inline-toolbar .button.image-button:not(.text-button), .action-bar .button, .action-bar .button.image-button:not(.text-button), .inline-toolbar .linked > .button, .inline-toolbar .linked > .button.image-button:not(.text-button), .action-bar .linked > .button, .action-bar .linked > .button.image-button:not(.text-button), .inline-toolbar .stack-switcher > .button, .inline-toolbar .stack-switcher > .button.image-button:not(.text-button), .action-bar .stack-switcher > .button, .action-bar .stack-switcher > .button.image-button:not(.text-button), .osd .toolbar .button, .toolbar.osd .button, .app-notification .button, + .app-notification.frame .button, GeditViewFrame .gedit-search-slider .button, .toolbar .button, .titlebar .button:not(.suggested-action):not(.destructive-action), + .header-bar .button:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button, + .message-dialog.csd .dialog-action-area .linked > .button, .sidebar-button.button, .info .button, + .question .button, + .warning .button, + .error .button, GtkScaleButton.button, + GtkVolumeButton.button, GfCandidatePopup .button, GfCandidatePopup .button:first-child, GfCandidatePopup .button:last-child, + GfCandidatePopup .linked > .button, + GfCandidatePopup .linked > .button:first-child, + GfCandidatePopup .linked > .button:last-child, MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), + .action-bar .linked > .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } + .button.flat:hover, .button.osd.image-button:hover, .inline-toolbar .button:hover, .inline-toolbar .button.image-button:hover:not(.text-button), .action-bar .button:hover, .action-bar .button.image-button:hover:not(.text-button), .app-notification .button:hover, GeditViewFrame .gedit-search-slider .button:hover, .toolbar .button:hover, .titlebar .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .button:hover:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:hover, .sidebar-button.button:hover, .info .button:hover, + .question .button:hover, + .warning .button:hover, + .error .button:hover, GtkScaleButton.button:hover, + GtkVolumeButton.button:hover, GfCandidatePopup .button:hover, + GfCandidatePopup .linked > .button:hover:first-child, + GfCandidatePopup .linked > .button:hover:last-child, MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), + .action-bar .linked > .button.image-button:hover, NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + .button.flat:active, .button.osd.image-button:active, .inline-toolbar .button:active, .inline-toolbar .button.image-button:active:not(.text-button), .action-bar .button:active, .action-bar .button.image-button:active:not(.text-button), .app-notification .button:active, GeditViewFrame .gedit-search-slider .button:active, .toolbar .button:active, .titlebar .button:active:not(.suggested-action):not(.destructive-action), + .header-bar .button:active:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:active, .sidebar-button.button:active, .info .button:active, + .question .button:active, + .warning .button:active, + .error .button:active, GtkScaleButton.button:active, + GtkVolumeButton.button:active, GfCandidatePopup .button:active, + GfCandidatePopup .linked > .button:active:first-child, + GfCandidatePopup .linked > .button:active:last-child, MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), + .action-bar .linked > .button.image-button:active, NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .button.flat:insensitive, .button.osd.image-button:insensitive, .inline-toolbar .button:insensitive, .inline-toolbar .button.image-button:insensitive:not(.text-button), .action-bar .button:insensitive, .action-bar .button.image-button:insensitive:not(.text-button), .app-notification .button:insensitive, GeditViewFrame .gedit-search-slider .button:insensitive, .toolbar .button:insensitive, .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:insensitive, .sidebar-button.button:insensitive, .info .button:insensitive, + .question .button:insensitive, + .warning .button:insensitive, + .error .button:insensitive, GtkScaleButton.button:insensitive, + GtkVolumeButton.button:insensitive, GfCandidatePopup .button:insensitive, + GfCandidatePopup .linked > .button:insensitive:first-child, + GfCandidatePopup .linked > .button:insensitive:last-child, MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), + .action-bar .linked > .button.image-button:insensitive, NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:insensitive { + box-shadow: none; + background-color: transparent; } + .button.flat:checked, .button.osd.image-button:checked, .inline-toolbar .button:checked, .inline-toolbar .button.image-button:checked:not(.text-button), .action-bar .button:checked, .action-bar .button.image-button:checked:not(.text-button), .app-notification .button:checked, GeditViewFrame .gedit-search-slider .button:checked, .toolbar .button:checked, .titlebar .button:checked:not(.suggested-action):not(.destructive-action), + .header-bar .button:checked:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:checked, .sidebar-button.button:checked, .info .button:checked, + .question .button:checked, + .warning .button:checked, + .error .button:checked, GtkScaleButton.button:checked, + GtkVolumeButton.button:checked, GfCandidatePopup .button:checked, + GfCandidatePopup .linked > .button:checked:first-child, + GfCandidatePopup .linked > .button:checked:last-child, MathWindow :not(.titlebar) .button:checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:checked:not(.flat):not(.titlebutton), + .action-bar .linked > .button.image-button:checked, NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; } + .button.flat:checked:insensitive > .label, .button.osd.image-button:checked:insensitive > .label, .inline-toolbar .button:checked:insensitive > .label, .action-bar .button:checked:insensitive > .label, .inline-toolbar .linked > .button:checked:insensitive > .label, .action-bar .linked > .button:checked:insensitive > .label, .inline-toolbar .stack-switcher > .button:checked:insensitive > .label, .action-bar .stack-switcher > .button:checked:insensitive > .label, .app-notification .button:checked:insensitive > .label, GeditViewFrame .gedit-search-slider .button:checked:insensitive > .label, .toolbar .button:checked:insensitive > .label, .titlebar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, + .header-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .message-dialog.csd .dialog-action-area .button:checked:insensitive > .label, + .message-dialog.csd .dialog-action-area .linked > .button:checked:insensitive > .label, .sidebar-button.button:checked:insensitive > .label, .info .button:checked:insensitive > .label, + .question .button:checked:insensitive > .label, + .warning .button:checked:insensitive > .label, + .error .button:checked:insensitive > .label, GtkScaleButton.button:checked:insensitive > .label, + GtkVolumeButton.button:checked:insensitive > .label, GfCandidatePopup .button:checked:insensitive > .label, GfCandidatePopup .button:checked:insensitive:first-child > .label, GfCandidatePopup .button:checked:insensitive:last-child > .label, + GfCandidatePopup .linked > .button:checked:insensitive > .label, MathWindow :not(.titlebar) .button:checked:insensitive:not(.flat):not(.titlebutton) > .label, MathWindow :not(.header-bar) .button:checked:insensitive:not(.flat):not(.titlebutton) > .label { + color: inherit; } + .linked > .button.flat, .linked > .button.osd.image-button, .inline-toolbar .linked > .button, .inline-toolbar .linked > .button.image-button:not(.text-button), .action-bar .linked > .button, .action-bar .linked > .button.image-button:not(.text-button), .app-notification .linked > .button, GeditViewFrame .gedit-search-slider .linked > .button, .toolbar .linked > .button, .titlebar .linked > .button:not(.suggested-action):not(.destructive-action), + .header-bar .linked > .button:not(.suggested-action):not(.destructive-action), + .message-dialog.csd .dialog-action-area .linked > .button, .linked > .sidebar-button.button, .info .linked > .button, + .question .linked > .button, + .warning .linked > .button, + .error .linked > .button, .linked > GtkScaleButton.button, + .linked > GtkVolumeButton.button, GfCandidatePopup .linked > .button, + GfCandidatePopup .linked > .button:first-child, + GfCandidatePopup .linked > .button:last-child, MathWindow :not(.titlebar) .linked > .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .linked > .button:not(.flat):not(.titlebutton), + .action-bar .linked > .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .linked > .button.image-button { + border-radius: 2px; } + .linked > .button.flat.image-button, .linked > .image-button.button.osd, .inline-toolbar .linked > .image-button.button, .inline-toolbar .linked > .image-button.button:not(.text-button), .action-bar .linked > .image-button.button, .action-bar .linked > .image-button.button:not(.text-button), .app-notification .linked > .image-button.button, GeditViewFrame .gedit-search-slider .linked > .image-button.button, .toolbar .linked > .image-button.button, .titlebar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), + .header-bar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), + .message-dialog.csd .dialog-action-area .linked > .image-button.button, .linked > .image-button.sidebar-button.button, .info .linked > .image-button.button, + .question .linked > .image-button.button, + .warning .linked > .image-button.button, + .error .linked > .image-button.button, .linked > GtkScaleButton.image-button.button, + .linked > GtkVolumeButton.image-button.button, GfCandidatePopup .linked > .image-button.button, MathWindow :not(.titlebar) .linked > .image-button.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .linked > .image-button.button:not(.flat):not(.titlebutton) { + outline-radius: 100px; + border-radius: 100px; } + .button.osd.image-button { + padding: 1.3em; + background-color: #FFFFFF; } + .button.osd.image-button:not(:active):not(:insensitive):not(hover) { + color: #E8E8E8; } + .button.osd.image-button:hover { + color: #E8E8E8; + background-color: rgba(42, 55, 62, 0.7); + background-image: linear-gradient(to bottom, alpha(currentColor, 0.2)); } + .button.osd.image-button:active { + color: #E8E8E8; + background-color: rgba(42, 55, 62, 0.7); + background-image: linear-gradient(to bottom, rgba(236, 239, 241, 0.1)); } + .button.osd:insensitive { + opacity: 0; } + .button.suggested-action, .raven .raven-header > .button.text-button { + background-color: #E8E8E8; + color: rgba(255, 255, 255, 0.85); } + .button.suggested-action:hover, .raven .raven-header > .button.text-button:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #263238; + background-color: #E8E8E8; + color: #FFFFFF; } + .button.suggested-action:active, .raven .raven-header > .button.text-button:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #263238; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: #E8E8E8; + color: #FFFFFF; } + .button.suggested-action:checked, .raven .raven-header > .button.text-button:checked { + background-color: #33aba0; } + .button.suggested-action:insensitive, .raven .raven-header > .button.text-button:insensitive { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(38, 50, 56, 0.3); } + .button.suggested-action:insensitive > .label, .raven .raven-header > .button.text-button:insensitive > .label { + color: inherit; } + .button.suggested-action.flat, .suggested-action.button.osd.image-button, .raven .raven-header > .osd.image-button.button.text-button, .inline-toolbar .suggested-action.button, .inline-toolbar .raven .raven-header > .button.text-button, .raven .inline-toolbar .raven-header > .button.text-button, .inline-toolbar .suggested-action.button.image-button:not(.text-button), .inline-toolbar .raven .raven-header > .image-button.button.text-button:not(.text-button), .raven .inline-toolbar .raven-header > .image-button.button.text-button:not(.text-button), .action-bar .suggested-action.button, .action-bar .raven .raven-header > .button.text-button, .raven .action-bar .raven-header > .button.text-button, .action-bar .suggested-action.button.image-button:not(.text-button), .action-bar .raven .raven-header > .image-button.button.text-button:not(.text-button), .raven .action-bar .raven-header > .image-button.button.text-button:not(.text-button), .inline-toolbar .linked > .suggested-action.button, .inline-toolbar .raven .raven-header.linked > .button.text-button, .raven .inline-toolbar .raven-header.linked > .button.text-button, .inline-toolbar .linked > .suggested-action.button.image-button:not(.text-button), .inline-toolbar .raven .raven-header.linked > .image-button.button.text-button:not(.text-button), .raven .inline-toolbar .raven-header.linked > .image-button.button.text-button:not(.text-button), .action-bar .linked > .suggested-action.button, .action-bar .raven .raven-header.linked > .button.text-button, .raven .action-bar .raven-header.linked > .button.text-button, .action-bar .linked > .suggested-action.button.image-button:not(.text-button), .action-bar .raven .raven-header.linked > .image-button.button.text-button:not(.text-button), .raven .action-bar .raven-header.linked > .image-button.button.text-button:not(.text-button), .inline-toolbar .stack-switcher > .suggested-action.button, .inline-toolbar .raven .raven-header.stack-switcher > .button.text-button, .raven .inline-toolbar .raven-header.stack-switcher > .button.text-button, .inline-toolbar .stack-switcher > .suggested-action.button.image-button:not(.text-button), .inline-toolbar .raven .raven-header.stack-switcher > .image-button.button.text-button:not(.text-button), .raven .inline-toolbar .raven-header.stack-switcher > .image-button.button.text-button:not(.text-button), .action-bar .stack-switcher > .suggested-action.button, .action-bar .raven .raven-header.stack-switcher > .button.text-button, .raven .action-bar .raven-header.stack-switcher > .button.text-button, .action-bar .stack-switcher > .suggested-action.button.image-button:not(.text-button), .action-bar .raven .raven-header.stack-switcher > .image-button.button.text-button:not(.text-button), .raven .action-bar .raven-header.stack-switcher > .image-button.button.text-button:not(.text-button), .osd .toolbar .suggested-action.button, .osd .toolbar .raven .raven-header > .button.text-button, .raven .osd .toolbar .raven-header > .button.text-button, .toolbar.osd .suggested-action.button, .app-notification .suggested-action.button, GeditViewFrame .gedit-search-slider .suggested-action.button, .toolbar.osd .raven .raven-header > .button.text-button, .raven .toolbar.osd .raven-header > .button.text-button, .app-notification .raven .raven-header > .button.text-button, .raven .app-notification .raven-header > .button.text-button, GeditViewFrame .gedit-search-slider .raven .raven-header > .button.text-button, .raven GeditViewFrame .gedit-search-slider .raven-header > .button.text-button, .toolbar .suggested-action.button, .toolbar .raven .raven-header > .button.text-button, .raven .toolbar .raven-header > .button.text-button, .titlebar .suggested-action.button:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header > .button.text-button:not(.suggested-action):not(.destructive-action), .raven .titlebar .raven-header > .button.text-button:not(.suggested-action):not(.destructive-action), + .header-bar .suggested-action.button:not(.suggested-action):not(.destructive-action), + .header-bar .raven .raven-header > .button.text-button:not(.suggested-action):not(.destructive-action), + .raven .header-bar .raven-header > .button.text-button:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .suggested-action.button, .message-dialog.csd .dialog-action-area .raven .raven-header > .button.text-button, .raven .message-dialog.csd .dialog-action-area .raven-header > .button.text-button, + .message-dialog.csd .dialog-action-area .linked > .suggested-action.button, + .message-dialog.csd .dialog-action-area .raven .raven-header.linked > .button.text-button, + .raven .message-dialog.csd .dialog-action-area .raven-header.linked > .button.text-button, .suggested-action.sidebar-button.button, .raven .raven-header > .sidebar-button.button.text-button, .info .suggested-action.button, .info .raven .raven-header > .button.text-button, .raven .info .raven-header > .button.text-button, + .question .suggested-action.button, + .question .raven .raven-header > .button.text-button, + .raven .question .raven-header > .button.text-button, + .warning .suggested-action.button, + .warning .raven .raven-header > .button.text-button, + .raven .warning .raven-header > .button.text-button, + .error .suggested-action.button, + .error .raven .raven-header > .button.text-button, + .raven .error .raven-header > .button.text-button, GtkScaleButton.suggested-action.button, .raven .raven-header > GtkScaleButton.button.text-button, + GtkVolumeButton.suggested-action.button, + .raven .raven-header > GtkVolumeButton.button.text-button, GfCandidatePopup .suggested-action.button, GfCandidatePopup .raven .raven-header > .button.text-button, .raven GfCandidatePopup .raven-header > .button.text-button, GfCandidatePopup .suggested-action.button:first-child, GfCandidatePopup .raven .raven-header > .button.text-button:first-child, .raven GfCandidatePopup .raven-header > .button.text-button:first-child, GfCandidatePopup .suggested-action.button:last-child, GfCandidatePopup .raven .raven-header > .button.text-button:last-child, .raven GfCandidatePopup .raven-header > .button.text-button:last-child, + GfCandidatePopup .linked > .suggested-action.button, + GfCandidatePopup .raven .raven-header.linked > .button.text-button, + .raven GfCandidatePopup .raven-header.linked > .button.text-button, + GfCandidatePopup .linked > .suggested-action.button:first-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:first-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:first-child, + GfCandidatePopup .linked > .suggested-action.button:last-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:last-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:last-child, MathWindow :not(.titlebar) .suggested-action.button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .suggested-action.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:not(.flat):not(.titlebutton), + .action-bar .linked > .suggested-action.button.image-button, + .action-bar .raven .raven-header.linked > .image-button.button.text-button, + .raven .action-bar .raven-header.linked > .image-button.button.text-button, .raven .raven-header > .flat.button.text-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .suggested-action.button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .raven .raven-header > .image-button.button.text-button, .raven NemoWindow GtkGrid > GtkEventBox > .toolbar .raven-header > .image-button.button.text-button { + background-color: transparent; + color: #E8E8E8; } + .button.suggested-action.flat:hover, .suggested-action.button.osd.image-button:hover, .raven .raven-header > .osd.image-button.button.text-button:hover, .inline-toolbar .suggested-action.button:hover, .inline-toolbar .raven .raven-header > .button.text-button:hover, .raven .inline-toolbar .raven-header > .button.text-button:hover, .inline-toolbar .suggested-action.button.image-button:hover:not(.text-button), .inline-toolbar .raven .raven-header > .image-button.button.text-button:hover:not(.text-button), .raven .inline-toolbar .raven-header > .image-button.button.text-button:hover:not(.text-button), .action-bar .suggested-action.button:hover, .action-bar .raven .raven-header > .button.text-button:hover, .raven .action-bar .raven-header > .button.text-button:hover, .action-bar .suggested-action.button.image-button:hover:not(.text-button), .action-bar .raven .raven-header > .image-button.button.text-button:hover:not(.text-button), .raven .action-bar .raven-header > .image-button.button.text-button:hover:not(.text-button), .inline-toolbar .linked > .suggested-action.button:hover, .inline-toolbar .raven .raven-header.linked > .button.text-button:hover, .raven .inline-toolbar .raven-header.linked > .button.text-button:hover, .inline-toolbar .linked > .suggested-action.button.image-button:hover:not(.text-button), .inline-toolbar .raven .raven-header.linked > .image-button.button.text-button:hover:not(.text-button), .raven .inline-toolbar .raven-header.linked > .image-button.button.text-button:hover:not(.text-button), .action-bar .linked > .suggested-action.button:hover, .action-bar .raven .raven-header.linked > .button.text-button:hover, .raven .action-bar .raven-header.linked > .button.text-button:hover, .action-bar .linked > .suggested-action.button.image-button:hover:not(.text-button), .action-bar .raven .raven-header.linked > .image-button.button.text-button:hover:not(.text-button), .raven .action-bar .raven-header.linked > .image-button.button.text-button:hover:not(.text-button), .inline-toolbar .stack-switcher > .suggested-action.button:hover, .inline-toolbar .raven .raven-header.stack-switcher > .button.text-button:hover, .raven .inline-toolbar .raven-header.stack-switcher > .button.text-button:hover, .inline-toolbar .stack-switcher > .suggested-action.button.image-button:hover:not(.text-button), .inline-toolbar .raven .raven-header.stack-switcher > .image-button.button.text-button:hover:not(.text-button), .raven .inline-toolbar .raven-header.stack-switcher > .image-button.button.text-button:hover:not(.text-button), .action-bar .stack-switcher > .suggested-action.button:hover, .action-bar .raven .raven-header.stack-switcher > .button.text-button:hover, .raven .action-bar .raven-header.stack-switcher > .button.text-button:hover, .action-bar .stack-switcher > .suggested-action.button.image-button:hover:not(.text-button), .action-bar .raven .raven-header.stack-switcher > .image-button.button.text-button:hover:not(.text-button), .raven .action-bar .raven-header.stack-switcher > .image-button.button.text-button:hover:not(.text-button), .osd .toolbar .suggested-action.button:hover, .osd .toolbar .raven .raven-header > .button.text-button:hover, .raven .osd .toolbar .raven-header > .button.text-button:hover, .toolbar.osd .suggested-action.button:hover, .app-notification .suggested-action.button:hover, GeditViewFrame .gedit-search-slider .suggested-action.button:hover, .toolbar.osd .raven .raven-header > .button.text-button:hover, .raven .toolbar.osd .raven-header > .button.text-button:hover, .app-notification .raven .raven-header > .button.text-button:hover, .raven .app-notification .raven-header > .button.text-button:hover, GeditViewFrame .gedit-search-slider .raven .raven-header > .button.text-button:hover, .raven GeditViewFrame .gedit-search-slider .raven-header > .button.text-button:hover, .toolbar .suggested-action.button:hover, .toolbar .raven .raven-header > .button.text-button:hover, .raven .toolbar .raven-header > .button.text-button:hover, .titlebar .suggested-action.button:hover:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header > .button.text-button:hover:not(.suggested-action):not(.destructive-action), .raven .titlebar .raven-header > .button.text-button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .suggested-action.button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .raven .raven-header > .button.text-button:hover:not(.suggested-action):not(.destructive-action), + .raven .header-bar .raven-header > .button.text-button:hover:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .suggested-action.button:hover, .message-dialog.csd .dialog-action-area .raven .raven-header > .button.text-button:hover, .raven .message-dialog.csd .dialog-action-area .raven-header > .button.text-button:hover, + .message-dialog.csd .dialog-action-area .linked > .suggested-action.button:hover, + .message-dialog.csd .dialog-action-area .raven .raven-header.linked > .button.text-button:hover, + .raven .message-dialog.csd .dialog-action-area .raven-header.linked > .button.text-button:hover, .suggested-action.sidebar-button.button:hover, .raven .raven-header > .sidebar-button.button.text-button:hover, .info .suggested-action.button:hover, .info .raven .raven-header > .button.text-button:hover, .raven .info .raven-header > .button.text-button:hover, + .question .suggested-action.button:hover, + .question .raven .raven-header > .button.text-button:hover, + .raven .question .raven-header > .button.text-button:hover, + .warning .suggested-action.button:hover, + .warning .raven .raven-header > .button.text-button:hover, + .raven .warning .raven-header > .button.text-button:hover, + .error .suggested-action.button:hover, + .error .raven .raven-header > .button.text-button:hover, + .raven .error .raven-header > .button.text-button:hover, GtkScaleButton.suggested-action.button:hover, .raven .raven-header > GtkScaleButton.button.text-button:hover, + GtkVolumeButton.suggested-action.button:hover, + .raven .raven-header > GtkVolumeButton.button.text-button:hover, GfCandidatePopup .suggested-action.button:hover, GfCandidatePopup .raven .raven-header > .button.text-button:hover, .raven GfCandidatePopup .raven-header > .button.text-button:hover, GfCandidatePopup .suggested-action.button:hover:first-child, GfCandidatePopup .raven .raven-header > .button.text-button:hover:first-child, .raven GfCandidatePopup .raven-header > .button.text-button:hover:first-child, GfCandidatePopup .suggested-action.button:hover:last-child, GfCandidatePopup .raven .raven-header > .button.text-button:hover:last-child, .raven GfCandidatePopup .raven-header > .button.text-button:hover:last-child, + GfCandidatePopup .linked > .suggested-action.button:hover, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:hover, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:hover, + GfCandidatePopup .linked > .suggested-action.button:hover:first-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:hover:first-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:hover:first-child, + GfCandidatePopup .linked > .suggested-action.button:hover:last-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:hover:last-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:hover:last-child, MathWindow :not(.titlebar) .suggested-action.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:hover:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .suggested-action.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:hover:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:hover:not(.flat):not(.titlebutton), + .action-bar .linked > .suggested-action.button.image-button:hover, + .action-bar .raven .raven-header.linked > .image-button.button.text-button:hover, + .raven .action-bar .raven-header.linked > .image-button.button.text-button:hover, .raven .raven-header > .flat.button.text-button:hover, NemoWindow GtkGrid > GtkEventBox > .toolbar .suggested-action.button.image-button:hover, NemoWindow GtkGrid > GtkEventBox > .toolbar .raven .raven-header > .image-button.button.text-button:hover, .raven NemoWindow GtkGrid > GtkEventBox > .toolbar .raven-header > .image-button.button.text-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + .button.suggested-action.flat:active, .suggested-action.button.osd.image-button:active, .raven .raven-header > .osd.image-button.button.text-button:active, .inline-toolbar .suggested-action.button:active, .inline-toolbar .raven .raven-header > .button.text-button:active, .raven .inline-toolbar .raven-header > .button.text-button:active, .inline-toolbar .suggested-action.button.image-button:active:not(.text-button), .inline-toolbar .raven .raven-header > .image-button.button.text-button:active:not(.text-button), .raven .inline-toolbar .raven-header > .image-button.button.text-button:active:not(.text-button), .action-bar .suggested-action.button:active, .action-bar .raven .raven-header > .button.text-button:active, .raven .action-bar .raven-header > .button.text-button:active, .action-bar .suggested-action.button.image-button:active:not(.text-button), .action-bar .raven .raven-header > .image-button.button.text-button:active:not(.text-button), .raven .action-bar .raven-header > .image-button.button.text-button:active:not(.text-button), .inline-toolbar .linked > .suggested-action.button:active, .inline-toolbar .raven .raven-header.linked > .button.text-button:active, .raven .inline-toolbar .raven-header.linked > .button.text-button:active, .inline-toolbar .linked > .suggested-action.button.image-button:active:not(.text-button), .inline-toolbar .raven .raven-header.linked > .image-button.button.text-button:active:not(.text-button), .raven .inline-toolbar .raven-header.linked > .image-button.button.text-button:active:not(.text-button), .action-bar .linked > .suggested-action.button:active, .action-bar .raven .raven-header.linked > .button.text-button:active, .raven .action-bar .raven-header.linked > .button.text-button:active, .action-bar .linked > .suggested-action.button.image-button:active:not(.text-button), .action-bar .raven .raven-header.linked > .image-button.button.text-button:active:not(.text-button), .raven .action-bar .raven-header.linked > .image-button.button.text-button:active:not(.text-button), .inline-toolbar .stack-switcher > .suggested-action.button:active, .inline-toolbar .raven .raven-header.stack-switcher > .button.text-button:active, .raven .inline-toolbar .raven-header.stack-switcher > .button.text-button:active, .inline-toolbar .stack-switcher > .suggested-action.button.image-button:active:not(.text-button), .inline-toolbar .raven .raven-header.stack-switcher > .image-button.button.text-button:active:not(.text-button), .raven .inline-toolbar .raven-header.stack-switcher > .image-button.button.text-button:active:not(.text-button), .action-bar .stack-switcher > .suggested-action.button:active, .action-bar .raven .raven-header.stack-switcher > .button.text-button:active, .raven .action-bar .raven-header.stack-switcher > .button.text-button:active, .action-bar .stack-switcher > .suggested-action.button.image-button:active:not(.text-button), .action-bar .raven .raven-header.stack-switcher > .image-button.button.text-button:active:not(.text-button), .raven .action-bar .raven-header.stack-switcher > .image-button.button.text-button:active:not(.text-button), .osd .toolbar .suggested-action.button:active, .osd .toolbar .raven .raven-header > .button.text-button:active, .raven .osd .toolbar .raven-header > .button.text-button:active, .toolbar.osd .suggested-action.button:active, .app-notification .suggested-action.button:active, GeditViewFrame .gedit-search-slider .suggested-action.button:active, .toolbar.osd .raven .raven-header > .button.text-button:active, .raven .toolbar.osd .raven-header > .button.text-button:active, .app-notification .raven .raven-header > .button.text-button:active, .raven .app-notification .raven-header > .button.text-button:active, GeditViewFrame .gedit-search-slider .raven .raven-header > .button.text-button:active, .raven GeditViewFrame .gedit-search-slider .raven-header > .button.text-button:active, .toolbar .suggested-action.button:active, .toolbar .raven .raven-header > .button.text-button:active, .raven .toolbar .raven-header > .button.text-button:active, .titlebar .suggested-action.button:active:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header > .button.text-button:active:not(.suggested-action):not(.destructive-action), .raven .titlebar .raven-header > .button.text-button:active:not(.suggested-action):not(.destructive-action), + .header-bar .suggested-action.button:active:not(.suggested-action):not(.destructive-action), + .header-bar .raven .raven-header > .button.text-button:active:not(.suggested-action):not(.destructive-action), + .raven .header-bar .raven-header > .button.text-button:active:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .suggested-action.button:active, .message-dialog.csd .dialog-action-area .raven .raven-header > .button.text-button:active, .raven .message-dialog.csd .dialog-action-area .raven-header > .button.text-button:active, + .message-dialog.csd .dialog-action-area .linked > .suggested-action.button:active, + .message-dialog.csd .dialog-action-area .raven .raven-header.linked > .button.text-button:active, + .raven .message-dialog.csd .dialog-action-area .raven-header.linked > .button.text-button:active, .suggested-action.sidebar-button.button:active, .raven .raven-header > .sidebar-button.button.text-button:active, .info .suggested-action.button:active, .info .raven .raven-header > .button.text-button:active, .raven .info .raven-header > .button.text-button:active, + .question .suggested-action.button:active, + .question .raven .raven-header > .button.text-button:active, + .raven .question .raven-header > .button.text-button:active, + .warning .suggested-action.button:active, + .warning .raven .raven-header > .button.text-button:active, + .raven .warning .raven-header > .button.text-button:active, + .error .suggested-action.button:active, + .error .raven .raven-header > .button.text-button:active, + .raven .error .raven-header > .button.text-button:active, GtkScaleButton.suggested-action.button:active, .raven .raven-header > GtkScaleButton.button.text-button:active, + GtkVolumeButton.suggested-action.button:active, + .raven .raven-header > GtkVolumeButton.button.text-button:active, GfCandidatePopup .suggested-action.button:active, GfCandidatePopup .raven .raven-header > .button.text-button:active, .raven GfCandidatePopup .raven-header > .button.text-button:active, GfCandidatePopup .suggested-action.button:active:first-child, GfCandidatePopup .raven .raven-header > .button.text-button:active:first-child, .raven GfCandidatePopup .raven-header > .button.text-button:active:first-child, GfCandidatePopup .suggested-action.button:active:last-child, GfCandidatePopup .raven .raven-header > .button.text-button:active:last-child, .raven GfCandidatePopup .raven-header > .button.text-button:active:last-child, + GfCandidatePopup .linked > .suggested-action.button:active, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:active, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:active, + GfCandidatePopup .linked > .suggested-action.button:active:first-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:active:first-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:active:first-child, + GfCandidatePopup .linked > .suggested-action.button:active:last-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:active:last-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:active:last-child, MathWindow :not(.titlebar) .suggested-action.button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:active:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .suggested-action.button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:active:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:active:not(.flat):not(.titlebutton), + .action-bar .linked > .suggested-action.button.image-button:active, + .action-bar .raven .raven-header.linked > .image-button.button.text-button:active, + .raven .action-bar .raven-header.linked > .image-button.button.text-button:active, .raven .raven-header > .flat.button.text-button:active, NemoWindow GtkGrid > GtkEventBox > .toolbar .suggested-action.button.image-button:active, NemoWindow GtkGrid > GtkEventBox > .toolbar .raven .raven-header > .image-button.button.text-button:active, .raven NemoWindow GtkGrid > GtkEventBox > .toolbar .raven-header > .image-button.button.text-button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(#E8E8E8, 0.2); + color: #E8E8E8; } + .button.suggested-action.flat:checked, .suggested-action.button.osd.image-button:checked, .raven .raven-header > .osd.image-button.button.text-button:checked, .inline-toolbar .suggested-action.button:checked, .inline-toolbar .raven .raven-header > .button.text-button:checked, .raven .inline-toolbar .raven-header > .button.text-button:checked, .inline-toolbar .suggested-action.button.image-button:checked:not(.text-button), .inline-toolbar .raven .raven-header > .image-button.button.text-button:checked:not(.text-button), .raven .inline-toolbar .raven-header > .image-button.button.text-button:checked:not(.text-button), .action-bar .suggested-action.button:checked, .action-bar .raven .raven-header > .button.text-button:checked, .raven .action-bar .raven-header > .button.text-button:checked, .action-bar .suggested-action.button.image-button:checked:not(.text-button), .action-bar .raven .raven-header > .image-button.button.text-button:checked:not(.text-button), .raven .action-bar .raven-header > .image-button.button.text-button:checked:not(.text-button), .inline-toolbar .linked > .suggested-action.button:checked, .inline-toolbar .raven .raven-header.linked > .button.text-button:checked, .raven .inline-toolbar .raven-header.linked > .button.text-button:checked, .inline-toolbar .linked > .suggested-action.button.image-button:checked:not(.text-button), .inline-toolbar .raven .raven-header.linked > .image-button.button.text-button:checked:not(.text-button), .raven .inline-toolbar .raven-header.linked > .image-button.button.text-button:checked:not(.text-button), .action-bar .linked > .suggested-action.button:checked, .action-bar .raven .raven-header.linked > .button.text-button:checked, .raven .action-bar .raven-header.linked > .button.text-button:checked, .action-bar .linked > .suggested-action.button.image-button:checked:not(.text-button), .action-bar .raven .raven-header.linked > .image-button.button.text-button:checked:not(.text-button), .raven .action-bar .raven-header.linked > .image-button.button.text-button:checked:not(.text-button), .inline-toolbar .stack-switcher > .suggested-action.button:checked, .inline-toolbar .raven .raven-header.stack-switcher > .button.text-button:checked, .raven .inline-toolbar .raven-header.stack-switcher > .button.text-button:checked, .inline-toolbar .stack-switcher > .suggested-action.button.image-button:checked:not(.text-button), .inline-toolbar .raven .raven-header.stack-switcher > .image-button.button.text-button:checked:not(.text-button), .raven .inline-toolbar .raven-header.stack-switcher > .image-button.button.text-button:checked:not(.text-button), .action-bar .stack-switcher > .suggested-action.button:checked, .action-bar .raven .raven-header.stack-switcher > .button.text-button:checked, .raven .action-bar .raven-header.stack-switcher > .button.text-button:checked, .action-bar .stack-switcher > .suggested-action.button.image-button:checked:not(.text-button), .action-bar .raven .raven-header.stack-switcher > .image-button.button.text-button:checked:not(.text-button), .raven .action-bar .raven-header.stack-switcher > .image-button.button.text-button:checked:not(.text-button), .osd .toolbar .suggested-action.button:checked, .osd .toolbar .raven .raven-header > .button.text-button:checked, .raven .osd .toolbar .raven-header > .button.text-button:checked, .toolbar.osd .suggested-action.button:checked, .app-notification .suggested-action.button:checked, GeditViewFrame .gedit-search-slider .suggested-action.button:checked, .toolbar.osd .raven .raven-header > .button.text-button:checked, .raven .toolbar.osd .raven-header > .button.text-button:checked, .app-notification .raven .raven-header > .button.text-button:checked, .raven .app-notification .raven-header > .button.text-button:checked, GeditViewFrame .gedit-search-slider .raven .raven-header > .button.text-button:checked, .raven GeditViewFrame .gedit-search-slider .raven-header > .button.text-button:checked, .toolbar .suggested-action.button:checked, .toolbar .raven .raven-header > .button.text-button:checked, .raven .toolbar .raven-header > .button.text-button:checked, .titlebar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header > .button.text-button:checked:not(.suggested-action):not(.destructive-action), .raven .titlebar .raven-header > .button.text-button:checked:not(.suggested-action):not(.destructive-action), + .header-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), + .header-bar .raven .raven-header > .button.text-button:checked:not(.suggested-action):not(.destructive-action), + .raven .header-bar .raven-header > .button.text-button:checked:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .suggested-action.button:checked, .message-dialog.csd .dialog-action-area .raven .raven-header > .button.text-button:checked, .raven .message-dialog.csd .dialog-action-area .raven-header > .button.text-button:checked, + .message-dialog.csd .dialog-action-area .linked > .suggested-action.button:checked, + .message-dialog.csd .dialog-action-area .raven .raven-header.linked > .button.text-button:checked, + .raven .message-dialog.csd .dialog-action-area .raven-header.linked > .button.text-button:checked, .suggested-action.sidebar-button.button:checked, .raven .raven-header > .sidebar-button.button.text-button:checked, .info .suggested-action.button:checked, .info .raven .raven-header > .button.text-button:checked, .raven .info .raven-header > .button.text-button:checked, + .question .suggested-action.button:checked, + .question .raven .raven-header > .button.text-button:checked, + .raven .question .raven-header > .button.text-button:checked, + .warning .suggested-action.button:checked, + .warning .raven .raven-header > .button.text-button:checked, + .raven .warning .raven-header > .button.text-button:checked, + .error .suggested-action.button:checked, + .error .raven .raven-header > .button.text-button:checked, + .raven .error .raven-header > .button.text-button:checked, GtkScaleButton.suggested-action.button:checked, .raven .raven-header > GtkScaleButton.button.text-button:checked, + GtkVolumeButton.suggested-action.button:checked, + .raven .raven-header > GtkVolumeButton.button.text-button:checked, GfCandidatePopup .suggested-action.button:checked, GfCandidatePopup .raven .raven-header > .button.text-button:checked, .raven GfCandidatePopup .raven-header > .button.text-button:checked, GfCandidatePopup .suggested-action.button:checked:first-child, GfCandidatePopup .raven .raven-header > .button.text-button:checked:first-child, .raven GfCandidatePopup .raven-header > .button.text-button:checked:first-child, GfCandidatePopup .suggested-action.button:checked:last-child, GfCandidatePopup .raven .raven-header > .button.text-button:checked:last-child, .raven GfCandidatePopup .raven-header > .button.text-button:checked:last-child, + GfCandidatePopup .linked > .suggested-action.button:checked, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:checked, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:checked, + GfCandidatePopup .linked > .suggested-action.button:checked:first-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:checked:first-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:checked:first-child, + GfCandidatePopup .linked > .suggested-action.button:checked:last-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:checked:last-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:checked:last-child, MathWindow :not(.titlebar) .suggested-action.button:checked:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:checked:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .suggested-action.button:checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:checked:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:checked:not(.flat):not(.titlebutton), + .action-bar .linked > .suggested-action.button.image-button:checked, + .action-bar .raven .raven-header.linked > .image-button.button.text-button:checked, + .raven .action-bar .raven-header.linked > .image-button.button.text-button:checked, .raven .raven-header > .flat.button.text-button:checked, NemoWindow GtkGrid > GtkEventBox > .toolbar .suggested-action.button.image-button:checked, NemoWindow GtkGrid > GtkEventBox > .toolbar .raven .raven-header > .image-button.button.text-button:checked, .raven NemoWindow GtkGrid > GtkEventBox > .toolbar .raven-header > .image-button.button.text-button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; } + .button.suggested-action.flat:insensitive, .suggested-action.button.osd.image-button:insensitive, .raven .raven-header > .osd.image-button.button.text-button:insensitive, .inline-toolbar .suggested-action.button:insensitive, .inline-toolbar .raven .raven-header > .button.text-button:insensitive, .raven .inline-toolbar .raven-header > .button.text-button:insensitive, .inline-toolbar .suggested-action.button.image-button:insensitive:not(.text-button), .inline-toolbar .raven .raven-header > .image-button.button.text-button:insensitive:not(.text-button), .raven .inline-toolbar .raven-header > .image-button.button.text-button:insensitive:not(.text-button), .action-bar .suggested-action.button:insensitive, .action-bar .raven .raven-header > .button.text-button:insensitive, .raven .action-bar .raven-header > .button.text-button:insensitive, .action-bar .suggested-action.button.image-button:insensitive:not(.text-button), .action-bar .raven .raven-header > .image-button.button.text-button:insensitive:not(.text-button), .raven .action-bar .raven-header > .image-button.button.text-button:insensitive:not(.text-button), .inline-toolbar .linked > .suggested-action.button:insensitive, .inline-toolbar .raven .raven-header.linked > .button.text-button:insensitive, .raven .inline-toolbar .raven-header.linked > .button.text-button:insensitive, .inline-toolbar .linked > .suggested-action.button.image-button:insensitive:not(.text-button), .inline-toolbar .raven .raven-header.linked > .image-button.button.text-button:insensitive:not(.text-button), .raven .inline-toolbar .raven-header.linked > .image-button.button.text-button:insensitive:not(.text-button), .action-bar .linked > .suggested-action.button:insensitive, .action-bar .raven .raven-header.linked > .button.text-button:insensitive, .raven .action-bar .raven-header.linked > .button.text-button:insensitive, .action-bar .linked > .suggested-action.button.image-button:insensitive:not(.text-button), .action-bar .raven .raven-header.linked > .image-button.button.text-button:insensitive:not(.text-button), .raven .action-bar .raven-header.linked > .image-button.button.text-button:insensitive:not(.text-button), .inline-toolbar .stack-switcher > .suggested-action.button:insensitive, .inline-toolbar .raven .raven-header.stack-switcher > .button.text-button:insensitive, .raven .inline-toolbar .raven-header.stack-switcher > .button.text-button:insensitive, .inline-toolbar .stack-switcher > .suggested-action.button.image-button:insensitive:not(.text-button), .inline-toolbar .raven .raven-header.stack-switcher > .image-button.button.text-button:insensitive:not(.text-button), .raven .inline-toolbar .raven-header.stack-switcher > .image-button.button.text-button:insensitive:not(.text-button), .action-bar .stack-switcher > .suggested-action.button:insensitive, .action-bar .raven .raven-header.stack-switcher > .button.text-button:insensitive, .raven .action-bar .raven-header.stack-switcher > .button.text-button:insensitive, .action-bar .stack-switcher > .suggested-action.button.image-button:insensitive:not(.text-button), .action-bar .raven .raven-header.stack-switcher > .image-button.button.text-button:insensitive:not(.text-button), .raven .action-bar .raven-header.stack-switcher > .image-button.button.text-button:insensitive:not(.text-button), .osd .toolbar .suggested-action.button:insensitive, .osd .toolbar .raven .raven-header > .button.text-button:insensitive, .raven .osd .toolbar .raven-header > .button.text-button:insensitive, .toolbar.osd .suggested-action.button:insensitive, .app-notification .suggested-action.button:insensitive, GeditViewFrame .gedit-search-slider .suggested-action.button:insensitive, .toolbar.osd .raven .raven-header > .button.text-button:insensitive, .raven .toolbar.osd .raven-header > .button.text-button:insensitive, .app-notification .raven .raven-header > .button.text-button:insensitive, .raven .app-notification .raven-header > .button.text-button:insensitive, GeditViewFrame .gedit-search-slider .raven .raven-header > .button.text-button:insensitive, .raven GeditViewFrame .gedit-search-slider .raven-header > .button.text-button:insensitive, .toolbar .suggested-action.button:insensitive, .toolbar .raven .raven-header > .button.text-button:insensitive, .raven .toolbar .raven-header > .button.text-button:insensitive, .titlebar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header > .button.text-button:insensitive:not(.suggested-action):not(.destructive-action), .raven .titlebar .raven-header > .button.text-button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .raven .raven-header > .button.text-button:insensitive:not(.suggested-action):not(.destructive-action), + .raven .header-bar .raven-header > .button.text-button:insensitive:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .suggested-action.button:insensitive, .message-dialog.csd .dialog-action-area .raven .raven-header > .button.text-button:insensitive, .raven .message-dialog.csd .dialog-action-area .raven-header > .button.text-button:insensitive, + .message-dialog.csd .dialog-action-area .linked > .suggested-action.button:insensitive, + .message-dialog.csd .dialog-action-area .raven .raven-header.linked > .button.text-button:insensitive, + .raven .message-dialog.csd .dialog-action-area .raven-header.linked > .button.text-button:insensitive, .suggested-action.sidebar-button.button:insensitive, .raven .raven-header > .sidebar-button.button.text-button:insensitive, .info .suggested-action.button:insensitive, .info .raven .raven-header > .button.text-button:insensitive, .raven .info .raven-header > .button.text-button:insensitive, + .question .suggested-action.button:insensitive, + .question .raven .raven-header > .button.text-button:insensitive, + .raven .question .raven-header > .button.text-button:insensitive, + .warning .suggested-action.button:insensitive, + .warning .raven .raven-header > .button.text-button:insensitive, + .raven .warning .raven-header > .button.text-button:insensitive, + .error .suggested-action.button:insensitive, + .error .raven .raven-header > .button.text-button:insensitive, + .raven .error .raven-header > .button.text-button:insensitive, GtkScaleButton.suggested-action.button:insensitive, .raven .raven-header > GtkScaleButton.button.text-button:insensitive, + GtkVolumeButton.suggested-action.button:insensitive, + .raven .raven-header > GtkVolumeButton.button.text-button:insensitive, GfCandidatePopup .suggested-action.button:insensitive, GfCandidatePopup .raven .raven-header > .button.text-button:insensitive, .raven GfCandidatePopup .raven-header > .button.text-button:insensitive, GfCandidatePopup .suggested-action.button:insensitive:first-child, GfCandidatePopup .raven .raven-header > .button.text-button:insensitive:first-child, .raven GfCandidatePopup .raven-header > .button.text-button:insensitive:first-child, GfCandidatePopup .suggested-action.button:insensitive:last-child, GfCandidatePopup .raven .raven-header > .button.text-button:insensitive:last-child, .raven GfCandidatePopup .raven-header > .button.text-button:insensitive:last-child, + GfCandidatePopup .linked > .suggested-action.button:insensitive, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:insensitive, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:insensitive, + GfCandidatePopup .linked > .suggested-action.button:insensitive:first-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:insensitive:first-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:insensitive:first-child, + GfCandidatePopup .linked > .suggested-action.button:insensitive:last-child, + GfCandidatePopup .raven .raven-header.linked > .button.text-button:insensitive:last-child, + .raven GfCandidatePopup .raven-header.linked > .button.text-button:insensitive:last-child, MathWindow :not(.titlebar) .suggested-action.button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:insensitive:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .suggested-action.button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:insensitive:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:insensitive:not(.flat):not(.titlebutton), + .action-bar .linked > .suggested-action.button.image-button:insensitive, + .action-bar .raven .raven-header.linked > .image-button.button.text-button:insensitive, + .raven .action-bar .raven-header.linked > .image-button.button.text-button:insensitive, .raven .raven-header > .flat.button.text-button:insensitive, NemoWindow GtkGrid > GtkEventBox > .toolbar .suggested-action.button.image-button:insensitive, NemoWindow GtkGrid > GtkEventBox > .toolbar .raven .raven-header > .image-button.button.text-button:insensitive, .raven NemoWindow GtkGrid > GtkEventBox > .toolbar .raven-header > .image-button.button.text-button:insensitive { + box-shadow: none; + background-color: transparent; } + .button.destructive-action { + background-color: #FF5252; + color: rgba(255, 255, 255, 0.85); } + .button.destructive-action:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #263238; + background-color: #FF5252; + color: #FFFFFF; } + .button.destructive-action:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #263238; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: #E8E8E8; + color: #FFFFFF; } + .button.destructive-action:checked { + background-color: #ff7575; } + .button.destructive-action:insensitive { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(38, 50, 56, 0.3); } + .button.destructive-action:insensitive > .label { + color: inherit; } + .button.destructive-action.flat, .destructive-action.button.osd.image-button, .inline-toolbar .destructive-action.button, .inline-toolbar .destructive-action.button.image-button:not(.text-button), .action-bar .destructive-action.button, .action-bar .destructive-action.button.image-button:not(.text-button), .app-notification .destructive-action.button, GeditViewFrame .gedit-search-slider .destructive-action.button, .toolbar .destructive-action.button, .titlebar .destructive-action.button:not(.suggested-action):not(.destructive-action), + .header-bar .destructive-action.button:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .destructive-action.button, .destructive-action.sidebar-button.button, .info .destructive-action.button, + .question .destructive-action.button, + .warning .destructive-action.button, + .error .destructive-action.button, GtkScaleButton.destructive-action.button, + GtkVolumeButton.destructive-action.button, GfCandidatePopup .destructive-action.button, + GfCandidatePopup .linked > .destructive-action.button:first-child, + GfCandidatePopup .linked > .destructive-action.button:last-child, MathWindow :not(.titlebar) .destructive-action.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .destructive-action.button:not(.flat):not(.titlebutton), + .action-bar .linked > .destructive-action.button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .destructive-action.button.image-button { + background-color: transparent; + color: #FF5252; } + .button.destructive-action.flat:hover, .destructive-action.button.osd.image-button:hover, .inline-toolbar .destructive-action.button:hover, .action-bar .destructive-action.button:hover, .inline-toolbar .linked > .destructive-action.button.image-button:hover:not(.text-button), .inline-toolbar .stack-switcher > .destructive-action.button.image-button:hover:not(.text-button), .action-bar .stack-switcher > .destructive-action.button.image-button:hover:not(.text-button), .app-notification .destructive-action.button:hover, GeditViewFrame .gedit-search-slider .destructive-action.button:hover, .toolbar .destructive-action.button:hover, .titlebar .destructive-action.button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .destructive-action.button:hover:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .destructive-action.button:hover, .destructive-action.sidebar-button.button:hover, .info .destructive-action.button:hover, + .question .destructive-action.button:hover, + .warning .destructive-action.button:hover, + .error .destructive-action.button:hover, GtkScaleButton.destructive-action.button:hover, + GtkVolumeButton.destructive-action.button:hover, GfCandidatePopup .destructive-action.button:hover, MathWindow :not(.titlebar) .destructive-action.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .destructive-action.button:hover:not(.flat):not(.titlebutton) { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + .button.destructive-action.flat:active, .destructive-action.button.osd.image-button:active, .inline-toolbar .destructive-action.button:active, .action-bar .destructive-action.button:active, .inline-toolbar .linked > .destructive-action.button.image-button:active:not(.text-button), .inline-toolbar .stack-switcher > .destructive-action.button.image-button:active:not(.text-button), .action-bar .stack-switcher > .destructive-action.button.image-button:active:not(.text-button), .app-notification .destructive-action.button:active, GeditViewFrame .gedit-search-slider .destructive-action.button:active, .toolbar .destructive-action.button:active, .titlebar .destructive-action.button:active:not(.suggested-action):not(.destructive-action), + .header-bar .destructive-action.button:active:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .destructive-action.button:active, .destructive-action.sidebar-button.button:active, .info .destructive-action.button:active, + .question .destructive-action.button:active, + .warning .destructive-action.button:active, + .error .destructive-action.button:active, GtkScaleButton.destructive-action.button:active, + GtkVolumeButton.destructive-action.button:active, GfCandidatePopup .destructive-action.button:active, MathWindow :not(.titlebar) .destructive-action.button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .destructive-action.button:active:not(.flat):not(.titlebutton) { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(#E8E8E8, 0.2); + color: #E8E8E8; } + .button.destructive-action.flat:checked, .destructive-action.button.osd.image-button:checked, .inline-toolbar .destructive-action.button:checked, .action-bar .destructive-action.button:checked, .inline-toolbar .linked > .destructive-action.button.image-button:checked:not(.text-button), .inline-toolbar .stack-switcher > .destructive-action.button.image-button:checked:not(.text-button), .action-bar .stack-switcher > .destructive-action.button.image-button:checked:not(.text-button), .app-notification .destructive-action.button:checked, GeditViewFrame .gedit-search-slider .destructive-action.button:checked, .toolbar .destructive-action.button:checked, .titlebar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), + .header-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .destructive-action.button:checked, .destructive-action.sidebar-button.button:checked, .info .destructive-action.button:checked, + .question .destructive-action.button:checked, + .warning .destructive-action.button:checked, + .error .destructive-action.button:checked, GtkScaleButton.destructive-action.button:checked, + GtkVolumeButton.destructive-action.button:checked, GfCandidatePopup .destructive-action.button:checked, MathWindow :not(.titlebar) .destructive-action.button:checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .destructive-action.button:checked:not(.flat):not(.titlebutton) { + background-color: alpha(currentColor, 0.2); + color: #263238; } + .button.destructive-action.flat:insensitive, .destructive-action.button.osd.image-button:insensitive, .inline-toolbar .destructive-action.button:insensitive, .action-bar .destructive-action.button:insensitive, .inline-toolbar .linked > .destructive-action.button.image-button:insensitive:not(.text-button), .inline-toolbar .stack-switcher > .destructive-action.button.image-button:insensitive:not(.text-button), .action-bar .stack-switcher > .destructive-action.button.image-button:insensitive:not(.text-button), .app-notification .destructive-action.button:insensitive, GeditViewFrame .gedit-search-slider .destructive-action.button:insensitive, .toolbar .destructive-action.button:insensitive, .titlebar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .destructive-action.button:insensitive, .destructive-action.sidebar-button.button:insensitive, .info .destructive-action.button:insensitive, + .question .destructive-action.button:insensitive, + .warning .destructive-action.button:insensitive, + .error .destructive-action.button:insensitive, GtkScaleButton.destructive-action.button:insensitive, + GtkVolumeButton.destructive-action.button:insensitive, GfCandidatePopup .destructive-action.button:insensitive, MathWindow :not(.titlebar) .destructive-action.button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .destructive-action.button:insensitive:not(.flat):not(.titlebutton) { + box-shadow: none; + background-color: transparent; } + .button.text-button { + padding-left: 1.2em; + padding-right: 1.2em; + font-weight: 700; } + .button.text-button.image-button { + padding: 0.7em 1em 0.8em; + outline-radius: 2px; + border-radius: 2px; + background-size: 7.5em 7.5em, auto; } + .button.text-button.image-button .label:first-child { + padding-left: 0.5em; } + .button.text-button.image-button .label:last-child { + padding-right: 0.5em; } + .stack-switcher > .button { + outline-offset: -0.2em; } + .stack-switcher > .button > .label { + padding-left: 0.5em; + padding-right: 0.5em; } + .stack-switcher > .button > GtkImage { + padding-left: 0.5em; + padding-right: 0.5em; + padding-top: 0.2em; + padding-bottom: 0.2em; } + .stack-switcher > .button.text-button { + padding: 0.7em 1em 0.8em; } + .stack-switcher > .button.image-button { + padding: 0.5em 0.3em; } + .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { + animation: none; + background-image: none; } + .inline-toolbar .button, .inline-toolbar .button:not(.text-button).image-button, .action-bar .button, .action-bar .button:not(.text-button).image-button, .inline-toolbar .linked > .button, .inline-toolbar .linked > .button:not(.text-button).image-button, .action-bar .linked > .button, .action-bar .linked > .button:not(.text-button).image-button { + padding: 0.75em; + border-radius: 100px; + outline-radius: 100px; } + .inline-toolbar .button.text-button, .action-bar .button.text-button, .inline-toolbar .linked > .button.text-button, .action-bar .linked > .button.text-button { + border-radius: 2px; + outline-radius: 2px; } + .inline-toolbar .stack-switcher > .button, .inline-toolbar .stack-switcher > .button:not(.text-button).image-button, .action-bar .stack-switcher > .button, .action-bar .stack-switcher > .button:not(.text-button).image-button { + padding: 0.5em 0.25em; + border-radius: 100px; + outline-radius: 100px; } + .primary-toolbar .button { + icon-shadow: none; } + +.linked > .button, .linked > .button .image-button, .linked > .button .text-button, GtkComboBox .button, .toolbar .linked > .button.text-button:not(.image-button), .popover .linked > .button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + border-radius: 0; + outline-radius: 0; + color: rgba(38, 50, 56, 0.75); + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + .linked > .button:hover, .linked > .button .image-button:hover, .linked > .button .text-button:hover, GtkComboBox .button:hover, .toolbar .linked > .button.text-button:hover:not(.image-button), .popover .linked > .button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + border-radius: 0; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 2/0 0 2px; } + .linked > .button:active, .linked > .button .image-button:active, .linked > .button .text-button:active, GtkComboBox .button:active, GtkComboBox .button:hover, GtkComboBox .button:checked, .toolbar .linked > .button.text-button:active:not(.image-button), .popover .linked > .button:active, .linked > .button:checked, .linked > .button .image-button:checked, .linked > .button .text-button:checked, GtkComboBox .button:checked, .toolbar .linked > .button.text-button:checked:not(.image-button), .popover .linked > .button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + border-radius: 0; + color: #263238; + background-color: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; } + .linked > .button:active:hover, .linked > .button .image-button:active:hover, .linked > .button .text-button:active:hover, GtkComboBox .button:hover, .toolbar .linked > .button.text-button:active:hover:not(.image-button), .popover .linked > .button:active:hover, .linked > .button:checked:hover, .linked > .button .image-button:checked:hover, .linked > .button .text-button:checked:hover, GtkComboBox .button:checked:hover, .toolbar .linked > .button.text-button:checked:hover:not(.image-button), .popover .linked > .button:checked:hover { + background-color: alpha(rgba(38, 50, 56, 0.75), 0.1); } + .linked > .button:active:insensitive, .linked > .button .image-button:active:insensitive, .linked > .button .text-button:active:insensitive, GtkComboBox .button:active:insensitive, GtkComboBox .button:insensitive:hover, GtkComboBox .button:insensitive:checked, .toolbar .linked > .button.text-button:active:insensitive:not(.image-button), .popover .linked > .button:active:insensitive, .linked > .button:checked:insensitive, .linked > .button .image-button:checked:insensitive, .linked > .button .text-button:checked:insensitive, GtkComboBox .button:checked:insensitive, .toolbar .linked > .button.text-button:checked:insensitive:not(.image-button), .popover .linked > .button:checked:insensitive { + color: rgba(38, 50, 56, 0.3); + background-color: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 188, 212, 0.2)), to(transparent)) 0 0 2/0 0 2px; } + .linked > .button:active:insensitive > .label, .linked > .button .image-button:active:insensitive > .label, .linked > .button .text-button:active:insensitive > .label, GtkComboBox .button:active:insensitive > .label, GtkComboBox .button:insensitive:hover > .label, GtkComboBox .button:insensitive:checked > .label, .linked > .button:checked:insensitive > .label, .linked > .button .image-button:checked:insensitive > .label, .linked > .button .text-button:checked:insensitive > .label, GtkComboBox .button:checked:insensitive > .label { + color: inherit; } + .linked > .button:active:insensitive > .label, .linked > .button .image-button:active:insensitive > .label, .linked > .button .text-button:active:insensitive > .label, GtkComboBox .button:active:insensitive > .label, GtkComboBox .button:insensitive:hover > .label, GtkComboBox .button:insensitive:checked > .label, .linked > .button:checked:insensitive > .label, .linked > .button .image-button:checked:insensitive > .label, .linked > .button .text-button:checked:insensitive > .label, GtkComboBox .button:checked:insensitive > .label { + color: inherit; } + .linked > .button:insensitive, .linked > .button .image-button:insensitive, .linked > .button .text-button:insensitive, GtkComboBox .button:insensitive, .toolbar .linked > .button.text-button:insensitive:not(.image-button), .popover .linked > .button:insensitive { + box-shadow: none; + background-color: transparent; + border-radius: 0; + color: rgba(38, 50, 56, 0.3); + background-color: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + +.linked.vertical > .button, .linked.vertical > .button .image-button, .linked.vertical > .button .text-button, .linked.vertical > GtkComboBox .button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + border-image: none; + border-width: 0; + outline-radius: 0; + color: rgba(38, 50, 56, 0.75); } + .linked.vertical > .button:hover, .linked.vertical > .button .image-button:hover, .linked.vertical > .button .text-button:hover, .linked.vertical > GtkComboBox .button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + .linked.vertical > .button:hover:dir(ltr), .linked.vertical > .button .image-button:hover:dir(ltr), .linked.vertical > .button .text-button:hover:dir(ltr), .linked.vertical > GtkComboBox .button:hover:dir(ltr) { + box-shadow: inset 2px 0 alpha(currentColor, 0.2); } + .linked.vertical > .button:hover:dir(rtl), .linked.vertical > .button .image-button:hover:dir(rtl), .linked.vertical > .button .text-button:hover:dir(rtl), .linked.vertical > GtkComboBox .button:hover:dir(rtl) { + box-shadow: inset -2px 0 alpha(currentColor, 0.2); } + .linked.vertical > .button:active, .linked.vertical > .button .image-button:active, .linked.vertical > .button .text-button:active, .linked.vertical > GtkComboBox .button:active, .linked.vertical > .button:checked, .linked.vertical > .button .image-button:checked, .linked.vertical > .button .text-button:checked, .linked.vertical > GtkComboBox .button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + color: #263238; + background-color: transparent; } + .linked.vertical > .button:active:dir(ltr), .linked.vertical > .button .image-button:active:dir(ltr), .linked.vertical > .button .text-button:active:dir(ltr), .linked.vertical > GtkComboBox .button:active:dir(ltr), .linked.vertical > .button:checked:dir(ltr), .linked.vertical > .button .image-button:checked:dir(ltr), .linked.vertical > .button .text-button:checked:dir(ltr), .linked.vertical > GtkComboBox .button:checked:dir(ltr) { + box-shadow: inset 2px 0 #E8E8E8; } + .linked.vertical > .button:active:dir(rtl), .linked.vertical > .button .image-button:active:dir(rtl), .linked.vertical > .button .text-button:active:dir(rtl), .linked.vertical > GtkComboBox .button:active:dir(rtl), .linked.vertical > .button:checked:dir(rtl), .linked.vertical > .button .image-button:checked:dir(rtl), .linked.vertical > .button .text-button:checked:dir(rtl), .linked.vertical > GtkComboBox .button:checked:dir(rtl) { + box-shadow: inset -2px 0 #E8E8E8; } + .linked.vertical > .button:active:hover, .linked.vertical > .button .image-button:active:hover, .linked.vertical > .button .text-button:active:hover, .linked.vertical > GtkComboBox .button:active:hover, .linked.vertical > .button:checked:hover, .linked.vertical > .button .image-button:checked:hover, .linked.vertical > .button .text-button:checked:hover, .linked.vertical > GtkComboBox .button:checked:hover { + background-color: alpha(currentColor, 0.1); } + .linked.vertical > .button:active:insensitive, .linked.vertical > .button .image-button:active:insensitive, .linked.vertical > .button .text-button:active:insensitive, .linked.vertical > GtkComboBox .button:active:insensitive, .linked.vertical > .button:checked:insensitive, .linked.vertical > .button .image-button:checked:insensitive, .linked.vertical > .button .text-button:checked:insensitive, .linked.vertical > GtkComboBox .button:checked:insensitive { + color: rgba(38, 50, 56, 0.3); + background-color: transparent; } + .linked.vertical > .button:active:insensitive > .label, .linked.vertical > .button .image-button:active:insensitive > .label, .linked.vertical > .button .text-button:active:insensitive > .label, .linked.vertical > GtkComboBox .button:active:insensitive > .label, .linked.vertical > .button:checked:insensitive > .label, .linked.vertical > .button .image-button:checked:insensitive > .label, .linked.vertical > .button .text-button:checked:insensitive > .label, .linked.vertical > GtkComboBox .button:checked:insensitive > .label { + color: inherit; } + .linked.vertical > .button:active:insensitive:dir(ltr), .linked.vertical > .button .image-button:active:insensitive:dir(ltr), .linked.vertical > .button .text-button:active:insensitive:dir(ltr), .linked.vertical > GtkComboBox .button:active:insensitive:dir(ltr), .linked.vertical > .button:checked:insensitive:dir(ltr), .linked.vertical > .button .image-button:checked:insensitive:dir(ltr), .linked.vertical > .button .text-button:checked:insensitive:dir(ltr), .linked.vertical > GtkComboBox .button:checked:insensitive:dir(ltr) { + box-shadow: inset 2px 0 rgba(0, 188, 212, 0.2); } + .linked.vertical > .button:active:insensitive:dir(ltr), .linked.vertical > .button .image-button:active:insensitive:dir(ltr), .linked.vertical > .button .text-button:active:insensitive:dir(ltr), .linked.vertical > GtkComboBox .button:active:insensitive:dir(ltr), .linked.vertical > .button:checked:insensitive:dir(ltr), .linked.vertical > .button .image-button:checked:insensitive:dir(ltr), .linked.vertical > .button .text-button:checked:insensitive:dir(ltr), .linked.vertical > GtkComboBox .button:checked:insensitive:dir(ltr) { + box-shadow: inset -2px 0 rgba(0, 188, 212, 0.2); } + .linked.vertical > .button:active:insensitive > .label, .linked.vertical > .button .image-button:active:insensitive > .label, .linked.vertical > .button .text-button:active:insensitive > .label, .linked.vertical > GtkComboBox .button:active:insensitive > .label, .linked.vertical > .button:checked:insensitive > .label, .linked.vertical > .button .image-button:checked:insensitive > .label, .linked.vertical > .button .text-button:checked:insensitive > .label, .linked.vertical > GtkComboBox .button:checked:insensitive > .label { + color: inherit; } + .linked.vertical > .button:insensitive, .linked.vertical > .button .image-button:insensitive, .linked.vertical > .button .text-button:insensitive, .linked.vertical > GtkComboBox .button:insensitive { + box-shadow: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); + background-color: transparent; } + .linked.vertical > .button:insensitive:dir(ltr), .linked.vertical > .button .image-button:insensitive:dir(ltr), .linked.vertical > .button .text-button:insensitive:dir(ltr), .linked.vertical > GtkComboBox .button:insensitive:dir(ltr) { + box-shadow: inset 1px 0 alpha(currentColor, 0.2); } + .linked.vertical > .button:insensitive:dir(rtl), .linked.vertical > .button .image-button:insensitive:dir(rtl), .linked.vertical > .button .text-button:insensitive:dir(rtl), .linked.vertical > GtkComboBox .button:insensitive:dir(rtl) { + box-shadow: inset -1px 0 alpha(currentColor, 0.2); } + .linked.vertical > .button:dir(ltr), .linked.vertical > .button .image-button:dir(ltr), .linked.vertical > .button .text-button:dir(ltr), .linked.vertical > GtkComboBox .button:dir(ltr) { + box-shadow: inset 1px 0 alpha(currentColor, 0.2); } + .linked.vertical > .button:dir(rtl), .linked.vertical > .button .image-button:dir(rtl), .linked.vertical > .button .text-button:dir(rtl), .linked.vertical > GtkComboBox .button:dir(rtl) { + box-shadow: inset -1px 0 alpha(currentColor, 0.2); } + +.button.osd.image-button, .button.image-button, .notebook tab .button, GtkScaleButton.button, +GtkVolumeButton.button, .csd .header-bar .button.titlebutton, .csd .header-bar.selection-mode .button.titlebutton, +.csd .titlebar .button.titlebutton, +.csd .titlebar.selection-mode .button.titlebutton { + padding: 1em; + outline-radius: 100px; + border-radius: 100px; + background-size: 3.75em 3.75em, auto; } + +.stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { + background-repeat: no-repeat; + background-position: right 3px; + background-size: 0.4em 0.4em; + animation: needs_attention 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition: none; } + .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { + background-position: left 3px; } + +.inline-toolbar GtkToolButton > .button { + outline-radius: 100px; + border-radius: 100px; } + +.linked > .button:not(.flat):not(:only-child), .linked > .button, .linked > .button .image-button, .linked > .button .text-button, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), +.linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr), +.linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl), .linked > GtkComboBox:first-child > .the-button-in-the-combobox, +.linked > GtkComboBoxText:first-child > .the-button-in-the-combobox, +.linked > GtkComboBox:last-child > .the-button-in-the-combobox, +.linked > GtkComboBoxText:last-child > .the-button-in-the-combobox, +.linked > GtkComboBox:only-child > .the-button-in-the-combobox, +.linked > GtkComboBoxText:only-child > .the-button-in-the-combobox { + border-radius: 0; } + +.linked.vertical > .button:not(:only-child), .linked.vertical > .button, .linked.vertical > .button .image-button, .linked.vertical > .button .text-button, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, +.linked.vertical > GtkComboBox > .the-button-in-the-combobox, +.linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, +.linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox, +.linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, +.linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox, +.linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, +.linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { + border-radius: 0; } + +.menuitem.button.flat, .menuitem.button.osd.image-button, .inline-toolbar .menuitem.button, .inline-toolbar .menuitem.button.image-button:not(.text-button), .action-bar .menuitem.button, .action-bar .menuitem.button.image-button:not(.text-button), .app-notification .menuitem.button, GeditViewFrame .gedit-search-slider .menuitem.button, .toolbar .menuitem.button, .titlebar .menuitem.button:not(.suggested-action):not(.destructive-action), +.header-bar .menuitem.button:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .menuitem.button, .menuitem.sidebar-button.button, .info .menuitem.button, +.question .menuitem.button, +.warning .menuitem.button, +.error .menuitem.button, GtkScaleButton.menuitem.button, +GtkVolumeButton.menuitem.button, GfCandidatePopup .menuitem.button, +GfCandidatePopup .linked > .menuitem.button:first-child, +GfCandidatePopup .linked > .menuitem.button:last-child, MathWindow :not(.titlebar) .menuitem.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .menuitem.button:not(.flat):not(.titlebutton), +.action-bar .linked > .menuitem.button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .menuitem.button.image-button { + transition: none; } + +GtkColorButton.button { + padding: 0.4em 0.6em 0.5em; } + GtkColorButton.button GtkColorSwatch:first-child:last-child { + border-radius: 2px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + GtkColorButton.button:insensitive, + GtkColorButton.button GtkColorSwatch:insensitive { + box-shadow: none; + opacity: 0.4; } + +GtkButtonBox > .button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #E8E8E8; + font-weight: 700; } + GtkButtonBox > .button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + color: #E8E8E8; } + GtkButtonBox > .button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #E8E8E8; } + GtkButtonBox > .button:insensitive { + box-shadow: none; + background-color: transparent; } + GtkButtonBox > .button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + color: #E8E8E8; } + GtkButtonBox > .button:checked:insensitive { + color: #E8E8E8; } + GtkButtonBox > .button:checked:insensitive > .label { + color: inherit; } + +/********* + * Links * + *********/ +*:link, .button:link, +.button:visited { + color: #E8E8E8; } + *:link:hover, .button:hover:link, + .button:hover:visited, *:link:active, .button:active:link, + .button:active:visited { + color: #E8E8E8; } + *:link:visited, + .button:visited { + color: #E8E8E8; } + *:link:visited:hover, + .button:visited:hover, *:link:visited:active, + .button:visited:active { + color: #E8E8E8; } + *:selected *:link:visited, + *:selected .button:visited { + color: #E8E8E8; } + *:link:selected, .button:selected:link, + .button:selected:visited, .titlebar.selection-mode .subtitle:link, + .header-bar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, + *:selected .button:visited { + color: #E8E8E8; } + *:link:insensitive, .button:insensitive:link, + .button:insensitive:visited { + opacity: 0.4; } + +.button:link > .label, +.button:visited > .label { + text-decoration-line: underline; } + +/***************** + * GtkSpinButton * + *****************/ +.spinbutton .button, .osd .spinbutton .button { + padding: 0.4em; + border: solid 0.35em transparent; + border-radius: 100px; + outline-radius: 100px; + background: none; + box-shadow: none; + color: rgba(38, 50, 56, 0.75); } + .spinbutton .button:not(:last-child):hover, .osd .spinbutton .button:not(:last-child):hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #F44336; } + .spinbutton .button:not(:last-child):active, .osd .spinbutton .button:not(:last-child):active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(currentColor, 0.2); + color: #F44336; } + .spinbutton .button:not(:last-child):insensitive, .osd .spinbutton .button:not(:last-child):insensitive { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(38, 50, 56, 0.3); } + .spinbutton .button:last-child:hover, .osd .spinbutton .button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #00E676; } + .spinbutton .button:last-child:active, .osd .spinbutton .button:last-child:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(currentColor, 0.2); + color: #00E676; } + .spinbutton .button:last-child:insensitive, .osd .spinbutton .button:last-child:insensitive { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(38, 50, 56, 0.3); } +.spinbutton.vertical { + padding: 0.5em 0; } + .spinbutton.vertical .button { + padding: 0.2em 0; + border: solid 0.5em transparent; + border-radius: 200px; + outline-radius: 200px; + background: none; + box-shadow: none; + color: rgba(38, 50, 56, 0.75); } + .spinbutton.vertical .button:first-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #00E676; } + .spinbutton.vertical .button:first-child:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(currentColor, 0.2); + color: #00E676; } + .spinbutton.vertical .button:first-child:insensitive { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(38, 50, 56, 0.3); } + .spinbutton.vertical .button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #F44336; } + .spinbutton.vertical .button:last-child:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(currentColor, 0.2); + color: #F44336; } + .spinbutton.vertical .button:last-child:insensitive { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(38, 50, 56, 0.3); } +GtkTreeView .spinbutton.entry:focus { + padding: 1px; + border-radius: 0; + border-width: 0; + background-color: #FFFFFF; + color: #263238; + box-shadow: none; } + +/************** + * ComboBoxes * + **************/ +GtkComboBox { + -GtkComboBox-arrow-scaling: 0.5; + -GtkComboBox-shadow-type: none; } + GtkComboBox > .the-button-in-the-combobox { + padding: 0.35em 0.5em 0.45em; } + GtkComboBox .menu { + padding: 2px 0; } + GtkComboBox .menu .menuitem { + padding: 0.35em 0.5em 0.45em; } + GtkComboBox .separator.vertical { + -GtkWidget-wide-separators: true; } + GtkComboBox .button { + border-radius: 0; + padding: 0.5em 0.5em 0.55em; + color: rgba(38, 50, 56, 0.75); } + GtkComboBox .button:hover, GtkComboBox .button:active, GtkComboBox .button:checked { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + background-color: transparent; } + GtkComboBox .button:hover:insensitive, GtkComboBox .button:active:insensitive, GtkComboBox .button:checked:insensitive { + color: rgba(38, 50, 56, 0.3); } + GtkComboBox .button:insensitive { + color: rgba(38, 50, 56, 0.3); + background-color: transparent; } + GtkComboBox.combobox-entry { + padding: 0; } + GtkComboBox.combobox-entry .button { + padding: 0 0.7em; } + +.linked.vertical > GtkComboBox .button { + padding: 0.35em 0.5em 0.45em; + border-radius: 0; + color: rgba(38, 50, 56, 0.75); } + +/************ + * Toolbars * + ************/ +.toolbar { + -GtkWidget-window-dragging: true; + padding: 0.4em; + border-width: 0; + background-color: #FFFFFF; + color: rgba(38, 50, 56, 0.75); } + .toolbar.vertical, .inline-toolbar .toolbar, GtkPaned .toolbar, GtkEventBox .toolbar, GtkGrid .toolbar.primary-toolbar { + box-shadow: none; } + .osd .toolbar, .toolbar.osd, .app-notification, + .app-notification.frame, GeditViewFrame .gedit-search-slider { + padding: 3px; + border-style: solid; + border-width: 9px; + border-image: -gtk-scaled(url("assets/osd-shadow.png"), url("assets/osd-shadow@2.png")) 10/10px stretch; + border-radius: 2px; + box-shadow: none; + color: #ECEFF1; + background-color: #FFFFFF; } + .osd .toolbar:backdrop, .toolbar.osd:backdrop, .app-notification:backdrop, GeditViewFrame .gedit-search-slider:backdrop { + border-image: -gtk-scaled(url("assets/osd-shadow-backdrop.png"), url("assets/osd-shadow-backdrop@2.png")) 10/10px stretch; } + .osd .toolbar .button:not(:active):not(:insensitive):not(hover), .toolbar.osd .button:not(:active):not(:insensitive):not(hover), .app-notification .button:not(:active):not(:insensitive):not(hover), + .app-notification.frame .button:not(:active):not(:insensitive):not(hover), GeditViewFrame .gedit-search-slider .button:not(:active):not(:insensitive):not(hover) { + color: #E8E8E8; } + .osd .toolbar .button:hover, .osd .toolbar .button:active, .toolbar.osd .button:hover, .app-notification .button:hover, + .app-notification.frame .button:hover, GeditViewFrame .gedit-search-slider .button:hover, .toolbar.osd .button:active, .app-notification .button:active, + .app-notification.frame .button:active, GeditViewFrame .gedit-search-slider .button:active { + color: #E8E8E8; } + .osd .toolbar .button:active, .osd .toolbar .button:checked, .toolbar.osd .button:active, .app-notification .button:active, + .app-notification.frame .button:active, GeditViewFrame .gedit-search-slider .button:active, .toolbar.osd .button:checked, .app-notification .button:checked, + .app-notification.frame .button:checked, GeditViewFrame .gedit-search-slider .button:checked { + border-image: none; + box-shadow: none; } + .osd .toolbar .button:insensitive, .toolbar.osd .button:insensitive, .app-notification .button:insensitive, + .app-notification.frame .button:insensitive, GeditViewFrame .gedit-search-slider .button:insensitive { + color: #E8E8E8; } + .osd .toolbar .label, .toolbar.osd .label, .app-notification .label, + .app-notification.frame .label, GeditViewFrame .gedit-search-slider .label { + padding: 0 1em; } + .toolbar .button { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: rgba(38, 50, 56, 0.75); + box-shadow: none; } + .toolbar .button:hover { + border-image: none; + color: #263238; + box-shadow: none; } + .toolbar .button:checked { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + background: transparent; + color: #263238; + box-shadow: none; } + .toolbar .button:checked:insensitive { + border-image: none; + background: transparent; + color: rgba(38, 50, 56, 0.3); + box-shadow: none; } + .toolbar .button:checked:insensitive > .label { + color: inherit; } + .toolbar .button:insensitive { + border-image: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.225); + box-shadow: none; } + .toolbar .button .image-button { + border-radius: 100px; + outline-radius: 100px; } + .toolbar .linked > .button { + border-radius: 100px; + outline-radius: 100px; } + .toolbar .linked > .button:hover { + background-color: transparent; } + .toolbar .linked > .button:not(:checked) { + border-radius: 100px; + outline-radius: 100px; } + +.inline-toolbar { + padding: 0.4em; + border-style: solid; + border-width: 0 1px 1px; + border-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } + +.search-bar, +.location-bar { + padding: 0.4em; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; } + .search-bar .button.raised, + .location-bar .button.raised { + padding: 0.75em; + border-radius: 100px; + outline-radius: 100px; } + +/*************** + * Header bars * + ***************/ +.titlebar, +.header-bar { + -GtkPaned-handle-size: 0; + padding: 0.4em; + border-width: 1px 0 1px; + border-style: solid; + border-top-color: #FFFFFF; + border-bottom-color: #242F35; + background-color: #FFFFFF; + background-clip: border-box; + color: #BBBBBB; } + .titlebar .label:checked:insensitive, + .header-bar .label:checked:insensitive { + color: rgba(236, 239, 241, 0.3); } + .titlebar .label:insensitive, + .header-bar .label:insensitive { + color: rgba(236, 239, 241, 0.225); } + .titlebar .title, + .header-bar .title { + padding-left: 1em; + padding-right: 1em; + color: #ECEFF1; + font-weight: 700; } + .titlebar .subtitle, + .header-bar .subtitle { + padding-left: 1em; + padding-right: 1em; + color: #BBBBBB; + font-size: 90%; } + .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical, .titlebar > GtkBox > GtkBox > .separator.vertical, + .header-bar .header-bar-separator, + .header-bar > GtkBox > .separator.vertical, + .header-bar > GtkBox > GtkBox > .separator.vertical { + -GtkWidget-separator-width: 0; + border: 0 none transparent; + color: transparent; } + .titlebar .button:not(.suggested-action):not(.destructive-action), + .header-bar .button:not(.suggested-action):not(.destructive-action) { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: #BBBBBB; } + .titlebar .button:not(.suggested-action):not(.destructive-action):hover, + .header-bar .button:not(.suggested-action):not(.destructive-action):hover { + color: #ECEFF1; } + .titlebar .button:not(.suggested-action):not(.destructive-action):checked, + .header-bar .button:not(.suggested-action):not(.destructive-action):checked { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #ECEFF1; } + .titlebar .button:not(.suggested-action):not(.destructive-action):checked:insensitive, + .header-bar .button:not(.suggested-action):not(.destructive-action):checked:insensitive { + background-color: transparent; + color: rgba(236, 239, 241, 0.3); } + .titlebar .button:not(.suggested-action):not(.destructive-action):checked:insensitive > .label, + .header-bar .button:not(.suggested-action):not(.destructive-action):checked:insensitive > .label { + color: inherit; } + .titlebar .button:not(.suggested-action):not(.destructive-action):insensitive, + .header-bar .button:not(.suggested-action):not(.destructive-action):insensitive { + color: rgba(236, 239, 241, 0.225); } + .titlebar .button, .titlebar .button .label.text-button, + .titlebar .linked > .button, + .titlebar .linked > .button .label.text-button, + .titlebar .button.suggested-action, + .titlebar .raven .raven-header > .button.text-button, + .raven .titlebar .raven-header > .button.text-button, + .titlebar .button.suggested-action .label.text-button, + .titlebar .raven .raven-header > .button.text-button .label.text-button, + .raven .titlebar .raven-header > .button.text-button .label.text-button, + .titlebar .button.destructive-action, + .titlebar .button.destructive-action .label.text-button, + .header-bar .button, + .header-bar .button .label.text-button, + .header-bar .linked > .button, + .header-bar .linked > .button .label.text-button, + .header-bar .button.suggested-action, + .header-bar .raven .raven-header > .button.text-button, + .raven .header-bar .raven-header > .button.text-button, + .header-bar .button.suggested-action .label.text-button, + .header-bar .raven .raven-header > .button.text-button .label.text-button, + .raven .header-bar .raven-header > .button.text-button .label.text-button, + .header-bar .button.destructive-action, + .header-bar .button.destructive-action .label.text-button { + color: #BBBBBB; } + .titlebar .button:hover, .titlebar .button .label.text-button:hover, + .titlebar .linked > .button:hover, + .titlebar .linked > .button .label.text-button:hover, + .titlebar .button.suggested-action:hover, + .titlebar .raven .raven-header > .button.text-button:hover, + .raven .titlebar .raven-header > .button.text-button:hover, + .titlebar .button.suggested-action .label.text-button:hover, + .titlebar .raven .raven-header > .button.text-button .label.text-button:hover, + .raven .titlebar .raven-header > .button.text-button .label.text-button:hover, + .titlebar .button.destructive-action:hover, + .titlebar .button.destructive-action .label.text-button:hover, + .header-bar .button:hover, + .header-bar .button .label.text-button:hover, + .header-bar .linked > .button:hover, + .header-bar .linked > .button .label.text-button:hover, + .header-bar .button.suggested-action:hover, + .header-bar .raven .raven-header > .button.text-button:hover, + .raven .header-bar .raven-header > .button.text-button:hover, + .header-bar .button.suggested-action .label.text-button:hover, + .header-bar .raven .raven-header > .button.text-button .label.text-button:hover, + .raven .header-bar .raven-header > .button.text-button .label.text-button:hover, + .header-bar .button.destructive-action:hover, + .header-bar .button.destructive-action .label.text-button:hover { + color: #ECEFF1; } + .titlebar .button:checked, .titlebar .button .label.text-button:checked, + .titlebar .linked > .button:checked, + .titlebar .linked > .button .label.text-button:checked, + .titlebar .button.suggested-action:checked, + .titlebar .raven .raven-header > .button.text-button:checked, + .raven .titlebar .raven-header > .button.text-button:checked, + .titlebar .button.suggested-action .label.text-button:checked, + .titlebar .raven .raven-header > .button.text-button .label.text-button:checked, + .raven .titlebar .raven-header > .button.text-button .label.text-button:checked, + .titlebar .button.destructive-action:checked, + .titlebar .button.destructive-action .label.text-button:checked, + .header-bar .button:checked, + .header-bar .button .label.text-button:checked, + .header-bar .linked > .button:checked, + .header-bar .linked > .button .label.text-button:checked, + .header-bar .button.suggested-action:checked, + .header-bar .raven .raven-header > .button.text-button:checked, + .raven .header-bar .raven-header > .button.text-button:checked, + .header-bar .button.suggested-action .label.text-button:checked, + .header-bar .raven .raven-header > .button.text-button .label.text-button:checked, + .raven .header-bar .raven-header > .button.text-button .label.text-button:checked, + .header-bar .button.destructive-action:checked, + .header-bar .button.destructive-action .label.text-button:checked { + color: #ECEFF1; } + .titlebar .button:checked:insensitive, .titlebar .button .label.text-button:checked:insensitive, + .titlebar .linked > .button:checked:insensitive, + .titlebar .linked > .button .label.text-button:checked:insensitive, + .titlebar .button.suggested-action:checked:insensitive, + .titlebar .raven .raven-header > .button.text-button:checked:insensitive, + .raven .titlebar .raven-header > .button.text-button:checked:insensitive, + .titlebar .button.suggested-action .label.text-button:checked:insensitive, + .titlebar .raven .raven-header > .button.text-button .label.text-button:checked:insensitive, + .raven .titlebar .raven-header > .button.text-button .label.text-button:checked:insensitive, + .titlebar .button.destructive-action:checked:insensitive, + .titlebar .button.destructive-action .label.text-button:checked:insensitive, + .header-bar .button:checked:insensitive, + .header-bar .button .label.text-button:checked:insensitive, + .header-bar .linked > .button:checked:insensitive, + .header-bar .linked > .button .label.text-button:checked:insensitive, + .header-bar .button.suggested-action:checked:insensitive, + .header-bar .raven .raven-header > .button.text-button:checked:insensitive, + .raven .header-bar .raven-header > .button.text-button:checked:insensitive, + .header-bar .button.suggested-action .label.text-button:checked:insensitive, + .header-bar .raven .raven-header > .button.text-button .label.text-button:checked:insensitive, + .raven .header-bar .raven-header > .button.text-button .label.text-button:checked:insensitive, + .header-bar .button.destructive-action:checked:insensitive, + .header-bar .button.destructive-action .label.text-button:checked:insensitive { + color: rgba(236, 239, 241, 0.3); } + .titlebar .button:insensitive, .titlebar .button .label.text-button:insensitive, + .titlebar .linked > .button:insensitive, + .titlebar .linked > .button .label.text-button:insensitive, + .titlebar .button.suggested-action:insensitive, + .titlebar .raven .raven-header > .button.text-button:insensitive, + .raven .titlebar .raven-header > .button.text-button:insensitive, + .titlebar .button.suggested-action .label.text-button:insensitive, + .titlebar .raven .raven-header > .button.text-button .label.text-button:insensitive, + .raven .titlebar .raven-header > .button.text-button .label.text-button:insensitive, + .titlebar .button.destructive-action:insensitive, + .titlebar .button.destructive-action .label.text-button:insensitive, + .header-bar .button:insensitive, + .header-bar .button .label.text-button:insensitive, + .header-bar .linked > .button:insensitive, + .header-bar .linked > .button .label.text-button:insensitive, + .header-bar .button.suggested-action:insensitive, + .header-bar .raven .raven-header > .button.text-button:insensitive, + .raven .header-bar .raven-header > .button.text-button:insensitive, + .header-bar .button.suggested-action .label.text-button:insensitive, + .header-bar .raven .raven-header > .button.text-button .label.text-button:insensitive, + .raven .header-bar .raven-header > .button.text-button .label.text-button:insensitive, + .header-bar .button.destructive-action:insensitive, + .header-bar .button.destructive-action .label.text-button:insensitive { + color: rgba(236, 239, 241, 0.225); } + .titlebar .button .label.text-button, + .titlebar .linked > .button .label.text-button, + .titlebar .button.suggested-action .label.text-button, + .titlebar .raven .raven-header > .button.text-button .label.text-button, + .raven .titlebar .raven-header > .button.text-button .label.text-button, + .titlebar .button.destructive-action .label.text-button, + .header-bar .button .label.text-button, + .header-bar .linked > .button .label.text-button, + .header-bar .button.suggested-action .label.text-button, + .header-bar .raven .raven-header > .button.text-button .label.text-button, + .raven .header-bar .raven-header > .button.text-button .label.text-button, + .header-bar .button.destructive-action .label.text-button { + border-image: none; + box-shadow: none; } + .titlebar .button:not(.suggested-action):not(.destructive-action), + .header-bar .button:not(.suggested-action):not(.destructive-action) { + border-radius: 100px; + outline-radius: 100px; } + .titlebar .button:not(.suggested-action):not(.destructive-action).text-button, + .header-bar .button:not(.suggested-action):not(.destructive-action).text-button { + border-radius: 2px; + outline-radius: 2px; } + .titlebar .button:not(.suggested-action):not(.destructive-action).text-button.image-button, + .header-bar .button:not(.suggested-action):not(.destructive-action).text-button.image-button { + border-radius: 2px; + outline-radius: 2px; } + .titlebar .entry, + .titlebar .linked > .entry, + .header-bar .entry, + .header-bar .linked > .entry { + color: #BBBBBB; } + .titlebar .entry:focus, + .titlebar .linked > .entry:focus, + .header-bar .entry:focus, + .header-bar .linked > .entry:focus { + color: #ECEFF1; } + .titlebar .entry:insensitive, + .titlebar .linked > .entry:insensitive, + .header-bar .entry:insensitive, + .header-bar .linked > .entry:insensitive { + color: rgba(236, 239, 241, 0.225); } + .titlebar GtkComboBox.combobox-entry .entry, + .titlebar .linked > GtkComboBox.combobox-entry .entry, + .header-bar GtkComboBox.combobox-entry .entry, + .header-bar .linked > GtkComboBox.combobox-entry .entry { + color: #BBBBBB; } + .titlebar GtkComboBox.combobox-entry .entry:focus, + .titlebar .linked > GtkComboBox.combobox-entry .entry:focus, + .header-bar GtkComboBox.combobox-entry .entry:focus, + .header-bar .linked > GtkComboBox.combobox-entry .entry:focus { + color: #ECEFF1; } + .titlebar GtkComboBox.combobox-entry .entry:insensitive, + .titlebar .linked > GtkComboBox.combobox-entry .entry:insensitive, + .header-bar GtkComboBox.combobox-entry .entry:insensitive, + .header-bar .linked > GtkComboBox.combobox-entry .entry:insensitive { + color: rgba(236, 239, 241, 0.225); } + .titlebar GtkComboBox.combobox-entry .button, + .titlebar .linked > GtkComboBox.combobox-entry .button, + .header-bar GtkComboBox.combobox-entry .button, + .header-bar .linked > GtkComboBox.combobox-entry .button { + color: #BBBBBB; } + .titlebar GtkComboBox.combobox-entry .button:hover, + .titlebar .linked > GtkComboBox.combobox-entry .button:hover, + .header-bar GtkComboBox.combobox-entry .button:hover, + .header-bar .linked > GtkComboBox.combobox-entry .button:hover { + color: #ECEFF1; } + .titlebar GtkComboBox.combobox-entry .button:checked, + .titlebar .linked > GtkComboBox.combobox-entry .button:checked, + .header-bar GtkComboBox.combobox-entry .button:checked, + .header-bar .linked > GtkComboBox.combobox-entry .button:checked { + color: #ECEFF1; } + .titlebar GtkComboBox.combobox-entry .button:checked:insensitive, + .titlebar .linked > GtkComboBox.combobox-entry .button:checked:insensitive, + .header-bar GtkComboBox.combobox-entry .button:checked:insensitive, + .header-bar .linked > GtkComboBox.combobox-entry .button:checked:insensitive { + color: rgba(236, 239, 241, 0.3); } + .titlebar GtkComboBox.combobox-entry .button:insensitive, + .titlebar .linked > GtkComboBox.combobox-entry .button:insensitive, + .header-bar GtkComboBox.combobox-entry .button:insensitive, + .header-bar .linked > GtkComboBox.combobox-entry .button:insensitive { + color: rgba(236, 239, 241, 0.225); } + .titlebar .menu .menuitem, + .header-bar .menu .menuitem { + color: rgba(38, 50, 56, 0.75); } + .titlebar .menu .menuitem:hover, + .header-bar .menu .menuitem:hover { + color: #263238; } + .titlebar .menu .menuitem .label:insensitive, + .header-bar .menu .menuitem .label:insensitive { + color: rgba(38, 50, 56, 0.3); } + .titlebar .menu .menuitem .accelerator, + .header-bar .menu .menuitem .accelerator { + color: alpha(currentColor, 0.6); } + .titlebar .menu .menuitem .separator, + .header-bar .menu .menuitem .separator { + color: rgba(0, 0, 0, 0.09); } + .titlebar .popover .button.flat, .titlebar .popover .button.osd.image-button, .titlebar .popover .inline-toolbar .button, .inline-toolbar .titlebar .popover .button, .titlebar .popover .action-bar .button, .action-bar .titlebar .popover .button, .titlebar .popover .inline-toolbar .linked > .button.image-button:not(.text-button), .inline-toolbar .titlebar .popover .linked > .button.image-button:not(.text-button), .titlebar .popover .inline-toolbar .stack-switcher > .button.image-button:not(.text-button), .inline-toolbar .titlebar .popover .stack-switcher > .button.image-button:not(.text-button), .titlebar .popover .action-bar .stack-switcher > .button.image-button:not(.text-button), .action-bar .titlebar .popover .stack-switcher > .button.image-button:not(.text-button), .titlebar .popover .app-notification .button, .app-notification .titlebar .popover .button, .titlebar .popover GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .titlebar .popover .button, .titlebar .popover .toolbar .button, .toolbar .titlebar .popover .button, .titlebar .popover .button:not(.suggested-action):not(.destructive-action), .titlebar .popover .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .titlebar .popover .button, .titlebar .popover .sidebar-button.button, .titlebar .popover .info .button, .info .titlebar .popover .button, + .titlebar .popover .question .button, + .question .titlebar .popover .button, + .titlebar .popover .warning .button, + .warning .titlebar .popover .button, + .titlebar .popover .error .button, + .error .titlebar .popover .button, .titlebar .popover GtkScaleButton.button, + .titlebar .popover GtkVolumeButton.button, .titlebar .popover GfCandidatePopup .button, GfCandidatePopup .titlebar .popover .button, .titlebar .popover GfCandidatePopup .button:first-child, GfCandidatePopup .titlebar .popover .button:first-child, .titlebar .popover GfCandidatePopup .button:last-child, GfCandidatePopup .titlebar .popover .button:last-child, + .titlebar .popover GfCandidatePopup .linked > .button, + GfCandidatePopup .titlebar .popover .linked > .button, .titlebar .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .titlebar .popover .button:not(.flat):not(.titlebutton), .titlebar .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .titlebar .popover .button:not(.flat):not(.titlebutton), + .header-bar .popover .button.flat, + .header-bar .popover .button.osd.image-button, + .header-bar .popover .inline-toolbar .button, + .inline-toolbar .header-bar .popover .button, + .header-bar .popover .action-bar .button, + .action-bar .header-bar .popover .button, + .header-bar .popover .inline-toolbar .linked > .button.image-button:not(.text-button), + .inline-toolbar .header-bar .popover .linked > .button.image-button:not(.text-button), + .header-bar .popover .inline-toolbar .stack-switcher > .button.image-button:not(.text-button), + .inline-toolbar .header-bar .popover .stack-switcher > .button.image-button:not(.text-button), + .header-bar .popover .action-bar .stack-switcher > .button.image-button:not(.text-button), + .action-bar .header-bar .popover .stack-switcher > .button.image-button:not(.text-button), + .header-bar .popover .app-notification .button, + .app-notification .header-bar .popover .button, + .header-bar .popover GeditViewFrame .gedit-search-slider .button, + GeditViewFrame .gedit-search-slider .header-bar .popover .button, + .header-bar .popover .toolbar .button, + .toolbar .header-bar .popover .button, + .header-bar .popover .button:not(.suggested-action):not(.destructive-action), + .header-bar .popover .message-dialog.csd .dialog-action-area .button, + .message-dialog.csd .dialog-action-area .header-bar .popover .button, + .header-bar .popover .sidebar-button.button, + .header-bar .popover .info .button, + .info .header-bar .popover .button, + .header-bar .popover .question .button, + .question .header-bar .popover .button, + .header-bar .popover .warning .button, + .warning .header-bar .popover .button, + .header-bar .popover .error .button, + .error .header-bar .popover .button, + .header-bar .popover GtkScaleButton.button, + .header-bar .popover GtkVolumeButton.button, + .header-bar .popover GfCandidatePopup .button, + GfCandidatePopup .header-bar .popover .button, + .header-bar .popover GfCandidatePopup .button:first-child, + GfCandidatePopup .header-bar .popover .button:first-child, + .header-bar .popover GfCandidatePopup .button:last-child, + GfCandidatePopup .header-bar .popover .button:last-child, + .header-bar .popover GfCandidatePopup .linked > .button, + GfCandidatePopup .header-bar .popover .linked > .button, + .header-bar .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .header-bar .popover .button:not(.flat):not(.titlebutton), + .header-bar .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .header-bar .popover .button:not(.flat):not(.titlebutton) { + color: rgba(38, 50, 56, 0.75); } + .titlebar .popover .button.flat:hover, .titlebar .popover .button.osd.image-button:hover, .titlebar .popover .inline-toolbar .button:hover, .inline-toolbar .titlebar .popover .button:hover, .titlebar .popover .action-bar .button:hover, .action-bar .titlebar .popover .button:hover, .titlebar .popover .app-notification .button:hover, .app-notification .titlebar .popover .button:hover, .titlebar .popover GeditViewFrame .gedit-search-slider .button:hover, GeditViewFrame .gedit-search-slider .titlebar .popover .button:hover, .titlebar .popover .toolbar .button:hover, .toolbar .titlebar .popover .button:hover, .titlebar .popover .button:hover:not(.suggested-action):not(.destructive-action), .titlebar .popover .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .titlebar .popover .button:hover, .titlebar .popover .sidebar-button.button:hover, .titlebar .popover .info .button:hover, .info .titlebar .popover .button:hover, + .titlebar .popover .question .button:hover, + .question .titlebar .popover .button:hover, + .titlebar .popover .warning .button:hover, + .warning .titlebar .popover .button:hover, + .titlebar .popover .error .button:hover, + .error .titlebar .popover .button:hover, .titlebar .popover GtkScaleButton.button:hover, + .titlebar .popover GtkVolumeButton.button:hover, .titlebar .popover GfCandidatePopup .button:hover, GfCandidatePopup .titlebar .popover .button:hover, .titlebar .popover GfCandidatePopup .button:hover:first-child, GfCandidatePopup .titlebar .popover .button:hover:first-child, .titlebar .popover GfCandidatePopup .button:hover:last-child, GfCandidatePopup .titlebar .popover .button:hover:last-child, + .titlebar .popover GfCandidatePopup .linked > .button:hover, + GfCandidatePopup .titlebar .popover .linked > .button:hover, .titlebar .popover MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .titlebar .popover .button:hover:not(.flat):not(.titlebutton), .titlebar .popover MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .titlebar .popover .button:hover:not(.flat):not(.titlebutton), + .header-bar .popover .button.flat:hover, + .header-bar .popover .button.osd.image-button:hover, + .header-bar .popover .inline-toolbar .button:hover, + .inline-toolbar .header-bar .popover .button:hover, + .header-bar .popover .action-bar .button:hover, + .action-bar .header-bar .popover .button:hover, + .header-bar .popover .app-notification .button:hover, + .app-notification .header-bar .popover .button:hover, + .header-bar .popover GeditViewFrame .gedit-search-slider .button:hover, + GeditViewFrame .gedit-search-slider .header-bar .popover .button:hover, + .header-bar .popover .toolbar .button:hover, + .toolbar .header-bar .popover .button:hover, + .header-bar .popover .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .popover .message-dialog.csd .dialog-action-area .button:hover, + .message-dialog.csd .dialog-action-area .header-bar .popover .button:hover, + .header-bar .popover .sidebar-button.button:hover, + .header-bar .popover .info .button:hover, + .info .header-bar .popover .button:hover, + .header-bar .popover .question .button:hover, + .question .header-bar .popover .button:hover, + .header-bar .popover .warning .button:hover, + .warning .header-bar .popover .button:hover, + .header-bar .popover .error .button:hover, + .error .header-bar .popover .button:hover, + .header-bar .popover GtkScaleButton.button:hover, + .header-bar .popover GtkVolumeButton.button:hover, + .header-bar .popover GfCandidatePopup .button:hover, + GfCandidatePopup .header-bar .popover .button:hover, + .header-bar .popover GfCandidatePopup .button:hover:first-child, + GfCandidatePopup .header-bar .popover .button:hover:first-child, + .header-bar .popover GfCandidatePopup .button:hover:last-child, + GfCandidatePopup .header-bar .popover .button:hover:last-child, + .header-bar .popover GfCandidatePopup .linked > .button:hover, + GfCandidatePopup .header-bar .popover .linked > .button:hover, + .header-bar .popover MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .header-bar .popover .button:hover:not(.flat):not(.titlebutton), + .header-bar .popover MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .header-bar .popover .button:hover:not(.flat):not(.titlebutton) { + color: #263238; } + .titlebar .popover .button.flat .label:hover, .titlebar .popover .button.osd.image-button .label:hover, .titlebar .popover .inline-toolbar .button .label:hover, .inline-toolbar .titlebar .popover .button .label:hover, .titlebar .popover .action-bar .button .label:hover, .action-bar .titlebar .popover .button .label:hover, .titlebar .popover .app-notification .button .label:hover, .app-notification .titlebar .popover .button .label:hover, .titlebar .popover GeditViewFrame .gedit-search-slider .button .label:hover, GeditViewFrame .gedit-search-slider .titlebar .popover .button .label:hover, .titlebar .popover .toolbar .button .label:hover, .toolbar .titlebar .popover .button .label:hover, .titlebar .popover .button:not(.suggested-action):not(.destructive-action) .label:hover, .titlebar .popover .message-dialog.csd .dialog-action-area .button .label:hover, .message-dialog.csd .dialog-action-area .titlebar .popover .button .label:hover, .titlebar .popover .sidebar-button.button .label:hover, .titlebar .popover .info .button .label:hover, .info .titlebar .popover .button .label:hover, + .titlebar .popover .question .button .label:hover, + .question .titlebar .popover .button .label:hover, + .titlebar .popover .warning .button .label:hover, + .warning .titlebar .popover .button .label:hover, + .titlebar .popover .error .button .label:hover, + .error .titlebar .popover .button .label:hover, .titlebar .popover GtkScaleButton.button .label:hover, + .titlebar .popover GtkVolumeButton.button .label:hover, .titlebar .popover GfCandidatePopup .button .label:hover, GfCandidatePopup .titlebar .popover .button .label:hover, .titlebar .popover GfCandidatePopup .button:first-child .label:hover, GfCandidatePopup .titlebar .popover .button:first-child .label:hover, .titlebar .popover GfCandidatePopup .button:last-child .label:hover, GfCandidatePopup .titlebar .popover .button:last-child .label:hover, + .titlebar .popover GfCandidatePopup .linked > .button .label:hover, + GfCandidatePopup .titlebar .popover .linked > .button .label:hover, .titlebar .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton) .label:hover, MathWindow :not(.titlebar) .titlebar .popover .button:not(.flat):not(.titlebutton) .label:hover, .titlebar .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton) .label:hover, MathWindow :not(.header-bar) .titlebar .popover .button:not(.flat):not(.titlebutton) .label:hover, + .header-bar .popover .button.flat .label:hover, + .header-bar .popover .button.osd.image-button .label:hover, + .header-bar .popover .inline-toolbar .button .label:hover, + .inline-toolbar .header-bar .popover .button .label:hover, + .header-bar .popover .action-bar .button .label:hover, + .action-bar .header-bar .popover .button .label:hover, + .header-bar .popover .app-notification .button .label:hover, + .app-notification .header-bar .popover .button .label:hover, + .header-bar .popover GeditViewFrame .gedit-search-slider .button .label:hover, + GeditViewFrame .gedit-search-slider .header-bar .popover .button .label:hover, + .header-bar .popover .toolbar .button .label:hover, + .toolbar .header-bar .popover .button .label:hover, + .header-bar .popover .button:not(.suggested-action):not(.destructive-action) .label:hover, + .header-bar .popover .message-dialog.csd .dialog-action-area .button .label:hover, + .message-dialog.csd .dialog-action-area .header-bar .popover .button .label:hover, + .header-bar .popover .sidebar-button.button .label:hover, + .header-bar .popover .info .button .label:hover, + .info .header-bar .popover .button .label:hover, + .header-bar .popover .question .button .label:hover, + .question .header-bar .popover .button .label:hover, + .header-bar .popover .warning .button .label:hover, + .warning .header-bar .popover .button .label:hover, + .header-bar .popover .error .button .label:hover, + .error .header-bar .popover .button .label:hover, + .header-bar .popover GtkScaleButton.button .label:hover, + .header-bar .popover GtkVolumeButton.button .label:hover, + .header-bar .popover GfCandidatePopup .button .label:hover, + GfCandidatePopup .header-bar .popover .button .label:hover, + .header-bar .popover GfCandidatePopup .button:first-child .label:hover, + GfCandidatePopup .header-bar .popover .button:first-child .label:hover, + .header-bar .popover GfCandidatePopup .button:last-child .label:hover, + GfCandidatePopup .header-bar .popover .button:last-child .label:hover, + .header-bar .popover GfCandidatePopup .linked > .button .label:hover, + GfCandidatePopup .header-bar .popover .linked > .button .label:hover, + .header-bar .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton) .label:hover, + MathWindow :not(.titlebar) .header-bar .popover .button:not(.flat):not(.titlebutton) .label:hover, + .header-bar .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton) .label:hover, + MathWindow :not(.header-bar) .header-bar .popover .button:not(.flat):not(.titlebutton) .label:hover { + color: #263238; } + .titlebar .popover .button.flat .label:insensitive, .titlebar .popover .button.osd.image-button .label:insensitive, .titlebar .popover .inline-toolbar .button .label:insensitive, .inline-toolbar .titlebar .popover .button .label:insensitive, .titlebar .popover .action-bar .button .label:insensitive, .action-bar .titlebar .popover .button .label:insensitive, .titlebar .popover .app-notification .button .label:insensitive, .app-notification .titlebar .popover .button .label:insensitive, .titlebar .popover GeditViewFrame .gedit-search-slider .button .label:insensitive, GeditViewFrame .gedit-search-slider .titlebar .popover .button .label:insensitive, .titlebar .popover .toolbar .button .label:insensitive, .toolbar .titlebar .popover .button .label:insensitive, .titlebar .popover .button:not(.suggested-action):not(.destructive-action) .label:insensitive, .titlebar .popover .message-dialog.csd .dialog-action-area .button .label:insensitive, .message-dialog.csd .dialog-action-area .titlebar .popover .button .label:insensitive, .titlebar .popover .sidebar-button.button .label:insensitive, .titlebar .popover .info .button .label:insensitive, .info .titlebar .popover .button .label:insensitive, + .titlebar .popover .question .button .label:insensitive, + .question .titlebar .popover .button .label:insensitive, + .titlebar .popover .warning .button .label:insensitive, + .warning .titlebar .popover .button .label:insensitive, + .titlebar .popover .error .button .label:insensitive, + .error .titlebar .popover .button .label:insensitive, .titlebar .popover GtkScaleButton.button .label:insensitive, + .titlebar .popover GtkVolumeButton.button .label:insensitive, .titlebar .popover GfCandidatePopup .button .label:insensitive, GfCandidatePopup .titlebar .popover .button .label:insensitive, .titlebar .popover GfCandidatePopup .button:first-child .label:insensitive, GfCandidatePopup .titlebar .popover .button:first-child .label:insensitive, .titlebar .popover GfCandidatePopup .button:last-child .label:insensitive, GfCandidatePopup .titlebar .popover .button:last-child .label:insensitive, + .titlebar .popover GfCandidatePopup .linked > .button .label:insensitive, + GfCandidatePopup .titlebar .popover .linked > .button .label:insensitive, .titlebar .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton) .label:insensitive, MathWindow :not(.titlebar) .titlebar .popover .button:not(.flat):not(.titlebutton) .label:insensitive, .titlebar .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton) .label:insensitive, MathWindow :not(.header-bar) .titlebar .popover .button:not(.flat):not(.titlebutton) .label:insensitive, + .header-bar .popover .button.flat .label:insensitive, + .header-bar .popover .button.osd.image-button .label:insensitive, + .header-bar .popover .inline-toolbar .button .label:insensitive, + .inline-toolbar .header-bar .popover .button .label:insensitive, + .header-bar .popover .action-bar .button .label:insensitive, + .action-bar .header-bar .popover .button .label:insensitive, + .header-bar .popover .app-notification .button .label:insensitive, + .app-notification .header-bar .popover .button .label:insensitive, + .header-bar .popover GeditViewFrame .gedit-search-slider .button .label:insensitive, + GeditViewFrame .gedit-search-slider .header-bar .popover .button .label:insensitive, + .header-bar .popover .toolbar .button .label:insensitive, + .toolbar .header-bar .popover .button .label:insensitive, + .header-bar .popover .button:not(.suggested-action):not(.destructive-action) .label:insensitive, + .header-bar .popover .message-dialog.csd .dialog-action-area .button .label:insensitive, + .message-dialog.csd .dialog-action-area .header-bar .popover .button .label:insensitive, + .header-bar .popover .sidebar-button.button .label:insensitive, + .header-bar .popover .info .button .label:insensitive, + .info .header-bar .popover .button .label:insensitive, + .header-bar .popover .question .button .label:insensitive, + .question .header-bar .popover .button .label:insensitive, + .header-bar .popover .warning .button .label:insensitive, + .warning .header-bar .popover .button .label:insensitive, + .header-bar .popover .error .button .label:insensitive, + .error .header-bar .popover .button .label:insensitive, + .header-bar .popover GtkScaleButton.button .label:insensitive, + .header-bar .popover GtkVolumeButton.button .label:insensitive, + .header-bar .popover GfCandidatePopup .button .label:insensitive, + GfCandidatePopup .header-bar .popover .button .label:insensitive, + .header-bar .popover GfCandidatePopup .button:first-child .label:insensitive, + GfCandidatePopup .header-bar .popover .button:first-child .label:insensitive, + .header-bar .popover GfCandidatePopup .button:last-child .label:insensitive, + GfCandidatePopup .header-bar .popover .button:last-child .label:insensitive, + .header-bar .popover GfCandidatePopup .linked > .button .label:insensitive, + GfCandidatePopup .header-bar .popover .linked > .button .label:insensitive, + .header-bar .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton) .label:insensitive, + MathWindow :not(.titlebar) .header-bar .popover .button:not(.flat):not(.titlebutton) .label:insensitive, + .header-bar .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton) .label:insensitive, + MathWindow :not(.header-bar) .header-bar .popover .button:not(.flat):not(.titlebutton) .label:insensitive { + color: rgba(38, 50, 56, 0.3); } + .titlebar GtkSwitch.trough, + .header-bar GtkSwitch.trough { + background-color: rgba(236, 239, 241, 0.075); } + .titlebar GtkSwitch.trough:active, + .header-bar GtkSwitch.trough:active { + background-color: rgba(0, 188, 212, 0.2); } + .titlebar GtkSwitch.trough:active:insensitive, + .header-bar GtkSwitch.trough:active:insensitive { + background-color: rgba(0, 188, 212, 0.2); } + .titlebar GtkSwitch.trough:insensitive, + .header-bar GtkSwitch.trough:insensitive { + color: rgba(236, 239, 241, 0.3); + background-color: alpha(currentColor, 0.2); } + .titlebar GtkSwitch.slider, + .header-bar GtkSwitch.slider { + background-color: #3e515a; } + .titlebar GtkSwitch.slider:hover, + .header-bar GtkSwitch.slider:hover { + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2)); } + .titlebar GtkSwitch.slider:active, + .header-bar GtkSwitch.slider:active { + background-color: #E8E8E8; } + .titlebar GtkSwitch.slider:active:insensitive, + .header-bar GtkSwitch.slider:active:insensitive { + background-color: #3F4E56; } + .titlebar GtkSwitch.slider:insensitive, + .header-bar GtkSwitch.slider:insensitive { + background-color: #3F4E56; } + .titlebar.selection-mode, + .header-bar.selection-mode { + border-width: 1px 0 1px 0; + border-top-color: rgba(255, 255, 255, 0.07); + border-bottom-color: transparent; + background-color: #E8E8E8; + color: #FFFFFF; } + .titlebar.selection-mode .button, + .titlebar.selection-mode .button.text-button, + .titlebar.selection-mode .flat.selection-menu, + .titlebar.selection-mode .text-button.selection-menu, + .titlebar.selection-mode .button.image-button, + .header-bar.selection-mode .button, + .header-bar.selection-mode .button.text-button, + .header-bar.selection-mode .flat.selection-menu, + .header-bar.selection-mode .text-button.selection-menu, + .header-bar.selection-mode .button.image-button { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#FFFFFF), to(transparent)) 0 0 0/0 0 0px; + color: rgba(255, 255, 255, 0.85); + background-color: transparent; } + .titlebar.selection-mode .button:hover, .titlebar.selection-mode .button:active, .titlebar.selection-mode .button:checked, + .titlebar.selection-mode .button.text-button:hover, + .titlebar.selection-mode .button.text-button:active, + .titlebar.selection-mode .button.text-button:checked, + .titlebar.selection-mode .flat.selection-menu:hover, + .titlebar.selection-mode .flat.selection-menu:active, + .titlebar.selection-mode .flat.selection-menu:checked, + .titlebar.selection-mode .text-button.selection-menu:hover, + .titlebar.selection-mode .text-button.selection-menu:active, + .titlebar.selection-mode .text-button.selection-menu:checked, + .titlebar.selection-mode .button.image-button:hover, + .titlebar.selection-mode .button.image-button:active, + .titlebar.selection-mode .button.image-button:checked, + .header-bar.selection-mode .button:hover, + .header-bar.selection-mode .button:active, + .header-bar.selection-mode .button:checked, + .header-bar.selection-mode .button.text-button:hover, + .header-bar.selection-mode .button.text-button:active, + .header-bar.selection-mode .button.text-button:checked, + .header-bar.selection-mode .flat.selection-menu:hover, + .header-bar.selection-mode .flat.selection-menu:active, + .header-bar.selection-mode .flat.selection-menu:checked, + .header-bar.selection-mode .text-button.selection-menu:hover, + .header-bar.selection-mode .text-button.selection-menu:active, + .header-bar.selection-mode .text-button.selection-menu:checked, + .header-bar.selection-mode .button.image-button:hover, + .header-bar.selection-mode .button.image-button:active, + .header-bar.selection-mode .button.image-button:checked { + color: #FFFFFF; } + .titlebar.selection-mode .button:insensitive, + .titlebar.selection-mode .button.text-button:insensitive, + .titlebar.selection-mode .flat.selection-menu:insensitive, + .titlebar.selection-mode .text-button.selection-menu:insensitive, + .titlebar.selection-mode .button.image-button:insensitive, + .header-bar.selection-mode .button:insensitive, + .header-bar.selection-mode .button.text-button:insensitive, + .header-bar.selection-mode .flat.selection-menu:insensitive, + .header-bar.selection-mode .text-button.selection-menu:insensitive, + .header-bar.selection-mode .button.image-button:insensitive { + color: rgba(236, 239, 241, 0.225); } + .titlebar.selection-mode .button:checked, + .titlebar.selection-mode .button.text-button:checked, + .titlebar.selection-mode .flat.selection-menu:checked, + .titlebar.selection-mode .text-button.selection-menu:checked, + .titlebar.selection-mode .button.image-button:checked, + .header-bar.selection-mode .button:checked, + .header-bar.selection-mode .button.text-button:checked, + .header-bar.selection-mode .flat.selection-menu:checked, + .header-bar.selection-mode .text-button.selection-menu:checked, + .header-bar.selection-mode .button.image-button:checked { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FFFFFF), to(transparent)) 0 0 2/0 0 2px; + color: #FFFFFF; + background-color: transparent; } + .titlebar.selection-mode .button:checked:insensitive, + .titlebar.selection-mode .button.text-button:checked:insensitive, + .titlebar.selection-mode .flat.selection-menu:checked:insensitive, + .titlebar.selection-mode .text-button.selection-menu:checked:insensitive, + .titlebar.selection-mode .button.image-button:checked:insensitive, + .header-bar.selection-mode .button:checked:insensitive, + .header-bar.selection-mode .button.text-button:checked:insensitive, + .header-bar.selection-mode .flat.selection-menu:checked:insensitive, + .header-bar.selection-mode .text-button.selection-menu:checked:insensitive, + .header-bar.selection-mode .button.image-button:checked:insensitive { + color: rgba(255, 255, 255, 0.4); } + .titlebar.selection-mode .button:checked:insensitive > .label, + .titlebar.selection-mode .button.text-button:checked:insensitive > .label, + .titlebar.selection-mode .flat.selection-menu:checked:insensitive > .label, + .titlebar.selection-mode .text-button.selection-menu:checked:insensitive > .label, + .titlebar.selection-mode .button.image-button:checked:insensitive > .label, + .header-bar.selection-mode .button:checked:insensitive > .label, + .header-bar.selection-mode .button.text-button:checked:insensitive > .label, + .header-bar.selection-mode .flat.selection-menu:checked:insensitive > .label, + .header-bar.selection-mode .text-button.selection-menu:checked:insensitive > .label, + .header-bar.selection-mode .button.image-button:checked:insensitive > .label { + color: inherit; } + .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode .raven .raven-header > .button.text-button, .raven .titlebar.selection-mode .raven-header > .button.text-button, + .titlebar.selection-mode .button.text-button.suggested-action, + .titlebar.selection-mode .raven .raven-header > .text-button.button, + .raven .titlebar.selection-mode .raven-header > .text-button.button, + .titlebar.selection-mode .flat.selection-menu.suggested-action, + .titlebar.selection-mode .text-button.selection-menu.suggested-action, + .titlebar.selection-mode .button.image-button.suggested-action, + .titlebar.selection-mode .raven .raven-header > .image-button.button.text-button, + .raven .titlebar.selection-mode .raven-header > .image-button.button.text-button, + .header-bar.selection-mode .button.suggested-action, + .header-bar.selection-mode .raven .raven-header > .button.text-button, + .raven .header-bar.selection-mode .raven-header > .button.text-button, + .header-bar.selection-mode .button.text-button.suggested-action, + .header-bar.selection-mode .raven .raven-header > .text-button.button, + .raven .header-bar.selection-mode .raven-header > .text-button.button, + .header-bar.selection-mode .flat.selection-menu.suggested-action, + .header-bar.selection-mode .text-button.selection-menu.suggested-action, + .header-bar.selection-mode .button.image-button.suggested-action, + .header-bar.selection-mode .raven .raven-header > .image-button.button.text-button, + .raven .header-bar.selection-mode .raven-header > .image-button.button.text-button { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #FFFFFF; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); } + .titlebar.selection-mode .button.suggested-action:hover, .titlebar.selection-mode .raven .raven-header > .button.text-button:hover, .raven .titlebar.selection-mode .raven-header > .button.text-button:hover, + .titlebar.selection-mode .button.text-button.suggested-action:hover, + .titlebar.selection-mode .raven .raven-header > .text-button.button:hover, + .raven .titlebar.selection-mode .raven-header > .text-button.button:hover, + .titlebar.selection-mode .flat.selection-menu.suggested-action:hover, + .titlebar.selection-mode .text-button.selection-menu.suggested-action:hover, + .titlebar.selection-mode .button.image-button.suggested-action:hover, + .titlebar.selection-mode .raven .raven-header > .image-button.button.text-button:hover, + .raven .titlebar.selection-mode .raven-header > .image-button.button.text-button:hover, + .header-bar.selection-mode .button.suggested-action:hover, + .header-bar.selection-mode .raven .raven-header > .button.text-button:hover, + .raven .header-bar.selection-mode .raven-header > .button.text-button:hover, + .header-bar.selection-mode .button.text-button.suggested-action:hover, + .header-bar.selection-mode .raven .raven-header > .text-button.button:hover, + .raven .header-bar.selection-mode .raven-header > .text-button.button:hover, + .header-bar.selection-mode .flat.selection-menu.suggested-action:hover, + .header-bar.selection-mode .text-button.selection-menu.suggested-action:hover, + .header-bar.selection-mode .button.image-button.suggested-action:hover, + .header-bar.selection-mode .raven .raven-header > .image-button.button.text-button:hover, + .raven .header-bar.selection-mode .raven-header > .image-button.button.text-button:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #263238; } + .titlebar.selection-mode .button.suggested-action:active, .titlebar.selection-mode .raven .raven-header > .button.text-button:active, .raven .titlebar.selection-mode .raven-header > .button.text-button:active, + .titlebar.selection-mode .button.text-button.suggested-action:active, + .titlebar.selection-mode .raven .raven-header > .text-button.button:active, + .raven .titlebar.selection-mode .raven-header > .text-button.button:active, + .titlebar.selection-mode .flat.selection-menu.suggested-action:active, + .titlebar.selection-mode .text-button.selection-menu.suggested-action:active, + .titlebar.selection-mode .button.image-button.suggested-action:active, + .titlebar.selection-mode .raven .raven-header > .image-button.button.text-button:active, + .raven .titlebar.selection-mode .raven-header > .image-button.button.text-button:active, + .header-bar.selection-mode .button.suggested-action:active, + .header-bar.selection-mode .raven .raven-header > .button.text-button:active, + .raven .header-bar.selection-mode .raven-header > .button.text-button:active, + .header-bar.selection-mode .button.text-button.suggested-action:active, + .header-bar.selection-mode .raven .raven-header > .text-button.button:active, + .raven .header-bar.selection-mode .raven-header > .text-button.button:active, + .header-bar.selection-mode .flat.selection-menu.suggested-action:active, + .header-bar.selection-mode .text-button.selection-menu.suggested-action:active, + .header-bar.selection-mode .button.image-button.suggested-action:active, + .header-bar.selection-mode .raven .raven-header > .image-button.button.text-button:active, + .raven .header-bar.selection-mode .raven-header > .image-button.button.text-button:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #263238; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .titlebar.selection-mode .button.suggested-action:insensitive, .titlebar.selection-mode .raven .raven-header > .button.text-button:insensitive, .raven .titlebar.selection-mode .raven-header > .button.text-button:insensitive, + .titlebar.selection-mode .button.text-button.suggested-action:insensitive, + .titlebar.selection-mode .raven .raven-header > .text-button.button:insensitive, + .raven .titlebar.selection-mode .raven-header > .text-button.button:insensitive, + .titlebar.selection-mode .flat.selection-menu.suggested-action:insensitive, + .titlebar.selection-mode .text-button.selection-menu.suggested-action:insensitive, + .titlebar.selection-mode .button.image-button.suggested-action:insensitive, + .titlebar.selection-mode .raven .raven-header > .image-button.button.text-button:insensitive, + .raven .titlebar.selection-mode .raven-header > .image-button.button.text-button:insensitive, + .header-bar.selection-mode .button.suggested-action:insensitive, + .header-bar.selection-mode .raven .raven-header > .button.text-button:insensitive, + .raven .header-bar.selection-mode .raven-header > .button.text-button:insensitive, + .header-bar.selection-mode .button.text-button.suggested-action:insensitive, + .header-bar.selection-mode .raven .raven-header > .text-button.button:insensitive, + .raven .header-bar.selection-mode .raven-header > .text-button.button:insensitive, + .header-bar.selection-mode .flat.selection-menu.suggested-action:insensitive, + .header-bar.selection-mode .text-button.selection-menu.suggested-action:insensitive, + .header-bar.selection-mode .button.image-button.suggested-action:insensitive, + .header-bar.selection-mode .raven .raven-header > .image-button.button.text-button:insensitive, + .raven .header-bar.selection-mode .raven-header > .image-button.button.text-button:insensitive { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(38, 50, 56, 0.225); } + .titlebar.selection-mode .button.suggested-action:insensitive > .label, .titlebar.selection-mode .raven .raven-header > .button.text-button:insensitive > .label, .raven .titlebar.selection-mode .raven-header > .button.text-button:insensitive > .label, + .titlebar.selection-mode .button.text-button.suggested-action:insensitive > .label, + .titlebar.selection-mode .raven .raven-header > .text-button.button:insensitive > .label, + .raven .titlebar.selection-mode .raven-header > .text-button.button:insensitive > .label, + .titlebar.selection-mode .flat.selection-menu.suggested-action:insensitive > .label, + .titlebar.selection-mode .text-button.selection-menu.suggested-action:insensitive > .label, + .titlebar.selection-mode .button.image-button.suggested-action:insensitive > .label, + .titlebar.selection-mode .raven .raven-header > .image-button.button.text-button:insensitive > .label, + .raven .titlebar.selection-mode .raven-header > .image-button.button.text-button:insensitive > .label, + .header-bar.selection-mode .button.suggested-action:insensitive > .label, + .header-bar.selection-mode .raven .raven-header > .button.text-button:insensitive > .label, + .raven .header-bar.selection-mode .raven-header > .button.text-button:insensitive > .label, + .header-bar.selection-mode .button.text-button.suggested-action:insensitive > .label, + .header-bar.selection-mode .raven .raven-header > .text-button.button:insensitive > .label, + .raven .header-bar.selection-mode .raven-header > .text-button.button:insensitive > .label, + .header-bar.selection-mode .flat.selection-menu.suggested-action:insensitive > .label, + .header-bar.selection-mode .text-button.selection-menu.suggested-action:insensitive > .label, + .header-bar.selection-mode .button.image-button.suggested-action:insensitive > .label, + .header-bar.selection-mode .raven .raven-header > .image-button.button.text-button:insensitive > .label, + .raven .header-bar.selection-mode .raven-header > .image-button.button.text-button:insensitive > .label { + color: inherit; } + .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action), + .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action) { + border-radius: 100px; + outline-radius: 100px; } + .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).text-button, .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).flat.selection-menu, .titlebar.selection-mode .button.osd.image-button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .inline-toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu, .inline-toolbar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .action-bar .button:not(.suggested-action):not(.destructive-action).selection-menu, .action-bar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .app-notification .button:not(.suggested-action):not(.destructive-action).selection-menu, .app-notification .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode GeditViewFrame .gedit-search-slider .button:not(.suggested-action):not(.destructive-action).selection-menu, GeditViewFrame .gedit-search-slider .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu, .toolbar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode .header-bar .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .message-dialog.csd .dialog-action-area .button:not(.suggested-action):not(.destructive-action).selection-menu, .message-dialog.csd .dialog-action-area .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .sidebar-button.button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .info .button:not(.suggested-action):not(.destructive-action).selection-menu, .info .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode .question .button:not(.suggested-action):not(.destructive-action).selection-menu, + .question .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode .warning .button:not(.suggested-action):not(.destructive-action).selection-menu, + .warning .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode .error .button:not(.suggested-action):not(.destructive-action).selection-menu, + .error .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode GtkScaleButton.button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode GtkVolumeButton.button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu, GfCandidatePopup .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu:first-child, GfCandidatePopup .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:first-child, .titlebar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu:last-child, GfCandidatePopup .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:last-child, + .titlebar.selection-mode GfCandidatePopup .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu, + GfCandidatePopup .titlebar.selection-mode .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode MathWindow :not(.titlebar) .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), .titlebar.selection-mode MathWindow :not(.header-bar) .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), + .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).text-button, + .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).flat.selection-menu, + .header-bar.selection-mode .button.osd.image-button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .inline-toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu, + .inline-toolbar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .action-bar .button:not(.suggested-action):not(.destructive-action).selection-menu, + .action-bar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .app-notification .button:not(.suggested-action):not(.destructive-action).selection-menu, + .app-notification .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode GeditViewFrame .gedit-search-slider .button:not(.suggested-action):not(.destructive-action).selection-menu, + GeditViewFrame .gedit-search-slider .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu, + .toolbar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .titlebar .button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .message-dialog.csd .dialog-action-area .button:not(.suggested-action):not(.destructive-action).selection-menu, + .message-dialog.csd .dialog-action-area .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .sidebar-button.button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .info .button:not(.suggested-action):not(.destructive-action).selection-menu, + .info .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .question .button:not(.suggested-action):not(.destructive-action).selection-menu, + .question .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .warning .button:not(.suggested-action):not(.destructive-action).selection-menu, + .warning .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode .error .button:not(.suggested-action):not(.destructive-action).selection-menu, + .error .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode GtkScaleButton.button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode GtkVolumeButton.button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu, + GfCandidatePopup .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu:first-child, + GfCandidatePopup .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:first-child, + .header-bar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu:last-child, + GfCandidatePopup .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:last-child, + .header-bar.selection-mode GfCandidatePopup .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu, + GfCandidatePopup .header-bar.selection-mode .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu, + .header-bar.selection-mode MathWindow :not(.titlebar) .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), + .header-bar.selection-mode MathWindow :not(.header-bar) .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton) { + border-radius: 2px; + outline-radius: 2px; } + .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).text-button.image-button, .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).flat.selection-menu.image-button, .titlebar.selection-mode .button.osd:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .inline-toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .inline-toolbar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .action-bar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .action-bar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .app-notification .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .app-notification .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode GeditViewFrame .gedit-search-slider .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, GeditViewFrame .gedit-search-slider .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .toolbar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode .header-bar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .message-dialog.csd .dialog-action-area .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .message-dialog.csd .dialog-action-area .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .sidebar-button.button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .info .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .info .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode .question .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .question .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode .warning .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .warning .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode .error .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .error .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode GtkScaleButton.button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode GtkVolumeButton.button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, GfCandidatePopup .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:first-child, GfCandidatePopup .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:first-child, .titlebar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:last-child, GfCandidatePopup .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:last-child, + .titlebar.selection-mode GfCandidatePopup .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + GfCandidatePopup .titlebar.selection-mode .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode MathWindow :not(.titlebar) .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), .titlebar.selection-mode MathWindow :not(.header-bar) .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), + .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).text-button.image-button, + .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).flat.selection-menu.image-button, + .header-bar.selection-mode .button.osd:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .inline-toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .inline-toolbar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .action-bar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .action-bar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .app-notification .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .app-notification .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode GeditViewFrame .gedit-search-slider .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + GeditViewFrame .gedit-search-slider .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .toolbar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .titlebar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .message-dialog.csd .dialog-action-area .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .message-dialog.csd .dialog-action-area .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .sidebar-button.button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .info .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .info .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .question .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .question .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .warning .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .warning .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode .error .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .error .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode GtkScaleButton.button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode GtkVolumeButton.button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + GfCandidatePopup .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:first-child, + GfCandidatePopup .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:first-child, + .header-bar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:last-child, + GfCandidatePopup .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:last-child, + .header-bar.selection-mode GfCandidatePopup .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + GfCandidatePopup .header-bar.selection-mode .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .header-bar.selection-mode MathWindow :not(.titlebar) .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), + .header-bar.selection-mode MathWindow :not(.header-bar) .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton) { + border-radius: 100px; + outline-radius: 100px; } + .titlebar.selection-mode .entry, + .header-bar.selection-mode .entry { + color: #BBBBBB; } + .titlebar.selection-mode .entry:focus, + .header-bar.selection-mode .entry:focus { + color: #ECEFF1; } + .titlebar.selection-mode .entry:insensitive, + .header-bar.selection-mode .entry:insensitive { + color: rgba(236, 239, 241, 0.225); } + .titlebar.selection-mode .selection-menu, + .header-bar.selection-mode .selection-menu { + padding-left: 1.2em; + padding-right: 1.2em; } + .titlebar.selection-mode .selection-menu GtkArrow, + .header-bar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + .titlebar.selection-mode .selection-menu .arrow, + .header-bar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .tiled .titlebar, .tiled + .header-bar { + transition: none; } + .maximized .titlebar, .maximized + .header-bar { + transition: none; } + .titlebar.default-decoration, + .header-bar.default-decoration { + padding: 5.3px; + border-width: 0; } + .titlebar.default-decoration .title, + .header-bar.default-decoration .title { + color: #ECEFF1; } + .titlebar.default-decoration .title:backdrop, + .header-bar.default-decoration .title:backdrop { + color: rgba(236, 239, 241, 0.4); } + .titlebar.default-decoration .button.titlebutton, + .header-bar.default-decoration .button.titlebutton { + padding: 4px; + color: #BBBBBB; } + .titlebar.default-decoration .button.titlebutton:hover, .titlebar.default-decoration .button.titlebutton:active, + .header-bar.default-decoration .button.titlebutton:hover, + .header-bar.default-decoration .button.titlebutton:active { + color: #ECEFF1; } + .titlebar.default-decoration .button.titlebutton:backdrop, + .header-bar.default-decoration .button.titlebutton:backdrop { + color: rgba(236, 239, 241, 0.4); } + +.csd .header-bar, GtkBox .header-bar:only-child { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32); } +GtkBox .header-bar:not(:only-child):first-child, GtkBox .header-bar:not(:only-child):last-child { + border-left-color: #FFFFFF; + border-right-color: #FFFFFF; } + .tiled GtkBox .header-bar:not(:only-child):first-child, .maximized GtkBox .header-bar:not(:only-child):first-child, .tiled GtkBox .header-bar:not(:only-child):last-child, .maximized GtkBox .header-bar:not(:only-child):last-child { + border-left-color: #FFFFFF; + border-right-color: #FFFFFF; } +GtkBox .header-bar:not(:only-child):last-child:dir(ltr) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), -5px 0 0 -1px #FFFFFF, -2px 0 0 -1px rgba(0, 0, 0, 0.09); } +GtkBox .header-bar:not(:only-child):last-child:dir(rtl) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), 5px 0 0 -1px #FFFFFF, 2px 0 0 -1px rgba(0, 0, 0, 0.09); } +GtkPaned .header-bar:not(:only-child):last-child:dir(ltr) { + border-left: 1px solid #242F35; } +GtkPaned .header-bar:not(:only-child):last-child:dir(rtl) { + border-right: 1px solid #242F35; } + +GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(ltr) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), -5px 0 0 -1px #E8E8E8, -2px 0 0 -1px #242F35; } +GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(rtl) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), 5px 0 0 -1px #E8E8E8, 2px 0 0 -1px #242F35; } + +.header-bar, +.titlebar { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + GtkBox .header-bar:not(:last-child):not(.titlebar):dir(ltr), GtkBox + .titlebar:not(:last-child):not(.titlebar):dir(ltr) { + border-top-left-radius: 2px; + border-top-right-radius: 0; } + GtkBox .header-bar:not(:last-child):not(.titlebar):dir(rtl), GtkBox + .titlebar:not(:last-child):not(.titlebar):dir(rtl) { + border-top-left-radius: 0; + border-top-right-radius: 2px; } + GtkBox .header-bar:last-child:not(.titlebar):dir(ltr), GtkBox + .titlebar:last-child:not(.titlebar):dir(ltr) { + border-top-left-radius: 0; } + GtkBox .header-bar:last-child:not(.titlebar):dir(rtl), GtkBox + .titlebar:last-child:not(.titlebar):dir(rtl) { + border-top-right-radius: 0; } + +.tiled .titlebar, .tiled +.header-bar, .tiled .csd .header-bar, .tiled GtkBox .header-bar:only-child, .tiled GtkBox .header-bar:not(:only-child):last-child:dir(ltr), .tiled GtkBox .header-bar:not(:only-child):last-child:dir(rtl), .tiled GtkPaned .header-bar:not(:only-child):last-child:dir(ltr), .tiled GtkPaned .header-bar:not(:only-child):last-child:dir(rtl), .tiled GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(ltr), .tiled GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(rtl), .window-frame.ssd .tiled .titlebar { + border-radius: 0; + border-color: #FFFFFF; + border-width: 2px 0 0 0; + border-top-color: #FFFFFF; + background-color: #FFFFFF; + box-shadow: none; } + .tiled .titlebar:backdrop, .tiled + .header-bar:backdrop, .tiled GtkBox .header-bar:backdrop:only-child, .tiled GtkBox .header-bar:backdrop:not(:only-child):last-child:dir(ltr), .tiled GtkBox .header-bar:backdrop:not(:only-child):last-child:dir(rtl), .tiled GtkPaned .header-bar:backdrop:not(:only-child):last-child:dir(ltr), .tiled GtkPaned .header-bar:backdrop:not(:only-child):last-child:dir(rtl), .window-frame.ssd .tiled .titlebar:backdrop { + border-top-color: alpha(currentColor, 0.2); } + +.maximized .titlebar, .maximized +.header-bar, .maximized .csd .header-bar, .maximized GtkBox .header-bar:only-child, .maximized GtkBox .header-bar:not(:only-child):last-child:dir(ltr), .maximized GtkBox .header-bar:not(:only-child):last-child:dir(rtl), .maximized GtkPaned .header-bar:not(:only-child):last-child:dir(ltr), .maximized GtkPaned .header-bar:not(:only-child):last-child:dir(rtl), .maximized GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(ltr), .maximized GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(rtl), .window-frame.ssd .maximized .titlebar { + border-radius: 0; + border-color: #FFFFFF; + border-width: 1px 0 0 0; + background-color: #FFFFFF; + box-shadow: none; } + +/************ + * Pathbars * + ************/ +.path-bar .button { + padding: 0.3em 0.7em 0.4em; } + .path-bar .button.image-button { + padding: 0.7em; } + .path-bar .button:only-child { + padding: 0.3em 0.7em 0.4em; } + .path-bar .button .label:last-child { + padding-left: 2px; } + .path-bar .button .label:first-child { + padding-right: 2px; } + .path-bar .button .label:only-child { + padding-right: 0; + padding-left: 0; } + .path-bar .button GtkImage { + padding-top: 1px; } + +/************** + * Tree Views * + **************/ +GtkTreeView.view { + border-left-color: alpha(currentColor, 0.2); + border-top-color: rgba(0, 0, 0, 0.09); + border-radius: 0; + background-color: transparent; + background-image: none; + box-shadow: none; } + * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; } + GtkTreeView.view:hover, GtkTreeView.view:selected { + border-radius: 0; } + GtkTreeView.view, GtkTreeView.view .entry, GtkTreeView.view .entry > .label { + color: rgba(38, 50, 56, 0.75); } + GtkTreeView.view:hover, GtkTreeView.view:active, GtkTreeView.view:focus, GtkTreeView.view .entry:hover, GtkTreeView.view .entry:active, GtkTreeView.view .entry:focus, GtkTreeView.view .entry > .label:hover, GtkTreeView.view .entry > .label:active, GtkTreeView.view .entry > .label:focus { + color: #263238; } + GtkTreeView.view:selected, GtkTreeView.view .entry:selected, GtkTreeView.view .entry > .label:selected { + color: #FFFFFF; } + GtkTreeView.view:insensitive, GtkTreeView.view .entry:insensitive, GtkTreeView.view .entry > .label:insensitive { + color: rgba(38, 50, 56, 0.3); } + GtkTreeView.view:insensitive:selected, GtkTreeView.view .entry:insensitive:selected, GtkTreeView.view .entry > .label:insensitive:selected { + color: rgba(255, 255, 255, 0.4); } + GtkTreeView.view .separator, GtkTreeView.view .separator:hover { + color: rgba(0, 0, 0, 0.09); } + GtkTreeView.view.dnd { + border-style: solid none; + border-width: 1px; + border-color: #137786; } + GtkTreeView.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + GtkTreeView.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + GtkTreeView.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + GtkTreeView.view.expander:selected { + color: rgba(255, 255, 255, 0.75); } + GtkTreeView.view.expander:selected:hover, GtkTreeView.view.expander:selected:active { + color: #FFFFFF; } + GtkTreeView.view.progressbar { + border-color: #E8E8E8; } + GtkTreeView.view.progressbar:selected { + border-color: currentColor; } + GtkTreeView.view.trough { + border-color: rgba(77, 182, 172, 0.2); } + GtkTreeView.view.trough:selected { + border-color: alpha(currentColor, 0.2); } + GtkTreeView.view, GtkPaned GtkTreeView.view { + background-color: #FFFFFF; } + GtkTreeView.view:hover, + GtkTreeView.view .list-row:hover, + GtkTreeView.view .tweak-category:hover, GtkPaned GtkTreeView.view:hover, + GtkPaned GtkTreeView.view .list-row:hover, + GtkPaned GtkTreeView.view .tweak-category:hover { + color: #263238; } + +column-header .button { + padding: 0.3em 0.4em 0.35em; + border-style: none solid solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.09); + border-radius: 0; + background-color: #FFFFFF; + color: rgba(38, 50, 56, 0.5); + box-shadow: none; } + column-header .button:hover, column-header .button:active { + color: #263238; + box-shadow: none; } + column-header .button:insensitive { + background-color: #FFFFFF; } +column-header:last-child .button, column-header:last-child.button { + border-right-style: none; } +GtkPaned column-header .button { + background-color: #FFFFFF; } + GtkPaned column-header .button:insensitive { + background-color: #FFFFFF; } +GtkPaned column-header:not(:first-child):not(:last-child).button, GtkPaned column-header:not(:first-child):not(:last-child) .button { + border-style: none solid solid none; } +GtkPaned column-header.button, GtkPaned column-header .button, GtkPaned column-header:only-child.button, GtkPaned column-header:only-child .button, GtkPaned column-header:first-child.button, GtkPaned column-header:first-child .button, GtkPaned column-header:last-child.button, GtkPaned column-header:last-child .button { + border-style: none none solid none; } + +column-header.button.dnd, column-header .button.dnd { + border-left-style: solid; + color: #E8E8E8; } + +/********* + * Menus * + *********/ +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #FFFFFF; + color: #BBBBBB; } + .menubar > .menuitem { + padding: 0.4em 0.6em; + color: #BBBBBB; } + .menubar > .menuitem:hover { + color: #ECEFF1; + box-shadow: inset 0 -2px #E8E8E8; } + .menubar > .menuitem:insensitive { + color: rgba(236, 239, 241, 0.3); + box-shadow: none; } + .tiled .menubar, .maximized .menubar { + background-color: #FFFFFF; + box-shadow: none; } + +.menu { + margin: 4px 0; + padding: 4px 0; + border-width: 1px; + border-style: solid; + border-color: #FFFFFF transparent transparent; + background-color: #fdfdfe; } + .csd .menu { + border-width: 1px; + border-radius: 2px; + border-color: #FFFFFF transparent transparent; } + .menu .menuitem { + transition: none; + padding: 0.4em 0.4em 0.5em; + color: rgba(38, 50, 56, 0.75); + font: initial; + text-shadow: none; } + .menu .menuitem:hover { + transition: none; + color: #263238; + background-color: alpha(currentColor, 0.1); } + .menu .menuitem:insensitive { + color: rgba(38, 50, 56, 0.3); } + .menu .menuitem.arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + .menu .menuitem.arrow:insensitive { + color: rgba(38, 50, 56, 0.3); } + .menu .menuitem.arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + .menu.button { + border-style: none; + border-radius: 0; + background-color: #fdfdfe; } + .menu.button:hover { + background-color: #FFFFFF; } + .menu.button:insensitive { + color: transparent; + background-color: transparent; + border-color: transparent; } + .menu.button.top { + border-bottom: 1px solid rgba(0, 0, 0, 0.09); } + .menu.button.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.09); } + .menu GtkSeparatorMenuItem:dir(ltr) { + padding-left: 2.4em; + padding-right: 0; } + .menu GtkSeparatorMenuItem:dir(rtl) { + padding-left: 0; + padding-right: 2.4em; } + +.menuitem .accelerator { + color: alpha(currentColor, 0.55); } +.menuitem .separator { + color: rgba(0, 0, 0, 0.09); } + +.csd.popup { + border-radius: 2px; } + +/*************** + * Popovers * + ***************/ +.popover { + padding: 2px; + border: 1px solid; + border-color: #FFFFFF #fdfdfe #fdfdfe; + border-radius: 2px; + background-color: #fdfdfe; + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.2); } + .popover:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + .popover > .list, + .popover > .view, + .popover > .toolbar, .popover.osd > .toolbar { + border-style: none; + border-image: none; + background-color: transparent; + transition: none; } + .popover .button.menuitem.flat, .popover .menuitem.button.osd.image-button, .popover .inline-toolbar .menuitem.button, .inline-toolbar .popover .menuitem.button, .popover .action-bar .menuitem.button, .action-bar .popover .menuitem.button, .popover .inline-toolbar .linked > .menuitem.button.image-button:not(.text-button), .inline-toolbar .popover .linked > .menuitem.button.image-button:not(.text-button), .popover .inline-toolbar .stack-switcher > .menuitem.button.image-button:not(.text-button), .inline-toolbar .popover .stack-switcher > .menuitem.button.image-button:not(.text-button), .popover .action-bar .stack-switcher > .menuitem.button.image-button:not(.text-button), .action-bar .popover .stack-switcher > .menuitem.button.image-button:not(.text-button), .popover .app-notification .menuitem.button, .app-notification .popover .menuitem.button, .popover GeditViewFrame .gedit-search-slider .menuitem.button, GeditViewFrame .gedit-search-slider .popover .menuitem.button, .popover .toolbar .menuitem.button, .toolbar .popover .menuitem.button, .popover .titlebar .menuitem.button:not(.suggested-action):not(.destructive-action), .titlebar .popover .menuitem.button:not(.suggested-action):not(.destructive-action), + .popover .header-bar .menuitem.button:not(.suggested-action):not(.destructive-action), + .header-bar .popover .menuitem.button:not(.suggested-action):not(.destructive-action), .popover .message-dialog.csd .dialog-action-area .menuitem.button, .message-dialog.csd .dialog-action-area .popover .menuitem.button, .popover .menuitem.sidebar-button.button, .popover .info .menuitem.button, .info .popover .menuitem.button, + .popover .question .menuitem.button, + .question .popover .menuitem.button, + .popover .warning .menuitem.button, + .warning .popover .menuitem.button, + .popover .error .menuitem.button, + .error .popover .menuitem.button, .popover GtkScaleButton.menuitem.button, + .popover GtkVolumeButton.menuitem.button, .popover GfCandidatePopup .menuitem.button, GfCandidatePopup .popover .menuitem.button, .popover GfCandidatePopup .menuitem.button:first-child, GfCandidatePopup .popover .menuitem.button:first-child, .popover GfCandidatePopup .menuitem.button:last-child, GfCandidatePopup .popover .menuitem.button:last-child, + .popover GfCandidatePopup .linked > .menuitem.button, + GfCandidatePopup .popover .linked > .menuitem.button, .popover MathWindow :not(.titlebar) .menuitem.button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .popover .menuitem.button:not(.flat):not(.titlebutton), .popover MathWindow :not(.header-bar) .menuitem.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .popover .menuitem.button:not(.flat):not(.titlebutton), + .popover .button.flat, + .popover .button.osd.image-button, + .popover .inline-toolbar .button, + .inline-toolbar .popover .button, + .popover .inline-toolbar .button.image-button:not(.text-button), + .inline-toolbar .popover .button.image-button:not(.text-button), + .popover .action-bar .button, + .action-bar .popover .button, + .popover .action-bar .button.image-button:not(.text-button), + .action-bar .popover .button.image-button:not(.text-button), + .popover .app-notification .button, + .app-notification .popover .button, + .popover GeditViewFrame .gedit-search-slider .button, + GeditViewFrame .gedit-search-slider .popover .button, + .popover .toolbar .button, + .toolbar .popover .button, + .popover .titlebar .button:not(.suggested-action):not(.destructive-action), + .titlebar .popover .button:not(.suggested-action):not(.destructive-action), + .popover .header-bar .button:not(.suggested-action):not(.destructive-action), + .header-bar .popover .button:not(.suggested-action):not(.destructive-action), + .popover .message-dialog.csd .dialog-action-area .button, + .message-dialog.csd .dialog-action-area .popover .button, + .popover .sidebar-button.button, + .popover .info .button, + .info .popover .button, + .popover .question .button, + .question .popover .button, + .popover .warning .button, + .warning .popover .button, + .popover .error .button, + .error .popover .button, + .popover GtkScaleButton.button, + .popover GtkVolumeButton.button, + .popover GfCandidatePopup .button, + GfCandidatePopup .popover .button, + .popover GfCandidatePopup .button:first-child, + GfCandidatePopup .popover .button:first-child, + .popover GfCandidatePopup .button:last-child, + GfCandidatePopup .popover .button:last-child, + .popover GfCandidatePopup .linked > .button, + GfCandidatePopup .popover .linked > .button, + .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .popover .button:not(.flat):not(.titlebutton), + .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .popover .button:not(.flat):not(.titlebutton), + .popover .action-bar .linked > .button.image-button, + .action-bar .popover .linked > .button.image-button, + .popover NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button, + NemoWindow GtkGrid > GtkEventBox > .toolbar .popover .button.image-button { + transition: none; + background-color: transparent; + background-size: 10em 10em, auto; + color: rgba(38, 50, 56, 0.75); + font: initial; } + .popover .button.menuitem.flat:hover, .popover .menuitem.button.osd.image-button:hover, .popover .inline-toolbar .menuitem.button:hover, .inline-toolbar .popover .menuitem.button:hover, .popover .action-bar .menuitem.button:hover, .action-bar .popover .menuitem.button:hover, .popover .app-notification .menuitem.button:hover, .app-notification .popover .menuitem.button:hover, .popover GeditViewFrame .gedit-search-slider .menuitem.button:hover, GeditViewFrame .gedit-search-slider .popover .menuitem.button:hover, .popover .toolbar .menuitem.button:hover, .toolbar .popover .menuitem.button:hover, .popover .titlebar .menuitem.button:hover:not(.suggested-action):not(.destructive-action), .titlebar .popover .menuitem.button:hover:not(.suggested-action):not(.destructive-action), + .popover .header-bar .menuitem.button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .popover .menuitem.button:hover:not(.suggested-action):not(.destructive-action), .popover .message-dialog.csd .dialog-action-area .menuitem.button:hover, .message-dialog.csd .dialog-action-area .popover .menuitem.button:hover, .popover .menuitem.sidebar-button.button:hover, .popover .info .menuitem.button:hover, .info .popover .menuitem.button:hover, + .popover .question .menuitem.button:hover, + .question .popover .menuitem.button:hover, + .popover .warning .menuitem.button:hover, + .warning .popover .menuitem.button:hover, + .popover .error .menuitem.button:hover, + .error .popover .menuitem.button:hover, .popover GtkScaleButton.menuitem.button:hover, + .popover GtkVolumeButton.menuitem.button:hover, .popover GfCandidatePopup .menuitem.button:hover, GfCandidatePopup .popover .menuitem.button:hover, .popover GfCandidatePopup .menuitem.button:hover:first-child, GfCandidatePopup .popover .menuitem.button:hover:first-child, .popover GfCandidatePopup .menuitem.button:hover:last-child, GfCandidatePopup .popover .menuitem.button:hover:last-child, + .popover GfCandidatePopup .linked > .menuitem.button:hover, + GfCandidatePopup .popover .linked > .menuitem.button:hover, .popover MathWindow :not(.titlebar) .menuitem.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .popover .menuitem.button:hover:not(.flat):not(.titlebutton), .popover MathWindow :not(.header-bar) .menuitem.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .popover .menuitem.button:hover:not(.flat):not(.titlebutton), + .popover .button.flat:hover, + .popover .button.osd.image-button:hover, + .popover .inline-toolbar .button:hover, + .inline-toolbar .popover .button:hover, + .popover .action-bar .button:hover, + .action-bar .popover .button:hover, + .popover .inline-toolbar .linked > .button.image-button:hover:not(.text-button), + .inline-toolbar .popover .linked > .button.image-button:hover:not(.text-button), + .popover .inline-toolbar .stack-switcher > .button.image-button:hover:not(.text-button), + .inline-toolbar .popover .stack-switcher > .button.image-button:hover:not(.text-button), + .popover .action-bar .stack-switcher > .button.image-button:hover:not(.text-button), + .action-bar .popover .stack-switcher > .button.image-button:hover:not(.text-button), + .popover .app-notification .button:hover, + .app-notification .popover .button:hover, + .popover GeditViewFrame .gedit-search-slider .button:hover, + GeditViewFrame .gedit-search-slider .popover .button:hover, + .popover .toolbar .button:hover, + .toolbar .popover .button:hover, + .popover .titlebar .button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .popover .button:hover:not(.suggested-action):not(.destructive-action), + .popover .header-bar .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .popover .button:hover:not(.suggested-action):not(.destructive-action), + .popover .message-dialog.csd .dialog-action-area .button:hover, + .message-dialog.csd .dialog-action-area .popover .button:hover, + .popover .sidebar-button.button:hover, + .popover .info .button:hover, + .info .popover .button:hover, + .popover .question .button:hover, + .question .popover .button:hover, + .popover .warning .button:hover, + .warning .popover .button:hover, + .popover .error .button:hover, + .error .popover .button:hover, + .popover GtkScaleButton.button:hover, + .popover GtkVolumeButton.button:hover, + .popover GfCandidatePopup .button:hover, + GfCandidatePopup .popover .button:hover, + .popover GfCandidatePopup .button:hover:first-child, + GfCandidatePopup .popover .button:hover:first-child, + .popover GfCandidatePopup .button:hover:last-child, + GfCandidatePopup .popover .button:hover:last-child, + .popover GfCandidatePopup .linked > .button:hover, + GfCandidatePopup .popover .linked > .button:hover, + .popover MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .popover .button:hover:not(.flat):not(.titlebutton), + .popover MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .popover .button:hover:not(.flat):not(.titlebutton) { + background-color: transparent; + color: #263238; } + .popover .button.menuitem.flat .label, .popover .menuitem.button.osd.image-button .label, .popover .inline-toolbar .menuitem.button .label, .inline-toolbar .popover .menuitem.button .label, .popover .action-bar .menuitem.button .label, .action-bar .popover .menuitem.button .label, .popover .app-notification .menuitem.button .label, .app-notification .popover .menuitem.button .label, .popover GeditViewFrame .gedit-search-slider .menuitem.button .label, GeditViewFrame .gedit-search-slider .popover .menuitem.button .label, .popover .toolbar .menuitem.button .label, .toolbar .popover .menuitem.button .label, .popover .titlebar .menuitem.button:not(.suggested-action):not(.destructive-action) .label, .titlebar .popover .menuitem.button:not(.suggested-action):not(.destructive-action) .label, + .popover .header-bar .menuitem.button:not(.suggested-action):not(.destructive-action) .label, + .header-bar .popover .menuitem.button:not(.suggested-action):not(.destructive-action) .label, .popover .message-dialog.csd .dialog-action-area .menuitem.button .label, .message-dialog.csd .dialog-action-area .popover .menuitem.button .label, .popover .menuitem.sidebar-button.button .label, .popover .info .menuitem.button .label, .info .popover .menuitem.button .label, + .popover .question .menuitem.button .label, + .question .popover .menuitem.button .label, + .popover .warning .menuitem.button .label, + .warning .popover .menuitem.button .label, + .popover .error .menuitem.button .label, + .error .popover .menuitem.button .label, .popover GtkScaleButton.menuitem.button .label, + .popover GtkVolumeButton.menuitem.button .label, .popover GfCandidatePopup .menuitem.button .label, GfCandidatePopup .popover .menuitem.button .label, .popover GfCandidatePopup .menuitem.button:first-child .label, GfCandidatePopup .popover .menuitem.button:first-child .label, .popover GfCandidatePopup .menuitem.button:last-child .label, GfCandidatePopup .popover .menuitem.button:last-child .label, + .popover GfCandidatePopup .linked > .menuitem.button .label, + GfCandidatePopup .popover .linked > .menuitem.button .label, .popover MathWindow :not(.titlebar) .menuitem.button:not(.flat):not(.titlebutton) .label, MathWindow :not(.titlebar) .popover .menuitem.button:not(.flat):not(.titlebutton) .label, .popover MathWindow :not(.header-bar) .menuitem.button:not(.flat):not(.titlebutton) .label, MathWindow :not(.header-bar) .popover .menuitem.button:not(.flat):not(.titlebutton) .label, + .popover .button.flat .label, + .popover .button.osd.image-button .label, + .popover .inline-toolbar .button .label, + .inline-toolbar .popover .button .label, + .popover .action-bar .button .label, + .action-bar .popover .button .label, + .popover .inline-toolbar .linked > .button.image-button:not(.text-button) .label, + .inline-toolbar .popover .linked > .button.image-button:not(.text-button) .label, + .popover .inline-toolbar .stack-switcher > .button.image-button:not(.text-button) .label, + .inline-toolbar .popover .stack-switcher > .button.image-button:not(.text-button) .label, + .popover .action-bar .stack-switcher > .button.image-button:not(.text-button) .label, + .action-bar .popover .stack-switcher > .button.image-button:not(.text-button) .label, + .popover .app-notification .button .label, + .app-notification .popover .button .label, + .popover GeditViewFrame .gedit-search-slider .button .label, + GeditViewFrame .gedit-search-slider .popover .button .label, + .popover .toolbar .button .label, + .toolbar .popover .button .label, + .popover .titlebar .button:not(.suggested-action):not(.destructive-action) .label, + .titlebar .popover .button:not(.suggested-action):not(.destructive-action) .label, + .popover .header-bar .button:not(.suggested-action):not(.destructive-action) .label, + .header-bar .popover .button:not(.suggested-action):not(.destructive-action) .label, + .popover .message-dialog.csd .dialog-action-area .button .label, + .message-dialog.csd .dialog-action-area .popover .button .label, + .popover .sidebar-button.button .label, + .popover .info .button .label, + .info .popover .button .label, + .popover .question .button .label, + .question .popover .button .label, + .popover .warning .button .label, + .warning .popover .button .label, + .popover .error .button .label, + .error .popover .button .label, + .popover GtkScaleButton.button .label, + .popover GtkVolumeButton.button .label, + .popover GfCandidatePopup .button .label, + GfCandidatePopup .popover .button .label, + .popover GfCandidatePopup .button:first-child .label, + GfCandidatePopup .popover .button:first-child .label, + .popover GfCandidatePopup .button:last-child .label, + GfCandidatePopup .popover .button:last-child .label, + .popover GfCandidatePopup .linked > .button .label, + GfCandidatePopup .popover .linked > .button .label, + .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton) .label, + MathWindow :not(.titlebar) .popover .button:not(.flat):not(.titlebutton) .label, + .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton) .label, + MathWindow :not(.header-bar) .popover .button:not(.flat):not(.titlebutton) .label { + padding: 0.2em 0 0.25em; } + .popover .linked > .button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); } + .popover .linked > .button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + .popover .linked > .button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .popover .linked > .button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + color: #263238; + background-color: transparent; } + .popover .linked > .button:checked:insensitive > .label { + color: inherit; } + .popover .scrollbar.trough { + background-color: transparent; + border: 1px none transparent; } + +/***************** + * Notebooks and * + * Tabs * + *****************/ +.notebook { + padding: 0; + background-color: #FFFFFF; + -GtkNotebook-initial-gap: 6; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + -GtkWidget-focus-padding: 0; + -GtkWidget-focus-line-width: 0; } + .notebook.frame { + border: 1px solid rgba(0, 0, 0, 0.09); } + .notebook.frame.top { + border-top-color: #FFFFFF; } + .notebook.frame.bottom { + border-bottom-color: #FFFFFF; } + .notebook.frame.left { + border-left-color: #FFFFFF; } + .notebook.frame.right { + border-right-color: #FFFFFF; } + .notebook.header { + background-color: #FFFFFF; } + .notebook.header.frame { + border: none; } + .notebook.header.top { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.09); } + .notebook.header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.09); } + .notebook.header.left { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.09); } + .notebook.header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.09); } + .notebook tab { + outline-offset: 0; + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; } + .notebook tab.top, .notebook tab.bottom { + padding: 0.5em 1.2em; } + .notebook tab.left, .notebook tab.right { + padding: 0.5em 1.2em; } + .notebook tab.reorderable-page { + -GtkNotebook-tab-overlap: 1; } + .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { + padding-left: 1.2em; + padding-right: 1.2em; + border-left-width: 1px; + border-right-width: 1px; } + .notebook tab.reorderable-page.left, .notebook tab.reorderable-page.right { + border-bottom-width: 1px; + border-top-width: 1px; } + .notebook tab.top { + border-bottom-width: 2px; } + .notebook tab.bottom { + border-top-width: 2px; } + .notebook tab.left { + border-right-width: 2px; } + .notebook tab.right { + border-left-width: 2px; } + .notebook tab:hover, .notebook tab.prelight-page { + border-color: alpha(currentColor, 0.2); } + .notebook tab:active, .notebook tab.active-page { + border-color: #E8E8E8; } + .notebook tab.reorderable-page.top { + border-color: transparent; } + .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page { + border-color: rgba(0, 0, 0, 0.09); + border-bottom-width: 1px; + border-bottom-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; + box-shadow: none; } + .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page { + border-color: rgba(0, 0, 0, 0.09); + border-bottom-width: 2px; + border-bottom-color: #E8E8E8; + background-color: #FFFFFF; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02); } + .notebook tab.reorderable-page.bottom { + border-color: transparent; } + .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page { + border-color: rgba(0, 0, 0, 0.09); + border-top-width: 1px; + border-top-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; + box-shadow: none; } + .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page { + border-color: rgba(0, 0, 0, 0.09); + border-top-width: 2px; + border-top-color: #E8E8E8; + background-color: #FFFFFF; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02); } + .notebook tab.reorderable-page.left { + border-color: transparent; } + .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page { + border-color: rgba(0, 0, 0, 0.09); + border-right-width: 1px; + border-right-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; + box-shadow: none; } + .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page { + border-color: rgba(0, 0, 0, 0.09); + border-right-width: 2px; + border-right-color: #E8E8E8; + background-color: #FFFFFF; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02); } + .notebook tab.reorderable-page.right { + border-color: transparent; } + .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page { + border-color: rgba(0, 0, 0, 0.09); + border-left-width: 1px; + border-left-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; + box-shadow: none; } + .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page { + border-color: rgba(0, 0, 0, 0.09); + border-left-width: 2px; + border-left-color: #E8E8E8; + background-color: #FFFFFF; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02); } + .notebook tab .label { + padding: 0.5em; + font-weight: 700; + color: rgba(38, 50, 56, 0.5); } + .notebook tab .prelight-page .label, + .notebook tab .label.prelight-page { + color: #263238; } + .notebook tab .active-page .label, + .notebook tab .label.active-page { + color: #263238; } + .notebook tab .button { + padding: 0; + background-size: 3.75em 3.75em, auto; + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.5); } + .notebook tab .button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + .notebook tab .button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .notebook tab .button:insensitive { + box-shadow: none; + background-color: transparent; } + .notebook tab .button > GtkImage { + padding: 0.6em; } + .notebook tab .prelight-page .button, .notebook tab:hover .button { + color: #263238; } + .notebook tab .active-page .button, .notebook tab:hover .button { + color: #263238; } + .notebook.arrow { + color: rgba(38, 50, 56, 0.5); } + .notebook.arrow:hover, .notebook.arrow:active { + color: #263238; } + .notebook.arrow:insensitive { + color: rgba(38, 50, 56, 0.225); } + +/************** + * Scrollbars * + **************/ +@keyframes slow_down_ltr { + to { + margin-right: 0; } } +@keyframes slow_down_rtl { + to { + margin-left: 0; } } +@keyframes slow_down_horz { + to { + margin-top: 0; } } +.scrollbar { + -GtkRange-slider-width: 12; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 32; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } + .scrollbar .button { + border: none; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + -GtkRange-slider-width: 10px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { + margin: 0; + border: none; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { + border-style: none; + background-color: transparent; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { + margin-top: 0; + margin-bottom: 0; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider:dir(ltr) { + margin-left: 0; + margin-right: 6px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider:dir(ltr) { + margin-left: 6px; + margin-right: 0; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { + margin-top: 6px; + margin-bottom: 0; + margin-left: 0; + margin-right: 0; } + .scrollbar.overlay-indicator.dragging .trough, .scrollbar.overlay-indicator.hovering .trough { + background-color: rgba(255, 255, 255, 0.55); } + .scrollbar.overlay-indicator.hovering.vertical .slider:dir(ltr) { + animation: slow_down_ltr 0.2s linear forwards; } + .scrollbar.overlay-indicator.hovering.vertical .slider:dir(rtl) { + animation: slow_down_rtl 0.2s linear forwards; } + .scrollbar.overlay-indicator.hovering.horizontal .slider { + animation: slow_down_horz 0.2s linear forwards; } + .scrollbar .trough { + border: none; + background-color: #FFFFFF; } + .scrollbar .slider { + background-color: rgba(38, 50, 56, 0.275); } + .scrollbar .slider:hover { + background-color: rgba(38, 50, 56, 0.4125); } + .scrollbar .slider:active { + background-color: #263238; } + .scrollbar .slider:insensitive { + opacity: 0.4; } + .scrollbar .slider { + border-radius: 0; + margin: 0; } + .scrollbar.fine-tune .slider { + margin: 0; } + .scrollbar.vertical .slider { + margin: 0; } + .scrollbar.vertical.fine-tune .slider { + margin: 0; } + .scrollbar.horizontal .slider { + margin: 0; } + .scrollbar.horizontal.fine-tune .slider { + margin: 0; } + +.scrollbars-junction, +.scrollbars-junction.frame { + border: none; + background-color: #FFFFFF; } + +/********** + * Switch * + **********/ +GtkSwitch { + -GtkSwitch-slider-width: 20px; + -GtkSwitch-slider-height: 20px; + outline-offset: -4px; + outline-radius: 100px; + font-size: 0; } + GtkSwitch.trough { + border: 8px solid transparent; + border-radius: 100px; + background-color: alpha(currentColor, 0.2); } + GtkSwitch.trough:active { + background-color: rgba(0, 188, 212, 0.2); } + GtkSwitch.trough:active:insensitive { + background-color: rgba(0, 188, 212, 0.2); } + GtkSwitch.trough:insensitive { + color: rgba(38, 50, 56, 0.3); + background-color: alpha(currentColor, 0.2); } + GtkSwitch.slider { + padding: 4px; + border-radius: 100px; + outline-radius: 100px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #FFFFFF; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); } + GtkSwitch.slider:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #263238; + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2)); } + GtkSwitch.slider:active { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #E8E8E8; + color: #FFFFFF; } + GtkSwitch.slider:active:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + GtkSwitch.slider:active:insensitive { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(0, 188, 212, 0.4); + background-color: #F0F2F3; + background-image: none; + box-shadow: none; } + GtkSwitch.slider:active:insensitive > .label { + color: inherit; } + GtkSwitch.slider:insensitive { + background-color: #F0F2F3; + background-image: none; + box-shadow: none; } + .list-row:selected GtkSwitch.trough, .tweak-category:selected GtkSwitch.trough { + background-color: #FFFFFF; } + .list-row:selected GtkSwitch.trough:active, .tweak-category:selected GtkSwitch.trough:active { + background-color: #FFFFFF; } + .list-row:selected GtkSwitch.trough:active:insensitive, .tweak-category:selected GtkSwitch.trough:active:insensitive { + background-color: #FFFFFF; } + .list-row:selected GtkSwitch.slider, .tweak-category:selected GtkSwitch.slider { + background-color: #FFFFFF; } + .list-row:selected GtkSwitch.slider:hover, .tweak-category:selected GtkSwitch.slider:hover { + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2)); } + .list-row:selected GtkSwitch.slider:active, .tweak-category:selected GtkSwitch.slider:active { + background-color: #FFFFFF; } + .list-row:selected GtkSwitch.slider:active:hover, .tweak-category:selected GtkSwitch.slider:active:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + GtkGrid GtkSwitch { + -GtkSwitch-slider-width: 40; + -GtkSwitch-slider-height: 20; + font-size: 0; + outline-color: transparent; } + GtkGrid GtkSwitch.trough, GtkGrid GtkSwitch.trough:hover, GtkGrid GtkSwitch.trough:active, GtkGrid GtkSwitch.trough:active:hover, GtkGrid GtkSwitch.trough:active:insensitive, GtkGrid GtkSwitch.trough:insensitive, GtkGrid GtkSwitch.slider, GtkGrid GtkSwitch.slider:hover, GtkGrid GtkSwitch.slider:active, GtkGrid GtkSwitch.slider:active:hover, GtkGrid GtkSwitch.slider:active:insensitive, GtkGrid GtkSwitch.slider:insensitive { + padding: 0; + border: 4px solid transparent; + color: transparent; + background: none; + background-image: none; + background-size: 40px 20px; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; } + GtkGrid GtkSwitch.trough:dir(rtl), GtkGrid GtkSwitch.trough:hover:dir(rtl), GtkGrid GtkSwitch.trough:active:dir(rtl), GtkGrid GtkSwitch.trough:active:hover:dir(rtl), GtkGrid GtkSwitch.trough:active:insensitive:dir(rtl), GtkGrid GtkSwitch.trough:insensitive:dir(rtl), GtkGrid GtkSwitch.slider:dir(rtl), GtkGrid GtkSwitch.slider:hover:dir(rtl), GtkGrid GtkSwitch.slider:active:dir(rtl), GtkGrid GtkSwitch.slider:active:hover:dir(rtl), GtkGrid GtkSwitch.slider:active:insensitive:dir(rtl), GtkGrid GtkSwitch.slider:insensitive:dir(rtl) { + background-position: left center; } + GtkGrid GtkSwitch.trough { + background-image: -gtk-scaled(url("assets/toggle-off.png"), url("assets/toggle-off@2.png")); } + GtkGrid GtkSwitch.trough:hover { + background-image: -gtk-scaled(url("assets/toggle-off-hover.png"), url("assets/toggle-off-hover@2.png")); } + GtkGrid GtkSwitch.trough:active { + background-image: -gtk-scaled(url("assets/toggle-on.png"), url("assets/toggle-on@2.png")); } + GtkGrid GtkSwitch.trough:active:hover { + background-image: -gtk-scaled(url("assets/toggle-on-hover.png"), url("assets/toggle-on-hover@2.png")); } + GtkGrid GtkSwitch.trough:active:insensitive { + background-image: -gtk-scaled(url("assets/toggle-on-insensitive.png"), url("assets/toggle-on-insensitive@2.png")); } + GtkGrid GtkSwitch.trough:insensitive { + background-image: -gtk-scaled(url("assets/toggle-off-insensitive.png"), url("assets/toggle-off-insensitive@2.png")); } + +/************************* + * Check and Radio items * + *************************/ +.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); + icon-shadow: none; } + +.check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); + icon-shadow: none; } + +.check:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); + icon-shadow: none; } + +.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); + icon-shadow: none; } + +.check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); + icon-shadow: none; } + +.check:inconsistent:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); + icon-shadow: none; } + +.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); + icon-shadow: none; } + +.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); + icon-shadow: none; } + +.check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); + icon-shadow: none; } + +.check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); + icon-shadow: none; } + +.menu .menuitem.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-symbolic.png"), url("assets/checkbox-symbolic@2.png")); + icon-shadow: none; } + .menu .menuitem.check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-symbolic.png"), url("assets/checkbox-symbolic@2.png")); } + +.menu .menuitem.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-symbolic.png"), url("assets/checkbox-insensitive-symbolic@2.png")); + icon-shadow: none; } + .menu .menuitem.check:insensitive:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-symbolic.png"), url("assets/checkbox-insensitive-symbolic@2.png")); } + +.menu .menuitem.check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-symbolic.png"), url("assets/checkbox-mixed-symbolic@2.png")); + icon-shadow: none; } + .menu .menuitem.check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-symbolic.png"), url("assets/checkbox-mixed-symbolic@2.png")); } + +.menu .menuitem.check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-symbolic.png"), url("assets/checkbox-mixed-insensitive-symbolic@2.png")); + icon-shadow: none; } + .menu .menuitem.check:inconsistent:insensitive:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-symbolic.png"), url("assets/checkbox-mixed-insensitive-symbolic@2.png")); } + +.menu .menuitem.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-symbolic.png"), url("assets/checkbox-checked-symbolic@2.png")); + icon-shadow: none; } + .menu .menuitem.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-symbolic.png"), url("assets/checkbox-checked-symbolic@2.png")); } + +.menu .menuitem.check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-symbolic.png"), url("assets/checkbox-checked-insensitive-symbolic@2.png")); + icon-shadow: none; } + .menu .menuitem.check:checked:insensitive:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-symbolic.png"), url("assets/checkbox-checked-insensitive-symbolic@2.png")); } + +.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); + icon-shadow: none; } + +.radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); + icon-shadow: none; } + +.radio:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); + icon-shadow: none; } + +.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); + icon-shadow: none; } + +.radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); + icon-shadow: none; } + +.radio:inconsistent:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); + icon-shadow: none; } + +.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); + icon-shadow: none; } + +.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); + icon-shadow: none; } + +.radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); + icon-shadow: none; } + +.menu .menuitem.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-symbolic.png"), url("assets/radio-symbolic@2.png")); + icon-shadow: none; } + .menu .menuitem.radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-symbolic.png"), url("assets/radio-symbolic@2.png")); } + +.menu .menuitem.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-insensitive-symbolic.png"), url("assets/radio-insensitive-symbolic@2.png")); + icon-shadow: none; } + .menu .menuitem.radio:insensitive:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-insensitive-symbolic.png"), url("assets/radio-insensitive-symbolic@2.png")); } + +.menu .menuitem.radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-symbolic.png"), url("assets/radio-mixed-symbolic@2.png")); + icon-shadow: none; } + .menu .menuitem.radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-symbolic.png"), url("assets/radio-mixed-symbolic@2.png")); } + +.menu .menuitem.radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-symbolic.png"), url("assets/radio-mixed-insensitive-symbolic@2.png")); + icon-shadow: none; } + .menu .menuitem.radio:inconsistent:insensitive:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-symbolic.png"), url("assets/radio-mixed-insensitive-symbolic@2.png")); } + +.menu .menuitem.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-symbolic.png"), url("assets/radio-checked-symbolic@2.png")); + icon-shadow: none; } + .menu .menuitem.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-symbolic.png"), url("assets/radio-checked-symbolic@2.png")); } + +.menu .menuitem.radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-symbolic.png"), url("assets/radio-checked-insensitive-symbolic@2.png")); + icon-shadow: none; } + .menu .menuitem.radio:checked:insensitive:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-symbolic.png"), url("assets/radio-checked-insensitive-symbolic@2.png")); } + +.view .check:selected, +.view .check:selected:focus, +.list-row .check:selected, +.tweak-category .check:selected, +.list-row .check:selected:focus, +.tweak-category .check:selected:focus, +.list-row.activatable .check:selected, +.view .check:selected, +column-header .button .check:selected, +.activatable.tweak-category .check:selected, +.list-row.activatable .check:selected:focus, +.view .check:selected:focus, +column-header .button .check:selected:focus, +.activatable.tweak-category .check:selected:focus { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); + icon-shadow: none; } +.view check:selected:insensitive, +.view check:selected:focus:insensitive, +.list-row check:selected:insensitive, +.tweak-category check:selected:insensitive, +.list-row check:selected:focus:insensitive, +.tweak-category check:selected:focus:insensitive, +.list-row.activatable check:selected:insensitive, +.view check:selected:insensitive, +column-header .button check:selected:insensitive, +.activatable.tweak-category check:selected:insensitive, +.list-row.activatable check:selected:focus:insensitive, +.view check:selected:focus:insensitive, +column-header .button check:selected:focus:insensitive, +.activatable.tweak-category check:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +.view check:selected:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +.list-row check:selected:inconsistent:insensitive, +.tweak-category check:selected:inconsistent:insensitive, +.list-row check:selected:focus:inconsistent:insensitive, +.tweak-category check:selected:focus:inconsistent:insensitive, +.list-row.activatable check:selected:inconsistent:insensitive, +.view check:selected:inconsistent:insensitive, +column-header .button check:selected:inconsistent:insensitive, +.activatable.tweak-category check:selected:inconsistent:insensitive, +.list-row.activatable check:selected:focus:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +column-header .button check:selected:focus:inconsistent:insensitive, +.activatable.tweak-category check:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +.view check:selected:checked:insensitive, +.view check:selected:focus:checked:insensitive, +.list-row check:selected:checked:insensitive, +.tweak-category check:selected:checked:insensitive, +.list-row check:selected:focus:checked:insensitive, +.tweak-category check:selected:focus:checked:insensitive, +.list-row.activatable check:selected:checked:insensitive, +.view check:selected:checked:insensitive, +column-header .button check:selected:checked:insensitive, +.activatable.tweak-category check:selected:checked:insensitive, +.list-row.activatable check:selected:focus:checked:insensitive, +.view check:selected:focus:checked:insensitive, +column-header .button check:selected:focus:checked:insensitive, +.activatable.tweak-category check:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view .check:selected:active, +.view .check:selected:focus:active, +.list-row .check:selected:active, +.tweak-category .check:selected:active, +.list-row .check:selected:focus:active, +.tweak-category .check:selected:focus:active, +.list-row.activatable .check:selected:active, +.view .check:selected:active, +column-header .button .check:selected:active, +.activatable.tweak-category .check:selected:active, +.list-row.activatable .check:selected:focus:active, +.view .check:selected:focus:active, +column-header .button .check:selected:focus:active, +.activatable.tweak-category .check:selected:focus:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); + icon-shadow: none; } +.view check:selected:insensitive, +.view check:selected:focus:insensitive, +.list-row check:selected:insensitive, +.tweak-category check:selected:insensitive, +.list-row check:selected:focus:insensitive, +.tweak-category check:selected:focus:insensitive, +.list-row.activatable check:selected:insensitive, +.view check:selected:insensitive, +column-header .button check:selected:insensitive, +.activatable.tweak-category check:selected:insensitive, +.list-row.activatable check:selected:focus:insensitive, +.view check:selected:focus:insensitive, +column-header .button check:selected:focus:insensitive, +.activatable.tweak-category check:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +.view check:selected:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +.list-row check:selected:inconsistent:insensitive, +.tweak-category check:selected:inconsistent:insensitive, +.list-row check:selected:focus:inconsistent:insensitive, +.tweak-category check:selected:focus:inconsistent:insensitive, +.list-row.activatable check:selected:inconsistent:insensitive, +.view check:selected:inconsistent:insensitive, +column-header .button check:selected:inconsistent:insensitive, +.activatable.tweak-category check:selected:inconsistent:insensitive, +.list-row.activatable check:selected:focus:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +column-header .button check:selected:focus:inconsistent:insensitive, +.activatable.tweak-category check:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +.view check:selected:checked:insensitive, +.view check:selected:focus:checked:insensitive, +.list-row check:selected:checked:insensitive, +.tweak-category check:selected:checked:insensitive, +.list-row check:selected:focus:checked:insensitive, +.tweak-category check:selected:focus:checked:insensitive, +.list-row.activatable check:selected:checked:insensitive, +.view check:selected:checked:insensitive, +column-header .button check:selected:checked:insensitive, +.activatable.tweak-category check:selected:checked:insensitive, +.list-row.activatable check:selected:focus:checked:insensitive, +.view check:selected:focus:checked:insensitive, +column-header .button check:selected:focus:checked:insensitive, +.activatable.tweak-category check:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view .check:selected:inconsistent, +.view .check:selected:focus:inconsistent, +.list-row .check:selected:inconsistent, +.tweak-category .check:selected:inconsistent, +.list-row .check:selected:focus:inconsistent, +.tweak-category .check:selected:focus:inconsistent, +.list-row.activatable .check:selected:inconsistent, +.view .check:selected:inconsistent, +column-header .button .check:selected:inconsistent, +.activatable.tweak-category .check:selected:inconsistent, +.list-row.activatable .check:selected:focus:inconsistent, +.view .check:selected:focus:inconsistent, +column-header .button .check:selected:focus:inconsistent, +.activatable.tweak-category .check:selected:focus:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); + icon-shadow: none; } +.view check:selected:insensitive, +.view check:selected:focus:insensitive, +.list-row check:selected:insensitive, +.tweak-category check:selected:insensitive, +.list-row check:selected:focus:insensitive, +.tweak-category check:selected:focus:insensitive, +.list-row.activatable check:selected:insensitive, +.view check:selected:insensitive, +column-header .button check:selected:insensitive, +.activatable.tweak-category check:selected:insensitive, +.list-row.activatable check:selected:focus:insensitive, +.view check:selected:focus:insensitive, +column-header .button check:selected:focus:insensitive, +.activatable.tweak-category check:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +.view check:selected:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +.list-row check:selected:inconsistent:insensitive, +.tweak-category check:selected:inconsistent:insensitive, +.list-row check:selected:focus:inconsistent:insensitive, +.tweak-category check:selected:focus:inconsistent:insensitive, +.list-row.activatable check:selected:inconsistent:insensitive, +.view check:selected:inconsistent:insensitive, +column-header .button check:selected:inconsistent:insensitive, +.activatable.tweak-category check:selected:inconsistent:insensitive, +.list-row.activatable check:selected:focus:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +column-header .button check:selected:focus:inconsistent:insensitive, +.activatable.tweak-category check:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +.view check:selected:checked:insensitive, +.view check:selected:focus:checked:insensitive, +.list-row check:selected:checked:insensitive, +.tweak-category check:selected:checked:insensitive, +.list-row check:selected:focus:checked:insensitive, +.tweak-category check:selected:focus:checked:insensitive, +.list-row.activatable check:selected:checked:insensitive, +.view check:selected:checked:insensitive, +column-header .button check:selected:checked:insensitive, +.activatable.tweak-category check:selected:checked:insensitive, +.list-row.activatable check:selected:focus:checked:insensitive, +.view check:selected:focus:checked:insensitive, +column-header .button check:selected:focus:checked:insensitive, +.activatable.tweak-category check:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view .check:selected:inconsistent:active, +.view .check:selected:focus:inconsistent:active, +.list-row .check:selected:inconsistent:active, +.tweak-category .check:selected:inconsistent:active, +.list-row .check:selected:focus:inconsistent:active, +.tweak-category .check:selected:focus:inconsistent:active, +.list-row.activatable .check:selected:inconsistent:active, +.view .check:selected:inconsistent:active, +column-header .button .check:selected:inconsistent:active, +.activatable.tweak-category .check:selected:inconsistent:active, +.list-row.activatable .check:selected:focus:inconsistent:active, +.view .check:selected:focus:inconsistent:active, +column-header .button .check:selected:focus:inconsistent:active, +.activatable.tweak-category .check:selected:focus:inconsistent:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); + icon-shadow: none; } +.view check:selected:insensitive, +.view check:selected:focus:insensitive, +.list-row check:selected:insensitive, +.tweak-category check:selected:insensitive, +.list-row check:selected:focus:insensitive, +.tweak-category check:selected:focus:insensitive, +.list-row.activatable check:selected:insensitive, +.view check:selected:insensitive, +column-header .button check:selected:insensitive, +.activatable.tweak-category check:selected:insensitive, +.list-row.activatable check:selected:focus:insensitive, +.view check:selected:focus:insensitive, +column-header .button check:selected:focus:insensitive, +.activatable.tweak-category check:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +.view check:selected:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +.list-row check:selected:inconsistent:insensitive, +.tweak-category check:selected:inconsistent:insensitive, +.list-row check:selected:focus:inconsistent:insensitive, +.tweak-category check:selected:focus:inconsistent:insensitive, +.list-row.activatable check:selected:inconsistent:insensitive, +.view check:selected:inconsistent:insensitive, +column-header .button check:selected:inconsistent:insensitive, +.activatable.tweak-category check:selected:inconsistent:insensitive, +.list-row.activatable check:selected:focus:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +column-header .button check:selected:focus:inconsistent:insensitive, +.activatable.tweak-category check:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +.view check:selected:checked:insensitive, +.view check:selected:focus:checked:insensitive, +.list-row check:selected:checked:insensitive, +.tweak-category check:selected:checked:insensitive, +.list-row check:selected:focus:checked:insensitive, +.tweak-category check:selected:focus:checked:insensitive, +.list-row.activatable check:selected:checked:insensitive, +.view check:selected:checked:insensitive, +column-header .button check:selected:checked:insensitive, +.activatable.tweak-category check:selected:checked:insensitive, +.list-row.activatable check:selected:focus:checked:insensitive, +.view check:selected:focus:checked:insensitive, +column-header .button check:selected:focus:checked:insensitive, +.activatable.tweak-category check:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view .check:selected:checked, +.view .check:selected:focus:checked, +.list-row .check:selected:checked, +.tweak-category .check:selected:checked, +.list-row .check:selected:focus:checked, +.tweak-category .check:selected:focus:checked, +.list-row.activatable .check:selected:checked, +.view .check:selected:checked, +column-header .button .check:selected:checked, +.activatable.tweak-category .check:selected:checked, +.list-row.activatable .check:selected:focus:checked, +.view .check:selected:focus:checked, +column-header .button .check:selected:focus:checked, +.activatable.tweak-category .check:selected:focus:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); + icon-shadow: none; } +.view check:selected:insensitive, +.view check:selected:focus:insensitive, +.list-row check:selected:insensitive, +.tweak-category check:selected:insensitive, +.list-row check:selected:focus:insensitive, +.tweak-category check:selected:focus:insensitive, +.list-row.activatable check:selected:insensitive, +.view check:selected:insensitive, +column-header .button check:selected:insensitive, +.activatable.tweak-category check:selected:insensitive, +.list-row.activatable check:selected:focus:insensitive, +.view check:selected:focus:insensitive, +column-header .button check:selected:focus:insensitive, +.activatable.tweak-category check:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +.view check:selected:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +.list-row check:selected:inconsistent:insensitive, +.tweak-category check:selected:inconsistent:insensitive, +.list-row check:selected:focus:inconsistent:insensitive, +.tweak-category check:selected:focus:inconsistent:insensitive, +.list-row.activatable check:selected:inconsistent:insensitive, +.view check:selected:inconsistent:insensitive, +column-header .button check:selected:inconsistent:insensitive, +.activatable.tweak-category check:selected:inconsistent:insensitive, +.list-row.activatable check:selected:focus:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +column-header .button check:selected:focus:inconsistent:insensitive, +.activatable.tweak-category check:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +.view check:selected:checked:insensitive, +.view check:selected:focus:checked:insensitive, +.list-row check:selected:checked:insensitive, +.tweak-category check:selected:checked:insensitive, +.list-row check:selected:focus:checked:insensitive, +.tweak-category check:selected:focus:checked:insensitive, +.list-row.activatable check:selected:checked:insensitive, +.view check:selected:checked:insensitive, +column-header .button check:selected:checked:insensitive, +.activatable.tweak-category check:selected:checked:insensitive, +.list-row.activatable check:selected:focus:checked:insensitive, +.view check:selected:focus:checked:insensitive, +column-header .button check:selected:focus:checked:insensitive, +.activatable.tweak-category check:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view .check:selected:checked:active, +.view .check:selected:focus:checked:active, +.list-row .check:selected:checked:active, +.tweak-category .check:selected:checked:active, +.list-row .check:selected:focus:checked:active, +.tweak-category .check:selected:focus:checked:active, +.list-row.activatable .check:selected:checked:active, +.view .check:selected:checked:active, +column-header .button .check:selected:checked:active, +.activatable.tweak-category .check:selected:checked:active, +.list-row.activatable .check:selected:focus:checked:active, +.view .check:selected:focus:checked:active, +column-header .button .check:selected:focus:checked:active, +.activatable.tweak-category .check:selected:focus:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); + icon-shadow: none; } +.view check:selected:insensitive, +.view check:selected:focus:insensitive, +.list-row check:selected:insensitive, +.tweak-category check:selected:insensitive, +.list-row check:selected:focus:insensitive, +.tweak-category check:selected:focus:insensitive, +.list-row.activatable check:selected:insensitive, +.view check:selected:insensitive, +column-header .button check:selected:insensitive, +.activatable.tweak-category check:selected:insensitive, +.list-row.activatable check:selected:focus:insensitive, +.view check:selected:focus:insensitive, +column-header .button check:selected:focus:insensitive, +.activatable.tweak-category check:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +.view check:selected:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +.list-row check:selected:inconsistent:insensitive, +.tweak-category check:selected:inconsistent:insensitive, +.list-row check:selected:focus:inconsistent:insensitive, +.tweak-category check:selected:focus:inconsistent:insensitive, +.list-row.activatable check:selected:inconsistent:insensitive, +.view check:selected:inconsistent:insensitive, +column-header .button check:selected:inconsistent:insensitive, +.activatable.tweak-category check:selected:inconsistent:insensitive, +.list-row.activatable check:selected:focus:inconsistent:insensitive, +.view check:selected:focus:inconsistent:insensitive, +column-header .button check:selected:focus:inconsistent:insensitive, +.activatable.tweak-category check:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +.view check:selected:checked:insensitive, +.view check:selected:focus:checked:insensitive, +.list-row check:selected:checked:insensitive, +.tweak-category check:selected:checked:insensitive, +.list-row check:selected:focus:checked:insensitive, +.tweak-category check:selected:focus:checked:insensitive, +.list-row.activatable check:selected:checked:insensitive, +.view check:selected:checked:insensitive, +column-header .button check:selected:checked:insensitive, +.activatable.tweak-category check:selected:checked:insensitive, +.list-row.activatable check:selected:focus:checked:insensitive, +.view check:selected:focus:checked:insensitive, +column-header .button check:selected:focus:checked:insensitive, +.activatable.tweak-category check:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view .radio:selected, +.view .radio:selected:focus, +.list-row .radio:selected, +.tweak-category .radio:selected, +.list-row .radio:selected:focus, +.tweak-category .radio:selected:focus, +.list-row.activatable .radio:selected, +.view .radio:selected, +column-header .button .radio:selected, +.activatable.tweak-category .radio:selected, +.list-row.activatable .radio:selected:focus, +.view .radio:selected:focus, +column-header .button .radio:selected:focus, +.activatable.tweak-category .radio:selected:focus { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); + icon-shadow: none; } +.view radio:selected:insensitive, +.view radio:selected:focus:insensitive, +.list-row radio:selected:insensitive, +.tweak-category radio:selected:insensitive, +.list-row radio:selected:focus:insensitive, +.tweak-category radio:selected:focus:insensitive, +.list-row.activatable radio:selected:insensitive, +.view radio:selected:insensitive, +column-header .button radio:selected:insensitive, +.activatable.tweak-category radio:selected:insensitive, +.list-row.activatable radio:selected:focus:insensitive, +.view radio:selected:focus:insensitive, +column-header .button radio:selected:focus:insensitive, +.activatable.tweak-category radio:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +.view radio:selected:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +.list-row radio:selected:inconsistent:insensitive, +.tweak-category radio:selected:inconsistent:insensitive, +.list-row radio:selected:focus:inconsistent:insensitive, +.tweak-category radio:selected:focus:inconsistent:insensitive, +.list-row.activatable radio:selected:inconsistent:insensitive, +.view radio:selected:inconsistent:insensitive, +column-header .button radio:selected:inconsistent:insensitive, +.activatable.tweak-category radio:selected:inconsistent:insensitive, +.list-row.activatable radio:selected:focus:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +column-header .button radio:selected:focus:inconsistent:insensitive, +.activatable.tweak-category radio:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +.view radio:selected:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +.list-row radio:selected:checked:insensitive, +.tweak-category radio:selected:checked:insensitive, +.list-row radio:selected:focus:checked:insensitive, +.tweak-category radio:selected:focus:checked:insensitive, +.list-row.activatable radio:selected:checked:insensitive, +.view radio:selected:checked:insensitive, +column-header .button radio:selected:checked:insensitive, +.activatable.tweak-category radio:selected:checked:insensitive, +.list-row.activatable radio:selected:focus:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +column-header .button radio:selected:focus:checked:insensitive, +.activatable.tweak-category radio:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view .radio:selected:active, +.view .radio:selected:focus:active, +.list-row .radio:selected:active, +.tweak-category .radio:selected:active, +.list-row .radio:selected:focus:active, +.tweak-category .radio:selected:focus:active, +.list-row.activatable .radio:selected:active, +.view .radio:selected:active, +column-header .button .radio:selected:active, +.activatable.tweak-category .radio:selected:active, +.list-row.activatable .radio:selected:focus:active, +.view .radio:selected:focus:active, +column-header .button .radio:selected:focus:active, +.activatable.tweak-category .radio:selected:focus:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); + icon-shadow: none; } +.view radio:selected:insensitive, +.view radio:selected:focus:insensitive, +.list-row radio:selected:insensitive, +.tweak-category radio:selected:insensitive, +.list-row radio:selected:focus:insensitive, +.tweak-category radio:selected:focus:insensitive, +.list-row.activatable radio:selected:insensitive, +.view radio:selected:insensitive, +column-header .button radio:selected:insensitive, +.activatable.tweak-category radio:selected:insensitive, +.list-row.activatable radio:selected:focus:insensitive, +.view radio:selected:focus:insensitive, +column-header .button radio:selected:focus:insensitive, +.activatable.tweak-category radio:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +.view radio:selected:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +.list-row radio:selected:inconsistent:insensitive, +.tweak-category radio:selected:inconsistent:insensitive, +.list-row radio:selected:focus:inconsistent:insensitive, +.tweak-category radio:selected:focus:inconsistent:insensitive, +.list-row.activatable radio:selected:inconsistent:insensitive, +.view radio:selected:inconsistent:insensitive, +column-header .button radio:selected:inconsistent:insensitive, +.activatable.tweak-category radio:selected:inconsistent:insensitive, +.list-row.activatable radio:selected:focus:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +column-header .button radio:selected:focus:inconsistent:insensitive, +.activatable.tweak-category radio:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +.view radio:selected:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +.list-row radio:selected:checked:insensitive, +.tweak-category radio:selected:checked:insensitive, +.list-row radio:selected:focus:checked:insensitive, +.tweak-category radio:selected:focus:checked:insensitive, +.list-row.activatable radio:selected:checked:insensitive, +.view radio:selected:checked:insensitive, +column-header .button radio:selected:checked:insensitive, +.activatable.tweak-category radio:selected:checked:insensitive, +.list-row.activatable radio:selected:focus:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +column-header .button radio:selected:focus:checked:insensitive, +.activatable.tweak-category radio:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view .radio:selected:inconsistent, +.view .radio:selected:focus:inconsistent, +.list-row .radio:selected:inconsistent, +.tweak-category .radio:selected:inconsistent, +.list-row .radio:selected:focus:inconsistent, +.tweak-category .radio:selected:focus:inconsistent, +.list-row.activatable .radio:selected:inconsistent, +.view .radio:selected:inconsistent, +column-header .button .radio:selected:inconsistent, +.activatable.tweak-category .radio:selected:inconsistent, +.list-row.activatable .radio:selected:focus:inconsistent, +.view .radio:selected:focus:inconsistent, +column-header .button .radio:selected:focus:inconsistent, +.activatable.tweak-category .radio:selected:focus:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); + icon-shadow: none; } +.view radio:selected:insensitive, +.view radio:selected:focus:insensitive, +.list-row radio:selected:insensitive, +.tweak-category radio:selected:insensitive, +.list-row radio:selected:focus:insensitive, +.tweak-category radio:selected:focus:insensitive, +.list-row.activatable radio:selected:insensitive, +.view radio:selected:insensitive, +column-header .button radio:selected:insensitive, +.activatable.tweak-category radio:selected:insensitive, +.list-row.activatable radio:selected:focus:insensitive, +.view radio:selected:focus:insensitive, +column-header .button radio:selected:focus:insensitive, +.activatable.tweak-category radio:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +.view radio:selected:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +.list-row radio:selected:inconsistent:insensitive, +.tweak-category radio:selected:inconsistent:insensitive, +.list-row radio:selected:focus:inconsistent:insensitive, +.tweak-category radio:selected:focus:inconsistent:insensitive, +.list-row.activatable radio:selected:inconsistent:insensitive, +.view radio:selected:inconsistent:insensitive, +column-header .button radio:selected:inconsistent:insensitive, +.activatable.tweak-category radio:selected:inconsistent:insensitive, +.list-row.activatable radio:selected:focus:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +column-header .button radio:selected:focus:inconsistent:insensitive, +.activatable.tweak-category radio:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +.view radio:selected:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +.list-row radio:selected:checked:insensitive, +.tweak-category radio:selected:checked:insensitive, +.list-row radio:selected:focus:checked:insensitive, +.tweak-category radio:selected:focus:checked:insensitive, +.list-row.activatable radio:selected:checked:insensitive, +.view radio:selected:checked:insensitive, +column-header .button radio:selected:checked:insensitive, +.activatable.tweak-category radio:selected:checked:insensitive, +.list-row.activatable radio:selected:focus:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +column-header .button radio:selected:focus:checked:insensitive, +.activatable.tweak-category radio:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view .radio:selected:inconsistent:active, +.view .radio:selected:focus:inconsistent:active, +.list-row .radio:selected:inconsistent:active, +.tweak-category .radio:selected:inconsistent:active, +.list-row .radio:selected:focus:inconsistent:active, +.tweak-category .radio:selected:focus:inconsistent:active, +.list-row.activatable .radio:selected:inconsistent:active, +.view .radio:selected:inconsistent:active, +column-header .button .radio:selected:inconsistent:active, +.activatable.tweak-category .radio:selected:inconsistent:active, +.list-row.activatable .radio:selected:focus:inconsistent:active, +.view .radio:selected:focus:inconsistent:active, +column-header .button .radio:selected:focus:inconsistent:active, +.activatable.tweak-category .radio:selected:focus:inconsistent:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); + icon-shadow: none; } +.view radio:selected:insensitive, +.view radio:selected:focus:insensitive, +.list-row radio:selected:insensitive, +.tweak-category radio:selected:insensitive, +.list-row radio:selected:focus:insensitive, +.tweak-category radio:selected:focus:insensitive, +.list-row.activatable radio:selected:insensitive, +.view radio:selected:insensitive, +column-header .button radio:selected:insensitive, +.activatable.tweak-category radio:selected:insensitive, +.list-row.activatable radio:selected:focus:insensitive, +.view radio:selected:focus:insensitive, +column-header .button radio:selected:focus:insensitive, +.activatable.tweak-category radio:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +.view radio:selected:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +.list-row radio:selected:inconsistent:insensitive, +.tweak-category radio:selected:inconsistent:insensitive, +.list-row radio:selected:focus:inconsistent:insensitive, +.tweak-category radio:selected:focus:inconsistent:insensitive, +.list-row.activatable radio:selected:inconsistent:insensitive, +.view radio:selected:inconsistent:insensitive, +column-header .button radio:selected:inconsistent:insensitive, +.activatable.tweak-category radio:selected:inconsistent:insensitive, +.list-row.activatable radio:selected:focus:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +column-header .button radio:selected:focus:inconsistent:insensitive, +.activatable.tweak-category radio:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +.view radio:selected:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +.list-row radio:selected:checked:insensitive, +.tweak-category radio:selected:checked:insensitive, +.list-row radio:selected:focus:checked:insensitive, +.tweak-category radio:selected:focus:checked:insensitive, +.list-row.activatable radio:selected:checked:insensitive, +.view radio:selected:checked:insensitive, +column-header .button radio:selected:checked:insensitive, +.activatable.tweak-category radio:selected:checked:insensitive, +.list-row.activatable radio:selected:focus:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +column-header .button radio:selected:focus:checked:insensitive, +.activatable.tweak-category radio:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view .radio:selected:checked, +.view .radio:selected:focus:checked, +.list-row .radio:selected:checked, +.tweak-category .radio:selected:checked, +.list-row .radio:selected:focus:checked, +.tweak-category .radio:selected:focus:checked, +.list-row.activatable .radio:selected:checked, +.view .radio:selected:checked, +column-header .button .radio:selected:checked, +.activatable.tweak-category .radio:selected:checked, +.list-row.activatable .radio:selected:focus:checked, +.view .radio:selected:focus:checked, +column-header .button .radio:selected:focus:checked, +.activatable.tweak-category .radio:selected:focus:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); + icon-shadow: none; } +.view radio:selected:insensitive, +.view radio:selected:focus:insensitive, +.list-row radio:selected:insensitive, +.tweak-category radio:selected:insensitive, +.list-row radio:selected:focus:insensitive, +.tweak-category radio:selected:focus:insensitive, +.list-row.activatable radio:selected:insensitive, +.view radio:selected:insensitive, +column-header .button radio:selected:insensitive, +.activatable.tweak-category radio:selected:insensitive, +.list-row.activatable radio:selected:focus:insensitive, +.view radio:selected:focus:insensitive, +column-header .button radio:selected:focus:insensitive, +.activatable.tweak-category radio:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +.view radio:selected:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +.list-row radio:selected:inconsistent:insensitive, +.tweak-category radio:selected:inconsistent:insensitive, +.list-row radio:selected:focus:inconsistent:insensitive, +.tweak-category radio:selected:focus:inconsistent:insensitive, +.list-row.activatable radio:selected:inconsistent:insensitive, +.view radio:selected:inconsistent:insensitive, +column-header .button radio:selected:inconsistent:insensitive, +.activatable.tweak-category radio:selected:inconsistent:insensitive, +.list-row.activatable radio:selected:focus:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +column-header .button radio:selected:focus:inconsistent:insensitive, +.activatable.tweak-category radio:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +.view radio:selected:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +.list-row radio:selected:checked:insensitive, +.tweak-category radio:selected:checked:insensitive, +.list-row radio:selected:focus:checked:insensitive, +.tweak-category radio:selected:focus:checked:insensitive, +.list-row.activatable radio:selected:checked:insensitive, +.view radio:selected:checked:insensitive, +column-header .button radio:selected:checked:insensitive, +.activatable.tweak-category radio:selected:checked:insensitive, +.list-row.activatable radio:selected:focus:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +column-header .button radio:selected:focus:checked:insensitive, +.activatable.tweak-category radio:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view .radio:selected:checked:active, +.view .radio:selected:focus:checked:active, +.list-row .radio:selected:checked:active, +.tweak-category .radio:selected:checked:active, +.list-row .radio:selected:focus:checked:active, +.tweak-category .radio:selected:focus:checked:active, +.list-row.activatable .radio:selected:checked:active, +.view .radio:selected:checked:active, +column-header .button .radio:selected:checked:active, +.activatable.tweak-category .radio:selected:checked:active, +.list-row.activatable .radio:selected:focus:checked:active, +.view .radio:selected:focus:checked:active, +column-header .button .radio:selected:focus:checked:active, +.activatable.tweak-category .radio:selected:focus:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); + icon-shadow: none; } +.view radio:selected:insensitive, +.view radio:selected:focus:insensitive, +.list-row radio:selected:insensitive, +.tweak-category radio:selected:insensitive, +.list-row radio:selected:focus:insensitive, +.tweak-category radio:selected:focus:insensitive, +.list-row.activatable radio:selected:insensitive, +.view radio:selected:insensitive, +column-header .button radio:selected:insensitive, +.activatable.tweak-category radio:selected:insensitive, +.list-row.activatable radio:selected:focus:insensitive, +.view radio:selected:focus:insensitive, +column-header .button radio:selected:focus:insensitive, +.activatable.tweak-category radio:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +.view radio:selected:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +.list-row radio:selected:inconsistent:insensitive, +.tweak-category radio:selected:inconsistent:insensitive, +.list-row radio:selected:focus:inconsistent:insensitive, +.tweak-category radio:selected:focus:inconsistent:insensitive, +.list-row.activatable radio:selected:inconsistent:insensitive, +.view radio:selected:inconsistent:insensitive, +column-header .button radio:selected:inconsistent:insensitive, +.activatable.tweak-category radio:selected:inconsistent:insensitive, +.list-row.activatable radio:selected:focus:inconsistent:insensitive, +.view radio:selected:focus:inconsistent:insensitive, +column-header .button radio:selected:focus:inconsistent:insensitive, +.activatable.tweak-category radio:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +.view radio:selected:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +.list-row radio:selected:checked:insensitive, +.tweak-category radio:selected:checked:insensitive, +.list-row radio:selected:focus:checked:insensitive, +.tweak-category radio:selected:focus:checked:insensitive, +.list-row.activatable radio:selected:checked:insensitive, +.view radio:selected:checked:insensitive, +column-header .button radio:selected:checked:insensitive, +.activatable.tweak-category radio:selected:checked:insensitive, +.list-row.activatable radio:selected:focus:checked:insensitive, +.view radio:selected:focus:checked:insensitive, +column-header .button radio:selected:focus:checked:insensitive, +.activatable.tweak-category radio:selected:focus:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view.content-view.check:not(.list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view.check:hover:not(.list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view.check:active:not(.list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view.check:insensitive:not(.list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-selectionmode.png"), url("assets/checkbox-insensitive-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(.list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:hover:not(.list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:active:not(.list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view.check:insensitive:checked:not(.list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selectionmode.png"), url("assets/checkbox-checked-insensitive-selectionmode@2.png")); + background-color: transparent; } + +GtkCheckButton.text-button, +GtkRadioButton.text-button { + padding: 0.2em 0.5em; + outline-offset: 0; + color: rgba(38, 50, 56, 0.75); } + GtkCheckButton.text-button:hover, GtkCheckButton.text-button:active, GtkCheckButton.text-button:checked, + GtkRadioButton.text-button:hover, + GtkRadioButton.text-button:active, + GtkRadioButton.text-button:checked { + color: #263238; } + GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, + GtkRadioButton.text-button:insensitive, + GtkRadioButton.text-button:insensitive:active, + GtkRadioButton.text-button:insensitive:inconsistent { + color: rgba(38, 50, 56, 0.3); } + +/************ + * GtkScale * + ************/ +.scale, +.scale.scale-has-marks-above.scale-has-marks-below, +.scale.vertical.scale-has-marks-above.scale-has-marks-below { + -GtkScale-slider-length: 20; + -GtkRange-slider-width: 20; + -GtkRange-trough-border: 2; + outline-offset: -8px; + outline-radius: 100px; } + .scale.fine-tune.slider, + .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.slider, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.slider { + background-size: 80%; } + .scale.slider:not(:hover):not(:active), + .scale.scale-has-marks-above.scale-has-marks-below.slider:not(:hover):not(:active), + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:not(:hover):not(:active) { + background-size: 80%; } + .scale.slider.slider, + .scale.scale-has-marks-above.scale-has-marks-below.slider.slider, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider.png"), url("assets/slider@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.slider.slider:active, + .scale.scale-has-marks-above.scale-has-marks-below.slider.slider:active, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-active.png"), url("assets/slider-active@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.slider.slider:insensitive, + .scale.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-insensitive.png"), url("assets/slider-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.trough, + .scale.scale-has-marks-above.scale-has-marks-below.trough, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { + margin: 11px; + border-radius: 0; + background-color: alpha(currentColor, 0.2); } + .scale.trough.highlight, + .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { + background-color: #E8E8E8; } + .scale.trough.highlight:insensitive, + .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive { + background-color: alpha(currentColor, 0.2); } + .scale.trough:insensitive, + .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive { + color: rgba(38, 50, 56, 0.3); } + .scale.separator, + .scale.scale-has-marks-above.scale-has-marks-below.separator, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.separator { + color: alpha(currentColor, 0.2); } + +.scale.scale-has-marks-below { + -GtkScale-slider-length: 20; + -GtkRange-slider-width: 25; + -GtkRange-trough-border: 1; } + .scale.scale-has-marks-below.slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.scale-has-marks-below.slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.scale-has-marks-below.slider:insensitive { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +.scale.scale-has-marks-above { + -GtkScale-slider-length: 20; + -GtkRange-slider-width: 25; + -GtkRange-trough-border: 1; } + .scale.scale-has-marks-above.slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.scale-has-marks-above.slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.scale-has-marks-above.slider:insensitive { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +.scale.vertical.scale-has-marks-below { + -GtkScale-slider-length: 20; + -GtkRange-slider-width: 25; + -GtkRange-trough-border: 1; } + .scale.vertical.scale-has-marks-below.slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.vertical.scale-has-marks-below.slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.vertical.scale-has-marks-below.slider:insensitive { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +.scale.vertical.scale-has-marks-above { + -GtkScale-slider-length: 20; + -GtkRange-slider-width: 25; + -GtkRange-trough-border: 1; } + .scale.vertical.scale-has-marks-above.slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.vertical.scale-has-marks-above.slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + .scale.vertical.scale-has-marks-above.slider:insensitive { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +.scale.scale-has-marks-above .trough { + margin: 15px 10px 10px; } + +.scale.scale-has-marks-below .trough { + margin: 10px 10px 15px; } + +.scale.vertical.scale-has-marks-above .trough { + margin: 10px 10px 10px 15px; } + +.scale.vertical.scale-has-marks-below .trough { + margin: 10px 15px 10px 10px; } + +/***************** + * Progress bars * + *****************/ +GtkProgressBar { + -GtkProgressBar-min-horizontal-bar-height: 4; + -GtkProgressBar-min-vertical-bar-width: 4; + padding: 0; + font-size: 90%; + color: rgba(38, 50, 56, 0.5); } + GtkProgressBar.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 0; + -GtkProgressBar-min-horizontal-bar-height: 4; } + GtkProgressBar.trough { + border-radius: 0; + background-color: rgba(77, 182, 172, 0.2); } + GtkProgressBar.trough.osd { + border-style: none; + box-shadow: none; + background-color: rgba(77, 182, 172, 0.2); } + +.progressbar { + border-radius: 0; + background-color: #E8E8E8; } + .progressbar.left { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .progressbar.right { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .progressbar.left.right { + box-shadow: none; } + .progressbar.vertical.top { + border-top-left-radius: 0; + border-top-right-radius: 0; } + .progressbar.vertical.bottom { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; } + .progressbar.osd { + background-image: none; + background-color: #E8E8E8; + border-style: none; + border-radius: 0; } + +.entry.progressbar { + border-style: none none solid; + border-width: 2px; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + border-radius: 0; + box-shadow: none; + background-color: transparent; + background-image: none; } + +GtkTreeView.view.progressbar, GtkTreeView.view.trough { + border-style: none none solid; + border-width: 4px; + border-radius: 0; + box-shadow: none; + background-color: transparent; + background-image: none; } + +/************* + * Level Bar * + *************/ +.level-bar { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); + -GtkLevelBar-min-block-width: 36; + -GtkLevelBar-min-block-height: 4; } + .level-bar.vertical { + -GtkLevelBar-min-block-width: 4; + -GtkLevelBar-min-block-height: 36; } + .level-bar.trough { + padding: 2px; + border-radius: 2px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + .level-bar.trough:insensitive { + box-shadow: none; } + .level-bar.trough.indicator-discrete.horizontal { + padding: 2px 1px; } + .level-bar.trough.indicator-discrete.vertical { + padding: 1px 2px; } + .level-bar.fill-block { + background-color: #E8E8E8; + border-radius: 0; + box-shadow: none; } + .level-bar.fill-block.indicator-discrete.horizontal { + margin: 0 1px; } + .level-bar.fill-block.indicator-discrete.vertical { + margin: 1px 0; } + .level-bar.fill-block.level-high { + background-color: #00E676; } + .level-bar.fill-block.level-low { + background-color: #E8E8E8; } + .level-bar.fill-block.empty-fill-block { + background-color: alpha(currentColor, 0.2); } + +/********** + * Frames * + **********/ +.frame { + border: 1px solid rgba(0, 0, 0, 0.09); + padding: 0; } + .frame.flat { + border-style: none; } + .frame.action-bar { + padding: 0.4em; + border-width: 1px 0 0; } + +GtkScrolledWindow GtkViewport.frame { + border-style: none; } + +.separator { + color: rgba(0, 0, 0, 0.09); } + GtkFileChooserButton .separator.vertical, GtkFontButton .separator.vertical { + -GtkWidget-wide-separators: true; } + +/********* + * Lists * + *********/ +.list { + border-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; } + +.list-row, .tweak-category, +.grid-child { + padding: 2px; } + +.list-row.activatable, .view, column-header .button, .activatable.tweak-category { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + background-repeat: no-repeat; + background-position: center, center; + background-size: 240px 240px, auto; } + .list-row.activatable:hover, .view:hover, column-header .button:hover, .activatable.tweak-category:hover { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05)); } + .list-row.activatable:active, .view:active, column-header .button:active, GtkPlacesSidebar.sidebar .has-open-popup, .activatable.tweak-category:active { + animation: list_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .list-row.activatable:insensitive, .view:insensitive, column-header .button:insensitive, .activatable.tweak-category:insensitive { + color: rgba(38, 50, 56, 0.3); } + +.list-row:selected .button:insensitive, .tweak-category:selected .button:insensitive { + color: rgba(255, 255, 255, 0.34); } +.list-row:selected .button.flat, .tweak-category:selected .button.flat, .list-row:selected .button.osd.image-button, .tweak-category:selected .button.osd.image-button, .list-row:selected .inline-toolbar .button, .inline-toolbar .list-row:selected .button, .tweak-category:selected .inline-toolbar .button, .inline-toolbar .tweak-category:selected .button, .list-row:selected .action-bar .button, .action-bar .list-row:selected .button, .tweak-category:selected .action-bar .button, .action-bar .tweak-category:selected .button, .list-row:selected .inline-toolbar .linked > .button.image-button:not(.text-button), .inline-toolbar .list-row:selected .linked > .button.image-button:not(.text-button), .tweak-category:selected .inline-toolbar .linked > .button.image-button:not(.text-button), .inline-toolbar .tweak-category:selected .linked > .button.image-button:not(.text-button), .list-row:selected .inline-toolbar .stack-switcher > .button.image-button:not(.text-button), .inline-toolbar .list-row:selected .stack-switcher > .button.image-button:not(.text-button), .tweak-category:selected .inline-toolbar .stack-switcher > .button.image-button:not(.text-button), .inline-toolbar .tweak-category:selected .stack-switcher > .button.image-button:not(.text-button), .list-row:selected .action-bar .stack-switcher > .button.image-button:not(.text-button), .action-bar .list-row:selected .stack-switcher > .button.image-button:not(.text-button), .tweak-category:selected .action-bar .stack-switcher > .button.image-button:not(.text-button), .action-bar .tweak-category:selected .stack-switcher > .button.image-button:not(.text-button), .list-row:selected .app-notification .button, .app-notification .list-row:selected .button, .tweak-category:selected .app-notification .button, .app-notification .tweak-category:selected .button, .list-row:selected GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .list-row:selected .button, .tweak-category:selected GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .tweak-category:selected .button, .list-row:selected .toolbar .button, .toolbar .list-row:selected .button, .tweak-category:selected .toolbar .button, .toolbar .tweak-category:selected .button, .list-row:selected .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .list-row:selected .button:not(.suggested-action):not(.destructive-action), .tweak-category:selected .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .tweak-category:selected .button:not(.suggested-action):not(.destructive-action), +.list-row:selected .header-bar .button:not(.suggested-action):not(.destructive-action), +.header-bar .list-row:selected .button:not(.suggested-action):not(.destructive-action), +.tweak-category:selected .header-bar .button:not(.suggested-action):not(.destructive-action), +.header-bar .tweak-category:selected .button:not(.suggested-action):not(.destructive-action), .list-row:selected .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .list-row:selected .button, .tweak-category:selected .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .tweak-category:selected .button, .list-row:selected .sidebar-button.button, .tweak-category:selected .sidebar-button.button, .list-row:selected .info .button, .info .list-row:selected .button, .tweak-category:selected .info .button, .info .tweak-category:selected .button, +.list-row:selected .question .button, +.question .list-row:selected .button, +.tweak-category:selected .question .button, +.question .tweak-category:selected .button, +.list-row:selected .warning .button, +.warning .list-row:selected .button, +.tweak-category:selected .warning .button, +.warning .tweak-category:selected .button, +.list-row:selected .error .button, +.error .list-row:selected .button, +.tweak-category:selected .error .button, +.error .tweak-category:selected .button, .list-row:selected GtkScaleButton.button, .tweak-category:selected GtkScaleButton.button, +.list-row:selected GtkVolumeButton.button, +.tweak-category:selected GtkVolumeButton.button, .list-row:selected GfCandidatePopup .button, GfCandidatePopup .list-row:selected .button, .tweak-category:selected GfCandidatePopup .button, GfCandidatePopup .tweak-category:selected .button, .list-row:selected GfCandidatePopup .button:first-child, GfCandidatePopup .list-row:selected .button:first-child, .list-row:selected GfCandidatePopup .button:last-child, GfCandidatePopup .list-row:selected .button:last-child, +.list-row:selected GfCandidatePopup .linked > .button, +GfCandidatePopup .list-row:selected .linked > .button, .list-row:selected MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .list-row:selected .button:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .tweak-category:selected .button:not(.flat):not(.titlebutton), .list-row:selected MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .list-row:selected .button:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .tweak-category:selected .button:not(.flat):not(.titlebutton) { + color: rgba(255, 255, 255, 0.85); } + .list-row:selected .button.flat:hover, .tweak-category:selected .button.flat:hover, .list-row:selected .button.osd.image-button:hover, .tweak-category:selected .button.osd.image-button:hover, .list-row:selected .inline-toolbar .button:hover, .inline-toolbar .list-row:selected .button:hover, .tweak-category:selected .inline-toolbar .button:hover, .inline-toolbar .tweak-category:selected .button:hover, .list-row:selected .action-bar .button:hover, .action-bar .list-row:selected .button:hover, .tweak-category:selected .action-bar .button:hover, .action-bar .tweak-category:selected .button:hover, .list-row:selected .app-notification .button:hover, .app-notification .list-row:selected .button:hover, .tweak-category:selected .app-notification .button:hover, .app-notification .tweak-category:selected .button:hover, .list-row:selected GeditViewFrame .gedit-search-slider .button:hover, GeditViewFrame .gedit-search-slider .list-row:selected .button:hover, .tweak-category:selected GeditViewFrame .gedit-search-slider .button:hover, GeditViewFrame .gedit-search-slider .tweak-category:selected .button:hover, .list-row:selected .toolbar .button:hover, .toolbar .list-row:selected .button:hover, .tweak-category:selected .toolbar .button:hover, .toolbar .tweak-category:selected .button:hover, .list-row:selected .titlebar .button:hover:not(.suggested-action):not(.destructive-action), .titlebar .list-row:selected .button:hover:not(.suggested-action):not(.destructive-action), .tweak-category:selected .titlebar .button:hover:not(.suggested-action):not(.destructive-action), .titlebar .tweak-category:selected .button:hover:not(.suggested-action):not(.destructive-action), + .list-row:selected .header-bar .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .list-row:selected .button:hover:not(.suggested-action):not(.destructive-action), + .tweak-category:selected .header-bar .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .tweak-category:selected .button:hover:not(.suggested-action):not(.destructive-action), .list-row:selected .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .list-row:selected .button:hover, .tweak-category:selected .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .tweak-category:selected .button:hover, .list-row:selected .sidebar-button.button:hover, .tweak-category:selected .sidebar-button.button:hover, .list-row:selected .info .button:hover, .info .list-row:selected .button:hover, .tweak-category:selected .info .button:hover, .info .tweak-category:selected .button:hover, + .list-row:selected .question .button:hover, + .question .list-row:selected .button:hover, + .tweak-category:selected .question .button:hover, + .question .tweak-category:selected .button:hover, + .list-row:selected .warning .button:hover, + .warning .list-row:selected .button:hover, + .tweak-category:selected .warning .button:hover, + .warning .tweak-category:selected .button:hover, + .list-row:selected .error .button:hover, + .error .list-row:selected .button:hover, + .tweak-category:selected .error .button:hover, + .error .tweak-category:selected .button:hover, .list-row:selected GtkScaleButton.button:hover, .tweak-category:selected GtkScaleButton.button:hover, + .list-row:selected GtkVolumeButton.button:hover, + .tweak-category:selected GtkVolumeButton.button:hover, .list-row:selected GfCandidatePopup .button:hover, GfCandidatePopup .list-row:selected .button:hover, .tweak-category:selected GfCandidatePopup .button:hover, GfCandidatePopup .tweak-category:selected .button:hover, .list-row:selected GfCandidatePopup .button:hover:first-child, GfCandidatePopup .list-row:selected .button:hover:first-child, .list-row:selected GfCandidatePopup .button:hover:last-child, GfCandidatePopup .list-row:selected .button:hover:last-child, + .list-row:selected GfCandidatePopup .linked > .button:hover, + GfCandidatePopup .list-row:selected .linked > .button:hover, .list-row:selected MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .list-row:selected .button:hover:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .tweak-category:selected .button:hover:not(.flat):not(.titlebutton), .list-row:selected MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .list-row:selected .button:hover:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .tweak-category:selected .button:hover:not(.flat):not(.titlebutton), .list-row:selected .button.flat:active, .tweak-category:selected .button.flat:active, .list-row:selected .button.osd.image-button:active, .tweak-category:selected .button.osd.image-button:active, .list-row:selected .inline-toolbar .button:active, .inline-toolbar .list-row:selected .button:active, .tweak-category:selected .inline-toolbar .button:active, .inline-toolbar .tweak-category:selected .button:active, .list-row:selected .action-bar .button:active, .action-bar .list-row:selected .button:active, .tweak-category:selected .action-bar .button:active, .action-bar .tweak-category:selected .button:active, .list-row:selected .app-notification .button:active, .app-notification .list-row:selected .button:active, .tweak-category:selected .app-notification .button:active, .app-notification .tweak-category:selected .button:active, .list-row:selected GeditViewFrame .gedit-search-slider .button:active, GeditViewFrame .gedit-search-slider .list-row:selected .button:active, .tweak-category:selected GeditViewFrame .gedit-search-slider .button:active, GeditViewFrame .gedit-search-slider .tweak-category:selected .button:active, .list-row:selected .toolbar .button:active, .toolbar .list-row:selected .button:active, .tweak-category:selected .toolbar .button:active, .toolbar .tweak-category:selected .button:active, .list-row:selected .titlebar .button:active:not(.suggested-action):not(.destructive-action), .titlebar .list-row:selected .button:active:not(.suggested-action):not(.destructive-action), .tweak-category:selected .titlebar .button:active:not(.suggested-action):not(.destructive-action), .titlebar .tweak-category:selected .button:active:not(.suggested-action):not(.destructive-action), + .list-row:selected .header-bar .button:active:not(.suggested-action):not(.destructive-action), + .header-bar .list-row:selected .button:active:not(.suggested-action):not(.destructive-action), + .tweak-category:selected .header-bar .button:active:not(.suggested-action):not(.destructive-action), + .header-bar .tweak-category:selected .button:active:not(.suggested-action):not(.destructive-action), .list-row:selected .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .list-row:selected .button:active, .tweak-category:selected .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .tweak-category:selected .button:active, .list-row:selected .sidebar-button.button:active, .tweak-category:selected .sidebar-button.button:active, .list-row:selected .info .button:active, .info .list-row:selected .button:active, .tweak-category:selected .info .button:active, .info .tweak-category:selected .button:active, + .list-row:selected .question .button:active, + .question .list-row:selected .button:active, + .tweak-category:selected .question .button:active, + .question .tweak-category:selected .button:active, + .list-row:selected .warning .button:active, + .warning .list-row:selected .button:active, + .tweak-category:selected .warning .button:active, + .warning .tweak-category:selected .button:active, + .list-row:selected .error .button:active, + .error .list-row:selected .button:active, + .tweak-category:selected .error .button:active, + .error .tweak-category:selected .button:active, .list-row:selected GtkScaleButton.button:active, .tweak-category:selected GtkScaleButton.button:active, + .list-row:selected GtkVolumeButton.button:active, + .tweak-category:selected GtkVolumeButton.button:active, .list-row:selected GfCandidatePopup .button:active, GfCandidatePopup .list-row:selected .button:active, .tweak-category:selected GfCandidatePopup .button:active, GfCandidatePopup .tweak-category:selected .button:active, .list-row:selected GfCandidatePopup .button:active:first-child, GfCandidatePopup .list-row:selected .button:active:first-child, .list-row:selected GfCandidatePopup .button:active:last-child, GfCandidatePopup .list-row:selected .button:active:last-child, + .list-row:selected GfCandidatePopup .linked > .button:active, + GfCandidatePopup .list-row:selected .linked > .button:active, .list-row:selected MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .list-row:selected .button:active:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .tweak-category:selected .button:active:not(.flat):not(.titlebutton), .list-row:selected MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .list-row:selected .button:active:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .tweak-category:selected .button:active:not(.flat):not(.titlebutton) { + color: #FFFFFF; } + .list-row:selected .button.flat:insensitive, .tweak-category:selected .button.flat:insensitive, .list-row:selected .button.osd.image-button:insensitive, .tweak-category:selected .button.osd.image-button:insensitive, .list-row:selected .inline-toolbar .button:insensitive, .inline-toolbar .list-row:selected .button:insensitive, .tweak-category:selected .inline-toolbar .button:insensitive, .inline-toolbar .tweak-category:selected .button:insensitive, .list-row:selected .action-bar .button:insensitive, .action-bar .list-row:selected .button:insensitive, .tweak-category:selected .action-bar .button:insensitive, .action-bar .tweak-category:selected .button:insensitive, .list-row:selected .app-notification .button:insensitive, .app-notification .list-row:selected .button:insensitive, .tweak-category:selected .app-notification .button:insensitive, .app-notification .tweak-category:selected .button:insensitive, .list-row:selected GeditViewFrame .gedit-search-slider .button:insensitive, GeditViewFrame .gedit-search-slider .list-row:selected .button:insensitive, .tweak-category:selected GeditViewFrame .gedit-search-slider .button:insensitive, GeditViewFrame .gedit-search-slider .tweak-category:selected .button:insensitive, .list-row:selected .toolbar .button:insensitive, .toolbar .list-row:selected .button:insensitive, .tweak-category:selected .toolbar .button:insensitive, .toolbar .tweak-category:selected .button:insensitive, .list-row:selected .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), .titlebar .list-row:selected .button:insensitive:not(.suggested-action):not(.destructive-action), .tweak-category:selected .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), .titlebar .tweak-category:selected .button:insensitive:not(.suggested-action):not(.destructive-action), + .list-row:selected .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .list-row:selected .button:insensitive:not(.suggested-action):not(.destructive-action), + .tweak-category:selected .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .tweak-category:selected .button:insensitive:not(.suggested-action):not(.destructive-action), .list-row:selected .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .list-row:selected .button:insensitive, .tweak-category:selected .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .tweak-category:selected .button:insensitive, .list-row:selected .sidebar-button.button:insensitive, .tweak-category:selected .sidebar-button.button:insensitive, .list-row:selected .info .button:insensitive, .info .list-row:selected .button:insensitive, .tweak-category:selected .info .button:insensitive, .info .tweak-category:selected .button:insensitive, + .list-row:selected .question .button:insensitive, + .question .list-row:selected .button:insensitive, + .tweak-category:selected .question .button:insensitive, + .question .tweak-category:selected .button:insensitive, + .list-row:selected .warning .button:insensitive, + .warning .list-row:selected .button:insensitive, + .tweak-category:selected .warning .button:insensitive, + .warning .tweak-category:selected .button:insensitive, + .list-row:selected .error .button:insensitive, + .error .list-row:selected .button:insensitive, + .tweak-category:selected .error .button:insensitive, + .error .tweak-category:selected .button:insensitive, .list-row:selected GtkScaleButton.button:insensitive, .tweak-category:selected GtkScaleButton.button:insensitive, + .list-row:selected GtkVolumeButton.button:insensitive, + .tweak-category:selected GtkVolumeButton.button:insensitive, .list-row:selected GfCandidatePopup .button:insensitive, GfCandidatePopup .list-row:selected .button:insensitive, .tweak-category:selected GfCandidatePopup .button:insensitive, GfCandidatePopup .tweak-category:selected .button:insensitive, .list-row:selected GfCandidatePopup .button:insensitive:first-child, GfCandidatePopup .list-row:selected .button:insensitive:first-child, .list-row:selected GfCandidatePopup .button:insensitive:last-child, GfCandidatePopup .list-row:selected .button:insensitive:last-child, + .list-row:selected GfCandidatePopup .linked > .button:insensitive, + GfCandidatePopup .list-row:selected .linked > .button:insensitive, .list-row:selected MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .list-row:selected .button:insensitive:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .tweak-category:selected .button:insensitive:not(.flat):not(.titlebutton), .list-row:selected MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .list-row:selected .button:insensitive:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .tweak-category:selected .button:insensitive:not(.flat):not(.titlebutton) { + color: rgba(255, 255, 255, 0.34); } + +.list-row .button.image-button, .tweak-category .button.image-button { + padding: 0.4em; + background-size: 2.5em 2.5em, auto; } + +.list-row:hover, .tweak-category:hover { + transition: none; } + +/********************* + * App Notifications * + *********************/ +/************* + * Expanders * + *************/ +.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + .expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .expander:not(:hover):not(:active) { + color: alpha(currentColor, 0.75); } + .expander:selected { + color: #FFFFFF; } + .expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +/************ + * Calendar * + ***********/ +GtkCalendar { + margin: 0.6em 0; + padding: 0.4em 0.1em 0.2em; + border: 1px solid rgba(0, 0, 0, 0.09); + color: #263238; } + GtkCalendar:selected { + border: none; + border-radius: 100px; + color: #FFFFFF; + background-color: transparent; + background-image: -gtk-scaled(url("assets/calendar-day-selected.png"), url("assets/calendar-day-selected@2.png")); + background-size: 2em 2em; + background-position: center top; + background-repeat: no-repeat; } + GtkCalendar.header { + border: 1px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.09); + border-radius: 0; } + GtkCalendar.button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: alpha(currentColor, 0.2); } + GtkCalendar.button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + GtkCalendar.button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + GtkCalendar.button:insensitive { + box-shadow: none; + background-color: transparent; } + GtkCalendar:inconsistent { + color: alpha(currentColor, 0.2); } + GtkCalendar.highlight { + color: alpha(currentColor, 0.55); + font-size: 90%; + font-weight: 500; } + +/*********** + * Dialogs * + ***********/ +messagedialog .titlebar { + min-height: 20px; + background-color: rgba(0, 0, 0); + border-bottom: 1px solid rgba(212, 213, 219, 0.95); } + +messagedialog .dialog-action-area button { + padding: 8px; + min-height: 0; } + +messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; } + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 3px 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 3px; + border-left-style: none; } + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(220, 223, 227, 0.5); } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border: none; + color: rgba(38, 50, 56, 0.75); + background-color: #FFFFFF; } + .sidebar:dir(ltr), .sidebar .list:dir(ltr) { + box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); } + .sidebar:dir(rtl), .sidebar .list:dir(rtl) { + box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); } + .sidebar GtkTreeView.view, + .sidebar .frame, + .sidebar .list { + background-color: transparent; } + .sidebar GtkTreeView.view { + box-shadow: none; } + .sidebar .frame .list { + box-shadow: none; } + .sidebar .overshoot, + .sidebar .undershoot { + box-shadow: none; } + +GtkSidebarRow.list-row, GtkSidebarRow.tweak-category { + padding: 0; + color: rgba(38, 50, 56, 0.75); + font-weight: 500; } + GtkSidebarRow.list-row:hover, GtkSidebarRow.tweak-category:hover { + color: #263238; } + GtkSidebarRow.list-row:selected, GtkSidebarRow.tweak-category:selected { + color: #E8E8E8; + background-color: transparent; } + GtkSidebarRow.list-row:backdrop, GtkSidebarRow.tweak-category:backdrop { + opacity: 1.0; } +GtkSidebarRow .sidebar-revealer { + padding: 0.2em 1.1em 0.2em 1em; } +GtkSidebarRow .sidebar-icon { + opacity: 0.75; } + GtkSidebarRow .sidebar-icon:dir(ltr) { + padding-right: 0.6em; } + GtkSidebarRow .sidebar-icon:dir(rtl) { + padding-left: 0.6em; } +GtkSidebarRow .sidebar-label:dir(ltr) { + padding-right: 0.1em; } +GtkSidebarRow .sidebar-label:dir(rtl) { + padding-left: 0.1em; } + +GtkPlacesSidebar.sidebar .list-row:selected:insensitive .label, GtkPlacesSidebar.sidebar .tweak-category:selected:insensitive .label { + color: rgba(255, 255, 255, 0.4); } +GtkPlacesSidebar.sidebar .list-row:selected .sidebar-button.button, GtkPlacesSidebar.sidebar .tweak-category:selected .sidebar-button.button { + color: #4DD0E1; } + GtkPlacesSidebar.sidebar .list-row:selected .sidebar-button.button:hover, GtkPlacesSidebar.sidebar .tweak-category:selected .sidebar-button.button:hover, GtkPlacesSidebar.sidebar .list-row:selected .sidebar-button.button:active, GtkPlacesSidebar.sidebar .tweak-category:selected .sidebar-button.button:active { + color: #E8E8E8; } +GtkPlacesSidebar.sidebar .sidebar-placeholder-row { + border: solid 1px #E8E8E8; } +GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { + color: #E8E8E8; } +.sidebar-button.button.image-button { + padding: 4px; + color: rgba(38, 50, 56, 0.75); } + .sidebar-button.button.image-button:hover, .sidebar-button.button.image-button:active, .sidebar-button.button.image-button:checked { + color: #263238; } +GtkPlacesSidebar.sidebar .has-open-popup { + transition: none; } + +.sidebar-item { + padding: 0.8em 0.6em; } + .sidebar-item > .label { + padding-left: 0.4em; + padding-right: 0.4em; } + +GtkStackSidebar .sidebar-item { + padding: 0.8em 0.6em; + color: rgba(38, 50, 56, 0.75); + font-weight: 500; } + GtkStackSidebar .sidebar-item > .label { + padding-left: 0.4em; + padding-right: 0.4em; } + GtkStackSidebar .sidebar-item:hover { + color: #263238; } + GtkStackSidebar .sidebar-item:selected { + color: #E8E8E8; + background-color: transparent; } + GtkStackSidebar .sidebar-item:backdrop { + opacity: 1.0; } +GtkStackSidebar .frame .list { + background-color: rgba(12, 18, 0, 0.01); } + GtkStackSidebar .frame .list:dir(ltr) { + box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); } + GtkStackSidebar .frame .list:dir(rtl) { + box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); } +GtkStackSidebar .separator { + -GtkWidget-wide-separators: true; } + +/********* + * Paned * + *********/ +GtkPaned { + -GtkPaned-handle-size: 1; + -gtk-icon-source: none; + margin: 0 8px 8px 0; } + GtkPaned:dir(rtl) { + margin-right: 0; + margin-left: 8px; } + GtkPaned .pane-separator { + background-color: rgba(0, 0, 0, 0.09); } + +GtkPaned.wide { + -GtkPaned-handle-size: 6; + margin: 0; } + GtkPaned.wide .pane-separator { + background-color: transparent; + border-style: none solid; + border-color: rgba(0, 0, 0, 0.09); + border-width: 1px; } + GtkPaned.wide.vertical .pane-separator { + border-style: solid none; } + +/************** + * GtkInfoBar * + **************/ +GtkInfoBar, NautilusTrashBar { + padding: 0.4em; + border-width: 0 0 1px; + border-style: solid; + border-color: #E5E9EC; + background-color: #FFFFFF; } + +.info, +.question, +.warning, +.error { + color: rgba(38, 50, 56, 0.75); } + .info .button, + .question .button, + .warning .button, + .error .button { + color: rgba(38, 50, 56, 0.75); } + .info .button:insensitive, + .question .button:insensitive, + .warning .button:insensitive, + .error .button:insensitive { + color: rgba(38, 50, 56, 0.3); } + .info .button.flat, .info .button.osd.image-button, .info .inline-toolbar .button, .inline-toolbar .info .button, .info .inline-toolbar .button.image-button:not(.text-button), .inline-toolbar .info .button.image-button:not(.text-button), .info .action-bar .button, .action-bar .info .button, .info .action-bar .button.image-button:not(.text-button), .action-bar .info .button.image-button:not(.text-button), .info .app-notification .button, .app-notification .info .button, .info GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .info .button, .info .toolbar .button, .toolbar .info .button, .info .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .info .button:not(.suggested-action):not(.destructive-action), + .info .header-bar .button:not(.suggested-action):not(.destructive-action), + .header-bar .info .button:not(.suggested-action):not(.destructive-action), .info .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .info .button, .info .sidebar-button.button, .info .button, + .info .question .button, + .question .info .button, + .info .warning .button, + .warning .info .button, + .info .error .button, + .error .info .button, .info GtkScaleButton.button, + .info GtkVolumeButton.button, .info GfCandidatePopup .button, GfCandidatePopup .info .button, .info GfCandidatePopup .button:first-child, GfCandidatePopup .info .button:first-child, .info GfCandidatePopup .button:last-child, GfCandidatePopup .info .button:last-child, + .info GfCandidatePopup .linked > .button, + GfCandidatePopup .info .linked > .button, .info MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .info .button:not(.flat):not(.titlebutton), .info MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .info .button:not(.flat):not(.titlebutton), + .info .action-bar .linked > .button.image-button, + .action-bar .info .linked > .button.image-button, .info NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .info .button.image-button, + .question .button.flat, + .question .button.osd.image-button, + .question .inline-toolbar .button, + .inline-toolbar .question .button, + .question .inline-toolbar .button.image-button:not(.text-button), + .inline-toolbar .question .button.image-button:not(.text-button), + .question .action-bar .button, + .action-bar .question .button, + .question .action-bar .button.image-button:not(.text-button), + .action-bar .question .button.image-button:not(.text-button), + .question .app-notification .button, + .app-notification .question .button, + .question GeditViewFrame .gedit-search-slider .button, + GeditViewFrame .gedit-search-slider .question .button, + .question .toolbar .button, + .toolbar .question .button, + .question .titlebar .button:not(.suggested-action):not(.destructive-action), + .titlebar .question .button:not(.suggested-action):not(.destructive-action), + .question .header-bar .button:not(.suggested-action):not(.destructive-action), + .header-bar .question .button:not(.suggested-action):not(.destructive-action), + .question .message-dialog.csd .dialog-action-area .button, + .message-dialog.csd .dialog-action-area .question .button, + .question .sidebar-button.button, + .question .info .button, + .info .question .button, + .question .button, + .question .warning .button, + .warning .question .button, + .question .error .button, + .error .question .button, + .question GtkScaleButton.button, + .question GtkVolumeButton.button, + .question GfCandidatePopup .button, + GfCandidatePopup .question .button, + .question GfCandidatePopup .button:first-child, + GfCandidatePopup .question .button:first-child, + .question GfCandidatePopup .button:last-child, + GfCandidatePopup .question .button:last-child, + .question GfCandidatePopup .linked > .button, + GfCandidatePopup .question .linked > .button, + .question MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .question .button:not(.flat):not(.titlebutton), + .question MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .question .button:not(.flat):not(.titlebutton), + .question .action-bar .linked > .button.image-button, + .action-bar .question .linked > .button.image-button, + .question NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button, + NemoWindow GtkGrid > GtkEventBox > .toolbar .question .button.image-button, + .warning .button.flat, + .warning .button.osd.image-button, + .warning .inline-toolbar .button, + .inline-toolbar .warning .button, + .warning .inline-toolbar .button.image-button:not(.text-button), + .inline-toolbar .warning .button.image-button:not(.text-button), + .warning .action-bar .button, + .action-bar .warning .button, + .warning .action-bar .button.image-button:not(.text-button), + .action-bar .warning .button.image-button:not(.text-button), + .warning .app-notification .button, + .app-notification .warning .button, + .warning GeditViewFrame .gedit-search-slider .button, + GeditViewFrame .gedit-search-slider .warning .button, + .warning .toolbar .button, + .toolbar .warning .button, + .warning .titlebar .button:not(.suggested-action):not(.destructive-action), + .titlebar .warning .button:not(.suggested-action):not(.destructive-action), + .warning .header-bar .button:not(.suggested-action):not(.destructive-action), + .header-bar .warning .button:not(.suggested-action):not(.destructive-action), + .warning .message-dialog.csd .dialog-action-area .button, + .message-dialog.csd .dialog-action-area .warning .button, + .warning .sidebar-button.button, + .warning .info .button, + .info .warning .button, + .warning .question .button, + .question .warning .button, + .warning .button, + .warning .error .button, + .error .warning .button, + .warning GtkScaleButton.button, + .warning GtkVolumeButton.button, + .warning GfCandidatePopup .button, + GfCandidatePopup .warning .button, + .warning GfCandidatePopup .button:first-child, + GfCandidatePopup .warning .button:first-child, + .warning GfCandidatePopup .button:last-child, + GfCandidatePopup .warning .button:last-child, + .warning GfCandidatePopup .linked > .button, + GfCandidatePopup .warning .linked > .button, + .warning MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .warning .button:not(.flat):not(.titlebutton), + .warning MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .warning .button:not(.flat):not(.titlebutton), + .warning .action-bar .linked > .button.image-button, + .action-bar .warning .linked > .button.image-button, + .warning NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button, + NemoWindow GtkGrid > GtkEventBox > .toolbar .warning .button.image-button, + .error .button.flat, + .error .button.osd.image-button, + .error .inline-toolbar .button, + .inline-toolbar .error .button, + .error .inline-toolbar .button.image-button:not(.text-button), + .inline-toolbar .error .button.image-button:not(.text-button), + .error .action-bar .button, + .action-bar .error .button, + .error .action-bar .button.image-button:not(.text-button), + .action-bar .error .button.image-button:not(.text-button), + .error .app-notification .button, + .app-notification .error .button, + .error GeditViewFrame .gedit-search-slider .button, + GeditViewFrame .gedit-search-slider .error .button, + .error .toolbar .button, + .toolbar .error .button, + .error .titlebar .button:not(.suggested-action):not(.destructive-action), + .titlebar .error .button:not(.suggested-action):not(.destructive-action), + .error .header-bar .button:not(.suggested-action):not(.destructive-action), + .header-bar .error .button:not(.suggested-action):not(.destructive-action), + .error .message-dialog.csd .dialog-action-area .button, + .message-dialog.csd .dialog-action-area .error .button, + .error .sidebar-button.button, + .error .info .button, + .info .error .button, + .error .question .button, + .question .error .button, + .error .warning .button, + .warning .error .button, + .error .button, + .error GtkScaleButton.button, + .error GtkVolumeButton.button, + .error GfCandidatePopup .button, + GfCandidatePopup .error .button, + .error GfCandidatePopup .button:first-child, + GfCandidatePopup .error .button:first-child, + .error GfCandidatePopup .button:last-child, + GfCandidatePopup .error .button:last-child, + .error GfCandidatePopup .linked > .button, + GfCandidatePopup .error .linked > .button, + .error MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .error .button:not(.flat):not(.titlebutton), + .error MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .error .button:not(.flat):not(.titlebutton), + .error .action-bar .linked > .button.image-button, + .action-bar .error .linked > .button.image-button, + .error NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button, + NemoWindow GtkGrid > GtkEventBox > .toolbar .error .button.image-button { + color: rgba(38, 50, 56, 0.75); } + .info .button.flat:hover, .info .button.osd.image-button:hover, .info .inline-toolbar .button:hover, .inline-toolbar .info .button:hover, .info .action-bar .button:hover, .action-bar .info .button:hover, .info .inline-toolbar .linked > .button.image-button:hover:not(.text-button), .inline-toolbar .info .linked > .button.image-button:hover:not(.text-button), .info .inline-toolbar .stack-switcher > .button.image-button:hover:not(.text-button), .inline-toolbar .info .stack-switcher > .button.image-button:hover:not(.text-button), .info .action-bar .stack-switcher > .button.image-button:hover:not(.text-button), .action-bar .info .stack-switcher > .button.image-button:hover:not(.text-button), .info .app-notification .button:hover, .app-notification .info .button:hover, .info GeditViewFrame .gedit-search-slider .button:hover, GeditViewFrame .gedit-search-slider .info .button:hover, .info .toolbar .button:hover, .toolbar .info .button:hover, .info .titlebar .button:hover:not(.suggested-action):not(.destructive-action), .titlebar .info .button:hover:not(.suggested-action):not(.destructive-action), + .info .header-bar .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .info .button:hover:not(.suggested-action):not(.destructive-action), .info .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .info .button:hover, .info .sidebar-button.button:hover, .info .button:hover, + .info .question .button:hover, + .question .info .button:hover, + .info .warning .button:hover, + .warning .info .button:hover, + .info .error .button:hover, + .error .info .button:hover, .info GtkScaleButton.button:hover, + .info GtkVolumeButton.button:hover, .info GfCandidatePopup .button:hover, GfCandidatePopup .info .button:hover, .info GfCandidatePopup .button:hover:first-child, GfCandidatePopup .info .button:hover:first-child, .info GfCandidatePopup .button:hover:last-child, GfCandidatePopup .info .button:hover:last-child, + .info GfCandidatePopup .linked > .button:hover, + GfCandidatePopup .info .linked > .button:hover, .info MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .info .button:hover:not(.flat):not(.titlebutton), .info MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .info .button:hover:not(.flat):not(.titlebutton), .info .button.flat:active, .info .button.osd.image-button:active, .info .inline-toolbar .button:active, .inline-toolbar .info .button:active, .info .action-bar .button:active, .action-bar .info .button:active, .info .inline-toolbar .linked > .button.image-button:active:not(.text-button), .inline-toolbar .info .linked > .button.image-button:active:not(.text-button), .info .inline-toolbar .stack-switcher > .button.image-button:active:not(.text-button), .inline-toolbar .info .stack-switcher > .button.image-button:active:not(.text-button), .info .action-bar .stack-switcher > .button.image-button:active:not(.text-button), .action-bar .info .stack-switcher > .button.image-button:active:not(.text-button), .info .app-notification .button:active, .app-notification .info .button:active, .info GeditViewFrame .gedit-search-slider .button:active, GeditViewFrame .gedit-search-slider .info .button:active, .info .toolbar .button:active, .toolbar .info .button:active, .info .titlebar .button:active:not(.suggested-action):not(.destructive-action), .titlebar .info .button:active:not(.suggested-action):not(.destructive-action), + .info .header-bar .button:active:not(.suggested-action):not(.destructive-action), + .header-bar .info .button:active:not(.suggested-action):not(.destructive-action), .info .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .info .button:active, .info .sidebar-button.button:active, .info .button:active, + .info .question .button:active, + .question .info .button:active, + .info .warning .button:active, + .warning .info .button:active, + .info .error .button:active, + .error .info .button:active, .info GtkScaleButton.button:active, + .info GtkVolumeButton.button:active, .info GfCandidatePopup .button:active, GfCandidatePopup .info .button:active, .info GfCandidatePopup .button:active:first-child, GfCandidatePopup .info .button:active:first-child, .info GfCandidatePopup .button:active:last-child, GfCandidatePopup .info .button:active:last-child, + .info GfCandidatePopup .linked > .button:active, + GfCandidatePopup .info .linked > .button:active, .info MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .info .button:active:not(.flat):not(.titlebutton), .info MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .info .button:active:not(.flat):not(.titlebutton), + .question .button.flat:hover, + .question .button.osd.image-button:hover, + .question .inline-toolbar .button:hover, + .inline-toolbar .question .button:hover, + .question .action-bar .button:hover, + .action-bar .question .button:hover, + .question .inline-toolbar .linked > .button.image-button:hover:not(.text-button), + .inline-toolbar .question .linked > .button.image-button:hover:not(.text-button), + .question .inline-toolbar .stack-switcher > .button.image-button:hover:not(.text-button), + .inline-toolbar .question .stack-switcher > .button.image-button:hover:not(.text-button), + .question .action-bar .stack-switcher > .button.image-button:hover:not(.text-button), + .action-bar .question .stack-switcher > .button.image-button:hover:not(.text-button), + .question .app-notification .button:hover, + .app-notification .question .button:hover, + .question GeditViewFrame .gedit-search-slider .button:hover, + GeditViewFrame .gedit-search-slider .question .button:hover, + .question .toolbar .button:hover, + .toolbar .question .button:hover, + .question .titlebar .button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .question .button:hover:not(.suggested-action):not(.destructive-action), + .question .header-bar .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .question .button:hover:not(.suggested-action):not(.destructive-action), + .question .message-dialog.csd .dialog-action-area .button:hover, + .message-dialog.csd .dialog-action-area .question .button:hover, + .question .sidebar-button.button:hover, + .question .info .button:hover, + .info .question .button:hover, + .question .button:hover, + .question .warning .button:hover, + .warning .question .button:hover, + .question .error .button:hover, + .error .question .button:hover, + .question GtkScaleButton.button:hover, + .question GtkVolumeButton.button:hover, + .question GfCandidatePopup .button:hover, + GfCandidatePopup .question .button:hover, + .question GfCandidatePopup .button:hover:first-child, + GfCandidatePopup .question .button:hover:first-child, + .question GfCandidatePopup .button:hover:last-child, + GfCandidatePopup .question .button:hover:last-child, + .question GfCandidatePopup .linked > .button:hover, + GfCandidatePopup .question .linked > .button:hover, + .question MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .question .button:hover:not(.flat):not(.titlebutton), + .question MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .question .button:hover:not(.flat):not(.titlebutton), + .question .button.flat:active, + .question .button.osd.image-button:active, + .question .inline-toolbar .button:active, + .inline-toolbar .question .button:active, + .question .action-bar .button:active, + .action-bar .question .button:active, + .question .inline-toolbar .linked > .button.image-button:active:not(.text-button), + .inline-toolbar .question .linked > .button.image-button:active:not(.text-button), + .question .inline-toolbar .stack-switcher > .button.image-button:active:not(.text-button), + .inline-toolbar .question .stack-switcher > .button.image-button:active:not(.text-button), + .question .action-bar .stack-switcher > .button.image-button:active:not(.text-button), + .action-bar .question .stack-switcher > .button.image-button:active:not(.text-button), + .question .app-notification .button:active, + .app-notification .question .button:active, + .question GeditViewFrame .gedit-search-slider .button:active, + GeditViewFrame .gedit-search-slider .question .button:active, + .question .toolbar .button:active, + .toolbar .question .button:active, + .question .titlebar .button:active:not(.suggested-action):not(.destructive-action), + .titlebar .question .button:active:not(.suggested-action):not(.destructive-action), + .question .header-bar .button:active:not(.suggested-action):not(.destructive-action), + .header-bar .question .button:active:not(.suggested-action):not(.destructive-action), + .question .message-dialog.csd .dialog-action-area .button:active, + .message-dialog.csd .dialog-action-area .question .button:active, + .question .sidebar-button.button:active, + .question .info .button:active, + .info .question .button:active, + .question .button:active, + .question .warning .button:active, + .warning .question .button:active, + .question .error .button:active, + .error .question .button:active, + .question GtkScaleButton.button:active, + .question GtkVolumeButton.button:active, + .question GfCandidatePopup .button:active, + GfCandidatePopup .question .button:active, + .question GfCandidatePopup .button:active:first-child, + GfCandidatePopup .question .button:active:first-child, + .question GfCandidatePopup .button:active:last-child, + GfCandidatePopup .question .button:active:last-child, + .question GfCandidatePopup .linked > .button:active, + GfCandidatePopup .question .linked > .button:active, + .question MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .question .button:active:not(.flat):not(.titlebutton), + .question MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .question .button:active:not(.flat):not(.titlebutton), + .warning .button.flat:hover, + .warning .button.osd.image-button:hover, + .warning .inline-toolbar .button:hover, + .inline-toolbar .warning .button:hover, + .warning .action-bar .button:hover, + .action-bar .warning .button:hover, + .warning .inline-toolbar .linked > .button.image-button:hover:not(.text-button), + .inline-toolbar .warning .linked > .button.image-button:hover:not(.text-button), + .warning .inline-toolbar .stack-switcher > .button.image-button:hover:not(.text-button), + .inline-toolbar .warning .stack-switcher > .button.image-button:hover:not(.text-button), + .warning .action-bar .stack-switcher > .button.image-button:hover:not(.text-button), + .action-bar .warning .stack-switcher > .button.image-button:hover:not(.text-button), + .warning .app-notification .button:hover, + .app-notification .warning .button:hover, + .warning GeditViewFrame .gedit-search-slider .button:hover, + GeditViewFrame .gedit-search-slider .warning .button:hover, + .warning .toolbar .button:hover, + .toolbar .warning .button:hover, + .warning .titlebar .button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .warning .button:hover:not(.suggested-action):not(.destructive-action), + .warning .header-bar .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .warning .button:hover:not(.suggested-action):not(.destructive-action), + .warning .message-dialog.csd .dialog-action-area .button:hover, + .message-dialog.csd .dialog-action-area .warning .button:hover, + .warning .sidebar-button.button:hover, + .warning .info .button:hover, + .info .warning .button:hover, + .warning .question .button:hover, + .question .warning .button:hover, + .warning .button:hover, + .warning .error .button:hover, + .error .warning .button:hover, + .warning GtkScaleButton.button:hover, + .warning GtkVolumeButton.button:hover, + .warning GfCandidatePopup .button:hover, + GfCandidatePopup .warning .button:hover, + .warning GfCandidatePopup .button:hover:first-child, + GfCandidatePopup .warning .button:hover:first-child, + .warning GfCandidatePopup .button:hover:last-child, + GfCandidatePopup .warning .button:hover:last-child, + .warning GfCandidatePopup .linked > .button:hover, + GfCandidatePopup .warning .linked > .button:hover, + .warning MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .warning .button:hover:not(.flat):not(.titlebutton), + .warning MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .warning .button:hover:not(.flat):not(.titlebutton), + .warning .button.flat:active, + .warning .button.osd.image-button:active, + .warning .inline-toolbar .button:active, + .inline-toolbar .warning .button:active, + .warning .action-bar .button:active, + .action-bar .warning .button:active, + .warning .inline-toolbar .linked > .button.image-button:active:not(.text-button), + .inline-toolbar .warning .linked > .button.image-button:active:not(.text-button), + .warning .inline-toolbar .stack-switcher > .button.image-button:active:not(.text-button), + .inline-toolbar .warning .stack-switcher > .button.image-button:active:not(.text-button), + .warning .action-bar .stack-switcher > .button.image-button:active:not(.text-button), + .action-bar .warning .stack-switcher > .button.image-button:active:not(.text-button), + .warning .app-notification .button:active, + .app-notification .warning .button:active, + .warning GeditViewFrame .gedit-search-slider .button:active, + GeditViewFrame .gedit-search-slider .warning .button:active, + .warning .toolbar .button:active, + .toolbar .warning .button:active, + .warning .titlebar .button:active:not(.suggested-action):not(.destructive-action), + .titlebar .warning .button:active:not(.suggested-action):not(.destructive-action), + .warning .header-bar .button:active:not(.suggested-action):not(.destructive-action), + .header-bar .warning .button:active:not(.suggested-action):not(.destructive-action), + .warning .message-dialog.csd .dialog-action-area .button:active, + .message-dialog.csd .dialog-action-area .warning .button:active, + .warning .sidebar-button.button:active, + .warning .info .button:active, + .info .warning .button:active, + .warning .question .button:active, + .question .warning .button:active, + .warning .button:active, + .warning .error .button:active, + .error .warning .button:active, + .warning GtkScaleButton.button:active, + .warning GtkVolumeButton.button:active, + .warning GfCandidatePopup .button:active, + GfCandidatePopup .warning .button:active, + .warning GfCandidatePopup .button:active:first-child, + GfCandidatePopup .warning .button:active:first-child, + .warning GfCandidatePopup .button:active:last-child, + GfCandidatePopup .warning .button:active:last-child, + .warning GfCandidatePopup .linked > .button:active, + GfCandidatePopup .warning .linked > .button:active, + .warning MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .warning .button:active:not(.flat):not(.titlebutton), + .warning MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .warning .button:active:not(.flat):not(.titlebutton), + .error .button.flat:hover, + .error .button.osd.image-button:hover, + .error .inline-toolbar .button:hover, + .inline-toolbar .error .button:hover, + .error .action-bar .button:hover, + .action-bar .error .button:hover, + .error .inline-toolbar .linked > .button.image-button:hover:not(.text-button), + .inline-toolbar .error .linked > .button.image-button:hover:not(.text-button), + .error .inline-toolbar .stack-switcher > .button.image-button:hover:not(.text-button), + .inline-toolbar .error .stack-switcher > .button.image-button:hover:not(.text-button), + .error .action-bar .stack-switcher > .button.image-button:hover:not(.text-button), + .action-bar .error .stack-switcher > .button.image-button:hover:not(.text-button), + .error .app-notification .button:hover, + .app-notification .error .button:hover, + .error GeditViewFrame .gedit-search-slider .button:hover, + GeditViewFrame .gedit-search-slider .error .button:hover, + .error .toolbar .button:hover, + .toolbar .error .button:hover, + .error .titlebar .button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .error .button:hover:not(.suggested-action):not(.destructive-action), + .error .header-bar .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .error .button:hover:not(.suggested-action):not(.destructive-action), + .error .message-dialog.csd .dialog-action-area .button:hover, + .message-dialog.csd .dialog-action-area .error .button:hover, + .error .sidebar-button.button:hover, + .error .info .button:hover, + .info .error .button:hover, + .error .question .button:hover, + .question .error .button:hover, + .error .warning .button:hover, + .warning .error .button:hover, + .error .button:hover, + .error GtkScaleButton.button:hover, + .error GtkVolumeButton.button:hover, + .error GfCandidatePopup .button:hover, + GfCandidatePopup .error .button:hover, + .error GfCandidatePopup .button:hover:first-child, + GfCandidatePopup .error .button:hover:first-child, + .error GfCandidatePopup .button:hover:last-child, + GfCandidatePopup .error .button:hover:last-child, + .error GfCandidatePopup .linked > .button:hover, + GfCandidatePopup .error .linked > .button:hover, + .error MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .error .button:hover:not(.flat):not(.titlebutton), + .error MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .error .button:hover:not(.flat):not(.titlebutton), + .error .button.flat:active, + .error .button.osd.image-button:active, + .error .inline-toolbar .button:active, + .inline-toolbar .error .button:active, + .error .action-bar .button:active, + .action-bar .error .button:active, + .error .inline-toolbar .linked > .button.image-button:active:not(.text-button), + .inline-toolbar .error .linked > .button.image-button:active:not(.text-button), + .error .inline-toolbar .stack-switcher > .button.image-button:active:not(.text-button), + .inline-toolbar .error .stack-switcher > .button.image-button:active:not(.text-button), + .error .action-bar .stack-switcher > .button.image-button:active:not(.text-button), + .action-bar .error .stack-switcher > .button.image-button:active:not(.text-button), + .error .app-notification .button:active, + .app-notification .error .button:active, + .error GeditViewFrame .gedit-search-slider .button:active, + GeditViewFrame .gedit-search-slider .error .button:active, + .error .toolbar .button:active, + .toolbar .error .button:active, + .error .titlebar .button:active:not(.suggested-action):not(.destructive-action), + .titlebar .error .button:active:not(.suggested-action):not(.destructive-action), + .error .header-bar .button:active:not(.suggested-action):not(.destructive-action), + .header-bar .error .button:active:not(.suggested-action):not(.destructive-action), + .error .message-dialog.csd .dialog-action-area .button:active, + .message-dialog.csd .dialog-action-area .error .button:active, + .error .sidebar-button.button:active, + .error .info .button:active, + .info .error .button:active, + .error .question .button:active, + .question .error .button:active, + .error .warning .button:active, + .warning .error .button:active, + .error .button:active, + .error GtkScaleButton.button:active, + .error GtkVolumeButton.button:active, + .error GfCandidatePopup .button:active, + GfCandidatePopup .error .button:active, + .error GfCandidatePopup .button:active:first-child, + GfCandidatePopup .error .button:active:first-child, + .error GfCandidatePopup .button:active:last-child, + GfCandidatePopup .error .button:active:last-child, + .error GfCandidatePopup .linked > .button:active, + GfCandidatePopup .error .linked > .button:active, + .error MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .error .button:active:not(.flat):not(.titlebutton), + .error MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .error .button:active:not(.flat):not(.titlebutton) { + color: #263238; } + .info .button.flat:insensitive, .info .button.osd.image-button:insensitive, .info .inline-toolbar .button:insensitive, .inline-toolbar .info .button:insensitive, .info .action-bar .button:insensitive, .action-bar .info .button:insensitive, .info .inline-toolbar .linked > .button.image-button:insensitive:not(.text-button), .inline-toolbar .info .linked > .button.image-button:insensitive:not(.text-button), .info .inline-toolbar .stack-switcher > .button.image-button:insensitive:not(.text-button), .inline-toolbar .info .stack-switcher > .button.image-button:insensitive:not(.text-button), .info .action-bar .stack-switcher > .button.image-button:insensitive:not(.text-button), .action-bar .info .stack-switcher > .button.image-button:insensitive:not(.text-button), .info .app-notification .button:insensitive, .app-notification .info .button:insensitive, .info GeditViewFrame .gedit-search-slider .button:insensitive, GeditViewFrame .gedit-search-slider .info .button:insensitive, .info .toolbar .button:insensitive, .toolbar .info .button:insensitive, .info .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), .titlebar .info .button:insensitive:not(.suggested-action):not(.destructive-action), + .info .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .info .button:insensitive:not(.suggested-action):not(.destructive-action), .info .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .info .button:insensitive, .info .sidebar-button.button:insensitive, .info .button:insensitive, + .info .question .button:insensitive, + .question .info .button:insensitive, + .info .warning .button:insensitive, + .warning .info .button:insensitive, + .info .error .button:insensitive, + .error .info .button:insensitive, .info GtkScaleButton.button:insensitive, + .info GtkVolumeButton.button:insensitive, .info GfCandidatePopup .button:insensitive, GfCandidatePopup .info .button:insensitive, .info GfCandidatePopup .button:insensitive:first-child, GfCandidatePopup .info .button:insensitive:first-child, .info GfCandidatePopup .button:insensitive:last-child, GfCandidatePopup .info .button:insensitive:last-child, + .info GfCandidatePopup .linked > .button:insensitive, + GfCandidatePopup .info .linked > .button:insensitive, .info MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .info .button:insensitive:not(.flat):not(.titlebutton), .info MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .info .button:insensitive:not(.flat):not(.titlebutton), + .question .button.flat:insensitive, + .question .button.osd.image-button:insensitive, + .question .inline-toolbar .button:insensitive, + .inline-toolbar .question .button:insensitive, + .question .action-bar .button:insensitive, + .action-bar .question .button:insensitive, + .question .inline-toolbar .linked > .button.image-button:insensitive:not(.text-button), + .inline-toolbar .question .linked > .button.image-button:insensitive:not(.text-button), + .question .inline-toolbar .stack-switcher > .button.image-button:insensitive:not(.text-button), + .inline-toolbar .question .stack-switcher > .button.image-button:insensitive:not(.text-button), + .question .action-bar .stack-switcher > .button.image-button:insensitive:not(.text-button), + .action-bar .question .stack-switcher > .button.image-button:insensitive:not(.text-button), + .question .app-notification .button:insensitive, + .app-notification .question .button:insensitive, + .question GeditViewFrame .gedit-search-slider .button:insensitive, + GeditViewFrame .gedit-search-slider .question .button:insensitive, + .question .toolbar .button:insensitive, + .toolbar .question .button:insensitive, + .question .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), + .titlebar .question .button:insensitive:not(.suggested-action):not(.destructive-action), + .question .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .question .button:insensitive:not(.suggested-action):not(.destructive-action), + .question .message-dialog.csd .dialog-action-area .button:insensitive, + .message-dialog.csd .dialog-action-area .question .button:insensitive, + .question .sidebar-button.button:insensitive, + .question .info .button:insensitive, + .info .question .button:insensitive, + .question .button:insensitive, + .question .warning .button:insensitive, + .warning .question .button:insensitive, + .question .error .button:insensitive, + .error .question .button:insensitive, + .question GtkScaleButton.button:insensitive, + .question GtkVolumeButton.button:insensitive, + .question GfCandidatePopup .button:insensitive, + GfCandidatePopup .question .button:insensitive, + .question GfCandidatePopup .button:insensitive:first-child, + GfCandidatePopup .question .button:insensitive:first-child, + .question GfCandidatePopup .button:insensitive:last-child, + GfCandidatePopup .question .button:insensitive:last-child, + .question GfCandidatePopup .linked > .button:insensitive, + GfCandidatePopup .question .linked > .button:insensitive, + .question MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .question .button:insensitive:not(.flat):not(.titlebutton), + .question MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .question .button:insensitive:not(.flat):not(.titlebutton), + .warning .button.flat:insensitive, + .warning .button.osd.image-button:insensitive, + .warning .inline-toolbar .button:insensitive, + .inline-toolbar .warning .button:insensitive, + .warning .action-bar .button:insensitive, + .action-bar .warning .button:insensitive, + .warning .inline-toolbar .linked > .button.image-button:insensitive:not(.text-button), + .inline-toolbar .warning .linked > .button.image-button:insensitive:not(.text-button), + .warning .inline-toolbar .stack-switcher > .button.image-button:insensitive:not(.text-button), + .inline-toolbar .warning .stack-switcher > .button.image-button:insensitive:not(.text-button), + .warning .action-bar .stack-switcher > .button.image-button:insensitive:not(.text-button), + .action-bar .warning .stack-switcher > .button.image-button:insensitive:not(.text-button), + .warning .app-notification .button:insensitive, + .app-notification .warning .button:insensitive, + .warning GeditViewFrame .gedit-search-slider .button:insensitive, + GeditViewFrame .gedit-search-slider .warning .button:insensitive, + .warning .toolbar .button:insensitive, + .toolbar .warning .button:insensitive, + .warning .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), + .titlebar .warning .button:insensitive:not(.suggested-action):not(.destructive-action), + .warning .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .warning .button:insensitive:not(.suggested-action):not(.destructive-action), + .warning .message-dialog.csd .dialog-action-area .button:insensitive, + .message-dialog.csd .dialog-action-area .warning .button:insensitive, + .warning .sidebar-button.button:insensitive, + .warning .info .button:insensitive, + .info .warning .button:insensitive, + .warning .question .button:insensitive, + .question .warning .button:insensitive, + .warning .button:insensitive, + .warning .error .button:insensitive, + .error .warning .button:insensitive, + .warning GtkScaleButton.button:insensitive, + .warning GtkVolumeButton.button:insensitive, + .warning GfCandidatePopup .button:insensitive, + GfCandidatePopup .warning .button:insensitive, + .warning GfCandidatePopup .button:insensitive:first-child, + GfCandidatePopup .warning .button:insensitive:first-child, + .warning GfCandidatePopup .button:insensitive:last-child, + GfCandidatePopup .warning .button:insensitive:last-child, + .warning GfCandidatePopup .linked > .button:insensitive, + GfCandidatePopup .warning .linked > .button:insensitive, + .warning MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .warning .button:insensitive:not(.flat):not(.titlebutton), + .warning MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .warning .button:insensitive:not(.flat):not(.titlebutton), + .error .button.flat:insensitive, + .error .button.osd.image-button:insensitive, + .error .inline-toolbar .button:insensitive, + .inline-toolbar .error .button:insensitive, + .error .action-bar .button:insensitive, + .action-bar .error .button:insensitive, + .error .inline-toolbar .linked > .button.image-button:insensitive:not(.text-button), + .inline-toolbar .error .linked > .button.image-button:insensitive:not(.text-button), + .error .inline-toolbar .stack-switcher > .button.image-button:insensitive:not(.text-button), + .inline-toolbar .error .stack-switcher > .button.image-button:insensitive:not(.text-button), + .error .action-bar .stack-switcher > .button.image-button:insensitive:not(.text-button), + .action-bar .error .stack-switcher > .button.image-button:insensitive:not(.text-button), + .error .app-notification .button:insensitive, + .app-notification .error .button:insensitive, + .error GeditViewFrame .gedit-search-slider .button:insensitive, + GeditViewFrame .gedit-search-slider .error .button:insensitive, + .error .toolbar .button:insensitive, + .toolbar .error .button:insensitive, + .error .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), + .titlebar .error .button:insensitive:not(.suggested-action):not(.destructive-action), + .error .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .error .button:insensitive:not(.suggested-action):not(.destructive-action), + .error .message-dialog.csd .dialog-action-area .button:insensitive, + .message-dialog.csd .dialog-action-area .error .button:insensitive, + .error .sidebar-button.button:insensitive, + .error .info .button:insensitive, + .info .error .button:insensitive, + .error .question .button:insensitive, + .question .error .button:insensitive, + .error .warning .button:insensitive, + .warning .error .button:insensitive, + .error .button:insensitive, + .error GtkScaleButton.button:insensitive, + .error GtkVolumeButton.button:insensitive, + .error GfCandidatePopup .button:insensitive, + GfCandidatePopup .error .button:insensitive, + .error GfCandidatePopup .button:insensitive:first-child, + GfCandidatePopup .error .button:insensitive:first-child, + .error GfCandidatePopup .button:insensitive:last-child, + GfCandidatePopup .error .button:insensitive:last-child, + .error GfCandidatePopup .linked > .button:insensitive, + GfCandidatePopup .error .linked > .button:insensitive, + .error MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), + MathWindow :not(.titlebar) .error .button:insensitive:not(.flat):not(.titlebutton), + .error MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), + MathWindow :not(.header-bar) .error .button:insensitive:not(.flat):not(.titlebutton) { + color: rgba(38, 50, 56, 0.3); } + .info .label:selected, + .info .label:selected:focus, + .info .label:selected:hover, + .question .label:selected, + .question .label:selected:focus, + .question .label:selected:hover, + .warning .label:selected, + .warning .label:selected:focus, + .warning .label:selected:hover, + .error .label:selected, + .error .label:selected:focus, + .error .label:selected:hover { + background-color: #008fa1; } + .info GtkProgressBar.trough, + .question GtkProgressBar.trough, + .warning GtkProgressBar.trough, + .error GtkProgressBar.trough { + background-color: rgba(255, 255, 255, 0.2); } + .info .progressbar, + .question .progressbar, + .warning .progressbar, + .error .progressbar { + background-color: #FFFFFF; } + +.info { + background-color: #00E5FF; } + +.question { + background-color: #FFEA00; } + +.warning { + background-color: #FF9100; } + +.error { + color: #FFFFFF; + background-color: #FF1744; } + +/************ + * Tooltips * + ************/ +.tooltip { + color: #ECEFF1; + padding: 0.2em; + border-radius: 2px; + box-shadow: none; } + .tooltip.background { + background-color: rgba(42, 55, 62, 0.9); } + .tooltip.window-frame.csd { + background-color: transparent; } + +.tooltip * { + padding: 0.2em; + background-color: transparent; + color: inherit; } + +/***************** + * Color Chooser * + *****************/ +GtkColorSwatch { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + GtkColorSwatch.top { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + GtkColorSwatch.bottom { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top) { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom) { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + GtkColorSwatch:only-child:not(.overlay) { + border-radius: 2px; } + GtkColorSwatch.top > .overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + GtkColorSwatch.bottom > .overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + GtkColorSwatch:first-child:not(.top) > .overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + GtkColorSwatch:last-child:not(.bottom) > .overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + GtkColorSwatch:only-child > .overlay { + border-radius: 2px; } + GtkColorSwatch:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + GtkColorEditor GtkColorSwatch { + border-radius: 2px; } + GtkColorEditor GtkColorSwatch:hover { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + GtkColorSwatch.color-dark { + color: #FFFFFF; } + GtkColorSwatch.color-light { + color: rgba(0, 0, 0, 0.8); } + GtkColorSwatch#add-color-button { + background-image: linear-gradient(to right, #FF1744 25%, #FF9100 25%, #FF9100 50%, #00E5FF 50%, #00E5FF 75%, #FFEA00 75%); + color: #FFFFFF; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #FFFFFF; } + +.osd .scale-popup .vertical .button, .scale-popup .vertical .button { + border-radius: 100px; + outline-radius: 100px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + .osd .scale-popup .vertical .button:first-child:hover, .scale-popup .vertical .button:first-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #00E676; } + .osd .scale-popup .vertical .button:first-child:insensitive, .scale-popup .vertical .button:first-child:insensitive { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#00E676, 0.4); } + .osd .scale-popup .vertical .button:last-child:hover, .scale-popup .vertical .button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #F44336; } + .osd .scale-popup .vertical .button:last-child:insensitive, .scale-popup .vertical .button:last-child:insensitive { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#F44336, 0.4); } +.osd .scale-popup .button, +.scale-popup .button { + border-radius: 100px; + outline-radius: 100px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + .osd .scale-popup .button:first-child:hover, + .scale-popup .button:first-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #F44336; } + .osd .scale-popup .button:first-child:insensitive, + .scale-popup .button:first-child:insensitive { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#F44336, 0.4); } + .osd .scale-popup .button:last-child:hover, + .scale-popup .button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #00E676; } + .osd .scale-popup .button:last-child:insensitive, + .scale-popup .button:last-child:insensitive { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#00E676, 0.4); } + +GtkScaleButton.button, +GtkVolumeButton.button { + border-radius: 100px; + outline-radius: 100px; } + GtkScaleButton.button.text-button, + GtkVolumeButton.button.text-button { + border-radius: 2px; + outline-radius: 2px; } + +.floating-bar { + padding: 0.1em 0 0.2em; + border: 1px solid transparent; + border-radius: 0; + color: #BBBBBB; + background-color: #FFFFFF; + transition: none; } + .floating-bar .button { + padding: 0.3em; + margin: 0 0.3em; + color: #E8E8E8; } + .floating-bar .button:hover, .floating-bar .button:active, .floating-bar .button:checked { + color: #E8E8E8; } + .floating-bar .button:insensitive { + color: #E8E8E8; } + +.floating-bar.bottom.left { + border-width: 1px 1px 0 0; + border-radius: 0 3px 0 0; } +.floating-bar.bottom.right { + border-width: 1px 0 0 1px; + border-radius: 3px 0 0 0; } + +/********************** + * Window Decorations * + *********************/ +.window-frame { + transition: none; + border-radius: 2px 2px 0 0; + box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); + margin: 8px; } + .window-frame:backdrop { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + .window-frame.maximized, .window-frame.tiled { + border-radius: 0; + transition: none; } + .window-frame.maximized.ssd .titlebar, .window-frame.tiled.ssd .titlebar { + box-shadow: none; } + .window-frame.popup { + box-shadow: none; } + .window-frame.ssd { + box-shadow: 0 0 0 1px transparent; } + .window-frame.ssd .titlebar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } + .window-frame.ssd .tiled .titlebar { + transition: none; } + .window-frame.ssd .maximized .titlebar { + transition: none; } + .window-frame.csd.popup { + border-radius: 2px; + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.2); } + .window-frame.csd.tooltip { + border-radius: 2px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + .window-frame.csd.message-dialog { + border-radius: 2px; + box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); } + .window-frame.csd.message-dialog:backdrop { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + .window-frame.solid-csd { + border-radius: 2px 2px 0 0; + margin: -1px; + background-color: #FFFFFF; + border: none; + box-shadow: none; } + +.csd .header-bar .button.titlebutton.close:hover:backdrop, .csd .header-bar .button.titlebutton.close:active:backdrop, .csd .header-bar .button.titlebutton.minimize:hover:backdrop, .csd .header-bar .button.titlebutton.minimize:active:backdrop, .csd .header-bar .button.titlebutton.maximize:hover:backdrop, .csd .header-bar .button.titlebutton.maximize:active:backdrop, .csd .header-bar.selection-mode .button.titlebutton.close:hover:backdrop, .csd .header-bar.selection-mode .button.titlebutton.close:active:backdrop, .csd .header-bar.selection-mode .button.titlebutton.minimize:hover:backdrop, .csd .header-bar.selection-mode .button.titlebutton.minimize:active:backdrop, .csd .header-bar.selection-mode .button.titlebutton.maximize:hover:backdrop, .csd .header-bar.selection-mode .button.titlebutton.maximize:active:backdrop, +.csd .titlebar .button.titlebutton.close:hover:backdrop, +.csd .titlebar .button.titlebutton.close:active:backdrop, +.csd .titlebar .button.titlebutton.minimize:hover:backdrop, +.csd .titlebar .button.titlebutton.minimize:active:backdrop, +.csd .titlebar .button.titlebutton.maximize:hover:backdrop, +.csd .titlebar .button.titlebutton.maximize:active:backdrop, +.csd .titlebar.selection-mode .button.titlebutton.close:hover:backdrop, +.csd .titlebar.selection-mode .button.titlebutton.close:active:backdrop, +.csd .titlebar.selection-mode .button.titlebutton.minimize:hover:backdrop, +.csd .titlebar.selection-mode .button.titlebutton.minimize:active:backdrop, +.csd .titlebar.selection-mode .button.titlebutton.maximize:hover:backdrop, +.csd .titlebar.selection-mode .button.titlebutton.maximize:active:backdrop { + opacity: 1.0; } +.csd .header-bar .button.titlebutton.close > GtkImage, .csd .header-bar .button.titlebutton.minimize > GtkImage, .csd .header-bar .button.titlebutton.maximize > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.close > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.minimize > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.maximize > GtkImage, +.csd .titlebar .button.titlebutton.close > GtkImage, +.csd .titlebar .button.titlebutton.minimize > GtkImage, +.csd .titlebar .button.titlebutton.maximize > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.close > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.minimize > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.maximize > GtkImage { + color: transparent; + background-size: 16px 16px; + background-repeat: no-repeat; + background-position: center; } +.csd .header-bar .button.titlebutton.close > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.close > GtkImage, +.csd .titlebar .button.titlebutton.close > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.close > GtkImage { + background-image: -gtk-scaled(url("assets/window-close.png"), url("assets/window-close@2.png")); } +.csd .header-bar .button.titlebutton.close:hover, .csd .header-bar.selection-mode .button.titlebutton.close:hover, +.csd .titlebar .button.titlebutton.close:hover, +.csd .titlebar.selection-mode .button.titlebutton.close:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #263238; + color: #FFFFFF; + background-color: #FF5252; } + .csd .header-bar .button.titlebutton.close:hover > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.close:hover > GtkImage, + .csd .titlebar .button.titlebutton.close:hover > GtkImage, + .csd .titlebar.selection-mode .button.titlebutton.close:hover > GtkImage { + background-image: -gtk-scaled(url("assets/window-close-active.png"), url("assets/window-close-active@2.png")); } +.csd .header-bar .button.titlebutton.close:active, .csd .header-bar.selection-mode .button.titlebutton.close:active, +.csd .titlebar .button.titlebutton.close:active, +.csd .titlebar.selection-mode .button.titlebutton.close:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #263238; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #FFFFFF; + background-color: #E8E8E8; } + .csd .header-bar .button.titlebutton.close:active > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.close:active > GtkImage, + .csd .titlebar .button.titlebutton.close:active > GtkImage, + .csd .titlebar.selection-mode .button.titlebutton.close:active > GtkImage { + background-image: -gtk-scaled(url("assets/window-close-active.png"), url("assets/window-close-active@2.png")); } +.csd .header-bar .button.titlebutton.minimize > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.minimize > GtkImage, +.csd .titlebar .button.titlebutton.minimize > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.minimize > GtkImage { + background-image: -gtk-scaled(url("assets/window-minimize.png"), url("assets/window-minimize@2.png")); } +.csd .header-bar .button.titlebutton.minimize:hover > GtkImage, .csd .header-bar .button.titlebutton.minimize:active > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.minimize:hover > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.minimize:active > GtkImage, +.csd .titlebar .button.titlebutton.minimize:hover > GtkImage, +.csd .titlebar .button.titlebutton.minimize:active > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.minimize:hover > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.minimize:active > GtkImage { + background-image: -gtk-scaled(url("assets/window-minimize-active.png"), url("assets/window-minimize-active@2.png")); } +.csd .header-bar .button.titlebutton.maximize > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.maximize > GtkImage, +.csd .titlebar .button.titlebutton.maximize > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.maximize > GtkImage { + background-image: -gtk-scaled(url("assets/window-maximize.png"), url("assets/window-maximize@2.png")); } +.csd .header-bar .button.titlebutton.maximize:hover > GtkImage, .csd .header-bar .button.titlebutton.maximize:active > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.maximize:hover > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.maximize:active > GtkImage, +.csd .titlebar .button.titlebutton.maximize:hover > GtkImage, +.csd .titlebar .button.titlebutton.maximize:active > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.maximize:hover > GtkImage, +.csd .titlebar.selection-mode .button.titlebutton.maximize:active > GtkImage { + background-image: -gtk-scaled(url("assets/window-maximize-active.png"), url("assets/window-maximize-active@2.png")); } + +.maximized.csd .header-bar .button.titlebutton.maximize > GtkImage, .maximized.csd .header-bar.selection-mode .button.titlebutton.maximize > GtkImage, +.maximized.csd .titlebar .button.titlebutton.maximize > GtkImage, +.maximized.csd .titlebar.selection-mode .button.titlebutton.maximize > GtkImage { + background-image: -gtk-scaled(url("assets/window-unmaximize.png"), url("assets/window-unmaximize@2.png")); } +.maximized.csd .header-bar .button.titlebutton.maximize:hover > GtkImage, .maximized.csd .header-bar .button.titlebutton.maximize:active > GtkImage, .maximized.csd .header-bar.selection-mode .button.titlebutton.maximize:hover > GtkImage, .maximized.csd .header-bar.selection-mode .button.titlebutton.maximize:active > GtkImage, +.maximized.csd .titlebar .button.titlebutton.maximize:hover > GtkImage, +.maximized.csd .titlebar .button.titlebutton.maximize:active > GtkImage, +.maximized.csd .titlebar.selection-mode .button.titlebutton.maximize:hover > GtkImage, +.maximized.csd .titlebar.selection-mode .button.titlebutton.maximize:active > GtkImage { + background-image: -gtk-scaled(url("assets/window-unmaximize-active.png"), url("assets/window-unmaximize-active@2.png")); } + +.ssd .titlebar .button.titlebutton { + padding: 6px; } + .ssd .titlebar .button.titlebutton.close, .ssd .titlebar .button.titlebutton.minimize, .ssd .titlebar .button.titlebutton.maximize { + color: transparent; + background-size: 28px 28px; + background-repeat: no-repeat; + background-position: center; + background: none; + box-shadow: none; } + .ssd .titlebar .button.titlebutton.close:backdrop, .ssd .titlebar .button.titlebutton.close:hover:backdrop, .ssd .titlebar .button.titlebutton.close:active:backdrop, .ssd .titlebar .button.titlebutton.minimize:backdrop, .ssd .titlebar .button.titlebutton.minimize:hover:backdrop, .ssd .titlebar .button.titlebutton.minimize:active:backdrop, .ssd .titlebar .button.titlebutton.maximize:backdrop, .ssd .titlebar .button.titlebutton.maximize:hover:backdrop, .ssd .titlebar .button.titlebutton.maximize:active:backdrop { + color: transparent; } + .ssd .titlebar .button.titlebutton.close { + background-image: -gtk-scaled(url("assets/window-close-ssd.png"), url("assets/window-close-ssd@2.png")); + box-shadow: none; } + .ssd .titlebar .button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/window-close-ssd-hover.png"), url("assets/window-close-ssd-hover@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + .ssd .titlebar .button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/window-close-ssd-active.png"), url("assets/window-close-ssd-active@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + .ssd .titlebar .button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop.png"), url("assets/window-close-ssd-backdrop@2.png")); + box-shadow: none; } + .ssd .titlebar .button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop-hover.png"), url("assets/window-close-ssd-backdrop-hover@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + .ssd .titlebar .button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop-active.png"), url("assets/window-close-ssd-backdrop-active@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + .ssd .titlebar .button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/window-minimize-ssd.png"), url("assets/window-minimize-ssd@2.png")); } + .ssd .titlebar .button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-hover.png"), url("assets/window-minimize-ssd-hover@2.png")); } + .ssd .titlebar .button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-active.png"), url("assets/window-minimize-ssd-active@2.png")); } + .ssd .titlebar .button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop.png"), url("assets/window-minimize-ssd-backdrop@2.png")); } + .ssd .titlebar .button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop-hover.png"), url("assets/window-minimize-ssd-backdrop-hover@2.png")); } + .ssd .titlebar .button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop-active.png"), url("assets/window-minimize-ssd-backdrop-active@2.png")); } + .ssd .titlebar .button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/window-maximize-ssd.png"), url("assets/window-maximize-ssd@2.png")); } + .ssd .titlebar .button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-hover.png"), url("assets/window-maximize-ssd-hover@2.png")); } + .ssd .titlebar .button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-active.png"), url("assets/window-maximize-ssd-active@2.png")); } + .ssd .titlebar .button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop.png"), url("assets/window-maximize-ssd-backdrop@2.png")); } + .ssd .titlebar .button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop-hover.png"), url("assets/window-maximize-ssd-backdrop-hover@2.png")); } + .ssd .titlebar .button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop-active.png"), url("assets/window-maximize-ssd-backdrop-active@2.png")); } + +.maximized.ssd .titlebar .button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd.png"), url("assets/window-unmaximize-ssd@2.png")); } +.maximized.ssd .titlebar .button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-hover.png"), url("assets/window-unmaximize-ssd-hover@2.png")); } +.maximized.ssd .titlebar .button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-active.png"), url("assets/window-unmaximize-ssd-active@2.png")); } +.maximized.ssd .titlebar .button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop.png"), url("assets/window-unmaximize-ssd-backdrop@2.png")); } +.maximized.ssd .titlebar .button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop-hover.png"), url("assets/window-unmaximize-ssd-backdrop-hover@2.png")); } +.maximized.ssd .titlebar .button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop-active.png"), url("assets/window-unmaximize-ssd-backdrop-active@2.png")); } + +.view:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, GtkTreeView .entry.flat:focus:selected, GtkTreeView .linked > .entry:focus:selected:not(.flat), GtkTreeView .notebook:not(.reorderable-page) > .entry:focus:selected, .menuitem.button.flat:selected, .menuitem.button.osd.image-button:selected, .inline-toolbar .menuitem.button:selected, .action-bar .menuitem.button:selected, .inline-toolbar .linked > .menuitem.button.image-button:selected:not(.text-button), .inline-toolbar .stack-switcher > .menuitem.button.image-button:selected:not(.text-button), .action-bar .stack-switcher > .menuitem.button.image-button:selected:not(.text-button), .app-notification .menuitem.button:selected, GeditViewFrame .gedit-search-slider .menuitem.button:selected, .toolbar .menuitem.button:selected, .titlebar .menuitem.button:selected:not(.suggested-action):not(.destructive-action), +.header-bar .menuitem.button:selected:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .menuitem.button:selected, .menuitem.sidebar-button.button:selected, .info .menuitem.button:selected, +.question .menuitem.button:selected, +.warning .menuitem.button:selected, +.error .menuitem.button:selected, GtkScaleButton.menuitem.button:selected, +GtkVolumeButton.menuitem.button:selected, GfCandidatePopup .menuitem.button:selected, GfCandidatePopup .menuitem.button:selected:first-child, GfCandidatePopup .menuitem.button:selected:last-child, +GfCandidatePopup .linked > .menuitem.button:selected, MathWindow :not(.titlebar) .menuitem.button:selected:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .menuitem.button:selected:not(.flat):not(.titlebutton), GtkTreeView .spinbutton.entry:focus:selected, GtkTreeView.view:selected, +GtkTreeView.view .list-row:selected, +GtkTreeView.view .tweak-category:selected, GtkPaned GtkTreeView.view:selected, +GtkPaned GtkTreeView.view .list-row:selected, +GtkPaned GtkTreeView.view .tweak-category:selected, .list-row:selected, .tweak-category:selected, .sidebar GtkTreeView.view:selected, +.sidebar GtkTreeView.view .list-row:selected, +.sidebar GtkTreeView.view .tweak-category:selected, GdMainView .view:hover:selected, GdMainView .view:selected, GdMainView .view.list-row.activatable:hover:selected, GdMainView column-header .view.button:hover:selected, column-header GdMainView .view.button:hover:selected, GdMainView .view.activatable.tweak-category:hover:selected, GdMainView .view.list-row.activatable:selected, GdMainView column-header .view.button:selected, column-header GdMainView .view.button:selected, GdMainView .view.activatable.tweak-category:selected, +.side-panel .view:hover:selected, +.side-panel .view:selected, +.side-panel .view.list-row.activatable:hover:selected, +.side-panel column-header .view.button:hover:selected, +column-header .side-panel .view.button:hover:selected, +.side-panel .view.activatable.tweak-category:hover:selected, +.side-panel .view.list-row.activatable:selected, +.side-panel column-header .view.button:selected, +column-header .side-panel .view.button:selected, +.side-panel .view.activatable.tweak-category:selected { + background-color: #E8E8E8; + color: #FFFFFF; } + .view:insensitive:selected, .label:insensitive:selected, .grid-child:insensitive:selected, .entry:insensitive:selected, GtkTreeView .entry.flat:insensitive:focus:selected, GtkTreeView .linked > .entry:insensitive:focus:selected:not(.flat), GtkTreeView .notebook:not(.reorderable-page) > .entry:insensitive:focus:selected, .menuitem.button.flat:insensitive:selected, .menuitem.button.osd.image-button:insensitive:selected, .inline-toolbar .menuitem.button:insensitive:selected, .action-bar .menuitem.button:insensitive:selected, .app-notification .menuitem.button:insensitive:selected, GeditViewFrame .gedit-search-slider .menuitem.button:insensitive:selected, .toolbar .menuitem.button:insensitive:selected, .titlebar .menuitem.button:insensitive:selected:not(.suggested-action):not(.destructive-action), + .header-bar .menuitem.button:insensitive:selected:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .menuitem.button:insensitive:selected, .menuitem.sidebar-button.button:insensitive:selected, .info .menuitem.button:insensitive:selected, + .question .menuitem.button:insensitive:selected, + .warning .menuitem.button:insensitive:selected, + .error .menuitem.button:insensitive:selected, GtkScaleButton.menuitem.button:insensitive:selected, + GtkVolumeButton.menuitem.button:insensitive:selected, GfCandidatePopup .menuitem.button:insensitive:selected, MathWindow :not(.titlebar) .menuitem.button:insensitive:selected:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .menuitem.button:insensitive:selected:not(.flat):not(.titlebutton), GtkTreeView .spinbutton.entry:insensitive:focus:selected, + GtkTreeView.view .list-row:insensitive:selected, + GtkTreeView.view .tweak-category:insensitive:selected, .list-row:insensitive:selected, .tweak-category:insensitive:selected, .sidebar GtkTreeView.view:insensitive:selected, GdMainView column-header .view.button:insensitive:hover:selected, column-header GdMainView .view.button:insensitive:hover:selected, GdMainView .view.list-row.activatable:insensitive:selected, GdMainView column-header .view.button:insensitive:selected, column-header GdMainView .view.button:insensitive:selected, GdMainView .view.activatable.tweak-category:insensitive:selected, + .side-panel column-header .view.button:insensitive:hover:selected, + column-header .side-panel .view.button:insensitive:hover:selected, + .side-panel .view.list-row.activatable:insensitive:selected, + .side-panel column-header .view.button:insensitive:selected, + column-header .side-panel .view.button:insensitive:selected, + .side-panel .view.activatable.tweak-category:insensitive:selected { + color: rgba(255, 255, 255, 0.4); } + .view:backdrop:insensitive:selected, .label:backdrop:insensitive:selected, .grid-child:backdrop:insensitive:selected, .entry:backdrop:insensitive:selected, GtkTreeView .entry.flat:backdrop:insensitive:focus:selected, GtkTreeView .linked > .entry:backdrop:insensitive:focus:selected:not(.flat), GtkTreeView .notebook:not(.reorderable-page) > .entry:backdrop:insensitive:focus:selected, .menuitem.button.flat:backdrop:insensitive:selected, .menuitem.button.osd.image-button:backdrop:insensitive:selected, .inline-toolbar .menuitem.button:backdrop:insensitive:selected, .action-bar .menuitem.button:backdrop:insensitive:selected, .app-notification .menuitem.button:backdrop:insensitive:selected, GeditViewFrame .gedit-search-slider .menuitem.button:backdrop:insensitive:selected, .toolbar .menuitem.button:backdrop:insensitive:selected, .titlebar .menuitem.button:backdrop:insensitive:selected:not(.suggested-action):not(.destructive-action), + .header-bar .menuitem.button:backdrop:insensitive:selected:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .menuitem.button:backdrop:insensitive:selected, .menuitem.sidebar-button.button:backdrop:insensitive:selected, .info .menuitem.button:backdrop:insensitive:selected, + .question .menuitem.button:backdrop:insensitive:selected, + .warning .menuitem.button:backdrop:insensitive:selected, + .error .menuitem.button:backdrop:insensitive:selected, GtkScaleButton.menuitem.button:backdrop:insensitive:selected, + GtkVolumeButton.menuitem.button:backdrop:insensitive:selected, GfCandidatePopup .menuitem.button:backdrop:insensitive:selected, MathWindow :not(.titlebar) .menuitem.button:backdrop:insensitive:selected:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .menuitem.button:backdrop:insensitive:selected:not(.flat):not(.titlebutton), GtkTreeView .spinbutton.entry:backdrop:insensitive:focus:selected, .list-row:backdrop:insensitive:selected, .tweak-category:backdrop:insensitive:selected, + .sidebar GtkTreeView.view .list-row:backdrop:insensitive:selected, + .sidebar GtkTreeView.view .tweak-category:backdrop:insensitive:selected { + color: rgba(255, 255, 255, 0.4); } + +.monospace { + font-family: Monospace; } + +/********************** + * Touch Copy & Paste * + *********************/ +.entry.cursor-handle, +.cursor-handle { + border-style: none; + background-color: #E8E8E8; + background-image: none; + box-shadow: none; } + .entry.cursor-handle.top:dir(ltr), .entry.cursor-handle.bottom:dir(rtl), + .cursor-handle.top:dir(ltr), + .cursor-handle.bottom:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); + padding-left: 0.8em; } + .entry.cursor-handle.bottom:dir(ltr), .entry.cursor-handle.top:dir(rtl), + .cursor-handle.bottom:dir(ltr), + .cursor-handle.top:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); + padding-right: 0.8em; } + .entry.cursor-handle.insertion-cursor:dir(ltr), .entry.cursor-handle.insertion-cursor:dir(rtl), + .cursor-handle.insertion-cursor:dir(ltr), + .cursor-handle.insertion-cursor:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); } + .entry.cursor-handle.top:hover:dir(ltr), .entry.cursor-handle.bottom:hover:dir(rtl), + .cursor-handle.top:hover:dir(ltr), + .cursor-handle.bottom:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); + padding-left: 0.8em; } + .entry.cursor-handle.bottom:hover:dir(ltr), .entry.cursor-handle.top:hover:dir(rtl), + .cursor-handle.bottom:hover:dir(ltr), + .cursor-handle.top:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); + padding-right: 0.8em; } + .entry.cursor-handle.insertion-cursor:hover:dir(ltr), .entry.cursor-handle.insertion-cursor:hover:dir(rtl), + .cursor-handle.insertion-cursor:hover:dir(ltr), + .cursor-handle.insertion-cursor:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); } + .entry.cursor-handle.top:active:dir(ltr), .entry.cursor-handle.bottom:active:dir(rtl), + .cursor-handle.top:active:dir(ltr), + .cursor-handle.bottom:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); + padding-left: 0.8em; } + .entry.cursor-handle.bottom:active:dir(ltr), .entry.cursor-handle.top:active:dir(rtl), + .cursor-handle.bottom:active:dir(ltr), + .cursor-handle.top:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); + padding-right: 0.8em; } + .entry.cursor-handle.insertion-cursor:active:dir(ltr), .entry.cursor-handle.insertion-cursor:active:dir(rtl), + .cursor-handle.insertion-cursor:active:dir(ltr), + .cursor-handle.insertion-cursor:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } + +.context-menu { + font: initial; } + +.touch-selection { + font: initial; + color: #263238; + background-color: #FFFFFF; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + .touch-selection:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } +.overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } +.overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } +.overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +.undershoot.top { + background: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +.undershoot.bottom { + background: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +.undershoot.left { + background: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +.undershoot.right { + background: transparent; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } +GtkBox > GtkScrlledWindow .undershoot.top { + background: transparent; + background-image: linear-gradient(to top, rgba(250, 251, 252, 0.01), rgba(250, 251, 252, 0.04), rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.44), rgba(250, 251, 252, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +GtkBox > GtkScrlledWindow .undershoot.bottom { + background: transparent; + background-image: linear-gradient(to bottom, rgba(250, 251, 252, 0.01), rgba(250, 251, 252, 0.04), rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.44), rgba(250, 251, 252, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +GtkBox > GtkScrlledWindow .undershoot.left { + background: transparent; + background-image: linear-gradient(to left, rgba(250, 251, 252, 0.01), rgba(250, 251, 252, 0.04), rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.44), rgba(250, 251, 252, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +GtkBox > GtkScrlledWindow .undershoot.right { + background: transparent; + background-image: linear-gradient(to right, rgba(250, 251, 252, 0.01), rgba(250, 251, 252, 0.04), rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.44), rgba(250, 251, 252, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } +.sidebar .undershoot.top { + background: transparent; + background-image: linear-gradient(to top, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +.sidebar .undershoot.bottom { + background: transparent; + background-image: linear-gradient(to bottom, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +.sidebar .undershoot.left { + background: transparent; + background-image: linear-gradient(to left, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +.sidebar .undershoot.right { + background: transparent; + background-image: linear-gradient(to right, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +/*************** + * Gnome panel * + ***************/ +PanelWidget, +PanelApplet, +PanelToplevel { + color: #BBBBBB; + background-color: #FFFFFF; + box-shadow: none; } + +PanelSeparator { + border-width: 0; + background: none; + background-image: none; } + +.gnome-panel-menu-bar, +PanelMenuButton, +PanelApplet > GtkMenuBar.menubar, +ClockBox { + color: #BBBBBB; + background-color: transparent; + box-shadow: none; + font-weight: 700; } + .gnome-panel-menu-bar .label:backdrop, .gnome-panel-menu-bar:backdrop, + PanelMenuButton .label:backdrop, + PanelMenuButton:backdrop, + PanelApplet > GtkMenuBar.menubar .label:backdrop, + PanelApplet > GtkMenuBar.menubar:backdrop, + ClockBox .label:backdrop, + ClockBox:backdrop { + opacity: 1.0; } + +.gnome-panel-menu-bar, +PanelApplet > GtkMenuBar.menubar { + box-shadow: none; } + .gnome-panel-menu-bar .menuitem, + PanelApplet > GtkMenuBar.menubar .menuitem { + color: #BBBBBB; + background-color: transparent; } + .gnome-panel-menu-bar .menuitem:hover, + PanelApplet > GtkMenuBar.menubar .menuitem:hover { + color: #FFFFFF; + box-shadow: inset 0 -2px #E8E8E8; } + .gnome-panel-menu-bar .menuitem:backdrop, + PanelApplet > GtkMenuBar.menubar .menuitem:backdrop { + opacity: 1.0; } + .gnome-panel-menu-bar .menu, + PanelApplet > GtkMenuBar.menubar .menu { + font: regular; } + .gnome-panel-menu-bar .menu .menuitem, + PanelApplet > GtkMenuBar.menubar .menu .menuitem { + color: rgba(38, 50, 56, 0.75); + background-color: #FFFFFF; } + .gnome-panel-menu-bar .menu .menuitem:hover, + PanelApplet > GtkMenuBar.menubar .menu .menuitem:hover { + color: #263238; + background-color: alpha(currentColor, 0.1); + box-shadow: none; } + .gnome-panel-menu-bar .menu .menuitem:backdrop, + PanelApplet > GtkMenuBar.menubar .menu .menuitem:backdrop { + opacity: 1.0; } + .gnome-panel-menu-bar .menu .separator, + PanelApplet > GtkMenuBar.menubar .menu .separator { + color: rgba(0, 0, 0, 0.09); } + +PanelAppletFrame { + border-width: 0; + background-color: transparent; + background-image: none; } + +PanelApplet GtkButton#tasklist-button, PanelApplet GtkButton#clock-applet-button, PanelApplet GtkButton#showdesktop-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + padding: 0px 4px; + color: #BBBBBB; + background-color: transparent; + border: none; + border-radius: 0; } + PanelApplet GtkButton#tasklist-button:hover, PanelApplet GtkButton#clock-applet-button:hover, PanelApplet GtkButton#showdesktop-button:hover { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px alpha(currentColor, 0.2); } + PanelApplet GtkButton#tasklist-button:checked, PanelApplet GtkButton#tasklist-button:hover:checked, PanelApplet GtkButton#tasklist-button:insensitive:checked, PanelApplet GtkButton#clock-applet-button:checked, PanelApplet GtkButton#clock-applet-button:hover:checked, PanelApplet GtkButton#clock-applet-button:insensitive:checked, PanelApplet GtkButton#showdesktop-button:checked, PanelApplet GtkButton#showdesktop-button:hover:checked, PanelApplet GtkButton#showdesktop-button:insensitive:checked { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px #E8E8E8; } + PanelApplet GtkButton#tasklist-button .label:backdrop, PanelApplet GtkButton#tasklist-button:backdrop, PanelApplet GtkButton#clock-applet-button .label:backdrop, PanelApplet GtkButton#clock-applet-button:backdrop, PanelApplet GtkButton#showdesktop-button .label:backdrop, PanelApplet GtkButton#showdesktop-button:backdrop { + opacity: 1.0; } + +TaskList TaskItem { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + padding: 0px 4px; + color: #BBBBBB; + background-color: transparent; + border: none; + border-radius: 0; } + TaskList TaskItem:hover { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px alpha(currentColor, 0.2); } + TaskList TaskItem:checked, TaskList TaskItem:hover:checked, TaskList TaskItem:insensitive:checked { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px #E8E8E8; } + TaskList TaskItem .label:backdrop, TaskList TaskItem:backdrop { + opacity: 1.0; } + +WpTaskTitle { + background-color: transparent; } + WpTaskTitle .label { + color: #BBBBBB; } + +WnckPager:selected { + box-shadow: inset 0 -2px #E8E8E8; } +WnckPager:backdrop { + opacity: 1.0; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 2; + -NaTrayApplet-icon-size: 16; } + +/************** + * Tweak-tool * + **************/ +.tweak-categories.list { + background-color: #FFFFFF; + color: rgba(38, 50, 56, 0.75); } + .tweak-categories.list:dir(ltr) { + box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); } + .tweak-categories.list:dir(rtl) { + box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); } + .tweak-categories.list .separator { + -GtkWidget-wide-separators: true; } + +.tweak-category { + color: rgba(38, 50, 56, 0.75); + font-weight: 500; } + .tweak-category:hover { + color: #263238; } + .tweak-category:selected { + color: #E8E8E8; + background-color: transparent; } + +.tweak-group { + padding: 6px; + background-color: #FFFFFF; } + +.tweak { + background-color: #FFFFFF; } + .tweak:hover { + background-color: transparent; } + +.tweak-group-white, +.tweak-white { + background-color: #FFFFFF; } + +/******************* + * Gnome-Flashback * + *******************/ +FlashbackOsdWindow, +GfPopupWindow { + border-radius: 2px; + border: 1px solid rgba(0, 0, 0, 0.09); + opacity: 0.9; } + FlashbackOsdWindow.background, + GfPopupWindow.background { + background-color: #FFFFFF; + color: #ECEFF1; } + +GfInputSourcePopup #input-source { + color: #ECEFF1; + font-size: 2em; + font-weight: 700; } + GfInputSourcePopup #input-source:selected { + border-radius: 2px; + background-color: alpha(currentColor, 0.2); + color: #E8E8E8; } + +FlashbackLabelWindow { + font-size: 4em; } + +GfCandidatePopup, GfCandidatePopup.solid { + border-radius: 2px; + border: 1px solid rgba(0, 0, 0, 0.09); + color: #ECEFF1; } +GfCandidatePopup GfCandidateBox { + transition: none; } + GfCandidatePopup GfCandidateBox .label { + padding: 0.2em 0.2em 0.3em; } + GfCandidatePopup GfCandidateBox:last-child { + padding-left: 0; } + GfCandidatePopup GfCandidateBox:hover, GfCandidatePopup GfCandidateBox:selected { + border-radius: 0; + background-color: alpha(currentColor, 0.2); + color: #FFFFFF; } +GfCandidatePopup .button, GfCandidatePopup .button:first-child, GfCandidatePopup .button:last-child, +GfCandidatePopup .linked > .button, +GfCandidatePopup .linked > .button:first-child, +GfCandidatePopup .linked > .button:last-child { + border-radius: 0; + border: none; + background-color: transparent; + color: #E8E8E8; + box-shadow: none; } + +/************ + * Nautilus * + ************/ +EelEditableLabel.entry { + transition: none; } + +.nautilus-desktop-window, +.nautilus-desktop-window .notebook, +.nautilus-desktop-window .notebook > GtkStack { + background: transparent; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #FFFFFF; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-circular-button { + border-radius: 100px; + outline-radius: 100px; } + +.disk-space-display { + border: 0 none transparent; } + .disk-space-display.free { + background-color: alpha(currentColor, 0.2); + color: rgba(38, 50, 56, 0.3); } + .disk-space-display.used { + background-color: #E8E8E8; } + .disk-space-display.unknown { + background-color: #FF9800; } + +/********* + * Geary * + *********/ +.geary-titlebar-left .separator { + opacity: 0; } + +.geary-titlebar-right { + box-shadow: none; } + +/************ + * Epiphany * + ************/ +EphyWindow .floating-bar { + color: rgba(38, 50, 56, 0.75); } +EphyWindow .search-bar .linked > .button { + padding: 0.7em 1em 0.8em; } +EphyWindow .search-bar .button.flat.close.raised, EphyWindow .search-bar .close.raised.button.osd.image-button, EphyWindow .search-bar .inline-toolbar .close.raised.button, .inline-toolbar EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar .action-bar .close.raised.button, .action-bar EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar .app-notification .close.raised.button, .app-notification EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar GeditViewFrame .gedit-search-slider .close.raised.button, GeditViewFrame .gedit-search-slider EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar .toolbar .close.raised.button, .toolbar EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar .titlebar .close.raised.button:not(.suggested-action):not(.destructive-action), .titlebar EphyWindow .search-bar .close.raised.button:not(.suggested-action):not(.destructive-action), +EphyWindow .search-bar .header-bar .close.raised.button:not(.suggested-action):not(.destructive-action), +.header-bar EphyWindow .search-bar .close.raised.button:not(.suggested-action):not(.destructive-action), EphyWindow .search-bar .message-dialog.csd .dialog-action-area .close.raised.button, .message-dialog.csd .dialog-action-area EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar .close.raised.sidebar-button.button, EphyWindow .search-bar .info .close.raised.button, .info EphyWindow .search-bar .close.raised.button, +EphyWindow .search-bar .question .close.raised.button, +.question EphyWindow .search-bar .close.raised.button, +EphyWindow .search-bar .warning .close.raised.button, +.warning EphyWindow .search-bar .close.raised.button, +EphyWindow .search-bar .error .close.raised.button, +.error EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar GtkScaleButton.close.raised.button, +EphyWindow .search-bar GtkVolumeButton.close.raised.button, EphyWindow .search-bar GfCandidatePopup .close.raised.button, GfCandidatePopup EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar GfCandidatePopup .close.raised.button:first-child, GfCandidatePopup EphyWindow .search-bar .close.raised.button:first-child, EphyWindow .search-bar GfCandidatePopup .close.raised.button:last-child, GfCandidatePopup EphyWindow .search-bar .close.raised.button:last-child, +EphyWindow .search-bar GfCandidatePopup .linked > .close.raised.button, +GfCandidatePopup EphyWindow .search-bar .linked > .close.raised.button, EphyWindow .search-bar MathWindow :not(.titlebar) .close.raised.button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) EphyWindow .search-bar .close.raised.button:not(.flat):not(.titlebutton), EphyWindow .search-bar MathWindow :not(.header-bar) .close.raised.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) EphyWindow .search-bar .close.raised.button:not(.flat):not(.titlebutton) { + padding: 0.75em; + border-radius: 100px; + outline-radius: 100px; } + +/************ + * Seahorse * + ************/ +SeahorseKeyManager .sidebar, SeahorseKeyManager .sidebar:backdrop, +SeahorseKeyManager .pane-separator, +SeahorseKeyManager .pane-separator:backdrop { + border-width: 0; + border-style: none; + border-color: transparent; } + +/********** + * Polari * + **********/ +.polari-input-area { + border-top: 1px solid rgba(0, 0, 0, 0.09); + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } + +.polari-room-list .list-row, .polari-room-list .tweak-category { + font-weight: 700; } + .polari-room-list .list-row:not(:hover):not(:active):not(:selected) .label, .polari-room-list .tweak-category:not(:hover):not(:active):not(:selected) .label, + .polari-room-list .list-row:not(:hover):not(:active):not(:selected) GtkImage, + .polari-room-list .tweak-category:not(:hover):not(:active):not(:selected) GtkImage { + opacity: 1.0; } + .polari-room-list .list-row.inactive:not(:hover):not(:active):not(:selected) .label, .polari-room-list .inactive.tweak-category:not(:hover):not(:active):not(:selected) .label, + .polari-room-list .list-row.inactive:not(:hover):not(:active):not(:selected) GtkImage, + .polari-room-list .inactive.tweak-category:not(:hover):not(:active):not(:selected) GtkImage { + opacity: 0.65; } + +.polari-nick-entry { + border-image: none; + font-weight: 700; } + +GtkBox > .header-bar > .label.polari-titlebar-separator { + border: none; + opacity: 0; } + +/************* + * RhythmBox * + *************/ +.inline-toolbar.toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px #E5E9EC, inset 0 2px 2px rgba(0, 0, 0, 0.05), inset -2px 0 2px -2px rgba(0, 0, 0, 0.03), inset -3px 0 3px -2px rgba(0, 0, 0, 0.03); } + .inline-toolbar.toolbar.horizontal.sidebar-toolbar:dir(rtl) { + box-shadow: inset 0 1px #E5E9EC, inset 0 2px 2px rgba(0, 0, 0, 0.05), inset 2px 0 2px -2px rgba(0, 0, 0, 0.03), inset 3px 0 3px -2px rgba(0, 0, 0, 0.03); } + +.sidebar-paned GtkStack RBDisplayPageTree .sidebar { + background-color: rgba(12, 18, 0, 0.01); } + +GtkBox.vertical > GtkBox.vertical > .toolbar { + box-shadow: none; } + +/************** + * Calculator * + **************/ +MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton) { + padding: 0.75em 1em 0.75em; + border: 0.75em solid transparent; + border-radius: 2px; + font-weight: 700; } + MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton).suggested-action, MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton).suggested-action, MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:not(.flat):not(.titlebutton) { + color: transparent; + font-size: 0; } + MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton).suggested-action, MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton).suggested-action, MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:not(.flat):not(.titlebutton) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #FFFFFF; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal.png"), url("assets/equal@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton).suggested-action:hover, MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton):hover, .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:not(.flat):not(.titlebutton):hover, MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton).suggested-action:hover, MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton):hover, .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:not(.flat):not(.titlebutton):hover { + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-hover.png"), url("assets/equal-hover@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton).suggested-action:active, MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton):active, .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:not(.flat):not(.titlebutton):active, MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton).suggested-action:active, MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton):active, .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:not(.flat):not(.titlebutton):active { + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-active.png"), url("assets/equal-active@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton).suggested-action:insensitive, MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton):insensitive, .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:not(.flat):not(.titlebutton):insensitive, MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton).suggested-action:insensitive, MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton):insensitive, .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:not(.flat):not(.titlebutton):insensitive { + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-insensitive.png"), url("assets/equal-insensitive@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + +/********* + * Gedit * + *********/ +GeditViewFrame .gedit-search-slider { + padding: 3px; + border-radius: 2px; + border-width: 9px; + border-image: -gtk-scaled(url("assets/osd-shadow.png"), url("assets/osd-shadow@2.png")) 10/10px stretch; + color: #ECEFF1; + opacity: 0.9; } + GeditViewFrame .gedit-search-slider .entry, GeditViewFrame .gedit-search-slider .entry.error, GeditViewFrame .gedit-search-slider .entry.warning, + GeditViewFrame .gedit-search-slider .linked > .entry, + GeditViewFrame .gedit-search-slider .linked > .entry.error, + GeditViewFrame .gedit-search-slider .linked > .entry.warning { + color: #ECEFF1; } + GeditViewFrame .gedit-search-slider .entry:focus, GeditViewFrame .gedit-search-slider .entry.error:focus, GeditViewFrame .gedit-search-slider .entry.warning:focus, + GeditViewFrame .gedit-search-slider .linked > .entry:focus, + GeditViewFrame .gedit-search-slider .linked > .entry.error:focus, + GeditViewFrame .gedit-search-slider .linked > .entry.warning:focus { + color: #FFFFFF; } + GeditViewFrame .gedit-search-slider .entry:insensitive, GeditViewFrame .gedit-search-slider .entry.error:insensitive, GeditViewFrame .gedit-search-slider .entry.warning:insensitive, + GeditViewFrame .gedit-search-slider .linked > .entry:insensitive, + GeditViewFrame .gedit-search-slider .linked > .entry.error:insensitive, + GeditViewFrame .gedit-search-slider .linked > .entry.warning:insensitive { + color: rgba(236, 239, 241, 0.3); } + +.gedit-titlebar-left .button.flat, .gedit-titlebar-left .button.osd.image-button, .gedit-titlebar-left .inline-toolbar .button, .inline-toolbar .gedit-titlebar-left .button, .gedit-titlebar-left .inline-toolbar .button.image-button:not(.text-button), .inline-toolbar .gedit-titlebar-left .button.image-button:not(.text-button), .gedit-titlebar-left .action-bar .button, .action-bar .gedit-titlebar-left .button, .gedit-titlebar-left .action-bar .button.image-button:not(.text-button), .action-bar .gedit-titlebar-left .button.image-button:not(.text-button), .gedit-titlebar-left .app-notification .button, .app-notification .gedit-titlebar-left .button, .gedit-titlebar-left GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .gedit-titlebar-left .button, .gedit-titlebar-left .toolbar .button, .toolbar .gedit-titlebar-left .button, .gedit-titlebar-left .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .gedit-titlebar-left .button:not(.suggested-action):not(.destructive-action), +.gedit-titlebar-left .header-bar .button:not(.suggested-action):not(.destructive-action), +.header-bar .gedit-titlebar-left .button:not(.suggested-action):not(.destructive-action), .gedit-titlebar-left .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .gedit-titlebar-left .button, .gedit-titlebar-left .sidebar-button.button, .gedit-titlebar-left .info .button, .info .gedit-titlebar-left .button, +.gedit-titlebar-left .question .button, +.question .gedit-titlebar-left .button, +.gedit-titlebar-left .warning .button, +.warning .gedit-titlebar-left .button, +.gedit-titlebar-left .error .button, +.error .gedit-titlebar-left .button, .gedit-titlebar-left GtkScaleButton.button, +.gedit-titlebar-left GtkVolumeButton.button, .gedit-titlebar-left GfCandidatePopup .button, GfCandidatePopup .gedit-titlebar-left .button, .gedit-titlebar-left GfCandidatePopup .button:first-child, GfCandidatePopup .gedit-titlebar-left .button:first-child, .gedit-titlebar-left GfCandidatePopup .button:last-child, GfCandidatePopup .gedit-titlebar-left .button:last-child, +.gedit-titlebar-left GfCandidatePopup .linked > .button, +GfCandidatePopup .gedit-titlebar-left .linked > .button, .gedit-titlebar-left MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .gedit-titlebar-left .button:not(.flat):not(.titlebutton), .gedit-titlebar-left MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .gedit-titlebar-left .button:not(.flat):not(.titlebutton), +.gedit-titlebar-left .action-bar .linked > .button.image-button, +.action-bar .gedit-titlebar-left .linked > .button.image-button, .gedit-titlebar-left NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .gedit-titlebar-left .button.image-button { + border-radius: 2px; + outline-radius: 2px; } + +GeditViewHolder GtkScrolledWindow .undershoot.top, GeditViewHolder GtkScrolledWindow .undershoot.bottom, GeditViewHolder GtkScrolledWindow .undershoot.left, GeditViewHolder GtkScrolledWindow .undershoot.right { + background-image: none; } + +/*********** + * Builder * + ***********/ +GbViewStack GtkBox.header.notebook, +GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook, +GbWorkspacePane GtkBox.header.notebook { + border-bottom: 1px solid rgba(0, 0, 0, 0.09); + background-color: transparent; } + +GbWorkspacePane GtkStackSwitcher .button { + padding: 1em; } +GbWorkspacePane .pane-separator { + background-color: #E5E9EC; } + +GtkScrolledWindow.gb-linked-scroller { + border-top: none; } + +GbSourceStyleSchemeWidget GtkSourceView, +GtkEntry.gb-command-bar-entry { + font-family: Monospace; } + +GbTerminalView > GtkPaned > GtkScrolledWindow, GbTerminalView > GtkPaned > GtkScrolledWindow > VteTerminal { + font-family: Monospace; + font-weight: 500; + font-size: 1em; } + +GbTerminalView { + background-color: #FFFFFF; + color: #ECEFF1; } + +GbSearchDisplayGroup GtkListBox .list-row, GbSearchDisplayGroup GtkListBox .tweak-category { + transition: none; } + +GbEditorFrame GtkScrolledWindow .undershoot.top, GbEditorFrame GtkScrolledWindow .undershoot.bottom, GbEditorFrame GtkScrolledWindow .undershoot.left, GbEditorFrame GtkScrolledWindow .undershoot.right { + background-image: none; } + +/*************** + * Gnome-music * + ***************/ +GdMainView:dir(ltr), +.side-panel:dir(ltr) { + border-right: 1px solid rgba(0, 0, 0, 0.09); } +GdMainView:dir(rtl), +.side-panel:dir(rtl) { + border-left: 1px solid rgba(0, 0, 0, 0.09); } +GdMainView .view, +.side-panel .view { + background-color: #FFFFFF; + box-shadow: none; } + GdMainView .view, GdMainView .view.list-row.activatable, GdMainView .view, GdMainView column-header .view.button, column-header GdMainView .view.button, GdMainView .view.activatable.tweak-category, + .side-panel .view, + .side-panel .view.list-row.activatable, + .side-panel .view, + .side-panel column-header .view.button, + column-header .side-panel .view.button, + .side-panel .view.activatable.tweak-category { + padding: 0; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); + font-weight: 500; + box-shadow: none; } + GdMainView .view:hover, GdMainView .view.list-row.activatable:hover, GdMainView .view:hover, GdMainView column-header .view.button:hover, column-header GdMainView .view.button:hover, GdMainView .view.activatable.tweak-category:hover, + .side-panel .view:hover, + .side-panel .view.list-row.activatable:hover, + .side-panel .view:hover, + .side-panel column-header .view.button:hover, + column-header .side-panel .view.button:hover, + .side-panel .view.activatable.tweak-category:hover { + color: #263238; } + +.action-bar { + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); + padding: 0.4em; } + .action-bar, .action-bar.frame { + background-color: #FFFFFF; } + .action-bar .button, + .action-bar .linked > .button.image-button { + border-radius: 100px; + outline-radius: 100px; + box-shadow: none; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: rgba(38, 50, 56, 0.75); } + .action-bar .button:hover, + .action-bar .linked > .button.image-button:hover { + box-shadow: none; + border-image: none; + color: #263238; } + .action-bar .button:checked, + .action-bar .linked > .button.image-button:checked { + box-shadow: none; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #263238; } + .action-bar .button:checked:insensitive, + .action-bar .linked > .button.image-button:checked:insensitive { + box-shadow: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); + border-image: none; } + .action-bar .button:checked:insensitive > .label, + .action-bar .linked > .button.image-button:checked:insensitive > .label { + color: inherit; } + .action-bar .button:insensitive, + .action-bar .linked > .button.image-button:insensitive { + box-shadow: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.225); + border-image: none; } + +/****************** + * Gnome-contacts * + ******************/ +ContactsWindow ContactsListPane ContactsView:dir(ltr) { + box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); } +ContactsWindow ContactsListPane ContactsView:dir(rtl) { + box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); } +ContactsWindow ContactsListPane ContactsView .list-row.activatable, ContactsWindow ContactsListPane ContactsView .view, ContactsWindow ContactsListPane ContactsView column-header .button, column-header ContactsWindow ContactsListPane ContactsView .button, ContactsWindow ContactsListPane ContactsView .activatable.tweak-category { + color: rgba(38, 50, 56, 0.75); + background-color: rgba(12, 18, 0, 0.01); } + ContactsWindow ContactsListPane ContactsView .list-row.activatable:hover, ContactsWindow ContactsListPane ContactsView .view:hover, ContactsWindow ContactsListPane ContactsView column-header .button:hover, column-header ContactsWindow ContactsListPane ContactsView .button:hover, ContactsWindow ContactsListPane ContactsView .activatable.tweak-category:hover { + color: #263238; } + ContactsWindow ContactsListPane ContactsView .list-row.activatable:selected, ContactsWindow ContactsListPane ContactsView .view:selected, ContactsWindow ContactsListPane ContactsView column-header .button:selected, column-header ContactsWindow ContactsListPane ContactsView .button:selected, ContactsWindow ContactsListPane ContactsView .activatable.tweak-category:selected { + color: #E8E8E8; + background-color: rgba(12, 18, 0, 0.01); } + ContactsWindow ContactsListPane ContactsView .list-row.activatable:backdrop, ContactsWindow ContactsListPane ContactsView .view:backdrop, ContactsWindow ContactsListPane ContactsView column-header .button:backdrop, column-header ContactsWindow ContactsListPane ContactsView .button:backdrop, ContactsWindow ContactsListPane ContactsView .activatable.tweak-category:backdrop { + opacity: 1.0; } +ContactsWindow ContactsListPane ContactsView .separator { + -GtkWidget-wide-separators: true; } +ContactsWindow ContactsListPane GtkScrolledWindow .undershoot.top { + background: transparent; + background-image: linear-gradient(to top, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +ContactsWindow ContactsListPane GtkScrolledWindow .undershoot.bottom { + background: transparent; + background-image: linear-gradient(to bottom, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +ContactsWindow ContactsListPane GtkScrolledWindow .undershoot.left { + background: transparent; + background-image: linear-gradient(to left, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +ContactsWindow ContactsListPane GtkScrolledWindow .undershoot.right { + background: transparent; + background-image: linear-gradient(to right, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +/****************** + * Gnome-Terminal * + ******************/ +TerminalScreen, +TerminalWindow.background { + background-color: #FFFFFF; + color: #FFFFFF; } + +TerminalWindow .scrollbar .slider { + background-color: rgba(236, 239, 241, 0.275); } + TerminalWindow .scrollbar .slider:hover { + background-color: rgba(236, 239, 241, 0.4125); } + TerminalWindow .scrollbar .slider:active { + background-color: #ECEFF1; } + TerminalWindow .scrollbar .slider:insensitive { + opacity: 0.4; } +TerminalWindow .scrollbar .trough { + background-color: transparent; + border: 1px none transparent; } + +/********** + * Evince * + **********/ +EvAnnotationWindow { + padding: 0.4em; } + EvAnnotationWindow GtkBox > GtkLabel { + color: #263238; + font-weight: 700; } + EvAnnotationWindow GtkBox > GtkBox > .button.flat, EvAnnotationWindow GtkBox > GtkBox > .button.osd.image-button, EvAnnotationWindow .inline-toolbar GtkBox > GtkBox > .button, .inline-toolbar EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .inline-toolbar GtkBox > GtkBox > .button.image-button:not(.text-button), .inline-toolbar EvAnnotationWindow GtkBox > GtkBox > .button.image-button:not(.text-button), EvAnnotationWindow .action-bar GtkBox > GtkBox > .button, .action-bar EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .action-bar GtkBox > GtkBox > .button.image-button:not(.text-button), .action-bar EvAnnotationWindow GtkBox > GtkBox > .button.image-button:not(.text-button), EvAnnotationWindow .inline-toolbar GtkBox > GtkBox.linked > .button, .inline-toolbar EvAnnotationWindow GtkBox > GtkBox.linked > .button, EvAnnotationWindow .inline-toolbar GtkBox > GtkBox.linked > .button.image-button:not(.text-button), .inline-toolbar EvAnnotationWindow GtkBox > GtkBox.linked > .button.image-button:not(.text-button), EvAnnotationWindow .action-bar GtkBox > GtkBox.linked > .button, .action-bar EvAnnotationWindow GtkBox > GtkBox.linked > .button, EvAnnotationWindow .action-bar GtkBox > GtkBox.linked > .button.image-button:not(.text-button), .action-bar EvAnnotationWindow GtkBox > GtkBox.linked > .button.image-button:not(.text-button), EvAnnotationWindow .inline-toolbar GtkBox > GtkBox.stack-switcher > .button, .inline-toolbar EvAnnotationWindow GtkBox > GtkBox.stack-switcher > .button, EvAnnotationWindow .inline-toolbar GtkBox > GtkBox.stack-switcher > .button.image-button:not(.text-button), .inline-toolbar EvAnnotationWindow GtkBox > GtkBox.stack-switcher > .button.image-button:not(.text-button), EvAnnotationWindow .action-bar GtkBox > GtkBox.stack-switcher > .button, .action-bar EvAnnotationWindow GtkBox > GtkBox.stack-switcher > .button, EvAnnotationWindow .action-bar GtkBox > GtkBox.stack-switcher > .button.image-button:not(.text-button), .action-bar EvAnnotationWindow GtkBox > GtkBox.stack-switcher > .button.image-button:not(.text-button), EvAnnotationWindow .osd .toolbar GtkBox > GtkBox > .button, .osd .toolbar EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .toolbar.osd GtkBox > GtkBox > .button, .toolbar.osd EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .app-notification GtkBox > GtkBox > .button, .app-notification EvAnnotationWindow GtkBox > GtkBox > .button, + EvAnnotationWindow .app-notification.frame GtkBox > GtkBox > .button, + .app-notification.frame EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow GeditViewFrame .gedit-search-slider GtkBox > GtkBox > .button, GeditViewFrame .gedit-search-slider EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .toolbar GtkBox > GtkBox > .button, .toolbar EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .titlebar GtkBox > GtkBox > .button:not(.suggested-action):not(.destructive-action), .titlebar EvAnnotationWindow GtkBox > GtkBox > .button:not(.suggested-action):not(.destructive-action), + EvAnnotationWindow .header-bar GtkBox > GtkBox > .button:not(.suggested-action):not(.destructive-action), + .header-bar EvAnnotationWindow GtkBox > GtkBox > .button:not(.suggested-action):not(.destructive-action), EvAnnotationWindow .message-dialog.csd .dialog-action-area GtkBox > GtkBox > .button, .message-dialog.csd .dialog-action-area EvAnnotationWindow GtkBox > GtkBox > .button, + EvAnnotationWindow .message-dialog.csd .dialog-action-area GtkBox > GtkBox.linked > .button, + .message-dialog.csd .dialog-action-area EvAnnotationWindow GtkBox > GtkBox.linked > .button, EvAnnotationWindow GtkBox > GtkBox > .sidebar-button.button, EvAnnotationWindow .info GtkBox > GtkBox > .button, .info EvAnnotationWindow GtkBox > GtkBox > .button, + EvAnnotationWindow .question GtkBox > GtkBox > .button, + .question EvAnnotationWindow GtkBox > GtkBox > .button, + EvAnnotationWindow .warning GtkBox > GtkBox > .button, + .warning EvAnnotationWindow GtkBox > GtkBox > .button, + EvAnnotationWindow .error GtkBox > GtkBox > .button, + .error EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow GtkBox > GtkBox > GtkScaleButton.button, + EvAnnotationWindow GtkBox > GtkBox > GtkVolumeButton.button, EvAnnotationWindow GfCandidatePopup GtkBox > GtkBox > .button, GfCandidatePopup EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow GfCandidatePopup GtkBox > GtkBox > .button:first-child, GfCandidatePopup EvAnnotationWindow GtkBox > GtkBox > .button:first-child, EvAnnotationWindow GfCandidatePopup GtkBox > GtkBox > .button:last-child, GfCandidatePopup EvAnnotationWindow GtkBox > GtkBox > .button:last-child, + EvAnnotationWindow GfCandidatePopup GtkBox > GtkBox.linked > .button, + GfCandidatePopup EvAnnotationWindow GtkBox > GtkBox.linked > .button, + EvAnnotationWindow GfCandidatePopup GtkBox > GtkBox.linked > .button:first-child, + GfCandidatePopup EvAnnotationWindow GtkBox > GtkBox.linked > .button:first-child, + EvAnnotationWindow GfCandidatePopup GtkBox > GtkBox.linked > .button:last-child, + GfCandidatePopup EvAnnotationWindow GtkBox > GtkBox.linked > .button:last-child, EvAnnotationWindow MathWindow :not(.titlebar) GtkBox > GtkBox > .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) EvAnnotationWindow GtkBox > GtkBox > .button:not(.flat):not(.titlebutton), EvAnnotationWindow MathWindow :not(.header-bar) GtkBox > GtkBox > .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) EvAnnotationWindow GtkBox > GtkBox > .button:not(.flat):not(.titlebutton), + EvAnnotationWindow .action-bar GtkBox > GtkBox.linked > .button.image-button, + .action-bar EvAnnotationWindow GtkBox > GtkBox.linked > .button.image-button, EvAnnotationWindow NemoWindow GtkGrid > GtkEventBox > .toolbar GtkBox > GtkBox > .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar EvAnnotationWindow GtkBox > GtkBox > .button.image-button { + padding: 1em; + border: none; + border-radius: 100px; + outline-radius: 100px; + color: #263238; } + +/****************** + * Budgie Desktop * + ******************/ +@keyframes budgie_ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(#ECEFF1, 0.2)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0.2)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(#ECEFF1, 0.2)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0.2)); } } +.budgie-container { + background-color: transparent; } + +.budgie-panel { + background-color: #FFFFFF; + color: #ECEFF1; + font-weight: 700; } + .top .budgie-panel { + border-top: 2px solid #FFFFFF; } + .bottom .budgie-panel { + border-bottom: 2px solid #FFFFFF; } + .left .budgie-panel { + border-left: 2px solid #FFFFFF; } + .right .budgie-panel { + border-right: 2px solid #FFFFFF; } + .budgie-panel .alert { + color: #E8E8E8; } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.top .raven-frame { + padding: 0; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.09); + background: none; } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.bottom .raven-frame { + padding: 0; + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.09); + background: none; } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.left .raven-frame { + padding: 0; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.09); + background: none; } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.right .raven-frame { + padding: 0; + border: none; + border-left: 1px solid rgba(0, 0, 0, 0.09); + background: none; } + +.budgie-panel WnckTasklist .button, +.budgie-panel WnckTasklist .button:backdrop { + border: none; + background: none; + opacity: 0.5; } + .budgie-panel WnckTasklist .button:hover, .budgie-panel WnckTasklist .button:active, .budgie-panel WnckTasklist .button:checked, + .budgie-panel WnckTasklist .button:backdrop:hover, + .budgie-panel WnckTasklist .button:backdrop:active, + .budgie-panel WnckTasklist .button:backdrop:checked { + opacity: 1.0; } + +.budgie-panel .launcher { + border: 2px solid transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(#ECEFF1, 0)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0)); + background-size: 7.5em 7.5em, auto; + background-position: center center; + opacity: 0.5; + transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: opacity, border-color, background-color, background-image, box-shadow; + transition-duration: 0.2s; } + .budgie-panel .launcher:hover { + opacity: 0.75; + -gtk-image-effect: highlight; } + .budgie-panel .launcher:active { + opacity: 1.0; + transition-duration: 0; + animation: budgie_ripple_effect 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } + .budgie-panel .launcher:checked { + opacity: 1.0; } + .budgie-panel .launcher:checked:hover { + -gtk-image-effect: highlight; } +.budgie-panel .unpinned .launcher, +.budgie-panel .pinned .launcher.running { + opacity: 1.0; } + .budgie-panel .unpinned .launcher:hover, + .budgie-panel .pinned .launcher.running:hover { + -gtk-image-effect: highlight; } + +.top .budgie-panel WnckTasklist .button { + border: 2px solid transparent; } + .top .budgie-panel WnckTasklist .button:hover { + border-top: 2px solid alpha(#ECEFF1, 0.4); } + .top .budgie-panel WnckTasklist .button:active, .top .budgie-panel WnckTasklist .button:checked { + border-top: 2px solid #E8E8E8; } +.top .budgie-panel .launcher { + border: 2px solid transparent; } + .top .budgie-panel .launcher:hover { + border-top: 2px solid alpha(#ECEFF1, 0.4); } + .top .budgie-panel .launcher:active, .top .budgie-panel .launcher:checked { + border-top: 2px solid #E8E8E8; } + +.bottom .budgie-panel WnckTasklist .button { + border: 2px solid transparent; } + .bottom .budgie-panel WnckTasklist .button:hover { + border-bottom: 2px solid alpha(#ECEFF1, 0.4); } + .bottom .budgie-panel WnckTasklist .button:active, .bottom .budgie-panel WnckTasklist .button:checked { + border-bottom: 2px solid #E8E8E8; } +.bottom .budgie-panel .launcher { + border: 2px solid transparent; } + .bottom .budgie-panel .launcher:hover { + border-bottom: 2px solid alpha(#ECEFF1, 0.4); } + .bottom .budgie-panel .launcher:active, .bottom .budgie-panel .launcher:checked { + border-bottom: 2px solid #E8E8E8; } + +.left .budgie-panel WnckTasklist .button { + border: 2px solid transparent; } + .left .budgie-panel WnckTasklist .button:hover { + border-left: 2px solid alpha(#ECEFF1, 0.4); } + .left .budgie-panel WnckTasklist .button:active, .left .budgie-panel WnckTasklist .button:checked { + border-left: 2px solid #E8E8E8; } +.left .budgie-panel .launcher { + border: 2px solid transparent; } + .left .budgie-panel .launcher:hover { + border-left: 2px solid alpha(#ECEFF1, 0.4); } + .left .budgie-panel .launcher:active, .left .budgie-panel .launcher:checked { + border-left: 2px solid #E8E8E8; } + +.right .budgie-panel WnckTasklist .button { + border: 2px solid transparent; } + .right .budgie-panel WnckTasklist .button:hover { + border-right: 2px solid alpha(#ECEFF1, 0.4); } + .right .budgie-panel WnckTasklist .button:active, .right .budgie-panel WnckTasklist .button:checked { + border-right: 2px solid #E8E8E8; } +.right .budgie-panel .launcher { + border: 2px solid transparent; } + .right .budgie-panel .launcher:hover { + border-right: 2px solid alpha(#ECEFF1, 0.4); } + .right .budgie-panel .launcher:active, .right .budgie-panel .launcher:checked { + border-right: 2px solid #E8E8E8; } + +.top .budgie-panel .unpinned .launcher, +.top .budgie-panel .pinned .launcher.running { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-top.png"), url("assets/running-dot-top@2.png")) 2/2px; } + .top .budgie-panel .unpinned .launcher:hover, .top .budgie-panel .unpinned .launcher:active, .top .budgie-panel .unpinned .launcher:checked, + .top .budgie-panel .pinned .launcher.running:hover, + .top .budgie-panel .pinned .launcher.running:active, + .top .budgie-panel .pinned .launcher.running:checked { + border-top: 2px solid #E8E8E8; + border-image: none; } + +.bottom .budgie-panel .unpinned .launcher, +.bottom .budgie-panel .pinned .launcher.running { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-bottom.png"), url("assets/running-dot-bottom@2.png")) 2/2px; } + .bottom .budgie-panel .unpinned .launcher:hover, .bottom .budgie-panel .unpinned .launcher:active, .bottom .budgie-panel .unpinned .launcher:checked, + .bottom .budgie-panel .pinned .launcher.running:hover, + .bottom .budgie-panel .pinned .launcher.running:active, + .bottom .budgie-panel .pinned .launcher.running:checked { + border-bottom: 2px solid #E8E8E8; + border-image: none; } + +.left .budgie-panel .unpinned .launcher, +.left .budgie-panel .pinned .launcher.running { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-left.png"), url("assets/running-dot-left@2.png")) 2/2px; } + .left .budgie-panel .unpinned .launcher:hover, .left .budgie-panel .unpinned .launcher:active, .left .budgie-panel .unpinned .launcher:checked, + .left .budgie-panel .pinned .launcher.running:hover, + .left .budgie-panel .pinned .launcher.running:active, + .left .budgie-panel .pinned .launcher.running:checked { + border-left: 2px solid #E8E8E8; + border-image: none; } + +.right .budgie-panel .unpinned .launcher, +.right .budgie-panel .pinned .launcher.running { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-right.png"), url("assets/running-dot-right@2.png")) 2/2px; } + .right .budgie-panel .unpinned .launcher:hover, .right .budgie-panel .unpinned .launcher:active, .right .budgie-panel .unpinned .launcher:checked, + .right .budgie-panel .pinned .launcher.running:hover, + .right .budgie-panel .pinned .launcher.running:active, + .right .budgie-panel .pinned .launcher.running:checked { + border-right: 2px solid #E8E8E8; + border-image: none; } + +.budgie-panel ShowDesktopApplet > .button.flat, .budgie-panel ShowDesktopApplet > .button.osd.image-button, .budgie-panel .inline-toolbar ShowDesktopApplet > .button, .inline-toolbar .budgie-panel ShowDesktopApplet > .button, .budgie-panel .inline-toolbar ShowDesktopApplet > .button.image-button:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet > .button.image-button:not(.text-button), .budgie-panel .action-bar ShowDesktopApplet > .button, .action-bar .budgie-panel ShowDesktopApplet > .button, .budgie-panel .action-bar ShowDesktopApplet > .button.image-button:not(.text-button), .action-bar .budgie-panel ShowDesktopApplet > .button.image-button:not(.text-button), .budgie-panel .app-notification ShowDesktopApplet > .button, .app-notification .budgie-panel ShowDesktopApplet > .button, .budgie-panel GeditViewFrame .gedit-search-slider ShowDesktopApplet > .button, GeditViewFrame .gedit-search-slider .budgie-panel ShowDesktopApplet > .button, .budgie-panel .toolbar ShowDesktopApplet > .button, .toolbar .budgie-panel ShowDesktopApplet > .button, .budgie-panel .titlebar ShowDesktopApplet > .button:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel ShowDesktopApplet > .button:not(.suggested-action):not(.destructive-action), +.budgie-panel .header-bar ShowDesktopApplet > .button:not(.suggested-action):not(.destructive-action), +.header-bar .budgie-panel ShowDesktopApplet > .button:not(.suggested-action):not(.destructive-action), .budgie-panel .message-dialog.csd .dialog-action-area ShowDesktopApplet > .button, .message-dialog.csd .dialog-action-area .budgie-panel ShowDesktopApplet > .button, .budgie-panel ShowDesktopApplet > .sidebar-button.button, .budgie-panel .info ShowDesktopApplet > .button, .info .budgie-panel ShowDesktopApplet > .button, +.budgie-panel .question ShowDesktopApplet > .button, +.question .budgie-panel ShowDesktopApplet > .button, +.budgie-panel .warning ShowDesktopApplet > .button, +.warning .budgie-panel ShowDesktopApplet > .button, +.budgie-panel .error ShowDesktopApplet > .button, +.error .budgie-panel ShowDesktopApplet > .button, .budgie-panel ShowDesktopApplet > GtkScaleButton.button, +.budgie-panel ShowDesktopApplet > GtkVolumeButton.button, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:first-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:first-child, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:last-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:last-child, +.budgie-panel GfCandidatePopup ShowDesktopApplet.linked > .button, +GfCandidatePopup .budgie-panel ShowDesktopApplet.linked > .button, .budgie-panel MathWindow :not(.titlebar) ShowDesktopApplet > .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .budgie-panel ShowDesktopApplet > .button:not(.flat):not(.titlebutton), .budgie-panel MathWindow :not(.header-bar) ShowDesktopApplet > .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .budgie-panel ShowDesktopApplet > .button:not(.flat):not(.titlebutton), +.budgie-panel .action-bar ShowDesktopApplet.linked > .button.image-button, +.action-bar .budgie-panel ShowDesktopApplet.linked > .button.image-button, .budgie-panel NemoWindow GtkGrid > GtkEventBox > .toolbar ShowDesktopApplet > .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .budgie-panel ShowDesktopApplet > .button.image-button { + padding: 0.4em 1em; + border-radius: 0; + outline-color: transparent; + color: #ECEFF1; } + .budgie-panel ShowDesktopApplet > .button.flat:hover, .budgie-panel ShowDesktopApplet > .button.osd.image-button:hover, .budgie-panel .inline-toolbar ShowDesktopApplet > .button:hover, .inline-toolbar .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel .action-bar ShowDesktopApplet > .button:hover, .action-bar .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel .inline-toolbar ShowDesktopApplet.linked > .button.image-button:hover:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet.linked > .button.image-button:hover:not(.text-button), .budgie-panel .inline-toolbar ShowDesktopApplet.stack-switcher > .button.image-button:hover:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet.stack-switcher > .button.image-button:hover:not(.text-button), .budgie-panel .action-bar ShowDesktopApplet.stack-switcher > .button.image-button:hover:not(.text-button), .action-bar .budgie-panel ShowDesktopApplet.stack-switcher > .button.image-button:hover:not(.text-button), .budgie-panel .app-notification ShowDesktopApplet > .button:hover, .app-notification .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel GeditViewFrame .gedit-search-slider ShowDesktopApplet > .button:hover, GeditViewFrame .gedit-search-slider .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel .toolbar ShowDesktopApplet > .button:hover, .toolbar .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel .titlebar ShowDesktopApplet > .button:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel ShowDesktopApplet > .button:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .header-bar ShowDesktopApplet > .button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .budgie-panel ShowDesktopApplet > .button:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .message-dialog.csd .dialog-action-area ShowDesktopApplet > .button:hover, .message-dialog.csd .dialog-action-area .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel ShowDesktopApplet > .sidebar-button.button:hover, .budgie-panel .info ShowDesktopApplet > .button:hover, .info .budgie-panel ShowDesktopApplet > .button:hover, + .budgie-panel .question ShowDesktopApplet > .button:hover, + .question .budgie-panel ShowDesktopApplet > .button:hover, + .budgie-panel .warning ShowDesktopApplet > .button:hover, + .warning .budgie-panel ShowDesktopApplet > .button:hover, + .budgie-panel .error ShowDesktopApplet > .button:hover, + .error .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel ShowDesktopApplet > GtkScaleButton.button:hover, + .budgie-panel ShowDesktopApplet > GtkVolumeButton.button:hover, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:hover, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:hover:first-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:hover:first-child, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:hover:last-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:hover:last-child, + .budgie-panel GfCandidatePopup ShowDesktopApplet.linked > .button:hover, + GfCandidatePopup .budgie-panel ShowDesktopApplet.linked > .button:hover, .budgie-panel MathWindow :not(.titlebar) ShowDesktopApplet > .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .budgie-panel ShowDesktopApplet > .button:hover:not(.flat):not(.titlebutton), .budgie-panel MathWindow :not(.header-bar) ShowDesktopApplet > .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .budgie-panel ShowDesktopApplet > .button:hover:not(.flat):not(.titlebutton) { + color: #FFFFFF; + background-color: transparent; + background-image: none; } + .budgie-panel ShowDesktopApplet > .button.flat:active, .budgie-panel ShowDesktopApplet > .button.osd.image-button:active, .budgie-panel .inline-toolbar ShowDesktopApplet > .button:active, .inline-toolbar .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel .action-bar ShowDesktopApplet > .button:active, .action-bar .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel .inline-toolbar ShowDesktopApplet.linked > .button.image-button:active:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet.linked > .button.image-button:active:not(.text-button), .budgie-panel .inline-toolbar ShowDesktopApplet.stack-switcher > .button.image-button:active:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet.stack-switcher > .button.image-button:active:not(.text-button), .budgie-panel .action-bar ShowDesktopApplet.stack-switcher > .button.image-button:active:not(.text-button), .action-bar .budgie-panel ShowDesktopApplet.stack-switcher > .button.image-button:active:not(.text-button), .budgie-panel .app-notification ShowDesktopApplet > .button:active, .app-notification .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel GeditViewFrame .gedit-search-slider ShowDesktopApplet > .button:active, GeditViewFrame .gedit-search-slider .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel .toolbar ShowDesktopApplet > .button:active, .toolbar .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel .titlebar ShowDesktopApplet > .button:active:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel ShowDesktopApplet > .button:active:not(.suggested-action):not(.destructive-action), + .budgie-panel .header-bar ShowDesktopApplet > .button:active:not(.suggested-action):not(.destructive-action), + .header-bar .budgie-panel ShowDesktopApplet > .button:active:not(.suggested-action):not(.destructive-action), .budgie-panel .message-dialog.csd .dialog-action-area ShowDesktopApplet > .button:active, .message-dialog.csd .dialog-action-area .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel ShowDesktopApplet > .sidebar-button.button:active, .budgie-panel .info ShowDesktopApplet > .button:active, .info .budgie-panel ShowDesktopApplet > .button:active, + .budgie-panel .question ShowDesktopApplet > .button:active, + .question .budgie-panel ShowDesktopApplet > .button:active, + .budgie-panel .warning ShowDesktopApplet > .button:active, + .warning .budgie-panel ShowDesktopApplet > .button:active, + .budgie-panel .error ShowDesktopApplet > .button:active, + .error .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel ShowDesktopApplet > GtkScaleButton.button:active, + .budgie-panel ShowDesktopApplet > GtkVolumeButton.button:active, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:active, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:active:first-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:active:first-child, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:active:last-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:active:last-child, + .budgie-panel GfCandidatePopup ShowDesktopApplet.linked > .button:active, + GfCandidatePopup .budgie-panel ShowDesktopApplet.linked > .button:active, .budgie-panel MathWindow :not(.titlebar) ShowDesktopApplet > .button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .budgie-panel ShowDesktopApplet > .button:active:not(.flat):not(.titlebutton), .budgie-panel MathWindow :not(.header-bar) ShowDesktopApplet > .button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .budgie-panel ShowDesktopApplet > .button:active:not(.flat):not(.titlebutton) { + color: #FFFFFF; } + .budgie-panel ShowDesktopApplet > .button.flat:checked, .budgie-panel ShowDesktopApplet > .button.osd.image-button:checked, .budgie-panel .inline-toolbar ShowDesktopApplet > .button:checked, .inline-toolbar .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel .action-bar ShowDesktopApplet > .button:checked, .action-bar .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel .inline-toolbar ShowDesktopApplet.linked > .button.image-button:checked:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet.linked > .button.image-button:checked:not(.text-button), .budgie-panel .inline-toolbar ShowDesktopApplet.stack-switcher > .button.image-button:checked:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet.stack-switcher > .button.image-button:checked:not(.text-button), .budgie-panel .action-bar ShowDesktopApplet.stack-switcher > .button.image-button:checked:not(.text-button), .action-bar .budgie-panel ShowDesktopApplet.stack-switcher > .button.image-button:checked:not(.text-button), .budgie-panel .app-notification ShowDesktopApplet > .button:checked, .app-notification .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel GeditViewFrame .gedit-search-slider ShowDesktopApplet > .button:checked, GeditViewFrame .gedit-search-slider .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel .toolbar ShowDesktopApplet > .button:checked, .toolbar .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel .titlebar ShowDesktopApplet > .button:checked:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel ShowDesktopApplet > .button:checked:not(.suggested-action):not(.destructive-action), + .budgie-panel .header-bar ShowDesktopApplet > .button:checked:not(.suggested-action):not(.destructive-action), + .header-bar .budgie-panel ShowDesktopApplet > .button:checked:not(.suggested-action):not(.destructive-action), .budgie-panel .message-dialog.csd .dialog-action-area ShowDesktopApplet > .button:checked, .message-dialog.csd .dialog-action-area .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel ShowDesktopApplet > .sidebar-button.button:checked, .budgie-panel .info ShowDesktopApplet > .button:checked, .info .budgie-panel ShowDesktopApplet > .button:checked, + .budgie-panel .question ShowDesktopApplet > .button:checked, + .question .budgie-panel ShowDesktopApplet > .button:checked, + .budgie-panel .warning ShowDesktopApplet > .button:checked, + .warning .budgie-panel ShowDesktopApplet > .button:checked, + .budgie-panel .error ShowDesktopApplet > .button:checked, + .error .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel ShowDesktopApplet > GtkScaleButton.button:checked, + .budgie-panel ShowDesktopApplet > GtkVolumeButton.button:checked, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:checked, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:checked:first-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:checked:first-child, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:checked:last-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:checked:last-child, + .budgie-panel GfCandidatePopup ShowDesktopApplet.linked > .button:checked, + GfCandidatePopup .budgie-panel ShowDesktopApplet.linked > .button:checked, .budgie-panel MathWindow :not(.titlebar) ShowDesktopApplet > .button:checked:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .budgie-panel ShowDesktopApplet > .button:checked:not(.flat):not(.titlebutton), .budgie-panel MathWindow :not(.header-bar) ShowDesktopApplet > .button:checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .budgie-panel ShowDesktopApplet > .button:checked:not(.flat):not(.titlebutton) { + color: rgba(236, 239, 241, 0.3); + background-color: transparent; + background-image: none; } + .budgie-panel ShowDesktopApplet > .button.flat:checked:hover, .budgie-panel ShowDesktopApplet > .button.osd.image-button:checked:hover, .budgie-panel .inline-toolbar ShowDesktopApplet > .button:checked:hover, .inline-toolbar .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel .action-bar ShowDesktopApplet > .button:checked:hover, .action-bar .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel .app-notification ShowDesktopApplet > .button:checked:hover, .app-notification .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel GeditViewFrame .gedit-search-slider ShowDesktopApplet > .button:checked:hover, GeditViewFrame .gedit-search-slider .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel .toolbar ShowDesktopApplet > .button:checked:hover, .toolbar .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel .titlebar ShowDesktopApplet > .button:checked:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel ShowDesktopApplet > .button:checked:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .header-bar ShowDesktopApplet > .button:checked:hover:not(.suggested-action):not(.destructive-action), + .header-bar .budgie-panel ShowDesktopApplet > .button:checked:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .message-dialog.csd .dialog-action-area ShowDesktopApplet > .button:checked:hover, .message-dialog.csd .dialog-action-area .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel ShowDesktopApplet > .sidebar-button.button:checked:hover, .budgie-panel .info ShowDesktopApplet > .button:checked:hover, .info .budgie-panel ShowDesktopApplet > .button:checked:hover, + .budgie-panel .question ShowDesktopApplet > .button:checked:hover, + .question .budgie-panel ShowDesktopApplet > .button:checked:hover, + .budgie-panel .warning ShowDesktopApplet > .button:checked:hover, + .warning .budgie-panel ShowDesktopApplet > .button:checked:hover, + .budgie-panel .error ShowDesktopApplet > .button:checked:hover, + .error .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel ShowDesktopApplet > GtkScaleButton.button:checked:hover, + .budgie-panel ShowDesktopApplet > GtkVolumeButton.button:checked:hover, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:checked:hover, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:checked:hover:first-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:checked:hover:first-child, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:checked:hover:last-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:checked:hover:last-child, + .budgie-panel GfCandidatePopup ShowDesktopApplet.linked > .button:checked:hover, + GfCandidatePopup .budgie-panel ShowDesktopApplet.linked > .button:checked:hover, .budgie-panel MathWindow :not(.titlebar) ShowDesktopApplet > .button:checked:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .budgie-panel ShowDesktopApplet > .button:checked:hover:not(.flat):not(.titlebutton), .budgie-panel MathWindow :not(.header-bar) ShowDesktopApplet > .button:checked:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .budgie-panel ShowDesktopApplet > .button:checked:hover:not(.flat):not(.titlebutton) { + color: #FFFFFF; + background-color: transparent; + background-image: none; } + +.budgie-menu { + border-radius: 2px; + background-color: #fdfdfe; } + .budgie-menu GtkScrolledWindow, + .budgie-menu .list, + .budgie-menu .list-row, + .budgie-menu .tweak-category, + .budgie-menu .scrollbar.trough { + border: none; + background: none; + box-shadow: none; } + .budgie-menu .list-row, .budgie-menu .tweak-category, .budgie-menu .list-row.activatable, .budgie-menu .view, .budgie-menu column-header .button, column-header .budgie-menu .button, .budgie-menu .activatable.tweak-category { + background-image: none; + background-color: #fdfdfe; + color: rgba(38, 50, 56, 0.75); + transition: none; } + .budgie-menu .list-row:hover, .budgie-menu .tweak-category:hover, .budgie-menu .list-row.activatable:hover, .budgie-menu .view:hover, .budgie-menu column-header .button:hover, column-header .budgie-menu .button:hover, .budgie-menu .activatable.tweak-category:hover { + background-image: none; + background-color: #fdfdfe; + color: #263238; + transition: none; } + .budgie-menu GtkScrolledWindow .undershoot.top { + background: transparent; + background-image: linear-gradient(to top, rgba(253, 253, 254, 0.01), rgba(253, 253, 254, 0.04), rgba(253, 253, 254, 0.2), rgba(253, 253, 254, 0.44), rgba(253, 253, 254, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } + .budgie-menu GtkScrolledWindow .undershoot.bottom { + background: transparent; + background-image: linear-gradient(to bottom, rgba(253, 253, 254, 0.01), rgba(253, 253, 254, 0.04), rgba(253, 253, 254, 0.2), rgba(253, 253, 254, 0.44), rgba(253, 253, 254, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } + .budgie-menu GtkScrolledWindow .undershoot.left { + background: transparent; + background-image: linear-gradient(to left, rgba(253, 253, 254, 0.01), rgba(253, 253, 254, 0.04), rgba(253, 253, 254, 0.2), rgba(253, 253, 254, 0.44), rgba(253, 253, 254, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } + .budgie-menu GtkScrolledWindow .undershoot.right { + background: transparent; + background-image: linear-gradient(to right, rgba(253, 253, 254, 0.01), rgba(253, 253, 254, 0.04), rgba(253, 253, 254, 0.2), rgba(253, 253, 254, 0.44), rgba(253, 253, 254, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +.raven { + padding: 0; + border: none; + color: rgba(38, 50, 56, 0.75); + background-color: rgba(229, 233, 236, 0.9); } + .raven:dir(ltr) { + box-shadow: -1px 0 1px rgba(0, 0, 0, 0.12); } + .raven:dir(rtl) { + box-shadow: 1px 0 1px rgba(0, 0, 0, 0.12); } + .raven .raven-header { + border: none; + color: rgba(38, 50, 56, 0.5); + background-color: transparent; + font-weight: 700; } + .raven .raven-background { + border-width: 1px 0 0; + border-style: solid none none; + border-color: rgba(0, 0, 0, 0.09); + background-color: transparent; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } + .raven .powerstrip { + border-top: 1px solid rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } + .raven .powerstrip .button { + padding: 1em; + color: #E8E8E8; } + .raven .powerstrip .button:hover, .raven .powerstrip .button:active, .raven .powerstrip .button:checked { + color: #E8E8E8; } + .raven .powerstrip .button:insensitive { + color: #E8E8E8; } + .raven .option-subtitle { + color: rgba(38, 50, 56, 0.225); + font-size: 90%; } + .raven GtkScrolledWindow { + background: transparent; } + .raven .list, + .raven .list-row, + .raven .tweak-category, + .raven .list-row.activatable, + .raven .view, + .raven column-header .button, + column-header .raven .button, + .raven .activatable.tweak-category { + background-color: transparent; } + .raven .list:not(.list):hover, + .raven .list-row:not(.list):hover, + .raven .tweak-category:not(.list):hover, + .raven .list-row.activatable:not(.list):hover, + .raven .view:not(.list):hover, + .raven column-header .button:not(.list):hover, + column-header .raven .button:not(.list):hover, + .raven .activatable.tweak-category:not(.list):hover { + color: #263238; } + .raven .list:not(.list):selected, + .raven .list-row:not(.list):selected, + .raven .tweak-category:not(.list):selected, + .raven .list-row.activatable:not(.list):selected, + .raven .view:not(.list):selected, + .raven column-header .button:not(.list):selected, + column-header .raven .button:not(.list):selected, + .raven .activatable.tweak-category:not(.list):selected { + color: #E8E8E8; } + .raven .list:not(.list):selected:hover, + .raven .list-row:not(.list):selected:hover, + .raven .tweak-category:not(.list):selected:hover, + .raven .list-row.activatable:not(.list):selected:hover, + .raven .view:not(.list):selected:hover, + .raven column-header .button:not(.list):selected:hover, + column-header .raven .button:not(.list):selected:hover, + .raven .activatable.tweak-category:not(.list):selected:hover { + background-color: rgba(0, 188, 212, 0.1); } + .raven .list .separator, + .raven .list-row .separator, + .raven .tweak-category .separator, + .raven .list-row.activatable .separator, + .raven .view .separator, + .raven column-header .button .separator, + column-header .raven .button .separator, + .raven .activatable.tweak-category .separator { + color: rgba(38, 50, 56, 0.165); } + .raven .button.image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } + .raven .button.image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + .raven .button.image-button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .raven .button.image-button:insensitive { + box-shadow: none; + background-color: transparent; } + .raven .button.image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; } + .raven .button.image-button:checked:insensitive > .label { + color: inherit; } + .raven .raven-header > .button.text-button { + color: rgba(255, 255, 255, 0.85); } + .raven .raven-header > .button.text-button:hover { + color: #FFFFFF; } + .raven .raven-header > .button.text-button:active { + color: #FFFFFF; + background-color: #E8E8E8; } + .raven .raven-header .expander-button { + padding: 1.0em; + border-radius: 100px; + outline-radius: 100px; + color: rgba(38, 50, 56, 0.5); } + .raven .raven-header .expander-button:hover, .raven .raven-header .expander-button:active { + color: #263238; } + .raven GtkCalendar { + border: none; + background-color: transparent; } + .raven .undershoot.top, .raven .undershoot.bottom, .raven .undershoot.left, .raven .undershoot.right { + background-image: none; } + +.raven-mpris { + border: none; + color: #263238; + background-color: rgba(229, 233, 236, 0.9); } + .raven-mpris .button.image-button { + padding: 0.6em; } + +.budgie-notification-window { + border-radius: 2px; + background: none; } + +.budgie-notification.background { + border-radius: 2px; } +.budgie-notification .notification-title { + color: rgba(38, 50, 56, 0.75); + font-size: 110%; + font-weight: 500; } +.budgie-notification .notification-body { + color: #263238; } + +.background.csd.budgie-run-dialog { + border: none; + background-color: transparent; } + .background.csd.budgie-run-dialog .window-frame { + border-radius: 2px; + border: none; + background-color: rgba(42, 55, 62, 0.9); + box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); } + .background.csd.budgie-run-dialog .window-frame:backdrop { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + .background.csd.budgie-run-dialog .separator { + -GtkWidget-separator-width: 0; + border: 0 none transparent; + color: transparent; } + .background.csd.budgie-run-dialog GtkScrolledWindow { + border-image: none; } + .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button.flat, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button.osd.image-button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .inline-toolbar .button, .inline-toolbar .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .action-bar .button, .action-bar .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .app-notification .button, .app-notification .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .toolbar .button, .toolbar .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button:not(.suggested-action):not(.destructive-action), + .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .header-bar .button:not(.suggested-action):not(.destructive-action), + .header-bar .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .sidebar-button.button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .info .button, .info .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, + .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .question .button, + .question .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, + .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .warning .button, + .warning .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, + .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .error .button, + .error .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GtkScaleButton.button, + .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GtkVolumeButton.button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GfCandidatePopup .button, GfCandidatePopup .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GfCandidatePopup .button:first-child, GfCandidatePopup .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button:first-child, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GfCandidatePopup .button:last-child, GfCandidatePopup .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button:last-child, + .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GfCandidatePopup .linked > .button, + GfCandidatePopup .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .linked > .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button:not(.flat):not(.titlebutton) { + border-radius: 2px; + outline-radius: 2px; } + .background.csd.budgie-run-dialog GtkScrolledWindow .undershoot.top, .background.csd.budgie-run-dialog GtkScrolledWindow .undershoot.bottom, .background.csd.budgie-run-dialog GtkScrolledWindow .undershoot.left, .background.csd.budgie-run-dialog GtkScrolledWindow .undershoot.right { + background-image: none; } + .background.csd.budgie-run-dialog .button.flat.image-button, .background.csd.budgie-run-dialog .image-button.button.osd, .background.csd.budgie-run-dialog .inline-toolbar .image-button.button, .inline-toolbar .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog .action-bar .image-button.button, .action-bar .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog .app-notification .image-button.button, .app-notification .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog GeditViewFrame .gedit-search-slider .image-button.button, GeditViewFrame .gedit-search-slider .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog .toolbar .image-button.button, .toolbar .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog .titlebar .image-button.button:not(.suggested-action):not(.destructive-action), .titlebar .background.csd.budgie-run-dialog .image-button.button:not(.suggested-action):not(.destructive-action), + .background.csd.budgie-run-dialog .header-bar .image-button.button:not(.suggested-action):not(.destructive-action), + .header-bar .background.csd.budgie-run-dialog .image-button.button:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .message-dialog.csd .dialog-action-area .image-button.button, .message-dialog.csd .dialog-action-area .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog .image-button.sidebar-button.button, .background.csd.budgie-run-dialog .info .image-button.button, .info .background.csd.budgie-run-dialog .image-button.button, + .background.csd.budgie-run-dialog .question .image-button.button, + .question .background.csd.budgie-run-dialog .image-button.button, + .background.csd.budgie-run-dialog .warning .image-button.button, + .warning .background.csd.budgie-run-dialog .image-button.button, + .background.csd.budgie-run-dialog .error .image-button.button, + .error .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog GtkScaleButton.image-button.button, + .background.csd.budgie-run-dialog GtkVolumeButton.image-button.button, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:first-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:first-child, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:last-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:last-child, + .background.csd.budgie-run-dialog GfCandidatePopup .linked > .image-button.button, + GfCandidatePopup .background.csd.budgie-run-dialog .linked > .image-button.button, .background.csd.budgie-run-dialog MathWindow :not(.titlebar) .image-button.button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .background.csd.budgie-run-dialog .image-button.button:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog MathWindow :not(.header-bar) .image-button.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .background.csd.budgie-run-dialog .image-button.button:not(.flat):not(.titlebutton) { + color: #E8E8E8; } + .background.csd.budgie-run-dialog .button.flat.image-button:hover, .background.csd.budgie-run-dialog .image-button.button.osd:hover, .background.csd.budgie-run-dialog .inline-toolbar .image-button.button:hover, .inline-toolbar .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog .action-bar .image-button.button:hover, .action-bar .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog .app-notification .image-button.button:hover, .app-notification .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog GeditViewFrame .gedit-search-slider .image-button.button:hover, GeditViewFrame .gedit-search-slider .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog .toolbar .image-button.button:hover, .toolbar .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog .titlebar .image-button.button:hover:not(.suggested-action):not(.destructive-action), .titlebar .background.csd.budgie-run-dialog .image-button.button:hover:not(.suggested-action):not(.destructive-action), + .background.csd.budgie-run-dialog .header-bar .image-button.button:hover:not(.suggested-action):not(.destructive-action), + .header-bar .background.csd.budgie-run-dialog .image-button.button:hover:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .message-dialog.csd .dialog-action-area .image-button.button:hover, .message-dialog.csd .dialog-action-area .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog .image-button.sidebar-button.button:hover, .background.csd.budgie-run-dialog .info .image-button.button:hover, .info .background.csd.budgie-run-dialog .image-button.button:hover, + .background.csd.budgie-run-dialog .question .image-button.button:hover, + .question .background.csd.budgie-run-dialog .image-button.button:hover, + .background.csd.budgie-run-dialog .warning .image-button.button:hover, + .warning .background.csd.budgie-run-dialog .image-button.button:hover, + .background.csd.budgie-run-dialog .error .image-button.button:hover, + .error .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog GtkScaleButton.image-button.button:hover, + .background.csd.budgie-run-dialog GtkVolumeButton.image-button.button:hover, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:hover, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:hover:first-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:hover:first-child, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:hover:last-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:hover:last-child, + .background.csd.budgie-run-dialog GfCandidatePopup .linked > .image-button.button:hover, + GfCandidatePopup .background.csd.budgie-run-dialog .linked > .image-button.button:hover, .background.csd.budgie-run-dialog MathWindow :not(.titlebar) .image-button.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .background.csd.budgie-run-dialog .image-button.button:hover:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog MathWindow :not(.header-bar) .image-button.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .background.csd.budgie-run-dialog .image-button.button:hover:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog .button.flat.image-button:active, .background.csd.budgie-run-dialog .image-button.button.osd:active, .background.csd.budgie-run-dialog .inline-toolbar .image-button.button:active, .inline-toolbar .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog .action-bar .image-button.button:active, .action-bar .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog .app-notification .image-button.button:active, .app-notification .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog GeditViewFrame .gedit-search-slider .image-button.button:active, GeditViewFrame .gedit-search-slider .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog .toolbar .image-button.button:active, .toolbar .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog .titlebar .image-button.button:active:not(.suggested-action):not(.destructive-action), .titlebar .background.csd.budgie-run-dialog .image-button.button:active:not(.suggested-action):not(.destructive-action), + .background.csd.budgie-run-dialog .header-bar .image-button.button:active:not(.suggested-action):not(.destructive-action), + .header-bar .background.csd.budgie-run-dialog .image-button.button:active:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .message-dialog.csd .dialog-action-area .image-button.button:active, .message-dialog.csd .dialog-action-area .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog .image-button.sidebar-button.button:active, .background.csd.budgie-run-dialog .info .image-button.button:active, .info .background.csd.budgie-run-dialog .image-button.button:active, + .background.csd.budgie-run-dialog .question .image-button.button:active, + .question .background.csd.budgie-run-dialog .image-button.button:active, + .background.csd.budgie-run-dialog .warning .image-button.button:active, + .warning .background.csd.budgie-run-dialog .image-button.button:active, + .background.csd.budgie-run-dialog .error .image-button.button:active, + .error .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog GtkScaleButton.image-button.button:active, + .background.csd.budgie-run-dialog GtkVolumeButton.image-button.button:active, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:active, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:active:first-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:active:first-child, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:active:last-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:active:last-child, + .background.csd.budgie-run-dialog GfCandidatePopup .linked > .image-button.button:active, + GfCandidatePopup .background.csd.budgie-run-dialog .linked > .image-button.button:active, .background.csd.budgie-run-dialog MathWindow :not(.titlebar) .image-button.button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .background.csd.budgie-run-dialog .image-button.button:active:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog MathWindow :not(.header-bar) .image-button.button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .background.csd.budgie-run-dialog .image-button.button:active:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog .button.flat.image-button:checked, .background.csd.budgie-run-dialog .image-button.button.osd:checked, .background.csd.budgie-run-dialog .inline-toolbar .image-button.button:checked, .inline-toolbar .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog .action-bar .image-button.button:checked, .action-bar .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog .app-notification .image-button.button:checked, .app-notification .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog GeditViewFrame .gedit-search-slider .image-button.button:checked, GeditViewFrame .gedit-search-slider .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog .toolbar .image-button.button:checked, .toolbar .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog .titlebar .image-button.button:checked:not(.suggested-action):not(.destructive-action), .titlebar .background.csd.budgie-run-dialog .image-button.button:checked:not(.suggested-action):not(.destructive-action), + .background.csd.budgie-run-dialog .header-bar .image-button.button:checked:not(.suggested-action):not(.destructive-action), + .header-bar .background.csd.budgie-run-dialog .image-button.button:checked:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .message-dialog.csd .dialog-action-area .image-button.button:checked, .message-dialog.csd .dialog-action-area .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog .image-button.sidebar-button.button:checked, .background.csd.budgie-run-dialog .info .image-button.button:checked, .info .background.csd.budgie-run-dialog .image-button.button:checked, + .background.csd.budgie-run-dialog .question .image-button.button:checked, + .question .background.csd.budgie-run-dialog .image-button.button:checked, + .background.csd.budgie-run-dialog .warning .image-button.button:checked, + .warning .background.csd.budgie-run-dialog .image-button.button:checked, + .background.csd.budgie-run-dialog .error .image-button.button:checked, + .error .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog GtkScaleButton.image-button.button:checked, + .background.csd.budgie-run-dialog GtkVolumeButton.image-button.button:checked, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:checked, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:checked:first-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:checked:first-child, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:checked:last-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:checked:last-child, + .background.csd.budgie-run-dialog GfCandidatePopup .linked > .image-button.button:checked, + GfCandidatePopup .background.csd.budgie-run-dialog .linked > .image-button.button:checked, .background.csd.budgie-run-dialog MathWindow :not(.titlebar) .image-button.button:checked:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .background.csd.budgie-run-dialog .image-button.button:checked:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog MathWindow :not(.header-bar) .image-button.button:checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .background.csd.budgie-run-dialog .image-button.button:checked:not(.flat):not(.titlebutton) { + color: #E8E8E8; } + .background.csd.budgie-run-dialog .button.flat.image-button:insensitive, .background.csd.budgie-run-dialog .image-button.button.osd:insensitive, .background.csd.budgie-run-dialog .inline-toolbar .image-button.button:insensitive, .inline-toolbar .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog .action-bar .image-button.button:insensitive, .action-bar .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog .app-notification .image-button.button:insensitive, .app-notification .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog GeditViewFrame .gedit-search-slider .image-button.button:insensitive, GeditViewFrame .gedit-search-slider .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog .toolbar .image-button.button:insensitive, .toolbar .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog .titlebar .image-button.button:insensitive:not(.suggested-action):not(.destructive-action), .titlebar .background.csd.budgie-run-dialog .image-button.button:insensitive:not(.suggested-action):not(.destructive-action), + .background.csd.budgie-run-dialog .header-bar .image-button.button:insensitive:not(.suggested-action):not(.destructive-action), + .header-bar .background.csd.budgie-run-dialog .image-button.button:insensitive:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .message-dialog.csd .dialog-action-area .image-button.button:insensitive, .message-dialog.csd .dialog-action-area .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog .image-button.sidebar-button.button:insensitive, .background.csd.budgie-run-dialog .info .image-button.button:insensitive, .info .background.csd.budgie-run-dialog .image-button.button:insensitive, + .background.csd.budgie-run-dialog .question .image-button.button:insensitive, + .question .background.csd.budgie-run-dialog .image-button.button:insensitive, + .background.csd.budgie-run-dialog .warning .image-button.button:insensitive, + .warning .background.csd.budgie-run-dialog .image-button.button:insensitive, + .background.csd.budgie-run-dialog .error .image-button.button:insensitive, + .error .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog GtkScaleButton.image-button.button:insensitive, + .background.csd.budgie-run-dialog GtkVolumeButton.image-button.button:insensitive, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:insensitive, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:insensitive:first-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:insensitive:first-child, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:insensitive:last-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:insensitive:last-child, + .background.csd.budgie-run-dialog GfCandidatePopup .linked > .image-button.button:insensitive, + GfCandidatePopup .background.csd.budgie-run-dialog .linked > .image-button.button:insensitive, .background.csd.budgie-run-dialog MathWindow :not(.titlebar) .image-button.button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .background.csd.budgie-run-dialog .image-button.button:insensitive:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog MathWindow :not(.header-bar) .image-button.button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .background.csd.budgie-run-dialog .image-button.button:insensitive:not(.flat):not(.titlebutton) { + color: #E8E8E8; } + +.budgie-session-dialog, .budgie-polkit-dialog { + border-radius: 2px; + border-width: 0; + background-color: #3e515a; + color: #ECEFF1; + font-weight: 700; + opacity: 0.9; } + .budgie-session-dialog .button, .budgie-polkit-dialog .button, + .budgie-session-dialog .linked > .button, + .budgie-polkit-dialog .linked > .button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + padding: 0.7em 1em 0.8em; + border: 2px solid transparent; + border-radius: 0; + color: #E8E8E8; + background-color: transparent; + background-size: 240px 240px, auto; } + .budgie-session-dialog .button:hover, .budgie-polkit-dialog .button:hover, + .budgie-session-dialog .linked > .button:hover, + .budgie-polkit-dialog .linked > .button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + color: #E8E8E8; } + .budgie-session-dialog .button:active, .budgie-polkit-dialog .button:active, + .budgie-session-dialog .linked > .button:active, + .budgie-polkit-dialog .linked > .button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #E8E8E8; } + .budgie-session-dialog .button:checked, .budgie-polkit-dialog .button:checked, + .budgie-session-dialog .linked > .button:checked, + .budgie-polkit-dialog .linked > .button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + color: #E8E8E8; } + .budgie-session-dialog .button:insensitive, .budgie-polkit-dialog .button:insensitive, + .budgie-session-dialog .linked > .button:insensitive, + .budgie-polkit-dialog .linked > .button:insensitive { + box-shadow: none; + background-color: transparent; } + .budgie-session-dialog .button:first-child, .budgie-polkit-dialog .button:first-child, + .budgie-session-dialog .linked > .button:first-child, + .budgie-polkit-dialog .linked > .button:first-child { + border-bottom-left-radius: 2px; + border-right-width: 0; } + .budgie-session-dialog .button:last-child, .budgie-polkit-dialog .button:last-child, + .budgie-session-dialog .linked > .button:last-child, + .budgie-polkit-dialog .linked > .button:last-child { + border-bottom-right-radius: 2px; + border-left-width: 0; } + +.budgie-polkit-dialog .message { + color: rgba(38, 50, 56, 0.75); } +.budgie-polkit-dialog .failure { + color: #E8E8E8; + font-weight: 700; } + +.drop-shadow { + background-color: #e5e9ec; + background-image: none; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + +/***************** + * Unity Desktop * + *****************/ +UnityDecoration { + -UnityDecoration-extents: 28px 0 0 0; + -UnityDecoration-input-extents: 8px; + -UnityDecoration-shadow-offset-x: 0; + -UnityDecoration-shadow-offset-y: 8px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.24); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.16); + -UnityDecoration-inactive-shadow-radius: 6px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #E8E8E8; + -UnityDecoration-title-indent: 16px; + -UnityDecoration-title-fade: 32px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border-width: 1px 0 0; + border-style: solid none none; + border-color: rgba(0, 0, 0, 0.09); + border-radius: 2px 2px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #FFFFFF); + color: #ECEFF1; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } + UnityDecoration.top:backdrop { + color: rgba(236, 239, 241, 0.3); } + UnityDecoration.left, UnityDecoration.left:backdrop, UnityDecoration.right, UnityDecoration.right:backdrop, UnityDecoration.bottom, UnityDecoration.bottom:backdrop { + background-image: none; } + +UnityPanelWidget, UnityPanelWidget:backdrop, +.unity-panel, +.unity-panel:backdrop { + border-bottom: 1px solid #FFFFFF; + color: #ECEFF1; + background-image: linear-gradient(to bottom, #FFFFFF); + box-shadow: none; } + +.unity-panel.menubar, +.unity-panel .menubar { + background-color: transparent; + background-image: none; + box-shadow: none; } + .unity-panel.menubar.menuitem, .unity-panel.menubar .menuitem *, + .unity-panel .menubar.menuitem, + .unity-panel .menubar .menuitem * { + padding: 0 6px; + border-radius: 0; + border-bottom: none; + color: #ECEFF1; + background-color: transparent; } + .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover, + .unity-panel .menubar.menuitem:hover, + .unity-panel .menubar .menuitem *:hover { + color: #FFFFFF; + box-shadow: inset 0 -2px #E8E8E8; } + +/************ + * Corebird * + ************/ +GtkStack .button.profile-button:checked { + color: #263238; } + +.titlebar.header-bar GtkBox .button.account-button { + border-radius: 2px; + outline-radius: 2px; } + .titlebar.header-bar GtkBox .button.account-button .avatar-round { + border-color: transparent; } + +/******** + * Nemo * + ********/ +NemoWindow EelEditableLabel.entry { + transition: none; } +NemoWindow .toolbar.primary-toolbar { + border-bottom: 1px solid rgba(0, 0, 0, 0.09); } + NemoWindow .toolbar.primary-toolbar .button.toggle, + NemoWindow .toolbar.primary-toolbar .linked > .button { + padding: 0 1.2em 0.1em; } + NemoWindow .toolbar.primary-toolbar .button.toggle.image-button, + NemoWindow .toolbar.primary-toolbar .linked > .button.image-button { + border-radius: 100px; + outline-radius: 100px; } +NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button { + padding: 0; + border-radius: 2px; + outline-radius: 2px; } + NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow { + -GtkArrow-arrow-scaling: 0.5; } + NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow { + color: rgba(38, 50, 56, 0.75); } + NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:hover, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:active, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:checked { + color: #263238; } + NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:hover:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:active:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:checked:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:hover:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:active:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:checked:insensitive { + color: rgba(38, 50, 56, 0.3); } + NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:insensitive { + color: rgba(38, 50, 56, 0.225); } +NemoWindow .primary-toolbar NemoPathBar.linked.raised .button.text-button, +NemoWindow .primary-toolbar NemoPathBar.linked.raised .button.image-button { + padding: 0.3em 0.7em 0.4em; } +NemoWindow .notebook { + background-color: #FFFFFF; } +NemoWindow .sidebar .frame { + border-width: 0; } +NemoWindow .sidebar GtkDrawingArea { + background-color: transparent; } +NemoWindow GtkGrid > GtkEventBox { + padding: 0.2em; + background-color: #FFFFFF; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } + NemoWindow GtkGrid > GtkEventBox > .toolbar { + border-style: none; + background-color: transparent; + box-shadow: none; } + NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button { + border-radius: 2px; + outline-radius: 2px; + padding: 0.7em 1em 0.8em; + box-shadow: none; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: rgba(38, 50, 56, 0.75); } + NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:hover { + box-shadow: none; + border-image: none; + color: #263238; } + NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:checked { + box-shadow: none; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #263238; } + NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:checked:insensitive { + box-shadow: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); + border-image: none; } + NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:checked:insensitive > label { + color: inherit; } + NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:insensitive { + box-shadow: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.225); + border-image: none; } + NemoWindow GtkGrid > GtkEventBox > .toolbar .separator.vertical { + -GtkWidget-separator-width: 0; + border: 0 none transparent; + color: transparent; } + +/*************************** + * Cinnamon-control-center * + ***************************/ +CcShellCategoryView CcShellItemView.view { + background-color: transparent; } + +.cs-header { + background-color: #FFFFFF; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } + +/********* + * XFce4 * + *********/ +.xfce4-panel { + background-color: #FFFFFF; + color: #ECEFF1; + font-weight: 700; } + .xfce4-panel .button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + padding: 0px 4px; + border: none; + border-radius: 0; + color: #ECEFF1; + background-color: transparent; } + .xfce4-panel .button:hover { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px alpha(currentColor, 0.2); } + .xfce4-panel .button:checked, .xfce4-panel .button:hover:checked, .xfce4-panel .button:insensitive:checked { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px #E8E8E8; } + .xfce4-panel .button .label:backdrop, .xfce4-panel .button:backdrop { + opacity: 1.0; } + .xfce4-panel .menu { + -gtk-image-effect: none; } + +TopMenuAppMenuBar { + background-color: #FFFFFF; + color: #ECEFF1; + box-shadow: none; } + TopMenuAppMenuBar > .menuitem { + color: #ECEFF1; + background-color: transparent; } + TopMenuAppMenuBar > .menuitem:hover { + color: #FFFFFF; + box-shadow: inset 0 -2px #E8E8E8; } + TopMenuAppMenuBar > .menuitem:backdrop { + opacity: 1.0; } + +/************ + * Synaptic * + ************/ +GtkWindow > GtkBox.vertical > GtkBox.horizontal > .toolbar { + background-color: transparent; + box-shadow: none; } + GtkWindow > GtkBox.vertical > GtkBox.horizontal > .toolbar GtkToolItem > GtkBox .label, + GtkWindow > GtkBox.vertical > GtkBox.horizontal > .toolbar GtkToolItem > GtkBox .entry { + padding-top: 0.1em; + padding-bottom: 0.1em; + font-size: 90%; } + GtkWindow > GtkBox.vertical > GtkBox.horizontal > .toolbar GtkToolItem > GtkBox > .label { + color: rgba(38, 50, 56, 0.3); } +GtkWindow > GtkBox.vertical > GtkBox.horizontal > GtkAlignment { + background-color: transparent; } + +/*********** + * Colours * + ***********/ +@define-color theme_fg_color #263238; +@define-color theme_inverted_fg_color #ECEFF1; +@define-color theme_text_color #263238; +@define-color theme_bg_color #FFFFFF; +@define-color theme_base_color #FFFFFF; +@define-color theme_selected_bg_color #E8E8E8; +@define-color theme_selected_fg_color #FFFFFF; +@define-color insensitive_bg_color #FFFFFF; +@define-color insensitive_fg_color rgba(38, 50, 56, 0.3); +@define-color insensitive_base_color #fdfdfe; +@define-color theme_unfocused_fg_color rgba(38, 50, 56, 0.3); +@define-color theme_unfocused_inverted_fg_color rgba(236, 239, 241, 0.3); +@define-color theme_unfocused_text_color rgba(38, 50, 56, 0.3); +@define-color theme_unfocused_inverted_text_color rgba(236, 239, 241, 0.3); +@define-color theme_unfocused_bg_color #FFFFFF; +@define-color theme_unfocused_base_color #FFFFFF; +@define-color theme_unfocused_selected_bg_color #E8E8E8; +@define-color theme_unfocused_selected_fg_color #FFFFFF; +@define-color placeholder_text_color #CFD8DC; +@define-color borders rgba(0, 0, 0, 0.09); +@define-color unfocused_borders rgba(0, 0, 0, 0.09); +@define-color warning_color #FF9800; +@define-color error_color #F44336; +@define-color success_color #00E676; +@define-color link_color #E8E8E8; +@define-color wm_bg_a #FFFFFF; +@define-color wm_bg_b rgba(255, 255, 255, 0.07); +@define-color content_view_bg #FFFFFF;
A
themes/whitey/gtk-3.0/gtk.scss
@@ -0,0 +1,14 @@
+// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade +// - if you need to inverse a color function use the @if directive to match for dark $variant + +$variant: 'light'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'misc'; // specific styling for Gnome-hosted apps +@import '3rd-party'; // other apps styling +@import 'colors-public';
A
themes/whitey/gtk-3.0/parse-sass.sh
@@ -0,0 +1,3 @@
+#!/bin/sh + +bundle exec sass --update --sourcemap=none .
A
themes/whitey/gtk-3.0/rm_assets.txt
@@ -0,0 +1,65 @@
+calendar-day-selected +checkbox-checked +checkbox-checked-active +checkbox-checked-active-dark +checkbox-checked-active-selectionmode +checkbox-checked-active-selectionmode-dark +checkbox-checked-dark +checkbox-checked-insensitive +checkbox-checked-insensitive-dark +checkbox-checked-insensitive-selectionmode +checkbox-checked-insensitive-selectionmode-dark +checkbox-checked-selected +checkbox-checked-selectionmode +checkbox-checked-selectionmode-dark +checkbox-mixed +checkbox-mixed-active +checkbox-mixed-active-dark +checkbox-mixed-dark +checkbox-mixed-insensitive +checkbox-mixed-insensitive-dark +checkbox-mixed-selected +equal +equal-active +equal-active-dark +equal-dark +equal-hover +equal-hover-dark +radio-checked +radio-checked-active +radio-checked-active-dark +radio-checked-dark +radio-checked-insensitive +radio-checked-insensitive-dark +radio-mixed +radio-mixed-active +radio-mixed-active-dark +radio-mixed-dark +radio-mixed-insensitive +radio-mixed-insensitive-dark +running-dot-bottom +running-dot-left +running-dot-right +running-dot-top +slider +slider-active +slider-active-dark +slider-dark +slider-horz-scale-has-marks-above +slider-horz-scale-has-marks-above-active +slider-horz-scale-has-marks-above-active-dark +slider-horz-scale-has-marks-above-dark +slider-horz-scale-has-marks-below +slider-horz-scale-has-marks-below-active +slider-horz-scale-has-marks-below-active-dark +slider-horz-scale-has-marks-below-dark +slider-vert-scale-has-marks-above +slider-vert-scale-has-marks-above-active +slider-vert-scale-has-marks-above-active-dark +slider-vert-scale-has-marks-above-dark +slider-vert-scale-has-marks-below +slider-vert-scale-has-marks-below-active +slider-vert-scale-has-marks-below-active-dark +slider-vert-scale-has-marks-below-dark +toggle-on +toggle-on-hover
A
themes/whitey/gtk-3.20/Gemfile
@@ -0,0 +1,2 @@
+source 'https://rubygems.org' +gem "sass", "~> 3.4.0"
A
themes/whitey/gtk-3.20/README
@@ -0,0 +1,36 @@
+Summary +------- + +* Do not edit the CSS directly, edit the source SCSS files and process them with SASS (run + `./parse-sass.sh` when you have the required software installed, as described below) +* To be able to use the latest/adequate version of sass, install ruby, gem, sass & bundle. + On Fedora F20, this is done with `sudo dnf install rubygems && gem install bundle && bundle install` + from the same directory this README resides in. + +How to tweak the theme +---------------------- + +Adwaita is a complex theme, so to keep it maintainable it's written and processed in SASS. The +generated CSS is then transformed into a gresource file during gtk build and used at runtime in a +non-legible or editable form. + +It is very likely your change will happen in the _common.scss file. That's where all the widget +selectors are defined. Here's a rundown of the "supporting" stylesheets, that are unlikely to be the +right place for a drive by stylesheet fix: + +_colors.scss - global color definitions. We keep the number of defined colors to a necessary minimum, + most colors are derived form a handful of basics. It covers both the light variant and + the dark variant. + +_colors-public.scss - SCSS colors exported through gtk to allow for 3rd party apps color mixing. + +_drawing.scss - drawing helper mixings/functions to allow easier definition of widget drawing under + specific context. This is why Adwaita isn't 15000 LOC. + +_common.scss - actual definitions of style for each widget. This is where you are likely to add/remove + your changes. + +You can read about SASS at http://sass-lang.com/documentation/. Once you make your changes to the +_common.scss file, you can either run the ./parse-sass.sh script or keep SASS watching for changes as you +edit. This is done by running `bundle exec sass --watch --sourcemap=none .` If sass is out of date, or is +missing, you can install it with `bundle install`.
A
themes/whitey/gtk-3.20/_3rd-party.scss
@@ -0,0 +1,848 @@
+/****************** + * Budgie Desktop * + ******************/ + +// specific ripple-effect for IconTaskList +@keyframes budgie_ripple_effect { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha($inverted_fg_color, 0.2)), + to(transparent)), + linear-gradient(to bottom, + gtkalpha($inverted_fg_color, 0.2)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.4, + to(gtkalpha($inverted_fg_color, 0.2)), + to(transparent)), + linear-gradient(to bottom, + gtkalpha($inverted_fg_color, 0.2)); + } +} + +// orientation +$orientation: ((top, bottom), + (bottom, top), + (left, right), + (right, left)); + +// main container +.budgie-container { background-color: transparent; } + +// disable backdrop transparency +.budgie-panel { + &:backdrop, + *:backdrop { opacity: 1.0; } +} + +// panel styling +.budgie-panel { + // always use dark-color of dark variant + background-color: $panel_bg_color; + color: $inverted_fg_color; + font-weight: 700; + + // panel border styling + @each $along_side, $opp_side in $orientation { + .#{$along_side} & { border-#{$along_side}: 2px solid #000000; } + } + + // used to indicate unread notifications + .alert { color: $accent_color; } +} + +@each $along_side, $opp_side in $orientation { + // panel shadow styling + .#{$along_side} .shadow-block { + background-color: transparent; + background-image: linear-gradient(to $opp_side, + gtkalpha(#000000, 0.23), + gtkalpha(#000000, 0.08), + transparent); + } +} + +// wnck tasklist styling +.budgie-panel #tasklist-button { + &, &:backdrop { + button { + border: none; + background: none; + opacity: 0.5; + &:hover, + &:active, + &:checked { opacity: 1.0; } + } + } +} + +// icon tasklist styling +.budgie-panel { + button.flat.launcher { + &, &:backdrop { + min-width: rem(24px); + min-height: rem(24px); + padding: 0; + border: 2px solid transparent; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.4, + to(gtkalpha($inverted_fg_color, 0)), + to(transparent)), + linear-gradient(to bottom, + gtkalpha($inverted_fg_color, 0)); + background-size: $image_button_large; + background-position: center center; + opacity: 0.5; + transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: opacity, + border-color, + background-color, + background-image, + box-shadow; + transition-duration: 0.2s; + &:hover { + opacity: 0.75; + -gtk-icon-effect: highlight; + } + &:active { + opacity: 1.0; + transition-duration: 0; + animation: budgie_ripple_effect 0.2s + cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; + } + &:checked { + opacity: 1.0; + background-color: transparent; + &:hover { -gtk-icon-effect: highlight; } + } + } + } + + .unpinned button.flat.launcher, + .unpinned button.flat.launcher:backdrop, + .pinned button.flat.launcher.running, + .pinned button.flat.launcher.running:backdrop { + opacity: 1.0; + &:hover { -gtk-icon-effect: highlight; } + } +} + +// draw underscores +@each $along_side, $opp_side in $orientation { + .#{$along_side} .budgie-panel { + #tasklist-button button, + #tasklist-button button:backdrop { + border: 2px solid transparent; + &:hover { + border-#{$along_side}: 2px solid gtkalpha($inverted_fg_color, 0.4); + } + &:active, + &:checked { + border-#{$along_side}: 2px solid $selected_bg_color; + } + } + + button.flat.launcher, + button.flat.launcher:backdrop { + border: 2px solid transparent; + &:hover { + border-#{$along_side}: 2px solid gtkalpha($inverted_fg_color, 0.4); + } + &:active, + &:checked { + border-#{$along_side}: 2px solid $selected_bg_color; + } + } + } +} + +// draw underscores and dots +@each $along_side, $_dot in (top, top), + (bottom, bottom), + (left, left), + (right, right) { + .#{$along_side} .budgie-panel { + .unpinned button.flat.launcher, + .unpinned button.flat.launcher:backdrop, + .pinned button.flat.launcher.running, + .pinned button.flat.launcher.running:backdrop { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-#{$_dot}.png"), + url("assets/running-dot-#{$_dot}@2.png")) + 2 / 2px; + &:hover, + &:active, + &:checked { + border-#{$along_side}: 2px solid $selected_bg_color; + border-image: none; + } + } + } +} + +// main menu styling +.budgie-menu { + border-radius: 2px; + background-color: $secondary_base_color; + + scrolledwindow, + list, + row, + scrollbar { // reset styling + min-width: 0; + min-height: 0; + border: none; + background: none; + box-shadow: none; + } + + row { // reset background + &, &.activatable { + background-image: none; + background-color: $secondary_base_color; + color: $secondary_fg_color; + transition: none; + + // FIXME: enlarge vertical spacing with icons' paddding + image { padding: rem(5.3px) 0 rem(6.7px); } + } + &:hover, + &.activatable:hover { + background-image: none; + background-color: $secondary_base_color; + color: $fg_color; + transition: none; + } + } + + scrolledwindow undershoot { + &.top { @include undershoot(top, $secondary_base_color); } + &.bottom { @include undershoot(bottom, $secondary_base_color); } + &.left { @include undershoot(left, $secondary_base_color); } + &.right { @include undershoot(right, $secondary_base_color); } + } +} + +// raven styling +.raven-frame { border: none; } + +.raven { + margin: -1px; // FIXME: unwanted 1px gap exists around raven + padding: 0; + border: none; + color: $secondary_fg_color; + background-color: gtkopacity($dark_color, 0.9); + + // mixin with drop-shadows to avoid the raven edge shine-through + &:dir(ltr) { box-shadow: -1px 0 1px rgba(0, 0, 0, 0.12); } + &:dir(rtl) { box-shadow: 1px 0 1px rgba(0, 0, 0, 0.12); } + + .raven-header { + border: none; + color: $tertiary_fg_color; + background-color: transparent; + font-weight: 700; + } + + .raven-background { + border-width: 1px 0 0; + border-style: solid none none; + border-color: $borders_color; + background-color: transparent; + box-shadow: if($variant == 'light', $inline-shadow-light, + $inline-shadow-dark); + } + + .powerstrip { // always use dark variant + border-top: 1px solid $borders_color; + background-color: $inverted_dark_color; + box-shadow: if($variant == 'light', $inline-shadow-light, + $inline-shadow-dark); + + button { + padding: rem(13.3px); + color: $secondary_accent_color; + &:hover, + &:active, + &:checked { color: $accent_color; } + &:disabled { color: gtkopacity($accent_color, 0.4); } + } + } + + .option-subtitle { + color: $insensitive_secondary_fg_color; + font-size: 90%; + } + + scrolledwindow { background: transparent; } + + list, + row, + row.activatable { + background-color: transparent; + &:not(.list):hover { color: $fg_color; } + &:not(.list):selected { + &, label { + color: $selected_bg_color; + } + &:hover { background-color: gtkopacity($selected_bg_color, 0.1); } + } + + separator { + min-height: 1px; + min-width: 1px; + margin-bottom: rem(6.7px); + border: none; + color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 -1px gtkopacity($insensitive_fg_color, 0.55); + } + } + + // use flat-style + button.image-button { + @include button(flat-normal); + &:hover { + @include button(flat-hover); + -gtk-icon-effect: highlight; + } + &:active { @include button(flat-active); } + &:disabled { @include button(flat-insensitive); } + &:checked { @include button(flat-checked); } + &:checked:disabled { @include button(flat-checked-insensitive); } + } + + .raven-header { + > .linked { margin: 0 rem(10.7px); } + + > button.text-button { // 'exit' button + min-height: rem(13.3px); + min-width: rem(13.3px); + padding: rem(9.3px) rem(10.7px) rem(10.7px); + color: $secondary_selected_fg_color; + background-color: $suggested_color; + &:hover { color: $selected_fg_color; } + &:active { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + &:checked { + color: $secondary_selected_fg_color; + background-color: mix($selected_fg_color, $suggested_color, 20%); + } + &:disabled { + @include button(flat-insensitive, $track_color, $insensitive_fg_color); + } + } + + button.flat.expander-button { // expander arrow buttons + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(10.7px); + border-radius: 100px; + -gtk-outline-radius: 100px; + color: $tertiary_fg_color; + &:hover, + &:active { color: $fg_color; } + } + } + + calendar { + border: none; + background-color: transparent; + } + + undershoot { // remove undershoot + &.top, + &.bottom, + &.left, + &.right { background-image: none; } + } +} + +// MPRIS Applet +.raven-mpris { + border: none; + color: $fg_color; + background-color: gtkopacity($dark_color, 0.9); + + button.image-button { padding: rem(8px); } +} + +// notifications +.budgie-notification-window { + border-radius: 2px; + background: none; +} + +.budgie-notification { + &.background { border-radius: 2px; } + + .notification-title { + color: $secondary_fg_color; + font-size: 110%; + font-weight: 500; + } + + .notification-body { color: $fg_color; } +} + +// run-dialog styling +.background.csd.budgie-run-dialog { + border: 1px solid $borders_color; + border-top-color: $highlight_color; + background-color: transparent; + + decoration { + border-radius: 2px; // hard-coded 6px is ugly... + background-color: gtkopacity($dark_color, 0.9); + + headerbar { border-radius: 2px; } + } + + scrolledwindow { // FIXME: using GtkEntry style-class!? + border-image: none; // remove underline indicator + + undershoot { // remove undershoot + &.top, + &.bottom, + &.left, + &.right { background-image: none; } + } + } + + // hide weird separator + box > box > separator { + border: 0 none transparent; + color: transparent; + background-color: transparent; + } + + // 'close' button + button.image-button { + color: $secondary_accent_color; + &:hover, + &:active, + &:checked { color: $accent_color; } + &:disabled { color: gtkopacity($accent_color, 0.4); } + } +} + +// session-dialog and polkit-dialog styling +.budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 2px; + border-width: 0; + // Always use dark-color of dark variant + background-color: $inverted_bg_color; + color: $inverted_fg_color; + font-weight: 700; + opacity: 0.9; + + decoration { // composite with drop-shadows + border-radius: 2px; + box-shadow: $z-depth-4; + &:backdrop { + box-shadow: $z-depth-2-backdrop; + transition: none; + } + } + + button, + .linked > button { + @include button(flat-normal); + padding: rem(9.3px) rem(13.3px) rem(10.7px); + border: 2px solid transparent; + border-radius: 0; + color: $secondary_accent_color; + background-color: transparent; + background-size: $text_button_small; + &:hover { + @include button(flat-hover); + color: $accent_color; + } + &:active { + @include button(flat-active); + color: $accent_color; + } + &:checked { + @include button(flat-checked); + color: $secondary_accent_color; + } + &:disabled { @include button(flat-insensitive); } + + &:first-child { + border-radius: 0 0 0 2px; + border-right-width: 0; + } + &:last-child { + border-radius: 0 0 2px 0; + border-left-width: 0; + } + } + + // polkit-dialog specific styling + &:not(.budgie-session-dialog) { + .message { color: $secondary_fg_color; } + .failure { + color: $accent_color; + font-weight: 700; + } + } +} + +// misc settings +.drop-shadow { + background-color: $dark_color; + background-image: none; + box-shadow: $z-depth-2; +} + + +/***************** + * Unity Desktop * + *****************/ + +// window decorations +UnityDecoration { + -UnityDecoration-extents: 28px 0 0 0; + -UnityDecoration-input-extents: 8px; + + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 8px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.24); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.16); + -UnityDecoration-inactive-shadow-radius: 6px; + + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: $selected_bg_color; + + -UnityDecoration-title-indent: 16px; + -UnityDecoration-title-fade: 32px; + -UnityDecoration-title-alignment: 0.0; + + &.top { + border-width: 1px 0 0; + border-style: solid none none; + border-color: $borders_color; + border-radius: 2px 2px 0 0; + padding: 1px 6px 0 6px; + + background-image: linear-gradient(to bottom, $inverted_dark_color); + // The foreground color will be used to paint the text + color: $inverted_fg_color; + box-shadow: inset 0 1px $highlight_color; + + &:backdrop { color: $insensitive_inverted_fg_color; } + } + + &.left, + &.right, + &.bottom { + &, &:backdrop { background-image: none; } + } +} + +// panel styling +UnityPanelWidget, +.unity-panel { + &, &:backdrop { + border-bottom: 1px solid $panel_bg_color; + color: $inverted_fg_color; + background-image: linear-gradient(to bottom, + opacify($panel_bg_color, 0.9)); + box-shadow: none; + } +} + +.unity-panel.menubar, +.unity-panel .menubar { + background-color: transparent; + background-image: none; + box-shadow: none; + + &.menuitem, + & .menuitem * { + padding: 0 6px; + border-radius: 0; + border-bottom: none; + color: $inverted_fg_color; + background-color: transparent; + &:hover { + color: $selected_fg_color; + box-shadow: inset 0 -2px $selected_bg_color; + } + } +} + + +/************ + * Corebird * + ************/ + +// use normal foreground colour +stack button.profile-button { + &:checked { color: $fg_color; } +} + +headerbar.titlebar box { + button.toggle.account-button { // left-most account-button + min-width: rem(13.3px); + min-height: rem(13.3px); + // it doesn't work + padding: rem(6.7px) rem(10px) rem(6.7px); + // revert to square button since we can't make perfect circle button + border-radius: 2px; + -gtk-outline-radius: 2px; + + // it doesn't work + .avatar-round { border-color: transparent; } + } + + button.image-button.toggle { // tweet button + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(6.7px) rem(10px) rem(6.7px); + } +} + + +/******** + * Nemo * + ********/ + +.nemo-desktop.nemo-canvas-item { + @extend .nautilus-desktop.nautilus-canvas-item; +} + +window { + // workaround for invisible text in rename entry + EelEditableLabel { transition: none; } + + // draw bottom border and shadows + grid > box > box > toolbar.primary-toolbar { + border-bottom: 1px solid $borders_color; + box-shadow: if($variant == 'light', $toolbar-shadow-light, + $toolbar-shadow-dark); + } + + // tweak notebook colour + grid > paned > box > paned > box > notebook { + &, > stack:not(:only-child) { + background-color: $base_color; + } + } + + // remove double-border + grid.vertical > paned.horizontal > box.vertical { + > scrolledwindow.frame { + border-width: 0; + } + } + + // force using flat-style on bottom bar + grid.vertical > widget { + // FIXME: conflicts with lollypop. + // background-color: $secondary_dark_color; + // box-shadow: $inline-shadow; + + > box { padding: rem(2.7px); } + + > box > button.image-button { + @include button(flat-normal); + min-width: rem(13.3px); + min-height: rem(29.3px); + border-radius: 2px; + -gtk-outline-radius: 2px; + padding: 0 rem(10px) 0; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.001, + to($track_color), + to(transparent)) + 0 0 0 / 0 0 0px; + color: $secondary_fg_color; + box-shadow: none; + &:hover { + @include button(flat-hover); + border-image: none; + color: $fg_color; + box-shadow: none; + } + &:checked { + @include button(flat-checked); + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_bg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + background-color: transparent; + color: $fg_color; + box-shadow: none; + &:disabled { + @include button(flat-checked-insensitive); + border-image: none; + background-color: transparent; + color: $insensitive_fg_color; + box-shadow: none; + > label { color: inherit; } + } + } + &:disabled { + @include button(flat-insensitive); + border-image: none; + background-color: transparent; + color: $insensitive_secondary_fg_color; + box-shadow: none; + } + } + + box > separator.vertical { // remove separator + min-width: 0; + color: transparent; + background-color: transparent; + } + } +} + + +/************ + * Lollypop * + ************/ + +window > headerbar > widget > box.horizontal { + > grid.horizontal > button.toggle.image-button { + min-width: rem(17.3px); + min-height: rem(37.3px); + padding: 0 rem(10px) 0; + } + + > button.image-button { + min-width: rem(17.3px); + min-height: rem(37.3px); + margin: rem(-2px) 0; + padding: 0 rem(10px) 0; + } +} + + +/*************************** + * Cinnamon-control-center * + ***************************/ + +window > box.vertical > stack > scrolledwindow { + // stop using $base_color + iconview { + &, &.view { background-color: transparent; } + } + + toolbar { + background-color: $secondary_dark_color; + box-shadow: if($variant == 'light', $inline-shadow-light, + $inline-shadow-dark); + } +} + + +/********* + * XFce4 * + *********/ + +.xfce4-panel { + background-color: $panel_bg_color; + color: $inverted_fg_color; + font-weight: 700; + + button { + @include button(flat-normal); + padding: 0px 4px; + border: none; + border-radius: 0; + color: $inverted_fg_color; + background-color: transparent; + &:hover { + color: $selected_fg_color; + background-color: transparent; + box-shadow: inset 0 -2px $track_color; + } + &:checked, + &:hover:checked, + &:disabled:checked { // 'checked' = 'active' + color: $selected_fg_color; + background-color: transparent; + box-shadow: inset 0 -2px $selected_bg_color; + } + + label:backdrop, + &:backdrop { opacity: 1.0; } + } + + menu { -gtk-icon-effect: none; } +} + +TopMenuAppMenuBar { + background-color: $panel_bg_color; // do not use transparent + color: $inverted_fg_color; + box-shadow: none; + + > menuitem { + color: $inverted_fg_color; + background-color: transparent; + &:hover { + color: $selected_fg_color; + box-shadow: inset 0 -2px $selected_bg_color; + } + &:backdrop { opacity: 1.0; } + } +} + + +/************** + * FeedReader * + **************/ + +window > paned.titlebar > headerbar.titlebar { + button.flat { + // FIXME: when developer will use .image-button class? + &:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle) { + min-width: rem(13.3px); + padding-left: rem(12px); + padding-right: rem(12px); + } + } +} + + +/************ + * Synaptic * + ************/ + +window > box.vertical > box.horizontal { + > toolbar { + background-color: transparent; + box-shadow: none; + + toolitem > box { + label, + entry { + min-height: rem(13.3px); + padding-top: rem(1.3px); + padding-bottom: rem(1.3px); + font-size: 90%; + } + + > label { color: $insensitive_fg_color; } + } + } + + > widget { background-color: transparent; } +} +
A
themes/whitey/gtk-3.20/_colors-public.scss
@@ -0,0 +1,187 @@
+// +// Apps rely on some named colors to be exported +// + +// GTK NAMED COLORS +// ---------------- +// Use responsibly! +// +// Sass thinks we're using the colors in the variables as strings and may shoot +// warning, it's innocuous and can be defeated by using "" + $var + + +/*********** + * Colours * + ***********/ + +// +// Widget text/foreground color +// + +@define-color theme_fg_color #{"" +$fg_color}; + + +// +// Widget inverted text/foreground color +// + +@define-color theme_inverted_fg_color #{"" +$inverted_fg_color}; + + +// +// Text color for entries, views and content in general +// + +@define-color theme_text_color #{"" +$fg_color}; + + +// +// Widget base background color +// + +@define-color theme_bg_color #{"" +$bg_color}; + + +// +// Text widgets and the like base background color +// + +@define-color theme_base_color #{"" +$base_color}; + + +// +// Base background color of selections +// + +@define-color theme_selected_bg_color #{"" +$selected_bg_color}; + + +// +// Text/foreground color of selections +// + +@define-color theme_selected_fg_color #{"" +$selected_fg_color}; + + +// +// Base background color of insensitive widgets +// + +@define-color insensitive_bg_color #{"" +$bg_color}; + + +// +// Text foreground color of insensitive widgets +// + +@define-color insensitive_fg_color #{"" +$insensitive_fg_color}; + + +// +// Insensitive text widgets and the like base background color +// + +@define-color insensitive_base_color #{"" +$secondary_base_color}; + + +// +// Widget text/foreground color on backdrop windows +// + +@define-color theme_unfocused_fg_color #{"" +$insensitive_fg_color}; + + +// +// Widget inverted text/foreground color on backdrop windows +// + +@define-color theme_unfocused_inverted_fg_color #{"" +$insensitive_inverted_fg_color}; + + +// +// Text color for entries, views and content in general on backdrop windows +// + +@define-color theme_unfocused_text_color #{"" +$insensitive_fg_color}; + + +// +// Text inverted color for entries, views and content in general on backdrop windows +// + +@define-color theme_unfocused_inverted_text_color #{"" +$insensitive_inverted_fg_color}; + + +// +// Widget base background color on backdrop windows +// + +@define-color theme_unfocused_bg_color #{"" +$bg_color}; + + +// +// Text widgets and the like base background color on backdrop windows +// + +@define-color theme_unfocused_base_color #{"" +$base_color}; + + +// +// Base background color of selections on backdrop windows +// + +@define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color}; + + +// +// Text/foreground color of selections on backdrop windows +// + +@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color}; + + +// +// Text/foreground color of placeholders +// + +@define-color placeholder_text_color #{"" + $placeholder_text_color}; + + +// +// Widgets main borders color +// + +@define-color borders #{"" +$borders_color}; + + +// +// Widgets main borders color on backdrop windows +// + +@define-color unfocused_borders #{"" +$borders_color}; + + +// +// These are pretty self explicative +// + +@define-color warning_color #{"" +$warning_color}; +@define-color error_color #{"" +$error_color}; +@define-color success_color #{"" +$success_color}; +@define-color link_color #{"" +$link_color}; + + +// +// Revert wm_bg_a/b for gnome-flashback (metacity) +// + +@define-color wm_bg_a #{"" +$inverted_dark_color}; +@define-color wm_bg_b #{"" +$highlight_color}; + + +// +// FIXME: this is really an API +// + +@define-color content_view_bg #{"" +$base_color}; +
A
themes/whitey/gtk-3.20/_colors.scss
@@ -0,0 +1,159 @@
+// +// When color definition differs for dark and light variant, +// it gets @if ed depending on $variant +// + +@function gtkalpha($c, $a) { + @return unquote("alpha(#{$c}, #{$a})"); +} + +@function gtkopacity($c, $a) { + @return scale-color($c, $alpha: percentage(-1 + $a)); +} + + +// +// A Color palette +// +// Adapta uses google's palette: +// [https://www.google.com/design/spec/style/color.html#color-color-palette] +// + + +// +// Foreground colors +// + +$fg_color: if($variant == 'light', #263238, // = BluGry900 + #ECEFF1); // = BluGry50 +$secondary_fg_color: gtkopacity($fg_color, 0.75); +$tertiary_fg_color: gtkopacity($fg_color, 0.5); + +$selected_fg_color: #FFFFFF; // = White +$secondary_selected_fg_color: gtkopacity($selected_fg_color, 0.85); +$tertiary_selected_fg_color: gtkopacity($selected_fg_color, 0.7); + +$insensitive_fg_color: gtkopacity($fg_color, 0.3); +$insensitive_secondary_fg_color: gtkopacity($secondary_fg_color, 0.3); +$insensitive_tertiary_fg_color: gtkopacity($tertiary_fg_color, 0.3); + +$insensitive_selected_fg_color: gtkopacity($selected_fg_color, 0.4); +$insensitive_secondary_selected_fg_color: gtkopacity($secondary_selected_fg_color, 0.4); +$insensitive_tertiary_selected_fg_color: gtkopacity($tertiary_selected_fg_color, 0.4); + +// preview text on empty GtkEntry +$placeholder_text_color: if($variant == 'light', #CFD8DC, // = BluGry100 + #607D8B); // = BluGry500 + + +// +// Inverted foreground colors +// + +$inverted_fg_color: #ECEFF1; // = BluGry50 +$inverted_secondary_fg_color: gtkopacity($inverted_fg_color, 0.75); + +$insensitive_inverted_fg_color: gtkopacity($inverted_fg_color, 0.3); +$insensitive_inverted_secondary_fg_color: gtkopacity($inverted_secondary_fg_color, 0.3); + +$fixed_fg_color: #263238; // = BluGry900 +$secondary_fixed_fg_color: gtkopacity($fixed_fg_color, 0.75); +$insensitive_fixed_fg_color: gtkopacity($fixed_fg_color, 0.3); + + +// +// Background colors +// + +$bg_color: if($variant == 'light', mix(#FFFFFF, #ECEFF1, 75%), // = W _ 50 + mix(#455A64, #37474F, 50%)); // = 700 _ 800 +$base_color: if($variant == 'light', #FFFFFF, // = White + #455A64); // = BluGry700 +$secondary_base_color: mix($base_color, $bg_color, 50%); // = W _ 50 +$light_color: if($variant == 'light', $base_color, // = White + #546E7A); // = BluGry600 +$dark_color: if($variant == 'light', + mix(#ECEFF1, #CFD8DC, 75%), // = 50 _ 100 + mix(#263238, #37474F, 75%)); // = 900 _ 800 +$secondary_dark_color: if($variant == 'light', + mix(#FFFFFF, #ECEFF1, 60%), // = W _ 50 + mix(#455A64, #37474F, 25%)); // = 700 _ 800 + + +// +// Dark background colors on light variant +// + +$inverted_bg_color: mix(#455A64, #37474F, 50%); // = 700 _ 800 +$inverted_base_color: #455A64; // = BluGry700 +$inverted_dark_color: mix(#263238, #37474F, 75%); // = 900 _ 800 + + +// +// Selection (primary) colors +// + +$selected_bg_color: #00BCD4; // = Cyan500 +$secondary_selected_bg_color: #4DD0E1; // = Cyan300 + + +// +// Accent (secondary) colors +// + +$accent_color: #4DB6AC; // = Teal300 +$secondary_accent_color: gtkopacity($accent_color, 0.9); +$accent_fill_color: gtkopacity($inverted_fg_color, 0.1); +$drop_target_color: $accent_color; +$drop_target_fill_color: gtkopacity($drop_target_color, 0.2); + + +// +// Tracker colors +// + +$track_color: gtkalpha(currentColor, 0.2); + + +// +// Edge colors +// + +$borders_color: if($variant == 'light', gtkopacity(#000000, 0.09), + gtkopacity(#000000, 0.11)); +$solid_light_borders_color: if($variant == 'light', #E5E9EC, #37474F); +$solid_dark_borders_color: #242F35; +$top_edge_border_color: #37474F; +$paned_borders_color: if($variant == 'light', gtkopacity(#000000, 0.05), + gtkopacity(#000000, 0.06)); + +$highlight_color: gtkopacity(#FFFFFF, 0.07); + + +// +// Misc colors +// + +$link_color: #03A9F4; // = LtBlu500 +$link_visited_color: #9C27B0; // = Purple500 + +$warning_color: #FF9800; // = Orange500 +$error_color: #F44336; // = Red500 +$success_color: #00E676; // = GreenA400 + +$suggested_color: #009688; // = Teal500 +$destructive_color: #FF5252; // = RedA200 +$selection_color: #80DEEA; // = Cyan200 + +$info_bg_color: #00E5FF; // = CyanA400 +$question_bg_color: #FFEA00; // = YellwA400 +$warning_bg_color: #FF9100; // = OrangA400 +$error_bg_color: #FF1744; // = RedA400 + + +// +// Solid panel color +// + +$panel_bg_color: mix(#263238, #000000, 50%); // = BluGry900 +
A
themes/whitey/gtk-3.20/_common.scss
@@ -0,0 +1,5326 @@
+// +// Suffix +// + +$asset_suffix: if($variant == 'dark', '-dark', ''); + + +// +// Background sizing +// + +$text_button_large: rem(213px) * 1 / 0.8 rem(213px) * 1 / 0.8, auto; +$text_button_small: rem(106px) * 1 / 0.8 rem(106px) * 1 / 0.8, auto; +$image_button_large: rem(40px) * 1 / 0.8 rem(40px) * 1 / 0.8, auto; +$image_button_small: rem(26px) * 1 / 0.8 rem(26px) * 1 / 0.8, auto; +$attention: rem(5.3px) rem(5.3px); +$scale: 80%; +$separator_narrow: 1px 1px; +$separator_wide: 1px 1px, 1px 1px; + + +// +// transitions +// + +%transition { + // do not include sizing factors and text colors/shadows + transition-property: opacity, + border-color, + border-image, + background-color, + background-image, + box-shadow, + icon-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.2s; +} + + +/***************** + * Common States * + *****************/ + +* { + @extend %transition; // global transition setting + + padding: 0; + background-clip: padding-box; + + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: $error_color; + + // The size for scrollbars. The slider is 2px smaller, but we keep it + // up so that the whole area is sensitive to button presses for the + // slider. The stepper button is larger in both directions, the slider + // only in the width + + -GtkScrolledWindow-scrollbar-spacing: 0; + + -GtkToolItemGroup-expander-size: 11; + + -GtkWidget-text-handle-width: 16; + -GtkWidget-text-handle-height: 16; + + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + + // We use the outline properties to signal the focus properties + // to the adwaita engine: using real CSS properties is faster, + // and we don't use any outlines for now. + + outline-style: solid; + outline-width: 2px; + outline-color: $track_color; + outline-offset: rem(-4px); + -gtk-outline-radius: 2px; + + -gtk-secondary-caret-color: $selected_bg_color; + + // disable drop-shadows as default + text-shadow: none; + -gtk-icon-shadow: none; +} + + +/*************** + * Base States * + ***************/ + +.background { + background-color: $bg_color; + color: $fg_color; +} + +// These wildcard seems unavoidable, need to investigate. +// Wildcards are bad and troublesome, use them with care, +// or better, just don't. +// Everytime a wildcard is used a kitten dies, painfully. + +*:disabled { -gtk-icon-effect: dim; } + +// for backdrop, tone down element surfaces with transparentize +%fade_effect { + *:backdrop { + opacity: 0.75; + transition: 0.2s; + } +} + +.gtkstyle-fallback { + background-color: $bg_color; + color: $fg_color; + &:hover { + background-color: darken($bg_color, 5%); + color: $fg_color; + } + &:active { + background-color: darken($bg_color, 10%); + color: $fg_color; + } + &:disabled { + background-color: $bg_color; + color: $insensitive_fg_color; + } + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +.view, +%view { + @extend row.activatable; + background-color: $base_color; + color: $fg_color; + &:hover, + &:active, + &:selected { + border-radius: 2px; + -gtk-outline-radius: 2px; + } + &:disabled { color: $insensitive_fg_color; } + &:backdrop { + } + &:selected, + &:selected:focus { @extend %selected_items; } +} + +.view, +textview { + text { + @extend %view; + + selection { + &, &:focus { @extend %selected_items; } + } + } +} + +textview border { + background-color: $bg_color; +} + +iconview { @extend .view; } + +rubberband, +.rubberband { + border: 1px solid $secondary_selected_bg_color; + background-color: gtkopacity($secondary_selected_bg_color, 0.2); +} + +flowbox { + rubberband { @extend rubberband; } + + flowboxchild { + padding: rem(2px); + border-radius: 2px; + -gtk-outline-radius: 2px; + &:selected { + @extend %selected_items; + outline-offset: rem(-2px); + } + } +} + +label { + caret-color: currentColor; // this shouldn't be needed. + + &.separator { + @extend .dim-label; + color: transparent; + } + + &:selected, + row:selected & { @extend %nobg_selected_items; } + + selection, + selection:focus { @extend %selected_items; } + + &:disabled { + color: $insensitive_fg_color; + + selection { @extend %selected_items:disabled; } + } + + // always use dark foreground in Gnome-Software + &.kudo-label { + color: $fixed_fg_color; + } +} + +.dim-label { + opacity: 0.55; +} + +assistant { + // sidebar styling + .sidebar { + padding: rem(6.7px) 0; + background-color: $secondary_dark_color; + &:dir(ltr) { border-right: 1px solid $borders_color; } + &:dir(rtl) { border-left: 1px solid $borders_color; } + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar label { + padding: rem(5.3px) rem(8px) rem(6.7px); + color: $secondary_fg_color; + font-weight: 500; + &.highlight { color: $selected_bg_color; } + } + + // header-bar styling + headerbar { + // apply suggested-action button for "Next" and "Back" + // last -> "cancel", nth -> "Next" and "Back", that's weird. + button.flat:not(:last-child) { + @include button(normal); + background-color: $suggested_color; + color: $secondary_selected_fg_color; + &:hover { + @include button(hover); + color: $selected_fg_color; + } + &:active { + @include button(active); + color: $selected_fg_color; + background-color: $selected_bg_color; + } + &:checked { + @include button(checked); + background-color: $suggested_color; + color: $inverted_fg_color; + } + &:disabled { @include button(insensitive); } + } + } +} + +// button box is always shown with flat-buttons +buttonbox { + &, &.dialog-action-area { + button { + @include button(flat-normal); + color: $secondary_accent_color; + font-weight: 700; + &:hover { + @include button(flat-hover); + color: $accent_color; + } + &:active { + @include button(flat-active); + color: $accent_color; + } + &:disabled { @include button(flat-insensitive); } + &:checked { + @include button(flat-checked); + color: $accent_color; + } + &:checked:disabled { + @include button(flat-checked-insensitive); + color: gtkopacity($accent_color, 0.4); + } + } + } +} + +%osd, .osd { opacity: 0.9; } + + +/********************* + * Spinner Animation * + *********************/ + +@keyframes colorful_bar { + 0% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(0, 1.0); + } + 24.9% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(1.0, 1.0); + } + 25% { + -gtk-icon-source: url("assets/bar-yellow.svg"); + -gtk-icon-transform: scale(1.0, 1.0); + } + 49.9% { + -gtk-icon-source: url("assets/bar-yellow.svg"); + -gtk-icon-transform: scale(0, 1.0); + } + 50% { + -gtk-icon-source: url("assets/bar-green.svg"); + -gtk-icon-transform: scale(0, 1.0); + } + 74.9% { + -gtk-icon-source: url("assets/bar-green.svg"); + -gtk-icon-transform: scale(1.0, 1.0); + } + 75% { + -gtk-icon-source: url("assets/bar-blue.svg"); + -gtk-icon-transform: scale(1.0, 1.0); + } + 99.9% { + -gtk-icon-source: url("assets/bar-blue.svg"); + -gtk-icon-transform: scale(0, 1.0); + } + 100% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(0, 1.0); + } +} + +spinner { + min-height: rem(16px); + min-width: rem(16px); + // FIXME: workaround for 3.20.1. Needs vertical padding more than 4px? + padding: rem(5.3px) 0 rem(5.3px); + margin: 0; + background: none; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: url("assets/bar-red.svg"); + &:checked { + opacity: 1.0; + animation: colorful_bar 2s linear infinite; + &:disabled { opacity: 0.4; } + &:backdrop { opacity: 1.0; } + } + &:backdrop { opacity: 0; } +} + + +/**************** + * Text Entries * + ****************/ + +entry, +.entry { + min-height: rem(13.3px); + min-width: rem(33.3px); + padding: rem(9.3px) rem(8px) rem(10.7px); + @include entry(normal); + + &:focus { @include entry(focus); } + &:disabled { @include entry(insensitive); } + + &.flat { + border-radius: 0; + @include entry(flat-normal); + &:focus { @include entry(flat-focus); } + &:disabled { @include entry(flat-insensitive); } + } + + selection { + &, &:focus { @extend %selected_items; } + } + + image { // icons inside the entry + padding-left: rem(4px); + padding-right: rem(4px); + } + + progress { @extend %entry_progressbar; } + + .linked > &:not(.flat), + .linked.vertical > &:not(.flat) { + @extend .entry.flat; + border-radius: 0; + -gtk-outline-radius: 0; + } + + // entry error,warning and missing style + @each $e_type, $e_color in (error, $error_color), + (warning, $warning_color), + (search-missing, $error_color) { + &.#{$e_type} { + @include entry(normal, $e_color); + &:focus { @include entry(focus, $e_color); } + &:disabled { @include entry(insensitive, $e_color); } + &.flat { + @include entry(flat-normal, $e_color); + &:focus { @include entry(flat-focus, $e_color); } + &:disabled { @include entry(flat-insensitive, $e_color); } + } + } + } + + & image { // entry icons colors + &:not(:hover):not(:active) { color: gtkalpha(currentColor, 0.75); } + &:active { color: $selected_bg_color; } + &:disabled { color: gtkalpha(currentColor, 0.55); } + } + + &:drop(active) { + &:focus, & { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + } + } + + treeview & { // reset styling inside tree-view + &, &.flat:focus { + padding: 1px; + border-radius: 0; + border-image: none; + background-color: $base_color; + color: $fg_color; + box-shadow: none; + transition: none; + &:selected { @extend %selected_items; } + } + } + + .osd & { + } +} + + +/*********** + * Buttons * + ***********/ + +// stuff for .needs-attention +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to($selected_bg_color), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($selected_bg_color), + to(transparent)); + } +} + +button, +.button { + min-height: rem(13.3px); + min-width: rem(33.3px); + padding: rem(9.3px) rem(13.3px) rem(10.7px); + border-radius: 2px; + -gtk-outline-radius: 2px; + background-repeat: no-repeat; + background-position: center, center; + background-size: $text_button_small; + font-weight: 500; + @include button(normal); + &:hover { @include button(hover); } + &:active { @include button(active); } + &:disabled { @include button(insensitive); } + &:checked { @include button(checked); } + &:checked:disabled { @include button(checked-insensitive); } + &.flat { + @include button(flat-normal); + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:disabled { @include button(flat-insensitive); } + &:checked { @include button(flat-checked); } + &:checked:disabled { @include button(flat-checked-insensitive); } + .linked > & { + border-radius: 2px; + -gtk-outline-radius: 2px; + &.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; + } + } + } + + // big standalone buttons like in Documents pager + &.osd { + &.image-button { + @extend button.flat; + @extend %image_button; + padding: rem(17.3px); + background-color: $inverted_dark_color; + background-size: $image_button_large; + &:not(:active):not(:disabled):not(hover) { + color: $secondary_accent_color; + } + &:hover { + color: $accent_color; + background-color: gtkopacity($inverted_dark_color, 0.7); + background-image: linear-gradient(to bottom, $track_color); + } + &:active { + color: $accent_color; + background-color: gtkopacity($inverted_dark_color, 0.7); + background-image: linear-gradient(to bottom, $accent_fill_color); + } + } + &:disabled { opacity: 0; } + } + + // overlay / OSD style + .osd & { + } + + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $suggested_color), + (destructive-action, $destructive_color) { + &.#{$b_type} { + background-color: $b_color; + background-size: $text_button_small; + color: $selected_fg_color; + &:hover { + @include button(hover); + background-color: $b_color; + color: $selected_fg_color; + } + &:active { + @include button(active); + background-color: $selected_bg_color; + color: $selected_fg_color; + } + &:checked { background-color: mix($selected_fg_color, $b_color, 20%); } + &:disabled { + @include button(insensitive, $b_color, + $insensitive_selected_fg_color); + } + &.flat { + background-color: transparent; + color: $b_color; + &:hover { @include button(flat-hover, $track_color, $b_color); } + &:active { + @include button(flat-active); + background-color: gtkalpha($selected_bg_color, 0.2); + color: $selected_bg_color; + } + &:checked { @include button(flat-checked, $b_color, $selected_fg_color); } + &:disabled { + @include button(flat-insensitive, $b_color, + $insensitive_selected_fg_color); + } + } + } + } + + &.image-button { + @extend %image_button; + min-width: rem(13.3px); + min-height: rem(13.3px); + } + + &.text-button { + padding: rem(9.3px) rem(13.3px) rem(10.7px); + border-radius: 2px; + -gtk-outline-radius: 2px; + font-weight: 700; + } + + &.text-button.image-button { + // those buttons needs uneven horizontal padding, we want the icon side + // to have the image-button padding, while the text side the text-button + // one, so we're adding the missing padding to the label depending on + // its position inside the button + padding-left: rem(13.3px); + padding-right: rem(13.3px); + border-radius: 2px; + -gtk-outline-radius: 2px; + + label { + padding-left: rem(4px); + padding-right: rem(4px); + } + + image { + padding-left: rem(4px); + padding-right: rem(4px); + } + + &:drop(active) { + color: $drop_target_color; + background-color: $drop_target_fill_color; + } + } + + separator, + .separator { // remove vertical separator + @extend separator.wide; + min-height: 0; + min-width: 0; + border-color: transparent; + background-color: transparent; + color: transparent; + } + + stackswitcher & { // do not shrink buton width + &.text-button { + min-height: rem(17.3px); + min-width: rem(112px); + } + } + + .stack-switcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + + outline-offset: rem(-2.6px); // needs to be set or it gets overriden + // by GtkRadioButton outline-offset + + > label { + padding-left: rem(8px); // label padding + padding-right: rem(8px); // + } + + > image { + padding-left: rem(8px); // image padding + padding-right: rem(8px); // + padding-top: rem(2.7px); // + padding-bottom: rem(2.7px); // + } + + &.text-button { + // compensate text-button paddings + padding-left: rem(13.3px); + padding-right: rem(13.3px); + border-radius: 2px; + -gtk-outline-radius: 2px; + } + + &.image-button { + // we want image buttons to have a 1:1 aspect ratio, so compensation + // of the padding added to the image is needed + padding-left: rem(8px); + padding-right: rem(8px); + } + + &.needs-attention > label, + &.needs-attention > image { @extend %needs_attention; } + &.needs-attention:active > label, + &.needs-attention:active > image, + &.needs-attention:checked > label, + &.needs-attention:checked > image { + animation: none; + background-image: none; + } + } + + // mimic tab-switcher-like button array + // horizontal array + .linked > &:not(.flat):not(:only-child) { @extend %linked_middle; } + .linked > &, + .linked > & .image-button, + .linked > & .text-button { + @extend %linked_middle; + @extend %button_array; + min-width: rem(13.3px); + padding: rem(9.3px) rem(5.3px) rem(10.7px); + + label { + padding-left: rem(4px); + padding-right: rem(4px); + } + + image { + padding-left: rem(4px); + padding-right: rem(4px); + } + } + // vertical array + .linked.vertical > &:not(:only-child) { @extend %linked_vertical_middle; } + .linked.vertical > &, + .linked.vertical > & .image-button, + .linked.vertical > & .text-button { + @extend %linked_vertical_middle; + @extend %button_vertical_array; + min-height: rem(13.3px); + min-width: rem(22.6px); + padding: rem(10px) rem(6.7px) rem(10px); + } + + // generic switcher image buttons + .linked > &.image-button.radio, + .linked.vertical > &.image-button.radio { + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(8px); + } + + // inline-toolbar and action-bar buttons + .inline-toolbar &, + actionbar { + &, &:not(.text-button).image-button { + @include button(flat-normal); + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(10px); + border-radius: 100px; + -gtk-outline-radius: 100px; + background-size: $image_button_small; + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:disabled { @include button(flat-insensitive); } + &:checked { @include button(flat-checked); } + &:checked:disabled { @include button(flat-checked-insensitive); } + } + &.text-button { + border-radius: 2px; + -gtk-outline-radius: 2px; + } + } + .inline-toolbar .linked > &, + actionbar .linked > & { + &, &:not(.text-button).image-button { + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(6.7px); + border-radius: 100px; + -gtk-outline-radius: 100px; + } + &.image-button.toggle { + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(8px) rem(4px) rem(8px); + border-radius: 100px; + -gtk-outline-radius: 100px; + } + &.text-button { + border-radius: 2px; + -gtk-outline-radius: 2px; + } + } + + .primary-toolbar & { -gtk-icon-shadow: none; } // tango icons don't need shadows +} + +%button_array { + @include button(flat-normal); + border-radius: 0; + -gtk-outline-radius: 0; + color: $secondary_fg_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + &:hover { + @include button(flat-hover); + border-radius: 0; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 2 / 0 0 2px; + } + &:active, + &:checked { + color: $fg_color; + background-color: transparent; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_bg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + &:disabled { + color: $insensitive_fg_color; + background-color: transparent; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(gtkopacity($selected_bg_color, 0.2)), + to(transparent)) + 0 0 2 / 0 0 2px; + > label { color: inherit; } + } + } + &:disabled { + color: $insensitive_fg_color; + background-color: transparent; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + } +} + +%button_vertical_array { + @include button(flat-normal); + border-image: none; + border-width: 0; + -gtk-outline-radius: 0; + color: $secondary_fg_color; + &:dir(ltr) { box-shadow: inset 1px 0 $track_color; } + &:dir(rtl) { box-shadow: inset -1px 0 $track_color; } + &:hover { + @include button(flat-hover); + &:dir(ltr) { box-shadow: inset 2px 0 $track_color; } + &:dir(rtl) { box-shadow: inset -2px 0 $track_color; } + } + &:active, + &:checked { + color: $fg_color; + background-color: transparent; + &:dir(ltr) { box-shadow: inset 2px 0 $selected_bg_color; } + &:dir(rtl) { box-shadow: inset -2px 0 $selected_bg_color; } + &:disabled { + color: $insensitive_fg_color; + background-color: $track_color; + &:dir(ltr) { box-shadow: inset 2px 0 gtkopacity($selected_bg_color, 0.2); } + &:dir(ltr) { box-shadow: inset -2px 0 gtkopacity($selected_bg_color, 0.2); } + > label { color: inherit; } + } + } + &:disabled { + color: $insensitive_fg_color; + background-color: $track_color; + &:dir(ltr) { box-shadow: inset 1px 0 $track_color; } + &:dir(rtl) { box-shadow: inset -1px 0 $track_color; } + } +} + +%image_button { + padding: rem(10px); + -gtk-outline-radius: 100px; + border-radius: 100px; + background-size: $image_button_large; +} + +%needs_attention { + transition: none; + animation: needs_attention 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right rem(3px); + background-size: $attention; + &:dir(rtl) { background-position: left rem(3px); } +} + +// all the following is for the +|- buttons on inline toolbars, that way +// should really be deprecated... +toolbar.inline-toolbar toolbutton > button { // redefining the button look is + // needed since those are flat... +} + +// More inline toolbar buttons +toolbar.inline-toolbar toolbutton { + // & > button.flat { @extend %linked_middle; } + // &:first-child > button.flat { @extend %linked:first-child; } + // &:last-child > button.flat { @extend %linked:last-child; } + // &:only-child > button.flat { @extend %linked:only-child; } +} + +%linked_middle { border-radius: 0; } + +%linked { + -gtk-outline-radius: 2px; + @extend %linked_middle; + &:first-child { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + } + &:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + } + &:only-child { border-radius: 2px; } +} + +%linked_vertical_middle { border-radius: 0; } + +%linked_vertical{ + -gtk-outline-radius: 2px; + @extend %linked_vertical_middle; + &:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + } + &:last-child { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + &:only-child { border-radius: 2px; } +} + +// menu buttons on GtkPopover +modelbutton.flat, +.menuitem.button.flat { + @include button(flat-normal); + min-height: rem(26.6px); + padding: rem(2.7px) rem(5.3px) rem(3.3px); + outline-offset: rem(-1px); + background-size: $text_button_small; + color: $secondary_fg_color; + transition: none; + &:hover { + @include button(flat-hover); + color: $fg_color; + } + &:active { + @include button(flat-active); + color: $fg_color; + } + &:checked { + @include button(flat-checked); + color: $fg_color; + } + &:checked:disabled { + @include button(flat-checked-insensitive); + color: $insensitive_fg_color; + } + &:disabled { + @include button(flat-insensitive); + color: $insensitive_secondary_fg_color; + } + + check, + radio { + &:first-child { margin-right: rem(13.3px); } + &:last-child { margin-left: rem(13.3px); } + } +} + +modelbutton.flat arrow { + background: none; + &:hover { background: none; } + &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } +} + +button.color { + min-width: rem(33.3px); + min-height: rem(20px); + padding: rem(6.7px) rem(8px) rem(6.7px); // Uniform padding on the GtkColorButton + + > colorswatch:first-child:last-child { // :first-child:last-child for + // a specificity bump, it gets + // overridden by the colorpicker style + &, overlay { + border-radius: 2px; + -gtk-outline-radius: 2px; + } + box-shadow: $z-depth-1; + } + + &, + GtkColorSwatch { + &:disabled { + box-shadow: none; + opacity: 0.4; + } + } +} + +// toolpalette buttons +toolpalette { + toolitemgroup { + > button { + border-top: 1px solid $borders_color; + border-radius: 0; + } + } + + toolbutton { + > button.toggle { // use square buttons + border-radius: 2px; + -gtk-outline-radius: 2px; + } + } +} + + +/********* + * Links * + *********/ + +*:link { + color: $link_color; + &:hover, + &:active { color: $link_color; } + &:visited { + color: $link_visited_color; + &:hover, + &:active { color: $link_visited_color; } + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } + } + &:selected, + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } + &:disabled { opacity: 0.4; } +} + +button:link, +button:visited { + // FIXME: aggregate with buttons + @extend *:link; + & > label { text-decoration-line: underline; } +} + + +/***************** + * GtkSpinButton * + *****************/ + +@keyframes spin_hover { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.01, + to(gtkalpha(currentColor, 0)), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0.1)), + to(transparent)); + } +} + +@keyframes spin_active { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0.2)), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.01, + to(gtkalpha(currentColor, 0)), + to(transparent)); + } +} + +spinbutton { + &:not(.vertical) { + // in this horizontal configuration, the whole spinbutton + // behaves as the entry, so we extend the entry styling + // and nuke the style on the internal entry + @extend entry; + padding: 0; + + // FIXME: this should not be set at all, but otherwise it gets the wrong + // color + &:disabled { color: $insensitive_fg_color; } + + entry { + margin: 0; + background: none; + border: none; + box-shadow: none; + } + + button { + @include button(flat-normal); + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: 0 rem(7.3px) 0; + border: solid rem(2.7px) transparent; + border-radius: 100px; + -gtk-outline-radius: 100px; + background: none; + background-size: contain; + color: $secondary_fg_color; + box-shadow: none; + transition-property: opacity, + color, + background-color, + background-image, + box-shadow; + + + &:not(:last-child) { // '-' button + &:hover { + @include button(flat-hover); + background: none; + color: $error_color; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + &:active { + @include button(flat-active); + background: none; + color: $error_color; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; + } + &:disabled { + @include button(flat-insensitive); + background: none; + color: $insensitive_fg_color; + } + } + &:last-child { // '+' button + &:hover { + @include button(flat-hover); + background: none; + color: $success_color; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + &:active { + @include button(flat-active); + background: none; + color: $success_color; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; + } + &:disabled { + @include button(flat-insensitive); + background: none; + color: $insensitive_fg_color; + } + } + } + } + + .osd &, + .osd &.vertical { + &, + button, + entry { + color: $inverted_secondary_fg_color; + &:focus { color: $inverted_fg_color; } + &:disabled { color: $insensitive_inverted_secondary_fg_color; } + } + } + + &.vertical { // FIXME: try using linking templates for + // vertically linked stuff + entry { + min-width: rem(33.3px); + min-height: rem(33.3px); + padding: 0; + border-radius: 0; + } + + button { + min-width: rem(26.7px); + min-height: rem(26.7px); + padding: rem(2.7px); + border: rem(2.7px) solid transparent; + border-radius: 200px; + -gtk-outline-radius: 200px; + background: none; + background-size: contain; + color: $secondary_fg_color; + box-shadow: none; + transition-property: opacity, + color, + background-color, + background-image, + box-shadow; + + &.up { // '+' button + &:hover { + @include button(flat-hover); + background: none; + color: $success_color; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + &:active { + @include button(flat-active); + background: none; + color: $success_color; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; + } + &:disabled { + @include button(flat-insensitive); + background: none; + color: $insensitive_fg_color; + } + } + &.down { // '-' button + &:hover { + @include button(flat-hover); + background: none; + color: $error_color; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + &:active { + @include button(flat-active); + background: none; + color: $error_color; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; + } + &:disabled { + @include button(flat-insensitive); + background: none; + color: $insensitive_fg_color; + } + } + } + } + + // Misc + treeview & { + & entry:focus { + padding: 1px; + border-radius: 0; + border-width: 0; + background-color: $base_color; + color: $fg_color; + box-shadow: none; + &:selected { @extend %selected_items; } + } + } +} + + +/************** + * ComboBoxes * + **************/ + +combobox { + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: rem(16px); + min-width: rem(16px); + } + + &.linked { + button:nth-child(2) { + &:dir(ltr) { @extend %linked:last-child; } + &:dir(rtl) { @extend %linked:first-child; } + } + } + + &:drop(active) { + button.combo { @extend button:drop(active); } + } + + & menu { padding: rem(3.3px) 0; } + & menu > menuitem { padding: rem(4.7px) rem(5.3px) rem(6px); } + + entry.combo { + } + + button.combo { // button spacing + min-height: rem(13.3px); + min-width: rem(17.3px); + padding: rem(8px) rem(5.3px) rem(8.7px); + + arrow { padding: 0 rem(4px) 0; } + + label { + padding-left: rem(4px); + padding-right: rem(4px); + } + + image { + min-height: rem(16px); + min-width: rem(16px); + padding-left: rem(4px); + padding-right: rem(4px); + } + } + + button.combo { // button styling + @include button(flat-normal); + color: $secondary_fg_color; + background: transparent; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + &:hover, + &:active { + @include button(flat-hover); + border-radius: 0; + color: $fg_color; + background: transparent; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_bg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + } + &:disabled, + &:checked:disabled { + @include button(flat-insensitive); + color: $insensitive_fg_color; + background: transparent; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + + } + } + + button.combo:not(:only-child) { + } + button.combo:only-child { + } +} + +.linked > combobox > box > button.combo { + // the combo is a composite widget so the way we do button linking doesn't + // work, special case needed. See + // https://bugzilla.gnome.org/show_bug.cgi?id=733979 + &:dir(ltr), + &:dir(rtl) { @extend %linked_middle; } // specificity bump +} + +.linked > combobox:first-child > button.combo { + @extend %linked:first-child; +} +.linked > combobox:last-child > button.combo { + @extend %linked:last-child; +} +.linked > combobox:only-child > button.combo { + @extend %linked:only-child; +} + +.linked.vertical > combobox > button.combo { + @extend %linked_vertical_middle; +} +.linked.vertical > combobox:first-child > button.combo { + @extend %linked_vertical:first-child; +} +.linked.vertical > combobox:last-child > button.combo { + @extend %linked_vertical:last-child; +} +.linked.vertical > combobox:only-child > button.combo { + @extend %linked_vertical:only-child; +} + + +/************ + * Toolbars * + ************/ + +toolbar { + -GtkWidget-window-dragging: true; + + padding: rem(5.3px); + background-color: $bg_color; + color: $secondary_fg_color; + box-shadow: if($variant == 'light', $toolbar-shadow-light, + $toolbar-shadow-dark); + + &.vertical, + .inline-toolbar &, + paned &, + paned &.primary-toolbar, + grid &.primary-toolbar { // stop drawing fake-shadows + box-shadow: none; + } + + // on OSD + .osd & { background-color: transparent; } + + .osd &, + &.osd { + padding: 3px; + border-style: solid; + border-width: 9px; + border-radius: 2px; + border-image: -gtk-scaled(url("assets/osd-shadow#{$asset_suffix}.png"), + url("assets/osd-shadow#{$asset_suffix}@2.png")) + 10 / 10px stretch; + box-shadow: none; + color: $inverted_fg_color; + background-color: $inverted_dark_color; + &:backdrop { + border-image: -gtk-scaled(url("assets/osd-shadow-backdrop#{$asset_suffix}.png"), + url("assets/osd-shadow-backdrop#{$asset_suffix}@2.png")) + 10 / 10px stretch; + } + + button { + @include button(flat-normal); + &:not(:active):not(:disabled):not(hover) { + color: $secondary_accent_color; + } + &:hover { + @include button(flat-hover); + color: $accent_color; + } + &:active { + @include button(flat-active); + border-image: none; + color: $accent_color; + box-shadow: none; + } + &:checked { + @include button(flat-checked); + border-image: none; + color: $accent_color; + box-shadow: none; + } + &:disabled { + @include button(flat-insensitive); + color: gtkopacity($accent_color, 0.4); + } + } + + .linked > button { + &, &.image-button { + border-image: none; + box-shadow: none; + &:hover { background-color: transparent; } + &:not(:checked) { + border-radius: 100px; + -gtk-outline-radius: 100px; + } + } + + &.image-button { + min-width: rem(13.3px); + min-height: rem(29.3px); + padding: 0 rem(6.7px) 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + } + } + + label { padding: 0 1em; } + } + + button { // use flat-buttons + @include button(flat-normal); + background-size: $text_button_small; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.001, + to($track_color), + to(transparent)) + 0 0 0 / 0 0 0px; + color: $secondary_fg_color; + box-shadow: none; + &:hover { + @include button(flat-hover); + border-image: none; + color: $fg_color; + box-shadow: none; + } + &:checked { + @include button(flat-checked); + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_bg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + background-color: transparent; + color: $fg_color; + box-shadow: none; + &:disabled { + @include button(flat-checked-insensitive); + border-image: none; + background-color: transparent; + color: $insensitive_fg_color; + box-shadow: none; + > label { color: inherit; } + } + } + &:disabled { + @include button(flat-insensitive); + border-image: none; + background-color: transparent; + color: $insensitive_secondary_fg_color; + box-shadow: none; + } + + button, + button.flat { // set specific roundness + &, + &.text-button, + &.text-button.image-button { + border-radius: 2px; + -gtk-outline-radius: 2px; + } + &.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; + } + } + + .text-button, + .image-button.text-button { + min-width: rem(13.3px); + min-height: rem(29.3px); + padding: 0 rem(13.3px) 0; + background-size: $text_button_small; + } + + .image-button { + min-width: rem(13.3px); + min-height: rem(29.3px); + padding: 0 rem(6.7px) 0; + background-size: $image_button_large; + } + + &.toggle { // remove double-background + &:hover, + &:active, + &:checked { + background-color: transparent; + box-shadow: none; + } + } + } + + .linked > button { // remove double-background and underlines + &, &.image-button { + border-image: none; + box-shadow: none; + &:hover, + &:active { + border-image: none; + background-color: transparent; + box-shadow: none; + } + &:not(:disabled) { // revive roundness + border-radius: 100px; + -gtk-outline-radius: 100px; + } + } + + .image-button { + min-width: rem(13.3px); + min-height: rem(29.3px); + padding: 0 rem(6.7px) 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + } + } + .linked > button.text-button:not(.image-button) { // revive underlines + @extend %button_array; + } + + // toolbar separators + separator { + color: transparent; + background: none; + } + &.horizontal { + & separator { margin: 0 rem(6px); } + } + &.vertical { + & separator { margin: rem(6px) 0; } + } +} + +// searchbar, location-bar & inline-toolbar +.inline-toolbar { + padding: rem(5.3px); + border-style: solid; + border-width: 0 1px 1px; + border-color: $borders_color; + background-color: $secondary_dark_color; + box-shadow: if($variant == 'light', $inline-shadow-light, + $inline-shadow-dark); +} + +searchbar, +.location-bar { + padding: rem(5.3px); + border-style: solid; + border-width: 0 0 1px; + border-color: $borders_color; + background-color: $secondary_dark_color; + + .linked > button.image-button { + padding-top: rem(9.3px); + padding-bottom: rem(10.7px); + } + + button.flat.close.raised { + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(10px); + border-radius: 100px; + -gtk-outline-radius: 100px; + } +} + + +/*************** + * Header bars * + ***************/ + +.titlebar, +headerbar { + @extend %fade_effect; + background-color: $inverted_dark_color; + background-clip: border-box; + + // text colours + color: $inverted_secondary_fg_color; + label, + image { + // &:hover { color: $inverted_fg_color; } + // &:focus, + // &:active, + &:checked { + // color: $inverted_fg_color; + &:disabled { color: $insensitive_inverted_fg_color; } + } + button:disabled > &, + .linked > button:disabled > &, + &:disabled { color: $insensitive_inverted_secondary_fg_color; } + } + + // titles + .title { + padding-left: rem(13.3px); + padding-right: rem(13.3px); + color: $inverted_fg_color; + font-weight: 700; + &:backdrop { @extend .dim-label; } + } + + .subtitle { + @extend .dim-label; + padding-left: rem(13.3px); + padding-right: rem(13.3px); + color: $inverted_secondary_fg_color; + font-size: 90%; + &:backdrop { @extend .dim-label; } + } + + // separator + & separator.vertical, + & > box > separator.vertical, + & > box > box > separator.vertical { + border: 0 none transparent; + color: transparent; + background-color: transparent; + } + + // button styling + button:not(.suggested-action):not(.destructive-action) { + @extend button.flat; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.001, + to($selected_bg_color), + to(transparent)) + 0 0 0 / 0 0 0px; + color: $inverted_secondary_fg_color; + background-size: $text_button_small; + &:hover { color: $inverted_fg_color; } + &:checked { + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_bg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + // box-shadow: inset 0 -2px $selected_bg_color; + background-color: transparent; + color: $inverted_fg_color; + // transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), + // box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, + // color 0; + // &:active { transition: none; } + &:disabled { + background-color: transparent; + color: $insensitive_inverted_fg_color; + > label { color: inherit; } + } + } + } + + // force to draw circle flat buttons as default + button:not(.suggested-action):not(.destructive-action) { + border-radius: 100px; + -gtk-outline-radius: 100px; + &.text-button { + border-radius: 2px; + -gtk-outline-radius: 2px; + &.image-button { + border-radius: 2px; + -gtk-outline-radius: 2px; + background-size: $text_button_small; + } + } + } + + // adjust spacing for finer aspect-ratio + .linked > button { + &.image-button { + min-width: rem(17.3px); + min-height: rem(37.3px); + padding: 0 rem(6.7px) 0; + } + } + button.toggle { + min-width: rem(17.3px); + min-height: rem(37.3px); + padding: 0 rem(10px) 0; + + label { padding: rem(9.3px) rem(8px) rem(10.7px); } + menu menuitem { // reset padding + label { padding: 0; } + } + } + + button, + .linked > button, + button.suggested-action, + button.destructive-action { + &, & label.text-button { + color: $inverted_secondary_fg_color; + &:hover { color: $inverted_fg_color; } + &:checked { + color: $inverted_fg_color; + &:disabled { color: $insensitive_inverted_fg_color; } + } + &:disabled { color: $insensitive_inverted_secondary_fg_color; } + } + label.text-button { // workaround stupid Gnome-Software + border-image: none; + box-shadow: none; + } + } + + // entry styling + entry, + .linked > entry { + color: $inverted_secondary_fg_color; + caret-color: $inverted_secondary_fg_color; + &:focus { + color: $inverted_fg_color; + caret-color: $inverted_fg_color; + } + &:disabled { color: $insensitive_inverted_secondary_fg_color; } + } + + // combobox styling + combobox, + .linked > combobox { + & > entry.combo { + color: $inverted_secondary_fg_color; + caret-color: $inverted_secondary_fg_color; + &:focus { + color: $inverted_fg_color; + caret-color: $inverted_fg_color; + } + &:disabled { color: $insensitive_inverted_secondary_fg_color; } + &:backdrop { opacity: 0.5; } + } + & > button.combo { + color: $inverted_secondary_fg_color; + &:hover { color: $inverted_fg_color; } + &:checked { + color: $inverted_fg_color; + &:disabled { color: $insensitive_inverted_fg_color; } + } + &:disabled { color: $insensitive_inverted_secondary_fg_color; } + &:backdrop { opacity: 0.5; } + } + } + + // menu styling + menu menuitem { // reset text colour + color: $secondary_fg_color; + &:hover { color: $fg_color; } + label { + &:disabled { color: $insensitive_fg_color; } + } + & accelerator { color: gtkalpha(currentColor, 0.55); } + & separator { color: $borders_color; } + } + + // pop-over styling + popover button.flat { + color: $secondary_fg_color; + &:hover { color: $fg_color; } + label { + &:hover { color: $fg_color; } + &:disabled { color: $insensitive_fg_color; } + } + } + + // switch styling + switch { + margin: rem(2.7px) 0; + color: $inverted_secondary_fg_color; + background-color: gtkopacity($inverted_secondary_fg_color, 0.1); + &:checked { + background-color: gtkopacity($selected_bg_color, 0.2); + &:disabled { background-color: gtkopacity($selected_bg_color, 0.2); } + } + &:disabled { + color: $insensitive_inverted_fg_color; + background-color: $track_color; + } + + slider { background-color: $inverted_bg_color; } + &:hover slider { + background-image: linear-gradient(to bottom, + gtkalpha($selected_fg_color, 0.2)); + } + &:checked slider { + background-color: $selected_bg_color; + &:disabled { background-color: #3F4E56; } + } + &:disabled slider { background-color: #3F4E56; } + } + + // spinner spacing + spinner { + min-width: rem(13.3px); + min-height: rem(13.3px); + margin: rem(-5.3px); + } + + // selection-mode styling + &.selection-mode { + border-width: 1px 0 1px 0; // remove side borders + border-top-color: $highlight_color; + border-bottom-color: transparent; + background-color: $selected_bg_color; + color: $selected_fg_color; + + .subtitle:link { @extend *:link:selected; } + + button, + button.image-button { + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.001, + to($selected_fg_color), + to(transparent)) + 0 0 0 / 0 0 0px; + color: $secondary_selected_fg_color; + &:hover, + &:active, + &:checked { color: $selected_fg_color; } + &:disabled { color: $insensitive_inverted_secondary_fg_color; } + &:checked { + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_fg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + color: $selected_fg_color; + background-color: transparent; + &:disabled { + color: $insensitive_selected_fg_color; + > label { color: inherit; } + } + } + &.suggested-action { + // NOTE: do not use @extend button; + @include button(normal); + &:hover { @include button(hover); } + &:active { @include button(active); } + &:disabled { @include button(insensitive); } + } + + // text-button foreground colors + &.text-button, + &.suggested-action { + color: $secondary_selected_fg_color; + &:hover, + &:active, + &:checked { color: $selected_fg_color; } + &:disabled { color: $insensitive_selected_fg_color; } + } + } + + button:not(.suggested-action):not(.destructive-action) { + border-radius: 100px; + -gtk-outline-radius: 100px; + &.text-button, + &.flat.selection-menu { + border-radius: 2px; + -gtk-outline-radius: 2px; + &.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; + } + } + } + + entry { + color: $inverted_secondary_fg_color; + &:focus { color: $inverted_fg_color; } + &:disabled { color: $insensitive_inverted_secondary_fg_color; } + } + + .selection-menu { + padding-left: rem(16px); + padding-right: rem(16px); + &, &.popup { + color: $secondary_selected_fg_color; + &:hover, + &:active, + &:checked { color: $selected_fg_color; } + &:disabled { color: $insensitive_inverted_secondary_fg_color; } + &:checked { + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_fg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + background-color: transparent; + &:disabled { + color: $insensitive_selected_fg_color; + > label { color: inherit; } + } + } + } + + GtkArrow { -GtkArrow-arrow-scaling: 1.0; } + + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + color: $secondary_selected_fg_color; + } + } + } + + // misc + .tiled & { + @extend %tiled_integration; + transition: none; + } + .maximized & { + @extend %maxd_integration; + transition: none; + } + + &.default-decoration { + min-height: 26.7px; + padding: 5.3px; + border-width: 0; + + .title { // fade_effect doesn't work + color: $inverted_fg_color; + &:backdrop { color: gtkopacity($inverted_fg_color, 0.4); } + } + + button.titlebutton { + min-width: 26.7px; + min-height: 26.7px; + margin: 0; + padding: 0; + color: $inverted_secondary_fg_color; + background-size: $image_button_small; + &:hover, + &:active { color: $inverted_fg_color; } + &:backdrop { color: gtkopacity($inverted_fg_color, 0.4); } + } + } +} + +headerbar { + // draw borders + border-width: 1px 0 1px; + border-style: solid; + // do not use transparentize + border-top-color: $top_edge_border_color; + border-bottom-color: $solid_dark_borders_color; + + // To avoid double-padding, set it only for titlebar in case it + // is placed on the header-bar. + &.titlebar, + .csd &, + box &:only-child { + padding: rem(5.3px); + // draw hilight and shadows + box-shadow: if($variant == 'light', $header-shadow-light, + $header-shadow-dark); + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + + // override unwanted side-borders + box &:not(:only-child):first-child, + box &:not(:only-child):last-child { + border-left-color: $inverted_dark_color; + border-right-color: $inverted_dark_color; + + .tiled &, + .maximized & { + border-left-color: $panel_bg_color; + border-right-color: $panel_bg_color; + } + } + + box & { // Remove unneeded side shadows with dirty hacks + &:not(:only-child):last-child { + &:dir(ltr) { + box-shadow: if($variant == 'light', $sub-header-shadow-light-ltr, + $sub-header-shadow-dark-ltr); + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + &:dir(rtl) { + box-shadow: if($variant == 'light', $sub-header-shadow-light-rtl, + $sub-header-shadow-dark-rtl); + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + } + } + + // paned-separator is actually drawn by paned itself + paned &:not(:only-child):last-child { + &:dir(ltr) { + // border-left: 1px solid $solid_dark_borders_color; + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + &:dir(rtl) { + // border-right: 1px solid $solid_dark_borders_color; + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + } +} + +headerbar.selection-mode { // selection-mode specific + box & { // Remove unneeded side shadows with dirty hacks + &:not(:only-child):last-child { + &:dir(ltr) { + box-shadow: if($variant == 'light', $selected-header-shadow-light-ltr, + $selected-header-shadow-dark-ltr); + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + &:dir(rtl) { + box-shadow: if($variant == 'light', $selected-header-shadow-light-rtl, + $selected-header-shadow-dark-rtl); + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + } + } +} + +headerbar, +.titlebar { // set rounded corners + border-top-left-radius: 2px; + border-top-right-radius: 2px; + + box &:not(:last-child):not(.titlebar) { + &:dir(ltr) { + border-top-left-radius: 2px; + border-top-right-radius: 0; + } + &:dir(rtl) { + border-top-left-radius: 0; + border-top-right-radius: 2px; + } + } + + box &:last-child:not(.titlebar) { + &:dir(ltr) { border-top-left-radius: 0; } + &:dir(rtl) { border-top-right-radius: 0; } + } +} + +// force using rounded corners in case of paned titlebars +window:not(.maximized):not(.tiled) { + paned.titlebar { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + + > headerbar:not(:last-child) { + &:dir(ltr) { + border-top-left-radius: 2px; + border-top-right-radius: 0; + } + &:dir(rtl) { + border-top-left-radius: 0; + border-top-right-radius: 2px; + } + } + > headerbar:last-child { + &:dir(ltr) { + border-top-left-radius: 0; + border-top-right-radius: 2px; + } + &:dir(rtl) { + border-top-left-radius: 2px; + border-top-right-radius: 0; + } + } + } +} + +// revive top-edge highlight border for SSDs +.ssd decoration { + .titlebar { + border-top: 1px solid $highlight_color; + box-shadow: none; + } +} + +// squared corners when the window is max'd or tiled +%tiled_integration { + border-radius: 0; + border-color: $panel_bg_color; + border-width: 2px 0 0 0; + border-top-color: $secondary_selected_bg_color; + background-color: $panel_bg_color; + box-shadow: none; + &:backdrop { border-top-color: $track_color; } +} + +%maxd_integration { + border-radius: 0; + border-color: $panel_bg_color; + border-width: 1px 0 0 0; + background-color: $panel_bg_color; + box-shadow: none; +} + + +/************ + * Pathbars * + ************/ + +.linked.path-bar, +.path-bar { + button { + &, &.text-button { + padding: 0 rem(1.3px) 0; + -gtk-outline-radius: 2px; + } + &.image-button { padding: 0 rem(5.3px) 0; } + + &.text-button.image-button { + -gtk-outline-radius: 2px; + label { + padding-left: 0; + padding-right: 0; + } + } + + &.text-button.image-button { + label { // FIXME: is it still needed? + &:last-child { padding-right: rem(5.3px); } + &:first-child { padding-left: rem(5.3px); } + } + } + + image { padding: rem(1.3px) rem(5.3px) 0; } + + &.slider-button, // workaround for Nautilus 3.20.0 + &.image-button.text-button.toggle { + min-height: rem(17.3px); + padding: 0 rem(1.3px) 0; + -gtk-outline-radius: 2px; + } + } +} + + +/************** + * Tree Views * + **************/ + +treeview.view { + @at-root * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + } + + border-left-color: $track_color; // this is actually the tree lines color, + border-top-color: $borders_color; // while this is the grid lines color, + // better then nothing + + & rubberband { @extend rubberband; } // to avoid borders being overridden + // by the previously set props + + border-radius: 0; // rest border radius in lists + + &:hover, + &:active { border-radius: 0; } + &:selected { + border-radius: 0; + @extend %selected_items; + } + + // override foreground colours + &, & entry, + & entry > label { + color: $secondary_fg_color; + &:hover, + &:active, + &:focus { color: $fg_color; } + &:selected { color: $selected_fg_color; } + &:disabled { + color: $insensitive_fg_color; + &:selected { color: $insensitive_selected_fg_color; } + } + } + + .separator { + &, &:hover { + color: transparent; + background-color: $borders_color; + } + } + + // clear backgrounds + background-color: transparent; + background-image: none; + box-shadow: none; + + &.dnd { + border-style: solid none; + border-width: 1px; + border-color: mix($fg_color, $selected_bg_color, 50%); + } + + expander { + arrow { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + &:selected { + color: gtkopacity($selected_fg_color, 0.75); + &:hover, + &:active { color: $selected_fg_color; } + } + } + } + + &.progressbar { // progressbar bit in treeviews + box-shadow: inset 0 -4px $accent_color; + &:selected { box-shadow: inset 0 -4px $selected_fg_color; } + } + + &.trough { // progressbar trough in treeviews + box-shadow: inset 0 -4px gtkalpha($accent_color, 0.2); + &:selected { box-shadow: inset 0 -4px gtkalpha($selected_fg_color, 0.2); } + } + + &, paned & { // redraw some stuff for RhythmBox + background-color: $base_color; + &:hover, + row:hover { color: $fg_color; } + &:selected, + row:selected { @extend %selected_items; } + } + + header { + button { + @extend row.activatable; + min-height: rem(20px); + padding: 0 rem(6.7px) 0; + border-style: none solid solid none; + border-width: 1px; + border-color: $borders_color; + border-radius: 0; + box-shadow: none; + background-color: $base_color; + // font-weight: 700; + color: $tertiary_fg_color; + } + &:hover, + &:active { + color: $fg_color; + box-shadow: none; + } + &:disabled { background-color: $base_color; } + &.dnd { @extend column-header.button.dnd; } + } + & button:last-child, + &:last-child button { // treeview-like derived widgets in Banshee + // and Evolution + border-right-style: none; + } + + &.separator { + min-height: rem(2px); + color: transparent; + background-color: $borders_color; + } + + // see tests/testaccel to test + acceleditor > label { background-color: $selected_bg_color; } +} + +column-header.button.dnd { // for treeview-like derive widgets + transition: none; + border-left-style: solid; + color: $selected_bg_color; +} + + +/********* + * Menus * + *********/ + +.menubar, +menubar { + -GtkWidget-window-dragging: true; + padding: 0; + box-shadow: $menubar-shadow; + background-color: $inverted_dark_color; + color: $inverted_secondary_fg_color; // FIXME: Gtk+3 firefox needs this! + + .tiled &, + .maximized & { + background-color: $panel_bg_color; + box-shadow: none; + transition: none; + } + + > menuitem { + min-height: rem(20px); + padding: rem(5.3px) rem(8px) rem(6.7px); + color: $inverted_secondary_fg_color; + background-color: transparent; + &:hover { // Seems like it :hover even with keyboard focus + color: $inverted_fg_color; + box-shadow: inset 0 -2px $selected_bg_color; + } + &:disabled { + color: $insensitive_inverted_fg_color; + box-shadow: none; + } + } +} + +.menu, +.context-menu, +menu { + margin: rem(4px) 0; + padding: rem(4px) 0; + border-width: 1px; // adds borders in a non composited env + border-style: solid; + border-color: $base_color transparent transparent; + background-color: $secondary_base_color; + + .csd & { // axes borders in a composited env + border-width: 1px; + border-radius: 2px; + border-color: $base_color transparent transparent; + } + + .menuitem, + menuitem { + min-height: rem(20px); + min-width: rem(40px); + padding: rem(5.3px) rem(8px) rem(6.7px); + color: $secondary_fg_color; + font: initial; + text-shadow: none; + transition: none; + &:hover { + color: $fg_color; + background-color: gtkalpha(currentColor, 0.1); + transition: none; + } + &:disabled { color: $insensitive_fg_color; } + + // submenu indicators + arrow { + min-height: rem(16px); + min-width: rem(16px); + + &:dir(ltr) { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + margin-left: rem(10.7px); + } + &:dir(rtl) { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); + margin-right: rem(10.7px); + } + } + + // avoids labels color being overridden, see + // https://bugzilla.gnome.org/show_bug.cgi?id=767058 + label { + &:dir(rtl), + &:dir(ltr) { color: inherit; } + } + } + + > arrow { // overflow buttons + @extend button.flat; + min-height: rem(16px); + min-width: rem(16px); + padding: rem(4px); + border-style: none; + border-radius: 0; + background-color: $secondary_base_color; + &.top { + margin-top: rem(-5.3px); + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + border-bottom: 1px solid $borders_color; + } + &.bottom { + margin-bottom: rem(-5.3px); + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + border-top: 1px solid $borders_color; + } + &:hover { background-color: $secondary_dark_color; } + &:disabled { + color: transparent; + background-color: transparent; + border-color: transparent ; + } + } + + > separator { + &:dir(ltr) { margin-left: rem(32px); } + &:dir(rtl) { margin-right: rem(32px); } + } +} + +menuitem { + accelerator { color: gtkalpha(currentColor, 0.55); } + + separator { + color: transparent; + background: none; + border-top: 1px solid $borders_color; + &:dir(ltr) { margin-left: rem(32px); } + &:dir(rtl) { margin-right: rem(32px); } + } +} + +.csd.popup { border-radius: 2px; } + + +/************ + * Popovers * + ************/ + +popover.background { + padding: 2px; + background-color: $secondary_base_color; + box-shadow: $z-depth-3; + + .csd &, + & { + border: 1px solid; + border-color: $base_color $secondary_base_color $secondary_base_color; + border-radius: 2px; + } + + &:backdrop { box-shadow: $z-depth-1; } + + > list, + > .view, + > toolbar, + &.osd > toolbar { + border-style: none; + border-image: none; + background-color: transparent; + } + + button menuitem.flat, + button.flat { + transition: none; + padding: 0 rem(10px) 0; + background-color: transparent; + background-size: $text_button_small; + color: $secondary_fg_color; + font: initial; + &:hover { + background-color: transparent; // remove double-bg + color: $fg_color; + } + + // FIXME: label padding is ugly + // vertical padding of GtkMenuItem * 0.5 + label { padding: rem(2.7px) 0 rem(3.3px); } + } + + button.image-button { padding: rem(6.7px); } + + button.model.image-button { min-height: rem(26.7px); } + + .linked > button { + @include button(flat-normal); + @extend %button_array; + color: $secondary_fg_color; + &:hover { + @include button(flat-hover); + color: $fg_color; + } + &:active { + @include button(flat-active); + color: $fg_color; + } + &:checked { + @include button(flat-checked); + color: $fg_color; + background-color: transparent; + } + &:checked:disabled { @include button(flat-checked-insensitive); } + &:disabled { @include button(flat-insensitive); } + } + + .csd &, + & { + &.touch-selection, + &.magnifier { + @extend %osd; + button { @include button(flat-normal); } + } + } + + &.osd { @extend %osd; } + + separator { margin: rem(3px) 0; } +} + + +/************* + * Notebooks * + *************/ + +notebook { + padding: 0; + + &.frame { + border: 1px solid $solid_light_borders_color; + transition: none; + + // remove madness borders around header + > header { + &, &.frame { border-style: none; } + @each $_header, $_margin in (top, -1px -1px 0 -1px), + (bottom, 0 -1px -1px -1px), + (left, -1px 0 -1px -1px), + (right, -1px -1px -1px 0) { + &.#{$_header} { margin: #{$_margin}; } + } + } + } + + > stack { + transition: none; + &:only-child { + border: none; + background-color: transparent; + box-shadow: none; + } + + // the :not(:only-child) is for "hidden" notebooks + &:not(:only-child), + &:not(:first-child), + &:not(:last-child) { + border: none; + background-color: $base_color; + box-shadow: inset 0 0 0 1px $base_color; + } + } + + > header { + $tab_indicator_size: 2px; + // vertical tab sizing + $vt_vpadding: rem(5.3px); + $vt_hpadding: rem(16px); + // horizontal tab sizing + $ht_vpadding: rem(5.3px); + $ht_hpadding: rem(10px); + + background-color: $bg_color; + tabs { background-color: transparent; } + + @each $_header, $_border in (top, 0 1px), + (bottom, 0 -1px), + (left, 1px 0), + (right, -1px 0) { + &.#{$_header} { + // outset borders + box-shadow: #{$_border} $borders_color; + } + } + + &.top { + > tabs { + margin: 0 rem(6px) -1px rem(6px); + > tab { + margin: 0 -1px 0 -1px; // 1px horizontal overlap + padding: $vt_vpadding $vt_hpadding; + border-bottom-width: $tab_indicator_size; + box-shadow: none; + &.reorderable-page { + padding-left: rem(10px); // for a nicer close button + padding-right: rem(10px); // placement + border-left-width: 1px; + border-right-width: 1px; + } + } + } + } + &.bottom { + > tabs { + margin: -1px rem(6px) 0 rem(6px); + > tab { + margin: 0 -1px 0 -1px; + padding: $vt_vpadding $vt_hpadding; + border-top-width: $tab_indicator_size; + box-shadow: none; + &.reorderable-page { + padding-left: rem(16px); + padding-right: rem(16px); + border-left-width: 1px; + border-right-width: 1px; + } + } + } + } + &.left { + > tabs { + margin: rem(6px) -1px rem(6px) 0; + > tab { + margin: -1px 0 -1px 0; // 1px vertical overlap + padding: $ht_vpadding $ht_hpadding; + border-right-width: $tab_indicator_size; + box-shadow: none; + &.reorderable-page { + border-bottom-width: 1px; + border-top-width: 1px; + } + } + } + } + &.right { + > tabs { + margin: rem(6px) 0 rem(6px) -1px; + > tab { + margin: -1px 0 -1px 0; + padding: $ht_vpadding $ht_hpadding; + border-left-width: $tab_indicator_size; + box-shadow: none; + &.reorderable-page { + border-bottom-width: 1px; + border-top-width: 1px; + } + } + } + } + + // Reorderable-page + @each $_tab, $_border in (top, bottom), + (bottom, top), + (left, right), + (right, left) { + &.#{$_tab} tab.reorderable-page { + border-#{$_border}-width: 2px; + border-#{$_border}-color: transparent; + &:hover { + border-color: $borders_color; + border-#{$_border}-width: 2px; + border-#{$_border}-color: $borders_color; + background-color: $base_color; + box-shadow: none; + } + &:checked { + border-color: $borders_color; + border-#{$_border}-width: 2px; + border-#{$_border}-color: $selected_bg_color; + background-color: $base_color; + box-shadow: if($variant == 'light', $tab-shadow-light, + $tab-shadow-dark); + } + } + } + + // Arrow buttons + &.top, &.bottom { + // & tabs arrow.up { -gtk-icon-source: + // -gtk-icontheme('pan-end-symbolic'); + // } + // & tabs arrow.down { -gtk-icon-source: + // -gtk-icontheme('pan-start-symbolic'); + // } + } + &.left, &.right { + // & tabs arrow.up { -gtk-icon-source: + // -gtk-icontheme('pan-down-symbolic'); + // } + // & tabs arrow.down { -gtk-icon-source: + // -gtk-icontheme('pan-up-symbolic'); + // } + } + & > tabs > arrow { + transition: none; + min-height: rem(16px); + min-width: rem(16px); + margin: 0 rem(6.7px); + border-radius: 0; + color: $tertiary_fg_color; + &:hover, + &:active { color: $fg_color; } + &:disabled { color: $insensitive_fg_color; } + } + + &.top, &.bottom, + &.left, &.right { // button outside the tabs + button { + min-height: rem(16px); + min-width: rem(16px); + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + & > image { padding: rem(6.7px); } + } + } + } + + tab { + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; + + outline-offset: rem(-6px); + + // here's the interesting stuff + &:hover { border-color: $track_color; } + &:checked { border-color: $selected_bg_color; } + + & label { // tab text + padding: rem(1.3px); + font-weight: 700; + color: $tertiary_fg_color; + } + &.reorderable-page label { // reorderable-page tab text + padding: rem(5.3px) 0 rem(5.3px); + } + &:hover label { + // hover tab text + color: $fg_color; + } + &:checked label { + // active tab text + color: $fg_color; + } + + button { // tab close button + @include button(flat-normal); + min-width: rem(16px); + min-height: rem(16px); + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-size: $image_button_small; + color: $tertiary_fg_color; + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:disabled { @include button(flat-insensitive); } + & > image { // this is a hack which makes tabs grow + padding: rem(6.7px); + } + } + &:hover button, + &:checked button { // close button colours + color: $fg_color; + image { color: $fg_color; } + } + &:disabled button { + color: $insensitive_fg_color; + image { color: $insensitive_fg_color; } + } + + // special case for Gedit's tab 'close' button + button.flat.image-button.small-button { + min-width: rem(16px); + min-height: rem(16px); + padding: 0; + // weird wdiget gets in our way + & > widget > box > image { padding: rem(6.7px); } + } + } + + &:not(.reorderable-page) > entry { @extend entry.flat; } +} + + +/************** + * Scrollbars * + **************/ + +$_slider_min_width: rem(12px); +$_slider_min_length: rem(32px); + +@keyframes slow_down_vert { + from {min-width: $_slider_min_width - rem(6px); } + to { min-width: $_slider_min_width; } +} + +@keyframes slow_down_horz { + from {min-height: $_slider_min_width - rem(6px); } + to { min-height: $_slider_min_width; } +} + +.scrollbar, +scrollbar { + // disable steppers + @at-root * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + } + + background-color: gtkopacity($base_color, 0.55); + transition-duration: 0.2s; + + // scrollbar border + &.top, + &.bottom, + &.left, + &.right { + &, .trough { border: none; } + } + + // slider + slider, + .slider { + margin: 0; + border-radius: 0; + border: 0 none transparent; + background-color: gtkopacity($tertiary_fg_color, 0.55); + &:hover { background-color: gtkopacity($secondary_fg_color, 0.55); } + &:active { background-color: $fg_color; } + &:disabled { opacity: 0.4; } + } + + &.fine-tune slider { margin: 0; } + + &.vertical { + slider, + .slider { + min-width: $_slider_min_width; + min-height: $_slider_min_length; + margin: 0; + } + &.fine-tune slider { margin: 0; } + } + &.horizontal { + slider, + .slider { + min-width: $_slider_min_length; + min-height: $_slider_min_width; + margin: 0; + } + &.fine-tune slider { margin: 0; } + } + + &.overlay-indicator { + &:not(.dragging):not(.hovering) { // Overlay scrolling indicator + border-color: transparent; + background-color: transparent; + + slider { + margin: 0; + border: 0 none transparent; + } + + button { + min-width: $_slider_min_width; + min-height: $_slider_min_width; + background-color: gtkopacity($tertiary_fg_color, 0.55); + border-radius: 0; + border: none; + -gtk-icon-source: none; + } + + // w/o the following margin tweaks the slider shrinks + // when hovering/dragging + &.vertical { + slider { + min-width: $_slider_min_width - rem(6px); + min-height: $_slider_min_length; + margin: 0; + } + + button { + min-width: rem(6px); + margin: 0; + } + } + + &.horizontal { + slider { + min-width: $_slider_min_length; + min-height: $_slider_min_width - rem(6px); + margin: 0; + } + + button { + min-height: rem(6px); + margin: 0; + } + } + } + + &.dragging, + &.hovering { opacity: 0.8; } + + &.hovering { // slow-down when deforming + &.vertical slider { animation: slow_down_vert 0.2s linear forwards; } + &.horizontal slider { animation: slow_down_horz 0.2s linear forwards; } + } + } +} + + +/********** + * Switch * + **********/ + +switch { + outline-offset: rem(-4px); + font-size: 0; + // similar to the scale + border: rem(10px) solid transparent; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: $track_color; + + &:disabled { color: $insensitive_fg_color; } + &:checked { + background-color: gtkopacity($selected_bg_color, 0.2); + &:disabled { background-color: gtkopacity($selected_bg_color, 0.2); } + } + &:disabled { + color: $insensitive_fg_color; + background-color: $track_color; + } + + // slider styling + // switch slider doesn't respond to its own states + // but relies on the switch ones + slider { + @include button(normal); + min-width: rem(20px); + min-height: rem(20px); + margin: rem(-4px) rem(-1px); + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + } + &:hover slider { + @include button(hover); + background-image: linear-gradient(to bottom, + gtkalpha($selected_fg_color, 0.2)); + } + &:checked slider { @include button(checked); } + &:checked:hover slider { + @include button(checked); + background-image: linear-gradient(to bottom, + gtkalpha($selected_fg_color, 0.2)); + box-shadow: $z-depth-2, + inset 0 1px $highlight_color; + } + &:checked:disabled slider { + @include button(checked-insensitive); + // do not use any transparentize + background-color: if($variant == 'light', #F0F2F3, #3F4E56); + background-image: none; + box-shadow: none; + } + &:disabled slider { + background-color: if($variant == 'light', #F0F2F3, #3F4E56); + background-image: none; + box-shadow: none; + } + + row:selected & { // return to monochrome + background-color: $bg_color; + &:checked { + background-color: $secondary_dark_color; + &:disabled { background-color: $secondary_dark_color; } + } + + slider { background-color: $bg_color; } + &:hover slider { + background-image: linear-gradient(to bottom, + gtkalpha($selected_fg_color, 0.2)); + } + &:checked slider { background-color: $base_color; } + &:checked:disabled slider { background-color: $secondary_dark_color; } + } + + // special case inside the grid container, + // need to protect geometry by using pixmaps images... + grid & { + margin: rem(6px) rem(5px); + font-size: 0; + outline-color: transparent; + + slider { + min-width: rem(40px); + min-height: rem(20px); + } + + // reset all of default troughs + &, + &:hover, + &:checked, + &:checked:hover, + &:checked:disabled, + &:disabled { + margin: rem(6px) rem(5px); + border: none; + color: transparent; + background: none; + background-image: none; + background-size: 40px 20px; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; + + &:dir(rtl) { background-position: left center; } + } + + // reset all of default sliders + slider, + &:hover slider, + &:checked slider, + &:checked:hover slider, + &:checked:disabled slider, + &:disabled slider { + margin: 0; + border: none; + border-radius: 0; + color: transparent; + background: none; + background-image: none; + background-size: 40px 20px; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; + + &:dir(rtl) { background-position: left center; } + } + + // use ugly pixmaps + &:not(:hover):not(:checked):not(:disabled) { + background-image: -gtk-scaled( + url("assets/toggle-off#{$asset_suffix}.png"), + url("assets/toggle-off#{$asset_suffix}@2.png")); + } + &:hover { + background-image: -gtk-scaled( + url("assets/toggle-off-hover#{$asset_suffix}.png"), + url("assets/toggle-off-hover#{$asset_suffix}@2.png")); + } + &:checked { + background-image: -gtk-scaled(url("assets/toggle-on.png"), + url("assets/toggle-on@2.png")); + &:hover { + background-image: -gtk-scaled(url("assets/toggle-on-hover.png"), + url("assets/toggle-on-hover@2.png")); + } + &:disabled { + background-image: -gtk-scaled( + url("assets/toggle-on-insensitive#{$asset_suffix}.png"), + url("assets/toggle-on-insensitive#{$asset_suffix}@2.png")); + } + } + &:disabled { + background-image: -gtk-scaled( + url("assets/toggle-off-insensitive#{$asset_suffix}.png"), + url("assets/toggle-off-insensitive#{$asset_suffix}@2.png")); + } + } +} + + +/************************* + * Check and Radio items * + *************************/ + +@keyframes check_radio_hover { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha($secondary_fg_color, 0.1)), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha($secondary_fg_color, 0.1)), + to(transparent)); + } +} + +@keyframes check_radio_active { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha($selected_bg_color, 0.1)), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha($selected_bg_color, 0.1)), + to(transparent)); + } +} + +@keyframes check_radio_active_reverse { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha($selected_bg_color, 0.2)), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha($selected_bg_color, 0)), + to(transparent)); + } +} + +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + +@each $w,$a in ('check', 'checkbox'), + ('radio','radio') { + + // standard checks and radios + @each $s,$as in ('','-unchecked'), + (':hover', '-unchecked-active'), + (':active', '-unchecked-active'), + (':disabled','-unchecked-insensitive'), + (':indeterminate', '-mixed'), + (':indeterminate:hover', '-mixed-active'), + (':indeterminate:active', '-mixed-active'), + (':indeterminate:disabled', '-mixed-insensitive'), + (':checked', '-checked'), + (':checked:hover', '-checked-active'), + (':checked:active', '-checked-active'), + (':checked:disabled','-checked-insensitive') { + .#{$w}#{$s}, #{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), + url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); + -gtk-icon-shadow: none; + } + } + + // menu + @each $s,$as in ('',''), + // (':active', '-checked'), + (':disabled','-insensitive'), + (':indeterminate', '-mixed'), + // (':indeterminate:active', '-mixed'), + (':indeterminate:disabled', '-mixed-insensitive'), + (':checked', '-checked'), + // (':checked:active', '-checked'), + (':checked:disabled','-checked-insensitive') { + menu menuitem.#{$w}#{$s}, + menu menuitem #{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-symbolic#{$asset_suffix}.png"), + url("assets/#{$a}#{$as}-symbolic#{$asset_suffix}@2.png")); + -gtk-icon-shadow: none; + &:hover { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-symbolic#{$asset_suffix}.png"), + url("assets/#{$a}#{$as}-symbolic#{$asset_suffix}@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; + } + } + } +} + +// check/radio inside treeview +treeview.view check, +treeview.view radio { + &, &:only-child { + // margin: rem(-6.7px); + // padding: rem(6.7px); + padding: 0; // FIXME: negative margin doesn't work. + } +} + +// check/radio inside selected-rows +@each $w,$a in ('check', 'checkbox'), + ('radio','radio') { + + // standard checks and radios + @each $s,$as in ('','-unchecked'), + (':active', '-unchecked'), + (':indeterminate', '-mixed'), + (':indeterminate:active', '-mixed'), + (':checked', '-checked'), + (':checked:active', '-checked') { + treeview.view, + row, + row.activatable { + #{$w}:selected#{$s}, + #{$w}:selected:focus#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-selected.png"), + url("assets/#{$a}#{$as}-selected@2.png")); + -gtk-icon-shadow: none; + } + // use dark variant for insensitive states + #{$w}:selected:disabled, + #{$w}:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}-unchecked-insensitive-dark.png"), + url("assets/#{$a}-unchecked-insensitive-dark@2.png")); + } + #{$w}:selected:indeterminate:disabled, + #{$w}:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}-mixed-insensitive-dark.png"), + url("assets/#{$a}-mixed-insensitive-dark@2.png")); + } + #{$w}:selected:checked:disabled, + #{$w}:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}-checked-insensitive-dark.png"), + url("assets/#{$a}-checked-insensitive-dark@2.png")); + } + } + } +} + +// selection-mode +@each $s,$as in ('','-selectionmode'), + (':hover', '-active-selectionmode'), + (':active', '-active-selectionmode'), + (':disabled', '-insensitive-selectionmode'), + (':checked', '-checked-selectionmode'), + (':checked:hover', '-checked-active-selectionmode'), + (':checked:active', '-checked-active-selectionmode'), + (':disabled:checked', '-checked-insensitive-selectionmode') { + .view.content-view .check#{$s}:not( list), + .view.content-view check#{$s}:not( list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"), + url("assets/checkbox#{$as}#{$asset_suffix}@2.png")); + background-color: transparent; + } +} + +checkbutton.text-button, +radiobutton.text-button { + // this is for a nice focus on check and radios text + padding: rem(2.7px) rem(6.7px); + outline-offset: 0; + color: $secondary_fg_color; + &:hover, + &:active, + &:checked { color: $fg_color; } + &:disabled, + &:disabled:active, + &:disabled:indeterminate { + // set insensitive color, which is overriden otherwise + // color: $insensitive_fg_color; + } +} + +radio, +check { + min-width: rem(16px); + min-height: rem(16px); + // margin: 0 rem(6.7px) 0 rem(6.7px); + margin: rem(-10px) rem(-3.3px); + padding: rem(10px); + + &:hover { + animation: check_radio_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + &:active { + animation: check_radio_active_reverse 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; + } + &:hover:checked, + &:hover:indeterminate { + animation: check_radio_active 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + + menu menuitem & { + min-width: rem(16px); + min-height: rem(16px); + margin: 0; + padding: 0; + &:dir(ltr) { margin-right: rem(8px); } + &:dir(rtl) { margin-left: rem(8px); } + + &, &:hover, &:disabled { //FIXME: use button reset mixin + border-color: transparent; + background-image: none; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + color: inherit; + animation: none; + } + } +} + + +/************ + * GtkScale * + ************/ + +@keyframes scale_enlarge { + from { background-size: $scale; } + to { background-size: 100%; } +} + +%scale_trough { + border: 1px solid transparent; + border-radius: 0; + background-color: $track_color; + box-shadow: none; + &:disabled { + color: $insensitive_fg_color; + background-color: $track_color; + } + + &:backdrop { + } + + // OSD + .osd & { + } +} + +%scale_highlight { + border: 1px solid transparent; + border-radius: 0; + background-color: $accent_color; + &:disabled { + color: $insensitive_fg_color; + background-color: $track_color; + } + + &:backdrop { + } + + // OSD + .osd & { + } +} + +$_marks_lenght: 6px; +$_marks_distance: 6px; + +scale { + // remove ugly outlines + // outline-offset: -4px; + // -gtk-outline-radius: 100px; + outline-offset: 0; + outline-width: 0; + + min-height: 10px; + min-width: 10px; + padding: 10px; + + &.fine-tune { + // remove ugly outlines + // outline-offset: rem(-4px); + outline-offset: 0; + outline-width: 0; + &.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 10px; + } + + &.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 10px; + } + + // to make the trough grow in fine-tune mode + slider { margin: -9px; } + + highlight, + fill, + trough { + } + } + + slider { + min-height: 20px; + min-width: 20px; + margin: -9px; + + &:not(:hover):not(:active) { background-size: $scale; } + // @include entry(normal); + // border-radius: 50%; + // background-color: $success_color; + @each $s,$as in ('',''), + // (':hover','-hover'), + (':active','-active'), + (':disabled','-insensitive') { + &#{$s} { + $_url: 'assets/slider#{$as}#{$asset_suffix}'; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + } + } + &:hover { + animation: scale_enlarge 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + &:disabled { + } + // OSD sliders + .osd & { + } + } + + // the backing bit sizing + trough, + fill, + highlight { + min-height: 2px; + min-width: 2px; + border-radius: 0; + border-width: 0; + } + + // the backing bit styling + trough { @extend %scale_trough; } + + // the colored part of the backing bit + highlight { @extend %scale_highlight; } + + // this is another differently styled part of the backing bit, + // the most relevant use case is for example in media player + // to indicate how much video stream as been cached + fill { + @extend %scale_trough; + + background-color: $accent_fill_color; + + &:disabled { + border-color: transparent; + background-color: transparent; + } + } + + // same opacity value with dim-label + value { color: gtkalpha(currentColor, 0.55); } + + separator { + color: transparent; + background-color: $track_color; + } + + // scales on selected list rows + row:selected & { + } +} + +scale { // marks color + marks { + color: gtkalpha(currentColor, 0.55); + @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), + (bottom, bottom, top), + (top, left, right), + (bottom, right, left) { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_distance; + margin-#{$marks_pos}: -($_marks_distance + $_marks_lenght); + } + } + } + + &.fine-tune marks { + @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), + (bottom, bottom, top), + (top, left, right), + (bottom, right, left) { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_distance; + margin-#{$marks_pos}: -($_marks_distance + $_marks_lenght - 3px); + } + } + } + + &.horizontal { + indicator { + min-height: $_marks_lenght; + min-width: 1px; + } + + &.fine-tune indicator { min-height: ($_marks_lenght - 3px); } + } + + &.vertical { + indicator { + min-height: 1px; + min-width: $_marks_lenght; + } + + &.fine-tune indicator { min-width: ($_marks_lenght - 3px); } + } +} + +// scale with marks +@each $d,$dn in ('horizontal', 'horz'), + ('vertical', 'vert') { + @each $ws,$w,$we in (':last-child:not(:only-child)', + 'scale-has-marks-above', 'scale_marks_above'), + (':first-child:not(:only-child)', + 'scale-has-marks-below', 'scale_marks_below') { + scale.#{$d} { + %#{$w}-#{$dn}, + contents#{$ws} > trough > slider { + @each $s,$as in ('',''), + // (':hover','-hover'), + (':active','-active'), + (':disabled','-insensitive') { + &#{$s} { + @extend %#{$we}_#{$dn}; // negative margin makes trough shrinking + $_url: 'assets/slider-#{$dn}-#{$w}#{$as}#{$asset_suffix}'; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + } + } + } + &.fine-tune { + %#{$w}-#{$dn}-fine-tune, + contents#{$ws} > tough > slider { + @each $s,$as in ('',''), + // (':hover','-hover'), + (':active','-active'), + (':disabled','-insensitive') { + &#{$s} { @extend %#{$we}_#{$dn}_ft; } + } + } + } + } + } +} + +scale { // scales for colour + &.color { + min-height: 0; + min-width: 0; + + // not actual trough colour + trough { + min-width: 2px; + min-height: 2px; + border-radius: 0; + background-color: transparent; + } + + &.horizontal { + padding: 0 0 10px 0; + + trough { padding-bottom: 5px; } + + slider { + &, &:hover, &:disabled { + @extend %scale-has-marks-above-horz; + margin-top: 5px; + margin-bottom: -10px; + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 10px; + + trough { padding-left: 5px; } + + slider { + &, &:hover, &:disabled { + @extend %scale-has-marks-below-vert; + margin-left: -10px; + margin-right: 5px; + } + } + } + + &:dir(rtl) { + padding: 0 10px 0 0; + + trough { padding-right: 5px; } + + slider { + &, &:hover, &:disabled { + @extend %scale-has-marks-above-vert; + margin-left: 5px; + margin-right: -10px; + } + } + } + } + + &.fine-tune { + &.horizontal { + padding: 0 0 10px 0; + + trough { padding-bottom: 5px; } + + slider { + @extend %scale-has-marks-above-horz-fine-tune; + margin-top: 5px; + margin-bottom: -10px; + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 10px; + + trough { padding-left: 5px; } + + slider { + @extend %scale-has-marks-below-vert-fine-tune; + margin-left: -10px; + margin-right: 5px; + } + } + + &:dir(rtl) { + padding: 0 10px 0 0; + + trough { padding-right: 5px; } + + slider { + @extend %scale-has-marks-above-vert-fine-tune; + margin-left: 5px; + margin-right: -10px; + } + } + } + } + } +} + +%scale_marks_above_horz { margin: -15px -10px -10px -10px; } +%scale_marks_below_horz { margin: -10px -10px -15px -10px; } +%scale_marks_above_vert { margin: -10px -10px -10px -15px; } +%scale_marks_below_vert { margin: -10px -15px -10px -10px; } +%scale_marks_above_horz_ft { margin: -15px -10px -10px -10px; } +%scale_marks_below_horz_ft { margin: -10px -10px -15px -10px; } +%scale_marks_above_vert_ft { margin: -10px -10px -10px -15px; } +%scale_marks_below_vert_ft { margin: -10px -15px -10px -10px; } + + +/***************** + * Progress bars * + *****************/ + +progressbar { + // sizing + &.horizontal { + trough, + progress { min-height: 4px; } + } + + &.vertical { + trough, + progress { min-width: 4px; } + } + + // the progress node is positioned after the trough border + // this moves it over it. + &.horizontal progress { margin: 0 -1px; } + &.vertical progress { margin: -1px 0; } + + + // FIXME: insensitive state missing and some other state + // should be set probably + font-size: 90%; + color: $tertiary_fg_color; + + trough { + box-shadow: none; + border-radius: 0; + background-color: gtkopacity($accent_color, 0.2); + } + + progress { + box-shadow: none; + border-radius: 0; + background-color: $accent_color; + &.left { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + &.right { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + &.top { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + &.bottom { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + } + + &.osd { + min-width: 4px; + min-height: 4px; + trough { + border-style: none; + box-shadow: none; + background-color: gtkopacity($accent_color, 0.2); + } + progress { + background-image: none; + background-color: $accent_color; + border-style: none; + border-radius: 0; + } + } +} + +%entry_progressbar { // progress inside entry + margin: -10px -6px; + border-style: none none solid; + border-width: 2px; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($accent_color), + to(transparent)) + 0 0 2 / 0 0 2px; + border-radius: 0; + box-shadow: none; + background-color: transparent; + background-image: none; +} + + +/************* + * Level Bar * + *************/ + +levelbar { + box-shadow: $z-depth-1; // needs to be set here to avoid clipping + + & block { + min-width: 36px; + min-height: 4px; + } + + &.vertical block { + min-width: 4px; + min-height: 36px; + } + + & trough { + padding: 2px; + border-radius: 2px; + box-shadow: $z-depth-1; + &:disabled { box-shadow: none; } + &.horizontal { padding: 2px 1px; } + &.vertical { padding: 1px 2px; } + } + + &.horizontal.discrete block { margin: 0 1px; } + &.vertical.discrete block { margin: 1px 0; } + + block { + border-radius: 0; + border: none; + box-shadow: none; + } + + block.low { background-color: $warning_color; } + + block:not(.empty), + block.high { background-color: $selected_bg_color; } + + block.full { background-color: $success_color; } + + block.empty { background-color: $track_color; } +} + + +/**************** + * Print dialog * +*****************/ + +printdialog { + paper { + padding: 0; + color: $fg_color; + border: 1px solid $borders_color; + background-color: white; + } + + .dialog-action-box { margin: rem(12px); } +} + + +/********** + * Frames * + **********/ + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid $borders_color; + box-shadow: none; + &.flat { border-style: none; } +} + +actionbar > frame > border { border-width: 1px 0 0; } + +actionbar > revealer > box { + padding: rem(5.3px); + border-top: 1px solid $borders_color; +} + +placessidebar, +scrolledwindow { + viewport.frame { // avoid double borders when viewport inside + // scrolled window + border-style: none; + } + + // This is used by GtkScrolledWindow, + // when content is touch-dragged past boundaries. + // This draws a box on top of the content, the size changes programmatically. + overshoot { + &.top { + @include overshoot(top); + } + &.bottom { + @include overshoot(bottom); + } + &.left { + @include overshoot(left); + } + &.right { + @include overshoot(right); + } + } + + // Overflow indication, works similarly to the overshoot, + // the size if fixed tho. + undershoot { + &.top { + @include undershoot(top, $base_color); + } + &.bottom { + @include undershoot(bottom, $base_color); + } + &.left { + @include undershoot(left, $base_color); + } + &.right { + @include undershoot(right, $base_color); + } + } + + junction { // the small square between two scrollbars + border-color: transparent; + // the border image is used to add the missing dot + // between the borders, details, details, details... + border-image: linear-gradient(to bottom, + $borders_color 1px, + transparent 1px) 0 0 0 1 / 0 1px stretch; + background-color: $base_color; + + &:dir(rtl) { border-image-slice: 0 1 0 0; } + } +} + +// vbox and hbox separators +separator { + // always disable separators + color: transparent; + background-color: $borders_color; + min-width: 1px; + min-height: 1px; +} + + +/********* + * Lists * + *********/ + +list { + border-color: $borders_color; + background-color: $base_color; +} + +row { + padding: 2px; +} + +row.activatable { + // let's take care of background colors + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0)); + background-repeat: no-repeat; + background-position: center, center; + background-size: $text_button_large; + &.has-open-popup, // this is for indicating which sidebar row + // generated a popover + &:hover { // see https://bugzilla.gnome.org/show_bug.cgi?id=754411 + transition: none; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.05)); + } + + &:active { + animation: list_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } +} + +// button spacing +row { + & button.image-button { + padding: rem(8px); + background-size: $image_button_small; + } + + & button.circular { + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(8px); + background-size: $image_button_small; + } +} + +row:selected { + @extend %selected_items; + button { + &:disabled { color: $insensitive_secondary_selected_fg_color; } + &.flat { + color: $secondary_selected_fg_color; + &:hover, &:active { color: $selected_fg_color; } + &:disabled { color: $insensitive_secondary_selected_fg_color; } + } + } +} + +// transition +row { + &:hover { transition: none; } +} + + +/********************* + * App Notifications * + *********************/ + +.app-notification, +.app-notification.frame { + @extend %osd; + @extend toolbar.osd; + button { + } + border { border: none; } +} + + +/************* + * Expanders * + *************/ + +expander { + padding: rem(2.7px) rem(4px) rem(3.3px); + + arrow { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + min-width: rem(16px); + min-height: rem(16px); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + &:not(:hover):not(:active) { color: gtkalpha(currentColor, 0.75); } + &:selected { color: $selected_fg_color; } + } + + label { + color: $secondary_fg_color; + &:hover, + &:active { color: $fg_color; } + &:selected { color: $selected_fg_color; } + } +} + + +/************ + * Calendar * + ***********/ + +calendar { + margin: rem(8px) 0; + padding: rem(5.3px) rem(1.3px) rem(2.7px); + border: 1px solid $borders_color; + color: $fg_color; + &:selected { + border: none; + border-radius: 100px; + color: $selected_fg_color; + background-color: transparent; + background-image: -gtk-scaled(url("assets/calendar-day-selected.png"), + url("assets/calendar-day-selected@2.png")); + background-size: rem(19.3px) rem(19.3px); + background-position: center top; + background-repeat: no-repeat; + } + + &.header { + border: 1px solid transparent; + border-bottom-color: $borders_color; + border-radius: 0; + } + + &.button, + &.header.button { + @include button(flat-normal); + color: gtkalpha(currentColor, 0.20); + background-size: $image_button_small; + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:disabled { @include button(flat-insensitive); } + } + + &:indeterminate { color: gtkalpha(currentColor, 0.20); } + &.highlight { + color: gtkalpha(currentColor, 0.55); + font-size: 90%; + font-weight: 500; + } +} + + +/*********** + * Dialogs * + ***********/ + +messagedialog { // Message Dialog styling + .titlebar { + min-height: rem(20px); + border-style: none; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + color: $inverted_secondary_fg_color; + background-color: $inverted_dark_color; + } + + entry { + &, &:focus { + color: $inverted_fg_color; + caret-color: $inverted_fg_color; + } + &:disabled { color: $insensitive_inverted_fg_color; } + } + + button { // set foregrounds for fallback-mode + color: $secondary_accent_color; + &:hover, + &:active, + &:checked { color: $accent_color; } + &:disabled { color: $insensitive_inverted_fg_color; } + } + .linked > button { + border: 2px solid transparent; + border-radius: 2px; + -gtk-outline-radius: 2px; + border-image: none; + box-shadow: none; + } + + @each $s,$as in ('','-unchecked'), + (':hover', '-unchecked-active'), + (':active', '-unchecked-active'), + (':disabled','-unchecked-insensitive'), + (':indeterminate', '-mixed'), + (':indeterminate:hover', '-mixed-active'), + (':indeterminate:active', '-mixed-active'), + (':indeterminate:disabled', '-mixed-insensitive'), + (':checked', '-checked'), + (':checked:hover', '-checked-active'), + (':checked:active', '-checked-active'), + (':checked:disabled','-checked-insensitive') { + check#{$s} { // always use dark variant + -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}-dark.png"), + url("assets/checkbox#{$as}-dark@2.png")); + } + + radio#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/radio#{$as}-dark.png"), + url("assets/radio#{$as}-dark@2.png")); + } + } + + checkbutton.text-button, + radiobutton.text-button { + color: $inverted_secondary_fg_color; + &:hover, + &:active, + &:checked { color: $inverted_fg_color; } + &:disabled, + &:disabled:active, + &:disabled:indeterminate { color: $insensitive_inverted_fg_color; } + } + + &.csd { // rounded bottom border styling for csd version + &.background { + // bigger radius for better antialiasing + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + } + + &.background, + &.csd.background { + color: $inverted_secondary_fg_color; + background-color: $inverted_dark_color; + opacity: 0.9; + + .dialog-action-area { + button, + .linked > button { + @include button(flat-normal); + border: 2px solid transparent; + border-radius: 0; + color: $inverted_secondary_fg_color; + font-size: initial; + font-weight: 700; + background-size: $text_button_small; + box-shadow: none; + // &:first-child { border-bottom-left-radius: 2px; } + // &:last-child { border-bottom-right-radius: 2px; } + + background-color: transparent; + color: $secondary_accent_color; + &:hover { + @include button(flat-hover); + color: $accent_color; + } + &:active { + @include button(flat-active); + color: $accent_color; + } + &:checked { + @include button(flat-checked); + color: $secondary_accent_color; + } + &:disabled { @include button(flat-insensitive); } + + &:first-child { + border-radius: 0 0 0 2px; + border-right-width: 0; + } + &:last-child { + border-radius: 0 0 2px 0; + border-left-width: 0; + } + } + } + } +} + +filechooser { + .dialog-action-box { border-top: 1px solid $borders_color; } + + #pathbarbox { border-bottom: 1px solid $bg_color; } +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + + +/*********** + * Sidebar * + ***********/ + +.sidebar { + border: none; + color: $secondary_fg_color; + + &, list { // draw shadows + &:dir(ltr) { box-shadow: if($variant == 'light', $sidebar-light-ltr, + $sidebar-dark-ltr); + } + &:dir(rtl) { box-shadow: if($variant == 'light', $sidebar-light-rtl, + $sidebar-dark-rtl); + } + } + + // remove background from child-elements + treeview.view, + .frame, + list { background-color: transparent; } + + treeview.view { + box-shadow: none; + &:selected, + row:selected { @extend %selected_items; } + } + + // fill actual background + background-color: $secondary_dark_color; + .frame list { box-shadow: none; } + + list, + row, + row.activatable { + color: $secondary_fg_color; + background-color: transparent; + font-weight: 500; + &:hover { color: $fg_color; } + &:selected { + color: $selected_bg_color; + background-color: transparent; + + label { color: $selected_bg_color; } + } + } + + // disable shadows on overshoot/undershoot area + // of gtk3-demo's sidebar + overshoot, + undershoot { box-shadow: none; } +} + +stacksidebar { + row, + row.activatable { + padding: rem(5.3px) rem(8px) rem(6.7px); + + > label { + padding-left: rem(5.3px); + padding-right: rem(5.3px); + } + + color: $secondary_fg_color; + background-color: transparent; + font-weight: 500; + &:hover { color: $fg_color; } + &:selected { + color: $selected_bg_color; + background-color: transparent; + + label { color: $selected_bg_color; } + } + &:backdrop { opacity: 1.0; } + + &.needs-attention > label { @extend %needs_attention; } + } + + .frame list { // draw shadows + // dim background with alpha-blending + background-color: if($variant == 'light', rgba(12, 18, 0, 0.01), + rgba(18, 22, 0, 0.04)); + + &:dir(ltr) { box-shadow: if($variant == 'light', $sidebar-light-ltr, + $sidebar-dark-ltr); + } + &:dir(rtl) { box-shadow: if($variant == 'light', $sidebar-light-rtl, + $sidebar-dark-rtl); + } + } + + // remove unwanted separator + separator, + .separator { + @extend separator.wide; + min-height: 0; + border-color: transparent; + background-color: transparent; + color: transparent; + } +} + + +/**************** + * File chooser * + ****************/ + +placessidebar { + @extend scrolledwindow; // needs for overshoot / undershoot + + list, + row { + // Background color for Nautilus and FileChooser sidebar + background-color: $secondary_dark_color; + } + + row { + // Needs overriding of the GtkListBoxRow padding + padding: rem(5.3px) 0 rem(6.7px); + + // Using margins/padding directly in the row + // will make the animation of the new bookmark row jump + & > revealer { + padding: rem(4px) rem(14px) rem(4px) rem(12px); + } + + & image.sidebar-icon { + opacity: 0.75; // dim the device icons + &:dir(ltr) { padding-right: rem(6.7px); } + &:dir(rtl) { padding-left: rem(6.7px); } + } + + & label.sidebar-label { + &:dir(ltr) { padding-right: rem(2px); } + &:dir(rtl) { padding-left: rem(2px); } + } + + button { + &.image-button { // Eject button for removable storages + padding: rem(6.7px); // Same as of placessidebar row + @extend button.flat; + } + } + + &:selected { + color: $selected_bg_color; + + label { color: $selected_bg_color; } + + button.image-button { + color: $secondary_selected_bg_color; + &:hover, + &:active { color: $selected_bg_color; } + } + } + + // in the sidebar case it makes no sense to click the selected row + // &:selected:active { box-shadow: none; } + + // looks like the label doesn't get all the states so work around + &:selected:disabled label { @extend %selected_items:disabled; } + // &:selected:backdrop:disabled label { + // @extend %selected_items:backdrop:disabled; + // } + + &.sidebar-placeholder-row { + border: solid 1px $selected_bg_color; + } + + &.sidebar-new-bookmark-row { + color: $selected_bg_color; + } + + &:drop(active):not(:disabled) { + color: $drop_target_color; + box-shadow: inset 0 1px $drop_target_color, + inset 0 -1px $drop_target_color; + + &:selected { + color: $selected_fg_color; + background-color: $drop_target_color; + } + } + } +} + +placesview { + .server-list-button > image { + } + + .server-list-button:checked > image { + } + + row.activatable:hover { background-color: transparent; } + + // this selects the "connect to server" label + > actionbar > revealer > box > label { + padding-left: rem(8px); + padding-right: rem(8px); + } +} + + +/********* + * Paned * + *********/ + +paned { + > separator { + min-width: 1px; + min-height: 1px; + border-style: none; + background-color: transparent; + -gtk-icon-source: none; // defeats the ugly default handle decoration + // using background instead of a border + // since the border will get rendered twice (?) + background-image: image($borders_color); + background-size: $separator_narrow; + transition: none; + + &:backdrop, + &:selected { // FIXME: is this needed? + background-image: image($solid_light_borders_color); + transition: none; + } + + window & { + // do not across over GtkHeaderBar with solid border + &, + &:backdrop, + &:selected { + // FIXME: still happaned double-border though + background-image: image($paned_borders_color); + transition: none; + } + } + + window > grid.vertical & { // do not use transparentize + &, + &:backdrop, + &:selected { + background-image: image($solid_light_borders_color); + transition: none; + } + } + + &.wide { + min-width: rem(6px); + min-height: rem(6px); + margin: 0; + padding: 0; + // use opaque borders to avoid double-border + background-color: $bg_color; + background-image: image($solid_light_borders_color), + image($solid_light_borders_color); + background-size: $separator_wide; + + &:backdrop, + &:selected { // FIXME: is this needed? + // background-image: none; + background-image: image($solid_light_borders_color), + image($solid_light_borders_color); + } + } + } + + &.horizontal > separator { + background-repeat: repeat-y; + + &:dir(ltr) { + margin: 0 rem(-8px) 0 0; + padding: 0 rem(8px) 0 0; + } + &:dir(rtl) { + margin: 0 0 0 rem(-8px); + padding: 0 0 0 rem(8px); + } + + &.wide { + background-repeat: repeat-y, repeat-y; + background-position: left, right; + } + } + + &.vertical > separator { + margin: 0 0 rem(-8px) 0; + padding: 0 0 rem(8px) 0; + background-repeat: repeat-x; + background-position: top; + + &.wide { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; + } + } +} + + +/************** + * GtkInfoBar * + **************/ + +infobar { + padding: rem(5.3px); + border-width: 0 0 1px; + border-style: solid; + // do not use transparentize + border-color: $solid_light_borders_color; + background-color: $secondary_dark_color; +} + +.info, +.question, +.warning, +.error { + // always use dark forefground + &:not(.error) { + color: if($variant == 'light', $secondary_fg_color, + $secondary_fixed_fg_color); + } + + button { + @include button(flat-normal); + color: $secondary_fixed_fg_color; + &:hover { + @include button(flat-hover); + color: $fixed_fg_color; + } + &:active { + @include button(flat-active); + color: $fixed_fg_color; + } + &:checked { + @include button(flat-checked); + color: $fixed_fg_color; + } + &:disabled { color: $insensitive_fixed_fg_color; } + &.flat { + color: $secondary_fixed_fg_color; + &:hover, &:active { color: $fixed_fg_color; } + &:disabled { color: $insensitive_fixed_fg_color; } + } + + &.image-button { + min-height: rem(13.3px); + min-width: rem(13.3px); + padding: rem(6.7px) rem(2.7px) rem(6.7px); + border-radius: 100px; + -gtk-outline-radius: 100px; + } + } + + selection { background-color: darken($selected_bg_color, 10%); } + + progressbar { // use 'white' bit and trough + trough { background-color: gtkopacity($selected_fg_color, 0.2); } + progress { background-color: $selected_fg_color; } + } +} + +.info { background-color: $info_bg_color; } + +.question { background-color: $question_bg_color; } + +.warning { background-color: $warning_bg_color; } + +.error { // use white test for this + color: $selected_fg_color; + background-color: $error_bg_color; +} + + +/************ + * Tooltips * + ************/ + +tooltip { + &.background { + // background-color needs to be set this way otherwise it gets drawn twice + // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. + border: 1px solid gtkopacity($inverted_dark_color, 0.9); + background-color: gtkopacity($inverted_dark_color, 0.9); + background-clip: padding-box; + } + + color: $inverted_fg_color; + padding: rem(4px); + border-radius: 2px; + box-shadow: none; // otherwise it gets inherited by windowframe.csd + + // FIXME: we need a border or tooltips vanish on black background. + decoration { background-color: transparent; } + + * { // Yeah this is ugly + background-color: transparent; + color: $inverted_fg_color; + } +} + + +/***************** + * Color Chooser * + *****************/ + +colorswatch { + // This widget is made of two boxes one on top of the other, + // the lower box is colorswatch {} the other one is + // colorswatch > .overlay {}, colorswatch has the programmatically set + // background, so most of the style is applied to the overlay box. + + box-shadow: $z-depth-1; + + // we need to re-set the shadow here since it get axed by the previous bit + &:selected { } + + // base color corners rounding + // to avoid the artifacts caused by rounded corner anti-aliasing + // the base color sports a bigger radius. + // nth-child is needed by the custom color strip. + // The :not() madness is needed since actually the overlay is + // selectable by colorswatch > .overlay and colorswatch.overlay, + // I know it's weird, but this is gtk+, not a browser. + &.top { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + } + &.bottom { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + &.left, &:first-child:not(.overlay):not(.top) { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + } + &.right, &:last-child:not(.overlay):not(.bottom) { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + } + &:only-child:not(.overlay) { border-radius: 2px; } + + // overlay corner rounding + &.top > .overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + } + &.bottom > .overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + &:first-child:not(.top) > .overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + } + &:last-child:not(.bottom) > .overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + } + &:only-child > .overlay { border-radius: 2px; } + + // hover effect + &:hover { box-shadow: $z-depth-2; } + + // no hover effect for the colorswatch in the color editor + GtkColorEditor & { + border-radius: 2px; // same radius as the entry + &:hover { box-shadow: $z-depth-1; } + } + + // indicator and keynav outline colors + &.color-dark { + color: white; + } + &.color-light { + color: gtkopacity(black, 0.8); + } + + // border color + &.overlay, + &.overlay:selected { + } + + // make the add color button looks like, well, a button + &#add-color-button { + background-image: linear-gradient(to right, + $error_bg_color 25%, + $warning_bg_color 25%, $warning_bg_color 50%, + $info_bg_color 50%, $info_bg_color 75%, + $question_bg_color 75%); + color: white; + } +} + +// colorscale popup +colorchooser .popover.osd { + padding: 3px; + border-style: solid; + border-width: 9px; + border-radius: 2px; + border-image: -gtk-scaled(url("assets/osd-shadow#{$asset_suffix}.png"), + url("assets/osd-shadow#{$asset_suffix}@2.png")) + 10 / 10px stretch; + box-shadow: none; + color: $inverted_fg_color; + background-color: $inverted_dark_color; + &:backdrop { + border-image: -gtk-scaled(url("assets/osd-shadow-backdrop#{$asset_suffix}.png"), + url("assets/osd-shadow-backdrop#{$asset_suffix}@2.png")) + 10 / 10px stretch; + } + + label { + color: $accent_color; + font-weight: 700; + } +} + + +/******** + * Misc * + ********/ + +// content view (grid/list) +.content-view { + background-color: $bg_color; + // &:hover { -gtk-icon-effect: highlight; } + & rubberband { @extend rubberband; } +} + +@keyframes volume_hover { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha(currentColor, 0)), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0.1)), + to(transparent)); + } +} + +.scale-popup { + .osd & { @extend %osd; } + + .osd & button.flat { // FIXME: quick hack, redo properly + } + + .osd & .vertical button, + & .vertical button { // +/- buttons on GtkVolumeButton popup + // padding: rem(10.7px); + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: transparent; + color: $secondary_fg_color; + + &:first-child { // '+' button + &:hover { + @include button(flat-hover); + background: none; + color: $success_color; + animation: volume_hover 0.2s linear forwards; + } + &:disabled { + @include button(flat-insensitive); + background: none; + color: gtkalpha($success_color, 0.4); + } + } + &:last-child { // '-' button + &:hover { + @include button(flat-hover); + background: none; + color: $error_color; + animation: volume_hover 0.2s linear forwards; + } + &:disabled { + @include button(flat-insensitive); + background: none; + color: gtkalpha($error_color, 0.4); + } + } + } + .osd & button, + button { + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: transparent; + color: $secondary_fg_color; + + &:first-child { // '-' button + &:hover { + @include button(flat-hover); + background: none; + color: $error_color; + animation: spin_hover 0.2s linear forwards; + } + &:disabled { + @include button(flat-insensitive); + background: none; + color: gtkalpha($error_color, 0.4); + } + } + &:last-child { // '+' button + &:hover { + @include button(flat-hover); + background: none; + color: $success_color; + animation: spin_hover 0.2s linear forwards; + } + &:disabled { + @include button(flat-insensitive); + background: none; + color: gtkalpha($success_color, 0.4); + } + } + } +} + +button.flat.scale { // standalone Speaker/Mic buttons + // I assume both are image-button *by default* + // with the image-button/text-button classes automagically applied + // depending on the button child these selectors can be deleted. + // @extend %image_button; + min-width: rem(17.3px); + min-height: rem(17.3px); + padding: rem(10px); + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.nautilus-window .floating-bar { + @extend %osd; + // @extend toolbar.osd; + padding: rem(1.3px) 0 rem(2.7px); + border: 1px solid transparent; + border-radius: 0; + color: $inverted_secondary_fg_color; + background-color: $inverted_dark_color; + transition: none; + + button { + min-height: rem(13.3px); + min-width: rem(13.3px); + padding: rem(4px); + margin: 0 rem(4px); + color: $secondary_accent_color; + &:hover, + &:active, + &:checked { color: $accent_color; } + &:disabled { color: gtkopacity($accent_color, 0.4); } + } + + spinner { + min-height: rem(12px); + min-width: rem(12px); + padding: rem(6.7px) 0 rem(6.7px); + margin: 0 rem(-1px); + } +} + +// axes left border and border radius +.nautilus-window .floating-bar.bottom.left { + border-width: 1px 1px 0 0; + border-radius: 0 2px + 1px 0 0; + // border-width: 8px 8px 0 0; + // border-image-width: 10px 10px 0 0; +} + +// axes right border and border radius +.nautilus-window .floating-bar.bottom.right { + border-width: 1px 0 0 1px; + border-radius: 2px + 1px 0 0 0; + // border-width: 8px 0 0 8px; + // border-image-width: 10px 0 0 10px; +} + + +/********************** + * Window Decorations * + *********************/ + +decoration { + transition: none; + border-radius: 2px 2px 0 0; + // lamefun trick to get rounded borders regardless of CSD use + border-width: 0; + box-shadow: $z-depth-4; + + // FIXME rationalize shadows + + // this is used for the resize cursor area + margin: 8px; + + &:backdrop { + // the transparent shadow here is to enforce that the shadow extents don't + // change when we go to backdrop, to prevent jumping windows. + // The biggest shadow should be in the same order then in the active state + // or the jumping will happen during the transition. + box-shadow: $z-depth-2-backdrop; + transition: none; + } + + .fullscreen &, + .maximized &, + .tiled & { + border-radius: 0; + transition: none; + } + + .popup & { box-shadow: none; } + + // server-side decorations as used by mutter + .ssd & { + .button { + @extend .button.flat; // use style-class instead of CSS nodes + border-radius: 100px; + -gtk-outline-radius: 100px; + } + // just doing borders, wm draws actual shadows + // otherwise incorrect shadows are appeared + box-shadow: $z-depth-1-backdrop; + + .tiled & .titlebar { + @extend %tiled_integration; + transition: none; + } + .maximized & .titlebar { + @extend %maxd_integration; + transition: none; + } + } + + .csd.popup & { + border-radius: 2px; + box-shadow: $z-depth-3; + } + tooltip.csd & { + border-radius: 2px; + box-shadow: $z-depth-2; + } + message-dialog.csd & { + border-radius: 2px; + box-shadow: $z-depth-4; + &:backdrop { + box-shadow: $z-depth-2-backdrop; + transition: none; + } + } + + .solid-csd & { + border-radius: 2px 2px 0 0; + margin: -1px; + background-color: $bg_color; + border: none; + box-shadow: none; + } +} + +// Window manager buttons +.csd headerbar, +.csd .titlebar { + & button.titlebutton, + &.selection-mode button.titlebutton { + @extend %fade_effect; + @extend button.flat; + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(10px); + border-radius: 100px; + -gtk-outline-radius: 100px; + + &.close, + &.minimize, + &.maximize { + &:hover:backdrop, + &:active:backdrop { opacity: 1.0; } + + > image { + min-height: 16px; + min-width: 16px; + color: transparent; + background-size: 16px 16px; + background-repeat: no-repeat; + background-position: center; + } + } + + // raised 'Close' button + &.close { + > image { + background-image: -gtk-scaled(url("assets/window-close.png"), + url("assets/window-close@2.png")); + } + + &:hover { + @include button(hover); + color: $selected_fg_color; + background-color: $destructive_color; + + > image { + background-image: -gtk-scaled(url("assets/window-close-active.png"), + url("assets/window-close-active@2.png")); + } + } + &:active { + @include button(active); + color: $selected_fg_color; + background-color: $selected_bg_color; + + > image { + background-image: -gtk-scaled(url("assets/window-close-active.png"), + url("assets/window-close-active@2.png")); + } + } + } + + &.minimize { + > image { + background-image: -gtk-scaled(url("assets/window-minimize.png"), + url("assets/window-minimize@2.png")); + } + + &:hover, + &:active { + > image { + background-image: -gtk-scaled(url("assets/window-minimize-active.png"), + url("assets/window-minimize-active@2.png")); + } + } + } + + &.maximize { + > image { + background-image: -gtk-scaled(url("assets/window-maximize.png"), + url("assets/window-maximize@2.png")); + } + + &:hover, + &:active { + > image { + background-image: -gtk-scaled(url("assets/window-maximize-active.png"), + url("assets/window-maximize-active@2.png")); + } + } + } + } +} + +.csd.maximized headerbar, +.csd.maximized .titlebar { + & button.titlebutton, + &.selection-mode button.titlebutton { + &.maximize { + > image { + background-image: -gtk-scaled(url("assets/window-unmaximize.png"), + url("assets/window-unmaximize@2.png")); + } + + &:hover, + &:active { + > image { + background-image: -gtk-scaled(url("assets/window-unmaximize-active.png"), + url("assets/window-unmaximize-active@2.png")); + } + } + } + } +} + +// specific button styling for SSDs +.ssd .titlebar { + button.titlebutton { + &.close, + &.minimize, + &.maximize { // reset styling + color: transparent; + background-size: 28px 28px; + background-repeat: no-repeat; + background-position: center; + background: none; + box-shadow: none; + &:backdrop, + &:hover:backdrop, + &:active:backdrop { color: transparent; } + } + + @each $_class, + $_state, + $_shadow in ('', '', none), + (':hover', '-hover', $z-depth-2), + (':active', '-active', $z-depth-2), + (':backdrop', '-backdrop', none), + (':backdrop:hover', '-backdrop-hover', $z-depth-2), + (':backdrop:active', '-backdrop-active', $z-depth-2) { + &.close#{$_class} { + background-image: -gtk-scaled( + url("assets/window-close-ssd#{$_state}.png"), + url("assets/window-close-ssd#{$_state}@2.png")); + box-shadow: #{$_shadow}; + } + } + + @each $_class, $_state in ('', ''), + (':hover', '-hover'), + (':active', '-active'), + (':backdrop', '-backdrop'), + (':backdrop:hover', '-backdrop-hover'), + (':backdrop:active', '-backdrop-active') { + &.minimize#{$_class} { + background-image: -gtk-scaled( + url("assets/window-minimize-ssd#{$_state}.png"), + url("assets/window-minimize-ssd#{$_state}@2.png")); + } + } + + @each $_class, $_state in ('', ''), + (':hover', '-hover'), + (':active', '-active'), + (':backdrop', '-backdrop'), + (':backdrop:hover', '-backdrop-hover'), + (':backdrop:active', '-backdrop-active') { + &.maximize#{$_class} { + background-image: -gtk-scaled( + url("assets/window-maximize-ssd#{$_state}.png"), + url("assets/window-maximize-ssd#{$_state}@2.png")); + } + } + } +} + +.maximized.ssd .titlebar { + button.titlebutton { + @each $_class, $_state in ('', ''), + (':hover', '-hover'), + (':active', '-active'), + (':backdrop', '-backdrop'), + (':backdrop:hover', '-backdrop-hover'), + (':backdrop:active', '-backdrop-active') { + &.maximize#{$_class} { + background-image: -gtk-scaled( + url("assets/window-unmaximize-ssd#{$_state}.png"), + url("assets/window-unmaximize-ssd#{$_state}@2.png")); + } + } + } +} + +.ssd decoration .titlebar { + // shrink titlebar height for SSD + button.titlebutton { + min-width: 28px; + min-height: 28px; + margin: 0; + padding: 0; + } +} + +// catch all extend :) +%selected_items { + background-color: $selected_bg_color; + + @at-root %nobg_selected_items, & { + color: $selected_fg_color; + &:disabled { color: $insensitive_selected_fg_color; } + &:backdrop { + // color: $backdrop_selected_fg_color; + &:disabled { color: $insensitive_selected_fg_color; } + } + } +} + +.monospace { + font-family: Monospace; +} + + +/********************** + * Touch Copy & Paste * + *********************/ + +// touch selection handlebars for the Popover.osd above +cursor-handle { + background-color: $success_color; + background-image: none; + box-shadow: none; + border-style: none; + @each $s,$as in ('',''), + (':hover','-hover'), + (':active','-active') { // no need for insensitive + // and backdrop + &.top#{$s}:dir(ltr), &.bottom#{$s}:dir(rtl) { + $_url: 'assets/text-select-start#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + padding-left: 10px; + } + &.bottom#{$s}:dir(ltr), &.top#{$s}:dir(rtl) { + $_url: 'assets/text-select-end#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + padding-right: 10px; + } + &.insertion-cursor#{$s}:dir(ltr), + &.insertion-cursor#{$s}:dir(rtl) { + $_url: 'assets/slider-horz-scale-has-marks-above#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + } + } +} + +// Decouple the font of context menus from their entry/textview +.context-menu { + font: initial; +} + +popover.touch-selection { + font: initial; + color: $fg_color; + background-color: $base_color; + box-shadow: $z-depth-2; + &:backdrop { box-shadow: $z-depth-1; } + button { + } +} + +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + + label { padding: 0; } +} + +// shortcut window keys +.keycap { + min-width: rem(20px); + min-height: rem(26px); + margin-top: rem(2.7px); + margin-bottom: rem(3.3px); + padding: 0 rem(6px); + border: none; + border-radius: 2px; + color: $fg_color; + background-color: $base_color; + box-shadow: $z-depth-1; + font-size: 90%; + font-weight: 500; +} + +// FIXME: needs to be done widget by widget, +// this wildcard should really die +*:drop(active):focus, +*:drop(active) { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + caret-color: $drop_target_color; +} + +// FIXME: aggregate with buttons +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: rem(37.3px); + min-height: rem(37.3px); + padding: 0; +} + +// undershoot for speciic-cases +undershoot { + box > scrolledwindow & { + &.top { @include undershoot(top, $bg_color); } + &.bottom { @include undershoot(bottom, $bg_color); } + &.left { @include undershoot(left, $bg_color); } + &.right { @include undershoot(right, $bg_color); } + } + + placessidebar &, + .sidebar & { + &.top { @include undershoot(top, $secondary_dark_color); } + &.bottom { @include undershoot(bottom, $secondary_dark_color); } + &.left { @include undershoot(left, $secondary_dark_color); } + &.right { @include undershoot(right, $secondary_dark_color); } + } +} +
A
themes/whitey/gtk-3.20/_drawing.scss
@@ -0,0 +1,559 @@
+// +// Drawing mixins +// +// Generic drawing of more complex things +// + + +// +// Scaling function +// + +$ref_size: 13.3px; // = 10pt = 1em + +@function rem($px, $fs: $ref_size) { + @return ($px / $fs ) * 1rem; +} + + +// +// Default shadows +// + +$z-depth-1: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); +$z-depth-2: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.20); +$z-depth-3: 0 5px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.20); +$z-depth-4: 0 6px 8px -4px rgba(0, 0, 0, 0.16), + 0 10px 6px rgba(0, 0, 0, 0.20); +$z-depth-5: 0 8px 10px -4px rgba(0, 0, 0, 0.20), + 0 12px 8px rgba(0, 0, 0, 0.24); + +// z-depth-1 actual shadows + dummy z-depth-2 area +$z-depth-1-backdrop: 0 2px 2px transparent, + 0 3px 4px transparent, + 0 3px 3px -1px rgba(0, 0, 0, 0.08); +// z-depth-2 actual shadows + dummy z-depth-4 area +$z-depth-2-backdrop: 0 10px 6px transparent, + 0 6px 8px -4px transparent, + 0 2px 2px rgba(0, 0, 0, 0.12), + 0 3px 4px rgba(0, 0, 0, 0.20); + + +// +// Header-bar shadows +// + +$header-shadow-light: 0 1px 1px rgba(0, 0, 0, 0.16), + 0 1px 2px rgba(0, 0, 0, 0.26), + 0 2px 3px rgba(0, 0, 0, 0.32); +$header-shadow-dark: 0 1px 1px rgba(0, 0, 0, 0.06), + 0 1px 2px rgba(0, 0, 0, 0.14), + 0 2px 3px rgba(0, 0, 0, 0.20); +$sub-header-shadow-light-ltr: 0 1px 1px rgba(0, 0, 0, 0.16), + 0 1px 2px rgba(0, 0, 0, 0.26), + 0 2px 3px rgba(0, 0, 0, 0.32), + -5px 0 0 -1px $inverted_dark_color, + -2px 0 0 -1px $borders_color; +$sub-header-shadow-dark-ltr: 0 1px 1px rgba(0, 0, 0, 0.06), + 0 1px 2px rgba(0, 0, 0, 0.14), + 0 2px 3px rgba(0, 0, 0, 0.20), + -5px 0 0 -1px $inverted_dark_color, + -2px 0 0 -1px $borders_color; +$sub-header-shadow-light-rtl: 0 1px 1px rgba(0, 0, 0, 0.16), + 0 1px 2px rgba(0, 0, 0, 0.26), + 0 2px 3px rgba(0, 0, 0, 0.32), + 5px 0 0 -1px $inverted_dark_color, + 2px 0 0 -1px $borders_color; +$sub-header-shadow-dark-rtl: 0 1px 1px rgba(0, 0, 0, 0.06), + 0 1px 2px rgba(0, 0, 0, 0.14), + 0 2px 3px rgba(0, 0, 0, 0.20), + 5px 0 0 -1px $inverted_dark_color, + 2px 0 0 -1px $borders_color; +$selected-header-shadow-light-ltr: 0 1px 1px rgba(0, 0, 0, 0.16), + 0 1px 2px rgba(0, 0, 0, 0.26), + 0 2px 3px rgba(0, 0, 0, 0.32), + -5px 0 0 -1px $selected_bg_color, + -2px 0 0 -1px $solid_dark_borders_color; +$selected-header-shadow-dark-ltr: 0 1px 1px rgba(0, 0, 0, 0.06), + 0 1px 2px rgba(0, 0, 0, 0.14), + 0 2px 3px rgba(0, 0, 0, 0.20), + -5px 0 0 -1px $selected_bg_color, + -2px 0 0 -1px $solid_dark_borders_color; +$selected_header-shadow-light-rtl: 0 1px 1px rgba(0, 0, 0, 0.16), + 0 1px 2px rgba(0, 0, 0, 0.26), + 0 2px 3px rgba(0, 0, 0, 0.32), + 5px 0 0 -1px $selected_bg_color, + 2px 0 0 -1px $solid_dark_borders_color; +$selected-header-shadow-dark-rtl: 0 1px 1px rgba(0, 0, 0, 0.06), + 0 1px 2px rgba(0, 0, 0, 0.14), + 0 2px 3px rgba(0, 0, 0, 0.20), + 5px 0 0 -1px $selected_bg_color, + 2px 0 0 -1px $solid_dark_borders_color; + + +// +// Side-bar shadows +// + +$sidebar-light-ltr: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), + inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); +$sidebar-light-rtl: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), + inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); +$sidebar-dark-ltr: inset -2px 2px 1px -2px rgba(0, 0, 0, 0.02), + inset -3px 3px 3px -2px rgba(0, 0, 0, 0.06); +$sidebar-dark-rtl: inset 2px 2px 1px -2px rgba(0, 0, 0, 0.02), + inset 3px 3px 3px -2px rgba(0, 0, 0, 0.06); + + +// +// Inline-toolbar shadows +// + +$inline-shadow-light: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), + inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); +$inline-shadow-dark: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), + inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); + + +// +// Info-bar shadows +// +// $infobar-shadow-light: inset 0 1px 2px rgba(0, 0, 0, 0.08); +// $infobar-shadow-dark: inset 0 1px 2px rgba(0, 0, 0, 0.04); + + +// +// Reorderable-tab shadows +// + +$tab-shadow-light: -1px 0 2px rgba(0, 0, 0, 0.02), + -1px 0 4px rgba(0, 0, 0, 0.02), + 1px 0 2px rgba(0, 0, 0, 0.02), + 1px 0 4px rgba(0, 0, 0, 0.02); +$tab-shadow-dark: -1px 0 2px rgba(0, 0, 0, 0.02), + -1px 0 4px rgba(0, 0, 0, 0.03), + 1px 0 2px rgba(0, 0, 0, 0.02), + 1px 0 4px rgba(0, 0, 0, 0.03); + + +// +// Menubar shadows +// + +$menubar-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.26), + inset 0 5px 3px -5px rgba(0, 0, 0, 0.39), + inset 0 -1px $borders_color; + + +// +// Toolbar shadows +// + +$toolbar-shadow-light: inset 0 1px 1px rgba(0, 0, 0, 0.18), + inset 0 4px 2px -4px rgba(0, 0, 0, 0.20), + inset 0 8px 3px -5px rgba(0, 0, 0, 0.24); +$toolbar-shadow-dark: inset 0 1px 1px rgba(0, 0, 0, 0.22), + inset 0 4px 3px -4px rgba(0, 0, 0, 0.22), + inset 0 8px 3px -5px rgba(0, 0, 0, 0.24); + + +/****************** + * Ripple effects * + ******************/ + +// +// Ripple effects +// + +@keyframes ripple_effect { +// +// Ripple effect drawing function +// + + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha(currentColor, 0.1)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.4, + to(gtkalpha(currentColor, 0.1)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.1)); + } +} + +@keyframes flat_ripple_effect { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha(currentColor, 0.1)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.1)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.4, + to(gtkalpha(currentColor, 0.1)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.1)); + } +} + +@keyframes list_ripple_effect { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.05)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.4, + to(gtkalpha(currentColor, 0.1)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.1)); + } +} + + +// +// Entries +// + +@mixin entry($t, $fc:$selected_bg_color) { +// +// Entries drawing function +// +// $t: entry type +// $fc: focus color +// +// possible $t values: +// normal, focus, insensitive, flat-normal, flat-focus, flat-insensitive; +// + + @if $t==normal { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: $solid_light_borders_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + background-color: transparent; + color: $secondary_fg_color; + } + @if $t==focus { + border-color: $solid_light_borders_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($fc), + to(transparent)) + 0 0 2 / 0 0 2px; + color: $fg_color; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), + box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; + } + @if $t==insensitive { + border-color: $solid_light_borders_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + background-color: transparent; + color: $insensitive_fg_color; + } + @if $t==flat-normal { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: $solid_light_borders_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + background-color: transparent; + color: $secondary_fg_color; + } + @if $t==flat-focus { + border-color: $solid_light_borders_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($fc), + to(transparent)) + 0 0 2 / 0 0 2px; + color: $fg_color; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), + box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; + } + @if $t==flat-insensitive { + border-color: $solid_light_borders_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + color: $insensitive_fg_color; + } +} + + +// +// Buttons +// + +@mixin button($t, $c:$light_color, $tc:$fg_color) { +// +// Button drawing function +// +// $t: button type, +// $c: base button color for colored* types +// $tc: optional text color for colored* types +// +// possible $t values: +// normal, hover, active, insensitive, checked, checked-insensitive, +// flat-normal, flat-hover, flat-active, flat-insensitive, flat-checked, +// flat-checked-insensitive, undecorated +// + + @if $t==normal { + // + // normal button + // + box-shadow: $z-depth-1, + inset 0 1px $highlight_color; + background-color: $c; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0)); + color: $secondary_fg_color; + } + + @else if $t==hover { + // + // hovered button + // + box-shadow: $z-depth-2, + inset 0 1px $highlight_color; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0)); + color: $fg_color; + } + + @else if $t==active { + // + // pushed button + // + box-shadow: $z-depth-2, + inset 0 1px $highlight_color; + color: $fg_color; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + @else if $t==insensitive { + // + // insensitive button + // + box-shadow: none; + background-color: $track_color; + color: if($tc!=$fg_color, $insensitive_fg_color, + $insensitive_secondary_fg_color); + > label { color: inherit; } + } + @else if $t==checked { + // + // checked button + // + box-shadow: $z-depth-1, + inset 0 1px $highlight_color; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + @else if $t==checked-insensitive { + // + // checked insensitive button + // + box-shadow: none; + background-color: $track_color; + color: gtkopacity($selected_bg_color, 0.4); + > label { color: inherit; } + } + + @else if $t==flat-normal { + // + // normal flat button + // + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0)); + } + @else if $t==flat-hover { + // + // hovered flat button + // + box-shadow: none; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.1)); + } + @else if $t==flat-active { + // + // pushed flat button + // + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + @else if $t==flat-insensitive { + // + // insensitive flat button + // + box-shadow: none; + background-color: transparent; + } + @else if $t==flat-checked { + // + // checked flat button + // + background-color: $track_color; + color: $fg_color; + } + @else if $t==flat-checked-insensitive { + // + // checked flat insensitive button + // + > label { color: inherit; } + } + + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } +} + + +// +// Overshoot +// + +@mixin overshoot($p, $t:normal, $c:$secondary_selected_bg_color) { +// +// Overshoot drawing function +// +// $p: position +// $t: type +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// +// possible $t values: +// normal, backdrop +// + + $_position: center $p; + + @if ($p == left) or ($p == right) { + $_position: $p center; + } + + background-image: -gtk-gradient(radial, + $_position, 0, + $_position, 0.75, + to(gtkopacity($c, 0.2)), + to(transparent)); + + background-repeat: no-repeat; + background-position: $_position; + + // reset some properties to be sure to not inherit them somehow + background-color: transparent; + border: none; + box-shadow: none; +} + + +// +// Undershoot +// + +@mixin undershoot($p, $fading_color: $base_color) { +// +// Undershoot drawing function +// +// $p: position +// $fading_color: actual colour for fader +// +// possible $p values: +// top, bottom, right, left +// + + // shouldn't be needed, but better to be sure + background-color: transparent; + + $_gradient_dir: $p; + $_fader_size: 16px 32px; + $_gradient_repeat: repeat-x; + $_bg_pos: center $p; + + + @if ($p == left) or ($p == right) { + $_fader_size: 32px 16px; + $_gradient_repeat: repeat-y; + $_bg_pos: $p center; + } + + // this is the dashed line + background-image: linear-gradient(to $_gradient_dir, + gtkopacity($fading_color, 0.01), + gtkopacity($fading_color, 0.04), + gtkopacity($fading_color, 0.20), + gtkopacity($fading_color, 0.44), + gtkopacity($fading_color, 0.94)); + + padding-#{$p}: 0; + background-size: $_fader_size; + background-repeat: $_gradient_repeat; + background-origin: content-box; + background-position: $_bg_pos; +} +
A
themes/whitey/gtk-3.20/_misc.scss
@@ -0,0 +1,939 @@
+/*************** + * Gnome panel * + ***************/ + +panel-toplevel.background { + background-color: $panel_bg_color; +} + +panel-plug, +panel-toplevel > grid.horizontal > widget > widget { + // Always use dark-color of dark variant + color: $inverted_secondary_fg_color; + background-color: $panel_bg_color; + box-shadow: none; +} + +.gnome-panel-menu-bar, +panel-applet > menubar, +#clock-applet-button { + font-weight: 700; + color: $inverted_secondary_fg_color; + background-color: transparent; + box-shadow: none; + label:backdrop, + &:backdrop { opacity: 1.0; } +} + +.gnome-panel-menu-bar, +panel-applet menubar { + box-shadow: none; + & menuitem { + color: $inverted_secondary_fg_color; + background-color: transparent; + &:hover { + color: $inverted_fg_color; + box-shadow: inset 0 -2px $selected_bg_color; + } + &:backdrop { opacity: 1.0; } + } + & menu { + font: regular; + & menuitem { + color: $secondary_fg_color; + background-color: $base_color; + &:hover { + color: $fg_color; + background-color: gtkalpha(currentColor, 0.1); + box-shadow: none; + } + &:backdrop { opacity: 1.0; } + } + separator { color: $borders_color; } + } +} + +#tasklist-button, +#clock-applet-button, +#showdesktop-button { + @include button(flat-normal); + padding: 0px rem(4px); + border: none; + border-radius: 0; + color: $inverted_secondary_fg_color; + background-color: transparent; + font-weight: 700; + &:hover { + color: $inverted_fg_color; + background-color: transparent; + box-shadow: inset 0 -2px $track_color; + } + &:checked, + &:hover:checked, + &:disabled:checked { // 'checked' = 'active' + color: $inverted_fg_color; + background-color: transparent; + box-shadow: inset 0 -2px $selected_bg_color; + } + label:backdrop, + &:backdrop { opacity: 1.0; } +} + +widget { // ubuntu-indicator container + > menubar { + background-color: transparent; + background-image: linear-gradient(to bottom, $panel_bg_color); + box-shadow: none; + } +} + +wnck-pager { + &:selected { box-shadow: inset 0 -2px $selected_bg_color; } + &:backdrop { opacity: 1.0; } +} + +na-tray-applet { + -NaTrayApplet-icon-padding: 2; + -NaTrayApplet-icon-size: 16; + &:backdrop { opacity: 1.0; } +} + +gp-arrow-button { + min-width: rem(20px); + min-height: 0; + border: 1px solid transparent; + background-image: none; + color: $inverted_secondary_fg_color; + margin: rem(2px); + &:hover, + &:active { color: $inverted_fg_color; } +} + +sn-button { padding: rem(4px); } + + +/************** + * Tweak-tool * + **************/ + +// sidebar +.tweak-categories { + background-color: $secondary_dark_color; + color: $secondary_fg_color; + &:dir(ltr) { box-shadow: if($variant == 'light', $sidebar-light-ltr, + $sidebar-dark-ltr); + } + &:dir(rtl) { box-shadow: if($variant == 'light', $sidebar-light-rtl, + $sidebar-dark-rtl); + } + + separator, + .separator { + @extend separator.wide; + min-height: 0; + border-color: transparent; + background-color: transparent; + color: transparent; + } +} + +.tweak-category { + @extend treeview.view; + border: none; + color: $secondary_fg_color; + background-color: transparent; + font-weight: 500; + &:hover { color: $fg_color; } + &:selected { + color: $selected_bg_color; + background-color: transparent; + + label { color: $selected_bg_color; } + } + +} + +// container and tweaks in a group +.tweak-group { + padding: 6px; + background-color: $base_color; +} + +.tweak { + background-color: $base_color; + &:hover { background-color: transparent; } +} + +.tweak-group-white, +.tweak-white { + background-color: $base_color; +} + + +/******************* + * Gnome-Flashback * + *******************/ + +// use message-dialog style for popup osd windows + +// gf-popup-window, +#gf-bubble, +#gf-osd-window, +#gf-input-source-popup { + &, &.solid { + border-radius: 2px; + border: 1px solid $borders_color; + background-color: gtkopacity($inverted_dark_color, 0.9); + color: $inverted_fg_color; + } +} + +// FIXME: it doesn't work at all... +// #gf-label-window { +// font-size: rem(45px); +// font-weight: 400; +// } + +// input-source switcher labels +#gf-input-source { + min-width: rem(120px); + min-height: rem(120px); + color: $inverted_fg_color; + font-size: rem(24px); + font-weight: 400; + &:selected { + border-radius: 2px; + background-color: $track_color; + color: $accent_color; + } +} + +// popup for inpu-source candidates +#gf-candidate-popup { + &, &.solid { + border-radius: 2px; + border: 1px solid $borders_color; + background-color: gtkopacity($inverted_dark_color, 0.9); + color: $inverted_fg_color; + } + + gf-candidate-box { + transition: none; + label { padding: rem(2.7px) rem(2.7px) rem(4px); } // a half of .menuitem + + &:last-child { padding-left: 0; } + &:hover, + &:selected { + border-radius: 0; + background-color: $track_color; + color: $selected_fg_color; + } + } + + button, + .linked > button { // page-up&down buttons + &, + &:first-child, + &:last-child { + @extend button.flat; + border-radius: 0; + border: none; + background-color: transparent; + color: $secondary_accent_color; + box-shadow: none; + } + } +} + + +/************ + * Nautilus * + ************/ + +.nautilus-desktop-window, +.nautilus-desktop-window notebook, +.nautilus-desktop-window notebook > stack { + background: transparent; +} + +.nautilus-desktop.nautilus-canvas-item { + color: $selected_fg_color; +} + +.nautilus-canvas-item { + border-radius: 2px; +} + +.nautilus-circular-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +NautilusTrashBar { + @extend infobar; +} + +.disk-space-display { + border: 0 none transparent; + + &.free { + background-color: $track_color; + color: $insensitive_fg_color; + } + + &.used { background-color: $selected_bg_color; } + + &.unknown { background-color: $warning_color; } +} + + +/********* + * Geary * + *********/ + +// Geary is the most ugly app for theming. +.geary-titlebar-left { + // remove unexpected "hardcoded" vertical separator + separator { opacity: 0; } +} + +.geary-titlebar-right { + // stop double-shadows on right paned header-bar + box-shadow: none; +} + + +/************ + * Epiphany * + ************/ + +// reset inverted foreground colour +EphyWindow { + .nautilus-window .floating-bar { color: $secondary_fg_color; } +} + + +/************ + * Seahorse * + ************/ + +// remove double borders +SeahorseWidget { + .sidebar { + paned separator { border: none; } + } +} + +window paned > box.vertical { + // remove drop-shadow + > box.vertical > toolbar.primary-toolbar { + box-shadow: none; + border-bottom: 1px solid $borders_color; + } +} + + +/********** + * Polari * + **********/ + +.polari-room-list { // override labels + row { + font-weight: 700; + &:not(:hover):not(:active):not(:selected) { + label, + image { opacity: 1.0; } + } + + &.inactive { + &:not(:hover):not(:active):not(:selected) { + label, + image { opacity: 0.65; } + } + } + } +} + +.polari-nick-entry { + border-image: none; + font-weight: 700; +} + +// FIXME: can not override Polari 3.20.2 +// style in 10 years ago... +.sidebar { + row.activatable.inactive { + color: $secondary_fg_color; + background-color: transparent; + font-weight: 500; + &:hover { color: $fg_color; } + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + } +} + +// Why GtkLabel was needed, crazy... +box > headerbar > label.polari-titlebar-separator { + min-width: 0; + border: none; + opacity: 0; +} + + +/************* + * RhythmBox * + *************/ + +// add top-border to inline-toolbar +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + @if $variant == 'light' { + box-shadow: inset 0 1px $solid_light_borders_color, + inset 0 2px 2px rgba(0, 0, 0, 0.05), + inset -2px 0 2px -2px rgba(0, 0, 0, 0.03), + inset -3px 0 3px -2px rgba(0, 0, 0, 0.03); + } + @else { + box-shadow: inset 0 1px $solid_light_borders_color, + inset 0 2px 2px rgba(0, 0, 0, 0.05), + inset -2px 0 1px -2px rgba(0, 0, 0, 0.02), + inset -3px 0 3px -2px rgba(0, 0, 0, 0.04); + } + + &:dir(rtl) { + @if $variant == 'light' { + box-shadow: inset 0 1px $solid_light_borders_color, + inset 0 2px 2px rgba(0, 0, 0, 0.05), + inset 2px 0 2px -2px rgba(0, 0, 0, 0.03), + inset 3px 0 3px -2px rgba(0, 0, 0, 0.03); + } + @else { + box-shadow: inset 0 1px $solid_light_borders_color, + inset 0 2px 2px rgba(0, 0, 0, 0.05), + inset 2px 0 1px -2px rgba(0, 0, 0, 0.02), + inset 3px 0 3px -2px rgba(0, 0, 0, 0.04); + } + } +} + +// tweak sidebar styling +.sidebar-paned { + scrolledwindow { + &:dir(ltr) { box-shadow: if($variant == 'light', $sidebar-light-ltr, + $sidebar-dark-ltr); + } + &:dir(rtl) { box-shadow: if($variant == 'light', $sidebar-light-rtl, + $sidebar-dark-rtl); + } + } + + .sidebar { + background-color: if($variant == 'light', rgba(12, 18, 0, 0.01), + rgba(18, 22, 0, 0.04)); + } +} + +// remove unwanted drop-shadow +window > box.vertical > box.vertical { + > toolbar.horizontal { box-shadow: none; } +} + +// force using circle buttons for 'play/pause' etc +window > box.vertical > box.vertical > toolbar { + .linked > button { + border-radius: 100px; + -gtk-outline-radius: 100px; + } +} + + +/************** + * Calculator * + **************/ + +window { + > grid.vertical > box.vertical > widget { + button { + @extend button.flat; + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: 0.75em 1em 0.75em; // FIXME: broken in 12pt fonts? + border: 0.75em solid transparent; + border-radius: 2px; + font-weight: 700; + + &.suggested-action { // '=' button + color: transparent; + font-size: 0; + @each $s,$as in ('',''), + (':hover','-hover'), + (':active','-active'), + (':disabled','-insensitive') { + &#{$s} { + $_url: 'assets/equal#{$as}#{$asset_suffix}'; + @include button(normal#{$as}); + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; // FIXME: animation breaks padding. + } + } + } + } + } +} + + +/********* + * Gedit * + *********/ + +GeditViewFrame { + .gedit-search-slider { + @extend toolbar.osd; + padding: 3px; + border-radius: 2px; + border-width: 9px; + border-image: -gtk-scaled(url("assets/osd-shadow#{$asset_suffix}.png"), + url("assets/osd-shadow#{$asset_suffix}@2.png")) + 10 / 10px stretch; + color: $inverted_fg_color; + opacity: 0.9; + + entry, + .linked > entry { + &, + &.error, + &.warning { + color: $inverted_fg_color; + &:focus { color: $selected_fg_color; } + &:disabled { color: $insensitive_inverted_fg_color; } + } + } + } +} + +paned.titlebar.horizontal { + headerbar { + button.flat.toggle.popup { // left-pane header button + border-radius: 2px; + -gtk-outline-radius: 2px; + } + } +} + +notebook grid.horizontal > widget > box.horizontal > scrolledwindow { + undershoot { // remove undershoot + &.top, + &.bottom, + &.left, + &.right { background-image: none; } + } +} + + +/*********** + * Builder * + ***********/ + +// +// do not use box-shadows. it's too problematic! +// + +// work around some gtk padding issue +filechooser actionbar button.combo { + padding: 0; +} + +// styling for editor search +frame.gb-search-frame { + background-image: linear-gradient(to bottom, $bg_color); + padding: rem(6px); + border-style: solid; + border-color: $borders_color; + border-left-width: 1px; + border-right-width: 1px; + border-bottom-width: 1px; + border-radius: 0; +} + +frame.gb-search-frame border { border: none; } + +.gb-search-entry-occurrences-tag { + color: $insensitive_fg_color; + margin: rem(2px); + padding: rem(2px); + border-width: 0; +} + +// Tweaks for the editortweak popover in the editor. +editortweak button { padding: 0 rem(6px) 0 rem(6px); } +editortweak list row { padding: 0; } + +// Keep search bar and layouttab height in sync. +layouttabbar > box { min-height: rem(39px); } +eggsearchbar > revealer > box { min-height: rem(39px); } +eggsearchbar entry { min-height: rem(24px); } + +// Pillbox is used to render "languages" in the greeter. +pillbox { border-radius: 2px; } + +// Styling in the genesis (create project) perspective. +genesisperspective stack > box:first-child list row { + padding: rem(10px); + border-bottom: 1px solid $solid_light_borders_color; + &:last-child { border-bottom: none; } +} + +// Perspectives switcher +// +// The following tweaks the left-most sidebar containing +// the list of perspectives. +perspectiveswitcher { + padding: 0 rem(4px); + border-right: 1px solid $solid_light_borders_color; + background-color: $secondary_dark_color; + + button { + padding: rem(6px); + border-radius: 100px; + border: none; + background: none; + color: $tertiary_fg_color; + box-shadow: none; + + image { opacity: 0.55; } + &:hover { + background: none; + image { opacity: 0.75; } + } + &:active, + &:checked { + background: none; + image { opacity: 1.0; } + } + } +} + +// Layout tab and tab bar tweaks +// +// The following makes the layout stack header look similar to a tab bar. +layouttabbar { + min-height: rem(37.3px); + padding: rem(5.3px); + border-bottom: 1px solid $solid_light_borders_color; + background-color: $secondary_dark_color; + + > box > button { + opacity: 0.55; + &:hover { opacity: 0.75; } + &:active { opacity: 1.0; } + } + + button { + @extend button.flat; + padding: rem(4px) rem(5.3px) rem(5.3px); + margin: rem(2.7px); + border-radius: 2px; + background-color: transparent; + } +} + +layouttab { + margin: rem(2.7px); + padding: rem(5.3px); + background-color: transparent; + + label { padding: rem(4px); } + + separator.vertical { + margin: rem(2.7px); + color: transparent; + background-color: $borders_color; + } + + button { + @extend button.flat; + margin: rem(2.7px); + border-radius: 2px; + padding-left: rem(5.3px); + padding-right: rem(5.3px); + } +} + +// Close button styling for layouttab. +layouttab > box { + > button:last-child { + min-height: rem(13.3px); + min-width: rem(13.3px); + padding: rem(6.7px); + border-radius: 100px; + -gtk-outline-radius: 100px; + @include button(flat-normal); + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:disabled { @include button(flat-insensitive); } + } + + > button:last-child image { opacity: 0.55; } + > button:last-child:hover image { opacity: 0.75; } + > button:last-child:active image { opacity: 1.0; } +} + +layout { + border: 1px solid $solid_light_borders_color; + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + background-color: $secondary_dark_color; +} + +pillbox { + background-color: $bg_color; + border-radius: 2px; +} + +docktabstrip, +tabstrip { + min-height: rem(34.7px); + padding: rem(5.3px) rem(16px); + border-bottom: 1px solid $solid_light_borders_color; + background-color: $secondary_dark_color; + + docktab, + tab { + color: $tertiary_fg_color; + font-weight: 700; + box-shadow: inset 0 -1px $track_color; + &:hover { + color: $fg_color; + box-shadow: inset 0 -2px $track_color; + } + &:checked { + color: $fg_color; + box-shadow: inset 0 -2px $selected_bg_color; + } + } +} + +layoutstack { // remove undershoot from main editor pane + widget scrolledwindow { + undershoot { + &.top, + &.bottom, + &.left, + &.right {background-image: none; } + } + } +} + + +/*************** + * Gnome-music * + ***************/ + +// side-bar styling +// FIXME: it doesn't work properly +GdMainView, +.side-panel { + &:dir(ltr) { border-right: 1px solid $borders_color; } + &:dir(rtl) { border-left: 1px solid $borders_color; } + + .view { + background-color: $secondary_dark_color; + box-shadow: none; + &, & row.activatable { + padding: 0; + background-color: transparent; + color: $secondary_fg_color; + font-weight: 500; + box-shadow: none; + &:hover { color: $fg_color; } + &:hover:selected, + &:selected { @extend %selected_items; } + } + + // &:dir(ltr) { + // box-shadow: if($variant == 'light', $sidebar-light-ltr, + // $sidebar-dark-ltr); + // } + // &:dir(rtl) { + // box-shadow: if($variant == 'light', $sidebar-light-rtl, + // $sidebar-dark-rtl); + // } + } +} + +// player-bar +// FIXME: it doesn't work properly +actionbar { + &, &.frame { background-color: $secondary_dark_color; } + box-shadow: if($variant == 'light', $inline-shadow-light, + $inline-shadow-dark); + + button, + .linked > button.image-button { + @include button(flat-normal); + border-radius: 100px; + -gtk-outline-radius: 100px; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.001, + to($track_color), + to(transparent)) + 0 0 0 / 0 0 0px; + color: $secondary_fg_color; + box-shadow: none; + &:hover { + @include button(flat-hover); + border-image: none; + color: $fg_color; + box-shadow: none; + } + &:checked { + @include button(flat-checked); + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_bg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + background-color: transparent; + color: $fg_color; + box-shadow: none; + &:disabled { + @include button(flat-checked-insensitive); + border-image: none; + background-color: transparent; + color: $insensitive_fg_color; + box-shadow: none; + > .label { color: inherit; } + } + } + &:disabled { + @include button(flat-insensitive); + border-image: none; + background-color: transparent; + color: $insensitive_secondary_fg_color; + box-shadow: none; + } + } +} + + +/****************** + * Gnome-contacts * + ******************/ + +window overlay > grid > frame > grid { + toolbar { box-shadow: none; } + + // side-bar styling + list { + &:dir(ltr) { box-shadow: if($variant == 'light', $sidebar-light-ltr, + $sidebar-dark-ltr); + } + &:dir(rtl) { box-shadow: if($variant == 'light', $sidebar-light-rtl, + $sidebar-dark-rtl); + } + + row { + color: $secondary_fg_color; + background-color: if($variant == 'light', rgba(12, 18, 0, 0.01), + rgba(18, 22, 0, 0.04)); + + &:hover { color: $fg_color; } + &:selected, + &:selected.activatable { + &, & label { color: $selected_bg_color; } + background-color: if($variant == 'light', rgba(12, 18, 0, 0.01), + rgba(18, 22, 0, 0.04)); + } + &:backdrop { opacity: 1.0; } + } + + // hide horizontal separator + separator { + @extend separator.wide; + min-height: 0; + border-color: transparent; + background-color: transparent; + color: transparent; + } + } + + scrolledwindow undershoot { + &.top { @include undershoot(top, $secondary_dark_color); } + &.bottom { @include undershoot(bottom, $secondary_dark_color); } + &.left { @include undershoot(left, $secondary_dark_color); } + &.right { @include undershoot(right, $secondary_dark_color); } + } +} + + +/********** + * Baobab * + **********/ + +window > box.vertical > grid.vertical > stack { + stack > spinner { // shrink spinner + min-width: rem(24px); + min-height: rem(24px); + padding: rem(53.2px) rem(79.8px) rem(53.2px); + } +} + + +/********** + * Evince * + **********/ + +window.background { + padding: rem(5.3px); + + > box.vertical > box.horizontal { + > widget > label { + color: $fixed_fg_color; + font-weight: 700; + } + + > button.flat:not(.image-button):not(.text-button):not(.toggle) { + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(10.7px); + border: none; + border-radius: 100px; + -gtk-outline-radius: 100px; + color: $fixed_fg_color; + } + } +} + + +/************** + * Gnome-Logs * + **************/ + +// titles inside the button!? +headerbar > button.flat.popup.title-menu-button.toggle { + border-radius: 2px; + -gtk-outline-radius: 2px; + + > grid { + .title, + .subtitle { + padding: rem(1.3px) rem(13.3px) rem(1.3px); + font-size: 90%; + } + } +} +
A
themes/whitey/gtk-3.20/assets.txt
@@ -0,0 +1,167 @@
+checkbox-unchecked +checkbox-unchecked-active +checkbox-unchecked-insensitive +checkbox-unchecked-selected +checkbox-checked +checkbox-checked-active +checkbox-checked-insensitive +checkbox-checked-selected +checkbox-mixed +checkbox-mixed-active +checkbox-mixed-insensitive +checkbox-mixed-selected +radio-unchecked +radio-unchecked-active +radio-unchecked-insensitive +radio-unchecked-selected +radio-checked +radio-checked-active +radio-checked-insensitive +radio-checked-selected +radio-mixed +radio-mixed-active +radio-mixed-insensitive +radio-mixed-selected +checkbox-symbolic +checkbox-insensitive-symbolic +checkbox-checked-symbolic +checkbox-checked-insensitive-symbolic +checkbox-mixed-symbolic +checkbox-mixed-insensitive-symbolic +radio-symbolic +radio-insensitive-symbolic +radio-checked-symbolic +radio-checked-insensitive-symbolic +radio-mixed-symbolic +radio-mixed-insensitive-symbolic +checkbox-symbolic-dark +checkbox-insensitive-symbolic-dark +checkbox-checked-symbolic-dark +checkbox-checked-insensitive-symbolic-dark +checkbox-mixed-symbolic-dark +checkbox-mixed-insensitive-symbolic-dark +radio-symbolic-dark +radio-insensitive-symbolic-dark +radio-checked-symbolic-dark +radio-checked-insensitive-symbolic-dark +radio-mixed-symbolic-dark +radio-mixed-insensitive-symbolic-dark +checkbox-selectionmode +checkbox-active-selectionmode +checkbox-insensitive-selectionmode +checkbox-checked-selectionmode +checkbox-checked-active-selectionmode +checkbox-checked-insensitive-selectionmode +checkbox-unchecked-dark +checkbox-unchecked-active-dark +checkbox-unchecked-insensitive-dark +checkbox-checked-dark +checkbox-checked-active-dark +checkbox-checked-insensitive-dark +checkbox-mixed-dark +checkbox-mixed-active-dark +checkbox-mixed-insensitive-dark +radio-unchecked-dark +radio-unchecked-active-dark +radio-unchecked-insensitive-dark +radio-checked-dark +radio-checked-active-dark +radio-checked-insensitive-dark +radio-mixed-dark +radio-mixed-active-dark +radio-mixed-insensitive-dark +checkbox-selectionmode-dark +checkbox-active-selectionmode-dark +checkbox-insensitive-selectionmode-dark +checkbox-checked-selectionmode-dark +checkbox-checked-active-selectionmode-dark +checkbox-checked-insensitive-selectionmode-dark +slider-horz-scale-has-marks-above +slider-horz-scale-has-marks-above-active +slider-horz-scale-has-marks-above-insensitive +slider-horz-scale-has-marks-below +slider-horz-scale-has-marks-below-active +slider-horz-scale-has-marks-below-insensitive +slider-vert-scale-has-marks-above +slider-vert-scale-has-marks-above-active +slider-vert-scale-has-marks-above-insensitive +slider-vert-scale-has-marks-below +slider-vert-scale-has-marks-below-active +slider-vert-scale-has-marks-below-insensitive +slider-horz-scale-has-marks-above-dark +slider-horz-scale-has-marks-above-active-dark +slider-horz-scale-has-marks-above-insensitive-dark +slider-horz-scale-has-marks-below-dark +slider-horz-scale-has-marks-below-active-dark +slider-horz-scale-has-marks-below-insensitive-dark +slider-vert-scale-has-marks-above-dark +slider-vert-scale-has-marks-above-active-dark +slider-vert-scale-has-marks-above-insensitive-dark +slider-vert-scale-has-marks-below-dark +slider-vert-scale-has-marks-below-active-dark +slider-vert-scale-has-marks-below-insensitive-dark +slider +slider-active +slider-insensitive +slider-dark +slider-active-dark +slider-insensitive-dark +osd-shadow +osd-shadow-backdrop +osd-shadow-dark +osd-shadow-backdrop-dark +equal +equal-hover +equal-active +equal-insensitive +equal-dark +equal-hover-dark +equal-active-dark +equal-insensitive-dark +toggle-off +toggle-off-hover +toggle-off-insensitive +toggle-on +toggle-on-hover +toggle-on-insensitive +toggle-off-dark +toggle-off-hover-dark +toggle-off-insensitive-dark +toggle-on-insensitive-dark +window-close +window-close-active +window-minimize +window-minimize-active +window-maximize +window-maximize-active +window-unmaximize +window-unmaximize-active +window-close-ssd +window-close-ssd-active +window-close-ssd-backdrop +window-close-ssd-backdrop-active +window-close-ssd-backdrop-hover +window-close-ssd-hover +window-minimize-ssd +window-minimize-ssd-active +window-minimize-ssd-backdrop +window-minimize-ssd-backdrop-active +window-minimize-ssd-backdrop-hover +window-minimize-ssd-hover +window-maximize-ssd +window-maximize-ssd-active +window-maximize-ssd-backdrop +window-maximize-ssd-backdrop-active +window-maximize-ssd-backdrop-hover +window-maximize-ssd-hover +window-unmaximize-ssd +window-unmaximize-ssd-active +window-unmaximize-ssd-backdrop +window-unmaximize-ssd-backdrop-active +window-unmaximize-ssd-backdrop-hover +window-unmaximize-ssd-hover +running-dot-top +running-dot-bottom +running-dot-left +running-dot-right +calendar-day-selected
A
themes/whitey/gtk-3.20/gtk-dark.css
@@ -0,0 +1,11352 @@
+/****************** + * Ripple effects * + ******************/ +@keyframes ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } } +@keyframes flat_ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } } +@keyframes list_ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } } +* { + transition-property: opacity, border-color, border-image, background-color, background-image, box-shadow, icon-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.2s; } + +/***************** + * Common States * + *****************/ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #F44336; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 16; + -GtkWidget-text-handle-height: 16; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-style: solid; + outline-width: 2px; + outline-color: alpha(currentColor, 0.2); + outline-offset: -0.30075rem; + -gtk-outline-radius: 2px; + -gtk-secondary-caret-color: #C5A68E; + text-shadow: none; + -gtk-icon-shadow: none; } + +/*************** + * Base States * + ***************/ +.background { + background-color: #3e515a; + color: #ECEFF1; } + +*:disabled { + -gtk-icon-effect: dim; } + +.titlebar *:backdrop, +headerbar *:backdrop, .csd headerbar button.titlebutton *:backdrop, +.csd .titlebar button.titlebutton *:backdrop { + opacity: 0.75; + transition: 0.2s; } + +.gtkstyle-fallback { + background-color: #3e515a; + color: #ECEFF1; } + .gtkstyle-fallback:hover { + background-color: #34434b; + color: #ECEFF1; } + .gtkstyle-fallback:active { + background-color: #29363c; + color: #ECEFF1; } + .gtkstyle-fallback:disabled { + background-color: #3e515a; + color: rgba(236, 239, 241, 0.3); } + .gtkstyle-fallback:selected { + background-color: #C5A68E; + color: #FFFFFF; } + +.view, iconview, +.view text, +iconview text, +textview text { + background-color: #455A64; + color: #ECEFF1; } + .view:hover, iconview:hover, .view:active, iconview:active, .view:selected, iconview:selected, + .view text:hover, + iconview text:hover, + textview text:hover, + .view text:active, + iconview text:active, + textview text:active, + .view text:selected, + iconview text:selected, + textview text:selected { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .view:disabled, iconview:disabled, + .view text:disabled, + iconview text:disabled, + textview text:disabled { + color: rgba(236, 239, 241, 0.3); } + +textview border { + background-color: #3e515a; } + +rubberband, flowbox rubberband, treeview.view rubberband, .tweak-category rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #4DD0E1; + background-color: rgba(77, 208, 225, 0.2); } + +flowbox flowboxchild { + padding: 0.15038rem; + border-radius: 2px; + -gtk-outline-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -0.15038rem; } + +label { + caret-color: currentColor; } + label.separator { + color: transparent; } + label:disabled { + color: rgba(236, 239, 241, 0.3); } + label.kudo-label { + color: #263238; } + +.dim-label, label.separator, .titlebar .title:backdrop, +headerbar .title:backdrop, .titlebar .subtitle, +headerbar .subtitle, .titlebar .subtitle:backdrop, +headerbar .subtitle:backdrop { + opacity: 0.55; } + +assistant .sidebar { + padding: 0.50376rem 0; + background-color: #3b4c54; } + assistant .sidebar:dir(ltr) { + border-right: 1px solid rgba(0, 0, 0, 0.11); } + assistant .sidebar:dir(rtl) { + border-left: 1px solid rgba(0, 0, 0, 0.11); } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 0.3985rem 0.6015rem 0.50376rem; + color: rgba(236, 239, 241, 0.75); + font-weight: 500; } + assistant .sidebar label.highlight { + color: #C5A68E; } +assistant headerbar button.flat:not(:last-child), assistant headerbar button.osd.image-button:not(:last-child), +assistant headerbar .button.osd.image-button:not(:last-child), +assistant headerbar button:not(:last-child):not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child), +assistant headerbar .context-menu > arrow:not(:last-child), +assistant headerbar menu > arrow:not(:last-child), assistant headerbar placessidebar row button.image-button:not(:last-child), placessidebar row assistant headerbar button.image-button:not(:last-child), assistant .csd headerbar button.titlebutton:not(:last-child), .csd assistant headerbar button.titlebutton:not(:last-child), +assistant headerbar .csd .titlebar button.titlebutton:not(:last-child), +.csd .titlebar.selection-mode assistant headerbar button.titlebutton:not(:last-child), assistant headerbar #gf-candidate-popup button:not(:last-child), #gf-candidate-popup assistant headerbar button:not(:last-child), +assistant headerbar #gf-candidate-popup .linked > button:not(:last-child):first-child, +#gf-candidate-popup assistant headerbar .linked > button:not(:last-child):first-child, +assistant headerbar #gf-candidate-popup .linked > button:not(:last-child):last-child, +#gf-candidate-popup assistant headerbar .linked > button:not(:last-child):last-child, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child), window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child), assistant headerbar layouttabbar button:not(:last-child), layouttabbar assistant headerbar button:not(:last-child), assistant headerbar layouttab button:not(:last-child), layouttab assistant headerbar button:not(:last-child) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #546E7A; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); + background-color: #009688; + color: rgba(255, 255, 255, 0.85); } + assistant headerbar button.flat:not(:last-child):hover, assistant headerbar button.osd.image-button:not(:last-child):hover, + assistant headerbar .button.osd.image-button:not(:last-child):hover, + assistant headerbar button:not(:last-child):hover:not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child):hover, + assistant headerbar .context-menu > arrow:not(:last-child):hover, + assistant headerbar menu > arrow:not(:last-child):hover, assistant headerbar placessidebar row button.image-button:not(:last-child):hover, placessidebar row assistant headerbar button.image-button:not(:last-child):hover, assistant .csd headerbar button.titlebutton:not(:last-child):hover, .csd assistant headerbar button.titlebutton:not(:last-child):hover, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):hover, assistant headerbar #gf-candidate-popup button:not(:last-child):hover, #gf-candidate-popup assistant headerbar button:not(:last-child):hover, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):hover, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):hover, assistant headerbar layouttabbar button:not(:last-child):hover, layouttabbar assistant headerbar button:not(:last-child):hover, assistant headerbar layouttab button:not(:last-child):hover, layouttab assistant headerbar button:not(:last-child):hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #ECEFF1; + color: #FFFFFF; } + assistant headerbar button.flat:not(:last-child):active, assistant headerbar button.osd.image-button:not(:last-child):active, + assistant headerbar .button.osd.image-button:not(:last-child):active, + assistant headerbar button:not(:last-child):active:not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child):active, + assistant headerbar .context-menu > arrow:not(:last-child):active, + assistant headerbar menu > arrow:not(:last-child):active, assistant headerbar placessidebar row button.image-button:not(:last-child):active, placessidebar row assistant headerbar button.image-button:not(:last-child):active, assistant .csd headerbar button.titlebutton:not(:last-child):active, .csd assistant headerbar button.titlebutton:not(:last-child):active, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):active, assistant headerbar #gf-candidate-popup button:not(:last-child):active, #gf-candidate-popup assistant headerbar button:not(:last-child):active, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):active, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):active, assistant headerbar layouttabbar button:not(:last-child):active, layouttabbar assistant headerbar button:not(:last-child):active, assistant headerbar layouttab button:not(:last-child):active, layouttab assistant headerbar button:not(:last-child):active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #ECEFF1; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #FFFFFF; + background-color: #C5A68E; } + assistant headerbar button.flat:not(:last-child):checked, assistant headerbar button.osd.image-button:not(:last-child):checked, + assistant headerbar .button.osd.image-button:not(:last-child):checked, + assistant headerbar button:not(:last-child):checked:not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child):checked, + assistant headerbar .context-menu > arrow:not(:last-child):checked, + assistant headerbar menu > arrow:not(:last-child):checked, assistant headerbar placessidebar row button.image-button:not(:last-child):checked, placessidebar row assistant headerbar button.image-button:not(:last-child):checked, assistant .csd headerbar button.titlebutton:not(:last-child):checked, .csd assistant headerbar button.titlebutton:not(:last-child):checked, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):checked, assistant headerbar #gf-candidate-popup button:not(:last-child):checked, #gf-candidate-popup assistant headerbar button:not(:last-child):checked, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):checked, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):checked, assistant headerbar layouttabbar button:not(:last-child):checked, layouttabbar assistant headerbar button:not(:last-child):checked, assistant headerbar layouttab button:not(:last-child):checked, layouttab assistant headerbar button:not(:last-child):checked { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #C5A68E; + color: #FFFFFF; + background-color: #009688; + color: #ECEFF1; } + assistant headerbar button.flat:not(:last-child):disabled, assistant headerbar button.osd.image-button:not(:last-child):disabled, + assistant headerbar .button.osd.image-button:not(:last-child):disabled, + assistant headerbar button:not(:last-child):disabled:not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child):disabled, + assistant headerbar .context-menu > arrow:not(:last-child):disabled, + assistant headerbar menu > arrow:not(:last-child):disabled, assistant headerbar placessidebar row button.image-button:not(:last-child):disabled, placessidebar row assistant headerbar button.image-button:not(:last-child):disabled, assistant .csd headerbar button.titlebutton:not(:last-child):disabled, .csd assistant headerbar button.titlebutton:not(:last-child):disabled, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):disabled, assistant headerbar #gf-candidate-popup button:not(:last-child):disabled, #gf-candidate-popup assistant headerbar button:not(:last-child):disabled, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):disabled, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):disabled, assistant headerbar layouttabbar button:not(:last-child):disabled, layouttabbar assistant headerbar button:not(:last-child):disabled, assistant headerbar layouttab button:not(:last-child):disabled, layouttab assistant headerbar button:not(:last-child):disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(236, 239, 241, 0.225); } + assistant headerbar button.flat:not(:last-child):disabled > label, assistant headerbar button.osd.image-button:not(:last-child):disabled > label, + assistant headerbar .button.osd.image-button:not(:last-child):disabled > label, assistant headerbar .titlebar button:not(:last-child):disabled:not(.suggested-action):not(.destructive-action) > label, + assistant headerbar button:not(:last-child):disabled:not(.suggested-action):not(.destructive-action) > label, assistant headerbar .menu > arrow:not(:last-child):disabled > label, + assistant headerbar .context-menu > arrow:not(:last-child):disabled > label, + assistant headerbar menu > arrow:not(:last-child):disabled > label, assistant headerbar placessidebar row button.image-button:not(:last-child):disabled > label, placessidebar row assistant headerbar button.image-button:not(:last-child):disabled > label, assistant .csd headerbar button.titlebutton:not(:last-child):disabled > label, .csd assistant headerbar button.titlebutton:not(:last-child):disabled > label, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):disabled > label, assistant headerbar #gf-candidate-popup button:not(:last-child):disabled > label, #gf-candidate-popup assistant headerbar button:not(:last-child):disabled > label, + assistant headerbar #gf-candidate-popup .linked > button:not(:last-child):disabled > label, + #gf-candidate-popup assistant headerbar .linked > button:not(:last-child):disabled > label, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):disabled > label, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):disabled > label, assistant headerbar layouttabbar button:not(:last-child):disabled > label, layouttabbar assistant headerbar button:not(:last-child):disabled > label, assistant headerbar layouttab button:not(:last-child):disabled > label, layouttab assistant headerbar button:not(:last-child):disabled > label { + color: inherit; } + +buttonbox button, buttonbox.dialog-action-area button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #C5A68E); + font-weight: 700; } + buttonbox button:hover, buttonbox.dialog-action-area button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + color: #C5A68E; } + buttonbox button:active, buttonbox.dialog-action-area button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #C5A68E; } + buttonbox button:disabled, buttonbox.dialog-action-area button:disabled { + box-shadow: none; + background-color: transparent; } + buttonbox button:checked, buttonbox.dialog-action-area button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + color: #C5A68E; } + buttonbox button:checked:disabled, buttonbox.dialog-action-area button:checked:disabled { + color: rgba(77, 182, 172, 0.4); } + buttonbox button:checked:disabled > label, buttonbox.dialog-action-area button:checked:disabled > label { + color: inherit; } + +.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, +.app-notification.frame, .osd .scale-popup, .nautilus-window .floating-bar, .osd { + opacity: 0.9; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes colorful_bar { + 0% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(0, 1); } + 24.9% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(1, 1); } + 25% { + -gtk-icon-source: url("assets/bar-yellow.svg"); + -gtk-icon-transform: scale(1, 1); } + 49.9% { + -gtk-icon-source: url("assets/bar-yellow.svg"); + -gtk-icon-transform: scale(0, 1); } + 50% { + -gtk-icon-source: url("assets/bar-green.svg"); + -gtk-icon-transform: scale(0, 1); } + 74.9% { + -gtk-icon-source: url("assets/bar-green.svg"); + -gtk-icon-transform: scale(1, 1); } + 75% { + -gtk-icon-source: url("assets/bar-blue.svg"); + -gtk-icon-transform: scale(1, 1); } + 99.9% { + -gtk-icon-source: url("assets/bar-blue.svg"); + -gtk-icon-transform: scale(0, 1); } + 100% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(0, 1); } } +spinner { + min-height: 1.20301rem; + min-width: 1.20301rem; + padding: 0.3985rem 0 0.3985rem; + margin: 0; + background: none; + opacity: 0; + -gtk-icon-source: url("assets/bar-red.svg"); } + spinner:checked { + opacity: 1.0; + animation: colorful_bar 2s linear infinite; } + spinner:checked:disabled { + opacity: 0.4; } + spinner:checked:backdrop { + opacity: 1.0; } + spinner:backdrop { + opacity: 0; } + +/**************** + * Text Entries * + ****************/ +entry, spinbutton:not(.vertical), +.entry { + min-height: 1rem; + min-width: 2.50376rem; + padding: 0.69925rem 0.6015rem 0.80451rem; + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + entry:focus, spinbutton:focus:not(.vertical), + .entry:focus { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry:disabled, spinbutton:disabled:not(.vertical), + .entry:disabled { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); } + entry.flat, spinbutton.flat:not(.vertical), notebook:not(.reorderable-page) > entry, notebook:not(.reorderable-page) > spinbutton:not(.vertical), + .entry.flat, + .linked > entry:not(.flat), + .linked > spinbutton:not(.flat):not(.vertical), + .linked.vertical > entry:not(.flat), + .linked > .entry:not(.flat), + .linked.vertical > .entry:not(.flat) { + border-radius: 0; + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + entry.flat:focus, spinbutton.flat:focus:not(.vertical), notebook:not(.reorderable-page) > entry:focus, notebook:not(.reorderable-page) > spinbutton:focus:not(.vertical), + .entry.flat:focus, + .linked > entry:focus:not(.flat), + .linked > spinbutton:focus:not(.flat):not(.vertical), + .linked > .entry:focus:not(.flat) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.flat:disabled, spinbutton.flat:disabled:not(.vertical), notebook:not(.reorderable-page) > entry:disabled, notebook:not(.reorderable-page) > spinbutton:disabled:not(.vertical), + .entry.flat:disabled, + .linked > entry:disabled:not(.flat), + .linked > spinbutton:disabled:not(.flat):not(.vertical), + .linked > .entry:disabled:not(.flat) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(236, 239, 241, 0.3); } + entry image, spinbutton:not(.vertical) image, + .entry image { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + .linked > entry:not(.flat), .linked > spinbutton:not(.flat):not(.vertical), .linked.vertical > entry:not(.flat), .linked.vertical > spinbutton:not(.flat):not(.vertical), .linked > + .entry:not(.flat), .linked.vertical > + .entry:not(.flat) { + border-radius: 0; + -gtk-outline-radius: 0; } + entry.error, spinbutton.error:not(.vertical), + .entry.error { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + entry.error:focus, spinbutton.error:focus:not(.vertical), + .entry.error:focus { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.error:disabled, spinbutton.error:disabled:not(.vertical), + .entry.error:disabled { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); } + entry.error.flat, spinbutton.error.flat:not(.vertical), notebook:not(.reorderable-page) > entry.error, notebook:not(.reorderable-page) > spinbutton.error:not(.vertical), + .entry.error.flat, + .linked > entry.error:not(.flat), + .linked > spinbutton.error:not(.flat):not(.vertical), + .linked > .error.entry:not(.flat) { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + entry.error.flat:focus, spinbutton.error.flat:focus:not(.vertical), notebook:not(.reorderable-page) > entry.error:focus, notebook:not(.reorderable-page) > spinbutton.error:focus:not(.vertical), + .entry.error.flat:focus, + .linked > entry.error:focus:not(.flat), + .linked > spinbutton.error:focus:not(.flat):not(.vertical), + .linked > .error.entry:focus:not(.flat) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.error.flat:disabled, spinbutton.error.flat:disabled:not(.vertical), notebook:not(.reorderable-page) > entry.error:disabled, notebook:not(.reorderable-page) > spinbutton.error:disabled:not(.vertical), + .entry.error.flat:disabled, + .linked > entry.error:disabled:not(.flat), + .linked > spinbutton.error:disabled:not(.flat):not(.vertical), + .linked > .error.entry:disabled:not(.flat) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(236, 239, 241, 0.3); } + entry.warning, spinbutton.warning:not(.vertical), + .entry.warning { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + entry.warning:focus, spinbutton.warning:focus:not(.vertical), + .entry.warning:focus { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FF9800), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.warning:disabled, spinbutton.warning:disabled:not(.vertical), + .entry.warning:disabled { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); } + entry.warning.flat, spinbutton.warning.flat:not(.vertical), notebook:not(.reorderable-page) > entry.warning, notebook:not(.reorderable-page) > spinbutton.warning:not(.vertical), + .entry.warning.flat, + .linked > entry.warning:not(.flat), + .linked > spinbutton.warning:not(.flat):not(.vertical), + .linked > .warning.entry:not(.flat) { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + entry.warning.flat:focus, spinbutton.warning.flat:focus:not(.vertical), notebook:not(.reorderable-page) > entry.warning:focus, notebook:not(.reorderable-page) > spinbutton.warning:focus:not(.vertical), + .entry.warning.flat:focus, + .linked > entry.warning:focus:not(.flat), + .linked > spinbutton.warning:focus:not(.flat):not(.vertical), + .linked > .warning.entry:focus:not(.flat) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FF9800), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.warning.flat:disabled, spinbutton.warning.flat:disabled:not(.vertical), notebook:not(.reorderable-page) > entry.warning:disabled, notebook:not(.reorderable-page) > spinbutton.warning:disabled:not(.vertical), + .entry.warning.flat:disabled, + .linked > entry.warning:disabled:not(.flat), + .linked > spinbutton.warning:disabled:not(.flat):not(.vertical), + .linked > .warning.entry:disabled:not(.flat) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(236, 239, 241, 0.3); } + entry.search-missing, spinbutton.search-missing:not(.vertical), + .entry.search-missing { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + entry.search-missing:focus, spinbutton.search-missing:focus:not(.vertical), + .entry.search-missing:focus { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.search-missing:disabled, spinbutton.search-missing:disabled:not(.vertical), + .entry.search-missing:disabled { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); } + entry.search-missing.flat, spinbutton.search-missing.flat:not(.vertical), notebook:not(.reorderable-page) > entry.search-missing, notebook:not(.reorderable-page) > spinbutton.search-missing:not(.vertical), + .entry.search-missing.flat, + .linked > entry.search-missing:not(.flat), + .linked > spinbutton.search-missing:not(.flat):not(.vertical), + .linked > .search-missing.entry:not(.flat) { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + entry.search-missing.flat:focus, spinbutton.search-missing.flat:focus:not(.vertical), notebook:not(.reorderable-page) > entry.search-missing:focus, notebook:not(.reorderable-page) > spinbutton.search-missing:focus:not(.vertical), + .entry.search-missing.flat:focus, + .linked > entry.search-missing:focus:not(.flat), + .linked > spinbutton.search-missing:focus:not(.flat):not(.vertical), + .linked > .search-missing.entry:focus:not(.flat) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.search-missing.flat:disabled, spinbutton.search-missing.flat:disabled:not(.vertical), notebook:not(.reorderable-page) > entry.search-missing:disabled, notebook:not(.reorderable-page) > spinbutton.search-missing:disabled:not(.vertical), + .entry.search-missing.flat:disabled, + .linked > entry.search-missing:disabled:not(.flat), + .linked > spinbutton.search-missing:disabled:not(.flat):not(.vertical), + .linked > .search-missing.entry:disabled:not(.flat) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(236, 239, 241, 0.3); } + entry image:not(:hover):not(:active), spinbutton:not(.vertical) image:not(:hover):not(:active), + .entry image:not(:hover):not(:active) { + color: alpha(currentColor, 0.75); } + entry image:active, spinbutton:not(.vertical) image:active, + .entry image:active { + color: #C5A68E; } + entry image:disabled, spinbutton:not(.vertical) image:disabled, + .entry image:disabled { + color: alpha(currentColor, 0.55); } + entry:drop(active):focus, spinbutton:drop(active):focus:not(.vertical), entry:drop(active), spinbutton:drop(active):not(.vertical), + .entry:drop(active):focus, + .entry:drop(active) { + border-color: #C5A68E; + box-shadow: inset 0 0 0 1px #C5A68E; } + treeview entry, treeview spinbutton:not(.vertical), treeview entry.flat:focus, treeview spinbutton.flat:focus:not(.vertical), treeview notebook:not(.reorderable-page) > entry:focus, treeview notebook:not(.reorderable-page) > spinbutton:focus:not(.vertical), treeview + .entry, treeview + .entry.flat:focus, treeview .linked > entry:focus:not(.flat), treeview .linked > spinbutton:focus:not(.flat):not(.vertical), treeview .linked > .entry:focus:not(.flat) { + padding: 1px; + border-radius: 0; + border-image: none; + background-color: #455A64; + color: #ECEFF1; + box-shadow: none; + transition: none; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#C5A68E), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#C5A68E), to(transparent)); } } +button, +.button { + min-height: 1rem; + min-width: 2.50376rem; + padding: 0.69925rem 1rem 0.80451rem; + border-radius: 2px; + -gtk-outline-radius: 2px; + background-repeat: no-repeat; + background-position: center, center; + background-size: 9.96241rem 9.96241rem, auto; + font-weight: 500; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #546E7A; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); } + button:hover, + .button:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #ECEFF1; } + button:active, + .button:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #ECEFF1; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + button:disabled, + .button:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(236, 239, 241, 0.225); } + button:disabled > label, + .button:disabled > label { + color: inherit; } + button:checked, + .button:checked { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #C5A68E; + color: #FFFFFF; } + button:checked:disabled, + .button:checked:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(0, 188, 212, 0.4); } + button:checked:disabled > label, + .button:checked:disabled > label { + color: inherit; } + button.flat, button.osd.image-button, + .button.osd.image-button, .titlebar button:not(.suggested-action):not(.destructive-action), + headerbar button:not(.suggested-action):not(.destructive-action), .menu > arrow, + .context-menu > arrow, + menu > arrow, placessidebar row button.image-button, .csd headerbar button.titlebutton, .csd headerbar.selection-mode button.titlebutton, + .csd .titlebar button.titlebutton, + .csd .titlebar.selection-mode button.titlebutton, #gf-candidate-popup button, #gf-candidate-popup button:first-child, #gf-candidate-popup button:last-child, + #gf-candidate-popup .linked > button, + #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .linked > button:last-child, window > grid.vertical > box.vertical > widget button, layouttabbar button, layouttab button, + .button.flat, + .ssd decoration .button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } + button.flat:hover, button.osd.image-button:hover, + .button.osd.image-button:hover, .titlebar button:hover:not(.suggested-action):not(.destructive-action), + headerbar button:hover:not(.suggested-action):not(.destructive-action), .menu > arrow:hover, + .context-menu > arrow:hover, + menu > arrow:hover, placessidebar row button.image-button:hover, .csd headerbar button.titlebutton:hover, + .csd .titlebar button.titlebutton:hover, #gf-candidate-popup button:hover, + #gf-candidate-popup .linked > button:hover:first-child, + #gf-candidate-popup .linked > button:hover:last-child, window > grid.vertical > box.vertical > widget button:hover, layouttabbar button:hover, layouttab button:hover, + .button.flat:hover, + .ssd decoration .button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + button.flat:active, button.osd.image-button:active, + .button.osd.image-button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), + headerbar button:active:not(.suggested-action):not(.destructive-action), .menu > arrow:active, + .context-menu > arrow:active, + menu > arrow:active, placessidebar row button.image-button:active, .csd headerbar button.titlebutton:active, + .csd .titlebar button.titlebutton:active, #gf-candidate-popup button:active, + #gf-candidate-popup .linked > button:active:first-child, + #gf-candidate-popup .linked > button:active:last-child, window > grid.vertical > box.vertical > widget button:active, layouttabbar button:active, layouttab button:active, + .button.flat:active, + .ssd decoration .button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + button.flat:disabled, button.osd.image-button:disabled, + .button.osd.image-button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar button:disabled:not(.suggested-action):not(.destructive-action), .menu > arrow:disabled, + .context-menu > arrow:disabled, + menu > arrow:disabled, placessidebar row button.image-button:disabled, .csd headerbar button.titlebutton:disabled, + .csd .titlebar button.titlebutton:disabled, #gf-candidate-popup button:disabled, + #gf-candidate-popup .linked > button:disabled:first-child, + #gf-candidate-popup .linked > button:disabled:last-child, window > grid.vertical > box.vertical > widget button:disabled, layouttabbar button:disabled, layouttab button:disabled, + .button.flat:disabled, + .ssd decoration .button:disabled { + box-shadow: none; + background-color: transparent; } + button.flat:checked, button.osd.image-button:checked, + .button.osd.image-button:checked, .titlebar button:checked:not(.suggested-action):not(.destructive-action), + headerbar button:checked:not(.suggested-action):not(.destructive-action), .menu > arrow:checked, + .context-menu > arrow:checked, + menu > arrow:checked, placessidebar row button.image-button:checked, .csd headerbar button.titlebutton:checked, + .csd .titlebar button.titlebutton:checked, #gf-candidate-popup button:checked, + #gf-candidate-popup .linked > button:checked:first-child, + #gf-candidate-popup .linked > button:checked:last-child, window > grid.vertical > box.vertical > widget button:checked, layouttabbar button:checked, layouttab button:checked, + .button.flat:checked, + .ssd decoration .button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; } + button.flat:checked:disabled > label, button.osd.image-button:checked:disabled > label, + .button.osd.image-button:checked:disabled > label, .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action) > label, + headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) > label, .menu > arrow:checked:disabled > label, + .context-menu > arrow:checked:disabled > label, + menu > arrow:checked:disabled > label, placessidebar row button.image-button:checked:disabled > label, .csd headerbar button.titlebutton:checked:disabled > label, + .csd .titlebar button.titlebutton:checked:disabled > label, #gf-candidate-popup button:checked:disabled > label, + #gf-candidate-popup .linked > button:checked:disabled > label, window > grid.vertical > box.vertical > widget button:checked:disabled > label, layouttabbar button:checked:disabled > label, layouttab button:checked:disabled > label, + .button.flat:checked:disabled > label, + .ssd decoration .button:checked:disabled > label { + color: inherit; } + .linked > button.flat, .linked > button.osd.image-button, + .linked > .button.osd.image-button, .titlebar .linked > button:not(.suggested-action):not(.destructive-action), + headerbar .linked > button:not(.suggested-action):not(.destructive-action), .menu.linked > arrow, + .context-menu.linked > arrow, + menu.linked > arrow, placessidebar row .linked > button.image-button, .csd headerbar .linked > button.titlebutton, + .csd .titlebar .linked > button.titlebutton, + #gf-candidate-popup .linked > button, + #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .linked > button:last-child, window > grid.vertical > box.vertical > widget .linked > button, layouttabbar .linked > button, layouttab .linked > button, .linked > + .button.flat, .ssd decoration .linked > .button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .linked > button.flat.image-button, .linked > button.image-button.osd, + .linked > .image-button.button.osd, .titlebar .linked > button.image-button:not(.suggested-action):not(.destructive-action), + headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), .menu.linked > arrow.image-button, + .context-menu.linked > arrow.image-button, + menu.linked > arrow.image-button, placessidebar row .linked > button.image-button, .csd headerbar .linked > button.image-button.titlebutton, + .csd .titlebar .linked > button.image-button.titlebutton, + #gf-candidate-popup .linked > button.image-button, window > grid.vertical > box.vertical > widget .linked > button.image-button, layouttabbar .linked > button.image-button, layouttab .linked > button.image-button, .linked > + .button.flat.image-button, .ssd decoration .linked > .image-button.button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + button.osd.image-button, + .button.osd.image-button { + padding: 1.30075rem; + background-color: #322F22; + background-size: 3.7594rem 3.7594rem, auto; } + button.osd.image-button:not(:active):not(:disabled):not(hover), + .button.osd.image-button:not(:active):not(:disabled):not(hover) { + color: #C5A68E); } + button.osd.image-button:hover, + .button.osd.image-button:hover { + color: #C5A68E; + background-color: rgba(42, 55, 62, 0.7); + background-image: linear-gradient(to bottom, alpha(currentColor, 0.2)); } + button.osd.image-button:active, + .button.osd.image-button:active { + color: #C5A68E; + background-color: rgba(42, 55, 62, 0.7); + background-image: linear-gradient(to bottom, rgba(236, 239, 241, 0.1)); } + button.osd:disabled, + .button.osd:disabled { + opacity: 0; } + button.suggested-action, + .button.suggested-action { + background-color: #009688; + background-size: 9.96241rem 9.96241rem, auto; + color: #FFFFFF; } + button.suggested-action:hover, + .button.suggested-action:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #ECEFF1; + background-color: #009688; + color: #FFFFFF; } + button.suggested-action:active, + .button.suggested-action:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #ECEFF1; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: #C5A68E; + color: #FFFFFF; } + button.suggested-action:checked, + .button.suggested-action:checked { + background-color: #33aba0; } + button.suggested-action:disabled, + .button.suggested-action:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(236, 239, 241, 0.3); } + button.suggested-action:disabled > label, + .button.suggested-action:disabled > label { + color: inherit; } + button.suggested-action.flat, button.suggested-action.osd.image-button, + .suggested-action.button.osd.image-button, .titlebar button.suggested-action:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action, + .context-menu > arrow.suggested-action, + menu > arrow.suggested-action, placessidebar row button.suggested-action.image-button, .csd headerbar button.suggested-action.titlebutton, + .csd .titlebar button.suggested-action.titlebutton, #gf-candidate-popup button.suggested-action, + #gf-candidate-popup .linked > button.suggested-action:first-child, + #gf-candidate-popup .linked > button.suggested-action:last-child, window > grid.vertical > box.vertical > widget button.suggested-action, layouttabbar button.suggested-action, layouttab button.suggested-action, + .button.suggested-action.flat, + .ssd decoration .suggested-action.button { + background-color: transparent; + color: #009688; } + button.suggested-action.flat:hover, button.suggested-action.osd.image-button:hover, + .suggested-action.button.osd.image-button:hover, .titlebar button.suggested-action:hover:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:hover:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action:hover, + .context-menu > arrow.suggested-action:hover, + menu > arrow.suggested-action:hover, placessidebar row button.suggested-action.image-button:hover, .csd headerbar button.suggested-action.titlebutton:hover, + .csd .titlebar button.suggested-action.titlebutton:hover, #gf-candidate-popup button.suggested-action:hover, window > grid.vertical > box.vertical > widget button.suggested-action:hover, layouttabbar button.suggested-action:hover, layouttab button.suggested-action:hover, + .button.suggested-action.flat:hover, + .ssd decoration .suggested-action.button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + button.suggested-action.flat:active, button.suggested-action.osd.image-button:active, + .suggested-action.button.osd.image-button:active, .titlebar button.suggested-action:active:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:active:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action:active, + .context-menu > arrow.suggested-action:active, + menu > arrow.suggested-action:active, placessidebar row button.suggested-action.image-button:active, .csd headerbar button.suggested-action.titlebutton:active, + .csd .titlebar button.suggested-action.titlebutton:active, #gf-candidate-popup button.suggested-action:active, window > grid.vertical > box.vertical > widget button.suggested-action:active, layouttabbar button.suggested-action:active, layouttab button.suggested-action:active, + .button.suggested-action.flat:active, + .ssd decoration .suggested-action.button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(#C5A68E, 0.2); + color: #C5A68E; } + button.suggested-action.flat:checked, button.suggested-action.osd.image-button:checked, + .suggested-action.button.osd.image-button:checked, .titlebar button.suggested-action:checked:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:checked:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action:checked, + .context-menu > arrow.suggested-action:checked, + menu > arrow.suggested-action:checked, placessidebar row button.suggested-action.image-button:checked, .csd headerbar button.suggested-action.titlebutton:checked, + .csd .titlebar button.suggested-action.titlebutton:checked, #gf-candidate-popup button.suggested-action:checked, window > grid.vertical > box.vertical > widget button.suggested-action:checked, layouttabbar button.suggested-action:checked, layouttab button.suggested-action:checked, + .button.suggested-action.flat:checked, + .ssd decoration .suggested-action.button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; } + button.suggested-action.flat:disabled, button.suggested-action.osd.image-button:disabled, + .suggested-action.button.osd.image-button:disabled, .titlebar button.suggested-action:disabled:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:disabled:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action:disabled, + .context-menu > arrow.suggested-action:disabled, + menu > arrow.suggested-action:disabled, placessidebar row button.suggested-action.image-button:disabled, .csd headerbar button.suggested-action.titlebutton:disabled, + .csd .titlebar button.suggested-action.titlebutton:disabled, #gf-candidate-popup button.suggested-action:disabled, window > grid.vertical > box.vertical > widget button.suggested-action:disabled, layouttabbar button.suggested-action:disabled, layouttab button.suggested-action:disabled, + .button.suggested-action.flat:disabled, + .ssd decoration .suggested-action.button:disabled { + box-shadow: none; + background-color: transparent; } + button.destructive-action, + .button.destructive-action { + background-color: #FF5252; + background-size: 9.96241rem 9.96241rem, auto; + color: #FFFFFF; } + button.destructive-action:hover, + .button.destructive-action:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #ECEFF1; + background-color: #FF5252; + color: #FFFFFF; } + button.destructive-action:active, + .button.destructive-action:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #ECEFF1; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: #C5A68E; + color: #FFFFFF; } + button.destructive-action:checked, + .button.destructive-action:checked { + background-color: #ff7575; } + button.destructive-action:disabled, + .button.destructive-action:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(236, 239, 241, 0.3); } + button.destructive-action:disabled > label, + .button.destructive-action:disabled > label { + color: inherit; } + button.destructive-action.flat, button.destructive-action.osd.image-button, + .destructive-action.button.osd.image-button, .titlebar button.destructive-action:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action, + .context-menu > arrow.destructive-action, + menu > arrow.destructive-action, placessidebar row button.destructive-action.image-button, .csd headerbar button.destructive-action.titlebutton, + .csd .titlebar button.destructive-action.titlebutton, #gf-candidate-popup button.destructive-action, + #gf-candidate-popup .linked > button.destructive-action:first-child, + #gf-candidate-popup .linked > button.destructive-action:last-child, window > grid.vertical > box.vertical > widget button.destructive-action, layouttabbar button.destructive-action, layouttab button.destructive-action, + .button.destructive-action.flat, + .ssd decoration .destructive-action.button { + background-color: transparent; + color: #FF5252; } + button.destructive-action.flat:hover, button.destructive-action.osd.image-button:hover, + .destructive-action.button.osd.image-button:hover, .titlebar button.destructive-action:hover:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:hover:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action:hover, + .context-menu > arrow.destructive-action:hover, + menu > arrow.destructive-action:hover, placessidebar row button.destructive-action.image-button:hover, .csd headerbar button.destructive-action.titlebutton:hover, + .csd .titlebar button.destructive-action.titlebutton:hover, #gf-candidate-popup button.destructive-action:hover, window > grid.vertical > box.vertical > widget button.destructive-action:hover, layouttabbar button.destructive-action:hover, layouttab button.destructive-action:hover, + .button.destructive-action.flat:hover, + .ssd decoration .destructive-action.button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + button.destructive-action.flat:active, button.destructive-action.osd.image-button:active, + .destructive-action.button.osd.image-button:active, .titlebar button.destructive-action:active:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:active:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action:active, + .context-menu > arrow.destructive-action:active, + menu > arrow.destructive-action:active, placessidebar row button.destructive-action.image-button:active, .csd headerbar button.destructive-action.titlebutton:active, + .csd .titlebar button.destructive-action.titlebutton:active, #gf-candidate-popup button.destructive-action:active, window > grid.vertical > box.vertical > widget button.destructive-action:active, layouttabbar button.destructive-action:active, layouttab button.destructive-action:active, + .button.destructive-action.flat:active, + .ssd decoration .destructive-action.button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(#C5A68E, 0.2); + color: #C5A68E; } + button.destructive-action.flat:checked, button.destructive-action.osd.image-button:checked, + .destructive-action.button.osd.image-button:checked, .titlebar button.destructive-action:checked:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:checked:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action:checked, + .context-menu > arrow.destructive-action:checked, + menu > arrow.destructive-action:checked, placessidebar row button.destructive-action.image-button:checked, .csd headerbar button.destructive-action.titlebutton:checked, + .csd .titlebar button.destructive-action.titlebutton:checked, #gf-candidate-popup button.destructive-action:checked, window > grid.vertical > box.vertical > widget button.destructive-action:checked, layouttabbar button.destructive-action:checked, layouttab button.destructive-action:checked, + .button.destructive-action.flat:checked, + .ssd decoration .destructive-action.button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; } + button.destructive-action.flat:disabled, button.destructive-action.osd.image-button:disabled, + .destructive-action.button.osd.image-button:disabled, .titlebar button.destructive-action:disabled:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:disabled:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action:disabled, + .context-menu > arrow.destructive-action:disabled, + menu > arrow.destructive-action:disabled, placessidebar row button.destructive-action.image-button:disabled, .csd headerbar button.destructive-action.titlebutton:disabled, + .csd .titlebar button.destructive-action.titlebutton:disabled, #gf-candidate-popup button.destructive-action:disabled, window > grid.vertical > box.vertical > widget button.destructive-action:disabled, layouttabbar button.destructive-action:disabled, layouttab button.destructive-action:disabled, + .button.destructive-action.flat:disabled, + .ssd decoration .destructive-action.button:disabled { + box-shadow: none; + background-color: transparent; } + button.image-button, + .button.image-button { + min-width: 1rem; + min-height: 1rem; } + button.text-button, + .button.text-button { + padding: 0.69925rem 1rem 0.80451rem; + border-radius: 2px; + -gtk-outline-radius: 2px; + font-weight: 700; } + button.text-button.image-button, + .button.text-button.image-button { + padding-left: 1rem; + padding-right: 1rem; + border-radius: 2px; + -gtk-outline-radius: 2px; } + button.text-button.image-button label, + .button.text-button.image-button label { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + button.text-button.image-button image, + .button.text-button.image-button image { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + button.text-button.image-button:drop(active), combobox:drop(active) button.text-button.image-button.combo, + .button.text-button.image-button:drop(active) { + color: #C5A68E; + background-color: rgba(77, 182, 172, 0.2); } + button separator, + button .separator, + .button separator, + .button .separator { + min-height: 0; + min-width: 0; + border-color: transparent; + background-color: transparent; + color: transparent; } + stackswitcher button.text-button, stackswitcher + .button.text-button { + min-height: 1.30075rem; + min-width: 8.42105rem; } + .stack-switcher > button, .stack-switcher > + .button { + outline-offset: -0.19549rem; } + .stack-switcher > button > label, .stack-switcher > + .button > label { + padding-left: 0.6015rem; + padding-right: 0.6015rem; } + .stack-switcher > button > image, .stack-switcher > + .button > image { + padding-left: 0.6015rem; + padding-right: 0.6015rem; + padding-top: 0.20301rem; + padding-bottom: 0.20301rem; } + .stack-switcher > button.text-button, .stack-switcher > + .button.text-button { + padding-left: 1rem; + padding-right: 1rem; + border-radius: 2px; + -gtk-outline-radius: 2px; } + .stack-switcher > button.image-button, .stack-switcher > + .button.image-button { + padding-left: 0.6015rem; + padding-right: 0.6015rem; } + .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image, .stack-switcher > + .button.needs-attention:active > label, .stack-switcher > + .button.needs-attention:active > image, .stack-switcher > + .button.needs-attention:checked > label, .stack-switcher > + .button.needs-attention:checked > image { + animation: none; + background-image: none; } + .linked > button, .linked > button .image-button, .linked > button .text-button, .linked > + .button, .linked > + .button .image-button, .linked > + .button .text-button { + min-width: 1rem; + padding: 0.69925rem 0.3985rem 0.80451rem; } + .linked > button label, .linked > button .image-button label, .linked > button .text-button label, .linked > + .button label, .linked > + .button .image-button label, .linked > + .button .text-button label { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + .linked > button image, .linked > button .image-button image, .linked > button .text-button image, .linked > + .button image, .linked > + .button .image-button image, .linked > + .button .text-button image { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + .linked.vertical > button, .linked.vertical > button .image-button, .linked.vertical > button .text-button, .linked.vertical > + .button, .linked.vertical > + .button .image-button, .linked.vertical > + .button .text-button { + min-height: 1rem; + min-width: 1.69925rem; + padding: 0.75188rem 0.50376rem 0.75188rem; } + .linked > button.image-button.radio, .linked.vertical > button.image-button.radio, .linked > + .button.image-button.radio, .linked.vertical > + .button.image-button.radio { + min-width: 1rem; + min-height: 1rem; + padding: 0.6015rem; } + .inline-toolbar button, .inline-toolbar button:not(.text-button).image-button, + button actionbar, + button actionbar:not(.text-button).image-button, .inline-toolbar + .button, .inline-toolbar + .button:not(.text-button).image-button, + .button actionbar, + .button actionbar:not(.text-button).image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + min-width: 1rem; + min-height: 1rem; + padding: 0.75188rem; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-size: 2.44361rem 2.44361rem, auto; } + .inline-toolbar button:hover, .inline-toolbar button:not(.text-button).image-button:hover, + button actionbar:hover, + button actionbar:not(.text-button).image-button:hover, .inline-toolbar + .button:hover, .inline-toolbar + .button:not(.text-button).image-button:hover, + .button actionbar:hover, + .button actionbar:not(.text-button).image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + .inline-toolbar button:active, .inline-toolbar button:not(.text-button).image-button:active, + button actionbar:active, + button actionbar:not(.text-button).image-button:active, .inline-toolbar + .button:active, .inline-toolbar + .button:not(.text-button).image-button:active, + .button actionbar:active, + .button actionbar:not(.text-button).image-button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .inline-toolbar button:disabled, .inline-toolbar button:not(.text-button).image-button:disabled, + button actionbar:disabled, + button actionbar:not(.text-button).image-button:disabled, .inline-toolbar + .button:disabled, .inline-toolbar + .button:not(.text-button).image-button:disabled, + .button actionbar:disabled, + .button actionbar:not(.text-button).image-button:disabled { + box-shadow: none; + background-color: transparent; } + .inline-toolbar button:checked, .inline-toolbar button:not(.text-button).image-button:checked, + button actionbar:checked, + button actionbar:not(.text-button).image-button:checked, .inline-toolbar + .button:checked, .inline-toolbar + .button:not(.text-button).image-button:checked, + .button actionbar:checked, + .button actionbar:not(.text-button).image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; } + .inline-toolbar button:checked:disabled > label, .inline-toolbar button:not(.text-button).image-button:checked:disabled > label, + button actionbar:checked:disabled > label, + button actionbar:not(.text-button).image-button:checked:disabled > label, .inline-toolbar + .button:checked:disabled > label, .inline-toolbar + .button:not(.text-button).image-button:checked:disabled > label, + .button actionbar:checked:disabled > label, + .button actionbar:not(.text-button).image-button:checked:disabled > label { + color: inherit; } + .inline-toolbar button.text-button, + button actionbar.text-button, .inline-toolbar + .button.text-button, + .button actionbar.text-button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .inline-toolbar .linked > button, .inline-toolbar .linked > button:not(.text-button).image-button, actionbar .linked > button, actionbar .linked > button:not(.text-button).image-button, .inline-toolbar .linked > + .button, .inline-toolbar .linked > + .button:not(.text-button).image-button, actionbar .linked > + .button, actionbar .linked > + .button:not(.text-button).image-button { + min-width: 1rem; + min-height: 1rem; + padding: 0.50376rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + .inline-toolbar .linked > button.image-button.toggle, actionbar .linked > button.image-button.toggle, .inline-toolbar .linked > + .button.image-button.toggle, actionbar .linked > + .button.image-button.toggle { + min-width: 1rem; + min-height: 1rem; + padding: 0.6015rem 0.30075rem 0.6015rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + .inline-toolbar .linked > button.text-button, actionbar .linked > button.text-button, .inline-toolbar .linked > + .button.text-button, actionbar .linked > + .button.text-button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .primary-toolbar button, .primary-toolbar + .button { + -gtk-icon-shadow: none; } + +.linked > button, .linked > button .image-button, .linked > button .text-button, .linked > +.button, .linked > +.button .image-button, .linked > +.button .text-button, toolbar .linked > button.text-button:not(.image-button), popover.background .linked > button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + border-radius: 0; + -gtk-outline-radius: 0; + color: rgba(236, 239, 241, 0.75); + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + .linked > button:hover, .linked > button .image-button:hover, .linked > button .text-button:hover, .linked > + .button:hover, .linked > + .button .image-button:hover, .linked > + .button .text-button:hover, toolbar .linked > button.text-button:hover:not(.image-button), popover.background .linked > button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + border-radius: 0; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 2/0 0 2px; } + .linked > button:active, .linked > button .image-button:active, .linked > button .text-button:active, .linked > + .button:active, .linked > + .button .image-button:active, .linked > + .button .text-button:active, toolbar .linked > button.text-button:active:not(.image-button), popover.background .linked > button:active, .linked > button:checked, .linked > button .image-button:checked, .linked > button .text-button:checked, .linked > + .button:checked, .linked > + .button .image-button:checked, .linked > + .button .text-button:checked, toolbar .linked > button.text-button:checked:not(.image-button), popover.background .linked > button:checked { + color: #ECEFF1; + background-color: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; } + .linked > button:active:disabled, .linked > button .image-button:active:disabled, .linked > button .text-button:active:disabled, .linked > + .button:active:disabled, .linked > + .button .image-button:active:disabled, .linked > + .button .text-button:active:disabled, toolbar .linked > button.text-button:active:disabled:not(.image-button), popover.background .linked > button:active:disabled, .linked > button:checked:disabled, .linked > button .image-button:checked:disabled, .linked > button .text-button:checked:disabled, .linked > + .button:checked:disabled, .linked > + .button .image-button:checked:disabled, .linked > + .button .text-button:checked:disabled, toolbar .linked > button.text-button:checked:disabled:not(.image-button), popover.background .linked > button:checked:disabled { + color: rgba(236, 239, 241, 0.3); + background-color: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 188, 212, 0.2)), to(transparent)) 0 0 2/0 0 2px; } + .linked > button:active:disabled > label, .linked > button .image-button:active:disabled > label, .linked > button .text-button:active:disabled > label, .linked > + .button:active:disabled > label, .linked > + .button .image-button:active:disabled > label, .linked > + .button .text-button:active:disabled > label, .linked > button:checked:disabled > label, .linked > button .image-button:checked:disabled > label, .linked > button .text-button:checked:disabled > label, .linked > + .button:checked:disabled > label, .linked > + .button .image-button:checked:disabled > label, .linked > + .button .text-button:checked:disabled > label { + color: inherit; } + .linked > button:disabled, .linked > button .image-button:disabled, .linked > button .text-button:disabled, .linked > + .button:disabled, .linked > + .button .image-button:disabled, .linked > + .button .text-button:disabled, toolbar .linked > button.text-button:disabled:not(.image-button), popover.background .linked > button:disabled { + color: rgba(236, 239, 241, 0.3); + background-color: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + +.linked.vertical > button, .linked.vertical > button .image-button, .linked.vertical > button .text-button, .linked.vertical > +.button, .linked.vertical > +.button .image-button, .linked.vertical > +.button .text-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + border-image: none; + border-width: 0; + -gtk-outline-radius: 0; + color: rgba(236, 239, 241, 0.75); } + .linked.vertical > button:dir(ltr), .linked.vertical > button .image-button:dir(ltr), .linked.vertical > button .text-button:dir(ltr), .linked.vertical > + .button:dir(ltr), .linked.vertical > + .button .image-button:dir(ltr), .linked.vertical > + .button .text-button:dir(ltr) { + box-shadow: inset 1px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:dir(rtl), .linked.vertical > button .image-button:dir(rtl), .linked.vertical > button .text-button:dir(rtl), .linked.vertical > + .button:dir(rtl), .linked.vertical > + .button .image-button:dir(rtl), .linked.vertical > + .button .text-button:dir(rtl) { + box-shadow: inset -1px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:hover, .linked.vertical > button .image-button:hover, .linked.vertical > button .text-button:hover, .linked.vertical > + .button:hover, .linked.vertical > + .button .image-button:hover, .linked.vertical > + .button .text-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + .linked.vertical > button:hover:dir(ltr), .linked.vertical > button .image-button:hover:dir(ltr), .linked.vertical > button .text-button:hover:dir(ltr), .linked.vertical > + .button:hover:dir(ltr), .linked.vertical > + .button .image-button:hover:dir(ltr), .linked.vertical > + .button .text-button:hover:dir(ltr) { + box-shadow: inset 2px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:hover:dir(rtl), .linked.vertical > button .image-button:hover:dir(rtl), .linked.vertical > button .text-button:hover:dir(rtl), .linked.vertical > + .button:hover:dir(rtl), .linked.vertical > + .button .image-button:hover:dir(rtl), .linked.vertical > + .button .text-button:hover:dir(rtl) { + box-shadow: inset -2px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:active, .linked.vertical > button .image-button:active, .linked.vertical > button .text-button:active, .linked.vertical > + .button:active, .linked.vertical > + .button .image-button:active, .linked.vertical > + .button .text-button:active, .linked.vertical > button:checked, .linked.vertical > button .image-button:checked, .linked.vertical > button .text-button:checked, .linked.vertical > + .button:checked, .linked.vertical > + .button .image-button:checked, .linked.vertical > + .button .text-button:checked { + color: #ECEFF1; + background-color: transparent; } + .linked.vertical > button:active:dir(ltr), .linked.vertical > button .image-button:active:dir(ltr), .linked.vertical > button .text-button:active:dir(ltr), .linked.vertical > + .button:active:dir(ltr), .linked.vertical > + .button .image-button:active:dir(ltr), .linked.vertical > + .button .text-button:active:dir(ltr), .linked.vertical > button:checked:dir(ltr), .linked.vertical > button .image-button:checked:dir(ltr), .linked.vertical > button .text-button:checked:dir(ltr), .linked.vertical > + .button:checked:dir(ltr), .linked.vertical > + .button .image-button:checked:dir(ltr), .linked.vertical > + .button .text-button:checked:dir(ltr) { + box-shadow: inset 2px 0 #C5A68E; } + .linked.vertical > button:active:dir(rtl), .linked.vertical > button .image-button:active:dir(rtl), .linked.vertical > button .text-button:active:dir(rtl), .linked.vertical > + .button:active:dir(rtl), .linked.vertical > + .button .image-button:active:dir(rtl), .linked.vertical > + .button .text-button:active:dir(rtl), .linked.vertical > button:checked:dir(rtl), .linked.vertical > button .image-button:checked:dir(rtl), .linked.vertical > button .text-button:checked:dir(rtl), .linked.vertical > + .button:checked:dir(rtl), .linked.vertical > + .button .image-button:checked:dir(rtl), .linked.vertical > + .button .text-button:checked:dir(rtl) { + box-shadow: inset -2px 0 #C5A68E; } + .linked.vertical > button:active:disabled, .linked.vertical > button .image-button:active:disabled, .linked.vertical > button .text-button:active:disabled, .linked.vertical > + .button:active:disabled, .linked.vertical > + .button .image-button:active:disabled, .linked.vertical > + .button .text-button:active:disabled, .linked.vertical > button:checked:disabled, .linked.vertical > button .image-button:checked:disabled, .linked.vertical > button .text-button:checked:disabled, .linked.vertical > + .button:checked:disabled, .linked.vertical > + .button .image-button:checked:disabled, .linked.vertical > + .button .text-button:checked:disabled { + color: rgba(236, 239, 241, 0.3); + background-color: alpha(currentColor, 0.2); } + .linked.vertical > button:active:disabled:dir(ltr), .linked.vertical > button .image-button:active:disabled:dir(ltr), .linked.vertical > button .text-button:active:disabled:dir(ltr), .linked.vertical > + .button:active:disabled:dir(ltr), .linked.vertical > + .button .image-button:active:disabled:dir(ltr), .linked.vertical > + .button .text-button:active:disabled:dir(ltr), .linked.vertical > button:checked:disabled:dir(ltr), .linked.vertical > button .image-button:checked:disabled:dir(ltr), .linked.vertical > button .text-button:checked:disabled:dir(ltr), .linked.vertical > + .button:checked:disabled:dir(ltr), .linked.vertical > + .button .image-button:checked:disabled:dir(ltr), .linked.vertical > + .button .text-button:checked:disabled:dir(ltr) { + box-shadow: inset 2px 0 rgba(0, 188, 212, 0.2); } + .linked.vertical > button:active:disabled:dir(ltr), .linked.vertical > button .image-button:active:disabled:dir(ltr), .linked.vertical > button .text-button:active:disabled:dir(ltr), .linked.vertical > + .button:active:disabled:dir(ltr), .linked.vertical > + .button .image-button:active:disabled:dir(ltr), .linked.vertical > + .button .text-button:active:disabled:dir(ltr), .linked.vertical > button:checked:disabled:dir(ltr), .linked.vertical > button .image-button:checked:disabled:dir(ltr), .linked.vertical > button .text-button:checked:disabled:dir(ltr), .linked.vertical > + .button:checked:disabled:dir(ltr), .linked.vertical > + .button .image-button:checked:disabled:dir(ltr), .linked.vertical > + .button .text-button:checked:disabled:dir(ltr) { + box-shadow: inset -2px 0 rgba(0, 188, 212, 0.2); } + .linked.vertical > button:active:disabled > label, .linked.vertical > button .image-button:active:disabled > label, .linked.vertical > button .text-button:active:disabled > label, .linked.vertical > + .button:active:disabled > label, .linked.vertical > + .button .image-button:active:disabled > label, .linked.vertical > + .button .text-button:active:disabled > label, .linked.vertical > button:checked:disabled > label, .linked.vertical > button .image-button:checked:disabled > label, .linked.vertical > button .text-button:checked:disabled > label, .linked.vertical > + .button:checked:disabled > label, .linked.vertical > + .button .image-button:checked:disabled > label, .linked.vertical > + .button .text-button:checked:disabled > label { + color: inherit; } + .linked.vertical > button:disabled, .linked.vertical > button .image-button:disabled, .linked.vertical > button .text-button:disabled, .linked.vertical > + .button:disabled, .linked.vertical > + .button .image-button:disabled, .linked.vertical > + .button .text-button:disabled { + color: rgba(236, 239, 241, 0.3); + background-color: alpha(currentColor, 0.2); } + .linked.vertical > button:disabled:dir(ltr), .linked.vertical > button .image-button:disabled:dir(ltr), .linked.vertical > button .text-button:disabled:dir(ltr), .linked.vertical > + .button:disabled:dir(ltr), .linked.vertical > + .button .image-button:disabled:dir(ltr), .linked.vertical > + .button .text-button:disabled:dir(ltr) { + box-shadow: inset 1px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:disabled:dir(rtl), .linked.vertical > button .image-button:disabled:dir(rtl), .linked.vertical > button .text-button:disabled:dir(rtl), .linked.vertical > + .button:disabled:dir(rtl), .linked.vertical > + .button .image-button:disabled:dir(rtl), .linked.vertical > + .button .text-button:disabled:dir(rtl) { + box-shadow: inset -1px 0 alpha(currentColor, 0.2); } + +button.osd.image-button, +.button.osd.image-button, button.image-button, +.button.image-button { + padding: 0.75188rem; + -gtk-outline-radius: 100px; + border-radius: 100px; + background-size: 3.7594rem 3.7594rem, auto; } + +.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, .stack-switcher > +.button.needs-attention > label, .stack-switcher > +.button.needs-attention > image, stacksidebar row.needs-attention > label, +stacksidebar row.activatable.needs-attention > label, +stacksidebar .needs-attention.view > label, +stacksidebar iconview.needs-attention > label, +stacksidebar .view text.needs-attention > label, +.view stacksidebar text.needs-attention > label, +stacksidebar iconview text.needs-attention > label, +iconview stacksidebar text.needs-attention > label, +stacksidebar textview text.needs-attention > label, +textview stacksidebar text.needs-attention > label, +stacksidebar treeview.view header button.needs-attention > label, +treeview.view header stacksidebar button.needs-attention > label, +stacksidebar .tweak-category header button.needs-attention > label, +.tweak-category header stacksidebar button.needs-attention > label { + transition: none; + animation: needs_attention 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right 0.22556rem; + background-size: 0.3985rem 0.3985rem; } + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), .stack-switcher > + .button.needs-attention > label:dir(rtl), .stack-switcher > + .button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl), + stacksidebar .needs-attention.view > label:dir(rtl), + stacksidebar iconview.needs-attention > label:dir(rtl), + stacksidebar .view text.needs-attention > label:dir(rtl), + .view stacksidebar text.needs-attention > label:dir(rtl), + stacksidebar iconview text.needs-attention > label:dir(rtl), + iconview stacksidebar text.needs-attention > label:dir(rtl), + stacksidebar textview text.needs-attention > label:dir(rtl), + textview stacksidebar text.needs-attention > label:dir(rtl), + stacksidebar treeview.view header button.needs-attention > label:dir(rtl), + treeview.view header stacksidebar button.needs-attention > label:dir(rtl), + stacksidebar .tweak-category header button.needs-attention > label:dir(rtl), + .tweak-category header stacksidebar button.needs-attention > label:dir(rtl) { + background-position: left 0.22556rem; } + +.linked > button:not(.flat):not(:only-child), .linked > +.button:not(.flat):not(:only-child), .linked > button, .linked > button .image-button, .linked > button .text-button, .linked > +.button, .linked > +.button .image-button, .linked > +.button .text-button, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border-radius: 0; } + + combobox.linked button:nth-child(2):dir(rtl), .linked > combobox:first-child > button.combo { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + combobox.linked button:nth-child(2):dir(ltr), .linked > combobox:last-child > button.combo { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + .linked > combobox:only-child > button.combo { + border-radius: 2px; } + +.linked.vertical > button:not(:only-child), .linked.vertical > +.button:not(:only-child), .linked.vertical > button, .linked.vertical > button .image-button, .linked.vertical > button .text-button, .linked.vertical > +.button, .linked.vertical > +.button .image-button, .linked.vertical > +.button .text-button, .linked.vertical > combobox > button.combo { + border-radius: 0; } + + .linked.vertical > combobox:first-child > button.combo { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + .linked.vertical > combobox:last-child > button.combo { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + .linked.vertical > combobox:only-child > button.combo { + border-radius: 2px; } + +modelbutton.flat, +.menuitem.button.flat, +.ssd decoration .menuitem.button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + min-height: 2rem; + padding: 0.20301rem 0.3985rem 0.24812rem; + outline-offset: -0.07519rem; + background-size: 9.96241rem 9.96241rem, auto; + color: rgba(236, 239, 241, 0.75); + transition: none; } + modelbutton.flat:hover, + .menuitem.button.flat:hover, + .ssd decoration .menuitem.button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + color: #ECEFF1; } + modelbutton.flat:active, + .menuitem.button.flat:active, + .ssd decoration .menuitem.button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #ECEFF1; } + modelbutton.flat:checked, + .menuitem.button.flat:checked, + .ssd decoration .menuitem.button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + color: #ECEFF1; } + modelbutton.flat:checked:disabled, + .menuitem.button.flat:checked:disabled, + .ssd decoration .menuitem.button:checked:disabled { + color: rgba(236, 239, 241, 0.3); } + modelbutton.flat:checked:disabled > label, + .menuitem.button.flat:checked:disabled > label, + .ssd decoration .menuitem.button:checked:disabled > label { + color: inherit; } + modelbutton.flat:disabled, + .menuitem.button.flat:disabled, + .ssd decoration .menuitem.button:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.225); } + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child, + .menuitem.button.flat check:first-child, + .ssd decoration .menuitem.button check:first-child, + .menuitem.button.flat radio:first-child, + .ssd decoration .menuitem.button radio:first-child { + margin-right: 1rem; } + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child, + .menuitem.button.flat check:last-child, + .ssd decoration .menuitem.button check:last-child, + .menuitem.button.flat radio:last-child, + .ssd decoration .menuitem.button radio:last-child { + margin-left: 1rem; } + +modelbutton.flat arrow { + background: none; } + modelbutton.flat arrow:hover { + background: none; } + modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + min-width: 2.50376rem; + min-height: 1.50376rem; + padding: 0.50376rem 0.6015rem 0.50376rem; } + button.color > colorswatch:first-child:last-child { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + button.color > colorswatch:first-child:last-child, button.color > colorswatch:first-child:last-child overlay { + border-radius: 2px; + -gtk-outline-radius: 2px; } + button.color:disabled, + button.color GtkColorSwatch:disabled { + box-shadow: none; + opacity: 0.4; } + +toolpalette toolitemgroup > button { + border-top: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 0; } +toolpalette toolbutton > button.toggle { + border-radius: 2px; + -gtk-outline-radius: 2px; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #03A9F4; } + *:link:hover, button:hover:link, + button:hover:visited, *:link:active, button:active:link, + button:active:visited { + color: #03A9F4; } + *:link:visited, + button:visited { + color: #9C27B0; } + *:link:visited:hover, + button:visited:hover, *:link:visited:active, + button:visited:active { + color: #9C27B0; } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #99e4ee; } + *:link:selected, button:selected:link, + button:selected:visited, .titlebar.selection-mode .subtitle:link, + headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #ccf2f6; } + *:link:disabled, button:disabled:link, + button:disabled:visited { + opacity: 0.4; } + +button:link > label, +button:visited > label { + text-decoration-line: underline; } + +/***************** + * GtkSpinButton * + *****************/ +@keyframes spin_hover { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(alpha(currentColor, 0)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.1)), to(transparent)); } } +@keyframes spin_active { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.2)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(alpha(currentColor, 0)), to(transparent)); } } +spinbutton:not(.vertical) { + padding: 0; } + spinbutton:not(.vertical):disabled { + color: rgba(236, 239, 241, 0.3); } + spinbutton:not(.vertical) entry, spinbutton:not(.vertical) spinbutton:not(.vertical) { + margin: 0; + background: none; + border: none; + box-shadow: none; } + spinbutton:not(.vertical) button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + min-width: 1rem; + min-height: 1rem; + padding: 0 0.54887rem 0; + border: solid 0.20301rem transparent; + border-radius: 100px; + -gtk-outline-radius: 100px; + background: none; + background-size: contain; + color: rgba(236, 239, 241, 0.75); + box-shadow: none; + transition-property: opacity, color, background-color, background-image, box-shadow; } + spinbutton:not(.vertical) button:not(:last-child):hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #F44336; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + spinbutton:not(.vertical) button:not(:last-child):active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background: none; + color: #F44336; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + spinbutton:not(.vertical) button:not(:last-child):disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(236, 239, 241, 0.3); } + spinbutton:not(.vertical) button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #00E676; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + spinbutton:not(.vertical) button:last-child:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background: none; + color: #00E676; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + spinbutton:not(.vertical) button:last-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(236, 239, 241, 0.3); } +.osd spinbutton, +.osd spinbutton button, +.osd spinbutton entry, +.osd spinbutton spinbutton:not(.vertical), .osd spinbutton.vertical, +.osd spinbutton.vertical button, +.osd spinbutton.vertical entry, +.osd spinbutton.vertical spinbutton:not(.vertical) { + color: rgba(236, 239, 241, 0.75); } + .osd spinbutton:focus, + .osd spinbutton button:focus, + .osd spinbutton entry:focus, + .osd spinbutton spinbutton:focus:not(.vertical), .osd spinbutton.vertical:focus, + .osd spinbutton.vertical button:focus, + .osd spinbutton.vertical entry:focus, + .osd spinbutton.vertical spinbutton:focus:not(.vertical) { + color: #ECEFF1; } + .osd spinbutton:disabled, + .osd spinbutton button:disabled, + .osd spinbutton entry:disabled, + .osd spinbutton spinbutton:disabled:not(.vertical), .osd spinbutton.vertical:disabled, + .osd spinbutton.vertical button:disabled, + .osd spinbutton.vertical entry:disabled, + .osd spinbutton.vertical spinbutton:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.225); } +spinbutton.vertical entry, spinbutton.vertical spinbutton:not(.vertical) { + min-width: 2.50376rem; + min-height: 2.50376rem; + padding: 0; + border-radius: 0; } +spinbutton.vertical button { + min-width: 2.00752rem; + min-height: 2.00752rem; + padding: 0.20301rem; + border: 0.20301rem solid transparent; + border-radius: 200px; + -gtk-outline-radius: 200px; + background: none; + background-size: contain; + color: rgba(236, 239, 241, 0.75); + box-shadow: none; + transition-property: opacity, color, background-color, background-image, box-shadow; } + spinbutton.vertical button.up:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #00E676; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + spinbutton.vertical button.up:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background: none; + color: #00E676; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + spinbutton.vertical button.up:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(236, 239, 241, 0.3); } + spinbutton.vertical button.down:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #F44336; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + spinbutton.vertical button.down:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background: none; + color: #F44336; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + spinbutton.vertical button.down:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(236, 239, 241, 0.3); } +treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus:not(.vertical) { + padding: 1px; + border-radius: 0; + border-width: 0; + background-color: #455A64; + color: #ECEFF1; + box-shadow: none; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 1.20301rem; + min-width: 1.20301rem; } +combobox menu { + padding: 0.24812rem 0; } +combobox menu > menuitem { + padding: 0.35338rem 0.3985rem 0.45113rem; } +combobox button.combo { + min-height: 1rem; + min-width: 1.30075rem; + padding: 0.6015rem 0.3985rem 0.65414rem; } + combobox button.combo arrow { + padding: 0 0.30075rem 0; } + combobox button.combo label { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + combobox button.combo image { + min-height: 1.20301rem; + min-width: 1.20301rem; + padding-left: 0.30075rem; + padding-right: 0.30075rem; } +combobox button.combo { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); + background: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + combobox button.combo:hover, combobox button.combo:active { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + border-radius: 0; + color: #ECEFF1; + background: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; } + combobox button.combo:disabled, combobox button.combo:checked:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); + background: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + +/************ + * Toolbars * + ************/ +toolbar { + -GtkWidget-window-dragging: true; + padding: 0.3985rem; + background-color: #3e515a; + color: rgba(236, 239, 241, 0.75); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.22), inset 0 4px 3px -4px rgba(0, 0, 0, 0.22), inset 0 8px 3px -5px rgba(0, 0, 0, 0.24); } + toolbar.vertical, .inline-toolbar toolbar, paned toolbar, paned toolbar.primary-toolbar, grid toolbar.primary-toolbar { + box-shadow: none; } + .osd toolbar { + background-color: transparent; } + .osd toolbar, toolbar.osd, .app-notification, + .app-notification.frame, GeditViewFrame .gedit-search-slider { + padding: 3px; + border-style: solid; + border-width: 9px; + border-radius: 2px; + border-image: -gtk-scaled(url("assets/osd-shadow-dark.png"), url("assets/osd-shadow-dark@2.png")) 10/10px stretch; + box-shadow: none; + color: #ECEFF1; + background-color: #322F22; } + .osd toolbar:backdrop, toolbar.osd:backdrop, .app-notification:backdrop, GeditViewFrame .gedit-search-slider:backdrop { + border-image: -gtk-scaled(url("assets/osd-shadow-backdrop-dark.png"), url("assets/osd-shadow-backdrop-dark@2.png")) 10/10px stretch; } + .osd toolbar button, toolbar.osd button, .app-notification button, + .app-notification.frame button, GeditViewFrame .gedit-search-slider button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } + .osd toolbar button:not(:active):not(:disabled):not(hover), toolbar.osd button:not(:active):not(:disabled):not(hover), .app-notification button:not(:active):not(:disabled):not(hover), + .app-notification.frame button:not(:active):not(:disabled):not(hover), GeditViewFrame .gedit-search-slider button:not(:active):not(:disabled):not(hover) { + color: #C5A68E); } + .osd toolbar button:hover, toolbar.osd button:hover, .app-notification button:hover, + .app-notification.frame button:hover, GeditViewFrame .gedit-search-slider button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + color: #C5A68E; } + .osd toolbar button:active, toolbar.osd button:active, .app-notification button:active, + .app-notification.frame button:active, GeditViewFrame .gedit-search-slider button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + border-image: none; + color: #C5A68E; + box-shadow: none; } + .osd toolbar button:checked, toolbar.osd button:checked, .app-notification button:checked, + .app-notification.frame button:checked, GeditViewFrame .gedit-search-slider button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + border-image: none; + color: #C5A68E; + box-shadow: none; } + .osd toolbar button:disabled, toolbar.osd button:disabled, .app-notification button:disabled, + .app-notification.frame button:disabled, GeditViewFrame .gedit-search-slider button:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(77, 182, 172, 0.4); } + .osd toolbar .linked > button, .osd toolbar .linked > button.image-button, toolbar.osd .linked > button, .app-notification .linked > button, + .app-notification.frame .linked > button, GeditViewFrame .gedit-search-slider .linked > button, toolbar.osd .linked > button.image-button, .app-notification .linked > button.image-button, + .app-notification.frame .linked > button.image-button, GeditViewFrame .gedit-search-slider .linked > button.image-button { + border-image: none; + box-shadow: none; } + .osd toolbar .linked > button:hover, .osd toolbar .linked > button.image-button:hover, toolbar.osd .linked > button:hover, .app-notification .linked > button:hover, + .app-notification.frame .linked > button:hover, GeditViewFrame .gedit-search-slider .linked > button:hover, toolbar.osd .linked > button.image-button:hover, .app-notification .linked > button.image-button:hover, + .app-notification.frame .linked > button.image-button:hover, GeditViewFrame .gedit-search-slider .linked > button.image-button:hover { + background-color: transparent; } + .osd toolbar .linked > button:not(:checked), .osd toolbar .linked > button.image-button:not(:checked), toolbar.osd .linked > button:not(:checked), .app-notification .linked > button:not(:checked), + .app-notification.frame .linked > button:not(:checked), GeditViewFrame .gedit-search-slider .linked > button:not(:checked), toolbar.osd .linked > button.image-button:not(:checked), .app-notification .linked > button.image-button:not(:checked), + .app-notification.frame .linked > button.image-button:not(:checked), GeditViewFrame .gedit-search-slider .linked > button.image-button:not(:checked) { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .osd toolbar .linked > button.image-button, toolbar.osd .linked > button.image-button, .app-notification .linked > button.image-button, + .app-notification.frame .linked > button.image-button, GeditViewFrame .gedit-search-slider .linked > button.image-button { + min-width: 1rem; + min-height: 2.20301rem; + padding: 0 0.50376rem 0; + border-radius: 100px; + -gtk-outline-radius: 100px; } + .osd toolbar label, toolbar.osd label, .app-notification label, + .app-notification.frame label, GeditViewFrame .gedit-search-slider label { + padding: 0 1em; } + toolbar button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + background-size: 9.96241rem 9.96241rem, auto; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: rgba(236, 239, 241, 0.75); + box-shadow: none; } + toolbar button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + border-image: none; + color: #ECEFF1; + box-shadow: none; } + toolbar button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #ECEFF1; + box-shadow: none; } + toolbar button:checked:disabled { + border-image: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); + box-shadow: none; } + toolbar button:checked:disabled > label { + color: inherit; } + toolbar button:checked:disabled > label { + color: inherit; } + toolbar button:disabled { + box-shadow: none; + background-color: transparent; + border-image: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.225); + box-shadow: none; } + toolbar button button, toolbar button button.text-button, toolbar button button.text-button.image-button, + toolbar button button.flat, + toolbar button button.osd.image-button, + toolbar button .button.osd.image-button, + toolbar button .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar toolbar button button:not(.suggested-action):not(.destructive-action), + toolbar button headerbar button:not(.suggested-action):not(.destructive-action), + headerbar toolbar button button:not(.suggested-action):not(.destructive-action), + toolbar button .menu > arrow, + toolbar button .context-menu > arrow, + toolbar button menu > arrow, + toolbar button placessidebar row button.image-button, + placessidebar row toolbar button button.image-button, + toolbar button .csd headerbar button.titlebutton, + .csd headerbar toolbar button button.titlebutton, + toolbar button .csd headerbar.selection-mode button.titlebutton, + .csd headerbar.selection-mode toolbar button button.titlebutton, + toolbar button .csd .titlebar button.titlebutton, + .csd .titlebar toolbar button button.titlebutton, + toolbar button .csd .titlebar.selection-mode button.titlebutton, + .csd .titlebar.selection-mode toolbar button button.titlebutton, + toolbar button #gf-candidate-popup button, + #gf-candidate-popup toolbar button button, + toolbar button #gf-candidate-popup button:first-child, + #gf-candidate-popup toolbar button button:first-child, + toolbar button #gf-candidate-popup button:last-child, + #gf-candidate-popup toolbar button button:last-child, + toolbar button #gf-candidate-popup .linked > button, + #gf-candidate-popup toolbar button .linked > button, + toolbar button #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup toolbar button .linked > button:first-child, + toolbar button #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup toolbar button .linked > button:last-child, + toolbar button window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget toolbar button button, + toolbar button layouttabbar button, + layouttabbar toolbar button button, + toolbar button layouttab button, + layouttab toolbar button button, + toolbar button button.flat.text-button, + toolbar button button.text-button.osd.image-button, + toolbar button .text-button.button.osd.image-button, + toolbar button .titlebar button.text-button:not(.suggested-action):not(.destructive-action), + .titlebar toolbar button button.text-button:not(.suggested-action):not(.destructive-action), + toolbar button headerbar button.text-button:not(.suggested-action):not(.destructive-action), + headerbar toolbar button button.text-button:not(.suggested-action):not(.destructive-action), + toolbar button .menu > arrow.text-button, + toolbar button .context-menu > arrow.text-button, + toolbar button menu > arrow.text-button, + toolbar button placessidebar row button.text-button.image-button, + placessidebar row toolbar button button.text-button.image-button, + toolbar button .csd headerbar button.text-button.titlebutton, + .csd headerbar toolbar button button.text-button.titlebutton, + toolbar button .csd .titlebar button.text-button.titlebutton, + .csd .titlebar toolbar button button.text-button.titlebutton, + toolbar button #gf-candidate-popup button.text-button, + #gf-candidate-popup toolbar button button.text-button, + toolbar button #gf-candidate-popup .linked > button.text-button:first-child, + #gf-candidate-popup toolbar button .linked > button.text-button:first-child, + toolbar button #gf-candidate-popup .linked > button.text-button:last-child, + #gf-candidate-popup toolbar button .linked > button.text-button:last-child, + toolbar button window > grid.vertical > box.vertical > widget button.text-button, + window > grid.vertical > box.vertical > widget toolbar button button.text-button, + toolbar button layouttabbar button.text-button, + layouttabbar toolbar button button.text-button, + toolbar button layouttab button.text-button, + layouttab toolbar button button.text-button, + toolbar button button.flat.text-button.image-button, + toolbar button button.text-button.image-button.osd, + toolbar button .text-button.image-button.button.osd, + toolbar button .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action), + .titlebar toolbar button button.text-button.image-button:not(.suggested-action):not(.destructive-action), + toolbar button headerbar button.text-button.image-button:not(.suggested-action):not(.destructive-action), + headerbar toolbar button button.text-button.image-button:not(.suggested-action):not(.destructive-action), + toolbar button .menu > arrow.text-button.image-button, + toolbar button .context-menu > arrow.text-button.image-button, + toolbar button menu > arrow.text-button.image-button, + toolbar button placessidebar row button.text-button.image-button, + placessidebar row toolbar button button.text-button.image-button, + toolbar button .csd headerbar button.text-button.image-button.titlebutton, + .csd headerbar toolbar button button.text-button.image-button.titlebutton, + toolbar button .csd .titlebar button.text-button.image-button.titlebutton, + .csd .titlebar toolbar button button.text-button.image-button.titlebutton, + toolbar button #gf-candidate-popup button.text-button.image-button, + #gf-candidate-popup toolbar button button.text-button.image-button, + toolbar button window > grid.vertical > box.vertical > widget button.text-button.image-button, + window > grid.vertical > box.vertical > widget toolbar button button.text-button.image-button, + toolbar button layouttabbar button.text-button.image-button, + layouttabbar toolbar button button.text-button.image-button, + toolbar button layouttab button.text-button.image-button, + layouttab toolbar button button.text-button.image-button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + toolbar button button.image-button, + toolbar button button.flat.image-button, + toolbar button button.image-button.osd, + toolbar button .image-button.button.osd, + toolbar button .titlebar button.image-button:not(.suggested-action):not(.destructive-action), + .titlebar toolbar button button.image-button:not(.suggested-action):not(.destructive-action), + toolbar button headerbar button.image-button:not(.suggested-action):not(.destructive-action), + headerbar toolbar button button.image-button:not(.suggested-action):not(.destructive-action), + toolbar button .menu > arrow.image-button, + toolbar button .context-menu > arrow.image-button, + toolbar button menu > arrow.image-button, + toolbar button placessidebar row button.image-button, + placessidebar row toolbar button button.image-button, + toolbar button .csd headerbar button.image-button.titlebutton, + .csd headerbar toolbar button button.image-button.titlebutton, + toolbar button .csd .titlebar button.image-button.titlebutton, + .csd .titlebar toolbar button button.image-button.titlebutton, + toolbar button #gf-candidate-popup button.image-button, + #gf-candidate-popup toolbar button button.image-button, + toolbar button #gf-candidate-popup .linked > button.image-button:first-child, + #gf-candidate-popup toolbar button .linked > button.image-button:first-child, + toolbar button #gf-candidate-popup .linked > button.image-button:last-child, + #gf-candidate-popup toolbar button .linked > button.image-button:last-child, + toolbar button window > grid.vertical > box.vertical > widget button.image-button, + window > grid.vertical > box.vertical > widget toolbar button button.image-button, + toolbar button layouttabbar button.image-button, + layouttabbar toolbar button button.image-button, + toolbar button layouttab button.image-button, + layouttab toolbar button button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + toolbar button .text-button, + toolbar button .image-button.text-button { + min-width: 1rem; + min-height: 2.20301rem; + padding: 0 1rem 0; + background-size: 9.96241rem 9.96241rem, auto; } + toolbar button .image-button { + min-width: 1rem; + min-height: 2.20301rem; + padding: 0 0.50376rem 0; + background-size: 3.7594rem 3.7594rem, auto; } + toolbar button.toggle:hover, toolbar button.toggle:active, toolbar button.toggle:checked { + background-color: transparent; + box-shadow: none; } + toolbar .linked > button, toolbar .linked > button.image-button { + border-image: none; + box-shadow: none; } + toolbar .linked > button:hover, toolbar .linked > button:active, toolbar .linked > button.image-button:hover, toolbar .linked > button.image-button:active { + border-image: none; + background-color: transparent; + box-shadow: none; } + toolbar .linked > button:not(:disabled), toolbar .linked > button.image-button:not(:disabled) { + border-radius: 100px; + -gtk-outline-radius: 100px; } + toolbar .linked > button .image-button { + min-width: 1rem; + min-height: 2.20301rem; + padding: 0 0.50376rem 0; + border-radius: 100px; + -gtk-outline-radius: 100px; } + toolbar separator { + color: transparent; + background: none; } + toolbar.horizontal separator { + margin: 0 0.45113rem; } + toolbar.vertical separator { + margin: 0.45113rem 0; } + +.inline-toolbar { + padding: 0.3985rem; + border-style: solid; + border-width: 0 1px 1px; + border-color: rgba(0, 0, 0, 0.11); + background-color: #3b4c54; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); } + +searchbar, +.location-bar { + padding: 0.3985rem; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(0, 0, 0, 0.11); + background-color: #3b4c54; } + searchbar .linked > button.image-button, + .location-bar .linked > button.image-button { + padding-top: 0.69925rem; + padding-bottom: 0.80451rem; } + searchbar button.flat.close.raised, searchbar button.close.raised.osd.image-button, + searchbar .close.raised.button.osd.image-button, searchbar .titlebar button.close.raised:not(.suggested-action):not(.destructive-action), .titlebar searchbar button.close.raised:not(.suggested-action):not(.destructive-action), + searchbar headerbar button.close.raised:not(.suggested-action):not(.destructive-action), + headerbar searchbar button.close.raised:not(.suggested-action):not(.destructive-action), searchbar .menu > arrow.close.raised, + searchbar .context-menu > arrow.close.raised, + searchbar menu > arrow.close.raised, searchbar placessidebar row button.close.raised.image-button, placessidebar row searchbar button.close.raised.image-button, searchbar .csd headerbar button.close.raised.titlebutton, .csd headerbar searchbar button.close.raised.titlebutton, + searchbar .csd .titlebar button.close.raised.titlebutton, + .csd .titlebar searchbar button.close.raised.titlebutton, searchbar #gf-candidate-popup button.close.raised, #gf-candidate-popup searchbar button.close.raised, searchbar window > grid.vertical > box.vertical > widget button.close.raised, window > grid.vertical > box.vertical > widget searchbar button.close.raised, searchbar layouttabbar button.close.raised, layouttabbar searchbar button.close.raised, searchbar layouttab button.close.raised, layouttab searchbar button.close.raised, + .location-bar button.flat.close.raised, + .location-bar button.close.raised.osd.image-button, + .location-bar .close.raised.button.osd.image-button, + .location-bar .titlebar button.close.raised:not(.suggested-action):not(.destructive-action), + .titlebar .location-bar button.close.raised:not(.suggested-action):not(.destructive-action), + .location-bar headerbar button.close.raised:not(.suggested-action):not(.destructive-action), + headerbar .location-bar button.close.raised:not(.suggested-action):not(.destructive-action), + .location-bar .menu > arrow.close.raised, + .location-bar .context-menu > arrow.close.raised, + .location-bar menu > arrow.close.raised, + .location-bar placessidebar row button.close.raised.image-button, + placessidebar row .location-bar button.close.raised.image-button, + .location-bar .csd headerbar button.close.raised.titlebutton, + .csd headerbar .location-bar button.close.raised.titlebutton, + .location-bar .csd .titlebar button.close.raised.titlebutton, + .csd .titlebar .location-bar button.close.raised.titlebutton, + .location-bar #gf-candidate-popup button.close.raised, + #gf-candidate-popup .location-bar button.close.raised, + .location-bar window > grid.vertical > box.vertical > widget button.close.raised, + window > grid.vertical > box.vertical > widget .location-bar button.close.raised, + .location-bar layouttabbar button.close.raised, + layouttabbar .location-bar button.close.raised, + .location-bar layouttab button.close.raised, + layouttab .location-bar button.close.raised { + min-width: 1rem; + min-height: 1rem; + padding: 0.75188rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + +/*************** + * Header bars * + ***************/ +.titlebar, +headerbar { + background-color: #13191C; + background-clip: border-box; + color: rgba(236, 239, 241, 0.75); } + .titlebar label:checked:disabled, + .titlebar image:checked:disabled, + headerbar label:checked:disabled, + headerbar image:checked:disabled { + color: rgba(236, 239, 241, 0.3); } + button:disabled > .titlebar label, .linked > button:disabled > .titlebar label, .titlebar label:disabled, button:disabled > + .titlebar image, .linked > button:disabled > + .titlebar image, + .titlebar image:disabled, button:disabled > + headerbar label, .linked > button:disabled > + headerbar label, + headerbar label:disabled, button:disabled > + headerbar image, .linked > button:disabled > + headerbar image, + headerbar image:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar .title, + headerbar .title { + padding-left: 1rem; + padding-right: 1rem; + color: #ECEFF1; + font-weight: 700; } + .titlebar .subtitle, + headerbar .subtitle { + padding-left: 1rem; + padding-right: 1rem; + color: rgba(236, 239, 241, 0.75); + font-size: 90%; } + .titlebar separator.vertical, .titlebar > box > separator.vertical, .titlebar > box > box > separator.vertical, + headerbar separator.vertical, + headerbar > box > separator.vertical, + headerbar > box > box > separator.vertical { + border: 0 none transparent; + color: transparent; + background-color: transparent; } + .titlebar button:not(.suggested-action):not(.destructive-action), + headerbar button:not(.suggested-action):not(.destructive-action) { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#C5A68E), to(transparent)) 0 0 0/0 0 0px; + color: rgba(236, 239, 241, 0.75); + background-size: 9.96241rem 9.96241rem, auto; } + .titlebar button:not(.suggested-action):not(.destructive-action):hover, + headerbar button:not(.suggested-action):not(.destructive-action):hover { + color: #ECEFF1; } + .titlebar button:not(.suggested-action):not(.destructive-action):checked, + headerbar button:not(.suggested-action):not(.destructive-action):checked { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #ECEFF1; } + .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled, + headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { + background-color: transparent; + color: rgba(236, 239, 241, 0.3); } + .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled > label, + headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled > label { + color: inherit; } + .titlebar button:not(.suggested-action):not(.destructive-action), + headerbar button:not(.suggested-action):not(.destructive-action) { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .titlebar button:not(.suggested-action):not(.destructive-action).text-button, + headerbar button:not(.suggested-action):not(.destructive-action).text-button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .titlebar button:not(.suggested-action):not(.destructive-action).text-button.image-button, + headerbar button:not(.suggested-action):not(.destructive-action).text-button.image-button { + border-radius: 2px; + -gtk-outline-radius: 2px; + background-size: 9.96241rem 9.96241rem, auto; } + .titlebar .linked > button.image-button, + headerbar .linked > button.image-button { + min-width: 1.30075rem; + min-height: 2.80451rem; + padding: 0 0.50376rem 0; } + .titlebar button.toggle, + headerbar button.toggle { + min-width: 1.30075rem; + min-height: 2.80451rem; + padding: 0 0.75188rem 0; } + .titlebar button.toggle label, + headerbar button.toggle label { + padding: 0.69925rem 0.6015rem 0.80451rem; } + .titlebar button.toggle menu menuitem label, + headerbar button.toggle menu menuitem label { + padding: 0; } + .titlebar button, .titlebar button label.text-button, + .titlebar .linked > button, + .titlebar .linked > button label.text-button, + .titlebar button.suggested-action, + .titlebar button.suggested-action label.text-button, + .titlebar button.destructive-action, + .titlebar button.destructive-action label.text-button, + headerbar button, + headerbar button label.text-button, + headerbar .linked > button, + headerbar .linked > button label.text-button, + headerbar button.suggested-action, + headerbar button.suggested-action label.text-button, + headerbar button.destructive-action, + headerbar button.destructive-action label.text-button { + color: rgba(236, 239, 241, 0.75); } + .titlebar button:hover, .titlebar button label.text-button:hover, + .titlebar .linked > button:hover, + .titlebar .linked > button label.text-button:hover, + .titlebar button.suggested-action:hover, + .titlebar button.suggested-action label.text-button:hover, + .titlebar button.destructive-action:hover, + .titlebar button.destructive-action label.text-button:hover, + headerbar button:hover, + headerbar button label.text-button:hover, + headerbar .linked > button:hover, + headerbar .linked > button label.text-button:hover, + headerbar button.suggested-action:hover, + headerbar button.suggested-action label.text-button:hover, + headerbar button.destructive-action:hover, + headerbar button.destructive-action label.text-button:hover { + color: #ECEFF1; } + .titlebar button:checked, .titlebar button label.text-button:checked, + .titlebar .linked > button:checked, + .titlebar .linked > button label.text-button:checked, + .titlebar button.suggested-action:checked, + .titlebar button.suggested-action label.text-button:checked, + .titlebar button.destructive-action:checked, + .titlebar button.destructive-action label.text-button:checked, + headerbar button:checked, + headerbar button label.text-button:checked, + headerbar .linked > button:checked, + headerbar .linked > button label.text-button:checked, + headerbar button.suggested-action:checked, + headerbar button.suggested-action label.text-button:checked, + headerbar button.destructive-action:checked, + headerbar button.destructive-action label.text-button:checked { + color: #ECEFF1; } + .titlebar button:checked:disabled, .titlebar button label.text-button:checked:disabled, + .titlebar .linked > button:checked:disabled, + .titlebar .linked > button label.text-button:checked:disabled, + .titlebar button.suggested-action:checked:disabled, + .titlebar button.suggested-action label.text-button:checked:disabled, + .titlebar button.destructive-action:checked:disabled, + .titlebar button.destructive-action label.text-button:checked:disabled, + headerbar button:checked:disabled, + headerbar button label.text-button:checked:disabled, + headerbar .linked > button:checked:disabled, + headerbar .linked > button label.text-button:checked:disabled, + headerbar button.suggested-action:checked:disabled, + headerbar button.suggested-action label.text-button:checked:disabled, + headerbar button.destructive-action:checked:disabled, + headerbar button.destructive-action label.text-button:checked:disabled { + color: rgba(236, 239, 241, 0.3); } + .titlebar button:disabled, .titlebar button label.text-button:disabled, + .titlebar .linked > button:disabled, + .titlebar .linked > button label.text-button:disabled, + .titlebar button.suggested-action:disabled, + .titlebar button.suggested-action label.text-button:disabled, + .titlebar button.destructive-action:disabled, + .titlebar button.destructive-action label.text-button:disabled, + headerbar button:disabled, + headerbar button label.text-button:disabled, + headerbar .linked > button:disabled, + headerbar .linked > button label.text-button:disabled, + headerbar button.suggested-action:disabled, + headerbar button.suggested-action label.text-button:disabled, + headerbar button.destructive-action:disabled, + headerbar button.destructive-action label.text-button:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar button label.text-button, + .titlebar .linked > button label.text-button, + .titlebar button.suggested-action label.text-button, + .titlebar button.destructive-action label.text-button, + headerbar button label.text-button, + headerbar .linked > button label.text-button, + headerbar button.suggested-action label.text-button, + headerbar button.destructive-action label.text-button { + border-image: none; + box-shadow: none; } + .titlebar entry, .titlebar spinbutton:not(.vertical), + .titlebar .linked > entry, + .titlebar .linked > spinbutton:not(.vertical), + headerbar entry, + headerbar spinbutton:not(.vertical), + headerbar .linked > entry, + headerbar .linked > spinbutton:not(.vertical) { + color: rgba(236, 239, 241, 0.75); + caret-color: rgba(236, 239, 241, 0.75); } + .titlebar entry:focus, .titlebar spinbutton:focus:not(.vertical), + .titlebar .linked > entry:focus, + .titlebar .linked > spinbutton:focus:not(.vertical), + headerbar entry:focus, + headerbar spinbutton:focus:not(.vertical), + headerbar .linked > entry:focus, + headerbar .linked > spinbutton:focus:not(.vertical) { + color: #ECEFF1; + caret-color: #ECEFF1; } + .titlebar entry:disabled, .titlebar spinbutton:disabled:not(.vertical), + .titlebar .linked > entry:disabled, + .titlebar .linked > spinbutton:disabled:not(.vertical), + headerbar entry:disabled, + headerbar spinbutton:disabled:not(.vertical), + headerbar .linked > entry:disabled, + headerbar .linked > spinbutton:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.225); } + .titlebar combobox > entry.combo, .titlebar combobox > spinbutton.combo:not(.vertical), + .titlebar .linked > combobox > entry.combo, + .titlebar .linked > combobox > spinbutton.combo:not(.vertical), + headerbar combobox > entry.combo, + headerbar combobox > spinbutton.combo:not(.vertical), + headerbar .linked > combobox > entry.combo, + headerbar .linked > combobox > spinbutton.combo:not(.vertical) { + color: rgba(236, 239, 241, 0.75); + caret-color: rgba(236, 239, 241, 0.75); } + .titlebar combobox > entry.combo:focus, .titlebar combobox > spinbutton.combo:focus:not(.vertical), + .titlebar .linked > combobox > entry.combo:focus, + .titlebar .linked > combobox > spinbutton.combo:focus:not(.vertical), + headerbar combobox > entry.combo:focus, + headerbar combobox > spinbutton.combo:focus:not(.vertical), + headerbar .linked > combobox > entry.combo:focus, + headerbar .linked > combobox > spinbutton.combo:focus:not(.vertical) { + color: #ECEFF1; + caret-color: #ECEFF1; } + .titlebar combobox > entry.combo:disabled, .titlebar combobox > spinbutton.combo:disabled:not(.vertical), + .titlebar .linked > combobox > entry.combo:disabled, + .titlebar .linked > combobox > spinbutton.combo:disabled:not(.vertical), + headerbar combobox > entry.combo:disabled, + headerbar combobox > spinbutton.combo:disabled:not(.vertical), + headerbar .linked > combobox > entry.combo:disabled, + headerbar .linked > combobox > spinbutton.combo:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.225); } + .titlebar combobox > entry.combo:backdrop, .titlebar combobox > spinbutton.combo:backdrop:not(.vertical), + .titlebar .linked > combobox > entry.combo:backdrop, + .titlebar .linked > combobox > spinbutton.combo:backdrop:not(.vertical), + headerbar combobox > entry.combo:backdrop, + headerbar combobox > spinbutton.combo:backdrop:not(.vertical), + headerbar .linked > combobox > entry.combo:backdrop, + headerbar .linked > combobox > spinbutton.combo:backdrop:not(.vertical) { + opacity: 0.5; } + .titlebar combobox > button.combo, + .titlebar .linked > combobox > button.combo, + headerbar combobox > button.combo, + headerbar .linked > combobox > button.combo { + color: rgba(236, 239, 241, 0.75); } + .titlebar combobox > button.combo:hover, + .titlebar .linked > combobox > button.combo:hover, + headerbar combobox > button.combo:hover, + headerbar .linked > combobox > button.combo:hover { + color: #ECEFF1; } + .titlebar combobox > button.combo:checked, + .titlebar .linked > combobox > button.combo:checked, + headerbar combobox > button.combo:checked, + headerbar .linked > combobox > button.combo:checked { + color: #ECEFF1; } + .titlebar combobox > button.combo:checked:disabled, + .titlebar .linked > combobox > button.combo:checked:disabled, + headerbar combobox > button.combo:checked:disabled, + headerbar .linked > combobox > button.combo:checked:disabled { + color: rgba(236, 239, 241, 0.3); } + .titlebar combobox > button.combo:disabled, + .titlebar .linked > combobox > button.combo:disabled, + headerbar combobox > button.combo:disabled, + headerbar .linked > combobox > button.combo:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar combobox > button.combo:backdrop, + .titlebar .linked > combobox > button.combo:backdrop, + headerbar combobox > button.combo:backdrop, + headerbar .linked > combobox > button.combo:backdrop { + opacity: 0.5; } + .titlebar menu menuitem, + headerbar menu menuitem { + color: rgba(236, 239, 241, 0.75); } + .titlebar menu menuitem:hover, + headerbar menu menuitem:hover { + color: #ECEFF1; } + .titlebar menu menuitem label:disabled, + headerbar menu menuitem label:disabled { + color: rgba(236, 239, 241, 0.3); } + .titlebar menu menuitem accelerator, + headerbar menu menuitem accelerator { + color: alpha(currentColor, 0.55); } + .titlebar menu menuitem separator, + headerbar menu menuitem separator { + color: rgba(0, 0, 0, 0.11); } + .titlebar popover button.flat, .titlebar popover button.osd.image-button, + .titlebar popover .button.osd.image-button, .titlebar popover button:not(.suggested-action):not(.destructive-action), .titlebar popover .menu > arrow, + .titlebar popover .context-menu > arrow, + .titlebar popover menu > arrow, .titlebar popover placessidebar row button.image-button, placessidebar row .titlebar popover button.image-button, .titlebar popover .csd headerbar button.titlebutton, + .csd .titlebar popover button.titlebutton, + .csd .titlebar.selection-mode popover button.titlebutton, .titlebar popover #gf-candidate-popup button, #gf-candidate-popup .titlebar popover button, + .titlebar popover #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .titlebar popover .linked > button:first-child, + .titlebar popover #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .titlebar popover .linked > button:last-child, .titlebar popover window > grid.vertical > box.vertical > widget button, window > grid.vertical > box.vertical > widget .titlebar popover button, .titlebar popover layouttabbar button, layouttabbar .titlebar popover button, .titlebar popover layouttab button, layouttab .titlebar popover button, + headerbar popover button.flat, + headerbar popover button.osd.image-button, + headerbar popover .button.osd.image-button, + headerbar popover .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar headerbar popover button:not(.suggested-action):not(.destructive-action), + headerbar popover button:not(.suggested-action):not(.destructive-action), + headerbar popover .menu > arrow, + headerbar popover .context-menu > arrow, + headerbar popover menu > arrow, + headerbar popover placessidebar row button.image-button, + placessidebar row headerbar popover button.image-button, + .csd headerbar popover button.titlebutton, + .csd headerbar.selection-mode popover button.titlebutton, + headerbar popover .csd .titlebar button.titlebutton, + .csd .titlebar headerbar popover button.titlebutton, + headerbar popover .csd .titlebar.selection-mode button.titlebutton, + .csd .titlebar.selection-mode headerbar popover button.titlebutton, + headerbar popover #gf-candidate-popup button, + #gf-candidate-popup headerbar popover button, + headerbar popover #gf-candidate-popup button:first-child, + #gf-candidate-popup headerbar popover button:first-child, + headerbar popover #gf-candidate-popup button:last-child, + #gf-candidate-popup headerbar popover button:last-child, + headerbar popover #gf-candidate-popup .linked > button, + #gf-candidate-popup headerbar popover .linked > button, + headerbar popover #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup headerbar popover .linked > button:first-child, + headerbar popover #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup headerbar popover .linked > button:last-child, + headerbar popover window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget headerbar popover button, + headerbar popover layouttabbar button, + layouttabbar headerbar popover button, + headerbar popover layouttab button, + layouttab headerbar popover button { + color: rgba(236, 239, 241, 0.75); } + .titlebar popover button.flat:hover, .titlebar popover button.osd.image-button:hover, + .titlebar popover .button.osd.image-button:hover, .titlebar popover button:hover:not(.suggested-action):not(.destructive-action), .titlebar popover .menu > arrow:hover, + .titlebar popover .context-menu > arrow:hover, + .titlebar popover menu > arrow:hover, .titlebar popover placessidebar row button.image-button:hover, placessidebar row .titlebar popover button.image-button:hover, .titlebar popover .csd headerbar button.titlebutton:hover, + .csd .titlebar popover button.titlebutton:hover, .titlebar popover #gf-candidate-popup button:hover, #gf-candidate-popup .titlebar popover button:hover, .titlebar popover window > grid.vertical > box.vertical > widget button:hover, window > grid.vertical > box.vertical > widget .titlebar popover button:hover, .titlebar popover layouttabbar button:hover, layouttabbar .titlebar popover button:hover, .titlebar popover layouttab button:hover, layouttab .titlebar popover button:hover, + headerbar popover button.flat:hover, + headerbar popover button.osd.image-button:hover, + headerbar popover .button.osd.image-button:hover, + headerbar popover button:hover:not(.suggested-action):not(.destructive-action), + headerbar popover .menu > arrow:hover, + headerbar popover .context-menu > arrow:hover, + headerbar popover menu > arrow:hover, + headerbar popover placessidebar row button.image-button:hover, + placessidebar row headerbar popover button.image-button:hover, + .csd headerbar popover button.titlebutton:hover, + headerbar popover .csd .titlebar button.titlebutton:hover, + .csd .titlebar.selection-mode headerbar popover button.titlebutton:hover, + headerbar popover #gf-candidate-popup button:hover, + #gf-candidate-popup headerbar popover button:hover, + headerbar popover #gf-candidate-popup .linked > button:hover:first-child, + #gf-candidate-popup headerbar popover .linked > button:hover:first-child, + headerbar popover #gf-candidate-popup .linked > button:hover:last-child, + #gf-candidate-popup headerbar popover .linked > button:hover:last-child, + headerbar popover window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget headerbar popover button:hover, + headerbar popover layouttabbar button:hover, + layouttabbar headerbar popover button:hover, + headerbar popover layouttab button:hover, + layouttab headerbar popover button:hover { + color: #ECEFF1; } + .titlebar popover button.flat label:hover, .titlebar popover button.osd.image-button label:hover, + .titlebar popover .button.osd.image-button label:hover, .titlebar popover button:not(.suggested-action):not(.destructive-action) label:hover, .titlebar popover .menu > arrow label:hover, + .titlebar popover .context-menu > arrow label:hover, + .titlebar popover menu > arrow label:hover, .titlebar popover placessidebar row button.image-button label:hover, placessidebar row .titlebar popover button.image-button label:hover, .titlebar popover .csd headerbar button.titlebutton label:hover, + .csd .titlebar popover button.titlebutton label:hover, .titlebar popover #gf-candidate-popup button label:hover, #gf-candidate-popup .titlebar popover button label:hover, .titlebar popover window > grid.vertical > box.vertical > widget button label:hover, window > grid.vertical > box.vertical > widget .titlebar popover button label:hover, .titlebar popover layouttabbar button label:hover, layouttabbar .titlebar popover button label:hover, .titlebar popover layouttab button label:hover, layouttab .titlebar popover button label:hover, + headerbar popover button.flat label:hover, + headerbar popover button.osd.image-button label:hover, + headerbar popover .button.osd.image-button label:hover, + headerbar popover button:not(.suggested-action):not(.destructive-action) label:hover, + headerbar popover .menu > arrow label:hover, + headerbar popover .context-menu > arrow label:hover, + headerbar popover menu > arrow label:hover, + headerbar popover placessidebar row button.image-button label:hover, + placessidebar row headerbar popover button.image-button label:hover, + .csd headerbar popover button.titlebutton label:hover, + headerbar popover .csd .titlebar button.titlebutton label:hover, + .csd .titlebar.selection-mode headerbar popover button.titlebutton label:hover, + headerbar popover #gf-candidate-popup button label:hover, + #gf-candidate-popup headerbar popover button label:hover, + headerbar popover #gf-candidate-popup .linked > button:first-child label:hover, + #gf-candidate-popup headerbar popover .linked > button:first-child label:hover, + headerbar popover #gf-candidate-popup .linked > button:last-child label:hover, + #gf-candidate-popup headerbar popover .linked > button:last-child label:hover, + headerbar popover window > grid.vertical > box.vertical > widget button label:hover, + window > grid.vertical > box.vertical > widget headerbar popover button label:hover, + headerbar popover layouttabbar button label:hover, + layouttabbar headerbar popover button label:hover, + headerbar popover layouttab button label:hover, + layouttab headerbar popover button label:hover { + color: #ECEFF1; } + .titlebar popover button.flat label:disabled, .titlebar popover button.osd.image-button label:disabled, + .titlebar popover .button.osd.image-button label:disabled, .titlebar popover button:not(.suggested-action):not(.destructive-action) label:disabled, .titlebar popover .menu > arrow label:disabled, + .titlebar popover .context-menu > arrow label:disabled, + .titlebar popover menu > arrow label:disabled, .titlebar popover placessidebar row button.image-button label:disabled, placessidebar row .titlebar popover button.image-button label:disabled, .titlebar popover .csd headerbar button.titlebutton label:disabled, + .csd .titlebar popover button.titlebutton label:disabled, .titlebar popover #gf-candidate-popup button label:disabled, #gf-candidate-popup .titlebar popover button label:disabled, .titlebar popover window > grid.vertical > box.vertical > widget button label:disabled, window > grid.vertical > box.vertical > widget .titlebar popover button label:disabled, .titlebar popover layouttabbar button label:disabled, layouttabbar .titlebar popover button label:disabled, .titlebar popover layouttab button label:disabled, layouttab .titlebar popover button label:disabled, + headerbar popover button.flat label:disabled, + headerbar popover button.osd.image-button label:disabled, + headerbar popover .button.osd.image-button label:disabled, + headerbar popover button:not(.suggested-action):not(.destructive-action) label:disabled, + headerbar popover .menu > arrow label:disabled, + headerbar popover .context-menu > arrow label:disabled, + headerbar popover menu > arrow label:disabled, + headerbar popover placessidebar row button.image-button label:disabled, + placessidebar row headerbar popover button.image-button label:disabled, + .csd headerbar popover button.titlebutton label:disabled, + headerbar popover .csd .titlebar button.titlebutton label:disabled, + .csd .titlebar.selection-mode headerbar popover button.titlebutton label:disabled, + headerbar popover #gf-candidate-popup button label:disabled, + #gf-candidate-popup headerbar popover button label:disabled, + headerbar popover #gf-candidate-popup .linked > button:first-child label:disabled, + #gf-candidate-popup headerbar popover .linked > button:first-child label:disabled, + headerbar popover #gf-candidate-popup .linked > button:last-child label:disabled, + #gf-candidate-popup headerbar popover .linked > button:last-child label:disabled, + headerbar popover window > grid.vertical > box.vertical > widget button label:disabled, + window > grid.vertical > box.vertical > widget headerbar popover button label:disabled, + headerbar popover layouttabbar button label:disabled, + layouttabbar headerbar popover button label:disabled, + headerbar popover layouttab button label:disabled, + layouttab headerbar popover button label:disabled { + color: rgba(236, 239, 241, 0.3); } + .titlebar switch, + headerbar switch { + margin: 0.20301rem 0; + color: rgba(236, 239, 241, 0.75); + background-color: rgba(236, 239, 241, 0.075); } + .titlebar switch:checked, + headerbar switch:checked { + background-color: rgba(0, 188, 212, 0.2); } + .titlebar switch:checked:disabled, + headerbar switch:checked:disabled { + background-color: rgba(0, 188, 212, 0.2); } + .titlebar switch:disabled, + headerbar switch:disabled { + color: rgba(236, 239, 241, 0.3); + background-color: alpha(currentColor, 0.2); } + .titlebar switch slider, + headerbar switch slider { + background-color: #3e515a; } + .titlebar switch:hover slider, + headerbar switch:hover slider { + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2)); } + .titlebar switch:checked slider, + headerbar switch:checked slider { + background-color: #C5A68E; } + .titlebar switch:checked slider:disabled, + headerbar switch:checked slider:disabled { + background-color: #3F4E56; } + .titlebar switch:disabled slider, + headerbar switch:disabled slider { + background-color: #3F4E56; } + .titlebar spinner, + headerbar spinner { + min-width: 1rem; + min-height: 1rem; + margin: -0.3985rem; } + .titlebar.selection-mode, + headerbar.selection-mode { + border-width: 1px 0 1px 0; + border-top-color: rgba(255, 255, 255, 0.07); + border-bottom-color: transparent; + background-color: #C5A68E; + color: #FFFFFF; } + .titlebar.selection-mode button, + .titlebar.selection-mode button.image-button, + headerbar.selection-mode button, + headerbar.selection-mode button.image-button { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#FFFFFF), to(transparent)) 0 0 0/0 0 0px; + color: rgba(255, 255, 255, 0.85); } + .titlebar.selection-mode button:hover, .titlebar.selection-mode button:active, .titlebar.selection-mode button:checked, + .titlebar.selection-mode button.image-button:hover, + .titlebar.selection-mode button.image-button:active, + .titlebar.selection-mode button.image-button:checked, + headerbar.selection-mode button:hover, + headerbar.selection-mode button:active, + headerbar.selection-mode button:checked, + headerbar.selection-mode button.image-button:hover, + headerbar.selection-mode button.image-button:active, + headerbar.selection-mode button.image-button:checked { + color: #FFFFFF; } + .titlebar.selection-mode button:disabled, + .titlebar.selection-mode button.image-button:disabled, + headerbar.selection-mode button:disabled, + headerbar.selection-mode button.image-button:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar.selection-mode button:checked, + .titlebar.selection-mode button.image-button:checked, + headerbar.selection-mode button:checked, + headerbar.selection-mode button.image-button:checked { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FFFFFF), to(transparent)) 0 0 2/0 0 2px; + color: #FFFFFF; + background-color: transparent; } + .titlebar.selection-mode button:checked:disabled, + .titlebar.selection-mode button.image-button:checked:disabled, + headerbar.selection-mode button:checked:disabled, + headerbar.selection-mode button.image-button:checked:disabled { + color: rgba(255, 255, 255, 0.4); } + .titlebar.selection-mode button:checked:disabled > label, + .titlebar.selection-mode button.image-button:checked:disabled > label, + headerbar.selection-mode button:checked:disabled > label, + headerbar.selection-mode button.image-button:checked:disabled > label { + color: inherit; } + .titlebar.selection-mode button.suggested-action, + .titlebar.selection-mode button.image-button.suggested-action, + headerbar.selection-mode button.suggested-action, + headerbar.selection-mode button.image-button.suggested-action { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #546E7A; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); } + .titlebar.selection-mode button.suggested-action:hover, + .titlebar.selection-mode button.image-button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover, + headerbar.selection-mode button.image-button.suggested-action:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #ECEFF1; } + .titlebar.selection-mode button.suggested-action:active, + .titlebar.selection-mode button.image-button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active, + headerbar.selection-mode button.image-button.suggested-action:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #ECEFF1; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .titlebar.selection-mode button.suggested-action:disabled, + .titlebar.selection-mode button.image-button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled, + headerbar.selection-mode button.image-button.suggested-action:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(236, 239, 241, 0.225); } + .titlebar.selection-mode button.suggested-action:disabled > label, + .titlebar.selection-mode button.image-button.suggested-action:disabled > label, + headerbar.selection-mode button.suggested-action:disabled > label, + headerbar.selection-mode button.image-button.suggested-action:disabled > label { + color: inherit; } + .titlebar.selection-mode button.text-button, .titlebar.selection-mode button.suggested-action, + .titlebar.selection-mode button.image-button.text-button, + .titlebar.selection-mode button.image-button.suggested-action, + headerbar.selection-mode button.text-button, + headerbar.selection-mode button.suggested-action, + headerbar.selection-mode button.image-button.text-button, + headerbar.selection-mode button.image-button.suggested-action { + color: rgba(255, 255, 255, 0.85); } + .titlebar.selection-mode button.text-button:hover, .titlebar.selection-mode button.text-button:active, .titlebar.selection-mode button.text-button:checked, .titlebar.selection-mode button.suggested-action:hover, .titlebar.selection-mode button.suggested-action:active, .titlebar.selection-mode button.suggested-action:checked, + .titlebar.selection-mode button.image-button.text-button:hover, + .titlebar.selection-mode button.image-button.text-button:active, + .titlebar.selection-mode button.image-button.text-button:checked, + .titlebar.selection-mode button.image-button.suggested-action:hover, + .titlebar.selection-mode button.image-button.suggested-action:active, + .titlebar.selection-mode button.image-button.suggested-action:checked, + headerbar.selection-mode button.text-button:hover, + headerbar.selection-mode button.text-button:active, + headerbar.selection-mode button.text-button:checked, + headerbar.selection-mode button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:active, + headerbar.selection-mode button.suggested-action:checked, + headerbar.selection-mode button.image-button.text-button:hover, + headerbar.selection-mode button.image-button.text-button:active, + headerbar.selection-mode button.image-button.text-button:checked, + headerbar.selection-mode button.image-button.suggested-action:hover, + headerbar.selection-mode button.image-button.suggested-action:active, + headerbar.selection-mode button.image-button.suggested-action:checked { + color: #FFFFFF; } + .titlebar.selection-mode button.text-button:disabled, .titlebar.selection-mode button.suggested-action:disabled, + .titlebar.selection-mode button.image-button.text-button:disabled, + .titlebar.selection-mode button.image-button.suggested-action:disabled, + headerbar.selection-mode button.text-button:disabled, + headerbar.selection-mode button.suggested-action:disabled, + headerbar.selection-mode button.image-button.text-button:disabled, + headerbar.selection-mode button.image-button.suggested-action:disabled { + color: rgba(255, 255, 255, 0.4); } + .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action), + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).text-button, .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).flat.selection-menu, .titlebar.selection-mode button.osd.image-button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode .button.osd.image-button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode headerbar button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode .context-menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode placessidebar row button.image-button:not(.suggested-action):not(.destructive-action).selection-menu, placessidebar row .titlebar.selection-mode button.image-button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .csd headerbar button.titlebutton:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode #gf-candidate-popup button:not(.suggested-action):not(.destructive-action).selection-menu, #gf-candidate-popup .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode window > grid.vertical > box.vertical > widget button:not(.suggested-action):not(.destructive-action).selection-menu, window > grid.vertical > box.vertical > widget .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode layouttabbar button:not(.suggested-action):not(.destructive-action).selection-menu, layouttabbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode layouttab button:not(.suggested-action):not(.destructive-action).selection-menu, layouttab .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).text-button, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).flat.selection-menu, + headerbar.selection-mode button.osd.image-button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .button.osd.image-button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .titlebar button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .context-menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode placessidebar row button.image-button:not(.suggested-action):not(.destructive-action).selection-menu, + placessidebar row headerbar.selection-mode button.image-button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode #gf-candidate-popup button:not(.suggested-action):not(.destructive-action).selection-menu, + #gf-candidate-popup headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode window > grid.vertical > box.vertical > widget button:not(.suggested-action):not(.destructive-action).selection-menu, + window > grid.vertical > box.vertical > widget headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode layouttabbar button:not(.suggested-action):not(.destructive-action).selection-menu, + layouttabbar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode layouttab button:not(.suggested-action):not(.destructive-action).selection-menu, + layouttab headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).text-button.image-button, .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).flat.selection-menu.image-button, .titlebar.selection-mode button.osd:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode .button.osd:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode headerbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode .context-menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode placessidebar row button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, placessidebar row .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .csd headerbar button.titlebutton:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode #gf-candidate-popup button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, #gf-candidate-popup .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode window > grid.vertical > box.vertical > widget button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, window > grid.vertical > box.vertical > widget .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode layouttabbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, layouttabbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode layouttab button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, layouttab .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).text-button.image-button, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).flat.selection-menu.image-button, + headerbar.selection-mode button.osd:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .button.osd:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .titlebar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .context-menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode placessidebar row button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + placessidebar row headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode #gf-candidate-popup button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + #gf-candidate-popup headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode window > grid.vertical > box.vertical > widget button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + window > grid.vertical > box.vertical > widget headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode layouttabbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + layouttabbar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode layouttab button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + layouttab headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .titlebar.selection-mode entry, .titlebar.selection-mode spinbutton:not(.vertical), + headerbar.selection-mode entry, + headerbar.selection-mode spinbutton:not(.vertical) { + color: rgba(236, 239, 241, 0.75); } + .titlebar.selection-mode entry:focus, .titlebar.selection-mode spinbutton:focus:not(.vertical), + headerbar.selection-mode entry:focus, + headerbar.selection-mode spinbutton:focus:not(.vertical) { + color: #ECEFF1; } + .titlebar.selection-mode entry:disabled, .titlebar.selection-mode spinbutton:disabled:not(.vertical), + headerbar.selection-mode entry:disabled, + headerbar.selection-mode spinbutton:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.225); } + .titlebar.selection-mode .selection-menu, + headerbar.selection-mode .selection-menu { + padding-left: 1.20301rem; + padding-right: 1.20301rem; } + .titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu.popup, + headerbar.selection-mode .selection-menu, + headerbar.selection-mode .selection-menu.popup { + color: rgba(255, 255, 255, 0.85); } + .titlebar.selection-mode .selection-menu:hover, .titlebar.selection-mode .selection-menu:active, .titlebar.selection-mode .selection-menu:checked, .titlebar.selection-mode .selection-menu.popup:hover, .titlebar.selection-mode .selection-menu.popup:active, .titlebar.selection-mode .selection-menu.popup:checked, + headerbar.selection-mode .selection-menu:hover, + headerbar.selection-mode .selection-menu:active, + headerbar.selection-mode .selection-menu:checked, + headerbar.selection-mode .selection-menu.popup:hover, + headerbar.selection-mode .selection-menu.popup:active, + headerbar.selection-mode .selection-menu.popup:checked { + color: #FFFFFF; } + .titlebar.selection-mode .selection-menu:disabled, .titlebar.selection-mode .selection-menu.popup:disabled, + headerbar.selection-mode .selection-menu:disabled, + headerbar.selection-mode .selection-menu.popup:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar.selection-mode .selection-menu:checked, .titlebar.selection-mode .selection-menu.popup:checked, + headerbar.selection-mode .selection-menu:checked, + headerbar.selection-mode .selection-menu.popup:checked { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FFFFFF), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; } + .titlebar.selection-mode .selection-menu:checked:disabled, .titlebar.selection-mode .selection-menu.popup:checked:disabled, + headerbar.selection-mode .selection-menu:checked:disabled, + headerbar.selection-mode .selection-menu.popup:checked:disabled { + color: rgba(255, 255, 255, 0.4); } + .titlebar.selection-mode .selection-menu:checked:disabled > label, .titlebar.selection-mode .selection-menu.popup:checked:disabled > label, + headerbar.selection-mode .selection-menu:checked:disabled > label, + headerbar.selection-mode .selection-menu.popup:checked:disabled > label { + color: inherit; } + .titlebar.selection-mode .selection-menu GtkArrow, + headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1.0; } + .titlebar.selection-mode .selection-menu .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(255, 255, 255, 0.85); } + .tiled .titlebar, .tiled + headerbar { + transition: none; } + .maximized .titlebar, .maximized + headerbar { + transition: none; } + .titlebar.default-decoration, + headerbar.default-decoration { + min-height: 26.7px; + padding: 5.3px; + border-width: 0; } + .titlebar.default-decoration .title, + headerbar.default-decoration .title { + color: #ECEFF1; } + .titlebar.default-decoration .title:backdrop, + headerbar.default-decoration .title:backdrop { + color: rgba(236, 239, 241, 0.4); } + .titlebar.default-decoration button.titlebutton, + headerbar.default-decoration button.titlebutton { + min-width: 26.7px; + min-height: 26.7px; + margin: 0; + padding: 0; + color: rgba(236, 239, 241, 0.75); + background-size: 2.44361rem 2.44361rem, auto; } + .titlebar.default-decoration button.titlebutton:hover, .titlebar.default-decoration button.titlebutton:active, + headerbar.default-decoration button.titlebutton:hover, + headerbar.default-decoration button.titlebutton:active { + color: #ECEFF1; } + .titlebar.default-decoration button.titlebutton:backdrop, + headerbar.default-decoration button.titlebutton:backdrop { + color: rgba(236, 239, 241, 0.4); } + +headerbar { + border-width: 1px 0 1px; + border-style: solid; + border-top-color: #13191C; + border-bottom-color: #242F35; } + headerbar.titlebar, .csd headerbar, box headerbar:only-child { + padding: 0.3985rem; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.14), 0 2px 3px rgba(0, 0, 0, 0.2); } + box headerbar:not(:only-child):first-child, box headerbar:not(:only-child):last-child { + border-left-color: #13191C; + border-right-color: #13191C; } + .tiled box headerbar:not(:only-child):first-child, .maximized box headerbar:not(:only-child):first-child, .tiled box headerbar:not(:only-child):last-child, .maximized box headerbar:not(:only-child):last-child { + border-left-color: #13191c; + border-right-color: #13191c; } + box headerbar:not(:only-child):last-child:dir(ltr) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.14), 0 2px 3px rgba(0, 0, 0, 0.2), -5px 0 0 -1px #13191C, -2px 0 0 -1px rgba(0, 0, 0, 0.11); } + box headerbar:not(:only-child):last-child:dir(rtl) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.14), 0 2px 3px rgba(0, 0, 0, 0.2), 5px 0 0 -1px #13191C, 2px 0 0 -1px rgba(0, 0, 0, 0.11); } + +box headerbar.selection-mode:not(:only-child):last-child:dir(ltr) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.14), 0 2px 3px rgba(0, 0, 0, 0.2), -5px 0 0 -1px #C5A68E, -2px 0 0 -1px #242F35; } +box headerbar.selection-mode:not(:only-child):last-child:dir(rtl) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.14), 0 2px 3px rgba(0, 0, 0, 0.2), 5px 0 0 -1px #C5A68E, 2px 0 0 -1px #242F35; } + +headerbar, +.titlebar { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + box headerbar:not(:last-child):not(.titlebar):dir(ltr), box + .titlebar:not(:last-child):not(.titlebar):dir(ltr) { + border-top-left-radius: 2px; + border-top-right-radius: 0; } + box headerbar:not(:last-child):not(.titlebar):dir(rtl), box + .titlebar:not(:last-child):not(.titlebar):dir(rtl) { + border-top-left-radius: 0; + border-top-right-radius: 2px; } + box headerbar:last-child:not(.titlebar):dir(ltr), box + .titlebar:last-child:not(.titlebar):dir(ltr) { + border-top-left-radius: 0; } + box headerbar:last-child:not(.titlebar):dir(rtl), box + .titlebar:last-child:not(.titlebar):dir(rtl) { + border-top-right-radius: 0; } + +window:not(.maximized):not(.tiled) paned.titlebar { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + window:not(.maximized):not(.tiled) paned.titlebar > headerbar:not(:last-child):dir(ltr) { + border-top-left-radius: 2px; + border-top-right-radius: 0; } + window:not(.maximized):not(.tiled) paned.titlebar > headerbar:not(:last-child):dir(rtl) { + border-top-left-radius: 0; + border-top-right-radius: 2px; } + window:not(.maximized):not(.tiled) paned.titlebar > headerbar:last-child:dir(ltr) { + border-top-left-radius: 0; + border-top-right-radius: 2px; } + window:not(.maximized):not(.tiled) paned.titlebar > headerbar:last-child:dir(rtl) { + border-top-left-radius: 2px; + border-top-right-radius: 0; } + +.ssd decoration .titlebar { + border-top: 1px solid rgba(255, 255, 255, 0.07); + box-shadow: none; } + +.tiled .titlebar, .tiled +headerbar, .tiled headerbar.titlebar, .tiled .csd headerbar, .tiled box headerbar:only-child, .tiled box headerbar:not(:only-child):last-child:dir(ltr), .tiled box headerbar:not(:only-child):last-child:dir(rtl), .tiled paned headerbar:not(:only-child):last-child:dir(ltr), .tiled paned headerbar:not(:only-child):last-child:dir(rtl), .tiled box headerbar.selection-mode:not(:only-child):last-child:dir(ltr), .tiled box headerbar.selection-mode:not(:only-child):last-child:dir(rtl), .tiled .ssd decoration .titlebar { + border-radius: 0; + border-color: #13191c; + border-width: 2px 0 0 0; + border-top-color: #4DD0E1; + background-color: #13191c; + box-shadow: none; } + .tiled .titlebar:backdrop, .tiled + headerbar:backdrop, .tiled box headerbar:backdrop:only-child, .tiled box headerbar:backdrop:not(:only-child):last-child:dir(ltr), .tiled box headerbar:backdrop:not(:only-child):last-child:dir(rtl), .tiled paned headerbar:backdrop:not(:only-child):last-child:dir(ltr), .tiled paned headerbar:backdrop:not(:only-child):last-child:dir(rtl), .tiled .ssd decoration .titlebar:backdrop { + border-top-color: alpha(currentColor, 0.2); } + +.maximized .titlebar, .maximized +headerbar, .maximized headerbar.titlebar, .maximized .csd headerbar, .maximized box headerbar:only-child, .maximized box headerbar:not(:only-child):last-child:dir(ltr), .maximized box headerbar:not(:only-child):last-child:dir(rtl), .maximized paned headerbar:not(:only-child):last-child:dir(ltr), .maximized paned headerbar:not(:only-child):last-child:dir(rtl), .maximized box headerbar.selection-mode:not(:only-child):last-child:dir(ltr), .maximized box headerbar.selection-mode:not(:only-child):last-child:dir(rtl), .maximized .ssd decoration .titlebar { + border-radius: 0; + border-color: #13191c; + border-width: 1px 0 0 0; + background-color: #13191c; + box-shadow: none; } + +/************ + * Pathbars * + ************/ +.linked.path-bar button, .linked.path-bar button.text-button, +.path-bar button, +.path-bar button.text-button { + padding: 0 0.09774rem 0; + -gtk-outline-radius: 2px; } +.linked.path-bar button.image-button, +.path-bar button.image-button { + padding: 0 0.3985rem 0; } +.linked.path-bar button.text-button.image-button, +.path-bar button.text-button.image-button { + -gtk-outline-radius: 2px; } + .linked.path-bar button.text-button.image-button label, + .path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } +.linked.path-bar button.text-button.image-button label:last-child, +.path-bar button.text-button.image-button label:last-child { + padding-right: 0.3985rem; } +.linked.path-bar button.text-button.image-button label:first-child, +.path-bar button.text-button.image-button label:first-child { + padding-left: 0.3985rem; } +.linked.path-bar button image, +.path-bar button image { + padding: 0.09774rem 0.3985rem 0; } +.linked.path-bar button.slider-button, .linked.path-bar button.image-button.text-button.toggle, +.path-bar button.slider-button, +.path-bar button.image-button.text-button.toggle { + min-height: 1.30075rem; + padding: 0 0.09774rem 0; + -gtk-outline-radius: 2px; } + +/************** + * Tree Views * + **************/ +treeview.view, .tweak-category { + border-left-color: alpha(currentColor, 0.2); + border-top-color: rgba(0, 0, 0, 0.11); + border-radius: 0; + background-color: transparent; + background-image: none; + box-shadow: none; } + * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; } + treeview.view:hover, .tweak-category:hover, treeview.view:active, .tweak-category:active { + border-radius: 0; } + treeview.view:selected, .tweak-category:selected { + border-radius: 0; } + treeview.view, .tweak-category, treeview.view entry, .tweak-category entry, treeview.view spinbutton:not(.vertical), .tweak-category spinbutton:not(.vertical), treeview.view entry > label, .tweak-category entry > label, treeview.view spinbutton:not(.vertical) > label, .tweak-category spinbutton:not(.vertical) > label { + color: rgba(236, 239, 241, 0.75); } + treeview.view:hover, .tweak-category:hover, treeview.view:active, .tweak-category:active, treeview.view:focus, .tweak-category:focus, treeview.view entry:hover, .tweak-category entry:hover, treeview.view spinbutton:hover:not(.vertical), .tweak-category spinbutton:hover:not(.vertical), treeview.view entry:active, .tweak-category entry:active, treeview.view spinbutton:active:not(.vertical), .tweak-category spinbutton:active:not(.vertical), treeview.view entry:focus, .tweak-category entry:focus, treeview.view spinbutton:focus:not(.vertical), .tweak-category spinbutton:focus:not(.vertical), treeview.view entry > label:hover, .tweak-category entry > label:hover, treeview.view spinbutton:not(.vertical) > label:hover, .tweak-category spinbutton:not(.vertical) > label:hover, treeview.view entry > label:active, .tweak-category entry > label:active, treeview.view spinbutton:not(.vertical) > label:active, .tweak-category spinbutton:not(.vertical) > label:active, treeview.view entry > label:focus, .tweak-category entry > label:focus, treeview.view spinbutton:not(.vertical) > label:focus, .tweak-category spinbutton:not(.vertical) > label:focus { + color: #ECEFF1; } + treeview.view:selected, .tweak-category:selected, treeview.view entry:selected, .tweak-category entry:selected, treeview.view spinbutton:selected:not(.vertical), .tweak-category spinbutton:selected:not(.vertical), treeview.view entry > label:selected, .tweak-category entry > label:selected, treeview.view spinbutton:not(.vertical) > label:selected, .tweak-category spinbutton:not(.vertical) > label:selected { + color: #FFFFFF; } + treeview.view:disabled, .tweak-category:disabled, treeview.view entry:disabled, .tweak-category entry:disabled, treeview.view spinbutton:disabled:not(.vertical), .tweak-category spinbutton:disabled:not(.vertical), treeview.view entry > label:disabled, .tweak-category entry > label:disabled, treeview.view spinbutton:not(.vertical) > label:disabled, .tweak-category spinbutton:not(.vertical) > label:disabled { + color: rgba(236, 239, 241, 0.3); } + treeview.view:disabled:selected, .tweak-category:disabled:selected, treeview.view entry:disabled:selected, .tweak-category entry:disabled:selected, treeview.view spinbutton:disabled:selected:not(.vertical), .tweak-category spinbutton:disabled:selected:not(.vertical), treeview.view entry > label:disabled:selected, .tweak-category entry > label:disabled:selected, treeview.view spinbutton:not(.vertical) > label:disabled:selected, .tweak-category spinbutton:not(.vertical) > label:disabled:selected { + color: rgba(255, 255, 255, 0.4); } + treeview.view .separator, .tweak-category .separator, treeview.view .separator:hover, .tweak-category .separator:hover { + color: transparent; + background-color: rgba(0, 0, 0, 0.11); } + treeview.view.dnd, .dnd.tweak-category { + border-style: solid none; + border-width: 1px; + border-color: #76d6e3; } + treeview.view expander arrow, .tweak-category expander arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + treeview.view expander arrow:dir(rtl), .tweak-category expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view expander arrow:checked, .tweak-category expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view expander arrow:selected, .tweak-category expander arrow:selected { + color: rgba(255, 255, 255, 0.75); } + treeview.view expander arrow:selected:hover, .tweak-category expander arrow:selected:hover, treeview.view expander arrow:selected:active, .tweak-category expander arrow:selected:active { + color: #FFFFFF; } + treeview.view.progressbar, .progressbar.tweak-category { + box-shadow: inset 0 -4px #C5A68E; } + treeview.view.progressbar:selected, .progressbar.tweak-category:selected { + box-shadow: inset 0 -4px #FFFFFF; } + treeview.view.trough, .trough.tweak-category { + box-shadow: inset 0 -4px alpha(#C5A68E, 0.2); } + treeview.view.trough:selected, .trough.tweak-category:selected { + box-shadow: inset 0 -4px alpha(#FFFFFF, 0.2); } + treeview.view, .tweak-category, paned treeview.view, paned .tweak-category { + background-color: #455A64; } + treeview.view:hover, .tweak-category:hover, + treeview.view row:hover, + .tweak-category row:hover, paned treeview.view:hover, paned .tweak-category:hover, + paned treeview.view row:hover, + paned .tweak-category row:hover { + color: #ECEFF1; } + treeview.view header button, .tweak-category header button { + min-height: 1.50376rem; + padding: 0 0.50376rem 0; + border-style: none solid solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.11); + border-radius: 0; + box-shadow: none; + background-color: #455A64; + color: rgba(236, 239, 241, 0.5); } + treeview.view header:hover, .tweak-category header:hover, treeview.view header:active, .tweak-category header:active { + color: #ECEFF1; + box-shadow: none; } + treeview.view header:disabled, .tweak-category header:disabled { + background-color: #455A64; } + treeview.view button:last-child, .tweak-category button:last-child, treeview.view:last-child button, .tweak-category:last-child button { + border-right-style: none; } + treeview.view.separator, .separator.tweak-category { + min-height: 0.15038rem; + color: transparent; + background-color: rgba(0, 0, 0, 0.11); } + treeview.view acceleditor > label, .tweak-category acceleditor > label { + background-color: #C5A68E; } + +column-header.button.dnd, treeview.view header.dnd, .tweak-category header.dnd { + transition: none; + border-left-style: solid; + color: #C5A68E; } + +/********* + * Menus * + *********/ +.menubar, +menubar { + -GtkWidget-window-dragging: true; + padding: 0; + box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.26), inset 0 5px 3px -5px rgba(0, 0, 0, 0.39), inset 0 -1px rgba(0, 0, 0, 0.11); + background-color: #13191C; + color: rgba(236, 239, 241, 0.75); } + .tiled .menubar, .maximized .menubar, .tiled + menubar, .maximized + menubar { + background-color: #13191c; + box-shadow: none; + transition: none; } + .menubar > menuitem, + menubar > menuitem { + min-height: 1.50376rem; + padding: 0.3985rem 0.6015rem 0.50376rem; + color: rgba(236, 239, 241, 0.75); + background-color: transparent; } + .menubar > menuitem:hover, + menubar > menuitem:hover { + color: #ECEFF1; + box-shadow: inset 0 -2px #C5A68E; } + .menubar > menuitem:disabled, + menubar > menuitem:disabled { + color: rgba(236, 239, 241, 0.3); + box-shadow: none; } + +.menu, +.context-menu, +menu { + margin: 0.30075rem 0; + padding: 0.30075rem 0; + border-width: 1px; + border-style: solid; + border-color: #455A64 transparent transparent; + background-color: #42565f; } + .csd .menu, .csd + .context-menu, .csd + menu { + border-width: 1px; + border-radius: 2px; + border-color: #455A64 transparent transparent; } + .menu .menuitem, + .menu menuitem, + .context-menu .menuitem, + .context-menu menuitem, + menu .menuitem, + menu menuitem { + min-height: 1.50376rem; + min-width: 3.00752rem; + padding: 0.3985rem 0.6015rem 0.50376rem; + color: rgba(236, 239, 241, 0.75); + font: initial; + text-shadow: none; + transition: none; } + .menu .menuitem:hover, + .menu menuitem:hover, + .context-menu .menuitem:hover, + .context-menu menuitem:hover, + menu .menuitem:hover, + menu menuitem:hover { + color: #ECEFF1; + background-color: alpha(currentColor, 0.1); + transition: none; } + .menu .menuitem:disabled, + .menu menuitem:disabled, + .context-menu .menuitem:disabled, + .context-menu menuitem:disabled, + menu .menuitem:disabled, + menu menuitem:disabled { + color: rgba(236, 239, 241, 0.3); } + .menu .menuitem arrow, + .menu menuitem arrow, + .context-menu .menuitem arrow, + .context-menu menuitem arrow, + menu .menuitem arrow, + menu menuitem arrow { + min-height: 1.20301rem; + min-width: 1.20301rem; } + .menu .menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr), + .context-menu .menuitem arrow:dir(ltr), + .context-menu menuitem arrow:dir(ltr), + menu .menuitem arrow:dir(ltr), + menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 0.80451rem; } + .menu .menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl), + .context-menu .menuitem arrow:dir(rtl), + .context-menu menuitem arrow:dir(rtl), + menu .menuitem arrow:dir(rtl), + menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 0.80451rem; } + .menu .menuitem label:dir(rtl), .menu .menuitem label:dir(ltr), + .menu menuitem label:dir(rtl), + .menu menuitem label:dir(ltr), + .context-menu .menuitem label:dir(rtl), + .context-menu .menuitem label:dir(ltr), + .context-menu menuitem label:dir(rtl), + .context-menu menuitem label:dir(ltr), + menu .menuitem label:dir(rtl), + menu .menuitem label:dir(ltr), + menu menuitem label:dir(rtl), + menu menuitem label:dir(ltr) { + color: inherit; } + .menu > arrow, + .context-menu > arrow, + menu > arrow { + min-height: 1.20301rem; + min-width: 1.20301rem; + padding: 0.30075rem; + border-style: none; + border-radius: 0; + background-color: #42565f; } + .menu > arrow.top, + .context-menu > arrow.top, + menu > arrow.top { + margin-top: -0.3985rem; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid rgba(0, 0, 0, 0.11); } + .menu > arrow.bottom, + .context-menu > arrow.bottom, + menu > arrow.bottom { + margin-bottom: -0.3985rem; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid rgba(0, 0, 0, 0.11); } + .menu > arrow:hover, + .context-menu > arrow:hover, + menu > arrow:hover { + background-color: #3b4c54; } + .menu > arrow:disabled, + .context-menu > arrow:disabled, + menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + .menu > separator:dir(ltr), + .context-menu > separator:dir(ltr), + menu > separator:dir(ltr) { + margin-left: 2.40602rem; } + .menu > separator:dir(rtl), + .context-menu > separator:dir(rtl), + menu > separator:dir(rtl) { + margin-right: 2.40602rem; } + +menuitem accelerator { + color: alpha(currentColor, 0.55); } +menuitem separator { + color: transparent; + background: none; + border-top: 1px solid rgba(0, 0, 0, 0.11); } + menuitem separator:dir(ltr) { + margin-left: 2.40602rem; } + menuitem separator:dir(rtl) { + margin-right: 2.40602rem; } + +.csd.popup { + border-radius: 2px; } + +/************ + * Popovers * + ************/ +popover.background { + padding: 2px; + background-color: #42565f; + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.2); } + .csd popover.background, popover.background { + border: 1px solid; + border-color: #455A64 #42565f #42565f; + border-radius: 2px; } + popover.background:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + popover.background > list, + popover.background > .view, + popover.background > iconview, + popover.background > toolbar, popover.background.osd > toolbar { + border-style: none; + border-image: none; + background-color: transparent; } + popover.background button menuitem.flat, + popover.background button.flat, + popover.background button.osd.image-button, + popover.background .button.osd.image-button, + popover.background .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar popover.background button:not(.suggested-action):not(.destructive-action), + popover.background headerbar button:not(.suggested-action):not(.destructive-action), + headerbar popover.background button:not(.suggested-action):not(.destructive-action), + popover.background .menu > arrow, + popover.background .context-menu > arrow, + popover.background menu > arrow, + popover.background placessidebar row button.image-button, + placessidebar row popover.background button.image-button, + popover.background .csd headerbar button.titlebutton, + .csd headerbar popover.background button.titlebutton, + popover.background .csd .titlebar button.titlebutton, + .csd .titlebar popover.background button.titlebutton, + popover.background #gf-candidate-popup button, + #gf-candidate-popup popover.background button, + popover.background #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup popover.background .linked > button:first-child, + popover.background #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup popover.background .linked > button:last-child, + popover.background window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget popover.background button, + popover.background layouttabbar button, + layouttabbar popover.background button, + popover.background layouttab button, + layouttab popover.background button { + transition: none; + padding: 0 0.75188rem 0; + background-color: transparent; + background-size: 9.96241rem 9.96241rem, auto; + color: rgba(236, 239, 241, 0.75); + font: initial; } + popover.background button menuitem.flat:hover, + popover.background button.flat:hover, + popover.background button.osd.image-button:hover, + popover.background .button.osd.image-button:hover, + popover.background .titlebar button:hover:not(.suggested-action):not(.destructive-action), + .titlebar popover.background button:hover:not(.suggested-action):not(.destructive-action), + popover.background headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action), + popover.background .menu > arrow:hover, + popover.background .context-menu > arrow:hover, + popover.background menu > arrow:hover, + popover.background placessidebar row button.image-button:hover, + placessidebar row popover.background button.image-button:hover, + popover.background .csd headerbar button.titlebutton:hover, + .csd headerbar popover.background button.titlebutton:hover, + popover.background .csd .titlebar button.titlebutton:hover, + .csd .titlebar popover.background button.titlebutton:hover, + popover.background #gf-candidate-popup button:hover, + #gf-candidate-popup popover.background button:hover, + popover.background window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget popover.background button:hover, + popover.background layouttabbar button:hover, + layouttabbar popover.background button:hover, + popover.background layouttab button:hover, + layouttab popover.background button:hover { + background-color: transparent; + color: #ECEFF1; } + popover.background button menuitem.flat label, + popover.background button.flat label, + popover.background button.osd.image-button label, + popover.background .button.osd.image-button label, + popover.background .titlebar button:not(.suggested-action):not(.destructive-action) label, + .titlebar popover.background button:not(.suggested-action):not(.destructive-action) label, + popover.background headerbar button:not(.suggested-action):not(.destructive-action) label, + headerbar popover.background button:not(.suggested-action):not(.destructive-action) label, + popover.background .menu > arrow label, + popover.background .context-menu > arrow label, + popover.background menu > arrow label, + popover.background placessidebar row button.image-button label, + placessidebar row popover.background button.image-button label, + popover.background .csd headerbar button.titlebutton label, + .csd headerbar popover.background button.titlebutton label, + popover.background .csd .titlebar button.titlebutton label, + .csd .titlebar popover.background button.titlebutton label, + popover.background #gf-candidate-popup button label, + #gf-candidate-popup popover.background button label, + popover.background #gf-candidate-popup .linked > button:first-child label, + #gf-candidate-popup popover.background .linked > button:first-child label, + popover.background #gf-candidate-popup .linked > button:last-child label, + #gf-candidate-popup popover.background .linked > button:last-child label, + popover.background window > grid.vertical > box.vertical > widget button label, + window > grid.vertical > box.vertical > widget popover.background button label, + popover.background layouttabbar button label, + layouttabbar popover.background button label, + popover.background layouttab button label, + layouttab popover.background button label { + padding: 0.20301rem 0 0.24812rem; } + popover.background button.image-button { + padding: 0.50376rem; } + popover.background button.model.image-button { + min-height: 2.00752rem; } + popover.background .linked > button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); } + popover.background .linked > button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + color: #ECEFF1; } + popover.background .linked > button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #ECEFF1; } + popover.background .linked > button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + color: #ECEFF1; + background-color: transparent; } + popover.background .linked > button:checked:disabled > label { + color: inherit; } + popover.background .linked > button:disabled { + box-shadow: none; + background-color: transparent; } + .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } + popover.background separator { + margin: 0.22556rem 0; } + +/************* + * Notebooks * + *************/ +notebook { + padding: 0; } + notebook.frame { + border: 1px solid #37474F; + transition: none; } + notebook.frame > header, notebook.frame > header.frame { + border-style: none; } + notebook.frame > header.top { + margin: -1px -1px 0 -1px; } + notebook.frame > header.bottom { + margin: 0 -1px -1px -1px; } + notebook.frame > header.left { + margin: -1px 0 -1px -1px; } + notebook.frame > header.right { + margin: -1px -1px -1px 0; } + notebook > stack { + transition: none; } + notebook > stack:only-child { + border: none; + background-color: transparent; + box-shadow: none; } + notebook > stack:not(:only-child), notebook > stack:not(:first-child), notebook > stack:not(:last-child) { + border: none; + background-color: #455A64; + box-shadow: inset 0 0 0 1px #455A64; } + notebook > header { + background-color: #3e515a; } + notebook > header tabs { + background-color: transparent; } + notebook > header.top { + box-shadow: 0 1px rgba(0, 0, 0, 0.11); } + notebook > header.bottom { + box-shadow: 0 -1px rgba(0, 0, 0, 0.11); } + notebook > header.left { + box-shadow: 1px 0 rgba(0, 0, 0, 0.11); } + notebook > header.right { + box-shadow: -1px 0 rgba(0, 0, 0, 0.11); } + notebook > header.top > tabs { + margin: 0 0.45113rem -1px 0.45113rem; } + notebook > header.top > tabs > tab { + margin: 0 -1px 0 -1px; + padding: 0.3985rem 1.20301rem; + border-bottom-width: 2px; + box-shadow: none; } + notebook > header.top > tabs > tab.reorderable-page { + padding-left: 0.75188rem; + padding-right: 0.75188rem; + border-left-width: 1px; + border-right-width: 1px; } + notebook > header.bottom > tabs { + margin: -1px 0.45113rem 0 0.45113rem; } + notebook > header.bottom > tabs > tab { + margin: 0 -1px 0 -1px; + padding: 0.3985rem 1.20301rem; + border-top-width: 2px; + box-shadow: none; } + notebook > header.bottom > tabs > tab.reorderable-page { + padding-left: 1.20301rem; + padding-right: 1.20301rem; + border-left-width: 1px; + border-right-width: 1px; } + notebook > header.left > tabs { + margin: 0.45113rem -1px 0.45113rem 0; } + notebook > header.left > tabs > tab { + margin: -1px 0 -1px 0; + padding: 0.3985rem 0.75188rem; + border-right-width: 2px; + box-shadow: none; } + notebook > header.left > tabs > tab.reorderable-page { + border-bottom-width: 1px; + border-top-width: 1px; } + notebook > header.right > tabs { + margin: 0.45113rem 0 0.45113rem -1px; } + notebook > header.right > tabs > tab { + margin: -1px 0 -1px 0; + padding: 0.3985rem 0.75188rem; + border-left-width: 2px; + box-shadow: none; } + notebook > header.right > tabs > tab.reorderable-page { + border-bottom-width: 1px; + border-top-width: 1px; } + notebook > header.top tab.reorderable-page { + border-bottom-width: 2px; + border-bottom-color: transparent; } + notebook > header.top tab.reorderable-page:hover { + border-color: rgba(0, 0, 0, 0.11); + border-bottom-width: 2px; + border-bottom-color: rgba(0, 0, 0, 0.11); + background-color: #455A64; + box-shadow: none; } + notebook > header.top tab.reorderable-page:checked { + border-color: rgba(0, 0, 0, 0.11); + border-bottom-width: 2px; + border-bottom-color: #C5A68E; + background-color: #455A64; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.03), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.03); } + notebook > header.bottom tab.reorderable-page { + border-top-width: 2px; + border-top-color: transparent; } + notebook > header.bottom tab.reorderable-page:hover { + border-color: rgba(0, 0, 0, 0.11); + border-top-width: 2px; + border-top-color: rgba(0, 0, 0, 0.11); + background-color: #455A64; + box-shadow: none; } + notebook > header.bottom tab.reorderable-page:checked { + border-color: rgba(0, 0, 0, 0.11); + border-top-width: 2px; + border-top-color: #C5A68E; + background-color: #455A64; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.03), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.03); } + notebook > header.left tab.reorderable-page { + border-right-width: 2px; + border-right-color: transparent; } + notebook > header.left tab.reorderable-page:hover { + border-color: rgba(0, 0, 0, 0.11); + border-right-width: 2px; + border-right-color: rgba(0, 0, 0, 0.11); + background-color: #455A64; + box-shadow: none; } + notebook > header.left tab.reorderable-page:checked { + border-color: rgba(0, 0, 0, 0.11); + border-right-width: 2px; + border-right-color: #C5A68E; + background-color: #455A64; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.03), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.03); } + notebook > header.right tab.reorderable-page { + border-left-width: 2px; + border-left-color: transparent; } + notebook > header.right tab.reorderable-page:hover { + border-color: rgba(0, 0, 0, 0.11); + border-left-width: 2px; + border-left-color: rgba(0, 0, 0, 0.11); + background-color: #455A64; + box-shadow: none; } + notebook > header.right tab.reorderable-page:checked { + border-color: rgba(0, 0, 0, 0.11); + border-left-width: 2px; + border-left-color: #C5A68E; + background-color: #455A64; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.03), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.03); } + notebook > header > tabs > arrow { + transition: none; + min-height: 1.20301rem; + min-width: 1.20301rem; + margin: 0 0.50376rem; + border-radius: 0; + color: rgba(236, 239, 241, 0.5); } + notebook > header > tabs > arrow:hover, notebook > header > tabs > arrow:active { + color: #ECEFF1; } + notebook > header > tabs > arrow:disabled { + color: rgba(236, 239, 241, 0.3); } + notebook > header.top button, notebook > header.bottom button, notebook > header.left button, notebook > header.right button { + min-height: 1.20301rem; + min-width: 1.20301rem; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; } + notebook > header.top button > image, notebook > header.bottom button > image, notebook > header.left button > image, notebook > header.right button > image { + padding: 0.50376rem; } + notebook tab { + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; + outline-offset: -0.45113rem; } + notebook tab:hover { + border-color: alpha(currentColor, 0.2); } + notebook tab:checked { + border-color: #C5A68E; } + notebook tab label { + padding: 0.09774rem; + font-weight: 700; + color: rgba(236, 239, 241, 0.5); } + notebook tab.reorderable-page label { + padding: 0.3985rem 0 0.3985rem; } + notebook tab:hover label { + color: #ECEFF1; } + notebook tab:checked label { + color: #ECEFF1; } + notebook tab button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + min-width: 1.20301rem; + min-height: 1.20301rem; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-size: 2.44361rem 2.44361rem, auto; + color: rgba(236, 239, 241, 0.5); } + notebook tab button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + notebook tab button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + notebook tab button:disabled { + box-shadow: none; + background-color: transparent; } + notebook tab button > image { + padding: 0.50376rem; } + notebook tab:hover button, notebook tab:checked button { + color: #ECEFF1; } + notebook tab:hover button image, notebook tab:checked button image { + color: #ECEFF1; } + notebook tab:disabled button { + color: rgba(236, 239, 241, 0.3); } + notebook tab:disabled button image { + color: rgba(236, 239, 241, 0.3); } + notebook tab button.flat.image-button.small-button, notebook tab button.image-button.small-button.osd, + notebook tab .image-button.small-button.button.osd, notebook tab .titlebar button.image-button.small-button:not(.suggested-action):not(.destructive-action), .titlebar notebook tab button.image-button.small-button:not(.suggested-action):not(.destructive-action), + notebook tab headerbar button.image-button.small-button:not(.suggested-action):not(.destructive-action), + headerbar notebook tab button.image-button.small-button:not(.suggested-action):not(.destructive-action), notebook tab .menu > arrow.image-button.small-button, + notebook tab .context-menu > arrow.image-button.small-button, + notebook tab menu > arrow.image-button.small-button, notebook tab placessidebar row button.image-button.small-button, placessidebar row notebook tab button.image-button.small-button, notebook tab .csd headerbar button.image-button.small-button.titlebutton, .csd headerbar notebook tab button.image-button.small-button.titlebutton, + notebook tab .csd .titlebar button.image-button.small-button.titlebutton, + .csd .titlebar notebook tab button.image-button.small-button.titlebutton, notebook tab #gf-candidate-popup button.image-button.small-button, #gf-candidate-popup notebook tab button.image-button.small-button, notebook tab window > grid.vertical > box.vertical > widget button.image-button.small-button, window > grid.vertical > box.vertical > widget notebook tab button.image-button.small-button, notebook tab layouttabbar button.image-button.small-button, layouttabbar notebook tab button.image-button.small-button, notebook tab layouttab button.image-button.small-button, layouttab notebook tab button.image-button.small-button { + min-width: 1.20301rem; + min-height: 1.20301rem; + padding: 0; } + notebook tab button.flat.image-button.small-button > widget > box > image, notebook tab button.image-button.small-button.osd > widget > box > image, + notebook tab .image-button.small-button.button.osd > widget > box > image, notebook tab .titlebar button.image-button.small-button:not(.suggested-action):not(.destructive-action) > widget > box > image, .titlebar notebook tab button.image-button.small-button:not(.suggested-action):not(.destructive-action) > widget > box > image, + notebook tab headerbar button.image-button.small-button:not(.suggested-action):not(.destructive-action) > widget > box > image, + headerbar notebook tab button.image-button.small-button:not(.suggested-action):not(.destructive-action) > widget > box > image, notebook tab .menu > arrow.image-button.small-button > widget > box > image, + notebook tab .context-menu > arrow.image-button.small-button > widget > box > image, + notebook tab menu > arrow.image-button.small-button > widget > box > image, notebook tab placessidebar row button.image-button.small-button > widget > box > image, placessidebar row notebook tab button.image-button.small-button > widget > box > image, notebook tab .csd headerbar button.image-button.small-button.titlebutton > widget > box > image, .csd headerbar notebook tab button.image-button.small-button.titlebutton > widget > box > image, + notebook tab .csd .titlebar button.image-button.small-button.titlebutton > widget > box > image, + .csd .titlebar notebook tab button.image-button.small-button.titlebutton > widget > box > image, notebook tab #gf-candidate-popup button.image-button.small-button > widget > box > image, #gf-candidate-popup notebook tab button.image-button.small-button > widget > box > image, notebook tab window > grid.vertical > box.vertical > widget button.image-button.small-button > widget > box > image, window > grid.vertical > box.vertical > widget notebook tab button.image-button.small-button > widget > box > image, notebook tab layouttabbar button.image-button.small-button > widget > box > image, layouttabbar notebook tab button.image-button.small-button > widget > box > image, notebook tab layouttab button.image-button.small-button > widget > box > image, layouttab notebook tab button.image-button.small-button > widget > box > image { + padding: 0.50376rem; } + +/************** + * Scrollbars * + **************/ +@keyframes slow_down_vert { + from { + min-width: 0.45113rem; } + to { + min-width: 0.90226rem; } } +@keyframes slow_down_horz { + from { + min-height: 0.45113rem; } + to { + min-height: 0.90226rem; } } +.scrollbar, +scrollbar { + background-color: rgba(69, 90, 100, 0.55); + transition-duration: 0.2s; } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + .scrollbar.top, .scrollbar.top .trough, .scrollbar.bottom, .scrollbar.bottom .trough, .scrollbar.left, .scrollbar.left .trough, .scrollbar.right, .scrollbar.right .trough, + scrollbar.top, + scrollbar.top .trough, + scrollbar.bottom, + scrollbar.bottom .trough, + scrollbar.left, + scrollbar.left .trough, + scrollbar.right, + scrollbar.right .trough { + border: none; } + .scrollbar slider, + .scrollbar .slider, + scrollbar slider, + scrollbar .slider { + margin: 0; + border-radius: 0; + border: 0 none transparent; + background-color: rgba(236, 239, 241, 0.275); } + .scrollbar slider:hover, + .scrollbar .slider:hover, + scrollbar slider:hover, + scrollbar .slider:hover { + background-color: rgba(236, 239, 241, 0.4125); } + .scrollbar slider:active, + .scrollbar .slider:active, + scrollbar slider:active, + scrollbar .slider:active { + background-color: #ECEFF1; } + .scrollbar slider:disabled, + .scrollbar .slider:disabled, + scrollbar slider:disabled, + scrollbar .slider:disabled { + opacity: 0.4; } + .scrollbar.fine-tune slider, + scrollbar.fine-tune slider { + margin: 0; } + .scrollbar.vertical slider, + .scrollbar.vertical .slider, + scrollbar.vertical slider, + scrollbar.vertical .slider { + min-width: 0.90226rem; + min-height: 2.40602rem; + margin: 0; } + .scrollbar.vertical.fine-tune slider, + scrollbar.vertical.fine-tune slider { + margin: 0; } + .scrollbar.horizontal slider, + .scrollbar.horizontal .slider, + scrollbar.horizontal slider, + scrollbar.horizontal .slider { + min-width: 2.40602rem; + min-height: 0.90226rem; + margin: 0; } + .scrollbar.horizontal.fine-tune slider, + scrollbar.horizontal.fine-tune slider { + margin: 0; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering), + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + border: 0 none transparent; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 0.90226rem; + min-height: 0.90226rem; + background-color: rgba(236, 239, 241, 0.275); + border-radius: 0; + border: none; + -gtk-icon-source: none; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-width: 0.45113rem; + min-height: 2.40602rem; + margin: 0; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-width: 0.45113rem; + margin: 0; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-width: 2.40602rem; + min-height: 0.45113rem; + margin: 0; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-height: 0.45113rem; + margin: 0; } + .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering, + scrollbar.overlay-indicator.dragging, + scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + .scrollbar.overlay-indicator.hovering.vertical slider, + scrollbar.overlay-indicator.hovering.vertical slider { + animation: slow_down_vert 0.2s linear forwards; } + .scrollbar.overlay-indicator.hovering.horizontal slider, + scrollbar.overlay-indicator.hovering.horizontal slider { + animation: slow_down_horz 0.2s linear forwards; } + +/********** + * Switch * + **********/ +switch { + outline-offset: -0.30075rem; + font-size: 0; + border: 0.75188rem solid transparent; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: alpha(currentColor, 0.2); } + switch:disabled { + color: rgba(236, 239, 241, 0.3); } + switch:checked { + background-color: rgba(0, 188, 212, 0.2); } + switch:checked:disabled { + background-color: rgba(0, 188, 212, 0.2); } + switch:disabled { + color: rgba(236, 239, 241, 0.3); + background-color: alpha(currentColor, 0.2); } + switch slider { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #546E7A; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); + min-width: 1.50376rem; + min-height: 1.50376rem; + margin: -0.30075rem -0.07519rem; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; } + switch:hover slider { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #ECEFF1; + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2)); } + switch:checked slider { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #C5A68E; + color: #FFFFFF; } + switch:checked:hover slider { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #C5A68E; + color: #FFFFFF; + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2)); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); } + switch:checked:disabled slider { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(0, 188, 212, 0.4); + background-color: #3F4E56; + background-image: none; + box-shadow: none; } + switch:checked:disabled slider > label { + color: inherit; } + switch:disabled slider { + background-color: #3F4E56; + background-image: none; + box-shadow: none; } + row:selected switch { + background-color: #3e515a; } + row:selected switch:checked { + background-color: #3b4c54; } + row:selected switch:checked:disabled { + background-color: #3b4c54; } + row:selected switch slider { + background-color: #3e515a; } + row:selected switch:hover slider { + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2)); } + row:selected switch:checked slider { + background-color: #455A64; } + row:selected switch:checked:disabled slider { + background-color: #3b4c54; } + grid switch { + margin: 0.45113rem 0.37594rem; + font-size: 0; + outline-color: transparent; } + grid switch slider { + min-width: 3.00752rem; + min-height: 1.50376rem; } + grid switch, grid switch:hover, grid switch:checked, grid switch:checked:hover, grid switch:checked:disabled, grid switch:disabled { + margin: 0.45113rem 0.37594rem; + border: none; + color: transparent; + background: none; + background-image: none; + background-size: 40px 20px; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; } + grid switch:dir(rtl), grid switch:hover:dir(rtl), grid switch:checked:dir(rtl), grid switch:checked:hover:dir(rtl), grid switch:checked:disabled:dir(rtl), grid switch:disabled:dir(rtl) { + background-position: left center; } + grid switch slider, grid switch:hover slider, grid switch:checked slider, grid switch:checked:hover slider, grid switch:checked:disabled slider, grid switch:disabled slider { + margin: 0; + border: none; + border-radius: 0; + color: transparent; + background: none; + background-image: none; + background-size: 40px 20px; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; } + grid switch slider:dir(rtl), grid switch:hover slider:dir(rtl), grid switch:checked slider:dir(rtl), grid switch:checked:hover slider:dir(rtl), grid switch:checked:disabled slider:dir(rtl), grid switch:disabled slider:dir(rtl) { + background-position: left center; } + grid switch:not(:hover):not(:checked):not(:disabled) { + background-image: -gtk-scaled(url("assets/toggle-off-dark.png"), url("assets/toggle-off-dark@2.png")); } + grid switch:hover { + background-image: -gtk-scaled(url("assets/toggle-off-hover-dark.png"), url("assets/toggle-off-hover-dark@2.png")); } + grid switch:checked { + background-image: -gtk-scaled(url("assets/toggle-on.png"), url("assets/toggle-on@2.png")); } + grid switch:checked:hover { + background-image: -gtk-scaled(url("assets/toggle-on-hover.png"), url("assets/toggle-on-hover@2.png")); } + grid switch:checked:disabled { + background-image: -gtk-scaled(url("assets/toggle-on-insensitive-dark.png"), url("assets/toggle-on-insensitive-dark@2.png")); } + grid switch:disabled { + background-image: -gtk-scaled(url("assets/toggle-off-insensitive-dark.png"), url("assets/toggle-off-insensitive-dark@2.png")); } + +/************************* + * Check and Radio items * + *************************/ +@keyframes check_radio_hover { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(rgba(236, 239, 241, 0.75), 0.1)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(rgba(236, 239, 241, 0.75), 0.1)), to(transparent)); } } +@keyframes check_radio_active { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(#C5A68E, 0.1)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(#C5A68E, 0.1)), to(transparent)); } } +@keyframes check_radio_active_reverse { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(#C5A68E, 0.2)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(#C5A68E, 0)), to(transparent)); } } +.check, check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); + -gtk-icon-shadow: none; } + +.check:hover, check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +.check:active, check:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +.check:disabled, check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +.check:indeterminate, check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); + -gtk-icon-shadow: none; } + +.check:indeterminate:hover, check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); + -gtk-icon-shadow: none; } + +.check:indeterminate:active, check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); + -gtk-icon-shadow: none; } + +.check:indeterminate:disabled, check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +.check:checked, check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); + -gtk-icon-shadow: none; } + +.check:checked:hover, check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +.check:checked:active, check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +.check:checked:disabled, check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +menu menuitem.check, +menu menuitem check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-symbolic-dark.png"), url("assets/checkbox-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.check:hover, + menu menuitem check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-symbolic-dark.png"), url("assets/checkbox-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.check:disabled, +menu menuitem check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-symbolic-dark.png"), url("assets/checkbox-insensitive-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.check:disabled:hover, + menu menuitem check:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-symbolic-dark.png"), url("assets/checkbox-insensitive-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.check:indeterminate, +menu menuitem check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-symbolic-dark.png"), url("assets/checkbox-mixed-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.check:indeterminate:hover, + menu menuitem check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-symbolic-dark.png"), url("assets/checkbox-mixed-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.check:indeterminate:disabled, +menu menuitem check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-symbolic-dark.png"), url("assets/checkbox-mixed-insensitive-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.check:indeterminate:disabled:hover, + menu menuitem check:indeterminate:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-symbolic-dark.png"), url("assets/checkbox-mixed-insensitive-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.check:checked, +menu menuitem check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-symbolic-dark.png"), url("assets/checkbox-checked-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.check:checked:hover, + menu menuitem check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-symbolic-dark.png"), url("assets/checkbox-checked-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.check:checked:disabled, +menu menuitem check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-symbolic-dark.png"), url("assets/checkbox-checked-insensitive-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.check:checked:disabled:hover, + menu menuitem check:checked:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-symbolic-dark.png"), url("assets/checkbox-checked-insensitive-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +.radio, radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); + -gtk-icon-shadow: none; } + +.radio:hover, radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +.radio:active, radio:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +.radio:disabled, radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +.radio:indeterminate, radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); + -gtk-icon-shadow: none; } + +.radio:indeterminate:hover, radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); + -gtk-icon-shadow: none; } + +.radio:indeterminate:active, radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); + -gtk-icon-shadow: none; } + +.radio:indeterminate:disabled, radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +.radio:checked, radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); + -gtk-icon-shadow: none; } + +.radio:checked:hover, radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +.radio:checked:active, radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +.radio:checked:disabled, radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +menu menuitem.radio, +menu menuitem radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-symbolic-dark.png"), url("assets/radio-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.radio:hover, + menu menuitem radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-symbolic-dark.png"), url("assets/radio-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.radio:disabled, +menu menuitem radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-insensitive-symbolic-dark.png"), url("assets/radio-insensitive-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.radio:disabled:hover, + menu menuitem radio:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-insensitive-symbolic-dark.png"), url("assets/radio-insensitive-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.radio:indeterminate, +menu menuitem radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-symbolic-dark.png"), url("assets/radio-mixed-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.radio:indeterminate:hover, + menu menuitem radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-symbolic-dark.png"), url("assets/radio-mixed-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.radio:indeterminate:disabled, +menu menuitem radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-symbolic-dark.png"), url("assets/radio-mixed-insensitive-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.radio:indeterminate:disabled:hover, + menu menuitem radio:indeterminate:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-symbolic-dark.png"), url("assets/radio-mixed-insensitive-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.radio:checked, +menu menuitem radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-symbolic-dark.png"), url("assets/radio-checked-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.radio:checked:hover, + menu menuitem radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-symbolic-dark.png"), url("assets/radio-checked-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.radio:checked:disabled, +menu menuitem radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-symbolic-dark.png"), url("assets/radio-checked-insensitive-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.radio:checked:disabled:hover, + menu menuitem radio:checked:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-symbolic-dark.png"), url("assets/radio-checked-insensitive-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +treeview.view check, .tweak-category check, treeview.view check:only-child, .tweak-category check:only-child, +treeview.view radio, +.tweak-category radio, +treeview.view radio:only-child, +.tweak-category radio:only-child { + padding: 0; } + +treeview.view check:selected, .tweak-category check:selected, +treeview.view check:selected:focus, +.tweak-category check:selected:focus, +row check:selected, +row check:selected:focus, +row.activatable check:selected, +.view check:selected, +iconview check:selected, +.view text check:selected, +iconview text check:selected, +textview text check:selected, +treeview.view header button check:selected, +.tweak-category header button check:selected, +row.activatable check:selected:focus, +.view check:selected:focus, +iconview check:selected:focus, +.view text check:selected:focus, +iconview text check:selected:focus, +textview text check:selected:focus, +treeview.view header button check:selected:focus, +.tweak-category header button check:selected:focus { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:active, .tweak-category check:selected:active, +treeview.view check:selected:focus:active, +.tweak-category check:selected:focus:active, +row check:selected:active, +row check:selected:focus:active, +row.activatable check:selected:active, +.view check:selected:active, +iconview check:selected:active, +.view text check:selected:active, +iconview text check:selected:active, +textview text check:selected:active, +treeview.view header button check:selected:active, +.tweak-category header button check:selected:active, +row.activatable check:selected:focus:active, +.view check:selected:focus:active, +iconview check:selected:focus:active, +.view text check:selected:focus:active, +iconview text check:selected:focus:active, +textview text check:selected:focus:active, +treeview.view header button check:selected:focus:active, +.tweak-category header button check:selected:focus:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:indeterminate, .tweak-category check:selected:indeterminate, +treeview.view check:selected:focus:indeterminate, +.tweak-category check:selected:focus:indeterminate, +row check:selected:indeterminate, +row check:selected:focus:indeterminate, +row.activatable check:selected:indeterminate, +.view check:selected:indeterminate, +iconview check:selected:indeterminate, +.view text check:selected:indeterminate, +iconview text check:selected:indeterminate, +textview text check:selected:indeterminate, +treeview.view header button check:selected:indeterminate, +.tweak-category header button check:selected:indeterminate, +row.activatable check:selected:focus:indeterminate, +.view check:selected:focus:indeterminate, +iconview check:selected:focus:indeterminate, +.view text check:selected:focus:indeterminate, +iconview text check:selected:focus:indeterminate, +textview text check:selected:focus:indeterminate, +treeview.view header button check:selected:focus:indeterminate, +.tweak-category header button check:selected:focus:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:indeterminate:active, .tweak-category check:selected:indeterminate:active, +treeview.view check:selected:focus:indeterminate:active, +.tweak-category check:selected:focus:indeterminate:active, +row check:selected:indeterminate:active, +row check:selected:focus:indeterminate:active, +row.activatable check:selected:indeterminate:active, +.view check:selected:indeterminate:active, +iconview check:selected:indeterminate:active, +.view text check:selected:indeterminate:active, +iconview text check:selected:indeterminate:active, +textview text check:selected:indeterminate:active, +treeview.view header button check:selected:indeterminate:active, +.tweak-category header button check:selected:indeterminate:active, +row.activatable check:selected:focus:indeterminate:active, +.view check:selected:focus:indeterminate:active, +iconview check:selected:focus:indeterminate:active, +.view text check:selected:focus:indeterminate:active, +iconview text check:selected:focus:indeterminate:active, +textview text check:selected:focus:indeterminate:active, +treeview.view header button check:selected:focus:indeterminate:active, +.tweak-category header button check:selected:focus:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:checked, .tweak-category check:selected:checked, +treeview.view check:selected:focus:checked, +.tweak-category check:selected:focus:checked, +row check:selected:checked, +row check:selected:focus:checked, +row.activatable check:selected:checked, +.view check:selected:checked, +iconview check:selected:checked, +.view text check:selected:checked, +iconview text check:selected:checked, +textview text check:selected:checked, +treeview.view header button check:selected:checked, +.tweak-category header button check:selected:checked, +row.activatable check:selected:focus:checked, +.view check:selected:focus:checked, +iconview check:selected:focus:checked, +.view text check:selected:focus:checked, +iconview text check:selected:focus:checked, +textview text check:selected:focus:checked, +treeview.view header button check:selected:focus:checked, +.tweak-category header button check:selected:focus:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:checked:active, .tweak-category check:selected:checked:active, +treeview.view check:selected:focus:checked:active, +.tweak-category check:selected:focus:checked:active, +row check:selected:checked:active, +row check:selected:focus:checked:active, +row.activatable check:selected:checked:active, +.view check:selected:checked:active, +iconview check:selected:checked:active, +.view text check:selected:checked:active, +iconview text check:selected:checked:active, +textview text check:selected:checked:active, +treeview.view header button check:selected:checked:active, +.tweak-category header button check:selected:checked:active, +row.activatable check:selected:focus:checked:active, +.view check:selected:focus:checked:active, +iconview check:selected:focus:checked:active, +.view text check:selected:focus:checked:active, +iconview text check:selected:focus:checked:active, +textview text check:selected:focus:checked:active, +treeview.view header button check:selected:focus:checked:active, +.tweak-category header button check:selected:focus:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected, .tweak-category radio:selected, +treeview.view radio:selected:focus, +.tweak-category radio:selected:focus, +row radio:selected, +row radio:selected:focus, +row.activatable radio:selected, +.view radio:selected, +iconview radio:selected, +.view text radio:selected, +iconview text radio:selected, +textview text radio:selected, +treeview.view header button radio:selected, +.tweak-category header button radio:selected, +row.activatable radio:selected:focus, +.view radio:selected:focus, +iconview radio:selected:focus, +.view text radio:selected:focus, +iconview text radio:selected:focus, +textview text radio:selected:focus, +treeview.view header button radio:selected:focus, +.tweak-category header button radio:selected:focus { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:active, .tweak-category radio:selected:active, +treeview.view radio:selected:focus:active, +.tweak-category radio:selected:focus:active, +row radio:selected:active, +row radio:selected:focus:active, +row.activatable radio:selected:active, +.view radio:selected:active, +iconview radio:selected:active, +.view text radio:selected:active, +iconview text radio:selected:active, +textview text radio:selected:active, +treeview.view header button radio:selected:active, +.tweak-category header button radio:selected:active, +row.activatable radio:selected:focus:active, +.view radio:selected:focus:active, +iconview radio:selected:focus:active, +.view text radio:selected:focus:active, +iconview text radio:selected:focus:active, +textview text radio:selected:focus:active, +treeview.view header button radio:selected:focus:active, +.tweak-category header button radio:selected:focus:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:indeterminate, .tweak-category radio:selected:indeterminate, +treeview.view radio:selected:focus:indeterminate, +.tweak-category radio:selected:focus:indeterminate, +row radio:selected:indeterminate, +row radio:selected:focus:indeterminate, +row.activatable radio:selected:indeterminate, +.view radio:selected:indeterminate, +iconview radio:selected:indeterminate, +.view text radio:selected:indeterminate, +iconview text radio:selected:indeterminate, +textview text radio:selected:indeterminate, +treeview.view header button radio:selected:indeterminate, +.tweak-category header button radio:selected:indeterminate, +row.activatable radio:selected:focus:indeterminate, +.view radio:selected:focus:indeterminate, +iconview radio:selected:focus:indeterminate, +.view text radio:selected:focus:indeterminate, +iconview text radio:selected:focus:indeterminate, +textview text radio:selected:focus:indeterminate, +treeview.view header button radio:selected:focus:indeterminate, +.tweak-category header button radio:selected:focus:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:indeterminate:active, .tweak-category radio:selected:indeterminate:active, +treeview.view radio:selected:focus:indeterminate:active, +.tweak-category radio:selected:focus:indeterminate:active, +row radio:selected:indeterminate:active, +row radio:selected:focus:indeterminate:active, +row.activatable radio:selected:indeterminate:active, +.view radio:selected:indeterminate:active, +iconview radio:selected:indeterminate:active, +.view text radio:selected:indeterminate:active, +iconview text radio:selected:indeterminate:active, +textview text radio:selected:indeterminate:active, +treeview.view header button radio:selected:indeterminate:active, +.tweak-category header button radio:selected:indeterminate:active, +row.activatable radio:selected:focus:indeterminate:active, +.view radio:selected:focus:indeterminate:active, +iconview radio:selected:focus:indeterminate:active, +.view text radio:selected:focus:indeterminate:active, +iconview text radio:selected:focus:indeterminate:active, +textview text radio:selected:focus:indeterminate:active, +treeview.view header button radio:selected:focus:indeterminate:active, +.tweak-category header button radio:selected:focus:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:checked, .tweak-category radio:selected:checked, +treeview.view radio:selected:focus:checked, +.tweak-category radio:selected:focus:checked, +row radio:selected:checked, +row radio:selected:focus:checked, +row.activatable radio:selected:checked, +.view radio:selected:checked, +iconview radio:selected:checked, +.view text radio:selected:checked, +iconview text radio:selected:checked, +textview text radio:selected:checked, +treeview.view header button radio:selected:checked, +.tweak-category header button radio:selected:checked, +row.activatable radio:selected:focus:checked, +.view radio:selected:focus:checked, +iconview radio:selected:focus:checked, +.view text radio:selected:focus:checked, +iconview text radio:selected:focus:checked, +textview text radio:selected:focus:checked, +treeview.view header button radio:selected:focus:checked, +.tweak-category header button radio:selected:focus:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:checked:active, .tweak-category radio:selected:checked:active, +treeview.view radio:selected:focus:checked:active, +.tweak-category radio:selected:focus:checked:active, +row radio:selected:checked:active, +row radio:selected:focus:checked:active, +row.activatable radio:selected:checked:active, +.view radio:selected:checked:active, +iconview radio:selected:checked:active, +.view text radio:selected:checked:active, +iconview text radio:selected:checked:active, +textview text radio:selected:checked:active, +treeview.view header button radio:selected:checked:active, +.tweak-category header button radio:selected:checked:active, +row.activatable radio:selected:focus:checked:active, +.view radio:selected:focus:checked:active, +iconview radio:selected:focus:checked:active, +.view text radio:selected:focus:checked:active, +iconview text radio:selected:focus:checked:active, +textview text radio:selected:focus:checked:active, +treeview.view header button radio:selected:focus:checked:active, +.tweak-category header button radio:selected:focus:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view.content-view .check:not(list), iconview.content-view .check:not(list), +.view.content-view check:not(list), +iconview.content-view check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view .check:hover:not(list), iconview.content-view .check:hover:not(list), +.view.content-view check:hover:not(list), +iconview.content-view check:hover:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode-dark.png"), url("assets/checkbox-active-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view .check:active:not(list), iconview.content-view .check:active:not(list), +.view.content-view check:active:not(list), +iconview.content-view check:active:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode-dark.png"), url("assets/checkbox-active-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view .check:disabled:not(list), iconview.content-view .check:disabled:not(list), +.view.content-view check:disabled:not(list), +iconview.content-view check:disabled:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-selectionmode-dark.png"), url("assets/checkbox-insensitive-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view .check:checked:not(list), iconview.content-view .check:checked:not(list), +.view.content-view check:checked:not(list), +iconview.content-view check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view .check:checked:hover:not(list), iconview.content-view .check:checked:hover:not(list), +.view.content-view check:checked:hover:not(list), +iconview.content-view check:checked:hover:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode-dark.png"), url("assets/checkbox-checked-active-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view .check:checked:active:not(list), iconview.content-view .check:checked:active:not(list), +.view.content-view check:checked:active:not(list), +iconview.content-view check:checked:active:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode-dark.png"), url("assets/checkbox-checked-active-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view .check:disabled:checked:not(list), iconview.content-view .check:disabled:checked:not(list), +.view.content-view check:disabled:checked:not(list), +iconview.content-view check:disabled:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selectionmode-dark.png"), url("assets/checkbox-checked-insensitive-selectionmode-dark@2.png")); + background-color: transparent; } + +checkbutton.text-button, +radiobutton.text-button { + padding: 0.20301rem 0.50376rem; + outline-offset: 0; + color: rgba(236, 239, 241, 0.75); } + checkbutton.text-button:hover, checkbutton.text-button:active, checkbutton.text-button:checked, + radiobutton.text-button:hover, + radiobutton.text-button:active, + radiobutton.text-button:checked { + color: #ECEFF1; } + +radio, +check { + min-width: 1.20301rem; + min-height: 1.20301rem; + margin: -0.75188rem -0.24812rem; + padding: 0.75188rem; } + radio:hover, + check:hover { + animation: check_radio_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + radio:active, + check:active { + animation: check_radio_active_reverse 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + radio:hover:checked, radio:hover:indeterminate, + check:hover:checked, + check:hover:indeterminate { + animation: check_radio_active 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + menu menuitem radio, menu menuitem + check { + min-width: 1.20301rem; + min-height: 1.20301rem; + margin: 0; + padding: 0; } + menu menuitem radio:dir(ltr), menu menuitem + check:dir(ltr) { + margin-right: 0.6015rem; } + menu menuitem radio:dir(rtl), menu menuitem + check:dir(rtl) { + margin-left: 0.6015rem; } + menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem + check, menu menuitem + check:hover, menu menuitem + check:disabled { + border-color: transparent; + background-image: none; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + color: inherit; + animation: none; } + +/************ + * GtkScale * + ************/ +@keyframes scale_enlarge { + from { + background-size: 80%; } + to { + background-size: 100%; } } +scale trough, scale fill { + border: 1px solid transparent; + border-radius: 0; + background-color: alpha(currentColor, 0.2); + box-shadow: none; } + scale trough:disabled, scale fill:disabled { + color: rgba(236, 239, 241, 0.3); + background-color: alpha(currentColor, 0.2); } + +scale highlight { + border: 1px solid transparent; + border-radius: 0; + background-color: #C5A68E; } + scale highlight:disabled { + color: rgba(236, 239, 241, 0.3); + background-color: alpha(currentColor, 0.2); } + +scale { + outline-offset: 0; + outline-width: 0; + min-height: 10px; + min-width: 10px; + padding: 10px; } + scale.fine-tune { + outline-offset: 0; + outline-width: 0; } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 10px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 10px; } + scale.fine-tune slider { + margin: -9px; } + scale slider { + min-height: 20px; + min-width: 20px; + margin: -9px; } + scale slider:not(:hover):not(:active) { + background-size: 80%; } + scale slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-dark.png"), url("assets/slider-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + scale slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-active-dark.png"), url("assets/slider-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + scale slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-insensitive-dark.png"), url("assets/slider-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + scale slider:hover { + animation: scale_enlarge 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + scale trough, + scale fill, + scale highlight { + min-height: 2px; + min-width: 2px; + border-radius: 0; + border-width: 0; } + scale fill { + background-color: rgba(236, 239, 241, 0.1); } + scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale value { + color: alpha(currentColor, 0.55); } + scale separator { + color: transparent; + background-color: alpha(currentColor, 0.2); } + +scale marks { + color: alpha(currentColor, 0.55); } + scale marks.top { + margin-bottom: 6px; + margin-top: -12px; } + scale marks.bottom { + margin-top: 6px; + margin-bottom: -12px; } + scale marks.top { + margin-right: 6px; + margin-left: -12px; } + scale marks.bottom { + margin-left: 6px; + margin-right: -12px; } +scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -9px; } +scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -9px; } +scale.fine-tune marks.top { + margin-right: 6px; + margin-left: -9px; } +scale.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -9px; } +scale.horizontal indicator { + min-height: 6px; + min-width: 1px; } +scale.horizontal.fine-tune indicator { + min-height: 3px; } +scale.vertical indicator { + min-height: 1px; + min-width: 6px; } +scale.vertical.fine-tune indicator { + min-width: 3px; } + +scale.color.horizontal slider, scale.color.horizontal slider:hover, scale.color.horizontal slider:disabled, +scale.horizontal contents:last-child:not(:only-child) > trough > slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.horizontal slider:active, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.horizontal slider:disabled, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +scale.horizontal contents:first-child:not(:only-child) > trough > slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.horizontal contents:first-child:not(:only-child) > trough > slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +scale.color.vertical:dir(rtl) slider, scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:disabled, +scale.vertical contents:last-child:not(:only-child) > trough > slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.vertical:dir(rtl) slider:active, +scale.vertical contents:last-child:not(:only-child) > trough > slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.vertical:dir(rtl) slider:disabled, +scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +scale.color.vertical:dir(ltr) slider, scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:disabled, +scale.vertical contents:first-child:not(:only-child) > trough > slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.vertical:dir(ltr) slider:active, +scale.vertical contents:first-child:not(:only-child) > trough > slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.vertical:dir(ltr) slider:disabled, +scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +scale.color { + min-height: 0; + min-width: 0; } + scale.color trough { + min-width: 2px; + min-height: 2px; + border-radius: 0; + background-color: transparent; } + scale.color.horizontal { + padding: 0 0 10px 0; } + scale.color.horizontal trough { + padding-bottom: 5px; } + scale.color.horizontal slider, scale.color.horizontal slider:hover, scale.color.horizontal slider:disabled { + margin-top: 5px; + margin-bottom: -10px; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 10px; } + scale.color.vertical:dir(ltr) trough { + padding-left: 5px; } + scale.color.vertical:dir(ltr) slider, scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:disabled { + margin-left: -10px; + margin-right: 5px; } + scale.color.vertical:dir(rtl) { + padding: 0 10px 0 0; } + scale.color.vertical:dir(rtl) trough { + padding-right: 5px; } + scale.color.vertical:dir(rtl) slider, scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:disabled { + margin-left: 5px; + margin-right: -10px; } + scale.color.fine-tune.horizontal { + padding: 0 0 10px 0; } + scale.color.fine-tune.horizontal trough { + padding-bottom: 5px; } + scale.color.fine-tune.horizontal slider { + margin-top: 5px; + margin-bottom: -10px; } + scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 10px; } + scale.color.fine-tune.vertical:dir(ltr) trough { + padding-left: 5px; } + scale.color.fine-tune.vertical:dir(ltr) slider { + margin-left: -10px; + margin-right: 5px; } + scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 10px 0 0; } + scale.color.fine-tune.vertical:dir(rtl) trough { + padding-right: 5px; } + scale.color.fine-tune.vertical:dir(rtl) slider { + margin-left: 5px; + margin-right: -10px; } + +scale.color.horizontal slider, scale.color.horizontal slider:hover, scale.color.horizontal slider:disabled, +scale.horizontal contents:last-child:not(:only-child) > trough > slider, scale.color.horizontal slider:active, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:active, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled { + margin: -15px -10px -10px -10px; } + +scale.horizontal contents:first-child:not(:only-child) > trough > slider, +scale.horizontal contents:first-child:not(:only-child) > trough > slider:active, +scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled { + margin: -10px -10px -15px -10px; } + +scale.color.vertical:dir(rtl) slider, scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:disabled, +scale.vertical contents:last-child:not(:only-child) > trough > slider, +scale.vertical contents:last-child:not(:only-child) > trough > slider:active, +scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled { + margin: -10px -10px -10px -15px; } + +scale.color.vertical:dir(ltr) slider, scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:disabled, +scale.vertical contents:first-child:not(:only-child) > trough > slider, +scale.vertical contents:first-child:not(:only-child) > trough > slider:active, +scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled { + margin: -10px -15px -10px -10px; } + +scale.color.fine-tune.horizontal slider, +scale.horizontal.fine-tune contents:last-child:not(:only-child) > tough > slider, scale.color.fine-tune.horizontal slider:active, +scale.horizontal.fine-tune contents:last-child:not(:only-child) > tough > slider:active, scale.color.fine-tune.horizontal slider:disabled, +scale.horizontal.fine-tune contents:last-child:not(:only-child) > tough > slider:disabled { + margin: -15px -10px -10px -10px; } + +scale.horizontal.fine-tune contents:first-child:not(:only-child) > tough > slider, +scale.horizontal.fine-tune contents:first-child:not(:only-child) > tough > slider:active, +scale.horizontal.fine-tune contents:first-child:not(:only-child) > tough > slider:disabled { + margin: -10px -10px -15px -10px; } + +scale.color.fine-tune.vertical:dir(rtl) slider, +scale.vertical.fine-tune contents:last-child:not(:only-child) > tough > slider, +scale.vertical.fine-tune contents:last-child:not(:only-child) > tough > slider:active, +scale.vertical.fine-tune contents:last-child:not(:only-child) > tough > slider:disabled { + margin: -10px -10px -10px -15px; } + +scale.color.fine-tune.vertical:dir(ltr) slider, +scale.vertical.fine-tune contents:first-child:not(:only-child) > tough > slider, +scale.vertical.fine-tune contents:first-child:not(:only-child) > tough > slider:active, +scale.vertical.fine-tune contents:first-child:not(:only-child) > tough > slider:disabled { + margin: -10px -15px -10px -10px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: 90%; + color: rgba(236, 239, 241, 0.5); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 4px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 4px; } + progressbar.horizontal progress { + margin: 0 -1px; } + progressbar.vertical progress { + margin: -1px 0; } + progressbar trough { + box-shadow: none; + border-radius: 0; + background-color: rgba(77, 182, 172, 0.2); } + progressbar progress { + box-shadow: none; + border-radius: 0; + background-color: #C5A68E; } + progressbar progress.left { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + progressbar progress.right { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + progressbar progress.top { + border-top-left-radius: 0; + border-top-right-radius: 0; } + progressbar progress.bottom { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + progressbar.osd { + min-width: 4px; + min-height: 4px; } + progressbar.osd trough { + border-style: none; + box-shadow: none; + background-color: rgba(77, 182, 172, 0.2); } + progressbar.osd progress { + background-image: none; + background-color: #C5A68E; + border-style: none; + border-radius: 0; } + +entry progress, spinbutton:not(.vertical) progress, +.entry progress { + margin: -10px -6px; + border-style: none none solid; + border-width: 2px; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + border-radius: 0; + box-shadow: none; + background-color: transparent; + background-image: none; } + +/************* + * Level Bar * + *************/ +levelbar { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + levelbar block { + min-width: 36px; + min-height: 4px; } + levelbar.vertical block { + min-width: 4px; + min-height: 36px; } + levelbar trough { + padding: 2px; + border-radius: 2px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + levelbar trough:disabled { + box-shadow: none; } + levelbar trough.horizontal { + padding: 2px 1px; } + levelbar trough.vertical { + padding: 1px 2px; } + levelbar.horizontal.discrete block { + margin: 0 1px; } + levelbar.vertical.discrete block { + margin: 1px 0; } + levelbar block { + border-radius: 0; + border: none; + box-shadow: none; } + levelbar block.low { + background-color: #FF9800; } + levelbar block:not(.empty), + levelbar block.high { + background-color: #C5A68E; } + levelbar block.full { + background-color: #00E676; } + levelbar block.empty { + background-color: alpha(currentColor, 0.2); } + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + color: #ECEFF1; + border: 1px solid rgba(0, 0, 0, 0.11); + background-color: white; } +printdialog .dialog-action-box { + margin: 0.90226rem; } + +/********** + * Frames * + **********/ +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.11); + box-shadow: none; } + frame > border.flat, + .frame.flat { + border-style: none; } + +actionbar > frame > border { + border-width: 1px 0 0; } + +actionbar > revealer > box { + padding: 0.3985rem; + border-top: 1px solid rgba(0, 0, 0, 0.11); } + +placessidebar viewport.frame, +scrolledwindow viewport.frame, +placessidebar viewport.frame { + border-style: none; } +placessidebar overshoot.top, +scrolledwindow overshoot.top, +placessidebar overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } +placessidebar overshoot.bottom, +scrolledwindow overshoot.bottom, +placessidebar overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } +placessidebar overshoot.left, +scrolledwindow overshoot.left, +placessidebar overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } +placessidebar overshoot.right, +scrolledwindow overshoot.right, +placessidebar overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } +placessidebar undershoot.top, +scrolledwindow undershoot.top, +placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(69, 90, 100, 0.01), rgba(69, 90, 100, 0.04), rgba(69, 90, 100, 0.2), rgba(69, 90, 100, 0.44), rgba(69, 90, 100, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +placessidebar undershoot.bottom, +scrolledwindow undershoot.bottom, +placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(69, 90, 100, 0.01), rgba(69, 90, 100, 0.04), rgba(69, 90, 100, 0.2), rgba(69, 90, 100, 0.44), rgba(69, 90, 100, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +placessidebar undershoot.left, +scrolledwindow undershoot.left, +placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(69, 90, 100, 0.01), rgba(69, 90, 100, 0.04), rgba(69, 90, 100, 0.2), rgba(69, 90, 100, 0.44), rgba(69, 90, 100, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +placessidebar undershoot.right, +scrolledwindow undershoot.right, +placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(69, 90, 100, 0.01), rgba(69, 90, 100, 0.04), rgba(69, 90, 100, 0.2), rgba(69, 90, 100, 0.44), rgba(69, 90, 100, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } +placessidebar junction, +scrolledwindow junction, +placessidebar junction { + border-color: transparent; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.11) 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #455A64; } + placessidebar junction:dir(rtl), + scrolledwindow junction:dir(rtl), + placessidebar junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator { + color: transparent; + background-color: rgba(0, 0, 0, 0.11); + min-width: 1px; + min-height: 1px; } + +/********* + * Lists * + *********/ +list { + border-color: rgba(0, 0, 0, 0.11); + background-color: #455A64; } + +row { + padding: 2px; } + +row.activatable, .view, iconview, +.view text, +iconview text, +textview text, treeview.view header button, .tweak-category header button { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + background-repeat: no-repeat; + background-position: center, center; + background-size: 20.0188rem 20.0188rem, auto; } + row.activatable.has-open-popup, .has-open-popup.view, iconview.has-open-popup, + .view text.has-open-popup, + iconview text.has-open-popup, + textview text.has-open-popup, treeview.view header button.has-open-popup, .tweak-category header button.has-open-popup, row.activatable:hover, .view:hover, iconview:hover, + .view text:hover, + iconview text:hover, + textview text:hover, treeview.view header button:hover, .tweak-category header button:hover { + transition: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05)); } + row.activatable:active, .view:active, iconview:active, + .view text:active, + iconview text:active, + textview text:active, treeview.view header button:active, .tweak-category header button:active { + animation: list_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + +row button.image-button { + padding: 0.6015rem; + background-size: 2.44361rem 2.44361rem, auto; } +row button.circular { + min-width: 1rem; + min-height: 1rem; + padding: 0.6015rem; + background-size: 2.44361rem 2.44361rem, auto; } + +row:selected button:disabled { + color: rgba(255, 255, 255, 0.34); } +row:selected button.flat, row:selected button.osd.image-button, +row:selected .button.osd.image-button, row:selected .titlebar button:not(.suggested-action):not(.destructive-action), .titlebar row:selected button:not(.suggested-action):not(.destructive-action), +row:selected headerbar button:not(.suggested-action):not(.destructive-action), +headerbar row:selected button:not(.suggested-action):not(.destructive-action), row:selected .menu > arrow, +row:selected .context-menu > arrow, +row:selected menu > arrow, placessidebar row:selected button.image-button, row:selected .csd headerbar button.titlebutton, .csd headerbar row:selected button.titlebutton, +row:selected .csd .titlebar button.titlebutton, +.csd .titlebar row:selected button.titlebutton, row:selected #gf-candidate-popup button, #gf-candidate-popup row:selected button, +row:selected #gf-candidate-popup .linked > button:first-child, +#gf-candidate-popup row:selected .linked > button:first-child, +row:selected #gf-candidate-popup .linked > button:last-child, +#gf-candidate-popup row:selected .linked > button:last-child, row:selected window > grid.vertical > box.vertical > widget button, window > grid.vertical > box.vertical > widget row:selected button, row:selected layouttabbar button, layouttabbar row:selected button, row:selected layouttab button, layouttab row:selected button { + color: rgba(255, 255, 255, 0.85); } + row:selected button.flat:hover, row:selected button.osd.image-button:hover, + row:selected .button.osd.image-button:hover, row:selected .titlebar button:hover:not(.suggested-action):not(.destructive-action), .titlebar row:selected button:hover:not(.suggested-action):not(.destructive-action), + row:selected headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar row:selected button:hover:not(.suggested-action):not(.destructive-action), row:selected .menu > arrow:hover, + row:selected .context-menu > arrow:hover, + row:selected menu > arrow:hover, placessidebar row:selected button.image-button:hover, row:selected .csd headerbar button.titlebutton:hover, .csd headerbar row:selected button.titlebutton:hover, + row:selected .csd .titlebar button.titlebutton:hover, + .csd .titlebar row:selected button.titlebutton:hover, row:selected #gf-candidate-popup button:hover, #gf-candidate-popup row:selected button:hover, row:selected window > grid.vertical > box.vertical > widget button:hover, window > grid.vertical > box.vertical > widget row:selected button:hover, row:selected layouttabbar button:hover, layouttabbar row:selected button:hover, row:selected layouttab button:hover, layouttab row:selected button:hover, row:selected button.flat:active, row:selected button.osd.image-button:active, + row:selected .button.osd.image-button:active, row:selected .titlebar button:active:not(.suggested-action):not(.destructive-action), .titlebar row:selected button:active:not(.suggested-action):not(.destructive-action), + row:selected headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar row:selected button:active:not(.suggested-action):not(.destructive-action), row:selected .menu > arrow:active, + row:selected .context-menu > arrow:active, + row:selected menu > arrow:active, placessidebar row:selected button.image-button:active, row:selected .csd headerbar button.titlebutton:active, .csd headerbar row:selected button.titlebutton:active, + row:selected .csd .titlebar button.titlebutton:active, + .csd .titlebar row:selected button.titlebutton:active, row:selected #gf-candidate-popup button:active, #gf-candidate-popup row:selected button:active, row:selected window > grid.vertical > box.vertical > widget button:active, window > grid.vertical > box.vertical > widget row:selected button:active, row:selected layouttabbar button:active, layouttabbar row:selected button:active, row:selected layouttab button:active, layouttab row:selected button:active { + color: #FFFFFF; } + row:selected button.flat:disabled, row:selected button.osd.image-button:disabled, + row:selected .button.osd.image-button:disabled, row:selected .titlebar button:disabled:not(.suggested-action):not(.destructive-action), .titlebar row:selected button:disabled:not(.suggested-action):not(.destructive-action), + row:selected headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar row:selected button:disabled:not(.suggested-action):not(.destructive-action), row:selected .menu > arrow:disabled, + row:selected .context-menu > arrow:disabled, + row:selected menu > arrow:disabled, placessidebar row:selected button.image-button:disabled, row:selected .csd headerbar button.titlebutton:disabled, .csd headerbar row:selected button.titlebutton:disabled, + row:selected .csd .titlebar button.titlebutton:disabled, + .csd .titlebar row:selected button.titlebutton:disabled, row:selected #gf-candidate-popup button:disabled, #gf-candidate-popup row:selected button:disabled, row:selected window > grid.vertical > box.vertical > widget button:disabled, window > grid.vertical > box.vertical > widget row:selected button:disabled, row:selected layouttabbar button:disabled, layouttabbar row:selected button:disabled, row:selected layouttab button:disabled, layouttab row:selected button:disabled { + color: rgba(255, 255, 255, 0.34); } + +row:hover { + transition: none; } + +/********************* + * App Notifications * + *********************/ +.app-notification border, +.app-notification.frame border { + border: none; } + +/************* + * Expanders * + *************/ +expander { + padding: 0.20301rem 0.30075rem 0.24812rem; } + expander arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + min-width: 1.20301rem; + min-height: 1.20301rem; } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + expander arrow:not(:hover):not(:active) { + color: alpha(currentColor, 0.75); } + expander arrow:selected { + color: #FFFFFF; } + expander label { + color: rgba(236, 239, 241, 0.75); } + expander label:hover, expander label:active { + color: #ECEFF1; } + expander label:selected { + color: #FFFFFF; } + +/************ + * Calendar * + ***********/ +calendar { + margin: 0.6015rem 0; + padding: 0.3985rem 0.09774rem 0.20301rem; + border: 1px solid rgba(0, 0, 0, 0.11); + color: #ECEFF1; } + calendar:selected { + border: none; + border-radius: 100px; + color: #FFFFFF; + background-color: transparent; + background-image: -gtk-scaled(url("assets/calendar-day-selected.png"), url("assets/calendar-day-selected@2.png")); + background-size: 1.45113rem 1.45113rem; + background-position: center top; + background-repeat: no-repeat; } + calendar.header { + border: 1px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.11); + border-radius: 0; } + calendar.button, calendar.header.button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: alpha(currentColor, 0.2); + background-size: 2.44361rem 2.44361rem, auto; } + calendar.button:hover, calendar.header.button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + calendar.button:active, calendar.header.button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + calendar.button:disabled, calendar.header.button:disabled { + box-shadow: none; + background-color: transparent; } + calendar:indeterminate { + color: alpha(currentColor, 0.2); } + calendar.highlight { + color: alpha(currentColor, 0.55); + font-size: 90%; + font-weight: 500; } + +/*********** + * Dialogs * + ***********/ +messagedialog .titlebar { + min-height: 1.50376rem; + border-style: none; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + color: rgba(236, 239, 241, 0.75); + background-color: #322F22; } +messagedialog entry, messagedialog spinbutton:not(.vertical), messagedialog entry:focus, messagedialog spinbutton:focus:not(.vertical) { + color: #ECEFF1; + caret-color: #ECEFF1; } +messagedialog entry:disabled, messagedialog spinbutton:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.3); } +messagedialog button { + color: #C5A68E); } + messagedialog button:hover, messagedialog button:active, messagedialog button:checked { + color: #C5A68E; } + messagedialog button:disabled { + color: rgba(236, 239, 241, 0.3); } +messagedialog .linked > button { + border: 2px solid transparent; + border-radius: 2px; + -gtk-outline-radius: 2px; + border-image: none; + box-shadow: none; } +messagedialog check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } +messagedialog radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } +messagedialog check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); } +messagedialog radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); } +messagedialog check:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); } +messagedialog radio:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); } +messagedialog check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +messagedialog radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +messagedialog check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } +messagedialog radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } +messagedialog check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); } +messagedialog radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); } +messagedialog check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); } +messagedialog radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); } +messagedialog check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +messagedialog radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +messagedialog check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } +messagedialog radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } +messagedialog check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); } +messagedialog radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); } +messagedialog check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); } +messagedialog radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); } +messagedialog check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } +messagedialog radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } +messagedialog checkbutton.text-button, +messagedialog radiobutton.text-button { + color: rgba(236, 239, 241, 0.75); } + messagedialog checkbutton.text-button:hover, messagedialog checkbutton.text-button:active, messagedialog checkbutton.text-button:checked, + messagedialog radiobutton.text-button:hover, + messagedialog radiobutton.text-button:active, + messagedialog radiobutton.text-button:checked { + color: #ECEFF1; } + messagedialog checkbutton.text-button:disabled, messagedialog checkbutton.text-button:disabled:active, messagedialog checkbutton.text-button:disabled:indeterminate, + messagedialog radiobutton.text-button:disabled, + messagedialog radiobutton.text-button:disabled:active, + messagedialog radiobutton.text-button:disabled:indeterminate { + color: rgba(236, 239, 241, 0.3); } +messagedialog.csd.background { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } +messagedialog.background, messagedialog.csd.background { + color: rgba(236, 239, 241, 0.75); + background-color: #322F22; + opacity: 0.9; } + messagedialog.background .dialog-action-area button, + messagedialog.background .dialog-action-area .linked > button, messagedialog.csd.background .dialog-action-area button, + messagedialog.csd.background .dialog-action-area .linked > button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + border: 2px solid transparent; + border-radius: 0; + color: rgba(236, 239, 241, 0.75); + font-size: initial; + font-weight: 700; + background-size: 9.96241rem 9.96241rem, auto; + box-shadow: none; + background-color: transparent; + color: #C5A68E); } + messagedialog.background .dialog-action-area button:hover, + messagedialog.background .dialog-action-area .linked > button:hover, messagedialog.csd.background .dialog-action-area button:hover, + messagedialog.csd.background .dialog-action-area .linked > button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + color: #C5A68E; } + messagedialog.background .dialog-action-area button:active, + messagedialog.background .dialog-action-area .linked > button:active, messagedialog.csd.background .dialog-action-area button:active, + messagedialog.csd.background .dialog-action-area .linked > button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #C5A68E; } + messagedialog.background .dialog-action-area button:checked, + messagedialog.background .dialog-action-area .linked > button:checked, messagedialog.csd.background .dialog-action-area button:checked, + messagedialog.csd.background .dialog-action-area .linked > button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + color: #C5A68E); } + messagedialog.background .dialog-action-area button:disabled, + messagedialog.background .dialog-action-area .linked > button:disabled, messagedialog.csd.background .dialog-action-area button:disabled, + messagedialog.csd.background .dialog-action-area .linked > button:disabled { + box-shadow: none; + background-color: transparent; } + messagedialog.background .dialog-action-area button:first-child, + messagedialog.background .dialog-action-area .linked > button:first-child, messagedialog.csd.background .dialog-action-area button:first-child, + messagedialog.csd.background .dialog-action-area .linked > button:first-child { + border-radius: 0 0 0 2px; + border-right-width: 0; } + messagedialog.background .dialog-action-area button:last-child, + messagedialog.background .dialog-action-area .linked > button:last-child, messagedialog.csd.background .dialog-action-area button:last-child, + messagedialog.csd.background .dialog-action-area .linked > button:last-child { + border-radius: 0 0 2px 0; + border-left-width: 0; } + +filechooser .dialog-action-box { + border-top: 1px solid rgba(0, 0, 0, 0.11); } +filechooser #pathbarbox { + border-bottom: 1px solid #3e515a; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border: none; + color: rgba(236, 239, 241, 0.75); + background-color: #3b4c54; } + .sidebar:dir(ltr), .sidebar list:dir(ltr) { + box-shadow: inset -2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.06); } + .sidebar:dir(rtl), .sidebar list:dir(rtl) { + box-shadow: inset 2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.06); } + .sidebar treeview.view, .sidebar .tweak-category, + .sidebar .frame, + .sidebar list { + background-color: transparent; } + .sidebar treeview.view, .sidebar .tweak-category { + box-shadow: none; } + .sidebar .frame list { + box-shadow: none; } + .sidebar list, + .sidebar row, + .sidebar row.activatable, + .sidebar .view, + .sidebar iconview, + .sidebar .view text, + .view .sidebar text, + .sidebar iconview text, + iconview .sidebar text, + .sidebar textview text, + textview .sidebar text, + .sidebar treeview.view header button, + treeview.view header .sidebar button, + .sidebar .tweak-category header button, + .tweak-category header .sidebar button { + color: rgba(236, 239, 241, 0.75); + background-color: transparent; + font-weight: 500; } + .sidebar list:hover, + .sidebar row:hover, + .sidebar row.activatable:hover, + .sidebar .view:hover, + .sidebar iconview:hover, + .sidebar .view text:hover, + .view .sidebar text:hover, + .sidebar iconview text:hover, + iconview .sidebar text:hover, + .sidebar textview text:hover, + textview .sidebar text:hover, + .sidebar treeview.view header button:hover, + treeview.view header .sidebar button:hover, + .sidebar .tweak-category header button:hover, + .tweak-category header .sidebar button:hover { + color: #ECEFF1; } + .sidebar list:selected, + .sidebar row:selected, + .sidebar row.activatable:selected, + .sidebar .view:selected, + .sidebar iconview:selected, + .sidebar .view text:selected, + .view .sidebar text:selected, + .sidebar iconview text:selected, + iconview .sidebar text:selected, + .sidebar textview text:selected, + textview .sidebar text:selected, + .sidebar treeview.view header button:selected, + treeview.view header .sidebar button:selected, + .sidebar .tweak-category header button:selected, + .tweak-category header .sidebar button:selected { + color: #C5A68E; + background-color: transparent; } + .sidebar list:selected label, + .sidebar row:selected label, + .sidebar row.activatable:selected label, + .sidebar .view:selected label, + .sidebar iconview:selected label, + .sidebar .view text:selected label, + .view .sidebar text:selected label, + .sidebar iconview text:selected label, + iconview .sidebar text:selected label, + .sidebar textview text:selected label, + textview .sidebar text:selected label, + .sidebar treeview.view header button:selected label, + treeview.view header .sidebar button:selected label, + .sidebar .tweak-category header button:selected label, + .tweak-category header .sidebar button:selected label { + color: #C5A68E; } + .sidebar overshoot, + .sidebar undershoot { + box-shadow: none; } + +stacksidebar row, +stacksidebar row.activatable, +stacksidebar .view, +stacksidebar iconview, +stacksidebar .view text, +.view stacksidebar text, +stacksidebar iconview text, +iconview stacksidebar text, +stacksidebar textview text, +textview stacksidebar text, +stacksidebar treeview.view header button, +treeview.view header stacksidebar button, +stacksidebar .tweak-category header button, +.tweak-category header stacksidebar button { + padding: 0.3985rem 0.6015rem 0.50376rem; + color: rgba(236, 239, 241, 0.75); + background-color: transparent; + font-weight: 500; } + stacksidebar row > label, + stacksidebar row.activatable > label, + stacksidebar .view > label, + stacksidebar iconview > label, + stacksidebar .view text > label, + .view stacksidebar text > label, + stacksidebar iconview text > label, + iconview stacksidebar text > label, + stacksidebar textview text > label, + textview stacksidebar text > label, + stacksidebar treeview.view header button > label, + treeview.view header stacksidebar button > label, + stacksidebar .tweak-category header button > label, + .tweak-category header stacksidebar button > label { + padding-left: 0.3985rem; + padding-right: 0.3985rem; } + stacksidebar row:hover, + stacksidebar row.activatable:hover, + stacksidebar .view:hover, + stacksidebar iconview:hover, + stacksidebar .view text:hover, + .view stacksidebar text:hover, + stacksidebar iconview text:hover, + iconview stacksidebar text:hover, + stacksidebar textview text:hover, + textview stacksidebar text:hover, + stacksidebar treeview.view header button:hover, + treeview.view header stacksidebar button:hover, + stacksidebar .tweak-category header button:hover, + .tweak-category header stacksidebar button:hover { + color: #ECEFF1; } + stacksidebar row:selected, + stacksidebar row.activatable:selected, + stacksidebar .view:selected, + stacksidebar iconview:selected, + stacksidebar .view text:selected, + .view stacksidebar text:selected, + stacksidebar iconview text:selected, + iconview stacksidebar text:selected, + stacksidebar textview text:selected, + textview stacksidebar text:selected, + stacksidebar treeview.view header button:selected, + treeview.view header stacksidebar button:selected, + stacksidebar .tweak-category header button:selected, + .tweak-category header stacksidebar button:selected { + color: #C5A68E; + background-color: transparent; } + stacksidebar row:selected label, + stacksidebar row.activatable:selected label, + stacksidebar .view:selected label, + stacksidebar iconview:selected label, + stacksidebar .view text:selected label, + .view stacksidebar text:selected label, + stacksidebar iconview text:selected label, + iconview stacksidebar text:selected label, + stacksidebar textview text:selected label, + textview stacksidebar text:selected label, + stacksidebar treeview.view header button:selected label, + treeview.view header stacksidebar button:selected label, + stacksidebar .tweak-category header button:selected label, + .tweak-category header stacksidebar button:selected label { + color: #C5A68E; } + stacksidebar row:backdrop, + stacksidebar row.activatable:backdrop, + stacksidebar .view:backdrop, + stacksidebar iconview:backdrop, + stacksidebar .view text:backdrop, + .view stacksidebar text:backdrop, + stacksidebar iconview text:backdrop, + iconview stacksidebar text:backdrop, + stacksidebar textview text:backdrop, + textview stacksidebar text:backdrop, + stacksidebar treeview.view header button:backdrop, + treeview.view header stacksidebar button:backdrop, + stacksidebar .tweak-category header button:backdrop, + .tweak-category header stacksidebar button:backdrop { + opacity: 1.0; } +stacksidebar .frame list { + background-color: rgba(18, 22, 0, 0.04); } + stacksidebar .frame list:dir(ltr) { + box-shadow: inset -2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.06); } + stacksidebar .frame list:dir(rtl) { + box-shadow: inset 2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.06); } +stacksidebar separator, +stacksidebar .separator { + min-height: 0; + border-color: transparent; + background-color: transparent; + color: transparent; } + +/**************** + * File chooser * + ****************/ +placessidebar list, +placessidebar row { + background-color: #3b4c54; } +placessidebar row { + padding: 0.3985rem 0 0.50376rem; } + placessidebar row > revealer { + padding: 0.30075rem 1.05263rem 0.30075rem 0.90226rem; } + placessidebar row image.sidebar-icon { + opacity: 0.75; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 0.50376rem; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 0.50376rem; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 0.15038rem; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 0.15038rem; } + placessidebar row button.image-button { + padding: 0.50376rem; } + placessidebar row:selected { + color: #C5A68E; } + placessidebar row:selected label { + color: #C5A68E; } + placessidebar row:selected button.image-button { + color: #4DD0E1; } + placessidebar row:selected button.image-button:hover, placessidebar row:selected button.image-button:active { + color: #C5A68E; } + placessidebar row.sidebar-placeholder-row { + border: solid 1px #C5A68E; } + placessidebar row.sidebar-new-bookmark-row { + color: #C5A68E; } + placessidebar row:drop(active):not(:disabled) { + color: #C5A68E; + box-shadow: inset 0 1px #C5A68E, inset 0 -1px #C5A68E; } + placessidebar row:drop(active):not(:disabled):selected { + color: #FFFFFF; + background-color: #C5A68E; } + +placesview row.activatable:hover, placesview .view:hover, placesview iconview:hover, +placesview .view text:hover, +.view placesview text:hover, +placesview iconview text:hover, +iconview placesview text:hover, +placesview textview text:hover, +textview placesview text:hover, placesview treeview.view header button:hover, treeview.view header placesview button:hover, placesview .tweak-category header button:hover, .tweak-category header placesview button:hover { + background-color: transparent; } +placesview > actionbar > revealer > box > label { + padding-left: 0.6015rem; + padding-right: 0.6015rem; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + border-style: none; + background-color: transparent; + -gtk-icon-source: none; + background-image: image(rgba(0, 0, 0, 0.11)); + background-size: 1px 1px; + transition: none; } + paned > separator:backdrop, paned > separator:selected { + background-image: image(#37474F); + transition: none; } + window paned > separator, window paned > separator:backdrop, window paned > separator:selected { + background-image: image(rgba(0, 0, 0, 0.06)); + transition: none; } + window > grid.vertical paned > separator, window > grid.vertical paned > separator:backdrop, window > grid.vertical paned > separator:selected { + background-image: image(#37474F); + transition: none; } + paned > separator.wide, button paned > separator, + button paned > .separator, + .button paned > separator, + .button paned > .separator, stacksidebar paned > separator, + stacksidebar paned > .separator, .tweak-categories paned > separator, + .tweak-categories paned > .separator, window overlay > grid > frame > grid list paned > separator { + min-width: 0.45113rem; + min-height: 0.45113rem; + margin: 0; + padding: 0; + background-color: #3e515a; + background-image: image(#37474F), image(#37474F); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop, button paned > separator:backdrop, + button paned > .separator:backdrop, + .button paned > separator:backdrop, + .button paned > .separator:backdrop, stacksidebar paned > separator:backdrop, + stacksidebar paned > .separator:backdrop, .tweak-categories paned > separator:backdrop, + .tweak-categories paned > .separator:backdrop, window overlay > grid > frame > grid list paned > separator:backdrop, paned > separator.wide:selected, button paned > separator:selected, + button paned > .separator:selected, + .button paned > separator:selected, + .button paned > .separator:selected, stacksidebar paned > separator:selected, + stacksidebar paned > .separator:selected, .tweak-categories paned > separator:selected, + .tweak-categories paned > .separator:selected, window overlay > grid > frame > grid list paned > separator:selected { + background-image: image(#37474F), image(#37474F); } +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -0.6015rem 0 0; + padding: 0 0.6015rem 0 0; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -0.6015rem; + padding: 0 0 0 0.6015rem; } + paned.horizontal > separator.wide, button paned.horizontal > separator, + button paned.horizontal > .separator, + .button paned.horizontal > separator, + .button paned.horizontal > .separator, stacksidebar paned.horizontal > separator, + stacksidebar paned.horizontal > .separator, .tweak-categories paned.horizontal > separator, + .tweak-categories paned.horizontal > .separator, window overlay > grid > frame > grid list paned.horizontal > separator { + background-repeat: repeat-y, repeat-y; + background-position: left, right; } +paned.vertical > separator { + margin: 0 0 -0.6015rem 0; + padding: 0 0 0.6015rem 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide, button paned.vertical > separator, + button paned.vertical > .separator, + .button paned.vertical > separator, + .button paned.vertical > .separator, stacksidebar paned.vertical > separator, + stacksidebar paned.vertical > .separator, .tweak-categories paned.vertical > separator, + .tweak-categories paned.vertical > .separator, window overlay > grid > frame > grid list paned.vertical > separator { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************** + * GtkInfoBar * + **************/ +infobar, NautilusTrashBar { + padding: 0.3985rem; + border-width: 0 0 1px; + border-style: solid; + border-color: #37474F; + background-color: #3b4c54; } + +.info:not(.error), +.question:not(.error), +.warning:not(.error), +.error:not(.error) { + color: rgba(38, 50, 56, 0.75); } +.info button, +.question button, +.warning button, +.error button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); } + .info button:hover, + .question button:hover, + .warning button:hover, + .error button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + color: #263238; } + .info button:active, + .question button:active, + .warning button:active, + .error button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #263238; } + .info button:checked, + .question button:checked, + .warning button:checked, + .error button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + color: #263238; } + .info button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled { + color: rgba(38, 50, 56, 0.3); } + .info button.flat, .info button.osd.image-button, + .info .button.osd.image-button, .info .titlebar button:not(.suggested-action):not(.destructive-action), .titlebar .info button:not(.suggested-action):not(.destructive-action), + .info headerbar button:not(.suggested-action):not(.destructive-action), + headerbar .info button:not(.suggested-action):not(.destructive-action), .info .menu > arrow, + .info .context-menu > arrow, + .info menu > arrow, .info placessidebar row button.image-button, placessidebar row .info button.image-button, .info .csd headerbar button.titlebutton, .csd headerbar .info button.titlebutton, + .info .csd .titlebar button.titlebutton, + .csd .titlebar .info button.titlebutton, .info #gf-candidate-popup button, #gf-candidate-popup .info button, + .info #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .info .linked > button:first-child, + .info #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .info .linked > button:last-child, .info window > grid.vertical > box.vertical > widget button, window > grid.vertical > box.vertical > widget .info button, .info layouttabbar button, layouttabbar .info button, .info layouttab button, layouttab .info button, + .question button.flat, + .question button.osd.image-button, + .question .button.osd.image-button, + .question .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar .question button:not(.suggested-action):not(.destructive-action), + .question headerbar button:not(.suggested-action):not(.destructive-action), + headerbar .question button:not(.suggested-action):not(.destructive-action), + .question .menu > arrow, + .question .context-menu > arrow, + .question menu > arrow, + .question placessidebar row button.image-button, + placessidebar row .question button.image-button, + .question .csd headerbar button.titlebutton, + .csd headerbar .question button.titlebutton, + .question .csd .titlebar button.titlebutton, + .csd .titlebar .question button.titlebutton, + .question #gf-candidate-popup button, + #gf-candidate-popup .question button, + .question #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .question .linked > button:first-child, + .question #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .question .linked > button:last-child, + .question window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget .question button, + .question layouttabbar button, + layouttabbar .question button, + .question layouttab button, + layouttab .question button, + .warning button.flat, + .warning button.osd.image-button, + .warning .button.osd.image-button, + .warning .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar .warning button:not(.suggested-action):not(.destructive-action), + .warning headerbar button:not(.suggested-action):not(.destructive-action), + headerbar .warning button:not(.suggested-action):not(.destructive-action), + .warning .menu > arrow, + .warning .context-menu > arrow, + .warning menu > arrow, + .warning placessidebar row button.image-button, + placessidebar row .warning button.image-button, + .warning .csd headerbar button.titlebutton, + .csd headerbar .warning button.titlebutton, + .warning .csd .titlebar button.titlebutton, + .csd .titlebar .warning button.titlebutton, + .warning #gf-candidate-popup button, + #gf-candidate-popup .warning button, + .warning #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .warning .linked > button:first-child, + .warning #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .warning .linked > button:last-child, + .warning window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget .warning button, + .warning layouttabbar button, + layouttabbar .warning button, + .warning layouttab button, + layouttab .warning button, + .error button.flat, + .error button.osd.image-button, + .error .button.osd.image-button, + .error .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar .error button:not(.suggested-action):not(.destructive-action), + .error headerbar button:not(.suggested-action):not(.destructive-action), + headerbar .error button:not(.suggested-action):not(.destructive-action), + .error .menu > arrow, + .error .context-menu > arrow, + .error menu > arrow, + .error placessidebar row button.image-button, + placessidebar row .error button.image-button, + .error .csd headerbar button.titlebutton, + .csd headerbar .error button.titlebutton, + .error .csd .titlebar button.titlebutton, + .csd .titlebar .error button.titlebutton, + .error #gf-candidate-popup button, + #gf-candidate-popup .error button, + .error #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .error .linked > button:first-child, + .error #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .error .linked > button:last-child, + .error window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget .error button, + .error layouttabbar button, + layouttabbar .error button, + .error layouttab button, + layouttab .error button { + color: rgba(38, 50, 56, 0.75); } + .info button.flat:hover, .info button.osd.image-button:hover, + .info .button.osd.image-button:hover, .info .titlebar button:hover:not(.suggested-action):not(.destructive-action), .titlebar .info button:hover:not(.suggested-action):not(.destructive-action), + .info headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar .info button:hover:not(.suggested-action):not(.destructive-action), .info .menu > arrow:hover, + .info .context-menu > arrow:hover, + .info menu > arrow:hover, .info placessidebar row button.image-button:hover, placessidebar row .info button.image-button:hover, .info .csd headerbar button.titlebutton:hover, .csd headerbar .info button.titlebutton:hover, + .info .csd .titlebar button.titlebutton:hover, + .csd .titlebar .info button.titlebutton:hover, .info #gf-candidate-popup button:hover, #gf-candidate-popup .info button:hover, .info window > grid.vertical > box.vertical > widget button:hover, window > grid.vertical > box.vertical > widget .info button:hover, .info layouttabbar button:hover, layouttabbar .info button:hover, .info layouttab button:hover, layouttab .info button:hover, .info button.flat:active, .info button.osd.image-button:active, + .info .button.osd.image-button:active, .info .titlebar button:active:not(.suggested-action):not(.destructive-action), .titlebar .info button:active:not(.suggested-action):not(.destructive-action), + .info headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar .info button:active:not(.suggested-action):not(.destructive-action), .info .menu > arrow:active, + .info .context-menu > arrow:active, + .info menu > arrow:active, .info placessidebar row button.image-button:active, placessidebar row .info button.image-button:active, .info .csd headerbar button.titlebutton:active, .csd headerbar .info button.titlebutton:active, + .info .csd .titlebar button.titlebutton:active, + .csd .titlebar .info button.titlebutton:active, .info #gf-candidate-popup button:active, #gf-candidate-popup .info button:active, .info window > grid.vertical > box.vertical > widget button:active, window > grid.vertical > box.vertical > widget .info button:active, .info layouttabbar button:active, layouttabbar .info button:active, .info layouttab button:active, layouttab .info button:active, + .question button.flat:hover, + .question button.osd.image-button:hover, + .question .button.osd.image-button:hover, + .question .titlebar button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .question button:hover:not(.suggested-action):not(.destructive-action), + .question headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar .question button:hover:not(.suggested-action):not(.destructive-action), + .question .menu > arrow:hover, + .question .context-menu > arrow:hover, + .question menu > arrow:hover, + .question placessidebar row button.image-button:hover, + placessidebar row .question button.image-button:hover, + .question .csd headerbar button.titlebutton:hover, + .csd headerbar .question button.titlebutton:hover, + .question .csd .titlebar button.titlebutton:hover, + .csd .titlebar .question button.titlebutton:hover, + .question #gf-candidate-popup button:hover, + #gf-candidate-popup .question button:hover, + .question window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget .question button:hover, + .question layouttabbar button:hover, + layouttabbar .question button:hover, + .question layouttab button:hover, + layouttab .question button:hover, + .question button.flat:active, + .question button.osd.image-button:active, + .question .button.osd.image-button:active, + .question .titlebar button:active:not(.suggested-action):not(.destructive-action), + .titlebar .question button:active:not(.suggested-action):not(.destructive-action), + .question headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar .question button:active:not(.suggested-action):not(.destructive-action), + .question .menu > arrow:active, + .question .context-menu > arrow:active, + .question menu > arrow:active, + .question placessidebar row button.image-button:active, + placessidebar row .question button.image-button:active, + .question .csd headerbar button.titlebutton:active, + .csd headerbar .question button.titlebutton:active, + .question .csd .titlebar button.titlebutton:active, + .csd .titlebar .question button.titlebutton:active, + .question #gf-candidate-popup button:active, + #gf-candidate-popup .question button:active, + .question window > grid.vertical > box.vertical > widget button:active, + window > grid.vertical > box.vertical > widget .question button:active, + .question layouttabbar button:active, + layouttabbar .question button:active, + .question layouttab button:active, + layouttab .question button:active, + .warning button.flat:hover, + .warning button.osd.image-button:hover, + .warning .button.osd.image-button:hover, + .warning .titlebar button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .warning button:hover:not(.suggested-action):not(.destructive-action), + .warning headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar .warning button:hover:not(.suggested-action):not(.destructive-action), + .warning .menu > arrow:hover, + .warning .context-menu > arrow:hover, + .warning menu > arrow:hover, + .warning placessidebar row button.image-button:hover, + placessidebar row .warning button.image-button:hover, + .warning .csd headerbar button.titlebutton:hover, + .csd headerbar .warning button.titlebutton:hover, + .warning .csd .titlebar button.titlebutton:hover, + .csd .titlebar .warning button.titlebutton:hover, + .warning #gf-candidate-popup button:hover, + #gf-candidate-popup .warning button:hover, + .warning window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget .warning button:hover, + .warning layouttabbar button:hover, + layouttabbar .warning button:hover, + .warning layouttab button:hover, + layouttab .warning button:hover, + .warning button.flat:active, + .warning button.osd.image-button:active, + .warning .button.osd.image-button:active, + .warning .titlebar button:active:not(.suggested-action):not(.destructive-action), + .titlebar .warning button:active:not(.suggested-action):not(.destructive-action), + .warning headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar .warning button:active:not(.suggested-action):not(.destructive-action), + .warning .menu > arrow:active, + .warning .context-menu > arrow:active, + .warning menu > arrow:active, + .warning placessidebar row button.image-button:active, + placessidebar row .warning button.image-button:active, + .warning .csd headerbar button.titlebutton:active, + .csd headerbar .warning button.titlebutton:active, + .warning .csd .titlebar button.titlebutton:active, + .csd .titlebar .warning button.titlebutton:active, + .warning #gf-candidate-popup button:active, + #gf-candidate-popup .warning button:active, + .warning window > grid.vertical > box.vertical > widget button:active, + window > grid.vertical > box.vertical > widget .warning button:active, + .warning layouttabbar button:active, + layouttabbar .warning button:active, + .warning layouttab button:active, + layouttab .warning button:active, + .error button.flat:hover, + .error button.osd.image-button:hover, + .error .button.osd.image-button:hover, + .error .titlebar button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .error button:hover:not(.suggested-action):not(.destructive-action), + .error headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar .error button:hover:not(.suggested-action):not(.destructive-action), + .error .menu > arrow:hover, + .error .context-menu > arrow:hover, + .error menu > arrow:hover, + .error placessidebar row button.image-button:hover, + placessidebar row .error button.image-button:hover, + .error .csd headerbar button.titlebutton:hover, + .csd headerbar .error button.titlebutton:hover, + .error .csd .titlebar button.titlebutton:hover, + .csd .titlebar .error button.titlebutton:hover, + .error #gf-candidate-popup button:hover, + #gf-candidate-popup .error button:hover, + .error window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget .error button:hover, + .error layouttabbar button:hover, + layouttabbar .error button:hover, + .error layouttab button:hover, + layouttab .error button:hover, + .error button.flat:active, + .error button.osd.image-button:active, + .error .button.osd.image-button:active, + .error .titlebar button:active:not(.suggested-action):not(.destructive-action), + .titlebar .error button:active:not(.suggested-action):not(.destructive-action), + .error headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar .error button:active:not(.suggested-action):not(.destructive-action), + .error .menu > arrow:active, + .error .context-menu > arrow:active, + .error menu > arrow:active, + .error placessidebar row button.image-button:active, + placessidebar row .error button.image-button:active, + .error .csd headerbar button.titlebutton:active, + .csd headerbar .error button.titlebutton:active, + .error .csd .titlebar button.titlebutton:active, + .csd .titlebar .error button.titlebutton:active, + .error #gf-candidate-popup button:active, + #gf-candidate-popup .error button:active, + .error window > grid.vertical > box.vertical > widget button:active, + window > grid.vertical > box.vertical > widget .error button:active, + .error layouttabbar button:active, + layouttabbar .error button:active, + .error layouttab button:active, + layouttab .error button:active { + color: #263238; } + .info button.flat:disabled, .info button.osd.image-button:disabled, + .info .button.osd.image-button:disabled, .info .titlebar button:disabled:not(.suggested-action):not(.destructive-action), .titlebar .info button:disabled:not(.suggested-action):not(.destructive-action), + .info headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar .info button:disabled:not(.suggested-action):not(.destructive-action), .info .menu > arrow:disabled, + .info .context-menu > arrow:disabled, + .info menu > arrow:disabled, .info placessidebar row button.image-button:disabled, placessidebar row .info button.image-button:disabled, .info .csd headerbar button.titlebutton:disabled, .csd headerbar .info button.titlebutton:disabled, + .info .csd .titlebar button.titlebutton:disabled, + .csd .titlebar .info button.titlebutton:disabled, .info #gf-candidate-popup button:disabled, #gf-candidate-popup .info button:disabled, .info window > grid.vertical > box.vertical > widget button:disabled, window > grid.vertical > box.vertical > widget .info button:disabled, .info layouttabbar button:disabled, layouttabbar .info button:disabled, .info layouttab button:disabled, layouttab .info button:disabled, + .question button.flat:disabled, + .question button.osd.image-button:disabled, + .question .button.osd.image-button:disabled, + .question .titlebar button:disabled:not(.suggested-action):not(.destructive-action), + .titlebar .question button:disabled:not(.suggested-action):not(.destructive-action), + .question headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar .question button:disabled:not(.suggested-action):not(.destructive-action), + .question .menu > arrow:disabled, + .question .context-menu > arrow:disabled, + .question menu > arrow:disabled, + .question placessidebar row button.image-button:disabled, + placessidebar row .question button.image-button:disabled, + .question .csd headerbar button.titlebutton:disabled, + .csd headerbar .question button.titlebutton:disabled, + .question .csd .titlebar button.titlebutton:disabled, + .csd .titlebar .question button.titlebutton:disabled, + .question #gf-candidate-popup button:disabled, + #gf-candidate-popup .question button:disabled, + .question window > grid.vertical > box.vertical > widget button:disabled, + window > grid.vertical > box.vertical > widget .question button:disabled, + .question layouttabbar button:disabled, + layouttabbar .question button:disabled, + .question layouttab button:disabled, + layouttab .question button:disabled, + .warning button.flat:disabled, + .warning button.osd.image-button:disabled, + .warning .button.osd.image-button:disabled, + .warning .titlebar button:disabled:not(.suggested-action):not(.destructive-action), + .titlebar .warning button:disabled:not(.suggested-action):not(.destructive-action), + .warning headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar .warning button:disabled:not(.suggested-action):not(.destructive-action), + .warning .menu > arrow:disabled, + .warning .context-menu > arrow:disabled, + .warning menu > arrow:disabled, + .warning placessidebar row button.image-button:disabled, + placessidebar row .warning button.image-button:disabled, + .warning .csd headerbar button.titlebutton:disabled, + .csd headerbar .warning button.titlebutton:disabled, + .warning .csd .titlebar button.titlebutton:disabled, + .csd .titlebar .warning button.titlebutton:disabled, + .warning #gf-candidate-popup button:disabled, + #gf-candidate-popup .warning button:disabled, + .warning window > grid.vertical > box.vertical > widget button:disabled, + window > grid.vertical > box.vertical > widget .warning button:disabled, + .warning layouttabbar button:disabled, + layouttabbar .warning button:disabled, + .warning layouttab button:disabled, + layouttab .warning button:disabled, + .error button.flat:disabled, + .error button.osd.image-button:disabled, + .error .button.osd.image-button:disabled, + .error .titlebar button:disabled:not(.suggested-action):not(.destructive-action), + .titlebar .error button:disabled:not(.suggested-action):not(.destructive-action), + .error headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar .error button:disabled:not(.suggested-action):not(.destructive-action), + .error .menu > arrow:disabled, + .error .context-menu > arrow:disabled, + .error menu > arrow:disabled, + .error placessidebar row button.image-button:disabled, + placessidebar row .error button.image-button:disabled, + .error .csd headerbar button.titlebutton:disabled, + .csd headerbar .error button.titlebutton:disabled, + .error .csd .titlebar button.titlebutton:disabled, + .csd .titlebar .error button.titlebutton:disabled, + .error #gf-candidate-popup button:disabled, + #gf-candidate-popup .error button:disabled, + .error window > grid.vertical > box.vertical > widget button:disabled, + window > grid.vertical > box.vertical > widget .error button:disabled, + .error layouttabbar button:disabled, + layouttabbar .error button:disabled, + .error layouttab button:disabled, + layouttab .error button:disabled { + color: rgba(38, 50, 56, 0.3); } + .info button.image-button, + .question button.image-button, + .warning button.image-button, + .error button.image-button { + min-height: 1rem; + min-width: 1rem; + padding: 0.50376rem 0.20301rem 0.50376rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } +.info selection, +.question selection, +.warning selection, +.error selection { + background-color: #008fa1; } +.info progressbar trough, +.question progressbar trough, +.warning progressbar trough, +.error progressbar trough { + background-color: rgba(255, 255, 255, 0.2); } +.info progressbar progress, +.question progressbar progress, +.warning progressbar progress, +.error progressbar progress { + background-color: #FFFFFF; } + +.info { + background-color: #00E5FF; } + +.question { + background-color: #FFEA00; } + +.warning { + background-color: #FF9100; } + +.error { + color: #FFFFFF; + background-color: #FF1744; } + +/************ + * Tooltips * + ************/ +tooltip { + color: #ECEFF1; + padding: 0.30075rem; + border-radius: 2px; + box-shadow: none; } + tooltip.background { + border: 1px solid rgba(42, 55, 62, 0.9); + background-color: rgba(42, 55, 62, 0.9); + background-clip: padding-box; } + tooltip decoration { + background-color: transparent; } + tooltip * { + background-color: transparent; + color: #ECEFF1; } + +/***************** + * Color Chooser * + *****************/ +colorswatch { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + colorswatch.top { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + colorswatch.bottom { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + colorswatch.left, colorswatch:first-child:not(.overlay):not(.top) { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + colorswatch.right, colorswatch:last-child:not(.overlay):not(.bottom) { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + colorswatch:only-child:not(.overlay) { + border-radius: 2px; } + colorswatch.top > .overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + colorswatch.bottom > .overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + colorswatch:first-child:not(.top) > .overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + colorswatch:last-child:not(.bottom) > .overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + colorswatch:only-child > .overlay { + border-radius: 2px; } + colorswatch:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + GtkColorEditor colorswatch { + border-radius: 2px; } + GtkColorEditor colorswatch:hover { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + colorswatch.color-dark { + color: white; } + colorswatch.color-light { + color: rgba(0, 0, 0, 0.8); } + colorswatch#add-color-button { + background-image: linear-gradient(to right, #FF1744 25%, #FF9100 25%, #FF9100 50%, #00E5FF 50%, #00E5FF 75%, #FFEA00 75%); + color: white; } + +colorchooser .popover.osd { + padding: 3px; + border-style: solid; + border-width: 9px; + border-radius: 2px; + border-image: -gtk-scaled(url("assets/osd-shadow-dark.png"), url("assets/osd-shadow-dark@2.png")) 10/10px stretch; + box-shadow: none; + color: #ECEFF1; + background-color: #322F22; } + colorchooser .popover.osd:backdrop { + border-image: -gtk-scaled(url("assets/osd-shadow-backdrop-dark.png"), url("assets/osd-shadow-backdrop-dark@2.png")) 10/10px stretch; } + colorchooser .popover.osd label { + color: #C5A68E; + font-weight: 700; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #3e515a; } + +@keyframes volume_hover { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.1)), to(transparent)); } } +.osd .scale-popup .vertical button, .scale-popup .vertical button { + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + .osd .scale-popup .vertical button:first-child:hover, .scale-popup .vertical button:first-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #00E676; + animation: volume_hover 0.2s linear forwards; } + .osd .scale-popup .vertical button:first-child:disabled, .scale-popup .vertical button:first-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#00E676, 0.4); } + .osd .scale-popup .vertical button:last-child:hover, .scale-popup .vertical button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #F44336; + animation: volume_hover 0.2s linear forwards; } + .osd .scale-popup .vertical button:last-child:disabled, .scale-popup .vertical button:last-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#F44336, 0.4); } +.osd .scale-popup button, +.scale-popup button { + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + .osd .scale-popup button:first-child:hover, + .scale-popup button:first-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #F44336; + animation: spin_hover 0.2s linear forwards; } + .osd .scale-popup button:first-child:disabled, + .scale-popup button:first-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#F44336, 0.4); } + .osd .scale-popup button:last-child:hover, + .scale-popup button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #00E676; + animation: spin_hover 0.2s linear forwards; } + .osd .scale-popup button:last-child:disabled, + .scale-popup button:last-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#00E676, 0.4); } + +button.flat.scale, button.scale.osd.image-button, +.scale.button.osd.image-button, .titlebar button.scale:not(.suggested-action):not(.destructive-action), +headerbar button.scale:not(.suggested-action):not(.destructive-action), .menu > arrow.scale, +.context-menu > arrow.scale, +menu > arrow.scale, placessidebar row button.scale.image-button, .csd headerbar button.scale.titlebutton, +.csd .titlebar button.scale.titlebutton, #gf-candidate-popup button.scale, +#gf-candidate-popup .linked > button.scale:first-child, +#gf-candidate-popup .linked > button.scale:last-child, window > grid.vertical > box.vertical > widget button.scale, layouttabbar button.scale, layouttab button.scale { + min-width: 1.30075rem; + min-height: 1.30075rem; + padding: 0.75188rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + +.nautilus-window .floating-bar { + padding: 0.09774rem 0 0.20301rem; + border: 1px solid transparent; + border-radius: 0; + color: rgba(236, 239, 241, 0.75); + background-color: #13191C; + transition: none; } + .nautilus-window .floating-bar button { + min-height: 1rem; + min-width: 1rem; + padding: 0.30075rem; + margin: 0 0.30075rem; + color: #C5A68E); } + .nautilus-window .floating-bar button:hover, .nautilus-window .floating-bar button:active, .nautilus-window .floating-bar button:checked { + color: #C5A68E; } + .nautilus-window .floating-bar button:disabled { + color: rgba(77, 182, 172, 0.4); } + .nautilus-window .floating-bar spinner { + min-height: 0.90226rem; + min-width: 0.90226rem; + padding: 0.50376rem 0 0.50376rem; + margin: 0 -0.07519rem; } + +.nautilus-window .floating-bar.bottom.left { + border-width: 1px 1px 0 0; + border-radius: 0 3px 0 0; } + +.nautilus-window .floating-bar.bottom.right { + border-width: 1px 0 0 1px; + border-radius: 3px 0 0 0; } + +/********************** + * Window Decorations * + *********************/ +decoration { + transition: none; + border-radius: 2px 2px 0 0; + border-width: 0; + box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); + margin: 8px; } + decoration:backdrop { + box-shadow: 0 10px 6px transparent, 0 6px 8px -4px transparent, 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); + transition: none; } + .fullscreen decoration, .maximized decoration, .tiled decoration { + border-radius: 0; + transition: none; } + .popup decoration { + box-shadow: none; } + .ssd decoration { + box-shadow: 0 2px 2px transparent, 0 3px 4px transparent, 0 3px 3px -1px rgba(0, 0, 0, 0.08); } + .ssd decoration .button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .tiled .ssd decoration .titlebar { + transition: none; } + .maximized .ssd decoration .titlebar { + transition: none; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.2); } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + message-dialog.csd decoration { + border-radius: 2px; + box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); } + message-dialog.csd decoration:backdrop { + box-shadow: 0 10px 6px transparent, 0 6px 8px -4px transparent, 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); + transition: none; } + .solid-csd decoration { + border-radius: 2px 2px 0 0; + margin: -1px; + background-color: #3e515a; + border: none; + box-shadow: none; } + +.csd headerbar button.titlebutton, .csd headerbar.selection-mode button.titlebutton, +.csd .titlebar button.titlebutton, +.csd .titlebar.selection-mode button.titlebutton { + min-width: 1rem; + min-height: 1rem; + padding: 0.75188rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + .csd headerbar button.titlebutton.close:hover:backdrop, .csd headerbar button.titlebutton.close:active:backdrop, .csd headerbar button.titlebutton.minimize:hover:backdrop, .csd headerbar button.titlebutton.minimize:active:backdrop, .csd headerbar button.titlebutton.maximize:hover:backdrop, .csd headerbar button.titlebutton.maximize:active:backdrop, .csd headerbar.selection-mode button.titlebutton.close:hover:backdrop, .csd headerbar.selection-mode button.titlebutton.close:active:backdrop, .csd headerbar.selection-mode button.titlebutton.minimize:hover:backdrop, .csd headerbar.selection-mode button.titlebutton.minimize:active:backdrop, .csd headerbar.selection-mode button.titlebutton.maximize:hover:backdrop, .csd headerbar.selection-mode button.titlebutton.maximize:active:backdrop, + .csd .titlebar button.titlebutton.close:hover:backdrop, + .csd .titlebar button.titlebutton.close:active:backdrop, + .csd .titlebar button.titlebutton.minimize:hover:backdrop, + .csd .titlebar button.titlebutton.minimize:active:backdrop, + .csd .titlebar button.titlebutton.maximize:hover:backdrop, + .csd .titlebar button.titlebutton.maximize:active:backdrop, + .csd .titlebar.selection-mode button.titlebutton.close:hover:backdrop, + .csd .titlebar.selection-mode button.titlebutton.close:active:backdrop, + .csd .titlebar.selection-mode button.titlebutton.minimize:hover:backdrop, + .csd .titlebar.selection-mode button.titlebutton.minimize:active:backdrop, + .csd .titlebar.selection-mode button.titlebutton.maximize:hover:backdrop, + .csd .titlebar.selection-mode button.titlebutton.maximize:active:backdrop { + opacity: 1.0; } + .csd headerbar button.titlebutton.close > image, .csd headerbar button.titlebutton.minimize > image, .csd headerbar button.titlebutton.maximize > image, .csd headerbar.selection-mode button.titlebutton.close > image, .csd headerbar.selection-mode button.titlebutton.minimize > image, .csd headerbar.selection-mode button.titlebutton.maximize > image, + .csd .titlebar button.titlebutton.close > image, + .csd .titlebar button.titlebutton.minimize > image, + .csd .titlebar button.titlebutton.maximize > image, + .csd .titlebar.selection-mode button.titlebutton.close > image, + .csd .titlebar.selection-mode button.titlebutton.minimize > image, + .csd .titlebar.selection-mode button.titlebutton.maximize > image { + min-height: 16px; + min-width: 16px; + color: transparent; + background-size: 16px 16px; + background-repeat: no-repeat; + background-position: center; } + .csd headerbar button.titlebutton.close > image, .csd headerbar.selection-mode button.titlebutton.close > image, + .csd .titlebar button.titlebutton.close > image, + .csd .titlebar.selection-mode button.titlebutton.close > image { + background-image: -gtk-scaled(url("assets/window-close.png"), url("assets/window-close@2.png")); } + .csd headerbar button.titlebutton.close:hover, .csd headerbar.selection-mode button.titlebutton.close:hover, + .csd .titlebar button.titlebutton.close:hover, + .csd .titlebar.selection-mode button.titlebutton.close:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #ECEFF1; + color: #FFFFFF; + background-color: #FF5252; } + .csd headerbar button.titlebutton.close:hover > image, .csd headerbar.selection-mode button.titlebutton.close:hover > image, + .csd .titlebar button.titlebutton.close:hover > image, + .csd .titlebar.selection-mode button.titlebutton.close:hover > image { + background-image: -gtk-scaled(url("assets/window-close-active.png"), url("assets/window-close-active@2.png")); } + .csd headerbar button.titlebutton.close:active, .csd headerbar.selection-mode button.titlebutton.close:active, + .csd .titlebar button.titlebutton.close:active, + .csd .titlebar.selection-mode button.titlebutton.close:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #ECEFF1; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #FFFFFF; + background-color: #C5A68E; } + .csd headerbar button.titlebutton.close:active > image, .csd headerbar.selection-mode button.titlebutton.close:active > image, + .csd .titlebar button.titlebutton.close:active > image, + .csd .titlebar.selection-mode button.titlebutton.close:active > image { + background-image: -gtk-scaled(url("assets/window-close-active.png"), url("assets/window-close-active@2.png")); } + .csd headerbar button.titlebutton.minimize > image, .csd headerbar.selection-mode button.titlebutton.minimize > image, + .csd .titlebar button.titlebutton.minimize > image, + .csd .titlebar.selection-mode button.titlebutton.minimize > image { + background-image: -gtk-scaled(url("assets/window-minimize.png"), url("assets/window-minimize@2.png")); } + .csd headerbar button.titlebutton.minimize:hover > image, .csd headerbar button.titlebutton.minimize:active > image, .csd headerbar.selection-mode button.titlebutton.minimize:hover > image, .csd headerbar.selection-mode button.titlebutton.minimize:active > image, + .csd .titlebar button.titlebutton.minimize:hover > image, + .csd .titlebar button.titlebutton.minimize:active > image, + .csd .titlebar.selection-mode button.titlebutton.minimize:hover > image, + .csd .titlebar.selection-mode button.titlebutton.minimize:active > image { + background-image: -gtk-scaled(url("assets/window-minimize-active.png"), url("assets/window-minimize-active@2.png")); } + .csd headerbar button.titlebutton.maximize > image, .csd headerbar.selection-mode button.titlebutton.maximize > image, + .csd .titlebar button.titlebutton.maximize > image, + .csd .titlebar.selection-mode button.titlebutton.maximize > image { + background-image: -gtk-scaled(url("assets/window-maximize.png"), url("assets/window-maximize@2.png")); } + .csd headerbar button.titlebutton.maximize:hover > image, .csd headerbar button.titlebutton.maximize:active > image, .csd headerbar.selection-mode button.titlebutton.maximize:hover > image, .csd headerbar.selection-mode button.titlebutton.maximize:active > image, + .csd .titlebar button.titlebutton.maximize:hover > image, + .csd .titlebar button.titlebutton.maximize:active > image, + .csd .titlebar.selection-mode button.titlebutton.maximize:hover > image, + .csd .titlebar.selection-mode button.titlebutton.maximize:active > image { + background-image: -gtk-scaled(url("assets/window-maximize-active.png"), url("assets/window-maximize-active@2.png")); } + +.csd.maximized headerbar button.titlebutton.maximize > image, .csd.maximized headerbar.selection-mode button.titlebutton.maximize > image, +.csd.maximized .titlebar button.titlebutton.maximize > image, +.csd.maximized .titlebar.selection-mode button.titlebutton.maximize > image { + background-image: -gtk-scaled(url("assets/window-unmaximize.png"), url("assets/window-unmaximize@2.png")); } +.csd.maximized headerbar button.titlebutton.maximize:hover > image, .csd.maximized headerbar button.titlebutton.maximize:active > image, .csd.maximized headerbar.selection-mode button.titlebutton.maximize:hover > image, .csd.maximized headerbar.selection-mode button.titlebutton.maximize:active > image, +.csd.maximized .titlebar button.titlebutton.maximize:hover > image, +.csd.maximized .titlebar button.titlebutton.maximize:active > image, +.csd.maximized .titlebar.selection-mode button.titlebutton.maximize:hover > image, +.csd.maximized .titlebar.selection-mode button.titlebutton.maximize:active > image { + background-image: -gtk-scaled(url("assets/window-unmaximize-active.png"), url("assets/window-unmaximize-active@2.png")); } + +.ssd .titlebar button.titlebutton.close, .ssd .titlebar button.titlebutton.minimize, .ssd .titlebar button.titlebutton.maximize { + color: transparent; + background-size: 28px 28px; + background-repeat: no-repeat; + background-position: center; + background: none; + box-shadow: none; } + .ssd .titlebar button.titlebutton.close:backdrop, .ssd .titlebar button.titlebutton.close:hover:backdrop, .ssd .titlebar button.titlebutton.close:active:backdrop, .ssd .titlebar button.titlebutton.minimize:backdrop, .ssd .titlebar button.titlebutton.minimize:hover:backdrop, .ssd .titlebar button.titlebutton.minimize:active:backdrop, .ssd .titlebar button.titlebutton.maximize:backdrop, .ssd .titlebar button.titlebutton.maximize:hover:backdrop, .ssd .titlebar button.titlebutton.maximize:active:backdrop { + color: transparent; } +.ssd .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/window-close-ssd.png"), url("assets/window-close-ssd@2.png")); + box-shadow: none; } +.ssd .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/window-close-ssd-hover.png"), url("assets/window-close-ssd-hover@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } +.ssd .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/window-close-ssd-active.png"), url("assets/window-close-ssd-active@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } +.ssd .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop.png"), url("assets/window-close-ssd-backdrop@2.png")); + box-shadow: none; } +.ssd .titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop-hover.png"), url("assets/window-close-ssd-backdrop-hover@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } +.ssd .titlebar button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop-active.png"), url("assets/window-close-ssd-backdrop-active@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } +.ssd .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/window-minimize-ssd.png"), url("assets/window-minimize-ssd@2.png")); } +.ssd .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-hover.png"), url("assets/window-minimize-ssd-hover@2.png")); } +.ssd .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-active.png"), url("assets/window-minimize-ssd-active@2.png")); } +.ssd .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop.png"), url("assets/window-minimize-ssd-backdrop@2.png")); } +.ssd .titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop-hover.png"), url("assets/window-minimize-ssd-backdrop-hover@2.png")); } +.ssd .titlebar button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop-active.png"), url("assets/window-minimize-ssd-backdrop-active@2.png")); } +.ssd .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/window-maximize-ssd.png"), url("assets/window-maximize-ssd@2.png")); } +.ssd .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-hover.png"), url("assets/window-maximize-ssd-hover@2.png")); } +.ssd .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-active.png"), url("assets/window-maximize-ssd-active@2.png")); } +.ssd .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop.png"), url("assets/window-maximize-ssd-backdrop@2.png")); } +.ssd .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop-hover.png"), url("assets/window-maximize-ssd-backdrop-hover@2.png")); } +.ssd .titlebar button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop-active.png"), url("assets/window-maximize-ssd-backdrop-active@2.png")); } + +.maximized.ssd .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd.png"), url("assets/window-unmaximize-ssd@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-hover.png"), url("assets/window-unmaximize-ssd-hover@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-active.png"), url("assets/window-unmaximize-ssd-active@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop.png"), url("assets/window-unmaximize-ssd-backdrop@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop-hover.png"), url("assets/window-unmaximize-ssd-backdrop-hover@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop-active.png"), url("assets/window-unmaximize-ssd-backdrop-active@2.png")); } + +.ssd decoration .titlebar button.titlebutton { + min-width: 28px; + min-height: 28px; + margin: 0; + padding: 0; } + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus, .view text selection, iconview text selection, .view text selection:focus, iconview text selection:focus, +textview text selection, +textview text selection:focus, flowbox flowboxchild:selected, label selection, +label selection:focus, entry selection, spinbutton:not(.vertical) selection, entry selection:focus, spinbutton:not(.vertical) selection:focus, +.entry selection, +.entry selection:focus, treeview entry:selected, treeview spinbutton:selected:not(.vertical), treeview entry.flat:focus:selected, treeview spinbutton.flat:focus:selected:not(.vertical), treeview notebook:not(.reorderable-page) > entry:focus:selected, treeview notebook:not(.reorderable-page) > spinbutton:focus:selected:not(.vertical), treeview +.entry:selected, treeview +.entry.flat:focus:selected, treeview .linked > entry:focus:selected:not(.flat), treeview .linked > spinbutton:focus:selected:not(.flat):not(.vertical), treeview .linked > .entry:focus:selected:not(.flat), treeview spinbutton entry:focus:selected, treeview spinbutton spinbutton:focus:selected:not(.vertical), treeview.view:selected, .tweak-category:selected, +treeview.view row:selected, +.tweak-category row:selected, paned treeview.view:selected, paned .tweak-category:selected, +paned treeview.view row:selected, +paned .tweak-category row:selected, row:selected, .sidebar treeview.view:selected, .sidebar .tweak-category:selected, +.sidebar treeview.view row:selected, +.sidebar .tweak-category row:selected, GdMainView .view:hover:selected, GdMainView iconview:hover:selected, GdMainView .view:selected, GdMainView iconview:selected, GdMainView .view row.activatable:hover:selected, GdMainView iconview row.activatable:hover:selected, GdMainView .view .view:hover:selected, GdMainView iconview .view:hover:selected, GdMainView .view iconview:hover:selected, GdMainView iconview iconview:hover:selected, +GdMainView .view text:hover:selected, +GdMainView iconview .view text:hover:selected, +.view GdMainView iconview text:hover:selected, +GdMainView .view iconview text:hover:selected, +iconview GdMainView .view text:hover:selected, +GdMainView iconview text:hover:selected, +GdMainView .view textview text:hover:selected, +textview GdMainView .view text:hover:selected, +GdMainView iconview textview text:hover:selected, +textview GdMainView iconview text:hover:selected, GdMainView treeview.view header button:hover:selected, GdMainView iconview treeview.view header button:hover:selected, treeview.view header GdMainView iconview button:hover:selected, GdMainView .view .tweak-category header button:hover:selected, .tweak-category header GdMainView .view button:hover:selected, GdMainView iconview .tweak-category header button:hover:selected, .tweak-category header GdMainView iconview button:hover:selected, GdMainView .view row.activatable:selected, GdMainView iconview row.activatable:selected, GdMainView .view .view:selected, GdMainView iconview .view:selected, GdMainView .view iconview:selected, GdMainView iconview iconview:selected, +GdMainView .view text:selected, +GdMainView iconview .view text:selected, +.view GdMainView iconview text:selected, +GdMainView .view iconview text:selected, +iconview GdMainView .view text:selected, +GdMainView iconview text:selected, +GdMainView .view textview text:selected, +textview GdMainView .view text:selected, +GdMainView iconview textview text:selected, +textview GdMainView iconview text:selected, GdMainView treeview.view header button:selected, GdMainView iconview treeview.view header button:selected, treeview.view header GdMainView iconview button:selected, GdMainView .view .tweak-category header button:selected, .tweak-category header GdMainView .view button:selected, GdMainView iconview .tweak-category header button:selected, .tweak-category header GdMainView iconview button:selected, +.side-panel .view:hover:selected, +.side-panel iconview:hover:selected, +.side-panel .view:selected, +.side-panel iconview:selected, +.side-panel .view row.activatable:hover:selected, +.side-panel iconview row.activatable:hover:selected, +.side-panel .view .view:hover:selected, +.side-panel iconview .view:hover:selected, +.side-panel .view iconview:hover:selected, +.side-panel iconview iconview:hover:selected, +.side-panel .view text:hover:selected, +.side-panel iconview .view text:hover:selected, +.view .side-panel iconview text:hover:selected, +.side-panel .view iconview text:hover:selected, +iconview .side-panel .view text:hover:selected, +.side-panel iconview text:hover:selected, +.side-panel .view textview text:hover:selected, +textview .side-panel .view text:hover:selected, +.side-panel iconview textview text:hover:selected, +textview .side-panel iconview text:hover:selected, +.side-panel treeview.view header button:hover:selected, +.side-panel iconview treeview.view header button:hover:selected, +treeview.view header .side-panel iconview button:hover:selected, +.side-panel .view .tweak-category header button:hover:selected, +.tweak-category header .side-panel .view button:hover:selected, +.side-panel iconview .tweak-category header button:hover:selected, +.tweak-category header .side-panel iconview button:hover:selected, +.side-panel .view row.activatable:selected, +.side-panel iconview row.activatable:selected, +.side-panel .view .view:selected, +.side-panel iconview .view:selected, +.side-panel .view iconview:selected, +.side-panel iconview iconview:selected, +.side-panel .view text:selected, +.side-panel iconview .view text:selected, +.view .side-panel iconview text:selected, +.side-panel .view iconview text:selected, +iconview .side-panel .view text:selected, +.side-panel iconview text:selected, +.side-panel .view textview text:selected, +textview .side-panel .view text:selected, +.side-panel iconview textview text:selected, +textview .side-panel iconview text:selected, +.side-panel treeview.view header button:selected, +.side-panel iconview treeview.view header button:selected, +treeview.view header .side-panel iconview button:selected, +.side-panel .view .tweak-category header button:selected, +.tweak-category header .side-panel .view button:selected, +.side-panel iconview .tweak-category header button:selected, +.tweak-category header .side-panel iconview button:selected { + background-color: #C5A68E; } + label:selected, row:selected label, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, .view text selection, iconview text selection, .view text selection:focus, iconview text selection:focus, + textview text selection, + textview text selection:focus, flowbox flowboxchild:selected, label selection, + label selection:focus, entry selection, spinbutton:not(.vertical) selection, entry selection:focus, spinbutton:not(.vertical) selection:focus, + .entry selection, + .entry selection:focus, treeview entry:selected, treeview spinbutton:selected:not(.vertical), treeview entry.flat:focus:selected, treeview spinbutton.flat:focus:selected:not(.vertical), treeview notebook:not(.reorderable-page) > entry:focus:selected, treeview notebook:not(.reorderable-page) > spinbutton:focus:selected:not(.vertical), treeview + .entry:selected, treeview + .entry.flat:focus:selected, treeview .linked > entry:focus:selected:not(.flat), treeview .linked > spinbutton:focus:selected:not(.flat):not(.vertical), treeview .linked > .entry:focus:selected:not(.flat), treeview spinbutton entry:focus:selected, treeview spinbutton spinbutton:focus:selected:not(.vertical), treeview.view:selected, .tweak-category:selected, + treeview.view row:selected, + .tweak-category row:selected, paned treeview.view:selected, paned .tweak-category:selected, + paned treeview.view row:selected, + paned .tweak-category row:selected, row:selected, .sidebar treeview.view:selected, .sidebar .tweak-category:selected, + .sidebar treeview.view row:selected, + .sidebar .tweak-category row:selected, GdMainView .view:hover:selected, GdMainView iconview:hover:selected, GdMainView .view:selected, GdMainView iconview:selected, GdMainView .view row.activatable:hover:selected, GdMainView iconview row.activatable:hover:selected, GdMainView .view .view:hover:selected, GdMainView iconview .view:hover:selected, GdMainView .view iconview:hover:selected, GdMainView iconview iconview:hover:selected, + GdMainView .view text:hover:selected, + GdMainView iconview .view text:hover:selected, + .view GdMainView iconview text:hover:selected, + GdMainView .view iconview text:hover:selected, + iconview GdMainView .view text:hover:selected, + GdMainView iconview text:hover:selected, + GdMainView .view textview text:hover:selected, + textview GdMainView .view text:hover:selected, + GdMainView iconview textview text:hover:selected, + textview GdMainView iconview text:hover:selected, GdMainView treeview.view header button:hover:selected, GdMainView iconview treeview.view header button:hover:selected, treeview.view header GdMainView iconview button:hover:selected, GdMainView .view .tweak-category header button:hover:selected, .tweak-category header GdMainView .view button:hover:selected, GdMainView iconview .tweak-category header button:hover:selected, .tweak-category header GdMainView iconview button:hover:selected, GdMainView .view row.activatable:selected, GdMainView iconview row.activatable:selected, GdMainView .view .view:selected, GdMainView iconview .view:selected, GdMainView .view iconview:selected, GdMainView iconview iconview:selected, + GdMainView .view text:selected, + GdMainView iconview .view text:selected, + .view GdMainView iconview text:selected, + GdMainView .view iconview text:selected, + iconview GdMainView .view text:selected, + GdMainView iconview text:selected, + GdMainView .view textview text:selected, + textview GdMainView .view text:selected, + GdMainView iconview textview text:selected, + textview GdMainView iconview text:selected, GdMainView treeview.view header button:selected, GdMainView iconview treeview.view header button:selected, treeview.view header GdMainView iconview button:selected, GdMainView .view .tweak-category header button:selected, .tweak-category header GdMainView .view button:selected, GdMainView iconview .tweak-category header button:selected, .tweak-category header GdMainView iconview button:selected, + .side-panel .view:hover:selected, + .side-panel iconview:hover:selected, + .side-panel .view:selected, + .side-panel iconview:selected, + .side-panel .view row.activatable:hover:selected, + .side-panel iconview row.activatable:hover:selected, + .side-panel .view .view:hover:selected, + .side-panel iconview .view:hover:selected, + .side-panel .view iconview:hover:selected, + .side-panel iconview iconview:hover:selected, + .side-panel .view text:hover:selected, + .side-panel iconview .view text:hover:selected, + .view .side-panel iconview text:hover:selected, + .side-panel .view iconview text:hover:selected, + iconview .side-panel .view text:hover:selected, + .side-panel iconview text:hover:selected, + .side-panel .view textview text:hover:selected, + textview .side-panel .view text:hover:selected, + .side-panel iconview textview text:hover:selected, + textview .side-panel iconview text:hover:selected, + .side-panel treeview.view header button:hover:selected, + .side-panel iconview treeview.view header button:hover:selected, + treeview.view header .side-panel iconview button:hover:selected, + .side-panel .view .tweak-category header button:hover:selected, + .tweak-category header .side-panel .view button:hover:selected, + .side-panel iconview .tweak-category header button:hover:selected, + .tweak-category header .side-panel iconview button:hover:selected, + .side-panel .view row.activatable:selected, + .side-panel iconview row.activatable:selected, + .side-panel .view .view:selected, + .side-panel iconview .view:selected, + .side-panel .view iconview:selected, + .side-panel iconview iconview:selected, + .side-panel .view text:selected, + .side-panel iconview .view text:selected, + .view .side-panel iconview text:selected, + .side-panel .view iconview text:selected, + iconview .side-panel .view text:selected, + .side-panel iconview text:selected, + .side-panel .view textview text:selected, + textview .side-panel .view text:selected, + .side-panel iconview textview text:selected, + textview .side-panel iconview text:selected, + .side-panel treeview.view header button:selected, + .side-panel iconview treeview.view header button:selected, + treeview.view header .side-panel iconview button:selected, + .side-panel .view .tweak-category header button:selected, + .tweak-category header .side-panel .view button:selected, + .side-panel iconview .tweak-category header button:selected, + .tweak-category header .side-panel iconview button:selected { + color: #FFFFFF; } + label:disabled:selected, row:selected label:disabled, .view:disabled:selected, iconview:disabled:selected, .view:disabled:selected:focus, iconview:disabled:selected:focus, + .view text:disabled:selected, + iconview text:disabled:selected, + textview text:disabled:selected, + .view text:disabled:selected:focus, + iconview text:disabled:selected:focus, + textview text:disabled:selected:focus, .view text selection:disabled, iconview text selection:disabled, .view text selection:disabled:focus, iconview text selection:disabled:focus, + textview text selection:disabled, + textview text selection:disabled:focus, flowbox flowboxchild:disabled:selected, label selection:disabled, + label selection:disabled:focus, label:disabled selection, entry selection:disabled, spinbutton:not(.vertical) selection:disabled, entry selection:disabled:focus, spinbutton:not(.vertical) selection:disabled:focus, + .entry selection:disabled, + .entry selection:disabled:focus, treeview entry:disabled:selected, treeview spinbutton:disabled:selected:not(.vertical), treeview entry.flat:disabled:focus:selected, treeview spinbutton.flat:disabled:focus:selected:not(.vertical), treeview notebook:not(.reorderable-page) > entry:disabled:focus:selected, treeview notebook:not(.reorderable-page) > spinbutton:disabled:focus:selected:not(.vertical), treeview + .entry:disabled:selected, treeview + .entry.flat:disabled:focus:selected, treeview .linked > entry:disabled:focus:selected:not(.flat), treeview .linked > spinbutton:disabled:focus:selected:not(.flat):not(.vertical), treeview .linked > .entry:disabled:focus:selected:not(.flat), treeview spinbutton entry:disabled:focus:selected, treeview spinbutton spinbutton:disabled:focus:selected:not(.vertical), treeview.view:disabled:selected, .tweak-category:disabled:selected, + treeview.view row:disabled:selected, + .tweak-category row:disabled:selected, paned treeview.view:disabled:selected, paned .tweak-category:disabled:selected, + paned treeview.view row:disabled:selected, + paned .tweak-category row:disabled:selected, row:disabled:selected, .sidebar treeview.view:disabled:selected, .sidebar .tweak-category:disabled:selected, + .sidebar treeview.view row:disabled:selected, + .sidebar .tweak-category row:disabled:selected, placessidebar row:selected:disabled label, GdMainView .view:disabled:hover:selected, GdMainView iconview:disabled:hover:selected, GdMainView .view:disabled:selected, GdMainView iconview:disabled:selected, GdMainView .view row.activatable:disabled:hover:selected, GdMainView iconview row.activatable:disabled:hover:selected, GdMainView .view .view:disabled:hover:selected, GdMainView iconview .view:disabled:hover:selected, GdMainView .view iconview:disabled:hover:selected, GdMainView iconview iconview:disabled:hover:selected, + GdMainView .view text:disabled:hover:selected, + .view GdMainView iconview text:disabled:hover:selected, + GdMainView iconview text:disabled:hover:selected, + GdMainView iconview textview text:disabled:hover:selected, + textview GdMainView iconview text:disabled:hover:selected, GdMainView treeview.view header button:disabled:hover:selected, treeview.view header GdMainView iconview button:disabled:hover:selected, GdMainView .view .tweak-category header button:disabled:hover:selected, .tweak-category header GdMainView .view button:disabled:hover:selected, GdMainView iconview .tweak-category header button:disabled:hover:selected, .tweak-category header GdMainView iconview button:disabled:hover:selected, GdMainView .view row.activatable:disabled:selected, GdMainView iconview row.activatable:disabled:selected, GdMainView .view .view:disabled:selected, GdMainView iconview .view:disabled:selected, GdMainView .view iconview:disabled:selected, GdMainView iconview iconview:disabled:selected, + GdMainView .view text:disabled:selected, + .view GdMainView iconview text:disabled:selected, + GdMainView iconview text:disabled:selected, + GdMainView iconview textview text:disabled:selected, + textview GdMainView iconview text:disabled:selected, GdMainView treeview.view header button:disabled:selected, treeview.view header GdMainView iconview button:disabled:selected, GdMainView .view .tweak-category header button:disabled:selected, .tweak-category header GdMainView .view button:disabled:selected, GdMainView iconview .tweak-category header button:disabled:selected, .tweak-category header GdMainView iconview button:disabled:selected, + .side-panel .view:disabled:hover:selected, + .side-panel iconview:disabled:hover:selected, + .side-panel .view:disabled:selected, + .side-panel iconview:disabled:selected, + .side-panel .view row.activatable:disabled:hover:selected, + .side-panel iconview row.activatable:disabled:hover:selected, + .side-panel .view .view:disabled:hover:selected, + .side-panel iconview .view:disabled:hover:selected, + .side-panel .view iconview:disabled:hover:selected, + .side-panel iconview iconview:disabled:hover:selected, + .side-panel .view text:disabled:hover:selected, + .view .side-panel iconview text:disabled:hover:selected, + .side-panel iconview text:disabled:hover:selected, + .side-panel iconview textview text:disabled:hover:selected, + textview .side-panel iconview text:disabled:hover:selected, + .side-panel treeview.view header button:disabled:hover:selected, + treeview.view header .side-panel iconview button:disabled:hover:selected, + .side-panel .view .tweak-category header button:disabled:hover:selected, + .tweak-category header .side-panel .view button:disabled:hover:selected, + .side-panel iconview .tweak-category header button:disabled:hover:selected, + .tweak-category header .side-panel iconview button:disabled:hover:selected, + .side-panel .view row.activatable:disabled:selected, + .side-panel iconview row.activatable:disabled:selected, + .side-panel .view .view:disabled:selected, + .side-panel iconview .view:disabled:selected, + .side-panel .view iconview:disabled:selected, + .side-panel iconview iconview:disabled:selected, + .side-panel .view text:disabled:selected, + .view .side-panel iconview text:disabled:selected, + .side-panel iconview text:disabled:selected, + .side-panel iconview textview text:disabled:selected, + textview .side-panel iconview text:disabled:selected, + .side-panel treeview.view header button:disabled:selected, + treeview.view header .side-panel iconview button:disabled:selected, + .side-panel .view .tweak-category header button:disabled:selected, + .tweak-category header .side-panel .view button:disabled:selected, + .side-panel iconview .tweak-category header button:disabled:selected, + .tweak-category header .side-panel iconview button:disabled:selected { + color: rgba(255, 255, 255, 0.4); } + label:backdrop:disabled:selected, row:selected label:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view:backdrop:disabled:selected:focus, iconview:backdrop:disabled:selected:focus, + .view text:backdrop:disabled:selected, + iconview text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, + .view text:backdrop:disabled:selected:focus, + iconview text:backdrop:disabled:selected:focus, + textview text:backdrop:disabled:selected:focus, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, .view text selection:backdrop:disabled:focus, iconview text selection:backdrop:disabled:focus, + textview text selection:backdrop:disabled, + textview text selection:backdrop:disabled:focus, flowbox flowboxchild:backdrop:disabled:selected, label selection:backdrop:disabled, + label selection:backdrop:disabled:focus, label:disabled selection:backdrop, entry selection:backdrop:disabled, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled:focus, spinbutton:not(.vertical) selection:backdrop:disabled:focus, + .entry selection:backdrop:disabled, + .entry selection:backdrop:disabled:focus, treeview entry:backdrop:disabled:selected, treeview spinbutton:backdrop:disabled:selected:not(.vertical), treeview entry.flat:backdrop:disabled:focus:selected, treeview spinbutton.flat:backdrop:disabled:focus:selected:not(.vertical), treeview notebook:not(.reorderable-page) > entry:backdrop:disabled:focus:selected, treeview notebook:not(.reorderable-page) > spinbutton:backdrop:disabled:focus:selected:not(.vertical), treeview + .entry:backdrop:disabled:selected, treeview + .entry.flat:backdrop:disabled:focus:selected, treeview .linked > entry:backdrop:disabled:focus:selected:not(.flat), treeview .linked > spinbutton:backdrop:disabled:focus:selected:not(.flat):not(.vertical), treeview .linked > .entry:backdrop:disabled:focus:selected:not(.flat), treeview spinbutton entry:backdrop:disabled:focus:selected, treeview spinbutton spinbutton:backdrop:disabled:focus:selected:not(.vertical), treeview.view:backdrop:disabled:selected, .tweak-category:backdrop:disabled:selected, + treeview.view row:backdrop:disabled:selected, + .tweak-category row:backdrop:disabled:selected, paned treeview.view:backdrop:disabled:selected, paned .tweak-category:backdrop:disabled:selected, + paned treeview.view row:backdrop:disabled:selected, + paned .tweak-category row:backdrop:disabled:selected, row:backdrop:disabled:selected, .sidebar treeview.view:backdrop:disabled:selected, .sidebar .tweak-category:backdrop:disabled:selected, + .sidebar treeview.view row:backdrop:disabled:selected, + .sidebar .tweak-category row:backdrop:disabled:selected, placessidebar row:selected:disabled label:backdrop, GdMainView .view:backdrop:disabled:hover:selected, GdMainView iconview:backdrop:disabled:hover:selected, GdMainView .view:backdrop:disabled:selected, GdMainView iconview:backdrop:disabled:selected, GdMainView .view row.activatable:backdrop:disabled:hover:selected, GdMainView iconview row.activatable:backdrop:disabled:hover:selected, GdMainView .view .view:backdrop:disabled:hover:selected, GdMainView iconview .view:backdrop:disabled:hover:selected, GdMainView .view iconview:backdrop:disabled:hover:selected, GdMainView iconview iconview:backdrop:disabled:hover:selected, + GdMainView .view text:backdrop:disabled:hover:selected, + GdMainView iconview text:backdrop:disabled:hover:selected, GdMainView treeview.view header button:backdrop:disabled:hover:selected, treeview.view header GdMainView iconview button:backdrop:disabled:hover:selected, GdMainView .view .tweak-category header button:backdrop:disabled:hover:selected, .tweak-category header GdMainView .view button:backdrop:disabled:hover:selected, GdMainView iconview .tweak-category header button:backdrop:disabled:hover:selected, .tweak-category header GdMainView iconview button:backdrop:disabled:hover:selected, GdMainView .view row.activatable:backdrop:disabled:selected, GdMainView iconview row.activatable:backdrop:disabled:selected, GdMainView .view .view:backdrop:disabled:selected, GdMainView iconview .view:backdrop:disabled:selected, GdMainView .view iconview:backdrop:disabled:selected, GdMainView iconview iconview:backdrop:disabled:selected, + GdMainView .view text:backdrop:disabled:selected, + GdMainView iconview text:backdrop:disabled:selected, GdMainView treeview.view header button:backdrop:disabled:selected, treeview.view header GdMainView iconview button:backdrop:disabled:selected, GdMainView .view .tweak-category header button:backdrop:disabled:selected, .tweak-category header GdMainView .view button:backdrop:disabled:selected, GdMainView iconview .tweak-category header button:backdrop:disabled:selected, .tweak-category header GdMainView iconview button:backdrop:disabled:selected, + .side-panel .view:backdrop:disabled:hover:selected, + .side-panel iconview:backdrop:disabled:hover:selected, + .side-panel .view:backdrop:disabled:selected, + .side-panel iconview:backdrop:disabled:selected, + .side-panel .view row.activatable:backdrop:disabled:hover:selected, + .side-panel iconview row.activatable:backdrop:disabled:hover:selected, + .side-panel .view .view:backdrop:disabled:hover:selected, + .side-panel iconview .view:backdrop:disabled:hover:selected, + .side-panel .view iconview:backdrop:disabled:hover:selected, + .side-panel iconview iconview:backdrop:disabled:hover:selected, + .side-panel .view text:backdrop:disabled:hover:selected, + .side-panel iconview text:backdrop:disabled:hover:selected, + .side-panel treeview.view header button:backdrop:disabled:hover:selected, + treeview.view header .side-panel iconview button:backdrop:disabled:hover:selected, + .side-panel .view .tweak-category header button:backdrop:disabled:hover:selected, + .tweak-category header .side-panel .view button:backdrop:disabled:hover:selected, + .side-panel iconview .tweak-category header button:backdrop:disabled:hover:selected, + .tweak-category header .side-panel iconview button:backdrop:disabled:hover:selected, + .side-panel .view row.activatable:backdrop:disabled:selected, + .side-panel iconview row.activatable:backdrop:disabled:selected, + .side-panel .view .view:backdrop:disabled:selected, + .side-panel iconview .view:backdrop:disabled:selected, + .side-panel .view iconview:backdrop:disabled:selected, + .side-panel iconview iconview:backdrop:disabled:selected, + .side-panel .view text:backdrop:disabled:selected, + .side-panel iconview text:backdrop:disabled:selected, + .side-panel treeview.view header button:backdrop:disabled:selected, + treeview.view header .side-panel iconview button:backdrop:disabled:selected, + .side-panel .view .tweak-category header button:backdrop:disabled:selected, + .tweak-category header .side-panel .view button:backdrop:disabled:selected, + .side-panel iconview .tweak-category header button:backdrop:disabled:selected, + .tweak-category header .side-panel iconview button:backdrop:disabled:selected { + color: rgba(255, 255, 255, 0.4); } + +.monospace { + font-family: Monospace; } + +/********************** + * Touch Copy & Paste * + *********************/ +cursor-handle { + background-color: #00E676; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); + padding-left: 10px; } + cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } + cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); + padding-left: 10px; } + cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } + cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); + padding-left: 10px; } + cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } + +.context-menu { + font: initial; } + +popover.touch-selection { + font: initial; + color: #ECEFF1; + background-color: #455A64; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + popover.touch-selection:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; } + button.circular label { + padding: 0; } + +.keycap { + min-width: 1.50376rem; + min-height: 1.95489rem; + margin-top: 0.20301rem; + margin-bottom: 0.24812rem; + padding: 0 0.45113rem; + border: none; + border-radius: 2px; + color: #ECEFF1; + background-color: #455A64; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); + font-size: 90%; + font-weight: 500; } + +*:drop(active):focus, +*:drop(active) { + border-color: #C5A68E; + box-shadow: inset 0 0 0 1px #C5A68E; + caret-color: #C5A68E; } + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 2.80451rem; + min-height: 2.80451rem; + padding: 0; } + +box > scrolledwindow undershoot.top, box > placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(62, 81, 90, 0.01), rgba(62, 81, 90, 0.04), rgba(62, 81, 90, 0.2), rgba(62, 81, 90, 0.44), rgba(62, 81, 90, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +box > scrolledwindow undershoot.bottom, box > placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(62, 81, 90, 0.01), rgba(62, 81, 90, 0.04), rgba(62, 81, 90, 0.2), rgba(62, 81, 90, 0.44), rgba(62, 81, 90, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +box > scrolledwindow undershoot.left, box > placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(62, 81, 90, 0.01), rgba(62, 81, 90, 0.04), rgba(62, 81, 90, 0.2), rgba(62, 81, 90, 0.44), rgba(62, 81, 90, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +box > scrolledwindow undershoot.right, box > placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(62, 81, 90, 0.01), rgba(62, 81, 90, 0.04), rgba(62, 81, 90, 0.2), rgba(62, 81, 90, 0.44), rgba(62, 81, 90, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } +placessidebar undershoot.top, .sidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +placessidebar undershoot.bottom, .sidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +placessidebar undershoot.left, .sidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +placessidebar undershoot.right, .sidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +/*************** + * Gnome panel * + ***************/ +panel-toplevel.background { + background-color: #13191c; } + +panel-plug, +panel-toplevel > grid.horizontal > widget > widget { + color: rgba(236, 239, 241, 0.75); + background-color: #13191c; + box-shadow: none; } + +.gnome-panel-menu-bar, +panel-applet > menubar, +#clock-applet-button { + font-weight: 700; + color: rgba(236, 239, 241, 0.75); + background-color: transparent; + box-shadow: none; } + .gnome-panel-menu-bar label:backdrop, .gnome-panel-menu-bar:backdrop, + panel-applet > menubar label:backdrop, + panel-applet > menubar:backdrop, + #clock-applet-button label:backdrop, + #clock-applet-button:backdrop { + opacity: 1.0; } + +.gnome-panel-menu-bar, +panel-applet menubar { + box-shadow: none; } + .gnome-panel-menu-bar menuitem, + panel-applet menubar menuitem { + color: rgba(236, 239, 241, 0.75); + background-color: transparent; } + .gnome-panel-menu-bar menuitem:hover, + panel-applet menubar menuitem:hover { + color: #ECEFF1; + box-shadow: inset 0 -2px #C5A68E; } + .gnome-panel-menu-bar menuitem:backdrop, + panel-applet menubar menuitem:backdrop { + opacity: 1.0; } + .gnome-panel-menu-bar menu, + panel-applet menubar menu { + font: regular; } + .gnome-panel-menu-bar menu menuitem, + panel-applet menubar menu menuitem { + color: rgba(236, 239, 241, 0.75); + background-color: #455A64; } + .gnome-panel-menu-bar menu menuitem:hover, + panel-applet menubar menu menuitem:hover { + color: #ECEFF1; + background-color: alpha(currentColor, 0.1); + box-shadow: none; } + .gnome-panel-menu-bar menu menuitem:backdrop, + panel-applet menubar menu menuitem:backdrop { + opacity: 1.0; } + .gnome-panel-menu-bar menu separator, + panel-applet menubar menu separator { + color: rgba(0, 0, 0, 0.11); } + +#tasklist-button, +#clock-applet-button, +#showdesktop-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + padding: 0px 0.30075rem; + border: none; + border-radius: 0; + color: rgba(236, 239, 241, 0.75); + background-color: transparent; + font-weight: 700; } + #tasklist-button:hover, + #clock-applet-button:hover, + #showdesktop-button:hover { + color: #ECEFF1; + background-color: transparent; + box-shadow: inset 0 -2px alpha(currentColor, 0.2); } + #tasklist-button:checked, #tasklist-button:hover:checked, #tasklist-button:disabled:checked, + #clock-applet-button:checked, + #clock-applet-button:hover:checked, + #clock-applet-button:disabled:checked, + #showdesktop-button:checked, + #showdesktop-button:hover:checked, + #showdesktop-button:disabled:checked { + color: #ECEFF1; + background-color: transparent; + box-shadow: inset 0 -2px #C5A68E; } + #tasklist-button label:backdrop, #tasklist-button:backdrop, + #clock-applet-button label:backdrop, + #clock-applet-button:backdrop, + #showdesktop-button label:backdrop, + #showdesktop-button:backdrop { + opacity: 1.0; } + +widget > menubar { + background-color: transparent; + background-image: linear-gradient(to bottom, #13191c); + box-shadow: none; } + +wnck-pager:selected { + box-shadow: inset 0 -2px #C5A68E; } +wnck-pager:backdrop { + opacity: 1.0; } + +na-tray-applet { + -NaTrayApplet-icon-padding: 2; + -NaTrayApplet-icon-size: 16; } + na-tray-applet:backdrop { + opacity: 1.0; } + +gp-arrow-button { + min-width: 1.50376rem; + min-height: 0; + border: 1px solid transparent; + background-image: none; + color: rgba(236, 239, 241, 0.75); + margin: 0.15038rem; } + gp-arrow-button:hover, gp-arrow-button:active { + color: #ECEFF1; } + +sn-button { + padding: 0.30075rem; } + +/************** + * Tweak-tool * + **************/ +.tweak-categories { + background-color: #3b4c54; + color: rgba(236, 239, 241, 0.75); } + .tweak-categories:dir(ltr) { + box-shadow: inset -2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.06); } + .tweak-categories:dir(rtl) { + box-shadow: inset 2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.06); } + .tweak-categories separator, + .tweak-categories .separator { + min-height: 0; + border-color: transparent; + background-color: transparent; + color: transparent; } + +.tweak-category { + border: none; + color: rgba(236, 239, 241, 0.75); + background-color: transparent; + font-weight: 500; } + .tweak-category:hover { + color: #ECEFF1; } + .tweak-category:selected { + color: #C5A68E; + background-color: transparent; } + .tweak-category:selected label { + color: #C5A68E; } + +.tweak-group { + padding: 6px; + background-color: #455A64; } + +.tweak { + background-color: #455A64; } + .tweak:hover { + background-color: transparent; } + +.tweak-group-white, +.tweak-white { + background-color: #455A64; } + +/******************* + * Gnome-Flashback * + *******************/ +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid { + border-radius: 2px; + border: 1px solid rgba(0, 0, 0, 0.11); + background-color: rgba(42, 55, 62, 0.9); + color: #ECEFF1; } + +#gf-input-source { + min-width: 9.02256rem; + min-height: 9.02256rem; + color: #ECEFF1; + font-size: 1.80451rem; + font-weight: 400; } + #gf-input-source:selected { + border-radius: 2px; + background-color: alpha(currentColor, 0.2); + color: #C5A68E; } + +#gf-candidate-popup, #gf-candidate-popup.solid { + border-radius: 2px; + border: 1px solid rgba(0, 0, 0, 0.11); + background-color: rgba(42, 55, 62, 0.9); + color: #ECEFF1; } +#gf-candidate-popup gf-candidate-box { + transition: none; } + #gf-candidate-popup gf-candidate-box label { + padding: 0.20301rem 0.20301rem 0.30075rem; } + #gf-candidate-popup gf-candidate-box:last-child { + padding-left: 0; } + #gf-candidate-popup gf-candidate-box:hover, #gf-candidate-popup gf-candidate-box:selected { + border-radius: 0; + background-color: alpha(currentColor, 0.2); + color: #FFFFFF; } +#gf-candidate-popup button, #gf-candidate-popup button:first-child, #gf-candidate-popup button:last-child, +#gf-candidate-popup .linked > button, +#gf-candidate-popup .linked > button:first-child, +#gf-candidate-popup .linked > button:last-child { + border-radius: 0; + border: none; + background-color: transparent; + color: #C5A68E); + box-shadow: none; } + +/************ + * Nautilus * + ************/ +.nautilus-desktop-window, +.nautilus-desktop-window notebook, +.nautilus-desktop-window notebook > stack { + background: transparent; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #FFFFFF; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-circular-button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + +.disk-space-display { + border: 0 none transparent; } + .disk-space-display.free { + background-color: alpha(currentColor, 0.2); + color: rgba(236, 239, 241, 0.3); } + .disk-space-display.used { + background-color: #C5A68E; } + .disk-space-display.unknown { + background-color: #FF9800; } + +/********* + * Geary * + *********/ +.geary-titlebar-left separator { + opacity: 0; } + +.geary-titlebar-right { + box-shadow: none; } + +/************ + * Epiphany * + ************/ +EphyWindow .nautilus-window .floating-bar { + color: rgba(236, 239, 241, 0.75); } + +/************ + * Seahorse * + ************/ +SeahorseWidget .sidebar paned separator { + border: none; } + +window paned > box.vertical > box.vertical > toolbar.primary-toolbar { + box-shadow: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.11); } + +/********** + * Polari * + **********/ +.polari-room-list row { + font-weight: 700; } + .polari-room-list row:not(:hover):not(:active):not(:selected) label, + .polari-room-list row:not(:hover):not(:active):not(:selected) image { + opacity: 1.0; } + .polari-room-list row.inactive:not(:hover):not(:active):not(:selected) label, + .polari-room-list row.inactive:not(:hover):not(:active):not(:selected) image { + opacity: 0.65; } + +.polari-nick-entry { + border-image: none; + font-weight: 700; } + +.sidebar row.activatable.inactive, .sidebar .inactive.view, .sidebar iconview.inactive, +.sidebar .view text.inactive, +.view .sidebar text.inactive, +.sidebar iconview text.inactive, +iconview .sidebar text.inactive, +.sidebar textview text.inactive, +textview .sidebar text.inactive, .sidebar treeview.view header button.inactive, treeview.view header .sidebar button.inactive, .sidebar .tweak-category header button.inactive, .tweak-category header .sidebar button.inactive { + color: rgba(236, 239, 241, 0.75); + background-color: transparent; + font-weight: 500; } + .sidebar row.activatable.inactive:hover, .sidebar .inactive.view:hover, .sidebar iconview.inactive:hover, + .sidebar .view text.inactive:hover, + .view .sidebar text.inactive:hover, + .sidebar iconview text.inactive:hover, + iconview .sidebar text.inactive:hover, + .sidebar textview text.inactive:hover, + textview .sidebar text.inactive:hover, .sidebar treeview.view header button.inactive:hover, treeview.view header .sidebar button.inactive:hover, .sidebar .tweak-category header button.inactive:hover, .tweak-category header .sidebar button.inactive:hover { + color: #ECEFF1; } + .sidebar row.activatable.inactive:selected, .sidebar .inactive.view:selected, .sidebar iconview.inactive:selected, + .sidebar .view text.inactive:selected, + .view .sidebar text.inactive:selected, + .sidebar iconview text.inactive:selected, + iconview .sidebar text.inactive:selected, + .sidebar textview text.inactive:selected, + textview .sidebar text.inactive:selected, .sidebar treeview.view header button.inactive:selected, treeview.view header .sidebar button.inactive:selected, .sidebar .tweak-category header button.inactive:selected, .tweak-category header .sidebar button.inactive:selected { + color: #FFFFFF; + background-color: #C5A68E; } + +box > headerbar > label.polari-titlebar-separator { + min-width: 0; + border: none; + opacity: 0; } + +/************* + * RhythmBox * + *************/ +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px #37474F, inset 0 2px 2px rgba(0, 0, 0, 0.05), inset -2px 0 1px -2px rgba(0, 0, 0, 0.02), inset -3px 0 3px -2px rgba(0, 0, 0, 0.04); } + .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar:dir(rtl) { + box-shadow: inset 0 1px #37474F, inset 0 2px 2px rgba(0, 0, 0, 0.05), inset 2px 0 1px -2px rgba(0, 0, 0, 0.02), inset 3px 0 3px -2px rgba(0, 0, 0, 0.04); } + +.sidebar-paned scrolledwindow:dir(ltr), .sidebar-paned placessidebar:dir(ltr) { + box-shadow: inset -2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.06); } +.sidebar-paned scrolledwindow:dir(rtl), .sidebar-paned placessidebar:dir(rtl) { + box-shadow: inset 2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.06); } +.sidebar-paned .sidebar { + background-color: rgba(18, 22, 0, 0.04); } + +window > box.vertical > box.vertical > toolbar.horizontal { + box-shadow: none; } + +window > box.vertical > box.vertical > toolbar .linked > button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + +/************** + * Calculator * + **************/ +window > grid.vertical > box.vertical > widget button { + min-width: 1rem; + min-height: 1rem; + padding: 0.75em 1em 0.75em; + border: 0.75em solid transparent; + border-radius: 2px; + font-weight: 700; } + window > grid.vertical > box.vertical > widget button.suggested-action { + color: transparent; + font-size: 0; } + window > grid.vertical > box.vertical > widget button.suggested-action { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #546E7A; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-dark.png"), url("assets/equal-dark@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + window > grid.vertical > box.vertical > widget button.suggested-action:hover { + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-hover-dark.png"), url("assets/equal-hover-dark@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + window > grid.vertical > box.vertical > widget button.suggested-action:active { + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-active-dark.png"), url("assets/equal-active-dark@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + window > grid.vertical > box.vertical > widget button.suggested-action:disabled { + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-insensitive-dark.png"), url("assets/equal-insensitive-dark@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + +/********* + * Gedit * + *********/ +GeditViewFrame .gedit-search-slider { + padding: 3px; + border-radius: 2px; + border-width: 9px; + border-image: -gtk-scaled(url("assets/osd-shadow-dark.png"), url("assets/osd-shadow-dark@2.png")) 10/10px stretch; + color: #ECEFF1; + opacity: 0.9; } + GeditViewFrame .gedit-search-slider entry, GeditViewFrame .gedit-search-slider spinbutton:not(.vertical), GeditViewFrame .gedit-search-slider entry.error, GeditViewFrame .gedit-search-slider spinbutton.error:not(.vertical), GeditViewFrame .gedit-search-slider entry.warning, GeditViewFrame .gedit-search-slider spinbutton.warning:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry, + GeditViewFrame .gedit-search-slider .linked > spinbutton:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.error, + GeditViewFrame .gedit-search-slider .linked > spinbutton.error:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.warning, + GeditViewFrame .gedit-search-slider .linked > spinbutton.warning:not(.vertical) { + color: #ECEFF1; } + GeditViewFrame .gedit-search-slider entry:focus, GeditViewFrame .gedit-search-slider spinbutton:focus:not(.vertical), GeditViewFrame .gedit-search-slider entry.error:focus, GeditViewFrame .gedit-search-slider spinbutton.error:focus:not(.vertical), GeditViewFrame .gedit-search-slider entry.warning:focus, GeditViewFrame .gedit-search-slider spinbutton.warning:focus:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry:focus, + GeditViewFrame .gedit-search-slider .linked > spinbutton:focus:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.error:focus, + GeditViewFrame .gedit-search-slider .linked > spinbutton.error:focus:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.warning:focus, + GeditViewFrame .gedit-search-slider .linked > spinbutton.warning:focus:not(.vertical) { + color: #FFFFFF; } + GeditViewFrame .gedit-search-slider entry:disabled, GeditViewFrame .gedit-search-slider spinbutton:disabled:not(.vertical), GeditViewFrame .gedit-search-slider entry.error:disabled, GeditViewFrame .gedit-search-slider spinbutton.error:disabled:not(.vertical), GeditViewFrame .gedit-search-slider entry.warning:disabled, GeditViewFrame .gedit-search-slider spinbutton.warning:disabled:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry:disabled, + GeditViewFrame .gedit-search-slider .linked > spinbutton:disabled:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.error:disabled, + GeditViewFrame .gedit-search-slider .linked > spinbutton.error:disabled:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.warning:disabled, + GeditViewFrame .gedit-search-slider .linked > spinbutton.warning:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.3); } + +paned.titlebar.horizontal headerbar button.flat.toggle.popup, paned.titlebar.horizontal headerbar button.toggle.popup.osd.image-button, +paned.titlebar.horizontal headerbar .toggle.popup.button.osd.image-button, +paned.titlebar.horizontal headerbar button.toggle.popup:not(.suggested-action):not(.destructive-action), paned.titlebar.horizontal headerbar .menu > arrow.toggle.popup, +paned.titlebar.horizontal headerbar .context-menu > arrow.toggle.popup, +paned.titlebar.horizontal headerbar menu > arrow.toggle.popup, paned.titlebar.horizontal headerbar placessidebar row button.toggle.popup.image-button, placessidebar row paned.titlebar.horizontal headerbar button.toggle.popup.image-button, paned.titlebar.horizontal .csd headerbar button.toggle.popup.titlebutton, +.csd paned.titlebar.horizontal headerbar button.toggle.popup.titlebutton, +paned.titlebar.horizontal headerbar .csd .titlebar.selection-mode button.toggle.popup.titlebutton, paned.titlebar.horizontal headerbar #gf-candidate-popup button.toggle.popup, #gf-candidate-popup paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar window > grid.vertical > box.vertical > widget button.toggle.popup, window > grid.vertical > box.vertical > widget paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar layouttabbar button.toggle.popup, layouttabbar paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar layouttab button.toggle.popup, layouttab paned.titlebar.horizontal headerbar button.toggle.popup { + border-radius: 2px; + -gtk-outline-radius: 2px; } + +notebook grid.horizontal > widget > box.horizontal > scrolledwindow undershoot.top, notebook grid.horizontal > widget > box.horizontal > placessidebar undershoot.top, notebook grid.horizontal > widget > box.horizontal > scrolledwindow undershoot.bottom, notebook grid.horizontal > widget > box.horizontal > placessidebar undershoot.bottom, notebook grid.horizontal > widget > box.horizontal > scrolledwindow undershoot.left, notebook grid.horizontal > widget > box.horizontal > placessidebar undershoot.left, notebook grid.horizontal > widget > box.horizontal > scrolledwindow undershoot.right, notebook grid.horizontal > widget > box.horizontal > placessidebar undershoot.right { + background-image: none; } + +/*********** + * Builder * + ***********/ +filechooser actionbar button.combo { + padding: 0; } + +frame.gb-search-frame { + background-image: linear-gradient(to bottom, #3e515a); + padding: 0.45113rem; + border-style: solid; + border-color: rgba(0, 0, 0, 0.11); + border-left-width: 1px; + border-right-width: 1px; + border-bottom-width: 1px; + border-radius: 0; } + +frame.gb-search-frame border { + border: none; } + +.gb-search-entry-occurrences-tag { + color: rgba(236, 239, 241, 0.3); + margin: 0.15038rem; + padding: 0.15038rem; + border-width: 0; } + +editortweak button { + padding: 0 0.45113rem 0 0.45113rem; } + +editortweak list row { + padding: 0; } + +layouttabbar > box { + min-height: 2.93233rem; } + +eggsearchbar > revealer > box { + min-height: 2.93233rem; } + +eggsearchbar entry, eggsearchbar spinbutton:not(.vertical) { + min-height: 1.80451rem; } + +pillbox { + border-radius: 2px; } + +genesisperspective stack > box:first-child list row { + padding: 0.75188rem; + border-bottom: 1px solid #37474F; } + genesisperspective stack > box:first-child list row:last-child { + border-bottom: none; } + +perspectiveswitcher { + padding: 0 0.30075rem; + border-right: 1px solid #37474F; + background-color: #3b4c54; } + perspectiveswitcher button { + padding: 0.45113rem; + border-radius: 100px; + border: none; + background: none; + color: rgba(236, 239, 241, 0.5); + box-shadow: none; } + perspectiveswitcher button image { + opacity: 0.55; } + perspectiveswitcher button:hover { + background: none; } + perspectiveswitcher button:hover image { + opacity: 0.75; } + perspectiveswitcher button:active, perspectiveswitcher button:checked { + background: none; } + perspectiveswitcher button:active image, perspectiveswitcher button:checked image { + opacity: 1.0; } + +layouttabbar { + min-height: 2.80451rem; + padding: 0.3985rem; + border-bottom: 1px solid #37474F; + background-color: #3b4c54; } + layouttabbar > box > button { + opacity: 0.55; } + layouttabbar > box > button:hover { + opacity: 0.75; } + layouttabbar > box > button:active { + opacity: 1.0; } + layouttabbar button { + padding: 0.30075rem 0.3985rem 0.3985rem; + margin: 0.20301rem; + border-radius: 2px; + background-color: transparent; } + +layouttab { + margin: 0.20301rem; + padding: 0.3985rem; + background-color: transparent; } + layouttab label { + padding: 0.30075rem; } + layouttab separator.vertical { + margin: 0.20301rem; + color: transparent; + background-color: rgba(0, 0, 0, 0.11); } + layouttab button { + margin: 0.20301rem; + border-radius: 2px; + padding-left: 0.3985rem; + padding-right: 0.3985rem; } + +layouttab > box > button:last-child { + min-height: 1rem; + min-width: 1rem; + padding: 0.50376rem; + border-radius: 100px; + -gtk-outline-radius: 100px; + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } + layouttab > box > button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + layouttab > box > button:last-child:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + layouttab > box > button:last-child:disabled { + box-shadow: none; + background-color: transparent; } +layouttab > box > button:last-child image { + opacity: 0.55; } +layouttab > box > button:last-child:hover image { + opacity: 0.75; } +layouttab > box > button:last-child:active image { + opacity: 1.0; } + +layout { + border: 1px solid #37474F; + -PnlDockBin-handle-size: 1; } + +eggsearchbar box.search-bar { + background-color: #3b4c54; } + +pillbox { + background-color: #3e515a; + border-radius: 2px; } + +docktabstrip, +tabstrip { + min-height: 2.60902rem; + padding: 0.3985rem 1.20301rem; + border-bottom: 1px solid #37474F; + background-color: #3b4c54; } + docktabstrip docktab, + docktabstrip tab, + tabstrip docktab, + tabstrip tab { + color: rgba(236, 239, 241, 0.5); + font-weight: 700; + box-shadow: inset 0 -1px alpha(currentColor, 0.2); } + docktabstrip docktab:hover, + docktabstrip tab:hover, + tabstrip docktab:hover, + tabstrip tab:hover { + color: #ECEFF1; + box-shadow: inset 0 -2px alpha(currentColor, 0.2); } + docktabstrip docktab:checked, + docktabstrip tab:checked, + tabstrip docktab:checked, + tabstrip tab:checked { + color: #ECEFF1; + box-shadow: inset 0 -2px #C5A68E; } + +layoutstack widget scrolledwindow undershoot.top, layoutstack widget placessidebar undershoot.top, layoutstack widget scrolledwindow undershoot.bottom, layoutstack widget placessidebar undershoot.bottom, layoutstack widget scrolledwindow undershoot.left, layoutstack widget placessidebar undershoot.left, layoutstack widget scrolledwindow undershoot.right, layoutstack widget placessidebar undershoot.right { + background-image: none; } + +/*************** + * Gnome-music * + ***************/ +GdMainView:dir(ltr), +.side-panel:dir(ltr) { + border-right: 1px solid rgba(0, 0, 0, 0.11); } +GdMainView:dir(rtl), +.side-panel:dir(rtl) { + border-left: 1px solid rgba(0, 0, 0, 0.11); } +GdMainView .view, GdMainView iconview, +.side-panel .view, +.side-panel iconview { + background-color: #3b4c54; + box-shadow: none; } + GdMainView .view, GdMainView iconview, GdMainView .view row.activatable, GdMainView iconview row.activatable, GdMainView .view .view, GdMainView iconview .view, GdMainView .view iconview, GdMainView iconview iconview, + GdMainView .view text, + GdMainView iconview .view text, + .view GdMainView iconview text, + GdMainView .view iconview text, + iconview GdMainView .view text, + GdMainView iconview text, + GdMainView .view textview text, + textview GdMainView .view text, + GdMainView iconview textview text, + textview GdMainView iconview text, GdMainView treeview.view header button, GdMainView iconview treeview.view header button, treeview.view header GdMainView iconview button, GdMainView .view .tweak-category header button, .tweak-category header GdMainView .view button, GdMainView iconview .tweak-category header button, .tweak-category header GdMainView iconview button, + .side-panel .view, + .side-panel iconview, + .side-panel .view row.activatable, + .side-panel iconview row.activatable, + .side-panel .view .view, + .side-panel iconview .view, + .side-panel .view iconview, + .side-panel iconview iconview, + .side-panel .view text, + .side-panel iconview .view text, + .view .side-panel iconview text, + .side-panel .view iconview text, + iconview .side-panel .view text, + .side-panel iconview text, + .side-panel .view textview text, + textview .side-panel .view text, + .side-panel iconview textview text, + textview .side-panel iconview text, + .side-panel treeview.view header button, + .side-panel iconview treeview.view header button, + treeview.view header .side-panel iconview button, + .side-panel .view .tweak-category header button, + .tweak-category header .side-panel .view button, + .side-panel iconview .tweak-category header button, + .tweak-category header .side-panel iconview button { + padding: 0; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); + font-weight: 500; + box-shadow: none; } + GdMainView .view:hover, GdMainView iconview:hover, GdMainView .view row.activatable:hover, GdMainView iconview row.activatable:hover, GdMainView .view .view:hover, GdMainView iconview .view:hover, GdMainView .view iconview:hover, GdMainView iconview iconview:hover, + GdMainView .view text:hover, + GdMainView iconview .view text:hover, + .view GdMainView iconview text:hover, + GdMainView .view iconview text:hover, + iconview GdMainView .view text:hover, + GdMainView iconview text:hover, + GdMainView .view textview text:hover, + textview GdMainView .view text:hover, + GdMainView iconview textview text:hover, + textview GdMainView iconview text:hover, GdMainView treeview.view header button:hover, GdMainView iconview treeview.view header button:hover, treeview.view header GdMainView iconview button:hover, GdMainView .view .tweak-category header button:hover, .tweak-category header GdMainView .view button:hover, GdMainView iconview .tweak-category header button:hover, .tweak-category header GdMainView iconview button:hover, + .side-panel .view:hover, + .side-panel iconview:hover, + .side-panel .view row.activatable:hover, + .side-panel iconview row.activatable:hover, + .side-panel .view .view:hover, + .side-panel iconview .view:hover, + .side-panel .view iconview:hover, + .side-panel iconview iconview:hover, + .side-panel .view text:hover, + .side-panel iconview .view text:hover, + .view .side-panel iconview text:hover, + .side-panel .view iconview text:hover, + iconview .side-panel .view text:hover, + .side-panel iconview text:hover, + .side-panel .view textview text:hover, + textview .side-panel .view text:hover, + .side-panel iconview textview text:hover, + textview .side-panel iconview text:hover, + .side-panel treeview.view header button:hover, + .side-panel iconview treeview.view header button:hover, + treeview.view header .side-panel iconview button:hover, + .side-panel .view .tweak-category header button:hover, + .tweak-category header .side-panel .view button:hover, + .side-panel iconview .tweak-category header button:hover, + .tweak-category header .side-panel iconview button:hover { + color: #ECEFF1; } + +actionbar { + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); } + actionbar, actionbar.frame { + background-color: #3b4c54; } + actionbar button, + actionbar .linked > button.image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + border-radius: 100px; + -gtk-outline-radius: 100px; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: rgba(236, 239, 241, 0.75); + box-shadow: none; } + actionbar button:hover, + actionbar .linked > button.image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + border-image: none; + color: #ECEFF1; + box-shadow: none; } + actionbar button:checked, + actionbar .linked > button.image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #ECEFF1; + box-shadow: none; } + actionbar button:checked:disabled, + actionbar .linked > button.image-button:checked:disabled { + border-image: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); + box-shadow: none; } + actionbar button:checked:disabled > label, + actionbar .linked > button.image-button:checked:disabled > label { + color: inherit; } + actionbar button:checked:disabled > .label, + actionbar .linked > button.image-button:checked:disabled > .label { + color: inherit; } + actionbar button:disabled, + actionbar .linked > button.image-button:disabled { + box-shadow: none; + background-color: transparent; + border-image: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.225); + box-shadow: none; } + +/****************** + * Gnome-contacts * + ******************/ +window overlay > grid > frame > grid toolbar { + box-shadow: none; } +window overlay > grid > frame > grid list:dir(ltr) { + box-shadow: inset -2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.06); } +window overlay > grid > frame > grid list:dir(rtl) { + box-shadow: inset 2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.06); } +window overlay > grid > frame > grid list row { + color: rgba(236, 239, 241, 0.75); + background-color: rgba(18, 22, 0, 0.04); } + window overlay > grid > frame > grid list row:hover { + color: #ECEFF1; } + window overlay > grid > frame > grid list row:selected, window overlay > grid > frame > grid list row:selected.activatable, window overlay > grid > frame > grid list .view:selected, window overlay > grid > frame > grid list iconview:selected, + window overlay > grid > frame > grid list .view text:selected, + .view window overlay > grid > frame > grid list text:selected, + window overlay > grid > frame > grid list iconview text:selected, + iconview window overlay > grid > frame > grid list text:selected, + window overlay > grid > frame > grid list textview text:selected, + textview window overlay > grid > frame > grid list text:selected, window overlay > grid > frame > grid list treeview.view header button:selected, treeview.view header window overlay > grid > frame > grid list button:selected, window overlay > grid > frame > grid list .tweak-category header button:selected, .tweak-category header window overlay > grid > frame > grid list button:selected { + background-color: rgba(18, 22, 0, 0.04); } + window overlay > grid > frame > grid list row:selected, window overlay > grid > frame > grid list row:selected label, window overlay > grid > frame > grid list row:selected.activatable, window overlay > grid > frame > grid list .view:selected, window overlay > grid > frame > grid list iconview:selected, + window overlay > grid > frame > grid list .view text:selected, + .view window overlay > grid > frame > grid list text:selected, + window overlay > grid > frame > grid list iconview text:selected, + iconview window overlay > grid > frame > grid list text:selected, + window overlay > grid > frame > grid list textview text:selected, + textview window overlay > grid > frame > grid list text:selected, window overlay > grid > frame > grid list treeview.view header button:selected, treeview.view header window overlay > grid > frame > grid list button:selected, window overlay > grid > frame > grid list .tweak-category header button:selected, .tweak-category header window overlay > grid > frame > grid list button:selected, window overlay > grid > frame > grid list row:selected.activatable label, window overlay > grid > frame > grid list .view:selected label, window overlay > grid > frame > grid list iconview:selected label, + window overlay > grid > frame > grid list .view text:selected label, + .view window overlay > grid > frame > grid list text:selected label, + window overlay > grid > frame > grid list iconview text:selected label, + iconview window overlay > grid > frame > grid list text:selected label, + window overlay > grid > frame > grid list textview text:selected label, + textview window overlay > grid > frame > grid list text:selected label, window overlay > grid > frame > grid list treeview.view header button:selected label, treeview.view header window overlay > grid > frame > grid list button:selected label, window overlay > grid > frame > grid list .tweak-category header button:selected label, .tweak-category header window overlay > grid > frame > grid list button:selected label { + color: #C5A68E; } + window overlay > grid > frame > grid list row:backdrop { + opacity: 1.0; } +window overlay > grid > frame > grid list separator { + min-height: 0; + border-color: transparent; + background-color: transparent; + color: transparent; } +window overlay > grid > frame > grid scrolledwindow undershoot.top, window overlay > grid > frame > grid placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +window overlay > grid > frame > grid scrolledwindow undershoot.bottom, window overlay > grid > frame > grid placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +window overlay > grid > frame > grid scrolledwindow undershoot.left, window overlay > grid > frame > grid placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +window overlay > grid > frame > grid scrolledwindow undershoot.right, window overlay > grid > frame > grid placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +/********** + * Baobab * + **********/ +window > box.vertical > grid.vertical > stack stack > spinner { + min-width: 1.80451rem; + min-height: 1.80451rem; + padding: 4rem 6rem 4rem; } + +/********** + * Evince * + **********/ +window.background { + padding: 0.3985rem; } + window.background > box.vertical > box.horizontal > widget > label { + color: #263238; + font-weight: 700; } + window.background > box.vertical > box.horizontal > button.flat:not(.image-button):not(.text-button):not(.toggle), window.background > box.vertical > box.horizontal > button.osd.image-button:not(.image-button):not(.text-button):not(.toggle), + window.background > box.vertical > box.horizontal > .button.osd.image-button:not(.image-button):not(.text-button):not(.toggle), .titlebar window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle):not(.suggested-action):not(.destructive-action), + headerbar window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle):not(.suggested-action):not(.destructive-action), window.background > box.vertical > box.menu.horizontal > arrow:not(.image-button):not(.text-button):not(.toggle), + window.background > box.vertical > box.context-menu.horizontal > arrow:not(.image-button):not(.text-button):not(.toggle), placessidebar row window.background > box.vertical > box.horizontal > button.image-button:not(.image-button):not(.text-button):not(.toggle), .csd headerbar window.background > box.vertical > box.horizontal > button.titlebutton:not(.image-button):not(.text-button):not(.toggle), + .csd .titlebar window.background > box.vertical > box.horizontal > button.titlebutton:not(.image-button):not(.text-button):not(.toggle), #gf-candidate-popup window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), window > grid.vertical > box.vertical > widget window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), layouttabbar window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), layouttab window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle) { + min-width: 1rem; + min-height: 1rem; + padding: 0.80451rem; + border: none; + border-radius: 100px; + -gtk-outline-radius: 100px; + color: #263238; } + +/************** + * Gnome-Logs * + **************/ +headerbar > button.flat.popup.title-menu-button.toggle, headerbar > button.popup.title-menu-button.toggle.osd.image-button, +headerbar > .popup.title-menu-button.toggle.button.osd.image-button, .titlebar headerbar > button.popup.title-menu-button.toggle:not(.suggested-action):not(.destructive-action), +headerbar > button.popup.title-menu-button.toggle:not(.suggested-action):not(.destructive-action), headerbar.menu > arrow.popup.title-menu-button.toggle, +headerbar.context-menu > arrow.popup.title-menu-button.toggle, placessidebar row headerbar > button.popup.title-menu-button.toggle.image-button, .csd headerbar > button.popup.title-menu-button.toggle.titlebutton, .csd headerbar.selection-mode headerbar > button.popup.title-menu-button.toggle.titlebutton, +.csd .titlebar headerbar > button.popup.title-menu-button.toggle.titlebutton, #gf-candidate-popup headerbar > button.popup.title-menu-button.toggle, window > grid.vertical > box.vertical > widget headerbar > button.popup.title-menu-button.toggle, layouttabbar headerbar > button.popup.title-menu-button.toggle, layouttab headerbar > button.popup.title-menu-button.toggle { + border-radius: 2px; + -gtk-outline-radius: 2px; } + headerbar > button.flat.popup.title-menu-button.toggle > grid .title, headerbar > button.popup.title-menu-button.toggle.osd.image-button > grid .title, + headerbar > .popup.title-menu-button.toggle.button.osd.image-button > grid .title, + headerbar > button.popup.title-menu-button.toggle:not(.suggested-action):not(.destructive-action) > grid .title, headerbar.menu > arrow.popup.title-menu-button.toggle > grid .title, + headerbar.context-menu > arrow.popup.title-menu-button.toggle > grid .title, placessidebar row headerbar > button.popup.title-menu-button.toggle.image-button > grid .title, .csd headerbar > button.popup.title-menu-button.toggle.titlebutton > grid .title, .csd headerbar.selection-mode headerbar > button.popup.title-menu-button.toggle.titlebutton > grid .title, #gf-candidate-popup headerbar > button.popup.title-menu-button.toggle > grid .title, window > grid.vertical > box.vertical > widget headerbar > button.popup.title-menu-button.toggle > grid .title, layouttabbar headerbar > button.popup.title-menu-button.toggle > grid .title, layouttab headerbar > button.popup.title-menu-button.toggle > grid .title, + headerbar > button.flat.popup.title-menu-button.toggle > grid .subtitle, + headerbar > button.popup.title-menu-button.toggle.osd.image-button > grid .subtitle, + headerbar > .popup.title-menu-button.toggle.button.osd.image-button > grid .subtitle, + headerbar > button.popup.title-menu-button.toggle:not(.suggested-action):not(.destructive-action) > grid .subtitle, + headerbar.menu > arrow.popup.title-menu-button.toggle > grid .subtitle, + headerbar.context-menu > arrow.popup.title-menu-button.toggle > grid .subtitle, + placessidebar row headerbar > button.popup.title-menu-button.toggle.image-button > grid .subtitle, + .csd headerbar > button.popup.title-menu-button.toggle.titlebutton > grid .subtitle, + .csd headerbar.selection-mode headerbar > button.popup.title-menu-button.toggle.titlebutton > grid .subtitle, + #gf-candidate-popup headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + window > grid.vertical > box.vertical > widget headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + layouttabbar headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + layouttab headerbar > button.popup.title-menu-button.toggle > grid .subtitle { + padding: 0.09774rem 1rem 0.09774rem; + font-size: 90%; } + +/****************** + * Budgie Desktop * + ******************/ +@keyframes budgie_ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(#ECEFF1, 0.2)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0.2)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(#ECEFF1, 0.2)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0.2)); } } +.budgie-container { + background-color: transparent; } + +.budgie-panel:backdrop, +.budgie-panel *:backdrop { + opacity: 1.0; } + +.budgie-panel { + background-color: #13191c; + color: #ECEFF1; + font-weight: 700; } + .top .budgie-panel { + border-top: 2px solid #000000; } + .bottom .budgie-panel { + border-bottom: 2px solid #000000; } + .left .budgie-panel { + border-left: 2px solid #000000; } + .right .budgie-panel { + border-right: 2px solid #000000; } + .budgie-panel .alert { + color: #C5A68E; } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.budgie-panel #tasklist-button button, .budgie-panel #tasklist-button:backdrop button { + border: none; + background: none; + opacity: 0.5; } + .budgie-panel #tasklist-button button:hover, .budgie-panel #tasklist-button button:active, .budgie-panel #tasklist-button button:checked, .budgie-panel #tasklist-button:backdrop button:hover, .budgie-panel #tasklist-button:backdrop button:active, .budgie-panel #tasklist-button:backdrop button:checked { + opacity: 1.0; } + +.budgie-panel button.flat.launcher, .budgie-panel button.launcher.osd.image-button, +.budgie-panel .launcher.button.osd.image-button, .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher, +.budgie-panel .context-menu > arrow.launcher, +.budgie-panel menu > arrow.launcher, .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .budgie-panel button.launcher.image-button, .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .budgie-panel button.launcher.titlebutton, +.budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .budgie-panel button.launcher.titlebutton, .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .budgie-panel button.launcher, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher, .budgie-panel layouttabbar button.launcher, layouttabbar .budgie-panel button.launcher, .budgie-panel layouttab button.launcher, layouttab .budgie-panel button.launcher, .budgie-panel button.flat.launcher:backdrop, .budgie-panel button.launcher.osd.image-button:backdrop, +.budgie-panel .launcher.button.osd.image-button:backdrop, .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop, +.budgie-panel .context-menu > arrow.launcher:backdrop, +.budgie-panel menu > arrow.launcher:backdrop, .budgie-panel placessidebar row button.launcher.image-button:backdrop, placessidebar row .budgie-panel button.launcher.image-button:backdrop, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop, +.budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop, .budgie-panel #gf-candidate-popup button.launcher:backdrop, #gf-candidate-popup .budgie-panel button.launcher:backdrop, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop, .budgie-panel layouttabbar button.launcher:backdrop, layouttabbar .budgie-panel button.launcher:backdrop, .budgie-panel layouttab button.launcher:backdrop, layouttab .budgie-panel button.launcher:backdrop { + min-width: 1.80451rem; + min-height: 1.80451rem; + padding: 0; + border: 2px solid transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(#ECEFF1, 0)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0)); + background-size: 3.7594rem 3.7594rem, auto; + background-position: center center; + opacity: 0.5; + transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: opacity, border-color, background-color, background-image, box-shadow; + transition-duration: 0.2s; } + .budgie-panel button.flat.launcher:hover, .budgie-panel button.launcher.osd.image-button:hover, + .budgie-panel .launcher.button.osd.image-button:hover, .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:hover, + .budgie-panel .context-menu > arrow.launcher:hover, + .budgie-panel menu > arrow.launcher:hover, .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .budgie-panel button.launcher.image-button:hover, .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .budgie-panel button.launcher.titlebutton:hover, + .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .budgie-panel button.launcher.titlebutton:hover, .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .budgie-panel button.launcher:hover, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:hover, .budgie-panel layouttabbar button.launcher:hover, layouttabbar .budgie-panel button.launcher:hover, .budgie-panel layouttab button.launcher:hover, layouttab .budgie-panel button.launcher:hover, .budgie-panel button.flat.launcher:backdrop:hover, .budgie-panel button.launcher.osd.image-button:backdrop:hover, + .budgie-panel .launcher.button.osd.image-button:backdrop:hover, .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop:hover, + .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .budgie-panel menu > arrow.launcher:backdrop:hover, .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, placessidebar row .budgie-panel button.launcher.image-button:backdrop:hover, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop:hover, + .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop:hover, .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, #gf-candidate-popup .budgie-panel button.launcher:backdrop:hover, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop:hover, .budgie-panel layouttabbar button.launcher:backdrop:hover, layouttabbar .budgie-panel button.launcher:backdrop:hover, .budgie-panel layouttab button.launcher:backdrop:hover, layouttab .budgie-panel button.launcher:backdrop:hover { + opacity: 0.75; + -gtk-icon-effect: highlight; } + .budgie-panel button.flat.launcher:active, .budgie-panel button.launcher.osd.image-button:active, + .budgie-panel .launcher.button.osd.image-button:active, .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:active, + .budgie-panel .context-menu > arrow.launcher:active, + .budgie-panel menu > arrow.launcher:active, .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .budgie-panel button.launcher.image-button:active, .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .budgie-panel button.launcher.titlebutton:active, + .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .budgie-panel button.launcher.titlebutton:active, .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .budgie-panel button.launcher:active, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:active, .budgie-panel layouttabbar button.launcher:active, layouttabbar .budgie-panel button.launcher:active, .budgie-panel layouttab button.launcher:active, layouttab .budgie-panel button.launcher:active, .budgie-panel button.flat.launcher:backdrop:active, .budgie-panel button.launcher.osd.image-button:backdrop:active, + .budgie-panel .launcher.button.osd.image-button:backdrop:active, .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop:active, + .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .budgie-panel menu > arrow.launcher:backdrop:active, .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, placessidebar row .budgie-panel button.launcher.image-button:backdrop:active, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop:active, + .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop:active, .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, #gf-candidate-popup .budgie-panel button.launcher:backdrop:active, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop:active, .budgie-panel layouttabbar button.launcher:backdrop:active, layouttabbar .budgie-panel button.launcher:backdrop:active, .budgie-panel layouttab button.launcher:backdrop:active, layouttab .budgie-panel button.launcher:backdrop:active { + opacity: 1.0; + transition-duration: 0; + animation: budgie_ripple_effect 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } + .budgie-panel button.flat.launcher:checked, .budgie-panel button.launcher.osd.image-button:checked, + .budgie-panel .launcher.button.osd.image-button:checked, .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:checked, + .budgie-panel .context-menu > arrow.launcher:checked, + .budgie-panel menu > arrow.launcher:checked, .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .budgie-panel button.launcher.image-button:checked, .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .budgie-panel button.launcher.titlebutton:checked, + .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .budgie-panel button.launcher.titlebutton:checked, .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .budgie-panel button.launcher:checked, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:checked, .budgie-panel layouttabbar button.launcher:checked, layouttabbar .budgie-panel button.launcher:checked, .budgie-panel layouttab button.launcher:checked, layouttab .budgie-panel button.launcher:checked, .budgie-panel button.flat.launcher:backdrop:checked, .budgie-panel button.launcher.osd.image-button:backdrop:checked, + .budgie-panel .launcher.button.osd.image-button:backdrop:checked, .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop:checked, + .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .budgie-panel menu > arrow.launcher:backdrop:checked, .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, placessidebar row .budgie-panel button.launcher.image-button:backdrop:checked, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop:checked, + .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop:checked, .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, #gf-candidate-popup .budgie-panel button.launcher:backdrop:checked, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop:checked, .budgie-panel layouttabbar button.launcher:backdrop:checked, layouttabbar .budgie-panel button.launcher:backdrop:checked, .budgie-panel layouttab button.launcher:backdrop:checked, layouttab .budgie-panel button.launcher:backdrop:checked { + opacity: 1.0; + background-color: transparent; } + .budgie-panel button.flat.launcher:checked:hover, .budgie-panel button.launcher.osd.image-button:checked:hover, + .budgie-panel .launcher.button.osd.image-button:checked:hover, .budgie-panel .titlebar button.launcher:checked:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:checked:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:checked:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:checked:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:checked:hover, + .budgie-panel .context-menu > arrow.launcher:checked:hover, + .budgie-panel menu > arrow.launcher:checked:hover, .budgie-panel placessidebar row button.launcher.image-button:checked:hover, placessidebar row .budgie-panel button.launcher.image-button:checked:hover, .budgie-panel .csd headerbar button.launcher.titlebutton:checked:hover, .csd headerbar .budgie-panel button.launcher.titlebutton:checked:hover, + .budgie-panel .csd .titlebar button.launcher.titlebutton:checked:hover, + .csd .titlebar .budgie-panel button.launcher.titlebutton:checked:hover, .budgie-panel #gf-candidate-popup button.launcher:checked:hover, #gf-candidate-popup .budgie-panel button.launcher:checked:hover, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked:hover, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:checked:hover, .budgie-panel layouttabbar button.launcher:checked:hover, layouttabbar .budgie-panel button.launcher:checked:hover, .budgie-panel layouttab button.launcher:checked:hover, layouttab .budgie-panel button.launcher:checked:hover, .budgie-panel button.flat.launcher:backdrop:checked:hover, .budgie-panel button.launcher.osd.image-button:backdrop:checked:hover, + .budgie-panel .launcher.button.osd.image-button:backdrop:checked:hover, .budgie-panel .titlebar button.launcher:backdrop:checked:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:checked:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:backdrop:checked:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:backdrop:checked:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop:checked:hover, + .budgie-panel .context-menu > arrow.launcher:backdrop:checked:hover, + .budgie-panel menu > arrow.launcher:backdrop:checked:hover, .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked:hover, placessidebar row .budgie-panel button.launcher.image-button:backdrop:checked:hover, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked:hover, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop:checked:hover, + .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked:hover, + .csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop:checked:hover, .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked:hover, #gf-candidate-popup .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked:hover, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel layouttabbar button.launcher:backdrop:checked:hover, layouttabbar .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel layouttab button.launcher:backdrop:checked:hover, layouttab .budgie-panel button.launcher:backdrop:checked:hover { + -gtk-icon-effect: highlight; } +.budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned button.launcher.osd.image-button, +.budgie-panel .unpinned .launcher.button.osd.image-button, .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .budgie-panel .unpinned .menu > arrow.launcher, +.budgie-panel .unpinned .context-menu > arrow.launcher, +.budgie-panel .unpinned menu > arrow.launcher, .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .budgie-panel .unpinned button.launcher.image-button, .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .budgie-panel .unpinned button.launcher.titlebutton, +.budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .budgie-panel .unpinned button.launcher.titlebutton, .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned layouttab button.launcher, layouttab .budgie-panel .unpinned button.launcher, +.budgie-panel .unpinned button.flat.launcher:backdrop, +.budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.budgie-panel .unpinned .launcher.button.osd.image-button:backdrop, +.budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.budgie-panel .unpinned menu > arrow.launcher:backdrop, +.budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .budgie-panel .unpinned button.launcher.image-button:backdrop, +.budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned button.launcher.running.osd.image-button, +.budgie-panel .pinned .launcher.running.button.osd.image-button, +.budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.budgie-panel .pinned .menu > arrow.launcher.running, +.budgie-panel .pinned .context-menu > arrow.launcher.running, +.budgie-panel .pinned menu > arrow.launcher.running, +.budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .budgie-panel .pinned button.launcher.running.image-button, +.budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .budgie-panel .pinned button.launcher.running.titlebutton, +.budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .budgie-panel .pinned button.launcher.running.titlebutton, +.budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned layouttab button.launcher.running, +layouttab .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned button.flat.launcher.running:backdrop, +.budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop, +.budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .budgie-panel .pinned button.launcher.running:backdrop { + opacity: 1.0; } + .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned button.launcher.osd.image-button:hover, + .budgie-panel .unpinned .launcher.button.osd.image-button:hover, .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .unpinned .menu > arrow.launcher:hover, + .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .budgie-panel .unpinned menu > arrow.launcher:hover, .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .budgie-panel .unpinned button.launcher.image-button:hover, .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .budgie-panel .unpinned button.launcher.titlebutton:hover, + .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .budgie-panel .unpinned button.launcher.titlebutton:hover, .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .budgie-panel .unpinned button.launcher:hover, + .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:hover, + .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .budgie-panel .pinned .launcher.running.button.osd.image-button:hover, + .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .budgie-panel .pinned menu > arrow.launcher.running:hover, + .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .budgie-panel .pinned button.launcher.running.image-button:hover, + .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:hover, + .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .budgie-panel .pinned button.launcher.running:backdrop:hover { + -gtk-icon-effect: highlight; } + +.top .budgie-panel #tasklist-button button, +.top .budgie-panel #tasklist-button button:backdrop { + border: 2px solid transparent; } + .top .budgie-panel #tasklist-button button:hover, + .top .budgie-panel #tasklist-button button:backdrop:hover { + border-top: 2px solid alpha(#ECEFF1, 0.4); } + .top .budgie-panel #tasklist-button button:active, .top .budgie-panel #tasklist-button button:checked, + .top .budgie-panel #tasklist-button button:backdrop:active, + .top .budgie-panel #tasklist-button button:backdrop:checked { + border-top: 2px solid #C5A68E; } +.top .budgie-panel button.flat.launcher, .top .budgie-panel button.launcher.osd.image-button, +.top .budgie-panel .launcher.button.osd.image-button, .top .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.top .budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .top .budgie-panel .menu > arrow.launcher, +.top .budgie-panel .context-menu > arrow.launcher, +.top .budgie-panel menu > arrow.launcher, .top .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .top .budgie-panel button.launcher.image-button, .top .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .top .budgie-panel button.launcher.titlebutton, +.top .budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .top .budgie-panel button.launcher.titlebutton, .top .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .top .budgie-panel button.launcher, .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher, .top .budgie-panel layouttabbar button.launcher, layouttabbar .top .budgie-panel button.launcher, .top .budgie-panel layouttab button.launcher, layouttab .top .budgie-panel button.launcher, +.top .budgie-panel button.flat.launcher:backdrop, +.top .budgie-panel button.launcher.osd.image-button:backdrop, +.top .budgie-panel .launcher.button.osd.image-button:backdrop, +.top .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .top .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .menu > arrow.launcher:backdrop, +.top .budgie-panel .context-menu > arrow.launcher:backdrop, +.top .budgie-panel menu > arrow.launcher:backdrop, +.top .budgie-panel placessidebar row button.launcher.image-button:backdrop, +placessidebar row .top .budgie-panel button.launcher.image-button:backdrop, +.top .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .top .budgie-panel button.launcher.titlebutton:backdrop, +.top .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .top .budgie-panel button.launcher.titlebutton:backdrop, +.top .budgie-panel #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel layouttabbar button.launcher:backdrop, +layouttabbar .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel layouttab button.launcher:backdrop, +layouttab .top .budgie-panel button.launcher:backdrop { + border: 2px solid transparent; } + .top .budgie-panel button.flat.launcher:hover, .top .budgie-panel button.launcher.osd.image-button:hover, + .top .budgie-panel .launcher.button.osd.image-button:hover, .top .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .top .budgie-panel .menu > arrow.launcher:hover, + .top .budgie-panel .context-menu > arrow.launcher:hover, + .top .budgie-panel menu > arrow.launcher:hover, .top .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .top .budgie-panel button.launcher.image-button:hover, .top .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .top .budgie-panel button.launcher.titlebutton:hover, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:hover, .top .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .top .budgie-panel button.launcher:hover, .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:hover, .top .budgie-panel layouttabbar button.launcher:hover, layouttabbar .top .budgie-panel button.launcher:hover, .top .budgie-panel layouttab button.launcher:hover, layouttab .top .budgie-panel button.launcher:hover, + .top .budgie-panel button.flat.launcher:backdrop:hover, + .top .budgie-panel button.launcher.osd.image-button:backdrop:hover, + .top .budgie-panel .launcher.button.osd.image-button:backdrop:hover, + .top .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .menu > arrow.launcher:backdrop:hover, + .top .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .top .budgie-panel menu > arrow.launcher:backdrop:hover, + .top .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .top .budgie-panel button.launcher.image-button:backdrop:hover, + .top .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .top .budgie-panel button.launcher.titlebutton:backdrop:hover, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:backdrop:hover, + .top .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel layouttabbar button.launcher:backdrop:hover, + layouttabbar .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel layouttab button.launcher:backdrop:hover, + layouttab .top .budgie-panel button.launcher:backdrop:hover { + border-top: 2px solid alpha(#ECEFF1, 0.4); } + .top .budgie-panel button.flat.launcher:active, .top .budgie-panel button.launcher.osd.image-button:active, + .top .budgie-panel .launcher.button.osd.image-button:active, .top .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .top .budgie-panel .menu > arrow.launcher:active, + .top .budgie-panel .context-menu > arrow.launcher:active, + .top .budgie-panel menu > arrow.launcher:active, .top .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .top .budgie-panel button.launcher.image-button:active, .top .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .top .budgie-panel button.launcher.titlebutton:active, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:active, .top .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .top .budgie-panel button.launcher:active, .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:active, .top .budgie-panel layouttabbar button.launcher:active, layouttabbar .top .budgie-panel button.launcher:active, .top .budgie-panel layouttab button.launcher:active, layouttab .top .budgie-panel button.launcher:active, .top .budgie-panel button.flat.launcher:checked, .top .budgie-panel button.launcher.osd.image-button:checked, + .top .budgie-panel .launcher.button.osd.image-button:checked, .top .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .top .budgie-panel .menu > arrow.launcher:checked, + .top .budgie-panel .context-menu > arrow.launcher:checked, + .top .budgie-panel menu > arrow.launcher:checked, .top .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .top .budgie-panel button.launcher.image-button:checked, .top .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .top .budgie-panel button.launcher.titlebutton:checked, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:checked, .top .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .top .budgie-panel button.launcher:checked, .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:checked, .top .budgie-panel layouttabbar button.launcher:checked, layouttabbar .top .budgie-panel button.launcher:checked, .top .budgie-panel layouttab button.launcher:checked, layouttab .top .budgie-panel button.launcher:checked, + .top .budgie-panel button.flat.launcher:backdrop:active, + .top .budgie-panel button.launcher.osd.image-button:backdrop:active, + .top .budgie-panel .launcher.button.osd.image-button:backdrop:active, + .top .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .menu > arrow.launcher:backdrop:active, + .top .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .top .budgie-panel menu > arrow.launcher:backdrop:active, + .top .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .top .budgie-panel button.launcher.image-button:backdrop:active, + .top .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .top .budgie-panel button.launcher.titlebutton:backdrop:active, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:backdrop:active, + .top .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel layouttabbar button.launcher:backdrop:active, + layouttabbar .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel layouttab button.launcher:backdrop:active, + layouttab .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel button.flat.launcher:backdrop:checked, + .top .budgie-panel button.launcher.osd.image-button:backdrop:checked, + .top .budgie-panel .launcher.button.osd.image-button:backdrop:checked, + .top .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .menu > arrow.launcher:backdrop:checked, + .top .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .top .budgie-panel menu > arrow.launcher:backdrop:checked, + .top .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .top .budgie-panel button.launcher.image-button:backdrop:checked, + .top .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .top .budgie-panel button.launcher.titlebutton:backdrop:checked, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:backdrop:checked, + .top .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel layouttabbar button.launcher:backdrop:checked, + layouttabbar .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel layouttab button.launcher:backdrop:checked, + layouttab .top .budgie-panel button.launcher:backdrop:checked { + border-top: 2px solid #C5A68E; } + +.bottom .budgie-panel #tasklist-button button, +.bottom .budgie-panel #tasklist-button button:backdrop { + border: 2px solid transparent; } + .bottom .budgie-panel #tasklist-button button:hover, + .bottom .budgie-panel #tasklist-button button:backdrop:hover { + border-bottom: 2px solid alpha(#ECEFF1, 0.4); } + .bottom .budgie-panel #tasklist-button button:active, .bottom .budgie-panel #tasklist-button button:checked, + .bottom .budgie-panel #tasklist-button button:backdrop:active, + .bottom .budgie-panel #tasklist-button button:backdrop:checked { + border-bottom: 2px solid #C5A68E; } +.bottom .budgie-panel button.flat.launcher, .bottom .budgie-panel button.launcher.osd.image-button, +.bottom .budgie-panel .launcher.button.osd.image-button, .bottom .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .menu > arrow.launcher, +.bottom .budgie-panel .context-menu > arrow.launcher, +.bottom .budgie-panel menu > arrow.launcher, .bottom .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .bottom .budgie-panel button.launcher.image-button, .bottom .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .bottom .budgie-panel button.launcher.titlebutton, +.bottom .budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .bottom .budgie-panel button.launcher.titlebutton, .bottom .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .bottom .budgie-panel button.launcher, .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher, .bottom .budgie-panel layouttabbar button.launcher, layouttabbar .bottom .budgie-panel button.launcher, .bottom .budgie-panel layouttab button.launcher, layouttab .bottom .budgie-panel button.launcher, +.bottom .budgie-panel button.flat.launcher:backdrop, +.bottom .budgie-panel button.launcher.osd.image-button:backdrop, +.bottom .budgie-panel .launcher.button.osd.image-button:backdrop, +.bottom .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .bottom .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .menu > arrow.launcher:backdrop, +.bottom .budgie-panel .context-menu > arrow.launcher:backdrop, +.bottom .budgie-panel menu > arrow.launcher:backdrop, +.bottom .budgie-panel placessidebar row button.launcher.image-button:backdrop, +placessidebar row .bottom .budgie-panel button.launcher.image-button:backdrop, +.bottom .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .bottom .budgie-panel button.launcher.titlebutton:backdrop, +.bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:backdrop, +.bottom .budgie-panel #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel layouttabbar button.launcher:backdrop, +layouttabbar .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel layouttab button.launcher:backdrop, +layouttab .bottom .budgie-panel button.launcher:backdrop { + border: 2px solid transparent; } + .bottom .budgie-panel button.flat.launcher:hover, .bottom .budgie-panel button.launcher.osd.image-button:hover, + .bottom .budgie-panel .launcher.button.osd.image-button:hover, .bottom .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .menu > arrow.launcher:hover, + .bottom .budgie-panel .context-menu > arrow.launcher:hover, + .bottom .budgie-panel menu > arrow.launcher:hover, .bottom .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .bottom .budgie-panel button.launcher.image-button:hover, .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:hover, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:hover, .bottom .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel layouttabbar button.launcher:hover, layouttabbar .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel layouttab button.launcher:hover, layouttab .bottom .budgie-panel button.launcher:hover, + .bottom .budgie-panel button.flat.launcher:backdrop:hover, + .bottom .budgie-panel button.launcher.osd.image-button:backdrop:hover, + .bottom .budgie-panel .launcher.button.osd.image-button:backdrop:hover, + .bottom .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .bottom .budgie-panel button.launcher.image-button:backdrop:hover, + .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:backdrop:hover, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:backdrop:hover, + .bottom .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel layouttabbar button.launcher:backdrop:hover, + layouttabbar .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel layouttab button.launcher:backdrop:hover, + layouttab .bottom .budgie-panel button.launcher:backdrop:hover { + border-bottom: 2px solid alpha(#ECEFF1, 0.4); } + .bottom .budgie-panel button.flat.launcher:active, .bottom .budgie-panel button.launcher.osd.image-button:active, + .bottom .budgie-panel .launcher.button.osd.image-button:active, .bottom .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .menu > arrow.launcher:active, + .bottom .budgie-panel .context-menu > arrow.launcher:active, + .bottom .budgie-panel menu > arrow.launcher:active, .bottom .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .bottom .budgie-panel button.launcher.image-button:active, .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:active, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:active, .bottom .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel layouttabbar button.launcher:active, layouttabbar .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel layouttab button.launcher:active, layouttab .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel button.flat.launcher:checked, .bottom .budgie-panel button.launcher.osd.image-button:checked, + .bottom .budgie-panel .launcher.button.osd.image-button:checked, .bottom .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .menu > arrow.launcher:checked, + .bottom .budgie-panel .context-menu > arrow.launcher:checked, + .bottom .budgie-panel menu > arrow.launcher:checked, .bottom .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .bottom .budgie-panel button.launcher.image-button:checked, .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:checked, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:checked, .bottom .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel layouttabbar button.launcher:checked, layouttabbar .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel layouttab button.launcher:checked, layouttab .bottom .budgie-panel button.launcher:checked, + .bottom .budgie-panel button.flat.launcher:backdrop:active, + .bottom .budgie-panel button.launcher.osd.image-button:backdrop:active, + .bottom .budgie-panel .launcher.button.osd.image-button:backdrop:active, + .bottom .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .bottom .budgie-panel button.launcher.image-button:backdrop:active, + .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:backdrop:active, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:backdrop:active, + .bottom .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel layouttabbar button.launcher:backdrop:active, + layouttabbar .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel layouttab button.launcher:backdrop:active, + layouttab .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel button.flat.launcher:backdrop:checked, + .bottom .budgie-panel button.launcher.osd.image-button:backdrop:checked, + .bottom .budgie-panel .launcher.button.osd.image-button:backdrop:checked, + .bottom .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .bottom .budgie-panel button.launcher.image-button:backdrop:checked, + .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:backdrop:checked, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:backdrop:checked, + .bottom .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel layouttabbar button.launcher:backdrop:checked, + layouttabbar .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel layouttab button.launcher:backdrop:checked, + layouttab .bottom .budgie-panel button.launcher:backdrop:checked { + border-bottom: 2px solid #C5A68E; } + +.left .budgie-panel #tasklist-button button, +.left .budgie-panel #tasklist-button button:backdrop { + border: 2px solid transparent; } + .left .budgie-panel #tasklist-button button:hover, + .left .budgie-panel #tasklist-button button:backdrop:hover { + border-left: 2px solid alpha(#ECEFF1, 0.4); } + .left .budgie-panel #tasklist-button button:active, .left .budgie-panel #tasklist-button button:checked, + .left .budgie-panel #tasklist-button button:backdrop:active, + .left .budgie-panel #tasklist-button button:backdrop:checked { + border-left: 2px solid #C5A68E; } +.left .budgie-panel button.flat.launcher, .left .budgie-panel button.launcher.osd.image-button, +.left .budgie-panel .launcher.button.osd.image-button, .left .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.left .budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .left .budgie-panel .menu > arrow.launcher, +.left .budgie-panel .context-menu > arrow.launcher, +.left .budgie-panel menu > arrow.launcher, .left .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .left .budgie-panel button.launcher.image-button, .left .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .left .budgie-panel button.launcher.titlebutton, +.left .budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .left .budgie-panel button.launcher.titlebutton, .left .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .left .budgie-panel button.launcher, .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher, .left .budgie-panel layouttabbar button.launcher, layouttabbar .left .budgie-panel button.launcher, .left .budgie-panel layouttab button.launcher, layouttab .left .budgie-panel button.launcher, +.left .budgie-panel button.flat.launcher:backdrop, +.left .budgie-panel button.launcher.osd.image-button:backdrop, +.left .budgie-panel .launcher.button.osd.image-button:backdrop, +.left .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .left .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .menu > arrow.launcher:backdrop, +.left .budgie-panel .context-menu > arrow.launcher:backdrop, +.left .budgie-panel menu > arrow.launcher:backdrop, +.left .budgie-panel placessidebar row button.launcher.image-button:backdrop, +placessidebar row .left .budgie-panel button.launcher.image-button:backdrop, +.left .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .left .budgie-panel button.launcher.titlebutton:backdrop, +.left .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .left .budgie-panel button.launcher.titlebutton:backdrop, +.left .budgie-panel #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel layouttabbar button.launcher:backdrop, +layouttabbar .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel layouttab button.launcher:backdrop, +layouttab .left .budgie-panel button.launcher:backdrop { + border: 2px solid transparent; } + .left .budgie-panel button.flat.launcher:hover, .left .budgie-panel button.launcher.osd.image-button:hover, + .left .budgie-panel .launcher.button.osd.image-button:hover, .left .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .left .budgie-panel .menu > arrow.launcher:hover, + .left .budgie-panel .context-menu > arrow.launcher:hover, + .left .budgie-panel menu > arrow.launcher:hover, .left .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .left .budgie-panel button.launcher.image-button:hover, .left .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .left .budgie-panel button.launcher.titlebutton:hover, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:hover, .left .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .left .budgie-panel button.launcher:hover, .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:hover, .left .budgie-panel layouttabbar button.launcher:hover, layouttabbar .left .budgie-panel button.launcher:hover, .left .budgie-panel layouttab button.launcher:hover, layouttab .left .budgie-panel button.launcher:hover, + .left .budgie-panel button.flat.launcher:backdrop:hover, + .left .budgie-panel button.launcher.osd.image-button:backdrop:hover, + .left .budgie-panel .launcher.button.osd.image-button:backdrop:hover, + .left .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .menu > arrow.launcher:backdrop:hover, + .left .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .left .budgie-panel menu > arrow.launcher:backdrop:hover, + .left .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .left .budgie-panel button.launcher.image-button:backdrop:hover, + .left .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .left .budgie-panel button.launcher.titlebutton:backdrop:hover, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:backdrop:hover, + .left .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel layouttabbar button.launcher:backdrop:hover, + layouttabbar .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel layouttab button.launcher:backdrop:hover, + layouttab .left .budgie-panel button.launcher:backdrop:hover { + border-left: 2px solid alpha(#ECEFF1, 0.4); } + .left .budgie-panel button.flat.launcher:active, .left .budgie-panel button.launcher.osd.image-button:active, + .left .budgie-panel .launcher.button.osd.image-button:active, .left .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .left .budgie-panel .menu > arrow.launcher:active, + .left .budgie-panel .context-menu > arrow.launcher:active, + .left .budgie-panel menu > arrow.launcher:active, .left .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .left .budgie-panel button.launcher.image-button:active, .left .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .left .budgie-panel button.launcher.titlebutton:active, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:active, .left .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .left .budgie-panel button.launcher:active, .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:active, .left .budgie-panel layouttabbar button.launcher:active, layouttabbar .left .budgie-panel button.launcher:active, .left .budgie-panel layouttab button.launcher:active, layouttab .left .budgie-panel button.launcher:active, .left .budgie-panel button.flat.launcher:checked, .left .budgie-panel button.launcher.osd.image-button:checked, + .left .budgie-panel .launcher.button.osd.image-button:checked, .left .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .left .budgie-panel .menu > arrow.launcher:checked, + .left .budgie-panel .context-menu > arrow.launcher:checked, + .left .budgie-panel menu > arrow.launcher:checked, .left .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .left .budgie-panel button.launcher.image-button:checked, .left .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .left .budgie-panel button.launcher.titlebutton:checked, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:checked, .left .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .left .budgie-panel button.launcher:checked, .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:checked, .left .budgie-panel layouttabbar button.launcher:checked, layouttabbar .left .budgie-panel button.launcher:checked, .left .budgie-panel layouttab button.launcher:checked, layouttab .left .budgie-panel button.launcher:checked, + .left .budgie-panel button.flat.launcher:backdrop:active, + .left .budgie-panel button.launcher.osd.image-button:backdrop:active, + .left .budgie-panel .launcher.button.osd.image-button:backdrop:active, + .left .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .menu > arrow.launcher:backdrop:active, + .left .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .left .budgie-panel menu > arrow.launcher:backdrop:active, + .left .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .left .budgie-panel button.launcher.image-button:backdrop:active, + .left .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .left .budgie-panel button.launcher.titlebutton:backdrop:active, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:backdrop:active, + .left .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel layouttabbar button.launcher:backdrop:active, + layouttabbar .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel layouttab button.launcher:backdrop:active, + layouttab .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel button.flat.launcher:backdrop:checked, + .left .budgie-panel button.launcher.osd.image-button:backdrop:checked, + .left .budgie-panel .launcher.button.osd.image-button:backdrop:checked, + .left .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .menu > arrow.launcher:backdrop:checked, + .left .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .left .budgie-panel menu > arrow.launcher:backdrop:checked, + .left .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .left .budgie-panel button.launcher.image-button:backdrop:checked, + .left .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .left .budgie-panel button.launcher.titlebutton:backdrop:checked, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:backdrop:checked, + .left .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel layouttabbar button.launcher:backdrop:checked, + layouttabbar .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel layouttab button.launcher:backdrop:checked, + layouttab .left .budgie-panel button.launcher:backdrop:checked { + border-left: 2px solid #C5A68E; } + +.right .budgie-panel #tasklist-button button, +.right .budgie-panel #tasklist-button button:backdrop { + border: 2px solid transparent; } + .right .budgie-panel #tasklist-button button:hover, + .right .budgie-panel #tasklist-button button:backdrop:hover { + border-right: 2px solid alpha(#ECEFF1, 0.4); } + .right .budgie-panel #tasklist-button button:active, .right .budgie-panel #tasklist-button button:checked, + .right .budgie-panel #tasklist-button button:backdrop:active, + .right .budgie-panel #tasklist-button button:backdrop:checked { + border-right: 2px solid #C5A68E; } +.right .budgie-panel button.flat.launcher, .right .budgie-panel button.launcher.osd.image-button, +.right .budgie-panel .launcher.button.osd.image-button, .right .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.right .budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .right .budgie-panel .menu > arrow.launcher, +.right .budgie-panel .context-menu > arrow.launcher, +.right .budgie-panel menu > arrow.launcher, .right .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .right .budgie-panel button.launcher.image-button, .right .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .right .budgie-panel button.launcher.titlebutton, +.right .budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .right .budgie-panel button.launcher.titlebutton, .right .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .right .budgie-panel button.launcher, .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher, .right .budgie-panel layouttabbar button.launcher, layouttabbar .right .budgie-panel button.launcher, .right .budgie-panel layouttab button.launcher, layouttab .right .budgie-panel button.launcher, +.right .budgie-panel button.flat.launcher:backdrop, +.right .budgie-panel button.launcher.osd.image-button:backdrop, +.right .budgie-panel .launcher.button.osd.image-button:backdrop, +.right .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .right .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .menu > arrow.launcher:backdrop, +.right .budgie-panel .context-menu > arrow.launcher:backdrop, +.right .budgie-panel menu > arrow.launcher:backdrop, +.right .budgie-panel placessidebar row button.launcher.image-button:backdrop, +placessidebar row .right .budgie-panel button.launcher.image-button:backdrop, +.right .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .right .budgie-panel button.launcher.titlebutton:backdrop, +.right .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .right .budgie-panel button.launcher.titlebutton:backdrop, +.right .budgie-panel #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel layouttabbar button.launcher:backdrop, +layouttabbar .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel layouttab button.launcher:backdrop, +layouttab .right .budgie-panel button.launcher:backdrop { + border: 2px solid transparent; } + .right .budgie-panel button.flat.launcher:hover, .right .budgie-panel button.launcher.osd.image-button:hover, + .right .budgie-panel .launcher.button.osd.image-button:hover, .right .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .right .budgie-panel .menu > arrow.launcher:hover, + .right .budgie-panel .context-menu > arrow.launcher:hover, + .right .budgie-panel menu > arrow.launcher:hover, .right .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .right .budgie-panel button.launcher.image-button:hover, .right .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .right .budgie-panel button.launcher.titlebutton:hover, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:hover, .right .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .right .budgie-panel button.launcher:hover, .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:hover, .right .budgie-panel layouttabbar button.launcher:hover, layouttabbar .right .budgie-panel button.launcher:hover, .right .budgie-panel layouttab button.launcher:hover, layouttab .right .budgie-panel button.launcher:hover, + .right .budgie-panel button.flat.launcher:backdrop:hover, + .right .budgie-panel button.launcher.osd.image-button:backdrop:hover, + .right .budgie-panel .launcher.button.osd.image-button:backdrop:hover, + .right .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .menu > arrow.launcher:backdrop:hover, + .right .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .right .budgie-panel menu > arrow.launcher:backdrop:hover, + .right .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .right .budgie-panel button.launcher.image-button:backdrop:hover, + .right .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .right .budgie-panel button.launcher.titlebutton:backdrop:hover, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:backdrop:hover, + .right .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel layouttabbar button.launcher:backdrop:hover, + layouttabbar .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel layouttab button.launcher:backdrop:hover, + layouttab .right .budgie-panel button.launcher:backdrop:hover { + border-right: 2px solid alpha(#ECEFF1, 0.4); } + .right .budgie-panel button.flat.launcher:active, .right .budgie-panel button.launcher.osd.image-button:active, + .right .budgie-panel .launcher.button.osd.image-button:active, .right .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .right .budgie-panel .menu > arrow.launcher:active, + .right .budgie-panel .context-menu > arrow.launcher:active, + .right .budgie-panel menu > arrow.launcher:active, .right .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .right .budgie-panel button.launcher.image-button:active, .right .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .right .budgie-panel button.launcher.titlebutton:active, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:active, .right .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .right .budgie-panel button.launcher:active, .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:active, .right .budgie-panel layouttabbar button.launcher:active, layouttabbar .right .budgie-panel button.launcher:active, .right .budgie-panel layouttab button.launcher:active, layouttab .right .budgie-panel button.launcher:active, .right .budgie-panel button.flat.launcher:checked, .right .budgie-panel button.launcher.osd.image-button:checked, + .right .budgie-panel .launcher.button.osd.image-button:checked, .right .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .right .budgie-panel .menu > arrow.launcher:checked, + .right .budgie-panel .context-menu > arrow.launcher:checked, + .right .budgie-panel menu > arrow.launcher:checked, .right .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .right .budgie-panel button.launcher.image-button:checked, .right .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .right .budgie-panel button.launcher.titlebutton:checked, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:checked, .right .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .right .budgie-panel button.launcher:checked, .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:checked, .right .budgie-panel layouttabbar button.launcher:checked, layouttabbar .right .budgie-panel button.launcher:checked, .right .budgie-panel layouttab button.launcher:checked, layouttab .right .budgie-panel button.launcher:checked, + .right .budgie-panel button.flat.launcher:backdrop:active, + .right .budgie-panel button.launcher.osd.image-button:backdrop:active, + .right .budgie-panel .launcher.button.osd.image-button:backdrop:active, + .right .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .menu > arrow.launcher:backdrop:active, + .right .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .right .budgie-panel menu > arrow.launcher:backdrop:active, + .right .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .right .budgie-panel button.launcher.image-button:backdrop:active, + .right .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .right .budgie-panel button.launcher.titlebutton:backdrop:active, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:backdrop:active, + .right .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel layouttabbar button.launcher:backdrop:active, + layouttabbar .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel layouttab button.launcher:backdrop:active, + layouttab .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel button.flat.launcher:backdrop:checked, + .right .budgie-panel button.launcher.osd.image-button:backdrop:checked, + .right .budgie-panel .launcher.button.osd.image-button:backdrop:checked, + .right .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .menu > arrow.launcher:backdrop:checked, + .right .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .right .budgie-panel menu > arrow.launcher:backdrop:checked, + .right .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .right .budgie-panel button.launcher.image-button:backdrop:checked, + .right .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .right .budgie-panel button.launcher.titlebutton:backdrop:checked, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:backdrop:checked, + .right .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel layouttabbar button.launcher:backdrop:checked, + layouttabbar .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel layouttab button.launcher:backdrop:checked, + layouttab .right .budgie-panel button.launcher:backdrop:checked { + border-right: 2px solid #C5A68E; } + +.top .budgie-panel .unpinned button.flat.launcher, .top .budgie-panel .unpinned button.launcher.osd.image-button, +.top .budgie-panel .unpinned .launcher.button.osd.image-button, .top .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .top .budgie-panel .unpinned .menu > arrow.launcher, +.top .budgie-panel .unpinned .context-menu > arrow.launcher, +.top .budgie-panel .unpinned menu > arrow.launcher, .top .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .top .budgie-panel .unpinned button.launcher.image-button, .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton, +.top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton, .top .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned layouttab button.launcher, layouttab .top .budgie-panel .unpinned button.launcher, +.top .budgie-panel .unpinned button.flat.launcher:backdrop, +.top .budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.top .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop, +.top .budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .top .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.top .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.top .budgie-panel .unpinned menu > arrow.launcher:backdrop, +.top .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:backdrop, +.top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.top .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .pinned button.flat.launcher.running, +.top .budgie-panel .pinned button.launcher.running.osd.image-button, +.top .budgie-panel .pinned .launcher.running.button.osd.image-button, +.top .budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .top .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .pinned .menu > arrow.launcher.running, +.top .budgie-panel .pinned .context-menu > arrow.launcher.running, +.top .budgie-panel .pinned menu > arrow.launcher.running, +.top .budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button, +.top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton, +.top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton, +.top .budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned layouttab button.launcher.running, +layouttab .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned button.flat.launcher.running:backdrop, +.top .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.top .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop, +.top .budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .top .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.top .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.top .budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .top .budgie-panel .pinned button.launcher.running:backdrop { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-top.png"), url("assets/running-dot-top@2.png")) 2/2px; } + .top .budgie-panel .unpinned button.flat.launcher:hover, .top .budgie-panel .unpinned button.launcher.osd.image-button:hover, + .top .budgie-panel .unpinned .launcher.button.osd.image-button:hover, .top .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .top .budgie-panel .unpinned .menu > arrow.launcher:hover, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .top .budgie-panel .unpinned menu > arrow.launcher:hover, .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:hover, .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:hover, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:hover, .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned button.flat.launcher:active, .top .budgie-panel .unpinned button.launcher.osd.image-button:active, + .top .budgie-panel .unpinned .launcher.button.osd.image-button:active, .top .budgie-panel .unpinned .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), .top .budgie-panel .unpinned .menu > arrow.launcher:active, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:active, + .top .budgie-panel .unpinned menu > arrow.launcher:active, .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:active, placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:active, .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:active, .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:active, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:active, .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:active, #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned layouttabbar button.launcher:active, layouttabbar .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned layouttab button.launcher:active, layouttab .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .unpinned button.launcher.osd.image-button:checked, + .top .budgie-panel .unpinned .launcher.button.osd.image-button:checked, .top .budgie-panel .unpinned .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), .top .budgie-panel .unpinned .menu > arrow.launcher:checked, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:checked, + .top .budgie-panel .unpinned menu > arrow.launcher:checked, .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:checked, placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:checked, .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:checked, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:checked, .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned layouttabbar button.launcher:checked, layouttabbar .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned layouttab button.launcher:checked, layouttab .top .budgie-panel .unpinned button.launcher:checked, + .top .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .top .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .top .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:hover, + .top .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .top .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned button.flat.launcher:backdrop:active, + .top .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:active, + .top .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:active, + .top .budgie-panel .unpinned .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned .menu > arrow.launcher:backdrop:active, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:active, + .top .budgie-panel .unpinned menu > arrow.launcher:backdrop:active, + .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:backdrop:active, + .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned layouttabbar button.launcher:backdrop:active, + layouttabbar .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned layouttab button.launcher:backdrop:active, + layouttab .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned button.flat.launcher:backdrop:checked, + .top .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:checked, + .top .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:checked, + .top .budgie-panel .unpinned .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned .menu > arrow.launcher:backdrop:checked, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:checked, + .top .budgie-panel .unpinned menu > arrow.launcher:backdrop:checked, + .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:backdrop:checked, + .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned layouttabbar button.launcher:backdrop:checked, + layouttabbar .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned layouttab button.launcher:backdrop:checked, + layouttab .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .pinned button.flat.launcher.running:hover, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .top .budgie-panel .pinned .launcher.running.button.osd.image-button:hover, + .top .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .top .budgie-panel .pinned menu > arrow.launcher.running:hover, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:hover, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned button.flat.launcher.running:active, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:active, + .top .budgie-panel .pinned .launcher.running.button.osd.image-button:active, + .top .budgie-panel .pinned .titlebar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:active, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:active, + .top .budgie-panel .pinned menu > arrow.launcher.running:active, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:active, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:active, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:active, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:active, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:active, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:active, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:active, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:active, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned layouttabbar button.launcher.running:active, + layouttabbar .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned layouttab button.launcher.running:active, + layouttab .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned button.flat.launcher.running:checked, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:checked, + .top .budgie-panel .pinned .launcher.running.button.osd.image-button:checked, + .top .budgie-panel .pinned .titlebar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:checked, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:checked, + .top .budgie-panel .pinned menu > arrow.launcher.running:checked, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:checked, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:checked, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:checked, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:checked, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:checked, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:checked, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned layouttabbar button.launcher.running:checked, + layouttabbar .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned layouttab button.launcher.running:checked, + layouttab .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .top .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:hover, + .top .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .top .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned button.flat.launcher.running:backdrop:active, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:active, + .top .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:active, + .top .budgie-panel .pinned .titlebar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:active, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:active, + .top .budgie-panel .pinned menu > arrow.launcher.running:backdrop:active, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:active, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:backdrop:active, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:active, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:active, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:active, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:active, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:active, + layouttabbar .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned layouttab button.launcher.running:backdrop:active, + layouttab .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned button.flat.launcher.running:backdrop:checked, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:checked, + .top .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:checked, + .top .budgie-panel .pinned .titlebar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:checked, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:checked, + .top .budgie-panel .pinned menu > arrow.launcher.running:backdrop:checked, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:checked, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:backdrop:checked, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:checked, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:checked, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:checked, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:checked, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:checked, + layouttabbar .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned layouttab button.launcher.running:backdrop:checked, + layouttab .top .budgie-panel .pinned button.launcher.running:backdrop:checked { + border-top: 2px solid #C5A68E; + border-image: none; } + +.bottom .budgie-panel .unpinned button.flat.launcher, .bottom .budgie-panel .unpinned button.launcher.osd.image-button, +.bottom .budgie-panel .unpinned .launcher.button.osd.image-button, .bottom .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .unpinned .menu > arrow.launcher, +.bottom .budgie-panel .unpinned .context-menu > arrow.launcher, +.bottom .budgie-panel .unpinned menu > arrow.launcher, .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button, .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton, +.bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton, .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned layouttab button.launcher, layouttab .bottom .budgie-panel .unpinned button.launcher, +.bottom .budgie-panel .unpinned button.flat.launcher:backdrop, +.bottom .budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.bottom .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop, +.bottom .budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .bottom .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.bottom .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.bottom .budgie-panel .unpinned menu > arrow.launcher:backdrop, +.bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:backdrop, +.bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .pinned button.flat.launcher.running, +.bottom .budgie-panel .pinned button.launcher.running.osd.image-button, +.bottom .budgie-panel .pinned .launcher.running.button.osd.image-button, +.bottom .budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .bottom .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .pinned .menu > arrow.launcher.running, +.bottom .budgie-panel .pinned .context-menu > arrow.launcher.running, +.bottom .budgie-panel .pinned menu > arrow.launcher.running, +.bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button, +.bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton, +.bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton, +.bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned layouttab button.launcher.running, +layouttab .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned button.flat.launcher.running:backdrop, +.bottom .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.bottom .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop, +.bottom .budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .bottom .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.bottom .budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .bottom .budgie-panel .pinned button.launcher.running:backdrop { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-bottom.png"), url("assets/running-dot-bottom@2.png")) 2/2px; } + .bottom .budgie-panel .unpinned button.flat.launcher:hover, .bottom .budgie-panel .unpinned button.launcher.osd.image-button:hover, + .bottom .budgie-panel .unpinned .launcher.button.osd.image-button:hover, .bottom .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .unpinned .menu > arrow.launcher:hover, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .bottom .budgie-panel .unpinned menu > arrow.launcher:hover, .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:hover, .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:hover, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:hover, .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned button.flat.launcher:active, .bottom .budgie-panel .unpinned button.launcher.osd.image-button:active, + .bottom .budgie-panel .unpinned .launcher.button.osd.image-button:active, .bottom .budgie-panel .unpinned .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .unpinned .menu > arrow.launcher:active, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:active, + .bottom .budgie-panel .unpinned menu > arrow.launcher:active, .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:active, placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:active, .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:active, .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:active, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:active, .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:active, #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned layouttabbar button.launcher:active, layouttabbar .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned layouttab button.launcher:active, layouttab .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.launcher.osd.image-button:checked, + .bottom .budgie-panel .unpinned .launcher.button.osd.image-button:checked, .bottom .budgie-panel .unpinned .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .unpinned .menu > arrow.launcher:checked, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:checked, + .bottom .budgie-panel .unpinned menu > arrow.launcher:checked, .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:checked, placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:checked, .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:checked, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:checked, .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned layouttabbar button.launcher:checked, layouttabbar .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned layouttab button.launcher:checked, layouttab .bottom .budgie-panel .unpinned button.launcher:checked, + .bottom .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .bottom .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:hover, + .bottom .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned button.flat.launcher:backdrop:active, + .bottom .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:active, + .bottom .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:active, + .bottom .budgie-panel .unpinned .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned .menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel .unpinned menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:backdrop:active, + .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned layouttabbar button.launcher:backdrop:active, + layouttabbar .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned layouttab button.launcher:backdrop:active, + layouttab .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned button.flat.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:checked, + .bottom .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:checked, + .bottom .budgie-panel .unpinned .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned .menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:backdrop:checked, + .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned layouttabbar button.launcher:backdrop:checked, + layouttabbar .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned layouttab button.launcher:backdrop:checked, + layouttab .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:hover, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .bottom .budgie-panel .pinned .launcher.running.button.osd.image-button:hover, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:hover, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:hover, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned button.flat.launcher.running:active, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:active, + .bottom .budgie-panel .pinned .launcher.running.button.osd.image-button:active, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:active, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:active, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:active, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:active, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:active, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:active, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:active, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:active, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:active, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:active, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:active, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:active, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned layouttab button.launcher.running:active, + layouttab .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned button.flat.launcher.running:checked, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:checked, + .bottom .budgie-panel .pinned .launcher.running.button.osd.image-button:checked, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:checked, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:checked, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:checked, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:checked, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:checked, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:checked, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:checked, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:checked, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:checked, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:checked, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned layouttab button.launcher.running:checked, + layouttab .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .bottom .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:hover, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned button.flat.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:active, + .bottom .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:active, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:active, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:backdrop:active, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:active, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:active, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:active, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:active, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:active, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned layouttab button.launcher.running:backdrop:active, + layouttab .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned button.flat.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:checked, + .bottom .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:checked, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:checked, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:backdrop:checked, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:checked, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:checked, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:checked, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:checked, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:checked, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned layouttab button.launcher.running:backdrop:checked, + layouttab .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked { + border-bottom: 2px solid #C5A68E; + border-image: none; } + +.left .budgie-panel .unpinned button.flat.launcher, .left .budgie-panel .unpinned button.launcher.osd.image-button, +.left .budgie-panel .unpinned .launcher.button.osd.image-button, .left .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .left .budgie-panel .unpinned .menu > arrow.launcher, +.left .budgie-panel .unpinned .context-menu > arrow.launcher, +.left .budgie-panel .unpinned menu > arrow.launcher, .left .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .left .budgie-panel .unpinned button.launcher.image-button, .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton, +.left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton, .left .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned layouttab button.launcher, layouttab .left .budgie-panel .unpinned button.launcher, +.left .budgie-panel .unpinned button.flat.launcher:backdrop, +.left .budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.left .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop, +.left .budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .left .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.left .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.left .budgie-panel .unpinned menu > arrow.launcher:backdrop, +.left .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:backdrop, +.left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.left .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .pinned button.flat.launcher.running, +.left .budgie-panel .pinned button.launcher.running.osd.image-button, +.left .budgie-panel .pinned .launcher.running.button.osd.image-button, +.left .budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .left .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .pinned .menu > arrow.launcher.running, +.left .budgie-panel .pinned .context-menu > arrow.launcher.running, +.left .budgie-panel .pinned menu > arrow.launcher.running, +.left .budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button, +.left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton, +.left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton, +.left .budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned layouttab button.launcher.running, +layouttab .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned button.flat.launcher.running:backdrop, +.left .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.left .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop, +.left .budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .left .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.left .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.left .budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .left .budgie-panel .pinned button.launcher.running:backdrop { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-left.png"), url("assets/running-dot-left@2.png")) 2/2px; } + .left .budgie-panel .unpinned button.flat.launcher:hover, .left .budgie-panel .unpinned button.launcher.osd.image-button:hover, + .left .budgie-panel .unpinned .launcher.button.osd.image-button:hover, .left .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .left .budgie-panel .unpinned .menu > arrow.launcher:hover, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .left .budgie-panel .unpinned menu > arrow.launcher:hover, .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:hover, .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:hover, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:hover, .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned button.flat.launcher:active, .left .budgie-panel .unpinned button.launcher.osd.image-button:active, + .left .budgie-panel .unpinned .launcher.button.osd.image-button:active, .left .budgie-panel .unpinned .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), .left .budgie-panel .unpinned .menu > arrow.launcher:active, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:active, + .left .budgie-panel .unpinned menu > arrow.launcher:active, .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:active, placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:active, .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:active, .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:active, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:active, .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:active, #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned layouttabbar button.launcher:active, layouttabbar .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned layouttab button.launcher:active, layouttab .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .unpinned button.launcher.osd.image-button:checked, + .left .budgie-panel .unpinned .launcher.button.osd.image-button:checked, .left .budgie-panel .unpinned .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), .left .budgie-panel .unpinned .menu > arrow.launcher:checked, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:checked, + .left .budgie-panel .unpinned menu > arrow.launcher:checked, .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:checked, placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:checked, .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:checked, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:checked, .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned layouttabbar button.launcher:checked, layouttabbar .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned layouttab button.launcher:checked, layouttab .left .budgie-panel .unpinned button.launcher:checked, + .left .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .left .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .left .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:hover, + .left .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .left .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned button.flat.launcher:backdrop:active, + .left .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:active, + .left .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:active, + .left .budgie-panel .unpinned .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned .menu > arrow.launcher:backdrop:active, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:active, + .left .budgie-panel .unpinned menu > arrow.launcher:backdrop:active, + .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:backdrop:active, + .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned layouttabbar button.launcher:backdrop:active, + layouttabbar .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned layouttab button.launcher:backdrop:active, + layouttab .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned button.flat.launcher:backdrop:checked, + .left .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:checked, + .left .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:checked, + .left .budgie-panel .unpinned .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned .menu > arrow.launcher:backdrop:checked, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:checked, + .left .budgie-panel .unpinned menu > arrow.launcher:backdrop:checked, + .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:backdrop:checked, + .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned layouttabbar button.launcher:backdrop:checked, + layouttabbar .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned layouttab button.launcher:backdrop:checked, + layouttab .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .pinned button.flat.launcher.running:hover, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .left .budgie-panel .pinned .launcher.running.button.osd.image-button:hover, + .left .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .left .budgie-panel .pinned menu > arrow.launcher.running:hover, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:hover, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned button.flat.launcher.running:active, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:active, + .left .budgie-panel .pinned .launcher.running.button.osd.image-button:active, + .left .budgie-panel .pinned .titlebar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:active, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:active, + .left .budgie-panel .pinned menu > arrow.launcher.running:active, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:active, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:active, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:active, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:active, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:active, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:active, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:active, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:active, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned layouttabbar button.launcher.running:active, + layouttabbar .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned layouttab button.launcher.running:active, + layouttab .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned button.flat.launcher.running:checked, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:checked, + .left .budgie-panel .pinned .launcher.running.button.osd.image-button:checked, + .left .budgie-panel .pinned .titlebar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:checked, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:checked, + .left .budgie-panel .pinned menu > arrow.launcher.running:checked, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:checked, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:checked, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:checked, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:checked, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:checked, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:checked, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned layouttabbar button.launcher.running:checked, + layouttabbar .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned layouttab button.launcher.running:checked, + layouttab .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .left .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:hover, + .left .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .left .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned button.flat.launcher.running:backdrop:active, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:active, + .left .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:active, + .left .budgie-panel .pinned .titlebar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:active, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:active, + .left .budgie-panel .pinned menu > arrow.launcher.running:backdrop:active, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:active, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:backdrop:active, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:active, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:active, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:active, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:active, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:active, + layouttabbar .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned layouttab button.launcher.running:backdrop:active, + layouttab .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned button.flat.launcher.running:backdrop:checked, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:checked, + .left .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:checked, + .left .budgie-panel .pinned .titlebar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:checked, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:checked, + .left .budgie-panel .pinned menu > arrow.launcher.running:backdrop:checked, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:checked, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:backdrop:checked, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:checked, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:checked, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:checked, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:checked, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:checked, + layouttabbar .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned layouttab button.launcher.running:backdrop:checked, + layouttab .left .budgie-panel .pinned button.launcher.running:backdrop:checked { + border-left: 2px solid #C5A68E; + border-image: none; } + +.right .budgie-panel .unpinned button.flat.launcher, .right .budgie-panel .unpinned button.launcher.osd.image-button, +.right .budgie-panel .unpinned .launcher.button.osd.image-button, .right .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .right .budgie-panel .unpinned .menu > arrow.launcher, +.right .budgie-panel .unpinned .context-menu > arrow.launcher, +.right .budgie-panel .unpinned menu > arrow.launcher, .right .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .right .budgie-panel .unpinned button.launcher.image-button, .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton, +.right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton, .right .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned layouttab button.launcher, layouttab .right .budgie-panel .unpinned button.launcher, +.right .budgie-panel .unpinned button.flat.launcher:backdrop, +.right .budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.right .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop, +.right .budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .right .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.right .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.right .budgie-panel .unpinned menu > arrow.launcher:backdrop, +.right .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:backdrop, +.right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.right .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .pinned button.flat.launcher.running, +.right .budgie-panel .pinned button.launcher.running.osd.image-button, +.right .budgie-panel .pinned .launcher.running.button.osd.image-button, +.right .budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .right .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .pinned .menu > arrow.launcher.running, +.right .budgie-panel .pinned .context-menu > arrow.launcher.running, +.right .budgie-panel .pinned menu > arrow.launcher.running, +.right .budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button, +.right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton, +.right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton, +.right .budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned layouttab button.launcher.running, +layouttab .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned button.flat.launcher.running:backdrop, +.right .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.right .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop, +.right .budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .right .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.right .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.right .budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .right .budgie-panel .pinned button.launcher.running:backdrop { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-right.png"), url("assets/running-dot-right@2.png")) 2/2px; } + .right .budgie-panel .unpinned button.flat.launcher:hover, .right .budgie-panel .unpinned button.launcher.osd.image-button:hover, + .right .budgie-panel .unpinned .launcher.button.osd.image-button:hover, .right .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .right .budgie-panel .unpinned .menu > arrow.launcher:hover, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .right .budgie-panel .unpinned menu > arrow.launcher:hover, .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:hover, .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:hover, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:hover, .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned button.flat.launcher:active, .right .budgie-panel .unpinned button.launcher.osd.image-button:active, + .right .budgie-panel .unpinned .launcher.button.osd.image-button:active, .right .budgie-panel .unpinned .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), .right .budgie-panel .unpinned .menu > arrow.launcher:active, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:active, + .right .budgie-panel .unpinned menu > arrow.launcher:active, .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:active, placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:active, .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:active, .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:active, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:active, .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:active, #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned layouttabbar button.launcher:active, layouttabbar .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned layouttab button.launcher:active, layouttab .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .unpinned button.launcher.osd.image-button:checked, + .right .budgie-panel .unpinned .launcher.button.osd.image-button:checked, .right .budgie-panel .unpinned .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), .right .budgie-panel .unpinned .menu > arrow.launcher:checked, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:checked, + .right .budgie-panel .unpinned menu > arrow.launcher:checked, .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:checked, placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:checked, .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:checked, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:checked, .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned layouttabbar button.launcher:checked, layouttabbar .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned layouttab button.launcher:checked, layouttab .right .budgie-panel .unpinned button.launcher:checked, + .right .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .right .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .right .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:hover, + .right .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .right .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned button.flat.launcher:backdrop:active, + .right .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:active, + .right .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:active, + .right .budgie-panel .unpinned .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned .menu > arrow.launcher:backdrop:active, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:active, + .right .budgie-panel .unpinned menu > arrow.launcher:backdrop:active, + .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:backdrop:active, + .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned layouttabbar button.launcher:backdrop:active, + layouttabbar .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned layouttab button.launcher:backdrop:active, + layouttab .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned button.flat.launcher:backdrop:checked, + .right .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:checked, + .right .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:checked, + .right .budgie-panel .unpinned .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned .menu > arrow.launcher:backdrop:checked, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:checked, + .right .budgie-panel .unpinned menu > arrow.launcher:backdrop:checked, + .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:backdrop:checked, + .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned layouttabbar button.launcher:backdrop:checked, + layouttabbar .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned layouttab button.launcher:backdrop:checked, + layouttab .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .pinned button.flat.launcher.running:hover, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .right .budgie-panel .pinned .launcher.running.button.osd.image-button:hover, + .right .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .right .budgie-panel .pinned menu > arrow.launcher.running:hover, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:hover, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned button.flat.launcher.running:active, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:active, + .right .budgie-panel .pinned .launcher.running.button.osd.image-button:active, + .right .budgie-panel .pinned .titlebar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:active, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:active, + .right .budgie-panel .pinned menu > arrow.launcher.running:active, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:active, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:active, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:active, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:active, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:active, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:active, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:active, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:active, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned layouttabbar button.launcher.running:active, + layouttabbar .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned layouttab button.launcher.running:active, + layouttab .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned button.flat.launcher.running:checked, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:checked, + .right .budgie-panel .pinned .launcher.running.button.osd.image-button:checked, + .right .budgie-panel .pinned .titlebar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:checked, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:checked, + .right .budgie-panel .pinned menu > arrow.launcher.running:checked, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:checked, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:checked, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:checked, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:checked, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:checked, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:checked, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned layouttabbar button.launcher.running:checked, + layouttabbar .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned layouttab button.launcher.running:checked, + layouttab .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .right .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:hover, + .right .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .right .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned button.flat.launcher.running:backdrop:active, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:active, + .right .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:active, + .right .budgie-panel .pinned .titlebar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:active, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:active, + .right .budgie-panel .pinned menu > arrow.launcher.running:backdrop:active, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:active, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:backdrop:active, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:active, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:active, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:active, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:active, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:active, + layouttabbar .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned layouttab button.launcher.running:backdrop:active, + layouttab .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned button.flat.launcher.running:backdrop:checked, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:checked, + .right .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:checked, + .right .budgie-panel .pinned .titlebar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:checked, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:checked, + .right .budgie-panel .pinned menu > arrow.launcher.running:backdrop:checked, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:checked, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:backdrop:checked, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:checked, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:checked, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:checked, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:checked, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:checked, + layouttabbar .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned layouttab button.launcher.running:backdrop:checked, + layouttab .right .budgie-panel .pinned button.launcher.running:backdrop:checked { + border-right: 2px solid #C5A68E; + border-image: none; } + +.budgie-menu { + border-radius: 2px; + background-color: #42565f; } + .budgie-menu scrolledwindow, .budgie-menu placessidebar, + .budgie-menu list, + .budgie-menu row, + .budgie-menu scrollbar { + min-width: 0; + min-height: 0; + border: none; + background: none; + box-shadow: none; } + .budgie-menu row, .budgie-menu row.activatable, .budgie-menu .view, .budgie-menu iconview, + .budgie-menu .view text, + .view .budgie-menu text, + .budgie-menu iconview text, + iconview .budgie-menu text, + .budgie-menu textview text, + textview .budgie-menu text, .budgie-menu treeview.view header button, treeview.view header .budgie-menu button, .budgie-menu .tweak-category header button, .tweak-category header .budgie-menu button { + background-image: none; + background-color: #42565f; + color: rgba(236, 239, 241, 0.75); + transition: none; } + .budgie-menu row image, .budgie-menu row.activatable image, .budgie-menu .view image, .budgie-menu iconview image, + .budgie-menu .view text image, + .view .budgie-menu text image, + .budgie-menu iconview text image, + iconview .budgie-menu text image, + .budgie-menu textview text image, + textview .budgie-menu text image, .budgie-menu treeview.view header button image, treeview.view header .budgie-menu button image, .budgie-menu .tweak-category header button image, .tweak-category header .budgie-menu button image { + padding: 0.3985rem 0 0.50376rem; } + .budgie-menu row:hover, .budgie-menu row.activatable:hover, .budgie-menu .view:hover, .budgie-menu iconview:hover, + .budgie-menu .view text:hover, + .view .budgie-menu text:hover, + .budgie-menu iconview text:hover, + iconview .budgie-menu text:hover, + .budgie-menu textview text:hover, + textview .budgie-menu text:hover, .budgie-menu treeview.view header button:hover, treeview.view header .budgie-menu button:hover, .budgie-menu .tweak-category header button:hover, .tweak-category header .budgie-menu button:hover { + background-image: none; + background-color: #42565f; + color: #ECEFF1; + transition: none; } + .budgie-menu scrolledwindow undershoot.top, .budgie-menu placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(66, 86, 95, 0.01), rgba(66, 86, 95, 0.04), rgba(66, 86, 95, 0.2), rgba(66, 86, 95, 0.44), rgba(66, 86, 95, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } + .budgie-menu scrolledwindow undershoot.bottom, .budgie-menu placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(66, 86, 95, 0.01), rgba(66, 86, 95, 0.04), rgba(66, 86, 95, 0.2), rgba(66, 86, 95, 0.44), rgba(66, 86, 95, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } + .budgie-menu scrolledwindow undershoot.left, .budgie-menu placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(66, 86, 95, 0.01), rgba(66, 86, 95, 0.04), rgba(66, 86, 95, 0.2), rgba(66, 86, 95, 0.44), rgba(66, 86, 95, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } + .budgie-menu scrolledwindow undershoot.right, .budgie-menu placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(66, 86, 95, 0.01), rgba(66, 86, 95, 0.04), rgba(66, 86, 95, 0.2), rgba(66, 86, 95, 0.44), rgba(66, 86, 95, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +.raven-frame { + border: none; } + +.raven { + margin: -1px; + padding: 0; + border: none; + color: rgba(236, 239, 241, 0.75); + background-color: rgba(42, 55, 62, 0.9); } + .raven:dir(ltr) { + box-shadow: -1px 0 1px rgba(0, 0, 0, 0.12); } + .raven:dir(rtl) { + box-shadow: 1px 0 1px rgba(0, 0, 0, 0.12); } + .raven .raven-header { + border: none; + color: rgba(236, 239, 241, 0.5); + background-color: transparent; + font-weight: 700; } + .raven .raven-background { + border-width: 1px 0 0; + border-style: solid none none; + border-color: rgba(0, 0, 0, 0.11); + background-color: transparent; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); } + .raven .powerstrip { + border-top: 1px solid rgba(0, 0, 0, 0.11); + background-color: #322F22; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); } + .raven .powerstrip button { + padding: 1rem; + color: #C5A68E); } + .raven .powerstrip button:hover, .raven .powerstrip button:active, .raven .powerstrip button:checked { + color: #C5A68E; } + .raven .powerstrip button:disabled { + color: rgba(77, 182, 172, 0.4); } + .raven .option-subtitle { + color: rgba(236, 239, 241, 0.225); + font-size: 90%; } + .raven scrolledwindow, .raven placessidebar { + background: transparent; } + .raven list, + .raven row, + .raven row.activatable, + .raven .view, + .raven iconview, + .raven .view text, + .view .raven text, + .raven iconview text, + iconview .raven text, + .raven textview text, + textview .raven text, + .raven treeview.view header button, + treeview.view header .raven button, + .raven .tweak-category header button, + .tweak-category header .raven button { + background-color: transparent; } + .raven list:not(.list):hover, + .raven row:not(.list):hover, + .raven row.activatable:not(.list):hover, + .raven .view:not(.list):hover, + .raven iconview:not(.list):hover, + .raven .view text:not(.list):hover, + .view .raven text:not(.list):hover, + .raven iconview text:not(.list):hover, + iconview .raven text:not(.list):hover, + .raven textview text:not(.list):hover, + textview .raven text:not(.list):hover, + .raven treeview.view header button:not(.list):hover, + treeview.view header .raven button:not(.list):hover, + .raven .tweak-category header button:not(.list):hover, + .tweak-category header .raven button:not(.list):hover { + color: #ECEFF1; } + .raven list:not(.list):selected, .raven list:not(.list):selected label, + .raven row:not(.list):selected, + .raven row:not(.list):selected label, + .raven row.activatable:not(.list):selected, + .raven .view:not(.list):selected, + .raven iconview:not(.list):selected, + .raven .view text:not(.list):selected, + .view .raven text:not(.list):selected, + .raven iconview text:not(.list):selected, + iconview .raven text:not(.list):selected, + .raven textview text:not(.list):selected, + textview .raven text:not(.list):selected, + .raven treeview.view header button:not(.list):selected, + treeview.view header .raven button:not(.list):selected, + .raven .tweak-category header button:not(.list):selected, + .tweak-category header .raven button:not(.list):selected, + .raven row.activatable:not(.list):selected label, + .raven .view:not(.list):selected label, + .raven iconview:not(.list):selected label, + .raven .view text:not(.list):selected label, + .view .raven text:not(.list):selected label, + .raven iconview text:not(.list):selected label, + iconview .raven text:not(.list):selected label, + .raven textview text:not(.list):selected label, + textview .raven text:not(.list):selected label, + .raven treeview.view header button:not(.list):selected label, + treeview.view header .raven button:not(.list):selected label, + .raven .tweak-category header button:not(.list):selected label, + .tweak-category header .raven button:not(.list):selected label { + color: #C5A68E; } + .raven list:not(.list):selected:hover, + .raven row:not(.list):selected:hover, + .raven row.activatable:not(.list):selected:hover, + .raven .view:not(.list):selected:hover, + .raven iconview:not(.list):selected:hover, + .raven .view text:not(.list):selected:hover, + .view .raven text:not(.list):selected:hover, + .raven iconview text:not(.list):selected:hover, + iconview .raven text:not(.list):selected:hover, + .raven textview text:not(.list):selected:hover, + textview .raven text:not(.list):selected:hover, + .raven treeview.view header button:not(.list):selected:hover, + treeview.view header .raven button:not(.list):selected:hover, + .raven .tweak-category header button:not(.list):selected:hover, + .tweak-category header .raven button:not(.list):selected:hover { + background-color: rgba(0, 188, 212, 0.1); } + .raven list separator, + .raven row separator, + .raven row.activatable separator, + .raven .view separator, + .raven iconview separator, + .raven .view text separator, + .view .raven text separator, + .raven iconview text separator, + iconview .raven text separator, + .raven textview text separator, + textview .raven text separator, + .raven treeview.view header button separator, + treeview.view header .raven button separator, + .raven .tweak-category header button separator, + .tweak-category header .raven button separator { + min-height: 1px; + min-width: 1px; + margin-bottom: 0.50376rem; + border: none; + color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 -1px rgba(236, 239, 241, 0.165); } + .raven button.image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } + .raven button.image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + -gtk-icon-effect: highlight; } + .raven button.image-button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .raven button.image-button:disabled { + box-shadow: none; + background-color: transparent; } + .raven button.image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; } + .raven button.image-button:checked:disabled > label { + color: inherit; } + .raven .raven-header > .linked { + margin: 0 0.80451rem; } + .raven .raven-header > button.text-button { + min-height: 1rem; + min-width: 1rem; + padding: 0.69925rem 0.80451rem 0.80451rem; + color: rgba(255, 255, 255, 0.85); + background-color: #009688; } + .raven .raven-header > button.text-button:hover { + color: #FFFFFF; } + .raven .raven-header > button.text-button:active { + color: #FFFFFF; + background-color: #C5A68E; } + .raven .raven-header > button.text-button:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #33aba0; } + .raven .raven-header > button.text-button:disabled { + box-shadow: none; + background-color: transparent; } + .raven .raven-header button.flat.expander-button, .raven .raven-header button.expander-button.osd.image-button, + .raven .raven-header .expander-button.button.osd.image-button, .raven .raven-header .titlebar button.expander-button:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header button.expander-button:not(.suggested-action):not(.destructive-action), + .raven .raven-header headerbar button.expander-button:not(.suggested-action):not(.destructive-action), + headerbar .raven .raven-header button.expander-button:not(.suggested-action):not(.destructive-action), .raven .raven-header .menu > arrow.expander-button, + .raven .raven-header .context-menu > arrow.expander-button, + .raven .raven-header menu > arrow.expander-button, .raven .raven-header placessidebar row button.expander-button.image-button, placessidebar row .raven .raven-header button.expander-button.image-button, .raven .raven-header .csd headerbar button.expander-button.titlebutton, .csd headerbar .raven .raven-header button.expander-button.titlebutton, + .raven .raven-header .csd .titlebar button.expander-button.titlebutton, + .csd .titlebar .raven .raven-header button.expander-button.titlebutton, .raven .raven-header #gf-candidate-popup button.expander-button, #gf-candidate-popup .raven .raven-header button.expander-button, .raven .raven-header window > grid.vertical > box.vertical > widget button.expander-button, window > grid.vertical > box.vertical > widget .raven .raven-header button.expander-button, .raven .raven-header layouttabbar button.expander-button, layouttabbar .raven .raven-header button.expander-button, .raven .raven-header layouttab button.expander-button, layouttab .raven .raven-header button.expander-button { + min-width: 1rem; + min-height: 1rem; + padding: 0.80451rem; + border-radius: 100px; + -gtk-outline-radius: 100px; + color: rgba(236, 239, 241, 0.5); } + .raven .raven-header button.flat.expander-button:hover, .raven .raven-header button.expander-button.osd.image-button:hover, + .raven .raven-header .expander-button.button.osd.image-button:hover, .raven .raven-header .titlebar button.expander-button:hover:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header button.expander-button:hover:not(.suggested-action):not(.destructive-action), + .raven .raven-header headerbar button.expander-button:hover:not(.suggested-action):not(.destructive-action), + headerbar .raven .raven-header button.expander-button:hover:not(.suggested-action):not(.destructive-action), .raven .raven-header .menu > arrow.expander-button:hover, + .raven .raven-header .context-menu > arrow.expander-button:hover, + .raven .raven-header menu > arrow.expander-button:hover, .raven .raven-header placessidebar row button.expander-button.image-button:hover, placessidebar row .raven .raven-header button.expander-button.image-button:hover, .raven .raven-header .csd headerbar button.expander-button.titlebutton:hover, .csd headerbar .raven .raven-header button.expander-button.titlebutton:hover, + .raven .raven-header .csd .titlebar button.expander-button.titlebutton:hover, + .csd .titlebar .raven .raven-header button.expander-button.titlebutton:hover, .raven .raven-header #gf-candidate-popup button.expander-button:hover, #gf-candidate-popup .raven .raven-header button.expander-button:hover, .raven .raven-header window > grid.vertical > box.vertical > widget button.expander-button:hover, window > grid.vertical > box.vertical > widget .raven .raven-header button.expander-button:hover, .raven .raven-header layouttabbar button.expander-button:hover, layouttabbar .raven .raven-header button.expander-button:hover, .raven .raven-header layouttab button.expander-button:hover, layouttab .raven .raven-header button.expander-button:hover, .raven .raven-header button.flat.expander-button:active, .raven .raven-header button.expander-button.osd.image-button:active, + .raven .raven-header .expander-button.button.osd.image-button:active, .raven .raven-header .titlebar button.expander-button:active:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header button.expander-button:active:not(.suggested-action):not(.destructive-action), + .raven .raven-header headerbar button.expander-button:active:not(.suggested-action):not(.destructive-action), + headerbar .raven .raven-header button.expander-button:active:not(.suggested-action):not(.destructive-action), .raven .raven-header .menu > arrow.expander-button:active, + .raven .raven-header .context-menu > arrow.expander-button:active, + .raven .raven-header menu > arrow.expander-button:active, .raven .raven-header placessidebar row button.expander-button.image-button:active, placessidebar row .raven .raven-header button.expander-button.image-button:active, .raven .raven-header .csd headerbar button.expander-button.titlebutton:active, .csd headerbar .raven .raven-header button.expander-button.titlebutton:active, + .raven .raven-header .csd .titlebar button.expander-button.titlebutton:active, + .csd .titlebar .raven .raven-header button.expander-button.titlebutton:active, .raven .raven-header #gf-candidate-popup button.expander-button:active, #gf-candidate-popup .raven .raven-header button.expander-button:active, .raven .raven-header window > grid.vertical > box.vertical > widget button.expander-button:active, window > grid.vertical > box.vertical > widget .raven .raven-header button.expander-button:active, .raven .raven-header layouttabbar button.expander-button:active, layouttabbar .raven .raven-header button.expander-button:active, .raven .raven-header layouttab button.expander-button:active, layouttab .raven .raven-header button.expander-button:active { + color: #ECEFF1; } + .raven calendar { + border: none; + background-color: transparent; } + .raven undershoot.top, .raven undershoot.bottom, .raven undershoot.left, .raven undershoot.right { + background-image: none; } + +.raven-mpris { + border: none; + color: #ECEFF1; + background-color: rgba(42, 55, 62, 0.9); } + .raven-mpris button.image-button { + padding: 0.6015rem; } + +.budgie-notification-window { + border-radius: 2px; + background: none; } + +.budgie-notification.background { + border-radius: 2px; } +.budgie-notification .notification-title { + color: rgba(236, 239, 241, 0.75); + font-size: 110%; + font-weight: 500; } +.budgie-notification .notification-body { + color: #ECEFF1; } + +.background.csd.budgie-run-dialog { + border: 1px solid rgba(0, 0, 0, 0.11); + border-top-color: rgba(255, 255, 255, 0.07); + background-color: transparent; } + .background.csd.budgie-run-dialog decoration { + border-radius: 2px; + background-color: rgba(42, 55, 62, 0.9); } + .background.csd.budgie-run-dialog decoration headerbar { + border-radius: 2px; } + .background.csd.budgie-run-dialog scrolledwindow, .background.csd.budgie-run-dialog placessidebar { + border-image: none; } + .background.csd.budgie-run-dialog scrolledwindow undershoot.top, .background.csd.budgie-run-dialog placessidebar undershoot.top, .background.csd.budgie-run-dialog scrolledwindow undershoot.bottom, .background.csd.budgie-run-dialog placessidebar undershoot.bottom, .background.csd.budgie-run-dialog scrolledwindow undershoot.left, .background.csd.budgie-run-dialog placessidebar undershoot.left, .background.csd.budgie-run-dialog scrolledwindow undershoot.right, .background.csd.budgie-run-dialog placessidebar undershoot.right { + background-image: none; } + .background.csd.budgie-run-dialog box > box > separator { + border: 0 none transparent; + color: transparent; + background-color: transparent; } + .background.csd.budgie-run-dialog button.image-button { + color: #C5A68E); } + .background.csd.budgie-run-dialog button.image-button:hover, .background.csd.budgie-run-dialog button.image-button:active, .background.csd.budgie-run-dialog button.image-button:checked { + color: #C5A68E; } + .background.csd.budgie-run-dialog button.image-button:disabled { + color: rgba(77, 182, 172, 0.4); } + +.budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 2px; + border-width: 0; + background-color: #3e515a; + color: #ECEFF1; + font-weight: 700; + opacity: 0.9; } + .budgie-session-dialog decoration, + .budgie-polkit-dialog decoration { + border-radius: 2px; + box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); } + .budgie-session-dialog decoration:backdrop, + .budgie-polkit-dialog decoration:backdrop { + box-shadow: 0 10px 6px transparent, 0 6px 8px -4px transparent, 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); + transition: none; } + .budgie-session-dialog button, + .budgie-session-dialog .linked > button, + .budgie-polkit-dialog button, + .budgie-polkit-dialog .linked > button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + padding: 0.69925rem 1rem 0.80451rem; + border: 2px solid transparent; + border-radius: 0; + color: #C5A68E); + background-color: transparent; + background-size: 9.96241rem 9.96241rem, auto; } + .budgie-session-dialog button:hover, + .budgie-session-dialog .linked > button:hover, + .budgie-polkit-dialog button:hover, + .budgie-polkit-dialog .linked > button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + color: #C5A68E; } + .budgie-session-dialog button:active, + .budgie-session-dialog .linked > button:active, + .budgie-polkit-dialog button:active, + .budgie-polkit-dialog .linked > button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #C5A68E; } + .budgie-session-dialog button:checked, + .budgie-session-dialog .linked > button:checked, + .budgie-polkit-dialog button:checked, + .budgie-polkit-dialog .linked > button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + color: #C5A68E); } + .budgie-session-dialog button:disabled, + .budgie-session-dialog .linked > button:disabled, + .budgie-polkit-dialog button:disabled, + .budgie-polkit-dialog .linked > button:disabled { + box-shadow: none; + background-color: transparent; } + .budgie-session-dialog button:first-child, + .budgie-session-dialog .linked > button:first-child, + .budgie-polkit-dialog button:first-child, + .budgie-polkit-dialog .linked > button:first-child { + border-radius: 0 0 0 2px; + border-right-width: 0; } + .budgie-session-dialog button:last-child, + .budgie-session-dialog .linked > button:last-child, + .budgie-polkit-dialog button:last-child, + .budgie-polkit-dialog .linked > button:last-child { + border-radius: 0 0 2px 0; + border-left-width: 0; } + .budgie-session-dialog:not(.budgie-session-dialog) .message, + .budgie-polkit-dialog:not(.budgie-session-dialog) .message { + color: rgba(236, 239, 241, 0.75); } + .budgie-session-dialog:not(.budgie-session-dialog) .failure, + .budgie-polkit-dialog:not(.budgie-session-dialog) .failure { + color: #C5A68E; + font-weight: 700; } + +.drop-shadow { + background-color: #13191C; + background-image: none; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + +/***************** + * Unity Desktop * + *****************/ +UnityDecoration { + -UnityDecoration-extents: 28px 0 0 0; + -UnityDecoration-input-extents: 8px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 8px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.24); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.16); + -UnityDecoration-inactive-shadow-radius: 6px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #C5A68E; + -UnityDecoration-title-indent: 16px; + -UnityDecoration-title-fade: 32px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border-width: 1px 0 0; + border-style: solid none none; + border-color: rgba(0, 0, 0, 0.11); + border-radius: 2px 2px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #322F22); + color: #ECEFF1; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } + UnityDecoration.top:backdrop { + color: rgba(236, 239, 241, 0.3); } + UnityDecoration.left, UnityDecoration.left:backdrop, UnityDecoration.right, UnityDecoration.right:backdrop, UnityDecoration.bottom, UnityDecoration.bottom:backdrop { + background-image: none; } + +UnityPanelWidget, UnityPanelWidget:backdrop, +.unity-panel, +.unity-panel:backdrop { + border-bottom: 1px solid #13191c; + color: #ECEFF1; + background-image: linear-gradient(to bottom, #13191c); + box-shadow: none; } + +.unity-panel.menubar, +.unity-panel .menubar { + background-color: transparent; + background-image: none; + box-shadow: none; } + .unity-panel.menubar.menuitem, .unity-panel.menubar .menuitem *, + .unity-panel .menubar.menuitem, + .unity-panel .menubar .menuitem * { + padding: 0 6px; + border-radius: 0; + border-bottom: none; + color: #ECEFF1; + background-color: transparent; } + .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover, + .unity-panel .menubar.menuitem:hover, + .unity-panel .menubar .menuitem *:hover { + color: #FFFFFF; + box-shadow: inset 0 -2px #C5A68E; } + +/************ + * Corebird * + ************/ +stack button.profile-button:checked { + color: #ECEFF1; } + +headerbar.titlebar box button.toggle.account-button { + min-width: 1rem; + min-height: 1rem; + padding: 0.50376rem 0.75188rem 0.50376rem; + border-radius: 2px; + -gtk-outline-radius: 2px; } + headerbar.titlebar box button.toggle.account-button .avatar-round { + border-color: transparent; } +headerbar.titlebar box button.image-button.toggle { + min-width: 1rem; + min-height: 1rem; + padding: 0.50376rem 0.75188rem 0.50376rem; } + +/******** + * Nemo * + ********/ +window EelEditableLabel { + transition: none; } +window grid > box > box > toolbar.primary-toolbar { + border-bottom: 1px solid rgba(0, 0, 0, 0.11); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.22), inset 0 4px 3px -4px rgba(0, 0, 0, 0.22), inset 0 8px 3px -5px rgba(0, 0, 0, 0.24); } +window grid > paned > box > paned > box > notebook, window grid > paned > box > paned > box > notebook > stack:not(:only-child) { + background-color: #455A64; } +window grid.vertical > paned.horizontal > box.vertical > scrolledwindow.frame, window grid.vertical > paned.horizontal > box.vertical > placessidebar.frame { + border-width: 0; } +window grid.vertical > widget > box { + padding: 0.20301rem; } +window grid.vertical > widget > box > button.image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + min-width: 1rem; + min-height: 2.20301rem; + border-radius: 2px; + -gtk-outline-radius: 2px; + padding: 0 0.75188rem 0; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: rgba(236, 239, 241, 0.75); + box-shadow: none; } + window grid.vertical > widget > box > button.image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + border-image: none; + color: #ECEFF1; + box-shadow: none; } + window grid.vertical > widget > box > button.image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #ECEFF1; + box-shadow: none; } + window grid.vertical > widget > box > button.image-button:checked:disabled { + border-image: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); + box-shadow: none; } + window grid.vertical > widget > box > button.image-button:checked:disabled > label { + color: inherit; } + window grid.vertical > widget > box > button.image-button:checked:disabled > label { + color: inherit; } + window grid.vertical > widget > box > button.image-button:disabled { + box-shadow: none; + background-color: transparent; + border-image: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.225); + box-shadow: none; } +window grid.vertical > widget box > separator.vertical { + min-width: 0; + color: transparent; + background-color: transparent; } + +/************ + * Lollypop * + ************/ +window > headerbar > widget > box.horizontal > grid.horizontal > button.toggle.image-button { + min-width: 1.30075rem; + min-height: 2.80451rem; + padding: 0 0.75188rem 0; } +window > headerbar > widget > box.horizontal > button.image-button { + min-width: 1.30075rem; + min-height: 2.80451rem; + margin: -0.15038rem 0; + padding: 0 0.75188rem 0; } + +/*************************** + * Cinnamon-control-center * + ***************************/ +window > box.vertical > stack > scrolledwindow iconview, window > box.vertical > stack > placessidebar iconview, window > box.vertical > stack > scrolledwindow iconview.view, window > box.vertical > stack > placessidebar iconview.view, window > box.vertical > stack > scrolledwindow iconview, window > box.vertical > stack > placessidebar iconview { + background-color: transparent; } +window > box.vertical > stack > scrolledwindow toolbar, window > box.vertical > stack > placessidebar toolbar { + background-color: #3b4c54; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); } + +/********* + * XFce4 * + *********/ +.xfce4-panel { + background-color: #13191c; + color: #ECEFF1; + font-weight: 700; } + .xfce4-panel button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + padding: 0px 4px; + border: none; + border-radius: 0; + color: #ECEFF1; + background-color: transparent; } + .xfce4-panel button:hover { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px alpha(currentColor, 0.2); } + .xfce4-panel button:checked, .xfce4-panel button:hover:checked, .xfce4-panel button:disabled:checked { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px #C5A68E; } + .xfce4-panel button label:backdrop, .xfce4-panel button:backdrop { + opacity: 1.0; } + .xfce4-panel menu { + -gtk-icon-effect: none; } + +TopMenuAppMenuBar { + background-color: #13191c; + color: #ECEFF1; + box-shadow: none; } + TopMenuAppMenuBar > menuitem { + color: #ECEFF1; + background-color: transparent; } + TopMenuAppMenuBar > menuitem:hover { + color: #FFFFFF; + box-shadow: inset 0 -2px #C5A68E; } + TopMenuAppMenuBar > menuitem:backdrop { + opacity: 1.0; } + +/************** + * FeedReader * + **************/ +window > paned.titlebar > headerbar.titlebar button.flat:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar button.osd.image-button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +window > paned.titlebar > headerbar.titlebar .button.osd.image-button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle):not(.suggested-action):not(.destructive-action), window > paned.titlebar > headerbar.titlebar .menu > arrow:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +window > paned.titlebar > headerbar.titlebar .context-menu > arrow:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +window > paned.titlebar > headerbar.titlebar menu > arrow:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar placessidebar row button.image-button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), placessidebar row window > paned.titlebar > headerbar.titlebar button.image-button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar .csd headerbar.selection-mode button.titlebutton:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +.csd window > paned.titlebar > headerbar.titlebar button.titlebutton:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +window > paned.titlebar > headerbar.titlebar .csd .titlebar.selection-mode button.titlebutton:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar #gf-candidate-popup button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), #gf-candidate-popup window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar window > grid.vertical > box.vertical > widget button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > grid.vertical > box.vertical > widget window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar layouttabbar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), layouttabbar window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar layouttab button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), layouttab window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle) { + min-width: 1rem; + padding-left: 0.90226rem; + padding-right: 0.90226rem; } + +/************ + * Synaptic * + ************/ +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; } + window > box.vertical > box.horizontal > toolbar toolitem > box label, + window > box.vertical > box.horizontal > toolbar toolitem > box entry, + window > box.vertical > box.horizontal > toolbar toolitem > box spinbutton:not(.vertical) { + min-height: 1rem; + padding-top: 0.09774rem; + padding-bottom: 0.09774rem; + font-size: 90%; } + window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: rgba(236, 239, 241, 0.3); } +window > box.vertical > box.horizontal > widget { + background-color: transparent; } + +/*********** + * Colours * + ***********/ +@define-color theme_fg_color #ECEFF1; +@define-color theme_inverted_fg_color #ECEFF1; +@define-color theme_text_color #ECEFF1; +@define-color theme_bg_color #3e515a; +@define-color theme_base_color #455A64; +@define-color theme_selected_bg_color #C5A68E; +@define-color theme_selected_fg_color #FFFFFF; +@define-color insensitive_bg_color #3e515a; +@define-color insensitive_fg_color rgba(236, 239, 241, 0.3); +@define-color insensitive_base_color #42565f; +@define-color theme_unfocused_fg_color rgba(236, 239, 241, 0.3); +@define-color theme_unfocused_inverted_fg_color rgba(236, 239, 241, 0.3); +@define-color theme_unfocused_text_color rgba(236, 239, 241, 0.3); +@define-color theme_unfocused_inverted_text_color rgba(236, 239, 241, 0.3); +@define-color theme_unfocused_bg_color #3e515a; +@define-color theme_unfocused_base_color #455A64; +@define-color theme_unfocused_selected_bg_color #C5A68E; +@define-color theme_unfocused_selected_fg_color #FFFFFF; +@define-color placeholder_text_color #607D8B; +@define-color borders rgba(0, 0, 0, 0.11); +@define-color unfocused_borders rgba(0, 0, 0, 0.11); +@define-color warning_color #FF9800; +@define-color error_color #F44336; +@define-color success_color #00E676; +@define-color link_color #03A9F4; +@define-color wm_bg_a #322F22; +@define-color wm_bg_b rgba(255, 255, 255, 0.07); +@define-color content_view_bg #455A64;
A
themes/whitey/gtk-3.20/gtk-dark.scss
@@ -0,0 +1,8 @@
+$variant: 'dark'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'misc'; // specific styling for Gnome-hosted apps +@import '3rd-party'; // other apps/desktops styling +@import 'colors-public';
A
themes/whitey/gtk-3.20/gtk.css
@@ -0,0 +1,11240 @@
+/****************** + * Ripple effects * + ******************/ +@keyframes ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } } +@keyframes flat_ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } } +@keyframes list_ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } } +* { + transition-property: opacity, border-color, border-image, background-color, background-image, box-shadow, icon-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.2s; } + +/***************** + * Common States * + *****************/ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #F44336; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 16; + -GtkWidget-text-handle-height: 16; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-style: solid; + outline-width: 2px; + outline-color: alpha(currentColor, 0.2); + outline-offset: -0.30075rem; + -gtk-outline-radius: 2px; + -gtk-secondary-caret-color: #E8E8E8; + text-shadow: none; + -gtk-icon-shadow: none; } + +/*************** + * Base States * + ***************/ +.background { + background-color: #FFFFFF; + color: #263238; } + +*:disabled { + -gtk-icon-effect: dim; } + +.titlebar *:backdrop, +headerbar *:backdrop, .csd headerbar button.titlebutton *:backdrop, +.csd .titlebar button.titlebutton *:backdrop { + opacity: 0.75; + transition: 0.2s; } + +.gtkstyle-fallback { + background-color: #FFFFFF; + color: #263238; } + .gtkstyle-fallback:hover { + background-color: #eaeef2; + color: #263238; } + .gtkstyle-fallback:active { + background-color: #dae2e9; + color: #263238; } + .gtkstyle-fallback:disabled { + background-color: #FFFFFF; + color: rgba(38, 50, 56, 0.3); } + .gtkstyle-fallback:selected { + background-color: #E8E8E8; + color: #FFFFFF; } + +.view, iconview, +.view text, +iconview text, +textview text { + background-color: #FFFFFF; + color: #263238; } + .view:hover, iconview:hover, .view:active, iconview:active, .view:selected, iconview:selected, + .view text:hover, + iconview text:hover, + textview text:hover, + .view text:active, + iconview text:active, + textview text:active, + .view text:selected, + iconview text:selected, + textview text:selected { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .view:disabled, iconview:disabled, + .view text:disabled, + iconview text:disabled, + textview text:disabled { + color: rgba(38, 50, 56, 0.3); } + +textview border { + background-color: #FFFFFF; } + +rubberband, flowbox rubberband, treeview.view rubberband, .tweak-category rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #4DD0E1; + background-color: rgba(77, 208, 225, 0.2); } + +flowbox flowboxchild { + padding: 0.15038rem; + border-radius: 2px; + -gtk-outline-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -0.15038rem; } + +label { + caret-color: currentColor; } + label.separator { + color: transparent; } + label:disabled { + color: rgba(38, 50, 56, 0.3); } + label.kudo-label { + color: #263238; } + +.dim-label, label.separator, .titlebar .title:backdrop, +headerbar .title:backdrop, .titlebar .subtitle, +headerbar .subtitle, .titlebar .subtitle:backdrop, +headerbar .subtitle:backdrop { + opacity: 0.55; } + +assistant .sidebar { + padding: 0.50376rem 0; + background-color: #FFFFFF; } + assistant .sidebar:dir(ltr) { + border-right: 1px solid rgba(0, 0, 0, 0.09); } + assistant .sidebar:dir(rtl) { + border-left: 1px solid rgba(0, 0, 0, 0.09); } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 0.3985rem 0.6015rem 0.50376rem; + color: rgba(38, 50, 56, 0.75); + font-weight: 500; } + assistant .sidebar label.highlight { + color: #E8E8E8; } +assistant headerbar button.flat:not(:last-child), assistant headerbar button.osd.image-button:not(:last-child), +assistant headerbar .button.osd.image-button:not(:last-child), +assistant headerbar button:not(:last-child):not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child), +assistant headerbar .context-menu > arrow:not(:last-child), +assistant headerbar menu > arrow:not(:last-child), assistant headerbar placessidebar row button.image-button:not(:last-child), placessidebar row assistant headerbar button.image-button:not(:last-child), assistant .csd headerbar button.titlebutton:not(:last-child), .csd assistant headerbar button.titlebutton:not(:last-child), +assistant headerbar .csd .titlebar button.titlebutton:not(:last-child), +.csd .titlebar.selection-mode assistant headerbar button.titlebutton:not(:last-child), assistant headerbar #gf-candidate-popup button:not(:last-child), #gf-candidate-popup assistant headerbar button:not(:last-child), +assistant headerbar #gf-candidate-popup .linked > button:not(:last-child):first-child, +#gf-candidate-popup assistant headerbar .linked > button:not(:last-child):first-child, +assistant headerbar #gf-candidate-popup .linked > button:not(:last-child):last-child, +#gf-candidate-popup assistant headerbar .linked > button:not(:last-child):last-child, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child), window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child), assistant headerbar layouttabbar button:not(:last-child), layouttabbar assistant headerbar button:not(:last-child), assistant headerbar layouttab button:not(:last-child), layouttab assistant headerbar button:not(:last-child) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #FFFFFF; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); + background-color: #E8E8E8; + color: rgba(255, 255, 255, 0.85); } + assistant headerbar button.flat:not(:last-child):hover, assistant headerbar button.osd.image-button:not(:last-child):hover, + assistant headerbar .button.osd.image-button:not(:last-child):hover, + assistant headerbar button:not(:last-child):hover:not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child):hover, + assistant headerbar .context-menu > arrow:not(:last-child):hover, + assistant headerbar menu > arrow:not(:last-child):hover, assistant headerbar placessidebar row button.image-button:not(:last-child):hover, placessidebar row assistant headerbar button.image-button:not(:last-child):hover, assistant .csd headerbar button.titlebutton:not(:last-child):hover, .csd assistant headerbar button.titlebutton:not(:last-child):hover, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):hover, assistant headerbar #gf-candidate-popup button:not(:last-child):hover, #gf-candidate-popup assistant headerbar button:not(:last-child):hover, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):hover, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):hover, assistant headerbar layouttabbar button:not(:last-child):hover, layouttabbar assistant headerbar button:not(:last-child):hover, assistant headerbar layouttab button:not(:last-child):hover, layouttab assistant headerbar button:not(:last-child):hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #263238; + color: #FFFFFF; } + assistant headerbar button.flat:not(:last-child):active, assistant headerbar button.osd.image-button:not(:last-child):active, + assistant headerbar .button.osd.image-button:not(:last-child):active, + assistant headerbar button:not(:last-child):active:not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child):active, + assistant headerbar .context-menu > arrow:not(:last-child):active, + assistant headerbar menu > arrow:not(:last-child):active, assistant headerbar placessidebar row button.image-button:not(:last-child):active, placessidebar row assistant headerbar button.image-button:not(:last-child):active, assistant .csd headerbar button.titlebutton:not(:last-child):active, .csd assistant headerbar button.titlebutton:not(:last-child):active, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):active, assistant headerbar #gf-candidate-popup button:not(:last-child):active, #gf-candidate-popup assistant headerbar button:not(:last-child):active, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):active, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):active, assistant headerbar layouttabbar button:not(:last-child):active, layouttabbar assistant headerbar button:not(:last-child):active, assistant headerbar layouttab button:not(:last-child):active, layouttab assistant headerbar button:not(:last-child):active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #263238; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #FFFFFF; + background-color: #E8E8E8; } + assistant headerbar button.flat:not(:last-child):checked, assistant headerbar button.osd.image-button:not(:last-child):checked, + assistant headerbar .button.osd.image-button:not(:last-child):checked, + assistant headerbar button:not(:last-child):checked:not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child):checked, + assistant headerbar .context-menu > arrow:not(:last-child):checked, + assistant headerbar menu > arrow:not(:last-child):checked, assistant headerbar placessidebar row button.image-button:not(:last-child):checked, placessidebar row assistant headerbar button.image-button:not(:last-child):checked, assistant .csd headerbar button.titlebutton:not(:last-child):checked, .csd assistant headerbar button.titlebutton:not(:last-child):checked, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):checked, assistant headerbar #gf-candidate-popup button:not(:last-child):checked, #gf-candidate-popup assistant headerbar button:not(:last-child):checked, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):checked, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):checked, assistant headerbar layouttabbar button:not(:last-child):checked, layouttabbar assistant headerbar button:not(:last-child):checked, assistant headerbar layouttab button:not(:last-child):checked, layouttab assistant headerbar button:not(:last-child):checked { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #E8E8E8; + color: #FFFFFF; + background-color: #E8E8E8; + color: #ECEFF1; } + assistant headerbar button.flat:not(:last-child):disabled, assistant headerbar button.osd.image-button:not(:last-child):disabled, + assistant headerbar .button.osd.image-button:not(:last-child):disabled, + assistant headerbar button:not(:last-child):disabled:not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child):disabled, + assistant headerbar .context-menu > arrow:not(:last-child):disabled, + assistant headerbar menu > arrow:not(:last-child):disabled, assistant headerbar placessidebar row button.image-button:not(:last-child):disabled, placessidebar row assistant headerbar button.image-button:not(:last-child):disabled, assistant .csd headerbar button.titlebutton:not(:last-child):disabled, .csd assistant headerbar button.titlebutton:not(:last-child):disabled, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):disabled, assistant headerbar #gf-candidate-popup button:not(:last-child):disabled, #gf-candidate-popup assistant headerbar button:not(:last-child):disabled, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):disabled, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):disabled, assistant headerbar layouttabbar button:not(:last-child):disabled, layouttabbar assistant headerbar button:not(:last-child):disabled, assistant headerbar layouttab button:not(:last-child):disabled, layouttab assistant headerbar button:not(:last-child):disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(38, 50, 56, 0.225); } + assistant headerbar button.flat:not(:last-child):disabled > label, assistant headerbar button.osd.image-button:not(:last-child):disabled > label, + assistant headerbar .button.osd.image-button:not(:last-child):disabled > label, assistant headerbar .titlebar button:not(:last-child):disabled:not(.suggested-action):not(.destructive-action) > label, + assistant headerbar button:not(:last-child):disabled:not(.suggested-action):not(.destructive-action) > label, assistant headerbar .menu > arrow:not(:last-child):disabled > label, + assistant headerbar .context-menu > arrow:not(:last-child):disabled > label, + assistant headerbar menu > arrow:not(:last-child):disabled > label, assistant headerbar placessidebar row button.image-button:not(:last-child):disabled > label, placessidebar row assistant headerbar button.image-button:not(:last-child):disabled > label, assistant .csd headerbar button.titlebutton:not(:last-child):disabled > label, .csd assistant headerbar button.titlebutton:not(:last-child):disabled > label, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):disabled > label, assistant headerbar #gf-candidate-popup button:not(:last-child):disabled > label, #gf-candidate-popup assistant headerbar button:not(:last-child):disabled > label, + assistant headerbar #gf-candidate-popup .linked > button:not(:last-child):disabled > label, + #gf-candidate-popup assistant headerbar .linked > button:not(:last-child):disabled > label, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):disabled > label, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):disabled > label, assistant headerbar layouttabbar button:not(:last-child):disabled > label, layouttabbar assistant headerbar button:not(:last-child):disabled > label, assistant headerbar layouttab button:not(:last-child):disabled > label, layouttab assistant headerbar button:not(:last-child):disabled > label { + color: inherit; } + +buttonbox button, buttonbox.dialog-action-area button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #E8E8E8; + font-weight: 700; } + buttonbox button:hover, buttonbox.dialog-action-area button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + color: #E8E8E8; } + buttonbox button:active, buttonbox.dialog-action-area button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #E8E8E8; } + buttonbox button:disabled, buttonbox.dialog-action-area button:disabled { + box-shadow: none; + background-color: transparent; } + buttonbox button:checked, buttonbox.dialog-action-area button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + color: #E8E8E8; } + buttonbox button:checked:disabled, buttonbox.dialog-action-area button:checked:disabled { + color: #E8E8E8; } + buttonbox button:checked:disabled > label, buttonbox.dialog-action-area button:checked:disabled > label { + color: inherit; } + +.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, +.app-notification.frame, .osd .scale-popup, .nautilus-window .floating-bar, .osd { + opacity: 0.9; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes colorful_bar { + 0% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(0, 1); } + 24.9% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(1, 1); } + 25% { + -gtk-icon-source: url("assets/bar-yellow.svg"); + -gtk-icon-transform: scale(1, 1); } + 49.9% { + -gtk-icon-source: url("assets/bar-yellow.svg"); + -gtk-icon-transform: scale(0, 1); } + 50% { + -gtk-icon-source: url("assets/bar-green.svg"); + -gtk-icon-transform: scale(0, 1); } + 74.9% { + -gtk-icon-source: url("assets/bar-green.svg"); + -gtk-icon-transform: scale(1, 1); } + 75% { + -gtk-icon-source: url("assets/bar-blue.svg"); + -gtk-icon-transform: scale(1, 1); } + 99.9% { + -gtk-icon-source: url("assets/bar-blue.svg"); + -gtk-icon-transform: scale(0, 1); } + 100% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(0, 1); } } +spinner { + min-height: 1.20301rem; + min-width: 1.20301rem; + padding: 0.3985rem 0 0.3985rem; + margin: 0; + background: none; + opacity: 0; + -gtk-icon-source: url("assets/bar-red.svg"); } + spinner:checked { + opacity: 1.0; + animation: colorful_bar 2s linear infinite; } + spinner:checked:disabled { + opacity: 0.4; } + spinner:checked:backdrop { + opacity: 1.0; } + spinner:backdrop { + opacity: 0; } + +/**************** + * Text Entries * + ****************/ +entry, spinbutton:not(.vertical), +.entry { + min-height: 1rem; + min-width: 2.50376rem; + padding: 0.69925rem 0.6015rem 0.80451rem; + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + entry:focus, spinbutton:focus:not(.vertical), + .entry:focus { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry:disabled, spinbutton:disabled:not(.vertical), + .entry:disabled { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); } + entry.flat, spinbutton.flat:not(.vertical), notebook:not(.reorderable-page) > entry, notebook:not(.reorderable-page) > spinbutton:not(.vertical), + .entry.flat, + .linked > entry:not(.flat), + .linked > spinbutton:not(.flat):not(.vertical), + .linked.vertical > entry:not(.flat), + .linked > .entry:not(.flat), + .linked.vertical > .entry:not(.flat) { + border-radius: 0; + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + entry.flat:focus, spinbutton.flat:focus:not(.vertical), notebook:not(.reorderable-page) > entry:focus, notebook:not(.reorderable-page) > spinbutton:focus:not(.vertical), + .entry.flat:focus, + .linked > entry:focus:not(.flat), + .linked > spinbutton:focus:not(.flat):not(.vertical), + .linked > .entry:focus:not(.flat) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.flat:disabled, spinbutton.flat:disabled:not(.vertical), notebook:not(.reorderable-page) > entry:disabled, notebook:not(.reorderable-page) > spinbutton:disabled:not(.vertical), + .entry.flat:disabled, + .linked > entry:disabled:not(.flat), + .linked > spinbutton:disabled:not(.flat):not(.vertical), + .linked > .entry:disabled:not(.flat) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(38, 50, 56, 0.3); } + entry image, spinbutton:not(.vertical) image, + .entry image { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + .linked > entry:not(.flat), .linked > spinbutton:not(.flat):not(.vertical), .linked.vertical > entry:not(.flat), .linked.vertical > spinbutton:not(.flat):not(.vertical), .linked > + .entry:not(.flat), .linked.vertical > + .entry:not(.flat) { + border-radius: 0; + -gtk-outline-radius: 0; } + entry.error, spinbutton.error:not(.vertical), + .entry.error { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + entry.error:focus, spinbutton.error:focus:not(.vertical), + .entry.error:focus { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.error:disabled, spinbutton.error:disabled:not(.vertical), + .entry.error:disabled { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); } + entry.error.flat, spinbutton.error.flat:not(.vertical), notebook:not(.reorderable-page) > entry.error, notebook:not(.reorderable-page) > spinbutton.error:not(.vertical), + .entry.error.flat, + .linked > entry.error:not(.flat), + .linked > spinbutton.error:not(.flat):not(.vertical), + .linked > .error.entry:not(.flat) { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + entry.error.flat:focus, spinbutton.error.flat:focus:not(.vertical), notebook:not(.reorderable-page) > entry.error:focus, notebook:not(.reorderable-page) > spinbutton.error:focus:not(.vertical), + .entry.error.flat:focus, + .linked > entry.error:focus:not(.flat), + .linked > spinbutton.error:focus:not(.flat):not(.vertical), + .linked > .error.entry:focus:not(.flat) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.error.flat:disabled, spinbutton.error.flat:disabled:not(.vertical), notebook:not(.reorderable-page) > entry.error:disabled, notebook:not(.reorderable-page) > spinbutton.error:disabled:not(.vertical), + .entry.error.flat:disabled, + .linked > entry.error:disabled:not(.flat), + .linked > spinbutton.error:disabled:not(.flat):not(.vertical), + .linked > .error.entry:disabled:not(.flat) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(38, 50, 56, 0.3); } + entry.warning, spinbutton.warning:not(.vertical), + .entry.warning { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + entry.warning:focus, spinbutton.warning:focus:not(.vertical), + .entry.warning:focus { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FF9800), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.warning:disabled, spinbutton.warning:disabled:not(.vertical), + .entry.warning:disabled { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); } + entry.warning.flat, spinbutton.warning.flat:not(.vertical), notebook:not(.reorderable-page) > entry.warning, notebook:not(.reorderable-page) > spinbutton.warning:not(.vertical), + .entry.warning.flat, + .linked > entry.warning:not(.flat), + .linked > spinbutton.warning:not(.flat):not(.vertical), + .linked > .warning.entry:not(.flat) { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + entry.warning.flat:focus, spinbutton.warning.flat:focus:not(.vertical), notebook:not(.reorderable-page) > entry.warning:focus, notebook:not(.reorderable-page) > spinbutton.warning:focus:not(.vertical), + .entry.warning.flat:focus, + .linked > entry.warning:focus:not(.flat), + .linked > spinbutton.warning:focus:not(.flat):not(.vertical), + .linked > .warning.entry:focus:not(.flat) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FF9800), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.warning.flat:disabled, spinbutton.warning.flat:disabled:not(.vertical), notebook:not(.reorderable-page) > entry.warning:disabled, notebook:not(.reorderable-page) > spinbutton.warning:disabled:not(.vertical), + .entry.warning.flat:disabled, + .linked > entry.warning:disabled:not(.flat), + .linked > spinbutton.warning:disabled:not(.flat):not(.vertical), + .linked > .warning.entry:disabled:not(.flat) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(38, 50, 56, 0.3); } + entry.search-missing, spinbutton.search-missing:not(.vertical), + .entry.search-missing { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + entry.search-missing:focus, spinbutton.search-missing:focus:not(.vertical), + .entry.search-missing:focus { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.search-missing:disabled, spinbutton.search-missing:disabled:not(.vertical), + .entry.search-missing:disabled { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); } + entry.search-missing.flat, spinbutton.search-missing.flat:not(.vertical), notebook:not(.reorderable-page) > entry.search-missing, notebook:not(.reorderable-page) > spinbutton.search-missing:not(.vertical), + .entry.search-missing.flat, + .linked > entry.search-missing:not(.flat), + .linked > spinbutton.search-missing:not(.flat):not(.vertical), + .linked > .search-missing.entry:not(.flat) { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + entry.search-missing.flat:focus, spinbutton.search-missing.flat:focus:not(.vertical), notebook:not(.reorderable-page) > entry.search-missing:focus, notebook:not(.reorderable-page) > spinbutton.search-missing:focus:not(.vertical), + .entry.search-missing.flat:focus, + .linked > entry.search-missing:focus:not(.flat), + .linked > spinbutton.search-missing:focus:not(.flat):not(.vertical), + .linked > .search-missing.entry:focus:not(.flat) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.search-missing.flat:disabled, spinbutton.search-missing.flat:disabled:not(.vertical), notebook:not(.reorderable-page) > entry.search-missing:disabled, notebook:not(.reorderable-page) > spinbutton.search-missing:disabled:not(.vertical), + .entry.search-missing.flat:disabled, + .linked > entry.search-missing:disabled:not(.flat), + .linked > spinbutton.search-missing:disabled:not(.flat):not(.vertical), + .linked > .search-missing.entry:disabled:not(.flat) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(38, 50, 56, 0.3); } + entry image:not(:hover):not(:active), spinbutton:not(.vertical) image:not(:hover):not(:active), + .entry image:not(:hover):not(:active) { + color: alpha(currentColor, 0.75); } + entry image:active, spinbutton:not(.vertical) image:active, + .entry image:active { + color: #E8E8E8; } + entry image:disabled, spinbutton:not(.vertical) image:disabled, + .entry image:disabled { + color: alpha(currentColor, 0.55); } + entry:drop(active):focus, spinbutton:drop(active):focus:not(.vertical), entry:drop(active), spinbutton:drop(active):not(.vertical), + .entry:drop(active):focus, + .entry:drop(active) { + border-color: #E8E8E8; + box-shadow: inset 0 0 0 1px #E8E8E8; } + treeview entry, treeview spinbutton:not(.vertical), treeview entry.flat:focus, treeview spinbutton.flat:focus:not(.vertical), treeview notebook:not(.reorderable-page) > entry:focus, treeview notebook:not(.reorderable-page) > spinbutton:focus:not(.vertical), treeview + .entry, treeview + .entry.flat:focus, treeview .linked > entry:focus:not(.flat), treeview .linked > spinbutton:focus:not(.flat):not(.vertical), treeview .linked > .entry:focus:not(.flat) { + padding: 1px; + border-radius: 0; + border-image: none; + background-color: #FFFFFF; + color: #263238; + box-shadow: none; + transition: none; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#E8E8E8), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E8E8E8), to(transparent)); } } +button, +.button { + min-height: 1rem; + min-width: 2.50376rem; + padding: 0.69925rem 1rem 0.80451rem; + border-radius: 2px; + -gtk-outline-radius: 2px; + background-repeat: no-repeat; + background-position: center, center; + background-size: 9.96241rem 9.96241rem, auto; + font-weight: 500; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #FFFFFF; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); } + button:hover, + .button:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #263238; } + button:active, + .button:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #263238; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + button:disabled, + .button:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(38, 50, 56, 0.225); } + button:disabled > label, + .button:disabled > label { + color: inherit; } + button:checked, + .button:checked { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #E8E8E8; + color: #FFFFFF; } + button:checked:disabled, + .button:checked:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(0, 188, 212, 0.4); } + button:checked:disabled > label, + .button:checked:disabled > label { + color: inherit; } + button.flat, button.osd.image-button, + .button.osd.image-button, .titlebar button:not(.suggested-action):not(.destructive-action), + headerbar button:not(.suggested-action):not(.destructive-action), .menu > arrow, + .context-menu > arrow, + menu > arrow, placessidebar row button.image-button, .csd headerbar button.titlebutton, .csd headerbar.selection-mode button.titlebutton, + .csd .titlebar button.titlebutton, + .csd .titlebar.selection-mode button.titlebutton, #gf-candidate-popup button, #gf-candidate-popup button:first-child, #gf-candidate-popup button:last-child, + #gf-candidate-popup .linked > button, + #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .linked > button:last-child, window > grid.vertical > box.vertical > widget button, layouttabbar button, layouttab button, + .button.flat, + .ssd decoration .button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } + button.flat:hover, button.osd.image-button:hover, + .button.osd.image-button:hover, .titlebar button:hover:not(.suggested-action):not(.destructive-action), + headerbar button:hover:not(.suggested-action):not(.destructive-action), .menu > arrow:hover, + .context-menu > arrow:hover, + menu > arrow:hover, placessidebar row button.image-button:hover, .csd headerbar button.titlebutton:hover, + .csd .titlebar button.titlebutton:hover, #gf-candidate-popup button:hover, + #gf-candidate-popup .linked > button:hover:first-child, + #gf-candidate-popup .linked > button:hover:last-child, window > grid.vertical > box.vertical > widget button:hover, layouttabbar button:hover, layouttab button:hover, + .button.flat:hover, + .ssd decoration .button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + button.flat:active, button.osd.image-button:active, + .button.osd.image-button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), + headerbar button:active:not(.suggested-action):not(.destructive-action), .menu > arrow:active, + .context-menu > arrow:active, + menu > arrow:active, placessidebar row button.image-button:active, .csd headerbar button.titlebutton:active, + .csd .titlebar button.titlebutton:active, #gf-candidate-popup button:active, + #gf-candidate-popup .linked > button:active:first-child, + #gf-candidate-popup .linked > button:active:last-child, window > grid.vertical > box.vertical > widget button:active, layouttabbar button:active, layouttab button:active, + .button.flat:active, + .ssd decoration .button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + button.flat:disabled, button.osd.image-button:disabled, + .button.osd.image-button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar button:disabled:not(.suggested-action):not(.destructive-action), .menu > arrow:disabled, + .context-menu > arrow:disabled, + menu > arrow:disabled, placessidebar row button.image-button:disabled, .csd headerbar button.titlebutton:disabled, + .csd .titlebar button.titlebutton:disabled, #gf-candidate-popup button:disabled, + #gf-candidate-popup .linked > button:disabled:first-child, + #gf-candidate-popup .linked > button:disabled:last-child, window > grid.vertical > box.vertical > widget button:disabled, layouttabbar button:disabled, layouttab button:disabled, + .button.flat:disabled, + .ssd decoration .button:disabled { + box-shadow: none; + background-color: transparent; } + button.flat:checked, button.osd.image-button:checked, + .button.osd.image-button:checked, .titlebar button:checked:not(.suggested-action):not(.destructive-action), + headerbar button:checked:not(.suggested-action):not(.destructive-action), .menu > arrow:checked, + .context-menu > arrow:checked, + menu > arrow:checked, placessidebar row button.image-button:checked, .csd headerbar button.titlebutton:checked, + .csd .titlebar button.titlebutton:checked, #gf-candidate-popup button:checked, + #gf-candidate-popup .linked > button:checked:first-child, + #gf-candidate-popup .linked > button:checked:last-child, window > grid.vertical > box.vertical > widget button:checked, layouttabbar button:checked, layouttab button:checked, + .button.flat:checked, + .ssd decoration .button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; } + button.flat:checked:disabled > label, button.osd.image-button:checked:disabled > label, + .button.osd.image-button:checked:disabled > label, .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action) > label, + headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) > label, .menu > arrow:checked:disabled > label, + .context-menu > arrow:checked:disabled > label, + menu > arrow:checked:disabled > label, placessidebar row button.image-button:checked:disabled > label, .csd headerbar button.titlebutton:checked:disabled > label, + .csd .titlebar button.titlebutton:checked:disabled > label, #gf-candidate-popup button:checked:disabled > label, + #gf-candidate-popup .linked > button:checked:disabled > label, window > grid.vertical > box.vertical > widget button:checked:disabled > label, layouttabbar button:checked:disabled > label, layouttab button:checked:disabled > label, + .button.flat:checked:disabled > label, + .ssd decoration .button:checked:disabled > label { + color: inherit; } + .linked > button.flat, .linked > button.osd.image-button, + .linked > .button.osd.image-button, .titlebar .linked > button:not(.suggested-action):not(.destructive-action), + headerbar .linked > button:not(.suggested-action):not(.destructive-action), .menu.linked > arrow, + .context-menu.linked > arrow, + menu.linked > arrow, placessidebar row .linked > button.image-button, .csd headerbar .linked > button.titlebutton, + .csd .titlebar .linked > button.titlebutton, + #gf-candidate-popup .linked > button, + #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .linked > button:last-child, window > grid.vertical > box.vertical > widget .linked > button, layouttabbar .linked > button, layouttab .linked > button, .linked > + .button.flat, .ssd decoration .linked > .button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .linked > button.flat.image-button, .linked > button.image-button.osd, + .linked > .image-button.button.osd, .titlebar .linked > button.image-button:not(.suggested-action):not(.destructive-action), + headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), .menu.linked > arrow.image-button, + .context-menu.linked > arrow.image-button, + menu.linked > arrow.image-button, placessidebar row .linked > button.image-button, .csd headerbar .linked > button.image-button.titlebutton, + .csd .titlebar .linked > button.image-button.titlebutton, + #gf-candidate-popup .linked > button.image-button, window > grid.vertical > box.vertical > widget .linked > button.image-button, layouttabbar .linked > button.image-button, layouttab .linked > button.image-button, .linked > + .button.flat.image-button, .ssd decoration .linked > .image-button.button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + button.osd.image-button, + .button.osd.image-button { + padding: 1.30075rem; + background-color: #FFFFFF; + background-size: 3.7594rem 3.7594rem, auto; } + button.osd.image-button:not(:active):not(:disabled):not(hover), + .button.osd.image-button:not(:active):not(:disabled):not(hover) { + color: #E8E8E8; } + button.osd.image-button:hover, + .button.osd.image-button:hover { + color: #E8E8E8; + background-color: rgba(42, 55, 62, 0.7); + background-image: linear-gradient(to bottom, alpha(currentColor, 0.2)); } + button.osd.image-button:active, + .button.osd.image-button:active { + color: #E8E8E8; + background-color: rgba(42, 55, 62, 0.7); + background-image: linear-gradient(to bottom, rgba(236, 239, 241, 0.1)); } + button.osd:disabled, + .button.osd:disabled { + opacity: 0; } + button.suggested-action, + .button.suggested-action { + background-color: #E8E8E8; + background-size: 9.96241rem 9.96241rem, auto; + color: #FFFFFF; } + button.suggested-action:hover, + .button.suggested-action:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #263238; + background-color: #E8E8E8; + color: #FFFFFF; } + button.suggested-action:active, + .button.suggested-action:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #263238; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: #E8E8E8; + color: #FFFFFF; } + button.suggested-action:checked, + .button.suggested-action:checked { + background-color: #33aba0; } + button.suggested-action:disabled, + .button.suggested-action:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(38, 50, 56, 0.3); } + button.suggested-action:disabled > label, + .button.suggested-action:disabled > label { + color: inherit; } + button.suggested-action.flat, button.suggested-action.osd.image-button, + .suggested-action.button.osd.image-button, .titlebar button.suggested-action:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action, + .context-menu > arrow.suggested-action, + menu > arrow.suggested-action, placessidebar row button.suggested-action.image-button, .csd headerbar button.suggested-action.titlebutton, + .csd .titlebar button.suggested-action.titlebutton, #gf-candidate-popup button.suggested-action, + #gf-candidate-popup .linked > button.suggested-action:first-child, + #gf-candidate-popup .linked > button.suggested-action:last-child, window > grid.vertical > box.vertical > widget button.suggested-action, layouttabbar button.suggested-action, layouttab button.suggested-action, + .button.suggested-action.flat, + .ssd decoration .suggested-action.button { + background-color: transparent; + color: #E8E8E8; } + button.suggested-action.flat:hover, button.suggested-action.osd.image-button:hover, + .suggested-action.button.osd.image-button:hover, .titlebar button.suggested-action:hover:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:hover:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action:hover, + .context-menu > arrow.suggested-action:hover, + menu > arrow.suggested-action:hover, placessidebar row button.suggested-action.image-button:hover, .csd headerbar button.suggested-action.titlebutton:hover, + .csd .titlebar button.suggested-action.titlebutton:hover, #gf-candidate-popup button.suggested-action:hover, window > grid.vertical > box.vertical > widget button.suggested-action:hover, layouttabbar button.suggested-action:hover, layouttab button.suggested-action:hover, + .button.suggested-action.flat:hover, + .ssd decoration .suggested-action.button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + button.suggested-action.flat:active, button.suggested-action.osd.image-button:active, + .suggested-action.button.osd.image-button:active, .titlebar button.suggested-action:active:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:active:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action:active, + .context-menu > arrow.suggested-action:active, + menu > arrow.suggested-action:active, placessidebar row button.suggested-action.image-button:active, .csd headerbar button.suggested-action.titlebutton:active, + .csd .titlebar button.suggested-action.titlebutton:active, #gf-candidate-popup button.suggested-action:active, window > grid.vertical > box.vertical > widget button.suggested-action:active, layouttabbar button.suggested-action:active, layouttab button.suggested-action:active, + .button.suggested-action.flat:active, + .ssd decoration .suggested-action.button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(#E8E8E8, 0.2); + color: #E8E8E8; } + button.suggested-action.flat:checked, button.suggested-action.osd.image-button:checked, + .suggested-action.button.osd.image-button:checked, .titlebar button.suggested-action:checked:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:checked:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action:checked, + .context-menu > arrow.suggested-action:checked, + menu > arrow.suggested-action:checked, placessidebar row button.suggested-action.image-button:checked, .csd headerbar button.suggested-action.titlebutton:checked, + .csd .titlebar button.suggested-action.titlebutton:checked, #gf-candidate-popup button.suggested-action:checked, window > grid.vertical > box.vertical > widget button.suggested-action:checked, layouttabbar button.suggested-action:checked, layouttab button.suggested-action:checked, + .button.suggested-action.flat:checked, + .ssd decoration .suggested-action.button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; } + button.suggested-action.flat:disabled, button.suggested-action.osd.image-button:disabled, + .suggested-action.button.osd.image-button:disabled, .titlebar button.suggested-action:disabled:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:disabled:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action:disabled, + .context-menu > arrow.suggested-action:disabled, + menu > arrow.suggested-action:disabled, placessidebar row button.suggested-action.image-button:disabled, .csd headerbar button.suggested-action.titlebutton:disabled, + .csd .titlebar button.suggested-action.titlebutton:disabled, #gf-candidate-popup button.suggested-action:disabled, window > grid.vertical > box.vertical > widget button.suggested-action:disabled, layouttabbar button.suggested-action:disabled, layouttab button.suggested-action:disabled, + .button.suggested-action.flat:disabled, + .ssd decoration .suggested-action.button:disabled { + box-shadow: none; + background-color: transparent; } + button.destructive-action, + .button.destructive-action { + background-color: #FF5252; + background-size: 9.96241rem 9.96241rem, auto; + color: #FFFFFF; } + button.destructive-action:hover, + .button.destructive-action:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #263238; + background-color: #FF5252; + color: #FFFFFF; } + button.destructive-action:active, + .button.destructive-action:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #263238; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: #E8E8E8; + color: #FFFFFF; } + button.destructive-action:checked, + .button.destructive-action:checked { + background-color: #ff7575; } + button.destructive-action:disabled, + .button.destructive-action:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(38, 50, 56, 0.3); } + button.destructive-action:disabled > label, + .button.destructive-action:disabled > label { + color: inherit; } + button.destructive-action.flat, button.destructive-action.osd.image-button, + .destructive-action.button.osd.image-button, .titlebar button.destructive-action:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action, + .context-menu > arrow.destructive-action, + menu > arrow.destructive-action, placessidebar row button.destructive-action.image-button, .csd headerbar button.destructive-action.titlebutton, + .csd .titlebar button.destructive-action.titlebutton, #gf-candidate-popup button.destructive-action, + #gf-candidate-popup .linked > button.destructive-action:first-child, + #gf-candidate-popup .linked > button.destructive-action:last-child, window > grid.vertical > box.vertical > widget button.destructive-action, layouttabbar button.destructive-action, layouttab button.destructive-action, + .button.destructive-action.flat, + .ssd decoration .destructive-action.button { + background-color: transparent; + color: #FF5252; } + button.destructive-action.flat:hover, button.destructive-action.osd.image-button:hover, + .destructive-action.button.osd.image-button:hover, .titlebar button.destructive-action:hover:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:hover:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action:hover, + .context-menu > arrow.destructive-action:hover, + menu > arrow.destructive-action:hover, placessidebar row button.destructive-action.image-button:hover, .csd headerbar button.destructive-action.titlebutton:hover, + .csd .titlebar button.destructive-action.titlebutton:hover, #gf-candidate-popup button.destructive-action:hover, window > grid.vertical > box.vertical > widget button.destructive-action:hover, layouttabbar button.destructive-action:hover, layouttab button.destructive-action:hover, + .button.destructive-action.flat:hover, + .ssd decoration .destructive-action.button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + button.destructive-action.flat:active, button.destructive-action.osd.image-button:active, + .destructive-action.button.osd.image-button:active, .titlebar button.destructive-action:active:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:active:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action:active, + .context-menu > arrow.destructive-action:active, + menu > arrow.destructive-action:active, placessidebar row button.destructive-action.image-button:active, .csd headerbar button.destructive-action.titlebutton:active, + .csd .titlebar button.destructive-action.titlebutton:active, #gf-candidate-popup button.destructive-action:active, window > grid.vertical > box.vertical > widget button.destructive-action:active, layouttabbar button.destructive-action:active, layouttab button.destructive-action:active, + .button.destructive-action.flat:active, + .ssd decoration .destructive-action.button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(#E8E8E8, 0.2); + color: #E8E8E8; } + button.destructive-action.flat:checked, button.destructive-action.osd.image-button:checked, + .destructive-action.button.osd.image-button:checked, .titlebar button.destructive-action:checked:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:checked:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action:checked, + .context-menu > arrow.destructive-action:checked, + menu > arrow.destructive-action:checked, placessidebar row button.destructive-action.image-button:checked, .csd headerbar button.destructive-action.titlebutton:checked, + .csd .titlebar button.destructive-action.titlebutton:checked, #gf-candidate-popup button.destructive-action:checked, window > grid.vertical > box.vertical > widget button.destructive-action:checked, layouttabbar button.destructive-action:checked, layouttab button.destructive-action:checked, + .button.destructive-action.flat:checked, + .ssd decoration .destructive-action.button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; } + button.destructive-action.flat:disabled, button.destructive-action.osd.image-button:disabled, + .destructive-action.button.osd.image-button:disabled, .titlebar button.destructive-action:disabled:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:disabled:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action:disabled, + .context-menu > arrow.destructive-action:disabled, + menu > arrow.destructive-action:disabled, placessidebar row button.destructive-action.image-button:disabled, .csd headerbar button.destructive-action.titlebutton:disabled, + .csd .titlebar button.destructive-action.titlebutton:disabled, #gf-candidate-popup button.destructive-action:disabled, window > grid.vertical > box.vertical > widget button.destructive-action:disabled, layouttabbar button.destructive-action:disabled, layouttab button.destructive-action:disabled, + .button.destructive-action.flat:disabled, + .ssd decoration .destructive-action.button:disabled { + box-shadow: none; + background-color: transparent; } + button.image-button, + .button.image-button { + min-width: 1rem; + min-height: 1rem; } + button.text-button, + .button.text-button { + padding: 0.69925rem 1rem 0.80451rem; + border-radius: 2px; + -gtk-outline-radius: 2px; + font-weight: 700; } + button.text-button.image-button, + .button.text-button.image-button { + padding-left: 1rem; + padding-right: 1rem; + border-radius: 2px; + -gtk-outline-radius: 2px; } + button.text-button.image-button label, + .button.text-button.image-button label { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + button.text-button.image-button image, + .button.text-button.image-button image { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + button.text-button.image-button:drop(active), combobox:drop(active) button.text-button.image-button.combo, + .button.text-button.image-button:drop(active) { + color: #E8E8E8; + background-color: rgba(77, 182, 172, 0.2); } + button separator, + button .separator, + .button separator, + .button .separator { + min-height: 0; + min-width: 0; + border-color: transparent; + background-color: transparent; + color: transparent; } + stackswitcher button.text-button, stackswitcher + .button.text-button { + min-height: 1.30075rem; + min-width: 8.42105rem; } + .stack-switcher > button, .stack-switcher > + .button { + outline-offset: -0.19549rem; } + .stack-switcher > button > label, .stack-switcher > + .button > label { + padding-left: 0.6015rem; + padding-right: 0.6015rem; } + .stack-switcher > button > image, .stack-switcher > + .button > image { + padding-left: 0.6015rem; + padding-right: 0.6015rem; + padding-top: 0.20301rem; + padding-bottom: 0.20301rem; } + .stack-switcher > button.text-button, .stack-switcher > + .button.text-button { + padding-left: 1rem; + padding-right: 1rem; + border-radius: 2px; + -gtk-outline-radius: 2px; } + .stack-switcher > button.image-button, .stack-switcher > + .button.image-button { + padding-left: 0.6015rem; + padding-right: 0.6015rem; } + .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image, .stack-switcher > + .button.needs-attention:active > label, .stack-switcher > + .button.needs-attention:active > image, .stack-switcher > + .button.needs-attention:checked > label, .stack-switcher > + .button.needs-attention:checked > image { + animation: none; + background-image: none; } + .linked > button, .linked > button .image-button, .linked > button .text-button, .linked > + .button, .linked > + .button .image-button, .linked > + .button .text-button { + min-width: 1rem; + padding: 0.69925rem 0.3985rem 0.80451rem; } + .linked > button label, .linked > button .image-button label, .linked > button .text-button label, .linked > + .button label, .linked > + .button .image-button label, .linked > + .button .text-button label { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + .linked > button image, .linked > button .image-button image, .linked > button .text-button image, .linked > + .button image, .linked > + .button .image-button image, .linked > + .button .text-button image { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + .linked.vertical > button, .linked.vertical > button .image-button, .linked.vertical > button .text-button, .linked.vertical > + .button, .linked.vertical > + .button .image-button, .linked.vertical > + .button .text-button { + min-height: 1rem; + min-width: 1.69925rem; + padding: 0.75188rem 0.50376rem 0.75188rem; } + .linked > button.image-button.radio, .linked.vertical > button.image-button.radio, .linked > + .button.image-button.radio, .linked.vertical > + .button.image-button.radio { + min-width: 1rem; + min-height: 1rem; + padding: 0.6015rem; } + .inline-toolbar button, .inline-toolbar button:not(.text-button).image-button, + button actionbar, + button actionbar:not(.text-button).image-button, .inline-toolbar + .button, .inline-toolbar + .button:not(.text-button).image-button, + .button actionbar, + .button actionbar:not(.text-button).image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + min-width: 1rem; + min-height: 1rem; + padding: 0.75188rem; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-size: 2.44361rem 2.44361rem, auto; } + .inline-toolbar button:hover, .inline-toolbar button:not(.text-button).image-button:hover, + button actionbar:hover, + button actionbar:not(.text-button).image-button:hover, .inline-toolbar + .button:hover, .inline-toolbar + .button:not(.text-button).image-button:hover, + .button actionbar:hover, + .button actionbar:not(.text-button).image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + .inline-toolbar button:active, .inline-toolbar button:not(.text-button).image-button:active, + button actionbar:active, + button actionbar:not(.text-button).image-button:active, .inline-toolbar + .button:active, .inline-toolbar + .button:not(.text-button).image-button:active, + .button actionbar:active, + .button actionbar:not(.text-button).image-button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .inline-toolbar button:disabled, .inline-toolbar button:not(.text-button).image-button:disabled, + button actionbar:disabled, + button actionbar:not(.text-button).image-button:disabled, .inline-toolbar + .button:disabled, .inline-toolbar + .button:not(.text-button).image-button:disabled, + .button actionbar:disabled, + .button actionbar:not(.text-button).image-button:disabled { + box-shadow: none; + background-color: transparent; } + .inline-toolbar button:checked, .inline-toolbar button:not(.text-button).image-button:checked, + button actionbar:checked, + button actionbar:not(.text-button).image-button:checked, .inline-toolbar + .button:checked, .inline-toolbar + .button:not(.text-button).image-button:checked, + .button actionbar:checked, + .button actionbar:not(.text-button).image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; } + .inline-toolbar button:checked:disabled > label, .inline-toolbar button:not(.text-button).image-button:checked:disabled > label, + button actionbar:checked:disabled > label, + button actionbar:not(.text-button).image-button:checked:disabled > label, .inline-toolbar + .button:checked:disabled > label, .inline-toolbar + .button:not(.text-button).image-button:checked:disabled > label, + .button actionbar:checked:disabled > label, + .button actionbar:not(.text-button).image-button:checked:disabled > label { + color: inherit; } + .inline-toolbar button.text-button, + button actionbar.text-button, .inline-toolbar + .button.text-button, + .button actionbar.text-button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .inline-toolbar .linked > button, .inline-toolbar .linked > button:not(.text-button).image-button, actionbar .linked > button, actionbar .linked > button:not(.text-button).image-button, .inline-toolbar .linked > + .button, .inline-toolbar .linked > + .button:not(.text-button).image-button, actionbar .linked > + .button, actionbar .linked > + .button:not(.text-button).image-button { + min-width: 1rem; + min-height: 1rem; + padding: 0.50376rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + .inline-toolbar .linked > button.image-button.toggle, actionbar .linked > button.image-button.toggle, .inline-toolbar .linked > + .button.image-button.toggle, actionbar .linked > + .button.image-button.toggle { + min-width: 1rem; + min-height: 1rem; + padding: 0.6015rem 0.30075rem 0.6015rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + .inline-toolbar .linked > button.text-button, actionbar .linked > button.text-button, .inline-toolbar .linked > + .button.text-button, actionbar .linked > + .button.text-button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .primary-toolbar button, .primary-toolbar + .button { + -gtk-icon-shadow: none; } + +.linked > button, .linked > button .image-button, .linked > button .text-button, .linked > +.button, .linked > +.button .image-button, .linked > +.button .text-button, toolbar .linked > button.text-button:not(.image-button), popover.background .linked > button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + border-radius: 0; + -gtk-outline-radius: 0; + color: rgba(38, 50, 56, 0.75); + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + .linked > button:hover, .linked > button .image-button:hover, .linked > button .text-button:hover, .linked > + .button:hover, .linked > + .button .image-button:hover, .linked > + .button .text-button:hover, toolbar .linked > button.text-button:hover:not(.image-button), popover.background .linked > button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + border-radius: 0; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 2/0 0 2px; } + .linked > button:active, .linked > button .image-button:active, .linked > button .text-button:active, .linked > + .button:active, .linked > + .button .image-button:active, .linked > + .button .text-button:active, toolbar .linked > button.text-button:active:not(.image-button), popover.background .linked > button:active, .linked > button:checked, .linked > button .image-button:checked, .linked > button .text-button:checked, .linked > + .button:checked, .linked > + .button .image-button:checked, .linked > + .button .text-button:checked, toolbar .linked > button.text-button:checked:not(.image-button), popover.background .linked > button:checked { + color: #263238; + background-color: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; } + .linked > button:active:disabled, .linked > button .image-button:active:disabled, .linked > button .text-button:active:disabled, .linked > + .button:active:disabled, .linked > + .button .image-button:active:disabled, .linked > + .button .text-button:active:disabled, toolbar .linked > button.text-button:active:disabled:not(.image-button), popover.background .linked > button:active:disabled, .linked > button:checked:disabled, .linked > button .image-button:checked:disabled, .linked > button .text-button:checked:disabled, .linked > + .button:checked:disabled, .linked > + .button .image-button:checked:disabled, .linked > + .button .text-button:checked:disabled, toolbar .linked > button.text-button:checked:disabled:not(.image-button), popover.background .linked > button:checked:disabled { + color: rgba(38, 50, 56, 0.3); + background-color: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 188, 212, 0.2)), to(transparent)) 0 0 2/0 0 2px; } + .linked > button:active:disabled > label, .linked > button .image-button:active:disabled > label, .linked > button .text-button:active:disabled > label, .linked > + .button:active:disabled > label, .linked > + .button .image-button:active:disabled > label, .linked > + .button .text-button:active:disabled > label, .linked > button:checked:disabled > label, .linked > button .image-button:checked:disabled > label, .linked > button .text-button:checked:disabled > label, .linked > + .button:checked:disabled > label, .linked > + .button .image-button:checked:disabled > label, .linked > + .button .text-button:checked:disabled > label { + color: inherit; } + .linked > button:disabled, .linked > button .image-button:disabled, .linked > button .text-button:disabled, .linked > + .button:disabled, .linked > + .button .image-button:disabled, .linked > + .button .text-button:disabled, toolbar .linked > button.text-button:disabled:not(.image-button), popover.background .linked > button:disabled { + color: rgba(38, 50, 56, 0.3); + background-color: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + +.linked.vertical > button, .linked.vertical > button .image-button, .linked.vertical > button .text-button, .linked.vertical > +.button, .linked.vertical > +.button .image-button, .linked.vertical > +.button .text-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + border-image: none; + border-width: 0; + -gtk-outline-radius: 0; + color: rgba(38, 50, 56, 0.75); } + .linked.vertical > button:dir(ltr), .linked.vertical > button .image-button:dir(ltr), .linked.vertical > button .text-button:dir(ltr), .linked.vertical > + .button:dir(ltr), .linked.vertical > + .button .image-button:dir(ltr), .linked.vertical > + .button .text-button:dir(ltr) { + box-shadow: inset 1px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:dir(rtl), .linked.vertical > button .image-button:dir(rtl), .linked.vertical > button .text-button:dir(rtl), .linked.vertical > + .button:dir(rtl), .linked.vertical > + .button .image-button:dir(rtl), .linked.vertical > + .button .text-button:dir(rtl) { + box-shadow: inset -1px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:hover, .linked.vertical > button .image-button:hover, .linked.vertical > button .text-button:hover, .linked.vertical > + .button:hover, .linked.vertical > + .button .image-button:hover, .linked.vertical > + .button .text-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + .linked.vertical > button:hover:dir(ltr), .linked.vertical > button .image-button:hover:dir(ltr), .linked.vertical > button .text-button:hover:dir(ltr), .linked.vertical > + .button:hover:dir(ltr), .linked.vertical > + .button .image-button:hover:dir(ltr), .linked.vertical > + .button .text-button:hover:dir(ltr) { + box-shadow: inset 2px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:hover:dir(rtl), .linked.vertical > button .image-button:hover:dir(rtl), .linked.vertical > button .text-button:hover:dir(rtl), .linked.vertical > + .button:hover:dir(rtl), .linked.vertical > + .button .image-button:hover:dir(rtl), .linked.vertical > + .button .text-button:hover:dir(rtl) { + box-shadow: inset -2px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:active, .linked.vertical > button .image-button:active, .linked.vertical > button .text-button:active, .linked.vertical > + .button:active, .linked.vertical > + .button .image-button:active, .linked.vertical > + .button .text-button:active, .linked.vertical > button:checked, .linked.vertical > button .image-button:checked, .linked.vertical > button .text-button:checked, .linked.vertical > + .button:checked, .linked.vertical > + .button .image-button:checked, .linked.vertical > + .button .text-button:checked { + color: #263238; + background-color: transparent; } + .linked.vertical > button:active:dir(ltr), .linked.vertical > button .image-button:active:dir(ltr), .linked.vertical > button .text-button:active:dir(ltr), .linked.vertical > + .button:active:dir(ltr), .linked.vertical > + .button .image-button:active:dir(ltr), .linked.vertical > + .button .text-button:active:dir(ltr), .linked.vertical > button:checked:dir(ltr), .linked.vertical > button .image-button:checked:dir(ltr), .linked.vertical > button .text-button:checked:dir(ltr), .linked.vertical > + .button:checked:dir(ltr), .linked.vertical > + .button .image-button:checked:dir(ltr), .linked.vertical > + .button .text-button:checked:dir(ltr) { + box-shadow: inset 2px 0 #E8E8E8; } + .linked.vertical > button:active:dir(rtl), .linked.vertical > button .image-button:active:dir(rtl), .linked.vertical > button .text-button:active:dir(rtl), .linked.vertical > + .button:active:dir(rtl), .linked.vertical > + .button .image-button:active:dir(rtl), .linked.vertical > + .button .text-button:active:dir(rtl), .linked.vertical > button:checked:dir(rtl), .linked.vertical > button .image-button:checked:dir(rtl), .linked.vertical > button .text-button:checked:dir(rtl), .linked.vertical > + .button:checked:dir(rtl), .linked.vertical > + .button .image-button:checked:dir(rtl), .linked.vertical > + .button .text-button:checked:dir(rtl) { + box-shadow: inset -2px 0 #E8E8E8; } + .linked.vertical > button:active:disabled, .linked.vertical > button .image-button:active:disabled, .linked.vertical > button .text-button:active:disabled, .linked.vertical > + .button:active:disabled, .linked.vertical > + .button .image-button:active:disabled, .linked.vertical > + .button .text-button:active:disabled, .linked.vertical > button:checked:disabled, .linked.vertical > button .image-button:checked:disabled, .linked.vertical > button .text-button:checked:disabled, .linked.vertical > + .button:checked:disabled, .linked.vertical > + .button .image-button:checked:disabled, .linked.vertical > + .button .text-button:checked:disabled { + color: rgba(38, 50, 56, 0.3); + background-color: alpha(currentColor, 0.2); } + .linked.vertical > button:active:disabled:dir(ltr), .linked.vertical > button .image-button:active:disabled:dir(ltr), .linked.vertical > button .text-button:active:disabled:dir(ltr), .linked.vertical > + .button:active:disabled:dir(ltr), .linked.vertical > + .button .image-button:active:disabled:dir(ltr), .linked.vertical > + .button .text-button:active:disabled:dir(ltr), .linked.vertical > button:checked:disabled:dir(ltr), .linked.vertical > button .image-button:checked:disabled:dir(ltr), .linked.vertical > button .text-button:checked:disabled:dir(ltr), .linked.vertical > + .button:checked:disabled:dir(ltr), .linked.vertical > + .button .image-button:checked:disabled:dir(ltr), .linked.vertical > + .button .text-button:checked:disabled:dir(ltr) { + box-shadow: inset 2px 0 rgba(0, 188, 212, 0.2); } + .linked.vertical > button:active:disabled:dir(ltr), .linked.vertical > button .image-button:active:disabled:dir(ltr), .linked.vertical > button .text-button:active:disabled:dir(ltr), .linked.vertical > + .button:active:disabled:dir(ltr), .linked.vertical > + .button .image-button:active:disabled:dir(ltr), .linked.vertical > + .button .text-button:active:disabled:dir(ltr), .linked.vertical > button:checked:disabled:dir(ltr), .linked.vertical > button .image-button:checked:disabled:dir(ltr), .linked.vertical > button .text-button:checked:disabled:dir(ltr), .linked.vertical > + .button:checked:disabled:dir(ltr), .linked.vertical > + .button .image-button:checked:disabled:dir(ltr), .linked.vertical > + .button .text-button:checked:disabled:dir(ltr) { + box-shadow: inset -2px 0 rgba(0, 188, 212, 0.2); } + .linked.vertical > button:active:disabled > label, .linked.vertical > button .image-button:active:disabled > label, .linked.vertical > button .text-button:active:disabled > label, .linked.vertical > + .button:active:disabled > label, .linked.vertical > + .button .image-button:active:disabled > label, .linked.vertical > + .button .text-button:active:disabled > label, .linked.vertical > button:checked:disabled > label, .linked.vertical > button .image-button:checked:disabled > label, .linked.vertical > button .text-button:checked:disabled > label, .linked.vertical > + .button:checked:disabled > label, .linked.vertical > + .button .image-button:checked:disabled > label, .linked.vertical > + .button .text-button:checked:disabled > label { + color: inherit; } + .linked.vertical > button:disabled, .linked.vertical > button .image-button:disabled, .linked.vertical > button .text-button:disabled, .linked.vertical > + .button:disabled, .linked.vertical > + .button .image-button:disabled, .linked.vertical > + .button .text-button:disabled { + color: rgba(38, 50, 56, 0.3); + background-color: alpha(currentColor, 0.2); } + .linked.vertical > button:disabled:dir(ltr), .linked.vertical > button .image-button:disabled:dir(ltr), .linked.vertical > button .text-button:disabled:dir(ltr), .linked.vertical > + .button:disabled:dir(ltr), .linked.vertical > + .button .image-button:disabled:dir(ltr), .linked.vertical > + .button .text-button:disabled:dir(ltr) { + box-shadow: inset 1px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:disabled:dir(rtl), .linked.vertical > button .image-button:disabled:dir(rtl), .linked.vertical > button .text-button:disabled:dir(rtl), .linked.vertical > + .button:disabled:dir(rtl), .linked.vertical > + .button .image-button:disabled:dir(rtl), .linked.vertical > + .button .text-button:disabled:dir(rtl) { + box-shadow: inset -1px 0 alpha(currentColor, 0.2); } + +button.osd.image-button, +.button.osd.image-button, button.image-button, +.button.image-button { + padding: 0.75188rem; + -gtk-outline-radius: 100px; + border-radius: 100px; + background-size: 3.7594rem 3.7594rem, auto; } + +.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, .stack-switcher > +.button.needs-attention > label, .stack-switcher > +.button.needs-attention > image, stacksidebar row.needs-attention > label, +stacksidebar row.activatable.needs-attention > label, +stacksidebar .needs-attention.view > label, +stacksidebar iconview.needs-attention > label, +stacksidebar .view text.needs-attention > label, +.view stacksidebar text.needs-attention > label, +stacksidebar iconview text.needs-attention > label, +iconview stacksidebar text.needs-attention > label, +stacksidebar textview text.needs-attention > label, +textview stacksidebar text.needs-attention > label, +stacksidebar treeview.view header button.needs-attention > label, +treeview.view header stacksidebar button.needs-attention > label, +stacksidebar .tweak-category header button.needs-attention > label, +.tweak-category header stacksidebar button.needs-attention > label { + transition: none; + animation: needs_attention 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right 0.22556rem; + background-size: 0.3985rem 0.3985rem; } + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), .stack-switcher > + .button.needs-attention > label:dir(rtl), .stack-switcher > + .button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl), + stacksidebar .needs-attention.view > label:dir(rtl), + stacksidebar iconview.needs-attention > label:dir(rtl), + stacksidebar .view text.needs-attention > label:dir(rtl), + .view stacksidebar text.needs-attention > label:dir(rtl), + stacksidebar iconview text.needs-attention > label:dir(rtl), + iconview stacksidebar text.needs-attention > label:dir(rtl), + stacksidebar textview text.needs-attention > label:dir(rtl), + textview stacksidebar text.needs-attention > label:dir(rtl), + stacksidebar treeview.view header button.needs-attention > label:dir(rtl), + treeview.view header stacksidebar button.needs-attention > label:dir(rtl), + stacksidebar .tweak-category header button.needs-attention > label:dir(rtl), + .tweak-category header stacksidebar button.needs-attention > label:dir(rtl) { + background-position: left 0.22556rem; } + +.linked > button:not(.flat):not(:only-child), .linked > +.button:not(.flat):not(:only-child), .linked > button, .linked > button .image-button, .linked > button .text-button, .linked > +.button, .linked > +.button .image-button, .linked > +.button .text-button, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border-radius: 0; } + + combobox.linked button:nth-child(2):dir(rtl), .linked > combobox:first-child > button.combo { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + combobox.linked button:nth-child(2):dir(ltr), .linked > combobox:last-child > button.combo { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + .linked > combobox:only-child > button.combo { + border-radius: 2px; } + +.linked.vertical > button:not(:only-child), .linked.vertical > +.button:not(:only-child), .linked.vertical > button, .linked.vertical > button .image-button, .linked.vertical > button .text-button, .linked.vertical > +.button, .linked.vertical > +.button .image-button, .linked.vertical > +.button .text-button, .linked.vertical > combobox > button.combo { + border-radius: 0; } + + .linked.vertical > combobox:first-child > button.combo { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + .linked.vertical > combobox:last-child > button.combo { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + .linked.vertical > combobox:only-child > button.combo { + border-radius: 2px; } + +modelbutton.flat, +.menuitem.button.flat, +.ssd decoration .menuitem.button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + min-height: 2rem; + padding: 0.20301rem 0.3985rem 0.24812rem; + outline-offset: -0.07519rem; + background-size: 9.96241rem 9.96241rem, auto; + color: rgba(38, 50, 56, 0.75); + transition: none; } + modelbutton.flat:hover, + .menuitem.button.flat:hover, + .ssd decoration .menuitem.button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + color: #263238; } + modelbutton.flat:active, + .menuitem.button.flat:active, + .ssd decoration .menuitem.button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #263238; } + modelbutton.flat:checked, + .menuitem.button.flat:checked, + .ssd decoration .menuitem.button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + color: #263238; } + modelbutton.flat:checked:disabled, + .menuitem.button.flat:checked:disabled, + .ssd decoration .menuitem.button:checked:disabled { + color: rgba(38, 50, 56, 0.3); } + modelbutton.flat:checked:disabled > label, + .menuitem.button.flat:checked:disabled > label, + .ssd decoration .menuitem.button:checked:disabled > label { + color: inherit; } + modelbutton.flat:disabled, + .menuitem.button.flat:disabled, + .ssd decoration .menuitem.button:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.225); } + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child, + .menuitem.button.flat check:first-child, + .ssd decoration .menuitem.button check:first-child, + .menuitem.button.flat radio:first-child, + .ssd decoration .menuitem.button radio:first-child { + margin-right: 1rem; } + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child, + .menuitem.button.flat check:last-child, + .ssd decoration .menuitem.button check:last-child, + .menuitem.button.flat radio:last-child, + .ssd decoration .menuitem.button radio:last-child { + margin-left: 1rem; } + +modelbutton.flat arrow { + background: none; } + modelbutton.flat arrow:hover { + background: none; } + modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + min-width: 2.50376rem; + min-height: 1.50376rem; + padding: 0.50376rem 0.6015rem 0.50376rem; } + button.color > colorswatch:first-child:last-child { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + button.color > colorswatch:first-child:last-child, button.color > colorswatch:first-child:last-child overlay { + border-radius: 2px; + -gtk-outline-radius: 2px; } + button.color:disabled, + button.color GtkColorSwatch:disabled { + box-shadow: none; + opacity: 0.4; } + +toolpalette toolitemgroup > button { + border-top: 1px solid rgba(0, 0, 0, 0.09); + border-radius: 0; } +toolpalette toolbutton > button.toggle { + border-radius: 2px; + -gtk-outline-radius: 2px; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #E8E8E8; } + *:link:hover, button:hover:link, + button:hover:visited, *:link:active, button:active:link, + button:active:visited { + color: #E8E8E8; } + *:link:visited, + button:visited { + color: #E8E8E8; } + *:link:visited:hover, + button:visited:hover, *:link:visited:active, + button:visited:active { + color: #E8E8E8; } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #E8E8E8; } + *:link:selected, button:selected:link, + button:selected:visited, .titlebar.selection-mode .subtitle:link, + headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #E8E8E8; } + *:link:disabled, button:disabled:link, + button:disabled:visited { + opacity: 0.4; } + +button:link > label, +button:visited > label { + text-decoration-line: underline; } + +/***************** + * GtkSpinButton * + *****************/ +@keyframes spin_hover { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(alpha(currentColor, 0)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.1)), to(transparent)); } } +@keyframes spin_active { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.2)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(alpha(currentColor, 0)), to(transparent)); } } +spinbutton:not(.vertical) { + padding: 0; } + spinbutton:not(.vertical):disabled { + color: rgba(38, 50, 56, 0.3); } + spinbutton:not(.vertical) entry, spinbutton:not(.vertical) spinbutton:not(.vertical) { + margin: 0; + background: none; + border: none; + box-shadow: none; } + spinbutton:not(.vertical) button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + min-width: 1rem; + min-height: 1rem; + padding: 0 0.54887rem 0; + border: solid 0.20301rem transparent; + border-radius: 100px; + -gtk-outline-radius: 100px; + background: none; + background-size: contain; + color: rgba(38, 50, 56, 0.75); + box-shadow: none; + transition-property: opacity, color, background-color, background-image, box-shadow; } + spinbutton:not(.vertical) button:not(:last-child):hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #F44336; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + spinbutton:not(.vertical) button:not(:last-child):active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background: none; + color: #F44336; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + spinbutton:not(.vertical) button:not(:last-child):disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(38, 50, 56, 0.3); } + spinbutton:not(.vertical) button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #00E676; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + spinbutton:not(.vertical) button:last-child:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background: none; + color: #00E676; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + spinbutton:not(.vertical) button:last-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(38, 50, 56, 0.3); } +.osd spinbutton, +.osd spinbutton button, +.osd spinbutton entry, +.osd spinbutton spinbutton:not(.vertical), .osd spinbutton.vertical, +.osd spinbutton.vertical button, +.osd spinbutton.vertical entry, +.osd spinbutton.vertical spinbutton:not(.vertical) { + color: #BBBBBB; } + .osd spinbutton:focus, + .osd spinbutton button:focus, + .osd spinbutton entry:focus, + .osd spinbutton spinbutton:focus:not(.vertical), .osd spinbutton.vertical:focus, + .osd spinbutton.vertical button:focus, + .osd spinbutton.vertical entry:focus, + .osd spinbutton.vertical spinbutton:focus:not(.vertical) { + color: #ECEFF1; } + .osd spinbutton:disabled, + .osd spinbutton button:disabled, + .osd spinbutton entry:disabled, + .osd spinbutton spinbutton:disabled:not(.vertical), .osd spinbutton.vertical:disabled, + .osd spinbutton.vertical button:disabled, + .osd spinbutton.vertical entry:disabled, + .osd spinbutton.vertical spinbutton:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.225); } +spinbutton.vertical entry, spinbutton.vertical spinbutton:not(.vertical) { + min-width: 2.50376rem; + min-height: 2.50376rem; + padding: 0; + border-radius: 0; } +spinbutton.vertical button { + min-width: 2.00752rem; + min-height: 2.00752rem; + padding: 0.20301rem; + border: 0.20301rem solid transparent; + border-radius: 200px; + -gtk-outline-radius: 200px; + background: none; + background-size: contain; + color: rgba(38, 50, 56, 0.75); + box-shadow: none; + transition-property: opacity, color, background-color, background-image, box-shadow; } + spinbutton.vertical button.up:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #00E676; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + spinbutton.vertical button.up:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background: none; + color: #00E676; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + spinbutton.vertical button.up:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(38, 50, 56, 0.3); } + spinbutton.vertical button.down:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #F44336; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + spinbutton.vertical button.down:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background: none; + color: #F44336; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + spinbutton.vertical button.down:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(38, 50, 56, 0.3); } +treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus:not(.vertical) { + padding: 1px; + border-radius: 0; + border-width: 0; + background-color: #FFFFFF; + color: #263238; + box-shadow: none; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 1.20301rem; + min-width: 1.20301rem; } +combobox menu { + padding: 0.24812rem 0; } +combobox menu > menuitem { + padding: 0.35338rem 0.3985rem 0.45113rem; } +combobox button.combo { + min-height: 1rem; + min-width: 1.30075rem; + padding: 0.6015rem 0.3985rem 0.65414rem; } + combobox button.combo arrow { + padding: 0 0.30075rem 0; } + combobox button.combo label { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + combobox button.combo image { + min-height: 1.20301rem; + min-width: 1.20301rem; + padding-left: 0.30075rem; + padding-right: 0.30075rem; } +combobox button.combo { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); + background: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + combobox button.combo:hover, combobox button.combo:active { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + border-radius: 0; + color: #263238; + background: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; } + combobox button.combo:disabled, combobox button.combo:checked:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); + background: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + +/************ + * Toolbars * + ************/ +toolbar { + -GtkWidget-window-dragging: true; + padding: 0.3985rem; + background-color: #FFFFFF; + color: rgba(38, 50, 56, 0.75); } + toolbar.vertical, .inline-toolbar toolbar, paned toolbar, paned toolbar.primary-toolbar, grid toolbar.primary-toolbar { + box-shadow: none; } + .osd toolbar { + background-color: transparent; } + .osd toolbar, toolbar.osd, .app-notification, + .app-notification.frame, GeditViewFrame .gedit-search-slider { + padding: 3px; + border-style: solid; + border-width: 9px; + border-radius: 2px; + border-image: -gtk-scaled(url("assets/osd-shadow.png"), url("assets/osd-shadow@2.png")) 10/10px stretch; + box-shadow: none; + color: #ECEFF1; + background-color: #FFFFFF; } + .osd toolbar:backdrop, toolbar.osd:backdrop, .app-notification:backdrop, GeditViewFrame .gedit-search-slider:backdrop { + border-image: -gtk-scaled(url("assets/osd-shadow-backdrop.png"), url("assets/osd-shadow-backdrop@2.png")) 10/10px stretch; } + .osd toolbar button, toolbar.osd button, .app-notification button, + .app-notification.frame button, GeditViewFrame .gedit-search-slider button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } + .osd toolbar button:not(:active):not(:disabled):not(hover), toolbar.osd button:not(:active):not(:disabled):not(hover), .app-notification button:not(:active):not(:disabled):not(hover), + .app-notification.frame button:not(:active):not(:disabled):not(hover), GeditViewFrame .gedit-search-slider button:not(:active):not(:disabled):not(hover) { + color: #E8E8E8; } + .osd toolbar button:hover, toolbar.osd button:hover, .app-notification button:hover, + .app-notification.frame button:hover, GeditViewFrame .gedit-search-slider button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + color: #E8E8E8; } + .osd toolbar button:active, toolbar.osd button:active, .app-notification button:active, + .app-notification.frame button:active, GeditViewFrame .gedit-search-slider button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + border-image: none; + color: #E8E8E8; + box-shadow: none; } + .osd toolbar button:checked, toolbar.osd button:checked, .app-notification button:checked, + .app-notification.frame button:checked, GeditViewFrame .gedit-search-slider button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + border-image: none; + color: #E8E8E8; + box-shadow: none; } + .osd toolbar button:disabled, toolbar.osd button:disabled, .app-notification button:disabled, + .app-notification.frame button:disabled, GeditViewFrame .gedit-search-slider button:disabled { + box-shadow: none; + background-color: transparent; + color: #E8E8E8; } + .osd toolbar .linked > button, .osd toolbar .linked > button.image-button, toolbar.osd .linked > button, .app-notification .linked > button, + .app-notification.frame .linked > button, GeditViewFrame .gedit-search-slider .linked > button, toolbar.osd .linked > button.image-button, .app-notification .linked > button.image-button, + .app-notification.frame .linked > button.image-button, GeditViewFrame .gedit-search-slider .linked > button.image-button { + border-image: none; + box-shadow: none; } + .osd toolbar .linked > button:hover, .osd toolbar .linked > button.image-button:hover, toolbar.osd .linked > button:hover, .app-notification .linked > button:hover, + .app-notification.frame .linked > button:hover, GeditViewFrame .gedit-search-slider .linked > button:hover, toolbar.osd .linked > button.image-button:hover, .app-notification .linked > button.image-button:hover, + .app-notification.frame .linked > button.image-button:hover, GeditViewFrame .gedit-search-slider .linked > button.image-button:hover { + background-color: transparent; } + .osd toolbar .linked > button:not(:checked), .osd toolbar .linked > button.image-button:not(:checked), toolbar.osd .linked > button:not(:checked), .app-notification .linked > button:not(:checked), + .app-notification.frame .linked > button:not(:checked), GeditViewFrame .gedit-search-slider .linked > button:not(:checked), toolbar.osd .linked > button.image-button:not(:checked), .app-notification .linked > button.image-button:not(:checked), + .app-notification.frame .linked > button.image-button:not(:checked), GeditViewFrame .gedit-search-slider .linked > button.image-button:not(:checked) { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .osd toolbar .linked > button.image-button, toolbar.osd .linked > button.image-button, .app-notification .linked > button.image-button, + .app-notification.frame .linked > button.image-button, GeditViewFrame .gedit-search-slider .linked > button.image-button { + min-width: 1rem; + min-height: 2.20301rem; + padding: 0 0.50376rem 0; + border-radius: 100px; + -gtk-outline-radius: 100px; } + .osd toolbar label, toolbar.osd label, .app-notification label, + .app-notification.frame label, GeditViewFrame .gedit-search-slider label { + padding: 0 1em; } + toolbar button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + background-size: 9.96241rem 9.96241rem, auto; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: rgba(38, 50, 56, 0.75); + box-shadow: none; } + toolbar button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + border-image: none; + color: #263238; + box-shadow: none; } + toolbar button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #263238; + box-shadow: none; } + toolbar button:checked:disabled { + border-image: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); + box-shadow: none; } + toolbar button:checked:disabled > label { + color: inherit; } + toolbar button:checked:disabled > label { + color: inherit; } + toolbar button:disabled { + box-shadow: none; + background-color: transparent; + border-image: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.225); + box-shadow: none; } + toolbar button button, toolbar button button.text-button, toolbar button button.text-button.image-button, + toolbar button button.flat, + toolbar button button.osd.image-button, + toolbar button .button.osd.image-button, + toolbar button .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar toolbar button button:not(.suggested-action):not(.destructive-action), + toolbar button headerbar button:not(.suggested-action):not(.destructive-action), + headerbar toolbar button button:not(.suggested-action):not(.destructive-action), + toolbar button .menu > arrow, + toolbar button .context-menu > arrow, + toolbar button menu > arrow, + toolbar button placessidebar row button.image-button, + placessidebar row toolbar button button.image-button, + toolbar button .csd headerbar button.titlebutton, + .csd headerbar toolbar button button.titlebutton, + toolbar button .csd headerbar.selection-mode button.titlebutton, + .csd headerbar.selection-mode toolbar button button.titlebutton, + toolbar button .csd .titlebar button.titlebutton, + .csd .titlebar toolbar button button.titlebutton, + toolbar button .csd .titlebar.selection-mode button.titlebutton, + .csd .titlebar.selection-mode toolbar button button.titlebutton, + toolbar button #gf-candidate-popup button, + #gf-candidate-popup toolbar button button, + toolbar button #gf-candidate-popup button:first-child, + #gf-candidate-popup toolbar button button:first-child, + toolbar button #gf-candidate-popup button:last-child, + #gf-candidate-popup toolbar button button:last-child, + toolbar button #gf-candidate-popup .linked > button, + #gf-candidate-popup toolbar button .linked > button, + toolbar button #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup toolbar button .linked > button:first-child, + toolbar button #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup toolbar button .linked > button:last-child, + toolbar button window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget toolbar button button, + toolbar button layouttabbar button, + layouttabbar toolbar button button, + toolbar button layouttab button, + layouttab toolbar button button, + toolbar button button.flat.text-button, + toolbar button button.text-button.osd.image-button, + toolbar button .text-button.button.osd.image-button, + toolbar button .titlebar button.text-button:not(.suggested-action):not(.destructive-action), + .titlebar toolbar button button.text-button:not(.suggested-action):not(.destructive-action), + toolbar button headerbar button.text-button:not(.suggested-action):not(.destructive-action), + headerbar toolbar button button.text-button:not(.suggested-action):not(.destructive-action), + toolbar button .menu > arrow.text-button, + toolbar button .context-menu > arrow.text-button, + toolbar button menu > arrow.text-button, + toolbar button placessidebar row button.text-button.image-button, + placessidebar row toolbar button button.text-button.image-button, + toolbar button .csd headerbar button.text-button.titlebutton, + .csd headerbar toolbar button button.text-button.titlebutton, + toolbar button .csd .titlebar button.text-button.titlebutton, + .csd .titlebar toolbar button button.text-button.titlebutton, + toolbar button #gf-candidate-popup button.text-button, + #gf-candidate-popup toolbar button button.text-button, + toolbar button #gf-candidate-popup .linked > button.text-button:first-child, + #gf-candidate-popup toolbar button .linked > button.text-button:first-child, + toolbar button #gf-candidate-popup .linked > button.text-button:last-child, + #gf-candidate-popup toolbar button .linked > button.text-button:last-child, + toolbar button window > grid.vertical > box.vertical > widget button.text-button, + window > grid.vertical > box.vertical > widget toolbar button button.text-button, + toolbar button layouttabbar button.text-button, + layouttabbar toolbar button button.text-button, + toolbar button layouttab button.text-button, + layouttab toolbar button button.text-button, + toolbar button button.flat.text-button.image-button, + toolbar button button.text-button.image-button.osd, + toolbar button .text-button.image-button.button.osd, + toolbar button .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action), + .titlebar toolbar button button.text-button.image-button:not(.suggested-action):not(.destructive-action), + toolbar button headerbar button.text-button.image-button:not(.suggested-action):not(.destructive-action), + headerbar toolbar button button.text-button.image-button:not(.suggested-action):not(.destructive-action), + toolbar button .menu > arrow.text-button.image-button, + toolbar button .context-menu > arrow.text-button.image-button, + toolbar button menu > arrow.text-button.image-button, + toolbar button placessidebar row button.text-button.image-button, + placessidebar row toolbar button button.text-button.image-button, + toolbar button .csd headerbar button.text-button.image-button.titlebutton, + .csd headerbar toolbar button button.text-button.image-button.titlebutton, + toolbar button .csd .titlebar button.text-button.image-button.titlebutton, + .csd .titlebar toolbar button button.text-button.image-button.titlebutton, + toolbar button #gf-candidate-popup button.text-button.image-button, + #gf-candidate-popup toolbar button button.text-button.image-button, + toolbar button window > grid.vertical > box.vertical > widget button.text-button.image-button, + window > grid.vertical > box.vertical > widget toolbar button button.text-button.image-button, + toolbar button layouttabbar button.text-button.image-button, + layouttabbar toolbar button button.text-button.image-button, + toolbar button layouttab button.text-button.image-button, + layouttab toolbar button button.text-button.image-button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + toolbar button button.image-button, + toolbar button button.flat.image-button, + toolbar button button.image-button.osd, + toolbar button .image-button.button.osd, + toolbar button .titlebar button.image-button:not(.suggested-action):not(.destructive-action), + .titlebar toolbar button button.image-button:not(.suggested-action):not(.destructive-action), + toolbar button headerbar button.image-button:not(.suggested-action):not(.destructive-action), + headerbar toolbar button button.image-button:not(.suggested-action):not(.destructive-action), + toolbar button .menu > arrow.image-button, + toolbar button .context-menu > arrow.image-button, + toolbar button menu > arrow.image-button, + toolbar button placessidebar row button.image-button, + placessidebar row toolbar button button.image-button, + toolbar button .csd headerbar button.image-button.titlebutton, + .csd headerbar toolbar button button.image-button.titlebutton, + toolbar button .csd .titlebar button.image-button.titlebutton, + .csd .titlebar toolbar button button.image-button.titlebutton, + toolbar button #gf-candidate-popup button.image-button, + #gf-candidate-popup toolbar button button.image-button, + toolbar button #gf-candidate-popup .linked > button.image-button:first-child, + #gf-candidate-popup toolbar button .linked > button.image-button:first-child, + toolbar button #gf-candidate-popup .linked > button.image-button:last-child, + #gf-candidate-popup toolbar button .linked > button.image-button:last-child, + toolbar button window > grid.vertical > box.vertical > widget button.image-button, + window > grid.vertical > box.vertical > widget toolbar button button.image-button, + toolbar button layouttabbar button.image-button, + layouttabbar toolbar button button.image-button, + toolbar button layouttab button.image-button, + layouttab toolbar button button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + toolbar button .text-button, + toolbar button .image-button.text-button { + min-width: 1rem; + min-height: 2.20301rem; + padding: 0 1rem 0; + background-size: 9.96241rem 9.96241rem, auto; } + toolbar button .image-button { + min-width: 1rem; + min-height: 2.20301rem; + padding: 0 0.50376rem 0; + background-size: 3.7594rem 3.7594rem, auto; } + toolbar button.toggle:hover, toolbar button.toggle:active, toolbar button.toggle:checked { + background-color: transparent; + box-shadow: none; } + toolbar .linked > button, toolbar .linked > button.image-button { + border-image: none; + box-shadow: none; } + toolbar .linked > button:hover, toolbar .linked > button:active, toolbar .linked > button.image-button:hover, toolbar .linked > button.image-button:active { + border-image: none; + background-color: transparent; + box-shadow: none; } + toolbar .linked > button:not(:disabled), toolbar .linked > button.image-button:not(:disabled) { + border-radius: 100px; + -gtk-outline-radius: 100px; } + toolbar .linked > button .image-button { + min-width: 1rem; + min-height: 2.20301rem; + padding: 0 0.50376rem 0; + border-radius: 100px; + -gtk-outline-radius: 100px; } + toolbar separator { + color: transparent; + background: none; } + toolbar.horizontal separator { + margin: 0 0.45113rem; } + toolbar.vertical separator { + margin: 0.45113rem 0; } + +.inline-toolbar { + padding: 0.3985rem; + border-style: solid; + border-width: 0 1px 1px; + border-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } + +searchbar, +.location-bar { + padding: 0.3985rem; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; } + searchbar .linked > button.image-button, + .location-bar .linked > button.image-button { + padding-top: 0.69925rem; + padding-bottom: 0.80451rem; } + searchbar button.flat.close.raised, searchbar button.close.raised.osd.image-button, + searchbar .close.raised.button.osd.image-button, searchbar .titlebar button.close.raised:not(.suggested-action):not(.destructive-action), .titlebar searchbar button.close.raised:not(.suggested-action):not(.destructive-action), + searchbar headerbar button.close.raised:not(.suggested-action):not(.destructive-action), + headerbar searchbar button.close.raised:not(.suggested-action):not(.destructive-action), searchbar .menu > arrow.close.raised, + searchbar .context-menu > arrow.close.raised, + searchbar menu > arrow.close.raised, searchbar placessidebar row button.close.raised.image-button, placessidebar row searchbar button.close.raised.image-button, searchbar .csd headerbar button.close.raised.titlebutton, .csd headerbar searchbar button.close.raised.titlebutton, + searchbar .csd .titlebar button.close.raised.titlebutton, + .csd .titlebar searchbar button.close.raised.titlebutton, searchbar #gf-candidate-popup button.close.raised, #gf-candidate-popup searchbar button.close.raised, searchbar window > grid.vertical > box.vertical > widget button.close.raised, window > grid.vertical > box.vertical > widget searchbar button.close.raised, searchbar layouttabbar button.close.raised, layouttabbar searchbar button.close.raised, searchbar layouttab button.close.raised, layouttab searchbar button.close.raised, + .location-bar button.flat.close.raised, + .location-bar button.close.raised.osd.image-button, + .location-bar .close.raised.button.osd.image-button, + .location-bar .titlebar button.close.raised:not(.suggested-action):not(.destructive-action), + .titlebar .location-bar button.close.raised:not(.suggested-action):not(.destructive-action), + .location-bar headerbar button.close.raised:not(.suggested-action):not(.destructive-action), + headerbar .location-bar button.close.raised:not(.suggested-action):not(.destructive-action), + .location-bar .menu > arrow.close.raised, + .location-bar .context-menu > arrow.close.raised, + .location-bar menu > arrow.close.raised, + .location-bar placessidebar row button.close.raised.image-button, + placessidebar row .location-bar button.close.raised.image-button, + .location-bar .csd headerbar button.close.raised.titlebutton, + .csd headerbar .location-bar button.close.raised.titlebutton, + .location-bar .csd .titlebar button.close.raised.titlebutton, + .csd .titlebar .location-bar button.close.raised.titlebutton, + .location-bar #gf-candidate-popup button.close.raised, + #gf-candidate-popup .location-bar button.close.raised, + .location-bar window > grid.vertical > box.vertical > widget button.close.raised, + window > grid.vertical > box.vertical > widget .location-bar button.close.raised, + .location-bar layouttabbar button.close.raised, + layouttabbar .location-bar button.close.raised, + .location-bar layouttab button.close.raised, + layouttab .location-bar button.close.raised { + min-width: 1rem; + min-height: 1rem; + padding: 0.75188rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + +/*************** + * Header bars * + ***************/ +.titlebar, +headerbar { + background-color: #FFFFFF; + background-clip: border-box; + color: #BBBBBB; } + .titlebar label:checked:disabled, + .titlebar image:checked:disabled, + headerbar label:checked:disabled, + headerbar image:checked:disabled { + color: rgba(236, 239, 241, 0.3); } + button:disabled > .titlebar label, .linked > button:disabled > .titlebar label, .titlebar label:disabled, button:disabled > + .titlebar image, .linked > button:disabled > + .titlebar image, + .titlebar image:disabled, button:disabled > + headerbar label, .linked > button:disabled > + headerbar label, + headerbar label:disabled, button:disabled > + headerbar image, .linked > button:disabled > + headerbar image, + headerbar image:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar .title, + headerbar .title { + padding-left: 1rem; + padding-right: 1rem; + color: #ECEFF1; + font-weight: 700; } + .titlebar .subtitle, + headerbar .subtitle { + padding-left: 1rem; + padding-right: 1rem; + color: #BBBBBB; + font-size: 90%; } + .titlebar separator.vertical, .titlebar > box > separator.vertical, .titlebar > box > box > separator.vertical, + headerbar separator.vertical, + headerbar > box > separator.vertical, + headerbar > box > box > separator.vertical { + border: 0 none transparent; + color: transparent; + background-color: transparent; } + .titlebar button:not(.suggested-action):not(.destructive-action), + headerbar button:not(.suggested-action):not(.destructive-action) { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#E8E8E8), to(transparent)) 0 0 0/0 0 0px; + color: #BBBBBB; + background-size: 9.96241rem 9.96241rem, auto; } + .titlebar button:not(.suggested-action):not(.destructive-action):hover, + headerbar button:not(.suggested-action):not(.destructive-action):hover { + color: #ECEFF1; } + .titlebar button:not(.suggested-action):not(.destructive-action):checked, + headerbar button:not(.suggested-action):not(.destructive-action):checked { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #ECEFF1; } + .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled, + headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { + background-color: transparent; + color: rgba(236, 239, 241, 0.3); } + .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled > label, + headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled > label { + color: inherit; } + .titlebar button:not(.suggested-action):not(.destructive-action), + headerbar button:not(.suggested-action):not(.destructive-action) { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .titlebar button:not(.suggested-action):not(.destructive-action).text-button, + headerbar button:not(.suggested-action):not(.destructive-action).text-button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .titlebar button:not(.suggested-action):not(.destructive-action).text-button.image-button, + headerbar button:not(.suggested-action):not(.destructive-action).text-button.image-button { + border-radius: 2px; + -gtk-outline-radius: 2px; + background-size: 9.96241rem 9.96241rem, auto; } + .titlebar .linked > button.image-button, + headerbar .linked > button.image-button { + min-width: 1.30075rem; + min-height: 2.80451rem; + padding: 0 0.50376rem 0; } + .titlebar button.toggle, + headerbar button.toggle { + min-width: 1.30075rem; + min-height: 2.80451rem; + padding: 0 0.75188rem 0; } + .titlebar button.toggle label, + headerbar button.toggle label { + padding: 0.69925rem 0.6015rem 0.80451rem; } + .titlebar button.toggle menu menuitem label, + headerbar button.toggle menu menuitem label { + padding: 0; } + .titlebar button, .titlebar button label.text-button, + .titlebar .linked > button, + .titlebar .linked > button label.text-button, + .titlebar button.suggested-action, + .titlebar button.suggested-action label.text-button, + .titlebar button.destructive-action, + .titlebar button.destructive-action label.text-button, + headerbar button, + headerbar button label.text-button, + headerbar .linked > button, + headerbar .linked > button label.text-button, + headerbar button.suggested-action, + headerbar button.suggested-action label.text-button, + headerbar button.destructive-action, + headerbar button.destructive-action label.text-button { + color: #BBBBBB; } + .titlebar button:hover, .titlebar button label.text-button:hover, + .titlebar .linked > button:hover, + .titlebar .linked > button label.text-button:hover, + .titlebar button.suggested-action:hover, + .titlebar button.suggested-action label.text-button:hover, + .titlebar button.destructive-action:hover, + .titlebar button.destructive-action label.text-button:hover, + headerbar button:hover, + headerbar button label.text-button:hover, + headerbar .linked > button:hover, + headerbar .linked > button label.text-button:hover, + headerbar button.suggested-action:hover, + headerbar button.suggested-action label.text-button:hover, + headerbar button.destructive-action:hover, + headerbar button.destructive-action label.text-button:hover { + color: #ECEFF1; } + .titlebar button:checked, .titlebar button label.text-button:checked, + .titlebar .linked > button:checked, + .titlebar .linked > button label.text-button:checked, + .titlebar button.suggested-action:checked, + .titlebar button.suggested-action label.text-button:checked, + .titlebar button.destructive-action:checked, + .titlebar button.destructive-action label.text-button:checked, + headerbar button:checked, + headerbar button label.text-button:checked, + headerbar .linked > button:checked, + headerbar .linked > button label.text-button:checked, + headerbar button.suggested-action:checked, + headerbar button.suggested-action label.text-button:checked, + headerbar button.destructive-action:checked, + headerbar button.destructive-action label.text-button:checked { + color: #ECEFF1; } + .titlebar button:checked:disabled, .titlebar button label.text-button:checked:disabled, + .titlebar .linked > button:checked:disabled, + .titlebar .linked > button label.text-button:checked:disabled, + .titlebar button.suggested-action:checked:disabled, + .titlebar button.suggested-action label.text-button:checked:disabled, + .titlebar button.destructive-action:checked:disabled, + .titlebar button.destructive-action label.text-button:checked:disabled, + headerbar button:checked:disabled, + headerbar button label.text-button:checked:disabled, + headerbar .linked > button:checked:disabled, + headerbar .linked > button label.text-button:checked:disabled, + headerbar button.suggested-action:checked:disabled, + headerbar button.suggested-action label.text-button:checked:disabled, + headerbar button.destructive-action:checked:disabled, + headerbar button.destructive-action label.text-button:checked:disabled { + color: rgba(236, 239, 241, 0.3); } + .titlebar button:disabled, .titlebar button label.text-button:disabled, + .titlebar .linked > button:disabled, + .titlebar .linked > button label.text-button:disabled, + .titlebar button.suggested-action:disabled, + .titlebar button.suggested-action label.text-button:disabled, + .titlebar button.destructive-action:disabled, + .titlebar button.destructive-action label.text-button:disabled, + headerbar button:disabled, + headerbar button label.text-button:disabled, + headerbar .linked > button:disabled, + headerbar .linked > button label.text-button:disabled, + headerbar button.suggested-action:disabled, + headerbar button.suggested-action label.text-button:disabled, + headerbar button.destructive-action:disabled, + headerbar button.destructive-action label.text-button:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar button label.text-button, + .titlebar .linked > button label.text-button, + .titlebar button.suggested-action label.text-button, + .titlebar button.destructive-action label.text-button, + headerbar button label.text-button, + headerbar .linked > button label.text-button, + headerbar button.suggested-action label.text-button, + headerbar button.destructive-action label.text-button { + border-image: none; + box-shadow: none; } + .titlebar entry, .titlebar spinbutton:not(.vertical), + .titlebar .linked > entry, + .titlebar .linked > spinbutton:not(.vertical), + headerbar entry, + headerbar spinbutton:not(.vertical), + headerbar .linked > entry, + headerbar .linked > spinbutton:not(.vertical) { + color: #BBBBBB; + caret-color: #BBBBBB; } + .titlebar entry:focus, .titlebar spinbutton:focus:not(.vertical), + .titlebar .linked > entry:focus, + .titlebar .linked > spinbutton:focus:not(.vertical), + headerbar entry:focus, + headerbar spinbutton:focus:not(.vertical), + headerbar .linked > entry:focus, + headerbar .linked > spinbutton:focus:not(.vertical) { + color: #ECEFF1; + caret-color: #ECEFF1; } + .titlebar entry:disabled, .titlebar spinbutton:disabled:not(.vertical), + .titlebar .linked > entry:disabled, + .titlebar .linked > spinbutton:disabled:not(.vertical), + headerbar entry:disabled, + headerbar spinbutton:disabled:not(.vertical), + headerbar .linked > entry:disabled, + headerbar .linked > spinbutton:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.225); } + .titlebar combobox > entry.combo, .titlebar combobox > spinbutton.combo:not(.vertical), + .titlebar .linked > combobox > entry.combo, + .titlebar .linked > combobox > spinbutton.combo:not(.vertical), + headerbar combobox > entry.combo, + headerbar combobox > spinbutton.combo:not(.vertical), + headerbar .linked > combobox > entry.combo, + headerbar .linked > combobox > spinbutton.combo:not(.vertical) { + color: #BBBBBB; + caret-color: #BBBBBB; } + .titlebar combobox > entry.combo:focus, .titlebar combobox > spinbutton.combo:focus:not(.vertical), + .titlebar .linked > combobox > entry.combo:focus, + .titlebar .linked > combobox > spinbutton.combo:focus:not(.vertical), + headerbar combobox > entry.combo:focus, + headerbar combobox > spinbutton.combo:focus:not(.vertical), + headerbar .linked > combobox > entry.combo:focus, + headerbar .linked > combobox > spinbutton.combo:focus:not(.vertical) { + color: #ECEFF1; + caret-color: #ECEFF1; } + .titlebar combobox > entry.combo:disabled, .titlebar combobox > spinbutton.combo:disabled:not(.vertical), + .titlebar .linked > combobox > entry.combo:disabled, + .titlebar .linked > combobox > spinbutton.combo:disabled:not(.vertical), + headerbar combobox > entry.combo:disabled, + headerbar combobox > spinbutton.combo:disabled:not(.vertical), + headerbar .linked > combobox > entry.combo:disabled, + headerbar .linked > combobox > spinbutton.combo:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.225); } + .titlebar combobox > entry.combo:backdrop, .titlebar combobox > spinbutton.combo:backdrop:not(.vertical), + .titlebar .linked > combobox > entry.combo:backdrop, + .titlebar .linked > combobox > spinbutton.combo:backdrop:not(.vertical), + headerbar combobox > entry.combo:backdrop, + headerbar combobox > spinbutton.combo:backdrop:not(.vertical), + headerbar .linked > combobox > entry.combo:backdrop, + headerbar .linked > combobox > spinbutton.combo:backdrop:not(.vertical) { + opacity: 0.5; } + .titlebar combobox > button.combo, + .titlebar .linked > combobox > button.combo, + headerbar combobox > button.combo, + headerbar .linked > combobox > button.combo { + color: #BBBBBB; } + .titlebar combobox > button.combo:hover, + .titlebar .linked > combobox > button.combo:hover, + headerbar combobox > button.combo:hover, + headerbar .linked > combobox > button.combo:hover { + color: #ECEFF1; } + .titlebar combobox > button.combo:checked, + .titlebar .linked > combobox > button.combo:checked, + headerbar combobox > button.combo:checked, + headerbar .linked > combobox > button.combo:checked { + color: #ECEFF1; } + .titlebar combobox > button.combo:checked:disabled, + .titlebar .linked > combobox > button.combo:checked:disabled, + headerbar combobox > button.combo:checked:disabled, + headerbar .linked > combobox > button.combo:checked:disabled { + color: rgba(236, 239, 241, 0.3); } + .titlebar combobox > button.combo:disabled, + .titlebar .linked > combobox > button.combo:disabled, + headerbar combobox > button.combo:disabled, + headerbar .linked > combobox > button.combo:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar combobox > button.combo:backdrop, + .titlebar .linked > combobox > button.combo:backdrop, + headerbar combobox > button.combo:backdrop, + headerbar .linked > combobox > button.combo:backdrop { + opacity: 0.5; } + .titlebar menu menuitem, + headerbar menu menuitem { + color: rgba(38, 50, 56, 0.75); } + .titlebar menu menuitem:hover, + headerbar menu menuitem:hover { + color: #263238; } + .titlebar menu menuitem label:disabled, + headerbar menu menuitem label:disabled { + color: rgba(38, 50, 56, 0.3); } + .titlebar menu menuitem accelerator, + headerbar menu menuitem accelerator { + color: alpha(currentColor, 0.55); } + .titlebar menu menuitem separator, + headerbar menu menuitem separator { + color: rgba(0, 0, 0, 0.09); } + .titlebar popover button.flat, .titlebar popover button.osd.image-button, + .titlebar popover .button.osd.image-button, .titlebar popover button:not(.suggested-action):not(.destructive-action), .titlebar popover .menu > arrow, + .titlebar popover .context-menu > arrow, + .titlebar popover menu > arrow, .titlebar popover placessidebar row button.image-button, placessidebar row .titlebar popover button.image-button, .titlebar popover .csd headerbar button.titlebutton, + .csd .titlebar popover button.titlebutton, + .csd .titlebar.selection-mode popover button.titlebutton, .titlebar popover #gf-candidate-popup button, #gf-candidate-popup .titlebar popover button, + .titlebar popover #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .titlebar popover .linked > button:first-child, + .titlebar popover #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .titlebar popover .linked > button:last-child, .titlebar popover window > grid.vertical > box.vertical > widget button, window > grid.vertical > box.vertical > widget .titlebar popover button, .titlebar popover layouttabbar button, layouttabbar .titlebar popover button, .titlebar popover layouttab button, layouttab .titlebar popover button, + headerbar popover button.flat, + headerbar popover button.osd.image-button, + headerbar popover .button.osd.image-button, + headerbar popover .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar headerbar popover button:not(.suggested-action):not(.destructive-action), + headerbar popover button:not(.suggested-action):not(.destructive-action), + headerbar popover .menu > arrow, + headerbar popover .context-menu > arrow, + headerbar popover menu > arrow, + headerbar popover placessidebar row button.image-button, + placessidebar row headerbar popover button.image-button, + .csd headerbar popover button.titlebutton, + .csd headerbar.selection-mode popover button.titlebutton, + headerbar popover .csd .titlebar button.titlebutton, + .csd .titlebar headerbar popover button.titlebutton, + headerbar popover .csd .titlebar.selection-mode button.titlebutton, + .csd .titlebar.selection-mode headerbar popover button.titlebutton, + headerbar popover #gf-candidate-popup button, + #gf-candidate-popup headerbar popover button, + headerbar popover #gf-candidate-popup button:first-child, + #gf-candidate-popup headerbar popover button:first-child, + headerbar popover #gf-candidate-popup button:last-child, + #gf-candidate-popup headerbar popover button:last-child, + headerbar popover #gf-candidate-popup .linked > button, + #gf-candidate-popup headerbar popover .linked > button, + headerbar popover #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup headerbar popover .linked > button:first-child, + headerbar popover #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup headerbar popover .linked > button:last-child, + headerbar popover window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget headerbar popover button, + headerbar popover layouttabbar button, + layouttabbar headerbar popover button, + headerbar popover layouttab button, + layouttab headerbar popover button { + color: rgba(38, 50, 56, 0.75); } + .titlebar popover button.flat:hover, .titlebar popover button.osd.image-button:hover, + .titlebar popover .button.osd.image-button:hover, .titlebar popover button:hover:not(.suggested-action):not(.destructive-action), .titlebar popover .menu > arrow:hover, + .titlebar popover .context-menu > arrow:hover, + .titlebar popover menu > arrow:hover, .titlebar popover placessidebar row button.image-button:hover, placessidebar row .titlebar popover button.image-button:hover, .titlebar popover .csd headerbar button.titlebutton:hover, + .csd .titlebar popover button.titlebutton:hover, .titlebar popover #gf-candidate-popup button:hover, #gf-candidate-popup .titlebar popover button:hover, .titlebar popover window > grid.vertical > box.vertical > widget button:hover, window > grid.vertical > box.vertical > widget .titlebar popover button:hover, .titlebar popover layouttabbar button:hover, layouttabbar .titlebar popover button:hover, .titlebar popover layouttab button:hover, layouttab .titlebar popover button:hover, + headerbar popover button.flat:hover, + headerbar popover button.osd.image-button:hover, + headerbar popover .button.osd.image-button:hover, + headerbar popover button:hover:not(.suggested-action):not(.destructive-action), + headerbar popover .menu > arrow:hover, + headerbar popover .context-menu > arrow:hover, + headerbar popover menu > arrow:hover, + headerbar popover placessidebar row button.image-button:hover, + placessidebar row headerbar popover button.image-button:hover, + .csd headerbar popover button.titlebutton:hover, + headerbar popover .csd .titlebar button.titlebutton:hover, + .csd .titlebar.selection-mode headerbar popover button.titlebutton:hover, + headerbar popover #gf-candidate-popup button:hover, + #gf-candidate-popup headerbar popover button:hover, + headerbar popover #gf-candidate-popup .linked > button:hover:first-child, + #gf-candidate-popup headerbar popover .linked > button:hover:first-child, + headerbar popover #gf-candidate-popup .linked > button:hover:last-child, + #gf-candidate-popup headerbar popover .linked > button:hover:last-child, + headerbar popover window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget headerbar popover button:hover, + headerbar popover layouttabbar button:hover, + layouttabbar headerbar popover button:hover, + headerbar popover layouttab button:hover, + layouttab headerbar popover button:hover { + color: #263238; } + .titlebar popover button.flat label:hover, .titlebar popover button.osd.image-button label:hover, + .titlebar popover .button.osd.image-button label:hover, .titlebar popover button:not(.suggested-action):not(.destructive-action) label:hover, .titlebar popover .menu > arrow label:hover, + .titlebar popover .context-menu > arrow label:hover, + .titlebar popover menu > arrow label:hover, .titlebar popover placessidebar row button.image-button label:hover, placessidebar row .titlebar popover button.image-button label:hover, .titlebar popover .csd headerbar button.titlebutton label:hover, + .csd .titlebar popover button.titlebutton label:hover, .titlebar popover #gf-candidate-popup button label:hover, #gf-candidate-popup .titlebar popover button label:hover, .titlebar popover window > grid.vertical > box.vertical > widget button label:hover, window > grid.vertical > box.vertical > widget .titlebar popover button label:hover, .titlebar popover layouttabbar button label:hover, layouttabbar .titlebar popover button label:hover, .titlebar popover layouttab button label:hover, layouttab .titlebar popover button label:hover, + headerbar popover button.flat label:hover, + headerbar popover button.osd.image-button label:hover, + headerbar popover .button.osd.image-button label:hover, + headerbar popover button:not(.suggested-action):not(.destructive-action) label:hover, + headerbar popover .menu > arrow label:hover, + headerbar popover .context-menu > arrow label:hover, + headerbar popover menu > arrow label:hover, + headerbar popover placessidebar row button.image-button label:hover, + placessidebar row headerbar popover button.image-button label:hover, + .csd headerbar popover button.titlebutton label:hover, + headerbar popover .csd .titlebar button.titlebutton label:hover, + .csd .titlebar.selection-mode headerbar popover button.titlebutton label:hover, + headerbar popover #gf-candidate-popup button label:hover, + #gf-candidate-popup headerbar popover button label:hover, + headerbar popover #gf-candidate-popup .linked > button:first-child label:hover, + #gf-candidate-popup headerbar popover .linked > button:first-child label:hover, + headerbar popover #gf-candidate-popup .linked > button:last-child label:hover, + #gf-candidate-popup headerbar popover .linked > button:last-child label:hover, + headerbar popover window > grid.vertical > box.vertical > widget button label:hover, + window > grid.vertical > box.vertical > widget headerbar popover button label:hover, + headerbar popover layouttabbar button label:hover, + layouttabbar headerbar popover button label:hover, + headerbar popover layouttab button label:hover, + layouttab headerbar popover button label:hover { + color: #263238; } + .titlebar popover button.flat label:disabled, .titlebar popover button.osd.image-button label:disabled, + .titlebar popover .button.osd.image-button label:disabled, .titlebar popover button:not(.suggested-action):not(.destructive-action) label:disabled, .titlebar popover .menu > arrow label:disabled, + .titlebar popover .context-menu > arrow label:disabled, + .titlebar popover menu > arrow label:disabled, .titlebar popover placessidebar row button.image-button label:disabled, placessidebar row .titlebar popover button.image-button label:disabled, .titlebar popover .csd headerbar button.titlebutton label:disabled, + .csd .titlebar popover button.titlebutton label:disabled, .titlebar popover #gf-candidate-popup button label:disabled, #gf-candidate-popup .titlebar popover button label:disabled, .titlebar popover window > grid.vertical > box.vertical > widget button label:disabled, window > grid.vertical > box.vertical > widget .titlebar popover button label:disabled, .titlebar popover layouttabbar button label:disabled, layouttabbar .titlebar popover button label:disabled, .titlebar popover layouttab button label:disabled, layouttab .titlebar popover button label:disabled, + headerbar popover button.flat label:disabled, + headerbar popover button.osd.image-button label:disabled, + headerbar popover .button.osd.image-button label:disabled, + headerbar popover button:not(.suggested-action):not(.destructive-action) label:disabled, + headerbar popover .menu > arrow label:disabled, + headerbar popover .context-menu > arrow label:disabled, + headerbar popover menu > arrow label:disabled, + headerbar popover placessidebar row button.image-button label:disabled, + placessidebar row headerbar popover button.image-button label:disabled, + .csd headerbar popover button.titlebutton label:disabled, + headerbar popover .csd .titlebar button.titlebutton label:disabled, + .csd .titlebar.selection-mode headerbar popover button.titlebutton label:disabled, + headerbar popover #gf-candidate-popup button label:disabled, + #gf-candidate-popup headerbar popover button label:disabled, + headerbar popover #gf-candidate-popup .linked > button:first-child label:disabled, + #gf-candidate-popup headerbar popover .linked > button:first-child label:disabled, + headerbar popover #gf-candidate-popup .linked > button:last-child label:disabled, + #gf-candidate-popup headerbar popover .linked > button:last-child label:disabled, + headerbar popover window > grid.vertical > box.vertical > widget button label:disabled, + window > grid.vertical > box.vertical > widget headerbar popover button label:disabled, + headerbar popover layouttabbar button label:disabled, + layouttabbar headerbar popover button label:disabled, + headerbar popover layouttab button label:disabled, + layouttab headerbar popover button label:disabled { + color: rgba(38, 50, 56, 0.3); } + .titlebar switch, + headerbar switch { + margin: 0.20301rem 0; + color: #BBBBBB; + background-color: rgba(236, 239, 241, 0.075); } + .titlebar switch:checked, + headerbar switch:checked { + background-color: rgba(0, 188, 212, 0.2); } + .titlebar switch:checked:disabled, + headerbar switch:checked:disabled { + background-color: rgba(0, 188, 212, 0.2); } + .titlebar switch:disabled, + headerbar switch:disabled { + color: rgba(236, 239, 241, 0.3); + background-color: alpha(currentColor, 0.2); } + .titlebar switch slider, + headerbar switch slider { + background-color: #3e515a; } + .titlebar switch:hover slider, + headerbar switch:hover slider { + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2)); } + .titlebar switch:checked slider, + headerbar switch:checked slider { + background-color: #E8E8E8; } + .titlebar switch:checked slider:disabled, + headerbar switch:checked slider:disabled { + background-color: #3F4E56; } + .titlebar switch:disabled slider, + headerbar switch:disabled slider { + background-color: #3F4E56; } + .titlebar spinner, + headerbar spinner { + min-width: 1rem; + min-height: 1rem; + margin: -0.3985rem; } + .titlebar.selection-mode, + headerbar.selection-mode { + border-width: 1px 0 1px 0; + border-top-color: rgba(255, 255, 255, 0.07); + border-bottom-color: transparent; + background-color: #E8E8E8; + color: #FFFFFF; } + .titlebar.selection-mode button, + .titlebar.selection-mode button.image-button, + headerbar.selection-mode button, + headerbar.selection-mode button.image-button { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#FFFFFF), to(transparent)) 0 0 0/0 0 0px; + color: rgba(255, 255, 255, 0.85); } + .titlebar.selection-mode button:hover, .titlebar.selection-mode button:active, .titlebar.selection-mode button:checked, + .titlebar.selection-mode button.image-button:hover, + .titlebar.selection-mode button.image-button:active, + .titlebar.selection-mode button.image-button:checked, + headerbar.selection-mode button:hover, + headerbar.selection-mode button:active, + headerbar.selection-mode button:checked, + headerbar.selection-mode button.image-button:hover, + headerbar.selection-mode button.image-button:active, + headerbar.selection-mode button.image-button:checked { + color: #FFFFFF; } + .titlebar.selection-mode button:disabled, + .titlebar.selection-mode button.image-button:disabled, + headerbar.selection-mode button:disabled, + headerbar.selection-mode button.image-button:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar.selection-mode button:checked, + .titlebar.selection-mode button.image-button:checked, + headerbar.selection-mode button:checked, + headerbar.selection-mode button.image-button:checked { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FFFFFF), to(transparent)) 0 0 2/0 0 2px; + color: #FFFFFF; + background-color: transparent; } + .titlebar.selection-mode button:checked:disabled, + .titlebar.selection-mode button.image-button:checked:disabled, + headerbar.selection-mode button:checked:disabled, + headerbar.selection-mode button.image-button:checked:disabled { + color: rgba(255, 255, 255, 0.4); } + .titlebar.selection-mode button:checked:disabled > label, + .titlebar.selection-mode button.image-button:checked:disabled > label, + headerbar.selection-mode button:checked:disabled > label, + headerbar.selection-mode button.image-button:checked:disabled > label { + color: inherit; } + .titlebar.selection-mode button.suggested-action, + .titlebar.selection-mode button.image-button.suggested-action, + headerbar.selection-mode button.suggested-action, + headerbar.selection-mode button.image-button.suggested-action { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #FFFFFF; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); } + .titlebar.selection-mode button.suggested-action:hover, + .titlebar.selection-mode button.image-button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover, + headerbar.selection-mode button.image-button.suggested-action:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #263238; } + .titlebar.selection-mode button.suggested-action:active, + .titlebar.selection-mode button.image-button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active, + headerbar.selection-mode button.image-button.suggested-action:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #263238; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .titlebar.selection-mode button.suggested-action:disabled, + .titlebar.selection-mode button.image-button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled, + headerbar.selection-mode button.image-button.suggested-action:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(38, 50, 56, 0.225); } + .titlebar.selection-mode button.suggested-action:disabled > label, + .titlebar.selection-mode button.image-button.suggested-action:disabled > label, + headerbar.selection-mode button.suggested-action:disabled > label, + headerbar.selection-mode button.image-button.suggested-action:disabled > label { + color: inherit; } + .titlebar.selection-mode button.text-button, .titlebar.selection-mode button.suggested-action, + .titlebar.selection-mode button.image-button.text-button, + .titlebar.selection-mode button.image-button.suggested-action, + headerbar.selection-mode button.text-button, + headerbar.selection-mode button.suggested-action, + headerbar.selection-mode button.image-button.text-button, + headerbar.selection-mode button.image-button.suggested-action { + color: rgba(255, 255, 255, 0.85); } + .titlebar.selection-mode button.text-button:hover, .titlebar.selection-mode button.text-button:active, .titlebar.selection-mode button.text-button:checked, .titlebar.selection-mode button.suggested-action:hover, .titlebar.selection-mode button.suggested-action:active, .titlebar.selection-mode button.suggested-action:checked, + .titlebar.selection-mode button.image-button.text-button:hover, + .titlebar.selection-mode button.image-button.text-button:active, + .titlebar.selection-mode button.image-button.text-button:checked, + .titlebar.selection-mode button.image-button.suggested-action:hover, + .titlebar.selection-mode button.image-button.suggested-action:active, + .titlebar.selection-mode button.image-button.suggested-action:checked, + headerbar.selection-mode button.text-button:hover, + headerbar.selection-mode button.text-button:active, + headerbar.selection-mode button.text-button:checked, + headerbar.selection-mode button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:active, + headerbar.selection-mode button.suggested-action:checked, + headerbar.selection-mode button.image-button.text-button:hover, + headerbar.selection-mode button.image-button.text-button:active, + headerbar.selection-mode button.image-button.text-button:checked, + headerbar.selection-mode button.image-button.suggested-action:hover, + headerbar.selection-mode button.image-button.suggested-action:active, + headerbar.selection-mode button.image-button.suggested-action:checked { + color: #FFFFFF; } + .titlebar.selection-mode button.text-button:disabled, .titlebar.selection-mode button.suggested-action:disabled, + .titlebar.selection-mode button.image-button.text-button:disabled, + .titlebar.selection-mode button.image-button.suggested-action:disabled, + headerbar.selection-mode button.text-button:disabled, + headerbar.selection-mode button.suggested-action:disabled, + headerbar.selection-mode button.image-button.text-button:disabled, + headerbar.selection-mode button.image-button.suggested-action:disabled { + color: rgba(255, 255, 255, 0.4); } + .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action), + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).text-button, .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).flat.selection-menu, .titlebar.selection-mode button.osd.image-button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode .button.osd.image-button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode headerbar button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode .context-menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode placessidebar row button.image-button:not(.suggested-action):not(.destructive-action).selection-menu, placessidebar row .titlebar.selection-mode button.image-button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .csd headerbar button.titlebutton:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode #gf-candidate-popup button:not(.suggested-action):not(.destructive-action).selection-menu, #gf-candidate-popup .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode window > grid.vertical > box.vertical > widget button:not(.suggested-action):not(.destructive-action).selection-menu, window > grid.vertical > box.vertical > widget .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode layouttabbar button:not(.suggested-action):not(.destructive-action).selection-menu, layouttabbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode layouttab button:not(.suggested-action):not(.destructive-action).selection-menu, layouttab .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).text-button, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).flat.selection-menu, + headerbar.selection-mode button.osd.image-button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .button.osd.image-button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .titlebar button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .context-menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode placessidebar row button.image-button:not(.suggested-action):not(.destructive-action).selection-menu, + placessidebar row headerbar.selection-mode button.image-button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode #gf-candidate-popup button:not(.suggested-action):not(.destructive-action).selection-menu, + #gf-candidate-popup headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode window > grid.vertical > box.vertical > widget button:not(.suggested-action):not(.destructive-action).selection-menu, + window > grid.vertical > box.vertical > widget headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode layouttabbar button:not(.suggested-action):not(.destructive-action).selection-menu, + layouttabbar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode layouttab button:not(.suggested-action):not(.destructive-action).selection-menu, + layouttab headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).text-button.image-button, .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).flat.selection-menu.image-button, .titlebar.selection-mode button.osd:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode .button.osd:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode headerbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode .context-menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode placessidebar row button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, placessidebar row .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .csd headerbar button.titlebutton:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode #gf-candidate-popup button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, #gf-candidate-popup .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode window > grid.vertical > box.vertical > widget button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, window > grid.vertical > box.vertical > widget .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode layouttabbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, layouttabbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode layouttab button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, layouttab .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).text-button.image-button, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).flat.selection-menu.image-button, + headerbar.selection-mode button.osd:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .button.osd:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .titlebar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .context-menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode placessidebar row button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + placessidebar row headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode #gf-candidate-popup button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + #gf-candidate-popup headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode window > grid.vertical > box.vertical > widget button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + window > grid.vertical > box.vertical > widget headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode layouttabbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + layouttabbar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode layouttab button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + layouttab headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .titlebar.selection-mode entry, .titlebar.selection-mode spinbutton:not(.vertical), + headerbar.selection-mode entry, + headerbar.selection-mode spinbutton:not(.vertical) { + color: #BBBBBB; } + .titlebar.selection-mode entry:focus, .titlebar.selection-mode spinbutton:focus:not(.vertical), + headerbar.selection-mode entry:focus, + headerbar.selection-mode spinbutton:focus:not(.vertical) { + color: #ECEFF1; } + .titlebar.selection-mode entry:disabled, .titlebar.selection-mode spinbutton:disabled:not(.vertical), + headerbar.selection-mode entry:disabled, + headerbar.selection-mode spinbutton:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.225); } + .titlebar.selection-mode .selection-menu, + headerbar.selection-mode .selection-menu { + padding-left: 1.20301rem; + padding-right: 1.20301rem; } + .titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu.popup, + headerbar.selection-mode .selection-menu, + headerbar.selection-mode .selection-menu.popup { + color: rgba(255, 255, 255, 0.85); } + .titlebar.selection-mode .selection-menu:hover, .titlebar.selection-mode .selection-menu:active, .titlebar.selection-mode .selection-menu:checked, .titlebar.selection-mode .selection-menu.popup:hover, .titlebar.selection-mode .selection-menu.popup:active, .titlebar.selection-mode .selection-menu.popup:checked, + headerbar.selection-mode .selection-menu:hover, + headerbar.selection-mode .selection-menu:active, + headerbar.selection-mode .selection-menu:checked, + headerbar.selection-mode .selection-menu.popup:hover, + headerbar.selection-mode .selection-menu.popup:active, + headerbar.selection-mode .selection-menu.popup:checked { + color: #FFFFFF; } + .titlebar.selection-mode .selection-menu:disabled, .titlebar.selection-mode .selection-menu.popup:disabled, + headerbar.selection-mode .selection-menu:disabled, + headerbar.selection-mode .selection-menu.popup:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar.selection-mode .selection-menu:checked, .titlebar.selection-mode .selection-menu.popup:checked, + headerbar.selection-mode .selection-menu:checked, + headerbar.selection-mode .selection-menu.popup:checked { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FFFFFF), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; } + .titlebar.selection-mode .selection-menu:checked:disabled, .titlebar.selection-mode .selection-menu.popup:checked:disabled, + headerbar.selection-mode .selection-menu:checked:disabled, + headerbar.selection-mode .selection-menu.popup:checked:disabled { + color: rgba(255, 255, 255, 0.4); } + .titlebar.selection-mode .selection-menu:checked:disabled > label, .titlebar.selection-mode .selection-menu.popup:checked:disabled > label, + headerbar.selection-mode .selection-menu:checked:disabled > label, + headerbar.selection-mode .selection-menu.popup:checked:disabled > label { + color: inherit; } + .titlebar.selection-mode .selection-menu GtkArrow, + headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1.0; } + .titlebar.selection-mode .selection-menu .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(255, 255, 255, 0.85); } + .tiled .titlebar, .tiled + headerbar { + transition: none; } + .maximized .titlebar, .maximized + headerbar { + transition: none; } + .titlebar.default-decoration, + headerbar.default-decoration { + min-height: 26.7px; + padding: 5.3px; + border-width: 0; } + .titlebar.default-decoration .title, + headerbar.default-decoration .title { + color: #ECEFF1; } + .titlebar.default-decoration .title:backdrop, + headerbar.default-decoration .title:backdrop { + color: rgba(236, 239, 241, 0.4); } + .titlebar.default-decoration button.titlebutton, + headerbar.default-decoration button.titlebutton { + min-width: 26.7px; + min-height: 26.7px; + margin: 0; + padding: 0; + color: #BBBBBB; + background-size: 2.44361rem 2.44361rem, auto; } + .titlebar.default-decoration button.titlebutton:hover, .titlebar.default-decoration button.titlebutton:active, + headerbar.default-decoration button.titlebutton:hover, + headerbar.default-decoration button.titlebutton:active { + color: #ECEFF1; } + .titlebar.default-decoration button.titlebutton:backdrop, + headerbar.default-decoration button.titlebutton:backdrop { + color: rgba(236, 239, 241, 0.4); } + +headerbar { + border-width: 1px 0 1px; + border-style: solid; + border-top-color: #FFFFFF; + border-bottom-color: #FFFFFF; } + headerbar.titlebar, .csd headerbar, box headerbar:only-child { + padding: 0.3985rem;} + box headerbar:not(:only-child):first-child, box headerbar:not(:only-child):last-child { + border-left-color: #FFFFFF; + border-right-color: #FFFFFF; } + .tiled box headerbar:not(:only-child):first-child, .maximized box headerbar:not(:only-child):first-child, .tiled box headerbar:not(:only-child):last-child, .maximized box headerbar:not(:only-child):last-child { + border-left-color: #FFFFFF; + border-right-color: #FFFFFF; } + box headerbar:not(:only-child):last-child:dir(ltr) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), -5px 0 0 -1px #FFFFFF, -2px 0 0 -1px rgba(0, 0, 0, 0.09); } + box headerbar:not(:only-child):last-child:dir(rtl) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), 5px 0 0 -1px #FFFFFF, 2px 0 0 -1px rgba(0, 0, 0, 0.09); } + +box headerbar.selection-mode:not(:only-child):last-child:dir(ltr) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), -5px 0 0 -1px #E8E8E8, -2px 0 0 -1px #242F35; } +box headerbar.selection-mode:not(:only-child):last-child:dir(rtl) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), 5px 0 0 -1px #E8E8E8, 2px 0 0 -1px #242F35; } + +headerbar, +.titlebar { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + box headerbar:not(:last-child):not(.titlebar):dir(ltr), box + .titlebar:not(:last-child):not(.titlebar):dir(ltr) { + border-top-left-radius: 2px; + border-top-right-radius: 0; } + box headerbar:not(:last-child):not(.titlebar):dir(rtl), box + .titlebar:not(:last-child):not(.titlebar):dir(rtl) { + border-top-left-radius: 0; + border-top-right-radius: 2px; } + box headerbar:last-child:not(.titlebar):dir(ltr), box + .titlebar:last-child:not(.titlebar):dir(ltr) { + border-top-left-radius: 0; } + box headerbar:last-child:not(.titlebar):dir(rtl), box + .titlebar:last-child:not(.titlebar):dir(rtl) { + border-top-right-radius: 0; } + +window:not(.maximized):not(.tiled) paned.titlebar { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + window:not(.maximized):not(.tiled) paned.titlebar > headerbar:not(:last-child):dir(ltr) { + border-top-left-radius: 2px; + border-top-right-radius: 0; } + window:not(.maximized):not(.tiled) paned.titlebar > headerbar:not(:last-child):dir(rtl) { + border-top-left-radius: 0; + border-top-right-radius: 2px; } + window:not(.maximized):not(.tiled) paned.titlebar > headerbar:last-child:dir(ltr) { + border-top-left-radius: 0; + border-top-right-radius: 2px; } + window:not(.maximized):not(.tiled) paned.titlebar > headerbar:last-child:dir(rtl) { + border-top-left-radius: 2px; + border-top-right-radius: 0; } + +.ssd decoration .titlebar { + border-top: 1px solid rgba(255, 255, 255, 0.07); + box-shadow: none; } + +.tiled .titlebar, .tiled +headerbar, .tiled headerbar.titlebar, .tiled .csd headerbar, .tiled box headerbar:only-child, .tiled box headerbar:not(:only-child):last-child:dir(ltr), .tiled box headerbar:not(:only-child):last-child:dir(rtl), .tiled paned headerbar:not(:only-child):last-child:dir(ltr), .tiled paned headerbar:not(:only-child):last-child:dir(rtl), .tiled box headerbar.selection-mode:not(:only-child):last-child:dir(ltr), .tiled box headerbar.selection-mode:not(:only-child):last-child:dir(rtl), .tiled .ssd decoration .titlebar { + border-radius: 0; + border-color: #FFFFFF; + border-width: 2px 0 0 0; + border-top-color: #4DD0E1; + background-color: #FFFFFF; + box-shadow: none; } + .tiled .titlebar:backdrop, .tiled + headerbar:backdrop, .tiled box headerbar:backdrop:only-child, .tiled box headerbar:backdrop:not(:only-child):last-child:dir(ltr), .tiled box headerbar:backdrop:not(:only-child):last-child:dir(rtl), .tiled paned headerbar:backdrop:not(:only-child):last-child:dir(ltr), .tiled paned headerbar:backdrop:not(:only-child):last-child:dir(rtl), .tiled .ssd decoration .titlebar:backdrop { + border-top-color: alpha(currentColor, 0.2); } + +.maximized .titlebar, .maximized +headerbar, .maximized headerbar.titlebar, .maximized .csd headerbar, .maximized box headerbar:only-child, .maximized box headerbar:not(:only-child):last-child:dir(ltr), .maximized box headerbar:not(:only-child):last-child:dir(rtl), .maximized paned headerbar:not(:only-child):last-child:dir(ltr), .maximized paned headerbar:not(:only-child):last-child:dir(rtl), .maximized box headerbar.selection-mode:not(:only-child):last-child:dir(ltr), .maximized box headerbar.selection-mode:not(:only-child):last-child:dir(rtl), .maximized .ssd decoration .titlebar { + border-radius: 0; + border-color: #FFFFFF; + border-width: 1px 0 0 0; + background-color: #FFFFFF; + box-shadow: none; } + +/************ + * Pathbars * + ************/ +.linked.path-bar button, .linked.path-bar button.text-button, +.path-bar button, +.path-bar button.text-button { + padding: 0 0.09774rem 0; + -gtk-outline-radius: 2px; } +.linked.path-bar button.image-button, +.path-bar button.image-button { + padding: 0 0.3985rem 0; } +.linked.path-bar button.text-button.image-button, +.path-bar button.text-button.image-button { + -gtk-outline-radius: 2px; } + .linked.path-bar button.text-button.image-button label, + .path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } +.linked.path-bar button.text-button.image-button label:last-child, +.path-bar button.text-button.image-button label:last-child { + padding-right: 0.3985rem; } +.linked.path-bar button.text-button.image-button label:first-child, +.path-bar button.text-button.image-button label:first-child { + padding-left: 0.3985rem; } +.linked.path-bar button image, +.path-bar button image { + padding: 0.09774rem 0.3985rem 0; } +.linked.path-bar button.slider-button, .linked.path-bar button.image-button.text-button.toggle, +.path-bar button.slider-button, +.path-bar button.image-button.text-button.toggle { + min-height: 1.30075rem; + padding: 0 0.09774rem 0; + -gtk-outline-radius: 2px; } + +/************** + * Tree Views * + **************/ +treeview.view, .tweak-category { + border-left-color: alpha(currentColor, 0.2); + border-top-color: rgba(0, 0, 0, 0.09); + border-radius: 0; + background-color: transparent; + background-image: none; + box-shadow: none; } + * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; } + treeview.view:hover, .tweak-category:hover, treeview.view:active, .tweak-category:active { + border-radius: 0; } + treeview.view:selected, .tweak-category:selected { + border-radius: 0; } + treeview.view, .tweak-category, treeview.view entry, .tweak-category entry, treeview.view spinbutton:not(.vertical), .tweak-category spinbutton:not(.vertical), treeview.view entry > label, .tweak-category entry > label, treeview.view spinbutton:not(.vertical) > label, .tweak-category spinbutton:not(.vertical) > label { + color: rgba(38, 50, 56, 0.75); } + treeview.view:hover, .tweak-category:hover, treeview.view:active, .tweak-category:active, treeview.view:focus, .tweak-category:focus, treeview.view entry:hover, .tweak-category entry:hover, treeview.view spinbutton:hover:not(.vertical), .tweak-category spinbutton:hover:not(.vertical), treeview.view entry:active, .tweak-category entry:active, treeview.view spinbutton:active:not(.vertical), .tweak-category spinbutton:active:not(.vertical), treeview.view entry:focus, .tweak-category entry:focus, treeview.view spinbutton:focus:not(.vertical), .tweak-category spinbutton:focus:not(.vertical), treeview.view entry > label:hover, .tweak-category entry > label:hover, treeview.view spinbutton:not(.vertical) > label:hover, .tweak-category spinbutton:not(.vertical) > label:hover, treeview.view entry > label:active, .tweak-category entry > label:active, treeview.view spinbutton:not(.vertical) > label:active, .tweak-category spinbutton:not(.vertical) > label:active, treeview.view entry > label:focus, .tweak-category entry > label:focus, treeview.view spinbutton:not(.vertical) > label:focus, .tweak-category spinbutton:not(.vertical) > label:focus { + color: #263238; } + treeview.view:selected, .tweak-category:selected, treeview.view entry:selected, .tweak-category entry:selected, treeview.view spinbutton:selected:not(.vertical), .tweak-category spinbutton:selected:not(.vertical), treeview.view entry > label:selected, .tweak-category entry > label:selected, treeview.view spinbutton:not(.vertical) > label:selected, .tweak-category spinbutton:not(.vertical) > label:selected { + color: #FFFFFF; } + treeview.view:disabled, .tweak-category:disabled, treeview.view entry:disabled, .tweak-category entry:disabled, treeview.view spinbutton:disabled:not(.vertical), .tweak-category spinbutton:disabled:not(.vertical), treeview.view entry > label:disabled, .tweak-category entry > label:disabled, treeview.view spinbutton:not(.vertical) > label:disabled, .tweak-category spinbutton:not(.vertical) > label:disabled { + color: rgba(38, 50, 56, 0.3); } + treeview.view:disabled:selected, .tweak-category:disabled:selected, treeview.view entry:disabled:selected, .tweak-category entry:disabled:selected, treeview.view spinbutton:disabled:selected:not(.vertical), .tweak-category spinbutton:disabled:selected:not(.vertical), treeview.view entry > label:disabled:selected, .tweak-category entry > label:disabled:selected, treeview.view spinbutton:not(.vertical) > label:disabled:selected, .tweak-category spinbutton:not(.vertical) > label:disabled:selected { + color: rgba(255, 255, 255, 0.4); } + treeview.view .separator, .tweak-category .separator, treeview.view .separator:hover, .tweak-category .separator:hover { + color: transparent; + background-color: rgba(0, 0, 0, 0.09); } + treeview.view.dnd, .dnd.tweak-category { + border-style: solid none; + border-width: 1px; + border-color: #137786; } + treeview.view expander arrow, .tweak-category expander arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + treeview.view expander arrow:dir(rtl), .tweak-category expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view expander arrow:checked, .tweak-category expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view expander arrow:selected, .tweak-category expander arrow:selected { + color: rgba(255, 255, 255, 0.75); } + treeview.view expander arrow:selected:hover, .tweak-category expander arrow:selected:hover, treeview.view expander arrow:selected:active, .tweak-category expander arrow:selected:active { + color: #FFFFFF; } + treeview.view.progressbar, .progressbar.tweak-category { + box-shadow: inset 0 -4px #E8E8E8; } + treeview.view.progressbar:selected, .progressbar.tweak-category:selected { + box-shadow: inset 0 -4px #FFFFFF; } + treeview.view.trough, .trough.tweak-category { + box-shadow: inset 0 -4px alpha(#E8E8E8, 0.2); } + treeview.view.trough:selected, .trough.tweak-category:selected { + box-shadow: inset 0 -4px alpha(#FFFFFF, 0.2); } + treeview.view, .tweak-category, paned treeview.view, paned .tweak-category { + background-color: #FFFFFF; } + treeview.view:hover, .tweak-category:hover, + treeview.view row:hover, + .tweak-category row:hover, paned treeview.view:hover, paned .tweak-category:hover, + paned treeview.view row:hover, + paned .tweak-category row:hover { + color: #263238; } + treeview.view header button, .tweak-category header button { + min-height: 1.50376rem; + padding: 0 0.50376rem 0; + border-style: none solid solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.09); + border-radius: 0; + box-shadow: none; + background-color: #FFFFFF; + color: rgba(38, 50, 56, 0.5); } + treeview.view header:hover, .tweak-category header:hover, treeview.view header:active, .tweak-category header:active { + color: #263238; + box-shadow: none; } + treeview.view header:disabled, .tweak-category header:disabled { + background-color: #FFFFFF; } + treeview.view button:last-child, .tweak-category button:last-child, treeview.view:last-child button, .tweak-category:last-child button { + border-right-style: none; } + treeview.view.separator, .separator.tweak-category { + min-height: 0.15038rem; + color: transparent; + background-color: rgba(0, 0, 0, 0.09); } + treeview.view acceleditor > label, .tweak-category acceleditor > label { + background-color: #E8E8E8; } + +column-header.button.dnd, treeview.view header.dnd, .tweak-category header.dnd { + transition: none; + border-left-style: solid; + color: #E8E8E8; } + +/********* + * Menus * + *********/ +.menubar, +menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #FFFFFF; + color: #BBBBBB; } + .tiled .menubar, .maximized .menubar, .tiled + menubar, .maximized + menubar { + background-color: #FFFFFF; + box-shadow: none; + transition: none; } + .menubar > menuitem, + menubar > menuitem { + min-height: 1.50376rem; + padding: 0.3985rem 0.6015rem 0.50376rem; + color: #BBBBBB; + background-color: transparent; } + .menubar > menuitem:hover, + menubar > menuitem:hover { + color: #ECEFF1; + box-shadow: inset 0 -2px #E8E8E8; } + .menubar > menuitem:disabled, + menubar > menuitem:disabled { + color: rgba(236, 239, 241, 0.3); + box-shadow: none; } + +.menu, +.context-menu, +menu { + margin: 0.30075rem 0; + padding: 0.30075rem 0; + border-width: 1px; + border-style: solid; + border-color: #FFFFFF transparent transparent; + background-color: #fdfdfe; } + .csd .menu, .csd + .context-menu, .csd + menu { + border-width: 1px; + border-radius: 2px; + border-color: #FFFFFF transparent transparent; } + .menu .menuitem, + .menu menuitem, + .context-menu .menuitem, + .context-menu menuitem, + menu .menuitem, + menu menuitem { + min-height: 1.50376rem; + min-width: 3.00752rem; + padding: 0.3985rem 0.6015rem 0.50376rem; + color: rgba(38, 50, 56, 0.75); + font: initial; + text-shadow: none; + transition: none; } + .menu .menuitem:hover, + .menu menuitem:hover, + .context-menu .menuitem:hover, + .context-menu menuitem:hover, + menu .menuitem:hover, + menu menuitem:hover { + color: #263238; + background-color: alpha(currentColor, 0.1); + transition: none; } + .menu .menuitem:disabled, + .menu menuitem:disabled, + .context-menu .menuitem:disabled, + .context-menu menuitem:disabled, + menu .menuitem:disabled, + menu menuitem:disabled { + color: rgba(38, 50, 56, 0.3); } + .menu .menuitem arrow, + .menu menuitem arrow, + .context-menu .menuitem arrow, + .context-menu menuitem arrow, + menu .menuitem arrow, + menu menuitem arrow { + min-height: 1.20301rem; + min-width: 1.20301rem; } + .menu .menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr), + .context-menu .menuitem arrow:dir(ltr), + .context-menu menuitem arrow:dir(ltr), + menu .menuitem arrow:dir(ltr), + menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 0.80451rem; } + .menu .menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl), + .context-menu .menuitem arrow:dir(rtl), + .context-menu menuitem arrow:dir(rtl), + menu .menuitem arrow:dir(rtl), + menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 0.80451rem; } + .menu .menuitem label:dir(rtl), .menu .menuitem label:dir(ltr), + .menu menuitem label:dir(rtl), + .menu menuitem label:dir(ltr), + .context-menu .menuitem label:dir(rtl), + .context-menu .menuitem label:dir(ltr), + .context-menu menuitem label:dir(rtl), + .context-menu menuitem label:dir(ltr), + menu .menuitem label:dir(rtl), + menu .menuitem label:dir(ltr), + menu menuitem label:dir(rtl), + menu menuitem label:dir(ltr) { + color: inherit; } + .menu > arrow, + .context-menu > arrow, + menu > arrow { + min-height: 1.20301rem; + min-width: 1.20301rem; + padding: 0.30075rem; + border-style: none; + border-radius: 0; + background-color: #fdfdfe; } + .menu > arrow.top, + .context-menu > arrow.top, + menu > arrow.top { + margin-top: -0.3985rem; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid rgba(0, 0, 0, 0.09); } + .menu > arrow.bottom, + .context-menu > arrow.bottom, + menu > arrow.bottom { + margin-bottom: -0.3985rem; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid rgba(0, 0, 0, 0.09); } + .menu > arrow:hover, + .context-menu > arrow:hover, + menu > arrow:hover { + background-color: #FFFFFF; } + .menu > arrow:disabled, + .context-menu > arrow:disabled, + menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + .menu > separator:dir(ltr), + .context-menu > separator:dir(ltr), + menu > separator:dir(ltr) { + margin-left: 2.40602rem; } + .menu > separator:dir(rtl), + .context-menu > separator:dir(rtl), + menu > separator:dir(rtl) { + margin-right: 2.40602rem; } + +menuitem accelerator { + color: alpha(currentColor, 0.55); } +menuitem separator { + color: transparent; + background: none; + border-top: 1px solid rgba(0, 0, 0, 0.09); } + menuitem separator:dir(ltr) { + margin-left: 2.40602rem; } + menuitem separator:dir(rtl) { + margin-right: 2.40602rem; } + +.csd.popup { + border-radius: 2px; } + +/************ + * Popovers * + ************/ +popover.background { + padding: 2px; + background-color: #fdfdfe; + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.2); } + .csd popover.background, popover.background { + border: 1px solid; + border-color: #FFFFFF #fdfdfe #fdfdfe; + border-radius: 2px; } + popover.background:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + popover.background > list, + popover.background > .view, + popover.background > iconview, + popover.background > toolbar, popover.background.osd > toolbar { + border-style: none; + border-image: none; + background-color: transparent; } + popover.background button menuitem.flat, + popover.background button.flat, + popover.background button.osd.image-button, + popover.background .button.osd.image-button, + popover.background .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar popover.background button:not(.suggested-action):not(.destructive-action), + popover.background headerbar button:not(.suggested-action):not(.destructive-action), + headerbar popover.background button:not(.suggested-action):not(.destructive-action), + popover.background .menu > arrow, + popover.background .context-menu > arrow, + popover.background menu > arrow, + popover.background placessidebar row button.image-button, + placessidebar row popover.background button.image-button, + popover.background .csd headerbar button.titlebutton, + .csd headerbar popover.background button.titlebutton, + popover.background .csd .titlebar button.titlebutton, + .csd .titlebar popover.background button.titlebutton, + popover.background #gf-candidate-popup button, + #gf-candidate-popup popover.background button, + popover.background #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup popover.background .linked > button:first-child, + popover.background #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup popover.background .linked > button:last-child, + popover.background window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget popover.background button, + popover.background layouttabbar button, + layouttabbar popover.background button, + popover.background layouttab button, + layouttab popover.background button { + transition: none; + padding: 0 0.75188rem 0; + background-color: transparent; + background-size: 9.96241rem 9.96241rem, auto; + color: rgba(38, 50, 56, 0.75); + font: initial; } + popover.background button menuitem.flat:hover, + popover.background button.flat:hover, + popover.background button.osd.image-button:hover, + popover.background .button.osd.image-button:hover, + popover.background .titlebar button:hover:not(.suggested-action):not(.destructive-action), + .titlebar popover.background button:hover:not(.suggested-action):not(.destructive-action), + popover.background headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action), + popover.background .menu > arrow:hover, + popover.background .context-menu > arrow:hover, + popover.background menu > arrow:hover, + popover.background placessidebar row button.image-button:hover, + placessidebar row popover.background button.image-button:hover, + popover.background .csd headerbar button.titlebutton:hover, + .csd headerbar popover.background button.titlebutton:hover, + popover.background .csd .titlebar button.titlebutton:hover, + .csd .titlebar popover.background button.titlebutton:hover, + popover.background #gf-candidate-popup button:hover, + #gf-candidate-popup popover.background button:hover, + popover.background window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget popover.background button:hover, + popover.background layouttabbar button:hover, + layouttabbar popover.background button:hover, + popover.background layouttab button:hover, + layouttab popover.background button:hover { + background-color: transparent; + color: #263238; } + popover.background button menuitem.flat label, + popover.background button.flat label, + popover.background button.osd.image-button label, + popover.background .button.osd.image-button label, + popover.background .titlebar button:not(.suggested-action):not(.destructive-action) label, + .titlebar popover.background button:not(.suggested-action):not(.destructive-action) label, + popover.background headerbar button:not(.suggested-action):not(.destructive-action) label, + headerbar popover.background button:not(.suggested-action):not(.destructive-action) label, + popover.background .menu > arrow label, + popover.background .context-menu > arrow label, + popover.background menu > arrow label, + popover.background placessidebar row button.image-button label, + placessidebar row popover.background button.image-button label, + popover.background .csd headerbar button.titlebutton label, + .csd headerbar popover.background button.titlebutton label, + popover.background .csd .titlebar button.titlebutton label, + .csd .titlebar popover.background button.titlebutton label, + popover.background #gf-candidate-popup button label, + #gf-candidate-popup popover.background button label, + popover.background #gf-candidate-popup .linked > button:first-child label, + #gf-candidate-popup popover.background .linked > button:first-child label, + popover.background #gf-candidate-popup .linked > button:last-child label, + #gf-candidate-popup popover.background .linked > button:last-child label, + popover.background window > grid.vertical > box.vertical > widget button label, + window > grid.vertical > box.vertical > widget popover.background button label, + popover.background layouttabbar button label, + layouttabbar popover.background button label, + popover.background layouttab button label, + layouttab popover.background button label { + padding: 0.20301rem 0 0.24812rem; } + popover.background button.image-button { + padding: 0.50376rem; } + popover.background button.model.image-button { + min-height: 2.00752rem; } + popover.background .linked > button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); } + popover.background .linked > button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + color: #263238; } + popover.background .linked > button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #263238; } + popover.background .linked > button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + color: #263238; + background-color: transparent; } + popover.background .linked > button:checked:disabled > label { + color: inherit; } + popover.background .linked > button:disabled { + box-shadow: none; + background-color: transparent; } + .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } + popover.background separator { + margin: 0.22556rem 0; } + +/************* + * Notebooks * + *************/ +notebook { + padding: 0; } + notebook.frame { + border: 1px solid #E5E9EC; + transition: none; } + notebook.frame > header, notebook.frame > header.frame { + border-style: none; } + notebook.frame > header.top { + margin: -1px -1px 0 -1px; } + notebook.frame > header.bottom { + margin: 0 -1px -1px -1px; } + notebook.frame > header.left { + margin: -1px 0 -1px -1px; } + notebook.frame > header.right { + margin: -1px -1px -1px 0; } + notebook > stack { + transition: none; } + notebook > stack:only-child { + border: none; + background-color: transparent; + box-shadow: none; } + notebook > stack:not(:only-child), notebook > stack:not(:first-child), notebook > stack:not(:last-child) { + border: none; + background-color: #FFFFFF; + box-shadow: inset 0 0 0 1px #FFFFFF; } + notebook > header { + background-color: #FFFFFF; } + notebook > header tabs { + background-color: transparent; } + notebook > header.top { + box-shadow: 0 1px rgba(0, 0, 0, 0.09); } + notebook > header.bottom { + box-shadow: 0 -1px rgba(0, 0, 0, 0.09); } + notebook > header.left { + box-shadow: 1px 0 rgba(0, 0, 0, 0.09); } + notebook > header.right { + box-shadow: -1px 0 rgba(0, 0, 0, 0.09); } + notebook > header.top > tabs { + margin: 0 0.45113rem -1px 0.45113rem; } + notebook > header.top > tabs > tab { + margin: 0 -1px 0 -1px; + padding: 0.3985rem 1.20301rem; + border-bottom-width: 2px; + box-shadow: none; } + notebook > header.top > tabs > tab.reorderable-page { + padding-left: 0.75188rem; + padding-right: 0.75188rem; + border-left-width: 1px; + border-right-width: 1px; } + notebook > header.bottom > tabs { + margin: -1px 0.45113rem 0 0.45113rem; } + notebook > header.bottom > tabs > tab { + margin: 0 -1px 0 -1px; + padding: 0.3985rem 1.20301rem; + border-top-width: 2px; + box-shadow: none; } + notebook > header.bottom > tabs > tab.reorderable-page { + padding-left: 1.20301rem; + padding-right: 1.20301rem; + border-left-width: 1px; + border-right-width: 1px; } + notebook > header.left > tabs { + margin: 0.45113rem -1px 0.45113rem 0; } + notebook > header.left > tabs > tab { + margin: -1px 0 -1px 0; + padding: 0.3985rem 0.75188rem; + border-right-width: 2px; + box-shadow: none; } + notebook > header.left > tabs > tab.reorderable-page { + border-bottom-width: 1px; + border-top-width: 1px; } + notebook > header.right > tabs { + margin: 0.45113rem 0 0.45113rem -1px; } + notebook > header.right > tabs > tab { + margin: -1px 0 -1px 0; + padding: 0.3985rem 0.75188rem; + border-left-width: 2px; + box-shadow: none; } + notebook > header.right > tabs > tab.reorderable-page { + border-bottom-width: 1px; + border-top-width: 1px; } + notebook > header.top tab.reorderable-page { + border-bottom-width: 2px; + border-bottom-color: transparent; } + notebook > header.top tab.reorderable-page:hover { + border-color: rgba(0, 0, 0, 0.09); + border-bottom-width: 2px; + border-bottom-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; + box-shadow: none; } + notebook > header.top tab.reorderable-page:checked { + border-color: rgba(0, 0, 0, 0.09); + border-bottom-width: 2px; + border-bottom-color: #E8E8E8; + background-color: #FFFFFF; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02); } + notebook > header.bottom tab.reorderable-page { + border-top-width: 2px; + border-top-color: transparent; } + notebook > header.bottom tab.reorderable-page:hover { + border-color: rgba(0, 0, 0, 0.09); + border-top-width: 2px; + border-top-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; + box-shadow: none; } + notebook > header.bottom tab.reorderable-page:checked { + border-color: rgba(0, 0, 0, 0.09); + border-top-width: 2px; + border-top-color: #E8E8E8; + background-color: #FFFFFF; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02); } + notebook > header.left tab.reorderable-page { + border-right-width: 2px; + border-right-color: transparent; } + notebook > header.left tab.reorderable-page:hover { + border-color: rgba(0, 0, 0, 0.09); + border-right-width: 2px; + border-right-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; + box-shadow: none; } + notebook > header.left tab.reorderable-page:checked { + border-color: rgba(0, 0, 0, 0.09); + border-right-width: 2px; + border-right-color: #E8E8E8; + background-color: #FFFFFF; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02); } + notebook > header.right tab.reorderable-page { + border-left-width: 2px; + border-left-color: transparent; } + notebook > header.right tab.reorderable-page:hover { + border-color: rgba(0, 0, 0, 0.09); + border-left-width: 2px; + border-left-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; + box-shadow: none; } + notebook > header.right tab.reorderable-page:checked { + border-color: rgba(0, 0, 0, 0.09); + border-left-width: 2px; + border-left-color: #E8E8E8; + background-color: #FFFFFF; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02); } + notebook > header > tabs > arrow { + transition: none; + min-height: 1.20301rem; + min-width: 1.20301rem; + margin: 0 0.50376rem; + border-radius: 0; + color: rgba(38, 50, 56, 0.5); } + notebook > header > tabs > arrow:hover, notebook > header > tabs > arrow:active { + color: #263238; } + notebook > header > tabs > arrow:disabled { + color: rgba(38, 50, 56, 0.3); } + notebook > header.top button, notebook > header.bottom button, notebook > header.left button, notebook > header.right button { + min-height: 1.20301rem; + min-width: 1.20301rem; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; } + notebook > header.top button > image, notebook > header.bottom button > image, notebook > header.left button > image, notebook > header.right button > image { + padding: 0.50376rem; } + notebook tab { + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; + outline-offset: -0.45113rem; } + notebook tab:hover { + border-color: alpha(currentColor, 0.2); } + notebook tab:checked { + border-color: #E8E8E8; } + notebook tab label { + padding: 0.09774rem; + font-weight: 700; + color: rgba(38, 50, 56, 0.5); } + notebook tab.reorderable-page label { + padding: 0.3985rem 0 0.3985rem; } + notebook tab:hover label { + color: #263238; } + notebook tab:checked label { + color: #263238; } + notebook tab button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + min-width: 1.20301rem; + min-height: 1.20301rem; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-size: 2.44361rem 2.44361rem, auto; + color: rgba(38, 50, 56, 0.5); } + notebook tab button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + notebook tab button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + notebook tab button:disabled { + box-shadow: none; + background-color: transparent; } + notebook tab button > image { + padding: 0.50376rem; } + notebook tab:hover button, notebook tab:checked button { + color: #263238; } + notebook tab:hover button image, notebook tab:checked button image { + color: #263238; } + notebook tab:disabled button { + color: rgba(38, 50, 56, 0.3); } + notebook tab:disabled button image { + color: rgba(38, 50, 56, 0.3); } + notebook tab button.flat.image-button.small-button, notebook tab button.image-button.small-button.osd, + notebook tab .image-button.small-button.button.osd, notebook tab .titlebar button.image-button.small-button:not(.suggested-action):not(.destructive-action), .titlebar notebook tab button.image-button.small-button:not(.suggested-action):not(.destructive-action), + notebook tab headerbar button.image-button.small-button:not(.suggested-action):not(.destructive-action), + headerbar notebook tab button.image-button.small-button:not(.suggested-action):not(.destructive-action), notebook tab .menu > arrow.image-button.small-button, + notebook tab .context-menu > arrow.image-button.small-button, + notebook tab menu > arrow.image-button.small-button, notebook tab placessidebar row button.image-button.small-button, placessidebar row notebook tab button.image-button.small-button, notebook tab .csd headerbar button.image-button.small-button.titlebutton, .csd headerbar notebook tab button.image-button.small-button.titlebutton, + notebook tab .csd .titlebar button.image-button.small-button.titlebutton, + .csd .titlebar notebook tab button.image-button.small-button.titlebutton, notebook tab #gf-candidate-popup button.image-button.small-button, #gf-candidate-popup notebook tab button.image-button.small-button, notebook tab window > grid.vertical > box.vertical > widget button.image-button.small-button, window > grid.vertical > box.vertical > widget notebook tab button.image-button.small-button, notebook tab layouttabbar button.image-button.small-button, layouttabbar notebook tab button.image-button.small-button, notebook tab layouttab button.image-button.small-button, layouttab notebook tab button.image-button.small-button { + min-width: 1.20301rem; + min-height: 1.20301rem; + padding: 0; } + notebook tab button.flat.image-button.small-button > widget > box > image, notebook tab button.image-button.small-button.osd > widget > box > image, + notebook tab .image-button.small-button.button.osd > widget > box > image, notebook tab .titlebar button.image-button.small-button:not(.suggested-action):not(.destructive-action) > widget > box > image, .titlebar notebook tab button.image-button.small-button:not(.suggested-action):not(.destructive-action) > widget > box > image, + notebook tab headerbar button.image-button.small-button:not(.suggested-action):not(.destructive-action) > widget > box > image, + headerbar notebook tab button.image-button.small-button:not(.suggested-action):not(.destructive-action) > widget > box > image, notebook tab .menu > arrow.image-button.small-button > widget > box > image, + notebook tab .context-menu > arrow.image-button.small-button > widget > box > image, + notebook tab menu > arrow.image-button.small-button > widget > box > image, notebook tab placessidebar row button.image-button.small-button > widget > box > image, placessidebar row notebook tab button.image-button.small-button > widget > box > image, notebook tab .csd headerbar button.image-button.small-button.titlebutton > widget > box > image, .csd headerbar notebook tab button.image-button.small-button.titlebutton > widget > box > image, + notebook tab .csd .titlebar button.image-button.small-button.titlebutton > widget > box > image, + .csd .titlebar notebook tab button.image-button.small-button.titlebutton > widget > box > image, notebook tab #gf-candidate-popup button.image-button.small-button > widget > box > image, #gf-candidate-popup notebook tab button.image-button.small-button > widget > box > image, notebook tab window > grid.vertical > box.vertical > widget button.image-button.small-button > widget > box > image, window > grid.vertical > box.vertical > widget notebook tab button.image-button.small-button > widget > box > image, notebook tab layouttabbar button.image-button.small-button > widget > box > image, layouttabbar notebook tab button.image-button.small-button > widget > box > image, notebook tab layouttab button.image-button.small-button > widget > box > image, layouttab notebook tab button.image-button.small-button > widget > box > image { + padding: 0.50376rem; } + +/************** + * Scrollbars * + **************/ +@keyframes slow_down_vert { + from { + min-width: 0.45113rem; } + to { + min-width: 0.90226rem; } } +@keyframes slow_down_horz { + from { + min-height: 0.45113rem; } + to { + min-height: 0.90226rem; } } +.scrollbar, +scrollbar { + background-color: rgba(255, 255, 255, 0.55); + transition-duration: 0.2s; } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + .scrollbar.top, .scrollbar.top .trough, .scrollbar.bottom, .scrollbar.bottom .trough, .scrollbar.left, .scrollbar.left .trough, .scrollbar.right, .scrollbar.right .trough, + scrollbar.top, + scrollbar.top .trough, + scrollbar.bottom, + scrollbar.bottom .trough, + scrollbar.left, + scrollbar.left .trough, + scrollbar.right, + scrollbar.right .trough { + border: none; } + .scrollbar slider, + .scrollbar .slider, + scrollbar slider, + scrollbar .slider { + margin: 0; + border-radius: 0; + border: 0 none transparent; + background-color: rgba(38, 50, 56, 0.275); } + .scrollbar slider:hover, + .scrollbar .slider:hover, + scrollbar slider:hover, + scrollbar .slider:hover { + background-color: rgba(38, 50, 56, 0.4125); } + .scrollbar slider:active, + .scrollbar .slider:active, + scrollbar slider:active, + scrollbar .slider:active { + background-color: #263238; } + .scrollbar slider:disabled, + .scrollbar .slider:disabled, + scrollbar slider:disabled, + scrollbar .slider:disabled { + opacity: 0.4; } + .scrollbar.fine-tune slider, + scrollbar.fine-tune slider { + margin: 0; } + .scrollbar.vertical slider, + .scrollbar.vertical .slider, + scrollbar.vertical slider, + scrollbar.vertical .slider { + min-width: 0.90226rem; + min-height: 2.40602rem; + margin: 0; } + .scrollbar.vertical.fine-tune slider, + scrollbar.vertical.fine-tune slider { + margin: 0; } + .scrollbar.horizontal slider, + .scrollbar.horizontal .slider, + scrollbar.horizontal slider, + scrollbar.horizontal .slider { + min-width: 2.40602rem; + min-height: 0.90226rem; + margin: 0; } + .scrollbar.horizontal.fine-tune slider, + scrollbar.horizontal.fine-tune slider { + margin: 0; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering), + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + border: 0 none transparent; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 0.90226rem; + min-height: 0.90226rem; + background-color: rgba(38, 50, 56, 0.275); + border-radius: 0; + border: none; + -gtk-icon-source: none; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-width: 0.45113rem; + min-height: 2.40602rem; + margin: 0; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-width: 0.45113rem; + margin: 0; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-width: 2.40602rem; + min-height: 0.45113rem; + margin: 0; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-height: 0.45113rem; + margin: 0; } + .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering, + scrollbar.overlay-indicator.dragging, + scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + .scrollbar.overlay-indicator.hovering.vertical slider, + scrollbar.overlay-indicator.hovering.vertical slider { + animation: slow_down_vert 0.2s linear forwards; } + .scrollbar.overlay-indicator.hovering.horizontal slider, + scrollbar.overlay-indicator.hovering.horizontal slider { + animation: slow_down_horz 0.2s linear forwards; } + +/********** + * Switch * + **********/ +switch { + outline-offset: -0.30075rem; + font-size: 0; + border: 0.75188rem solid transparent; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: alpha(currentColor, 0.2); } + switch:disabled { + color: rgba(38, 50, 56, 0.3); } + switch:checked { + background-color: rgba(0, 188, 212, 0.2); } + switch:checked:disabled { + background-color: rgba(0, 188, 212, 0.2); } + switch:disabled { + color: rgba(38, 50, 56, 0.3); + background-color: alpha(currentColor, 0.2); } + switch slider { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #FFFFFF; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); + min-width: 1.50376rem; + min-height: 1.50376rem; + margin: -0.30075rem -0.07519rem; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; } + switch:hover slider { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #263238; + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2)); } + switch:checked slider { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #E8E8E8; + color: #FFFFFF; } + switch:checked:hover slider { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #E8E8E8; + color: #FFFFFF; + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2)); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); } + switch:checked:disabled slider { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(0, 188, 212, 0.4); + background-color: #F0F2F3; + background-image: none; + box-shadow: none; } + switch:checked:disabled slider > label { + color: inherit; } + switch:disabled slider { + background-color: #F0F2F3; + background-image: none; + box-shadow: none; } + row:selected switch { + background-color: #FFFFFF; } + row:selected switch:checked { + background-color: #FFFFFF; } + row:selected switch:checked:disabled { + background-color: #FFFFFF; } + row:selected switch slider { + background-color: #FFFFFF; } + row:selected switch:hover slider { + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2)); } + row:selected switch:checked slider { + background-color: #FFFFFF; } + row:selected switch:checked:disabled slider { + background-color: #FFFFFF; } + grid switch { + margin: 0.45113rem 0.37594rem; + font-size: 0; + outline-color: transparent; } + grid switch slider { + min-width: 3.00752rem; + min-height: 1.50376rem; } + grid switch, grid switch:hover, grid switch:checked, grid switch:checked:hover, grid switch:checked:disabled, grid switch:disabled { + margin: 0.45113rem 0.37594rem; + border: none; + color: transparent; + background: none; + background-image: none; + background-size: 40px 20px; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; } + grid switch:dir(rtl), grid switch:hover:dir(rtl), grid switch:checked:dir(rtl), grid switch:checked:hover:dir(rtl), grid switch:checked:disabled:dir(rtl), grid switch:disabled:dir(rtl) { + background-position: left center; } + grid switch slider, grid switch:hover slider, grid switch:checked slider, grid switch:checked:hover slider, grid switch:checked:disabled slider, grid switch:disabled slider { + margin: 0; + border: none; + border-radius: 0; + color: transparent; + background: none; + background-image: none; + background-size: 40px 20px; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; } + grid switch slider:dir(rtl), grid switch:hover slider:dir(rtl), grid switch:checked slider:dir(rtl), grid switch:checked:hover slider:dir(rtl), grid switch:checked:disabled slider:dir(rtl), grid switch:disabled slider:dir(rtl) { + background-position: left center; } + grid switch:not(:hover):not(:checked):not(:disabled) { + background-image: -gtk-scaled(url("assets/toggle-off.png"), url("assets/toggle-off@2.png")); } + grid switch:hover { + background-image: -gtk-scaled(url("assets/toggle-off-hover.png"), url("assets/toggle-off-hover@2.png")); } + grid switch:checked { + background-image: -gtk-scaled(url("assets/toggle-on.png"), url("assets/toggle-on@2.png")); } + grid switch:checked:hover { + background-image: -gtk-scaled(url("assets/toggle-on-hover.png"), url("assets/toggle-on-hover@2.png")); } + grid switch:checked:disabled { + background-image: -gtk-scaled(url("assets/toggle-on-insensitive.png"), url("assets/toggle-on-insensitive@2.png")); } + grid switch:disabled { + background-image: -gtk-scaled(url("assets/toggle-off-insensitive.png"), url("assets/toggle-off-insensitive@2.png")); } + +/************************* + * Check and Radio items * + *************************/ +@keyframes check_radio_hover { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(rgba(38, 50, 56, 0.75), 0.1)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(rgba(38, 50, 56, 0.75), 0.1)), to(transparent)); } } +@keyframes check_radio_active { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(#E8E8E8, 0.1)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(#E8E8E8, 0.1)), to(transparent)); } } +@keyframes check_radio_active_reverse { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(#E8E8E8, 0.2)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(#E8E8E8, 0)), to(transparent)); } } +.check, check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.check:hover, check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.check:active, check:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.check:disabled, check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.check:indeterminate, check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +.check:indeterminate:hover, check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +.check:indeterminate:active, check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +.check:indeterminate:disabled, check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.check:checked, check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +.check:checked:hover, check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +.check:checked:active, check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +.check:checked:disabled, check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +menu menuitem.check, +menu menuitem check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-symbolic.png"), url("assets/checkbox-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.check:hover, + menu menuitem check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-symbolic.png"), url("assets/checkbox-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.check:disabled, +menu menuitem check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-symbolic.png"), url("assets/checkbox-insensitive-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.check:disabled:hover, + menu menuitem check:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-symbolic.png"), url("assets/checkbox-insensitive-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.check:indeterminate, +menu menuitem check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-symbolic.png"), url("assets/checkbox-mixed-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.check:indeterminate:hover, + menu menuitem check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-symbolic.png"), url("assets/checkbox-mixed-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.check:indeterminate:disabled, +menu menuitem check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-symbolic.png"), url("assets/checkbox-mixed-insensitive-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.check:indeterminate:disabled:hover, + menu menuitem check:indeterminate:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-symbolic.png"), url("assets/checkbox-mixed-insensitive-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.check:checked, +menu menuitem check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-symbolic.png"), url("assets/checkbox-checked-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.check:checked:hover, + menu menuitem check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-symbolic.png"), url("assets/checkbox-checked-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.check:checked:disabled, +menu menuitem check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-symbolic.png"), url("assets/checkbox-checked-insensitive-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.check:checked:disabled:hover, + menu menuitem check:checked:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-symbolic.png"), url("assets/checkbox-checked-insensitive-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +.radio, radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.radio:hover, radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.radio:active, radio:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.radio:disabled, radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.radio:indeterminate, radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +.radio:indeterminate:hover, radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +.radio:indeterminate:active, radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +.radio:indeterminate:disabled, radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.radio:checked, radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +.radio:checked:hover, radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +.radio:checked:active, radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +.radio:checked:disabled, radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +menu menuitem.radio, +menu menuitem radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-symbolic.png"), url("assets/radio-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.radio:hover, + menu menuitem radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-symbolic.png"), url("assets/radio-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.radio:disabled, +menu menuitem radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-insensitive-symbolic.png"), url("assets/radio-insensitive-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.radio:disabled:hover, + menu menuitem radio:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-insensitive-symbolic.png"), url("assets/radio-insensitive-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.radio:indeterminate, +menu menuitem radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-symbolic.png"), url("assets/radio-mixed-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.radio:indeterminate:hover, + menu menuitem radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-symbolic.png"), url("assets/radio-mixed-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.radio:indeterminate:disabled, +menu menuitem radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-symbolic.png"), url("assets/radio-mixed-insensitive-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.radio:indeterminate:disabled:hover, + menu menuitem radio:indeterminate:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-symbolic.png"), url("assets/radio-mixed-insensitive-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.radio:checked, +menu menuitem radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-symbolic.png"), url("assets/radio-checked-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.radio:checked:hover, + menu menuitem radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-symbolic.png"), url("assets/radio-checked-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem.radio:checked:disabled, +menu menuitem radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-symbolic.png"), url("assets/radio-checked-insensitive-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem.radio:checked:disabled:hover, + menu menuitem radio:checked:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-symbolic.png"), url("assets/radio-checked-insensitive-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +treeview.view check, .tweak-category check, treeview.view check:only-child, .tweak-category check:only-child, +treeview.view radio, +.tweak-category radio, +treeview.view radio:only-child, +.tweak-category radio:only-child { + padding: 0; } + +treeview.view check:selected, .tweak-category check:selected, +treeview.view check:selected:focus, +.tweak-category check:selected:focus, +row check:selected, +row check:selected:focus, +row.activatable check:selected, +.view check:selected, +iconview check:selected, +.view text check:selected, +iconview text check:selected, +textview text check:selected, +treeview.view header button check:selected, +.tweak-category header button check:selected, +row.activatable check:selected:focus, +.view check:selected:focus, +iconview check:selected:focus, +.view text check:selected:focus, +iconview text check:selected:focus, +textview text check:selected:focus, +treeview.view header button check:selected:focus, +.tweak-category header button check:selected:focus { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:active, .tweak-category check:selected:active, +treeview.view check:selected:focus:active, +.tweak-category check:selected:focus:active, +row check:selected:active, +row check:selected:focus:active, +row.activatable check:selected:active, +.view check:selected:active, +iconview check:selected:active, +.view text check:selected:active, +iconview text check:selected:active, +textview text check:selected:active, +treeview.view header button check:selected:active, +.tweak-category header button check:selected:active, +row.activatable check:selected:focus:active, +.view check:selected:focus:active, +iconview check:selected:focus:active, +.view text check:selected:focus:active, +iconview text check:selected:focus:active, +textview text check:selected:focus:active, +treeview.view header button check:selected:focus:active, +.tweak-category header button check:selected:focus:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:indeterminate, .tweak-category check:selected:indeterminate, +treeview.view check:selected:focus:indeterminate, +.tweak-category check:selected:focus:indeterminate, +row check:selected:indeterminate, +row check:selected:focus:indeterminate, +row.activatable check:selected:indeterminate, +.view check:selected:indeterminate, +iconview check:selected:indeterminate, +.view text check:selected:indeterminate, +iconview text check:selected:indeterminate, +textview text check:selected:indeterminate, +treeview.view header button check:selected:indeterminate, +.tweak-category header button check:selected:indeterminate, +row.activatable check:selected:focus:indeterminate, +.view check:selected:focus:indeterminate, +iconview check:selected:focus:indeterminate, +.view text check:selected:focus:indeterminate, +iconview text check:selected:focus:indeterminate, +textview text check:selected:focus:indeterminate, +treeview.view header button check:selected:focus:indeterminate, +.tweak-category header button check:selected:focus:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:indeterminate:active, .tweak-category check:selected:indeterminate:active, +treeview.view check:selected:focus:indeterminate:active, +.tweak-category check:selected:focus:indeterminate:active, +row check:selected:indeterminate:active, +row check:selected:focus:indeterminate:active, +row.activatable check:selected:indeterminate:active, +.view check:selected:indeterminate:active, +iconview check:selected:indeterminate:active, +.view text check:selected:indeterminate:active, +iconview text check:selected:indeterminate:active, +textview text check:selected:indeterminate:active, +treeview.view header button check:selected:indeterminate:active, +.tweak-category header button check:selected:indeterminate:active, +row.activatable check:selected:focus:indeterminate:active, +.view check:selected:focus:indeterminate:active, +iconview check:selected:focus:indeterminate:active, +.view text check:selected:focus:indeterminate:active, +iconview text check:selected:focus:indeterminate:active, +textview text check:selected:focus:indeterminate:active, +treeview.view header button check:selected:focus:indeterminate:active, +.tweak-category header button check:selected:focus:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:checked, .tweak-category check:selected:checked, +treeview.view check:selected:focus:checked, +.tweak-category check:selected:focus:checked, +row check:selected:checked, +row check:selected:focus:checked, +row.activatable check:selected:checked, +.view check:selected:checked, +iconview check:selected:checked, +.view text check:selected:checked, +iconview text check:selected:checked, +textview text check:selected:checked, +treeview.view header button check:selected:checked, +.tweak-category header button check:selected:checked, +row.activatable check:selected:focus:checked, +.view check:selected:focus:checked, +iconview check:selected:focus:checked, +.view text check:selected:focus:checked, +iconview text check:selected:focus:checked, +textview text check:selected:focus:checked, +treeview.view header button check:selected:focus:checked, +.tweak-category header button check:selected:focus:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:checked:active, .tweak-category check:selected:checked:active, +treeview.view check:selected:focus:checked:active, +.tweak-category check:selected:focus:checked:active, +row check:selected:checked:active, +row check:selected:focus:checked:active, +row.activatable check:selected:checked:active, +.view check:selected:checked:active, +iconview check:selected:checked:active, +.view text check:selected:checked:active, +iconview text check:selected:checked:active, +textview text check:selected:checked:active, +treeview.view header button check:selected:checked:active, +.tweak-category header button check:selected:checked:active, +row.activatable check:selected:focus:checked:active, +.view check:selected:focus:checked:active, +iconview check:selected:focus:checked:active, +.view text check:selected:focus:checked:active, +iconview text check:selected:focus:checked:active, +textview text check:selected:focus:checked:active, +treeview.view header button check:selected:focus:checked:active, +.tweak-category header button check:selected:focus:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected, .tweak-category radio:selected, +treeview.view radio:selected:focus, +.tweak-category radio:selected:focus, +row radio:selected, +row radio:selected:focus, +row.activatable radio:selected, +.view radio:selected, +iconview radio:selected, +.view text radio:selected, +iconview text radio:selected, +textview text radio:selected, +treeview.view header button radio:selected, +.tweak-category header button radio:selected, +row.activatable radio:selected:focus, +.view radio:selected:focus, +iconview radio:selected:focus, +.view text radio:selected:focus, +iconview text radio:selected:focus, +textview text radio:selected:focus, +treeview.view header button radio:selected:focus, +.tweak-category header button radio:selected:focus { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:active, .tweak-category radio:selected:active, +treeview.view radio:selected:focus:active, +.tweak-category radio:selected:focus:active, +row radio:selected:active, +row radio:selected:focus:active, +row.activatable radio:selected:active, +.view radio:selected:active, +iconview radio:selected:active, +.view text radio:selected:active, +iconview text radio:selected:active, +textview text radio:selected:active, +treeview.view header button radio:selected:active, +.tweak-category header button radio:selected:active, +row.activatable radio:selected:focus:active, +.view radio:selected:focus:active, +iconview radio:selected:focus:active, +.view text radio:selected:focus:active, +iconview text radio:selected:focus:active, +textview text radio:selected:focus:active, +treeview.view header button radio:selected:focus:active, +.tweak-category header button radio:selected:focus:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:indeterminate, .tweak-category radio:selected:indeterminate, +treeview.view radio:selected:focus:indeterminate, +.tweak-category radio:selected:focus:indeterminate, +row radio:selected:indeterminate, +row radio:selected:focus:indeterminate, +row.activatable radio:selected:indeterminate, +.view radio:selected:indeterminate, +iconview radio:selected:indeterminate, +.view text radio:selected:indeterminate, +iconview text radio:selected:indeterminate, +textview text radio:selected:indeterminate, +treeview.view header button radio:selected:indeterminate, +.tweak-category header button radio:selected:indeterminate, +row.activatable radio:selected:focus:indeterminate, +.view radio:selected:focus:indeterminate, +iconview radio:selected:focus:indeterminate, +.view text radio:selected:focus:indeterminate, +iconview text radio:selected:focus:indeterminate, +textview text radio:selected:focus:indeterminate, +treeview.view header button radio:selected:focus:indeterminate, +.tweak-category header button radio:selected:focus:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:indeterminate:active, .tweak-category radio:selected:indeterminate:active, +treeview.view radio:selected:focus:indeterminate:active, +.tweak-category radio:selected:focus:indeterminate:active, +row radio:selected:indeterminate:active, +row radio:selected:focus:indeterminate:active, +row.activatable radio:selected:indeterminate:active, +.view radio:selected:indeterminate:active, +iconview radio:selected:indeterminate:active, +.view text radio:selected:indeterminate:active, +iconview text radio:selected:indeterminate:active, +textview text radio:selected:indeterminate:active, +treeview.view header button radio:selected:indeterminate:active, +.tweak-category header button radio:selected:indeterminate:active, +row.activatable radio:selected:focus:indeterminate:active, +.view radio:selected:focus:indeterminate:active, +iconview radio:selected:focus:indeterminate:active, +.view text radio:selected:focus:indeterminate:active, +iconview text radio:selected:focus:indeterminate:active, +textview text radio:selected:focus:indeterminate:active, +treeview.view header button radio:selected:focus:indeterminate:active, +.tweak-category header button radio:selected:focus:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:checked, .tweak-category radio:selected:checked, +treeview.view radio:selected:focus:checked, +.tweak-category radio:selected:focus:checked, +row radio:selected:checked, +row radio:selected:focus:checked, +row.activatable radio:selected:checked, +.view radio:selected:checked, +iconview radio:selected:checked, +.view text radio:selected:checked, +iconview text radio:selected:checked, +textview text radio:selected:checked, +treeview.view header button radio:selected:checked, +.tweak-category header button radio:selected:checked, +row.activatable radio:selected:focus:checked, +.view radio:selected:focus:checked, +iconview radio:selected:focus:checked, +.view text radio:selected:focus:checked, +iconview text radio:selected:focus:checked, +textview text radio:selected:focus:checked, +treeview.view header button radio:selected:focus:checked, +.tweak-category header button radio:selected:focus:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:checked:active, .tweak-category radio:selected:checked:active, +treeview.view radio:selected:focus:checked:active, +.tweak-category radio:selected:focus:checked:active, +row radio:selected:checked:active, +row radio:selected:focus:checked:active, +row.activatable radio:selected:checked:active, +.view radio:selected:checked:active, +iconview radio:selected:checked:active, +.view text radio:selected:checked:active, +iconview text radio:selected:checked:active, +textview text radio:selected:checked:active, +treeview.view header button radio:selected:checked:active, +.tweak-category header button radio:selected:checked:active, +row.activatable radio:selected:focus:checked:active, +.view radio:selected:focus:checked:active, +iconview radio:selected:focus:checked:active, +.view text radio:selected:focus:checked:active, +iconview text radio:selected:focus:checked:active, +textview text radio:selected:focus:checked:active, +treeview.view header button radio:selected:focus:checked:active, +.tweak-category header button radio:selected:focus:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view.content-view .check:not(list), iconview.content-view .check:not(list), +.view.content-view check:not(list), +iconview.content-view check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view .check:hover:not(list), iconview.content-view .check:hover:not(list), +.view.content-view check:hover:not(list), +iconview.content-view check:hover:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view .check:active:not(list), iconview.content-view .check:active:not(list), +.view.content-view check:active:not(list), +iconview.content-view check:active:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view .check:disabled:not(list), iconview.content-view .check:disabled:not(list), +.view.content-view check:disabled:not(list), +iconview.content-view check:disabled:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-selectionmode.png"), url("assets/checkbox-insensitive-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view .check:checked:not(list), iconview.content-view .check:checked:not(list), +.view.content-view check:checked:not(list), +iconview.content-view check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view .check:checked:hover:not(list), iconview.content-view .check:checked:hover:not(list), +.view.content-view check:checked:hover:not(list), +iconview.content-view check:checked:hover:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view .check:checked:active:not(list), iconview.content-view .check:checked:active:not(list), +.view.content-view check:checked:active:not(list), +iconview.content-view check:checked:active:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view .check:disabled:checked:not(list), iconview.content-view .check:disabled:checked:not(list), +.view.content-view check:disabled:checked:not(list), +iconview.content-view check:disabled:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selectionmode.png"), url("assets/checkbox-checked-insensitive-selectionmode@2.png")); + background-color: transparent; } + +checkbutton.text-button, +radiobutton.text-button { + padding: 0.20301rem 0.50376rem; + outline-offset: 0; + color: rgba(38, 50, 56, 0.75); } + checkbutton.text-button:hover, checkbutton.text-button:active, checkbutton.text-button:checked, + radiobutton.text-button:hover, + radiobutton.text-button:active, + radiobutton.text-button:checked { + color: #263238; } + +radio, +check { + min-width: 1.20301rem; + min-height: 1.20301rem; + margin: -0.75188rem -0.24812rem; + padding: 0.75188rem; } + radio:hover, + check:hover { + animation: check_radio_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + radio:active, + check:active { + animation: check_radio_active_reverse 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + radio:hover:checked, radio:hover:indeterminate, + check:hover:checked, + check:hover:indeterminate { + animation: check_radio_active 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + menu menuitem radio, menu menuitem + check { + min-width: 1.20301rem; + min-height: 1.20301rem; + margin: 0; + padding: 0; } + menu menuitem radio:dir(ltr), menu menuitem + check:dir(ltr) { + margin-right: 0.6015rem; } + menu menuitem radio:dir(rtl), menu menuitem + check:dir(rtl) { + margin-left: 0.6015rem; } + menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem + check, menu menuitem + check:hover, menu menuitem + check:disabled { + border-color: transparent; + background-image: none; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + color: inherit; + animation: none; } + +/************ + * GtkScale * + ************/ +@keyframes scale_enlarge { + from { + background-size: 80%; } + to { + background-size: 100%; } } +scale trough, scale fill { + border: 1px solid transparent; + border-radius: 0; + background-color: alpha(currentColor, 0.2); + box-shadow: none; } + scale trough:disabled, scale fill:disabled { + color: rgba(38, 50, 56, 0.3); + background-color: alpha(currentColor, 0.2); } + +scale highlight { + border: 1px solid transparent; + border-radius: 0; + background-color: #E8E8E8; } + scale highlight:disabled { + color: rgba(38, 50, 56, 0.3); + background-color: alpha(currentColor, 0.2); } + +scale { + outline-offset: 0; + outline-width: 0; + min-height: 10px; + min-width: 10px; + padding: 10px; } + scale.fine-tune { + outline-offset: 0; + outline-width: 0; } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 10px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 10px; } + scale.fine-tune slider { + margin: -9px; } + scale slider { + min-height: 20px; + min-width: 20px; + margin: -9px; } + scale slider:not(:hover):not(:active) { + background-size: 80%; } + scale slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider.png"), url("assets/slider@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + scale slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-active.png"), url("assets/slider-active@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + scale slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-insensitive.png"), url("assets/slider-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + scale slider:hover { + animation: scale_enlarge 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + scale trough, + scale fill, + scale highlight { + min-height: 2px; + min-width: 2px; + border-radius: 0; + border-width: 0; } + scale fill { + background-color: rgba(236, 239, 241, 0.1); } + scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale value { + color: alpha(currentColor, 0.55); } + scale separator { + color: transparent; + background-color: alpha(currentColor, 0.2); } + +scale marks { + color: alpha(currentColor, 0.55); } + scale marks.top { + margin-bottom: 6px; + margin-top: -12px; } + scale marks.bottom { + margin-top: 6px; + margin-bottom: -12px; } + scale marks.top { + margin-right: 6px; + margin-left: -12px; } + scale marks.bottom { + margin-left: 6px; + margin-right: -12px; } +scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -9px; } +scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -9px; } +scale.fine-tune marks.top { + margin-right: 6px; + margin-left: -9px; } +scale.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -9px; } +scale.horizontal indicator { + min-height: 6px; + min-width: 1px; } +scale.horizontal.fine-tune indicator { + min-height: 3px; } +scale.vertical indicator { + min-height: 1px; + min-width: 6px; } +scale.vertical.fine-tune indicator { + min-width: 3px; } + +scale.color.horizontal slider, scale.color.horizontal slider:hover, scale.color.horizontal slider:disabled, +scale.horizontal contents:last-child:not(:only-child) > trough > slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.horizontal slider:active, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.horizontal slider:disabled, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +scale.horizontal contents:first-child:not(:only-child) > trough > slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.horizontal contents:first-child:not(:only-child) > trough > slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +scale.color.vertical:dir(rtl) slider, scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:disabled, +scale.vertical contents:last-child:not(:only-child) > trough > slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.vertical:dir(rtl) slider:active, +scale.vertical contents:last-child:not(:only-child) > trough > slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.vertical:dir(rtl) slider:disabled, +scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +scale.color.vertical:dir(ltr) slider, scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:disabled, +scale.vertical contents:first-child:not(:only-child) > trough > slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.vertical:dir(ltr) slider:active, +scale.vertical contents:first-child:not(:only-child) > trough > slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.vertical:dir(ltr) slider:disabled, +scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +scale.color { + min-height: 0; + min-width: 0; } + scale.color trough { + min-width: 2px; + min-height: 2px; + border-radius: 0; + background-color: transparent; } + scale.color.horizontal { + padding: 0 0 10px 0; } + scale.color.horizontal trough { + padding-bottom: 5px; } + scale.color.horizontal slider, scale.color.horizontal slider:hover, scale.color.horizontal slider:disabled { + margin-top: 5px; + margin-bottom: -10px; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 10px; } + scale.color.vertical:dir(ltr) trough { + padding-left: 5px; } + scale.color.vertical:dir(ltr) slider, scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:disabled { + margin-left: -10px; + margin-right: 5px; } + scale.color.vertical:dir(rtl) { + padding: 0 10px 0 0; } + scale.color.vertical:dir(rtl) trough { + padding-right: 5px; } + scale.color.vertical:dir(rtl) slider, scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:disabled { + margin-left: 5px; + margin-right: -10px; } + scale.color.fine-tune.horizontal { + padding: 0 0 10px 0; } + scale.color.fine-tune.horizontal trough { + padding-bottom: 5px; } + scale.color.fine-tune.horizontal slider { + margin-top: 5px; + margin-bottom: -10px; } + scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 10px; } + scale.color.fine-tune.vertical:dir(ltr) trough { + padding-left: 5px; } + scale.color.fine-tune.vertical:dir(ltr) slider { + margin-left: -10px; + margin-right: 5px; } + scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 10px 0 0; } + scale.color.fine-tune.vertical:dir(rtl) trough { + padding-right: 5px; } + scale.color.fine-tune.vertical:dir(rtl) slider { + margin-left: 5px; + margin-right: -10px; } + +scale.color.horizontal slider, scale.color.horizontal slider:hover, scale.color.horizontal slider:disabled, +scale.horizontal contents:last-child:not(:only-child) > trough > slider, scale.color.horizontal slider:active, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:active, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled { + margin: -15px -10px -10px -10px; } + +scale.horizontal contents:first-child:not(:only-child) > trough > slider, +scale.horizontal contents:first-child:not(:only-child) > trough > slider:active, +scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled { + margin: -10px -10px -15px -10px; } + +scale.color.vertical:dir(rtl) slider, scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:disabled, +scale.vertical contents:last-child:not(:only-child) > trough > slider, +scale.vertical contents:last-child:not(:only-child) > trough > slider:active, +scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled { + margin: -10px -10px -10px -15px; } + +scale.color.vertical:dir(ltr) slider, scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:disabled, +scale.vertical contents:first-child:not(:only-child) > trough > slider, +scale.vertical contents:first-child:not(:only-child) > trough > slider:active, +scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled { + margin: -10px -15px -10px -10px; } + +scale.color.fine-tune.horizontal slider, +scale.horizontal.fine-tune contents:last-child:not(:only-child) > tough > slider, scale.color.fine-tune.horizontal slider:active, +scale.horizontal.fine-tune contents:last-child:not(:only-child) > tough > slider:active, scale.color.fine-tune.horizontal slider:disabled, +scale.horizontal.fine-tune contents:last-child:not(:only-child) > tough > slider:disabled { + margin: -15px -10px -10px -10px; } + +scale.horizontal.fine-tune contents:first-child:not(:only-child) > tough > slider, +scale.horizontal.fine-tune contents:first-child:not(:only-child) > tough > slider:active, +scale.horizontal.fine-tune contents:first-child:not(:only-child) > tough > slider:disabled { + margin: -10px -10px -15px -10px; } + +scale.color.fine-tune.vertical:dir(rtl) slider, +scale.vertical.fine-tune contents:last-child:not(:only-child) > tough > slider, +scale.vertical.fine-tune contents:last-child:not(:only-child) > tough > slider:active, +scale.vertical.fine-tune contents:last-child:not(:only-child) > tough > slider:disabled { + margin: -10px -10px -10px -15px; } + +scale.color.fine-tune.vertical:dir(ltr) slider, +scale.vertical.fine-tune contents:first-child:not(:only-child) > tough > slider, +scale.vertical.fine-tune contents:first-child:not(:only-child) > tough > slider:active, +scale.vertical.fine-tune contents:first-child:not(:only-child) > tough > slider:disabled { + margin: -10px -15px -10px -10px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: 90%; + color: rgba(38, 50, 56, 0.5); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 4px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 4px; } + progressbar.horizontal progress { + margin: 0 -1px; } + progressbar.vertical progress { + margin: -1px 0; } + progressbar trough { + box-shadow: none; + border-radius: 0; + background-color: rgba(77, 182, 172, 0.2); } + progressbar progress { + box-shadow: none; + border-radius: 0; + background-color: #E8E8E8; } + progressbar progress.left { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + progressbar progress.right { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + progressbar progress.top { + border-top-left-radius: 0; + border-top-right-radius: 0; } + progressbar progress.bottom { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + progressbar.osd { + min-width: 4px; + min-height: 4px; } + progressbar.osd trough { + border-style: none; + box-shadow: none; + background-color: rgba(77, 182, 172, 0.2); } + progressbar.osd progress { + background-image: none; + background-color: #E8E8E8; + border-style: none; + border-radius: 0; } + +entry progress, spinbutton:not(.vertical) progress, +.entry progress { + margin: -10px -6px; + border-style: none none solid; + border-width: 2px; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + border-radius: 0; + box-shadow: none; + background-color: transparent; + background-image: none; } + +/************* + * Level Bar * + *************/ +levelbar { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + levelbar block { + min-width: 36px; + min-height: 4px; } + levelbar.vertical block { + min-width: 4px; + min-height: 36px; } + levelbar trough { + padding: 2px; + border-radius: 2px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + levelbar trough:disabled { + box-shadow: none; } + levelbar trough.horizontal { + padding: 2px 1px; } + levelbar trough.vertical { + padding: 1px 2px; } + levelbar.horizontal.discrete block { + margin: 0 1px; } + levelbar.vertical.discrete block { + margin: 1px 0; } + levelbar block { + border-radius: 0; + border: none; + box-shadow: none; } + levelbar block.low { + background-color: #FF9800; } + levelbar block:not(.empty), + levelbar block.high { + background-color: #E8E8E8; } + levelbar block.full { + background-color: #00E676; } + levelbar block.empty { + background-color: alpha(currentColor, 0.2); } + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + color: #263238; + border: 1px solid rgba(0, 0, 0, 0.09); + background-color: white; } +printdialog .dialog-action-box { + margin: 0.90226rem; } + +/********** + * Frames * + **********/ +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.09); + box-shadow: none; } + frame > border.flat, + .frame.flat { + border-style: none; } + +actionbar > frame > border { + border-width: 1px 0 0; } + +actionbar > revealer > box { + padding: 0.3985rem; + border-top: 1px solid rgba(0, 0, 0, 0.09); } + +placessidebar viewport.frame, +scrolledwindow viewport.frame, +placessidebar viewport.frame { + border-style: none; } +placessidebar overshoot.top, +scrolledwindow overshoot.top, +placessidebar overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } +placessidebar overshoot.bottom, +scrolledwindow overshoot.bottom, +placessidebar overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } +placessidebar overshoot.left, +scrolledwindow overshoot.left, +placessidebar overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } +placessidebar overshoot.right, +scrolledwindow overshoot.right, +placessidebar overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } +placessidebar undershoot.top, +scrolledwindow undershoot.top, +placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +placessidebar undershoot.bottom, +scrolledwindow undershoot.bottom, +placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +placessidebar undershoot.left, +scrolledwindow undershoot.left, +placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +placessidebar undershoot.right, +scrolledwindow undershoot.right, +placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } +placessidebar junction, +scrolledwindow junction, +placessidebar junction { + border-color: transparent; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.09) 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #FFFFFF; } + placessidebar junction:dir(rtl), + scrolledwindow junction:dir(rtl), + placessidebar junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator { + color: transparent; + background-color: rgba(0, 0, 0, 0.09); + min-width: 1px; + min-height: 1px; } + +/********* + * Lists * + *********/ +list { + border-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; } + +row { + padding: 2px; } + +row.activatable, .view, iconview, +.view text, +iconview text, +textview text, treeview.view header button, .tweak-category header button { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + background-repeat: no-repeat; + background-position: center, center; + background-size: 20.0188rem 20.0188rem, auto; } + row.activatable.has-open-popup, .has-open-popup.view, iconview.has-open-popup, + .view text.has-open-popup, + iconview text.has-open-popup, + textview text.has-open-popup, treeview.view header button.has-open-popup, .tweak-category header button.has-open-popup, row.activatable:hover, .view:hover, iconview:hover, + .view text:hover, + iconview text:hover, + textview text:hover, treeview.view header button:hover, .tweak-category header button:hover { + transition: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05)); } + row.activatable:active, .view:active, iconview:active, + .view text:active, + iconview text:active, + textview text:active, treeview.view header button:active, .tweak-category header button:active { + animation: list_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + +row button.image-button { + padding: 0.6015rem; + background-size: 2.44361rem 2.44361rem, auto; } +row button.circular { + min-width: 1rem; + min-height: 1rem; + padding: 0.6015rem; + background-size: 2.44361rem 2.44361rem, auto; } + +row:selected button:disabled { + color: rgba(255, 255, 255, 0.34); } +row:selected button.flat, row:selected button.osd.image-button, +row:selected .button.osd.image-button, row:selected .titlebar button:not(.suggested-action):not(.destructive-action), .titlebar row:selected button:not(.suggested-action):not(.destructive-action), +row:selected headerbar button:not(.suggested-action):not(.destructive-action), +headerbar row:selected button:not(.suggested-action):not(.destructive-action), row:selected .menu > arrow, +row:selected .context-menu > arrow, +row:selected menu > arrow, placessidebar row:selected button.image-button, row:selected .csd headerbar button.titlebutton, .csd headerbar row:selected button.titlebutton, +row:selected .csd .titlebar button.titlebutton, +.csd .titlebar row:selected button.titlebutton, row:selected #gf-candidate-popup button, #gf-candidate-popup row:selected button, +row:selected #gf-candidate-popup .linked > button:first-child, +#gf-candidate-popup row:selected .linked > button:first-child, +row:selected #gf-candidate-popup .linked > button:last-child, +#gf-candidate-popup row:selected .linked > button:last-child, row:selected window > grid.vertical > box.vertical > widget button, window > grid.vertical > box.vertical > widget row:selected button, row:selected layouttabbar button, layouttabbar row:selected button, row:selected layouttab button, layouttab row:selected button { + color: rgba(255, 255, 255, 0.85); } + row:selected button.flat:hover, row:selected button.osd.image-button:hover, + row:selected .button.osd.image-button:hover, row:selected .titlebar button:hover:not(.suggested-action):not(.destructive-action), .titlebar row:selected button:hover:not(.suggested-action):not(.destructive-action), + row:selected headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar row:selected button:hover:not(.suggested-action):not(.destructive-action), row:selected .menu > arrow:hover, + row:selected .context-menu > arrow:hover, + row:selected menu > arrow:hover, placessidebar row:selected button.image-button:hover, row:selected .csd headerbar button.titlebutton:hover, .csd headerbar row:selected button.titlebutton:hover, + row:selected .csd .titlebar button.titlebutton:hover, + .csd .titlebar row:selected button.titlebutton:hover, row:selected #gf-candidate-popup button:hover, #gf-candidate-popup row:selected button:hover, row:selected window > grid.vertical > box.vertical > widget button:hover, window > grid.vertical > box.vertical > widget row:selected button:hover, row:selected layouttabbar button:hover, layouttabbar row:selected button:hover, row:selected layouttab button:hover, layouttab row:selected button:hover, row:selected button.flat:active, row:selected button.osd.image-button:active, + row:selected .button.osd.image-button:active, row:selected .titlebar button:active:not(.suggested-action):not(.destructive-action), .titlebar row:selected button:active:not(.suggested-action):not(.destructive-action), + row:selected headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar row:selected button:active:not(.suggested-action):not(.destructive-action), row:selected .menu > arrow:active, + row:selected .context-menu > arrow:active, + row:selected menu > arrow:active, placessidebar row:selected button.image-button:active, row:selected .csd headerbar button.titlebutton:active, .csd headerbar row:selected button.titlebutton:active, + row:selected .csd .titlebar button.titlebutton:active, + .csd .titlebar row:selected button.titlebutton:active, row:selected #gf-candidate-popup button:active, #gf-candidate-popup row:selected button:active, row:selected window > grid.vertical > box.vertical > widget button:active, window > grid.vertical > box.vertical > widget row:selected button:active, row:selected layouttabbar button:active, layouttabbar row:selected button:active, row:selected layouttab button:active, layouttab row:selected button:active { + color: #FFFFFF; } + row:selected button.flat:disabled, row:selected button.osd.image-button:disabled, + row:selected .button.osd.image-button:disabled, row:selected .titlebar button:disabled:not(.suggested-action):not(.destructive-action), .titlebar row:selected button:disabled:not(.suggested-action):not(.destructive-action), + row:selected headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar row:selected button:disabled:not(.suggested-action):not(.destructive-action), row:selected .menu > arrow:disabled, + row:selected .context-menu > arrow:disabled, + row:selected menu > arrow:disabled, placessidebar row:selected button.image-button:disabled, row:selected .csd headerbar button.titlebutton:disabled, .csd headerbar row:selected button.titlebutton:disabled, + row:selected .csd .titlebar button.titlebutton:disabled, + .csd .titlebar row:selected button.titlebutton:disabled, row:selected #gf-candidate-popup button:disabled, #gf-candidate-popup row:selected button:disabled, row:selected window > grid.vertical > box.vertical > widget button:disabled, window > grid.vertical > box.vertical > widget row:selected button:disabled, row:selected layouttabbar button:disabled, layouttabbar row:selected button:disabled, row:selected layouttab button:disabled, layouttab row:selected button:disabled { + color: rgba(255, 255, 255, 0.34); } + +row:hover { + transition: none; } + +/********************* + * App Notifications * + *********************/ +.app-notification border, +.app-notification.frame border { + border: none; } + +/************* + * Expanders * + *************/ +expander { + padding: 0.20301rem 0.30075rem 0.24812rem; } + expander arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + min-width: 1.20301rem; + min-height: 1.20301rem; } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + expander arrow:not(:hover):not(:active) { + color: alpha(currentColor, 0.75); } + expander arrow:selected { + color: #FFFFFF; } + expander label { + color: rgba(38, 50, 56, 0.75); } + expander label:hover, expander label:active { + color: #263238; } + expander label:selected { + color: #FFFFFF; } + +/************ + * Calendar * + ***********/ +calendar { + margin: 0.6015rem 0; + padding: 0.3985rem 0.09774rem 0.20301rem; + border: 1px solid rgba(0, 0, 0, 0.09); + color: #263238; } + calendar:selected { + border: none; + border-radius: 100px; + color: #FFFFFF; + background-color: transparent; + background-image: -gtk-scaled(url("assets/calendar-day-selected.png"), url("assets/calendar-day-selected@2.png")); + background-size: 1.45113rem 1.45113rem; + background-position: center top; + background-repeat: no-repeat; } + calendar.header { + border: 1px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.09); + border-radius: 0; } + calendar.button, calendar.header.button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: alpha(currentColor, 0.2); + background-size: 2.44361rem 2.44361rem, auto; } + calendar.button:hover, calendar.header.button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + calendar.button:active, calendar.header.button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + calendar.button:disabled, calendar.header.button:disabled { + box-shadow: none; + background-color: transparent; } + calendar:indeterminate { + color: alpha(currentColor, 0.2); } + calendar.highlight { + color: alpha(currentColor, 0.55); + font-size: 90%; + font-weight: 500; } + +/*********** + * Dialogs * + ***********/ +messagedialog .titlebar { + min-height: 20px; + background-color: rgba(0, 0, 0); + border-bottom: 1px solid rgba(212, 213, 219, 0.95); } + +messagedialog .dialog-action-area button { + padding: 8px; + min-height: 0; } + +messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; } + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 3px 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 3px; + border-left-style: none; } + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(220, 223, 227, 0.5); } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border: none; + color: rgba(38, 50, 56, 0.75); + background-color: #FFFFFF; } + .sidebar:dir(ltr), .sidebar list:dir(ltr) { + box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); } + .sidebar:dir(rtl), .sidebar list:dir(rtl) { + box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); } + .sidebar treeview.view, .sidebar .tweak-category, + .sidebar .frame, + .sidebar list { + background-color: transparent; } + .sidebar treeview.view, .sidebar .tweak-category { + box-shadow: none; } + .sidebar .frame list { + box-shadow: none; } + .sidebar list, + .sidebar row, + .sidebar row.activatable, + .sidebar .view, + .sidebar iconview, + .sidebar .view text, + .view .sidebar text, + .sidebar iconview text, + iconview .sidebar text, + .sidebar textview text, + textview .sidebar text, + .sidebar treeview.view header button, + treeview.view header .sidebar button, + .sidebar .tweak-category header button, + .tweak-category header .sidebar button { + color: rgba(38, 50, 56, 0.75); + background-color: transparent; + font-weight: 500; } + .sidebar list:hover, + .sidebar row:hover, + .sidebar row.activatable:hover, + .sidebar .view:hover, + .sidebar iconview:hover, + .sidebar .view text:hover, + .view .sidebar text:hover, + .sidebar iconview text:hover, + iconview .sidebar text:hover, + .sidebar textview text:hover, + textview .sidebar text:hover, + .sidebar treeview.view header button:hover, + treeview.view header .sidebar button:hover, + .sidebar .tweak-category header button:hover, + .tweak-category header .sidebar button:hover { + color: #263238; } + .sidebar list:selected, + .sidebar row:selected, + .sidebar row.activatable:selected, + .sidebar .view:selected, + .sidebar iconview:selected, + .sidebar .view text:selected, + .view .sidebar text:selected, + .sidebar iconview text:selected, + iconview .sidebar text:selected, + .sidebar textview text:selected, + textview .sidebar text:selected, + .sidebar treeview.view header button:selected, + treeview.view header .sidebar button:selected, + .sidebar .tweak-category header button:selected, + .tweak-category header .sidebar button:selected { + color: #E8E8E8; + background-color: transparent; } + .sidebar list:selected label, + .sidebar row:selected label, + .sidebar row.activatable:selected label, + .sidebar .view:selected label, + .sidebar iconview:selected label, + .sidebar .view text:selected label, + .view .sidebar text:selected label, + .sidebar iconview text:selected label, + iconview .sidebar text:selected label, + .sidebar textview text:selected label, + textview .sidebar text:selected label, + .sidebar treeview.view header button:selected label, + treeview.view header .sidebar button:selected label, + .sidebar .tweak-category header button:selected label, + .tweak-category header .sidebar button:selected label { + color: #E8E8E8; } + .sidebar overshoot, + .sidebar undershoot { + box-shadow: none; } + +stacksidebar row, +stacksidebar row.activatable, +stacksidebar .view, +stacksidebar iconview, +stacksidebar .view text, +.view stacksidebar text, +stacksidebar iconview text, +iconview stacksidebar text, +stacksidebar textview text, +textview stacksidebar text, +stacksidebar treeview.view header button, +treeview.view header stacksidebar button, +stacksidebar .tweak-category header button, +.tweak-category header stacksidebar button { + padding: 0.3985rem 0.6015rem 0.50376rem; + color: rgba(38, 50, 56, 0.75); + background-color: transparent; + font-weight: 500; } + stacksidebar row > label, + stacksidebar row.activatable > label, + stacksidebar .view > label, + stacksidebar iconview > label, + stacksidebar .view text > label, + .view stacksidebar text > label, + stacksidebar iconview text > label, + iconview stacksidebar text > label, + stacksidebar textview text > label, + textview stacksidebar text > label, + stacksidebar treeview.view header button > label, + treeview.view header stacksidebar button > label, + stacksidebar .tweak-category header button > label, + .tweak-category header stacksidebar button > label { + padding-left: 0.3985rem; + padding-right: 0.3985rem; } + stacksidebar row:hover, + stacksidebar row.activatable:hover, + stacksidebar .view:hover, + stacksidebar iconview:hover, + stacksidebar .view text:hover, + .view stacksidebar text:hover, + stacksidebar iconview text:hover, + iconview stacksidebar text:hover, + stacksidebar textview text:hover, + textview stacksidebar text:hover, + stacksidebar treeview.view header button:hover, + treeview.view header stacksidebar button:hover, + stacksidebar .tweak-category header button:hover, + .tweak-category header stacksidebar button:hover { + color: #263238; } + stacksidebar row:selected, + stacksidebar row.activatable:selected, + stacksidebar .view:selected, + stacksidebar iconview:selected, + stacksidebar .view text:selected, + .view stacksidebar text:selected, + stacksidebar iconview text:selected, + iconview stacksidebar text:selected, + stacksidebar textview text:selected, + textview stacksidebar text:selected, + stacksidebar treeview.view header button:selected, + treeview.view header stacksidebar button:selected, + stacksidebar .tweak-category header button:selected, + .tweak-category header stacksidebar button:selected { + color: #E8E8E8; + background-color: transparent; } + stacksidebar row:selected label, + stacksidebar row.activatable:selected label, + stacksidebar .view:selected label, + stacksidebar iconview:selected label, + stacksidebar .view text:selected label, + .view stacksidebar text:selected label, + stacksidebar iconview text:selected label, + iconview stacksidebar text:selected label, + stacksidebar textview text:selected label, + textview stacksidebar text:selected label, + stacksidebar treeview.view header button:selected label, + treeview.view header stacksidebar button:selected label, + stacksidebar .tweak-category header button:selected label, + .tweak-category header stacksidebar button:selected label { + color: #E8E8E8; } + stacksidebar row:backdrop, + stacksidebar row.activatable:backdrop, + stacksidebar .view:backdrop, + stacksidebar iconview:backdrop, + stacksidebar .view text:backdrop, + .view stacksidebar text:backdrop, + stacksidebar iconview text:backdrop, + iconview stacksidebar text:backdrop, + stacksidebar textview text:backdrop, + textview stacksidebar text:backdrop, + stacksidebar treeview.view header button:backdrop, + treeview.view header stacksidebar button:backdrop, + stacksidebar .tweak-category header button:backdrop, + .tweak-category header stacksidebar button:backdrop { + opacity: 1.0; } +stacksidebar .frame list { + background-color: rgba(12, 18, 0, 0.01); } + stacksidebar .frame list:dir(ltr) { + box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); } + stacksidebar .frame list:dir(rtl) { + box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); } +stacksidebar separator, +stacksidebar .separator { + min-height: 0; + border-color: transparent; + background-color: transparent; + color: transparent; } + +/**************** + * File chooser * + ****************/ +placessidebar list, +placessidebar row { + background-color: #FFFFFF; } +placessidebar row { + padding: 0.3985rem 0 0.50376rem; } + placessidebar row > revealer { + padding: 0.30075rem 1.05263rem 0.30075rem 0.90226rem; } + placessidebar row image.sidebar-icon { + opacity: 0.75; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 0.50376rem; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 0.50376rem; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 0.15038rem; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 0.15038rem; } + placessidebar row button.image-button { + padding: 0.50376rem; } + placessidebar row:selected { + color: #E8E8E8; } + placessidebar row:selected label { + color: #E8E8E8; } + placessidebar row:selected button.image-button { + color: #4DD0E1; } + placessidebar row:selected button.image-button:hover, placessidebar row:selected button.image-button:active { + color: #E8E8E8; } + placessidebar row.sidebar-placeholder-row { + border: solid 1px #E8E8E8; } + placessidebar row.sidebar-new-bookmark-row { + color: #E8E8E8; } + placessidebar row:drop(active):not(:disabled) { + color: #E8E8E8; + box-shadow: inset 0 1px #E8E8E8, inset 0 -1px #E8E8E8; } + placessidebar row:drop(active):not(:disabled):selected { + color: #FFFFFF; + background-color: #E8E8E8; } + +placesview row.activatable:hover, placesview .view:hover, placesview iconview:hover, +placesview .view text:hover, +.view placesview text:hover, +placesview iconview text:hover, +iconview placesview text:hover, +placesview textview text:hover, +textview placesview text:hover, placesview treeview.view header button:hover, treeview.view header placesview button:hover, placesview .tweak-category header button:hover, .tweak-category header placesview button:hover { + background-color: transparent; } +placesview > actionbar > revealer > box > label { + padding-left: 0.6015rem; + padding-right: 0.6015rem; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + border-style: none; + background-color: transparent; + -gtk-icon-source: none; + background-image: image(rgba(0, 0, 0, 0.09)); + background-size: 1px 1px; + transition: none; } + paned > separator:backdrop, paned > separator:selected { + background-image: image(#E5E9EC); + transition: none; } + window paned > separator, window paned > separator:backdrop, window paned > separator:selected { + background-image: image(rgba(0, 0, 0, 0.05)); + transition: none; } + window > grid.vertical paned > separator, window > grid.vertical paned > separator:backdrop, window > grid.vertical paned > separator:selected { + background-image: image(#E5E9EC); + transition: none; } + paned > separator.wide, button paned > separator, + button paned > .separator, + .button paned > separator, + .button paned > .separator, stacksidebar paned > separator, + stacksidebar paned > .separator, .tweak-categories paned > separator, + .tweak-categories paned > .separator, window overlay > grid > frame > grid list paned > separator { + min-width: 0.45113rem; + min-height: 0.45113rem; + margin: 0; + padding: 0; + background-color: #FFFFFF; + background-image: image(#E5E9EC), image(#E5E9EC); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop, button paned > separator:backdrop, + button paned > .separator:backdrop, + .button paned > separator:backdrop, + .button paned > .separator:backdrop, stacksidebar paned > separator:backdrop, + stacksidebar paned > .separator:backdrop, .tweak-categories paned > separator:backdrop, + .tweak-categories paned > .separator:backdrop, window overlay > grid > frame > grid list paned > separator:backdrop, paned > separator.wide:selected, button paned > separator:selected, + button paned > .separator:selected, + .button paned > separator:selected, + .button paned > .separator:selected, stacksidebar paned > separator:selected, + stacksidebar paned > .separator:selected, .tweak-categories paned > separator:selected, + .tweak-categories paned > .separator:selected, window overlay > grid > frame > grid list paned > separator:selected { + background-image: image(#E5E9EC), image(#E5E9EC); } +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -0.6015rem 0 0; + padding: 0 0.6015rem 0 0; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -0.6015rem; + padding: 0 0 0 0.6015rem; } + paned.horizontal > separator.wide, button paned.horizontal > separator, + button paned.horizontal > .separator, + .button paned.horizontal > separator, + .button paned.horizontal > .separator, stacksidebar paned.horizontal > separator, + stacksidebar paned.horizontal > .separator, .tweak-categories paned.horizontal > separator, + .tweak-categories paned.horizontal > .separator, window overlay > grid > frame > grid list paned.horizontal > separator { + background-repeat: repeat-y, repeat-y; + background-position: left, right; } +paned.vertical > separator { + margin: 0 0 -0.6015rem 0; + padding: 0 0 0.6015rem 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide, button paned.vertical > separator, + button paned.vertical > .separator, + .button paned.vertical > separator, + .button paned.vertical > .separator, stacksidebar paned.vertical > separator, + stacksidebar paned.vertical > .separator, .tweak-categories paned.vertical > separator, + .tweak-categories paned.vertical > .separator, window overlay > grid > frame > grid list paned.vertical > separator { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************** + * GtkInfoBar * + **************/ +infobar, NautilusTrashBar { + padding: 0.3985rem; + border-width: 0 0 1px; + border-style: solid; + border-color: #E5E9EC; + background-color: #FFFFFF; } + +.info:not(.error), +.question:not(.error), +.warning:not(.error), +.error:not(.error) { + color: rgba(38, 50, 56, 0.75); } +.info button, +.question button, +.warning button, +.error button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); } + .info button:hover, + .question button:hover, + .warning button:hover, + .error button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + color: #263238; } + .info button:active, + .question button:active, + .warning button:active, + .error button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #263238; } + .info button:checked, + .question button:checked, + .warning button:checked, + .error button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + color: #263238; } + .info button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled { + color: rgba(38, 50, 56, 0.3); } + .info button.flat, .info button.osd.image-button, + .info .button.osd.image-button, .info .titlebar button:not(.suggested-action):not(.destructive-action), .titlebar .info button:not(.suggested-action):not(.destructive-action), + .info headerbar button:not(.suggested-action):not(.destructive-action), + headerbar .info button:not(.suggested-action):not(.destructive-action), .info .menu > arrow, + .info .context-menu > arrow, + .info menu > arrow, .info placessidebar row button.image-button, placessidebar row .info button.image-button, .info .csd headerbar button.titlebutton, .csd headerbar .info button.titlebutton, + .info .csd .titlebar button.titlebutton, + .csd .titlebar .info button.titlebutton, .info #gf-candidate-popup button, #gf-candidate-popup .info button, + .info #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .info .linked > button:first-child, + .info #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .info .linked > button:last-child, .info window > grid.vertical > box.vertical > widget button, window > grid.vertical > box.vertical > widget .info button, .info layouttabbar button, layouttabbar .info button, .info layouttab button, layouttab .info button, + .question button.flat, + .question button.osd.image-button, + .question .button.osd.image-button, + .question .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar .question button:not(.suggested-action):not(.destructive-action), + .question headerbar button:not(.suggested-action):not(.destructive-action), + headerbar .question button:not(.suggested-action):not(.destructive-action), + .question .menu > arrow, + .question .context-menu > arrow, + .question menu > arrow, + .question placessidebar row button.image-button, + placessidebar row .question button.image-button, + .question .csd headerbar button.titlebutton, + .csd headerbar .question button.titlebutton, + .question .csd .titlebar button.titlebutton, + .csd .titlebar .question button.titlebutton, + .question #gf-candidate-popup button, + #gf-candidate-popup .question button, + .question #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .question .linked > button:first-child, + .question #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .question .linked > button:last-child, + .question window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget .question button, + .question layouttabbar button, + layouttabbar .question button, + .question layouttab button, + layouttab .question button, + .warning button.flat, + .warning button.osd.image-button, + .warning .button.osd.image-button, + .warning .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar .warning button:not(.suggested-action):not(.destructive-action), + .warning headerbar button:not(.suggested-action):not(.destructive-action), + headerbar .warning button:not(.suggested-action):not(.destructive-action), + .warning .menu > arrow, + .warning .context-menu > arrow, + .warning menu > arrow, + .warning placessidebar row button.image-button, + placessidebar row .warning button.image-button, + .warning .csd headerbar button.titlebutton, + .csd headerbar .warning button.titlebutton, + .warning .csd .titlebar button.titlebutton, + .csd .titlebar .warning button.titlebutton, + .warning #gf-candidate-popup button, + #gf-candidate-popup .warning button, + .warning #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .warning .linked > button:first-child, + .warning #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .warning .linked > button:last-child, + .warning window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget .warning button, + .warning layouttabbar button, + layouttabbar .warning button, + .warning layouttab button, + layouttab .warning button, + .error button.flat, + .error button.osd.image-button, + .error .button.osd.image-button, + .error .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar .error button:not(.suggested-action):not(.destructive-action), + .error headerbar button:not(.suggested-action):not(.destructive-action), + headerbar .error button:not(.suggested-action):not(.destructive-action), + .error .menu > arrow, + .error .context-menu > arrow, + .error menu > arrow, + .error placessidebar row button.image-button, + placessidebar row .error button.image-button, + .error .csd headerbar button.titlebutton, + .csd headerbar .error button.titlebutton, + .error .csd .titlebar button.titlebutton, + .csd .titlebar .error button.titlebutton, + .error #gf-candidate-popup button, + #gf-candidate-popup .error button, + .error #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .error .linked > button:first-child, + .error #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .error .linked > button:last-child, + .error window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget .error button, + .error layouttabbar button, + layouttabbar .error button, + .error layouttab button, + layouttab .error button { + color: rgba(38, 50, 56, 0.75); } + .info button.flat:hover, .info button.osd.image-button:hover, + .info .button.osd.image-button:hover, .info .titlebar button:hover:not(.suggested-action):not(.destructive-action), .titlebar .info button:hover:not(.suggested-action):not(.destructive-action), + .info headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar .info button:hover:not(.suggested-action):not(.destructive-action), .info .menu > arrow:hover, + .info .context-menu > arrow:hover, + .info menu > arrow:hover, .info placessidebar row button.image-button:hover, placessidebar row .info button.image-button:hover, .info .csd headerbar button.titlebutton:hover, .csd headerbar .info button.titlebutton:hover, + .info .csd .titlebar button.titlebutton:hover, + .csd .titlebar .info button.titlebutton:hover, .info #gf-candidate-popup button:hover, #gf-candidate-popup .info button:hover, .info window > grid.vertical > box.vertical > widget button:hover, window > grid.vertical > box.vertical > widget .info button:hover, .info layouttabbar button:hover, layouttabbar .info button:hover, .info layouttab button:hover, layouttab .info button:hover, .info button.flat:active, .info button.osd.image-button:active, + .info .button.osd.image-button:active, .info .titlebar button:active:not(.suggested-action):not(.destructive-action), .titlebar .info button:active:not(.suggested-action):not(.destructive-action), + .info headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar .info button:active:not(.suggested-action):not(.destructive-action), .info .menu > arrow:active, + .info .context-menu > arrow:active, + .info menu > arrow:active, .info placessidebar row button.image-button:active, placessidebar row .info button.image-button:active, .info .csd headerbar button.titlebutton:active, .csd headerbar .info button.titlebutton:active, + .info .csd .titlebar button.titlebutton:active, + .csd .titlebar .info button.titlebutton:active, .info #gf-candidate-popup button:active, #gf-candidate-popup .info button:active, .info window > grid.vertical > box.vertical > widget button:active, window > grid.vertical > box.vertical > widget .info button:active, .info layouttabbar button:active, layouttabbar .info button:active, .info layouttab button:active, layouttab .info button:active, + .question button.flat:hover, + .question button.osd.image-button:hover, + .question .button.osd.image-button:hover, + .question .titlebar button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .question button:hover:not(.suggested-action):not(.destructive-action), + .question headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar .question button:hover:not(.suggested-action):not(.destructive-action), + .question .menu > arrow:hover, + .question .context-menu > arrow:hover, + .question menu > arrow:hover, + .question placessidebar row button.image-button:hover, + placessidebar row .question button.image-button:hover, + .question .csd headerbar button.titlebutton:hover, + .csd headerbar .question button.titlebutton:hover, + .question .csd .titlebar button.titlebutton:hover, + .csd .titlebar .question button.titlebutton:hover, + .question #gf-candidate-popup button:hover, + #gf-candidate-popup .question button:hover, + .question window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget .question button:hover, + .question layouttabbar button:hover, + layouttabbar .question button:hover, + .question layouttab button:hover, + layouttab .question button:hover, + .question button.flat:active, + .question button.osd.image-button:active, + .question .button.osd.image-button:active, + .question .titlebar button:active:not(.suggested-action):not(.destructive-action), + .titlebar .question button:active:not(.suggested-action):not(.destructive-action), + .question headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar .question button:active:not(.suggested-action):not(.destructive-action), + .question .menu > arrow:active, + .question .context-menu > arrow:active, + .question menu > arrow:active, + .question placessidebar row button.image-button:active, + placessidebar row .question button.image-button:active, + .question .csd headerbar button.titlebutton:active, + .csd headerbar .question button.titlebutton:active, + .question .csd .titlebar button.titlebutton:active, + .csd .titlebar .question button.titlebutton:active, + .question #gf-candidate-popup button:active, + #gf-candidate-popup .question button:active, + .question window > grid.vertical > box.vertical > widget button:active, + window > grid.vertical > box.vertical > widget .question button:active, + .question layouttabbar button:active, + layouttabbar .question button:active, + .question layouttab button:active, + layouttab .question button:active, + .warning button.flat:hover, + .warning button.osd.image-button:hover, + .warning .button.osd.image-button:hover, + .warning .titlebar button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .warning button:hover:not(.suggested-action):not(.destructive-action), + .warning headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar .warning button:hover:not(.suggested-action):not(.destructive-action), + .warning .menu > arrow:hover, + .warning .context-menu > arrow:hover, + .warning menu > arrow:hover, + .warning placessidebar row button.image-button:hover, + placessidebar row .warning button.image-button:hover, + .warning .csd headerbar button.titlebutton:hover, + .csd headerbar .warning button.titlebutton:hover, + .warning .csd .titlebar button.titlebutton:hover, + .csd .titlebar .warning button.titlebutton:hover, + .warning #gf-candidate-popup button:hover, + #gf-candidate-popup .warning button:hover, + .warning window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget .warning button:hover, + .warning layouttabbar button:hover, + layouttabbar .warning button:hover, + .warning layouttab button:hover, + layouttab .warning button:hover, + .warning button.flat:active, + .warning button.osd.image-button:active, + .warning .button.osd.image-button:active, + .warning .titlebar button:active:not(.suggested-action):not(.destructive-action), + .titlebar .warning button:active:not(.suggested-action):not(.destructive-action), + .warning headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar .warning button:active:not(.suggested-action):not(.destructive-action), + .warning .menu > arrow:active, + .warning .context-menu > arrow:active, + .warning menu > arrow:active, + .warning placessidebar row button.image-button:active, + placessidebar row .warning button.image-button:active, + .warning .csd headerbar button.titlebutton:active, + .csd headerbar .warning button.titlebutton:active, + .warning .csd .titlebar button.titlebutton:active, + .csd .titlebar .warning button.titlebutton:active, + .warning #gf-candidate-popup button:active, + #gf-candidate-popup .warning button:active, + .warning window > grid.vertical > box.vertical > widget button:active, + window > grid.vertical > box.vertical > widget .warning button:active, + .warning layouttabbar button:active, + layouttabbar .warning button:active, + .warning layouttab button:active, + layouttab .warning button:active, + .error button.flat:hover, + .error button.osd.image-button:hover, + .error .button.osd.image-button:hover, + .error .titlebar button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .error button:hover:not(.suggested-action):not(.destructive-action), + .error headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar .error button:hover:not(.suggested-action):not(.destructive-action), + .error .menu > arrow:hover, + .error .context-menu > arrow:hover, + .error menu > arrow:hover, + .error placessidebar row button.image-button:hover, + placessidebar row .error button.image-button:hover, + .error .csd headerbar button.titlebutton:hover, + .csd headerbar .error button.titlebutton:hover, + .error .csd .titlebar button.titlebutton:hover, + .csd .titlebar .error button.titlebutton:hover, + .error #gf-candidate-popup button:hover, + #gf-candidate-popup .error button:hover, + .error window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget .error button:hover, + .error layouttabbar button:hover, + layouttabbar .error button:hover, + .error layouttab button:hover, + layouttab .error button:hover, + .error button.flat:active, + .error button.osd.image-button:active, + .error .button.osd.image-button:active, + .error .titlebar button:active:not(.suggested-action):not(.destructive-action), + .titlebar .error button:active:not(.suggested-action):not(.destructive-action), + .error headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar .error button:active:not(.suggested-action):not(.destructive-action), + .error .menu > arrow:active, + .error .context-menu > arrow:active, + .error menu > arrow:active, + .error placessidebar row button.image-button:active, + placessidebar row .error button.image-button:active, + .error .csd headerbar button.titlebutton:active, + .csd headerbar .error button.titlebutton:active, + .error .csd .titlebar button.titlebutton:active, + .csd .titlebar .error button.titlebutton:active, + .error #gf-candidate-popup button:active, + #gf-candidate-popup .error button:active, + .error window > grid.vertical > box.vertical > widget button:active, + window > grid.vertical > box.vertical > widget .error button:active, + .error layouttabbar button:active, + layouttabbar .error button:active, + .error layouttab button:active, + layouttab .error button:active { + color: #263238; } + .info button.flat:disabled, .info button.osd.image-button:disabled, + .info .button.osd.image-button:disabled, .info .titlebar button:disabled:not(.suggested-action):not(.destructive-action), .titlebar .info button:disabled:not(.suggested-action):not(.destructive-action), + .info headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar .info button:disabled:not(.suggested-action):not(.destructive-action), .info .menu > arrow:disabled, + .info .context-menu > arrow:disabled, + .info menu > arrow:disabled, .info placessidebar row button.image-button:disabled, placessidebar row .info button.image-button:disabled, .info .csd headerbar button.titlebutton:disabled, .csd headerbar .info button.titlebutton:disabled, + .info .csd .titlebar button.titlebutton:disabled, + .csd .titlebar .info button.titlebutton:disabled, .info #gf-candidate-popup button:disabled, #gf-candidate-popup .info button:disabled, .info window > grid.vertical > box.vertical > widget button:disabled, window > grid.vertical > box.vertical > widget .info button:disabled, .info layouttabbar button:disabled, layouttabbar .info button:disabled, .info layouttab button:disabled, layouttab .info button:disabled, + .question button.flat:disabled, + .question button.osd.image-button:disabled, + .question .button.osd.image-button:disabled, + .question .titlebar button:disabled:not(.suggested-action):not(.destructive-action), + .titlebar .question button:disabled:not(.suggested-action):not(.destructive-action), + .question headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar .question button:disabled:not(.suggested-action):not(.destructive-action), + .question .menu > arrow:disabled, + .question .context-menu > arrow:disabled, + .question menu > arrow:disabled, + .question placessidebar row button.image-button:disabled, + placessidebar row .question button.image-button:disabled, + .question .csd headerbar button.titlebutton:disabled, + .csd headerbar .question button.titlebutton:disabled, + .question .csd .titlebar button.titlebutton:disabled, + .csd .titlebar .question button.titlebutton:disabled, + .question #gf-candidate-popup button:disabled, + #gf-candidate-popup .question button:disabled, + .question window > grid.vertical > box.vertical > widget button:disabled, + window > grid.vertical > box.vertical > widget .question button:disabled, + .question layouttabbar button:disabled, + layouttabbar .question button:disabled, + .question layouttab button:disabled, + layouttab .question button:disabled, + .warning button.flat:disabled, + .warning button.osd.image-button:disabled, + .warning .button.osd.image-button:disabled, + .warning .titlebar button:disabled:not(.suggested-action):not(.destructive-action), + .titlebar .warning button:disabled:not(.suggested-action):not(.destructive-action), + .warning headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar .warning button:disabled:not(.suggested-action):not(.destructive-action), + .warning .menu > arrow:disabled, + .warning .context-menu > arrow:disabled, + .warning menu > arrow:disabled, + .warning placessidebar row button.image-button:disabled, + placessidebar row .warning button.image-button:disabled, + .warning .csd headerbar button.titlebutton:disabled, + .csd headerbar .warning button.titlebutton:disabled, + .warning .csd .titlebar button.titlebutton:disabled, + .csd .titlebar .warning button.titlebutton:disabled, + .warning #gf-candidate-popup button:disabled, + #gf-candidate-popup .warning button:disabled, + .warning window > grid.vertical > box.vertical > widget button:disabled, + window > grid.vertical > box.vertical > widget .warning button:disabled, + .warning layouttabbar button:disabled, + layouttabbar .warning button:disabled, + .warning layouttab button:disabled, + layouttab .warning button:disabled, + .error button.flat:disabled, + .error button.osd.image-button:disabled, + .error .button.osd.image-button:disabled, + .error .titlebar button:disabled:not(.suggested-action):not(.destructive-action), + .titlebar .error button:disabled:not(.suggested-action):not(.destructive-action), + .error headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar .error button:disabled:not(.suggested-action):not(.destructive-action), + .error .menu > arrow:disabled, + .error .context-menu > arrow:disabled, + .error menu > arrow:disabled, + .error placessidebar row button.image-button:disabled, + placessidebar row .error button.image-button:disabled, + .error .csd headerbar button.titlebutton:disabled, + .csd headerbar .error button.titlebutton:disabled, + .error .csd .titlebar button.titlebutton:disabled, + .csd .titlebar .error button.titlebutton:disabled, + .error #gf-candidate-popup button:disabled, + #gf-candidate-popup .error button:disabled, + .error window > grid.vertical > box.vertical > widget button:disabled, + window > grid.vertical > box.vertical > widget .error button:disabled, + .error layouttabbar button:disabled, + layouttabbar .error button:disabled, + .error layouttab button:disabled, + layouttab .error button:disabled { + color: rgba(38, 50, 56, 0.3); } + .info button.image-button, + .question button.image-button, + .warning button.image-button, + .error button.image-button { + min-height: 1rem; + min-width: 1rem; + padding: 0.50376rem 0.20301rem 0.50376rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } +.info selection, +.question selection, +.warning selection, +.error selection { + background-color: #008fa1; } +.info progressbar trough, +.question progressbar trough, +.warning progressbar trough, +.error progressbar trough { + background-color: rgba(255, 255, 255, 0.2); } +.info progressbar progress, +.question progressbar progress, +.warning progressbar progress, +.error progressbar progress { + background-color: #FFFFFF; } + +.info { + background-color: #00E5FF; } + +.question { + background-color: #FFEA00; } + +.warning { + background-color: #FF9100; } + +.error { + color: #FFFFFF; + background-color: #FF1744; } + +/************ + * Tooltips * + ************/ +tooltip { + color: #ECEFF1; + padding: 0.30075rem; + border-radius: 2px; + box-shadow: none; } + tooltip.background { + border: 1px solid rgba(42, 55, 62, 0.9); + background-color: rgba(42, 55, 62, 0.9); + background-clip: padding-box; } + tooltip decoration { + background-color: transparent; } + tooltip * { + background-color: transparent; + color: #ECEFF1; } + +/***************** + * Color Chooser * + *****************/ +colorswatch { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + colorswatch.top { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + colorswatch.bottom { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + colorswatch.left, colorswatch:first-child:not(.overlay):not(.top) { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + colorswatch.right, colorswatch:last-child:not(.overlay):not(.bottom) { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + colorswatch:only-child:not(.overlay) { + border-radius: 2px; } + colorswatch.top > .overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + colorswatch.bottom > .overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + colorswatch:first-child:not(.top) > .overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + colorswatch:last-child:not(.bottom) > .overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + colorswatch:only-child > .overlay { + border-radius: 2px; } + colorswatch:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + GtkColorEditor colorswatch { + border-radius: 2px; } + GtkColorEditor colorswatch:hover { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + colorswatch.color-dark { + color: white; } + colorswatch.color-light { + color: rgba(0, 0, 0, 0.8); } + colorswatch#add-color-button { + background-image: linear-gradient(to right, #FF1744 25%, #FF9100 25%, #FF9100 50%, #00E5FF 50%, #00E5FF 75%, #FFEA00 75%); + color: white; } + +colorchooser .popover.osd { + padding: 3px; + border-style: solid; + border-width: 9px; + border-radius: 2px; + border-image: -gtk-scaled(url("assets/osd-shadow.png"), url("assets/osd-shadow@2.png")) 10/10px stretch; + box-shadow: none; + color: #ECEFF1; + background-color: #FFFFFF; } + colorchooser .popover.osd:backdrop { + border-image: -gtk-scaled(url("assets/osd-shadow-backdrop.png"), url("assets/osd-shadow-backdrop@2.png")) 10/10px stretch; } + colorchooser .popover.osd label { + color: #E8E8E8; + font-weight: 700; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #FFFFFF; } + +@keyframes volume_hover { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.1)), to(transparent)); } } +.osd .scale-popup .vertical button, .scale-popup .vertical button { + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + .osd .scale-popup .vertical button:first-child:hover, .scale-popup .vertical button:first-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #00E676; + animation: volume_hover 0.2s linear forwards; } + .osd .scale-popup .vertical button:first-child:disabled, .scale-popup .vertical button:first-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#00E676, 0.4); } + .osd .scale-popup .vertical button:last-child:hover, .scale-popup .vertical button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #F44336; + animation: volume_hover 0.2s linear forwards; } + .osd .scale-popup .vertical button:last-child:disabled, .scale-popup .vertical button:last-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#F44336, 0.4); } +.osd .scale-popup button, +.scale-popup button { + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + .osd .scale-popup button:first-child:hover, + .scale-popup button:first-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #F44336; + animation: spin_hover 0.2s linear forwards; } + .osd .scale-popup button:first-child:disabled, + .scale-popup button:first-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#F44336, 0.4); } + .osd .scale-popup button:last-child:hover, + .scale-popup button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + background: none; + color: #00E676; + animation: spin_hover 0.2s linear forwards; } + .osd .scale-popup button:last-child:disabled, + .scale-popup button:last-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#00E676, 0.4); } + +button.flat.scale, button.scale.osd.image-button, +.scale.button.osd.image-button, .titlebar button.scale:not(.suggested-action):not(.destructive-action), +headerbar button.scale:not(.suggested-action):not(.destructive-action), .menu > arrow.scale, +.context-menu > arrow.scale, +menu > arrow.scale, placessidebar row button.scale.image-button, .csd headerbar button.scale.titlebutton, +.csd .titlebar button.scale.titlebutton, #gf-candidate-popup button.scale, +#gf-candidate-popup .linked > button.scale:first-child, +#gf-candidate-popup .linked > button.scale:last-child, window > grid.vertical > box.vertical > widget button.scale, layouttabbar button.scale, layouttab button.scale { + min-width: 1.30075rem; + min-height: 1.30075rem; + padding: 0.75188rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + +.nautilus-window .floating-bar { + padding: 0.09774rem 0 0.20301rem; + border: 1px solid transparent; + border-radius: 0; + color: #BBBBBB; + background-color: #FFFFFF; + transition: none; } + .nautilus-window .floating-bar button { + min-height: 1rem; + min-width: 1rem; + padding: 0.30075rem; + margin: 0 0.30075rem; + color: #E8E8E8; } + .nautilus-window .floating-bar button:hover, .nautilus-window .floating-bar button:active, .nautilus-window .floating-bar button:checked { + color: #E8E8E8; } + .nautilus-window .floating-bar button:disabled { + color: #E8E8E8; } + .nautilus-window .floating-bar spinner { + min-height: 0.90226rem; + min-width: 0.90226rem; + padding: 0.50376rem 0 0.50376rem; + margin: 0 -0.07519rem; } + +.nautilus-window .floating-bar.bottom.left { + border-width: 1px 1px 0 0; + border-radius: 0 3px 0 0; } + +.nautilus-window .floating-bar.bottom.right { + border-width: 1px 0 0 1px; + border-radius: 3px 0 0 0; } + +/********************** + * Window Decorations * + *********************/ +decoration { + transition: none; + border-radius: 2px 2px 0 0; + border-width: 0; + box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); + margin: 8px; } + decoration:backdrop { + box-shadow: 0 10px 6px transparent, 0 6px 8px -4px transparent, 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); + transition: none; } + .fullscreen decoration, .maximized decoration, .tiled decoration { + border-radius: 0; + transition: none; } + .popup decoration { + box-shadow: none; } + .ssd decoration { + box-shadow: 0 2px 2px transparent, 0 3px 4px transparent, 0 3px 3px -1px rgba(0, 0, 0, 0.08); } + .ssd decoration .button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .tiled .ssd decoration .titlebar { + transition: none; } + .maximized .ssd decoration .titlebar { + transition: none; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.2); } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + message-dialog.csd decoration { + border-radius: 2px; + box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); } + message-dialog.csd decoration:backdrop { + box-shadow: 0 10px 6px transparent, 0 6px 8px -4px transparent, 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); + transition: none; } + .solid-csd decoration { + border-radius: 2px 2px 0 0; + margin: -1px; + background-color: #FFFFFF; + border: none; + box-shadow: none; } + +.csd headerbar button.titlebutton, .csd headerbar.selection-mode button.titlebutton, +.csd .titlebar button.titlebutton, +.csd .titlebar.selection-mode button.titlebutton { + min-width: 1rem; + min-height: 1rem; + padding: 0.75188rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + .csd headerbar button.titlebutton.close:hover:backdrop, .csd headerbar button.titlebutton.close:active:backdrop, .csd headerbar button.titlebutton.minimize:hover:backdrop, .csd headerbar button.titlebutton.minimize:active:backdrop, .csd headerbar button.titlebutton.maximize:hover:backdrop, .csd headerbar button.titlebutton.maximize:active:backdrop, .csd headerbar.selection-mode button.titlebutton.close:hover:backdrop, .csd headerbar.selection-mode button.titlebutton.close:active:backdrop, .csd headerbar.selection-mode button.titlebutton.minimize:hover:backdrop, .csd headerbar.selection-mode button.titlebutton.minimize:active:backdrop, .csd headerbar.selection-mode button.titlebutton.maximize:hover:backdrop, .csd headerbar.selection-mode button.titlebutton.maximize:active:backdrop, + .csd .titlebar button.titlebutton.close:hover:backdrop, + .csd .titlebar button.titlebutton.close:active:backdrop, + .csd .titlebar button.titlebutton.minimize:hover:backdrop, + .csd .titlebar button.titlebutton.minimize:active:backdrop, + .csd .titlebar button.titlebutton.maximize:hover:backdrop, + .csd .titlebar button.titlebutton.maximize:active:backdrop, + .csd .titlebar.selection-mode button.titlebutton.close:hover:backdrop, + .csd .titlebar.selection-mode button.titlebutton.close:active:backdrop, + .csd .titlebar.selection-mode button.titlebutton.minimize:hover:backdrop, + .csd .titlebar.selection-mode button.titlebutton.minimize:active:backdrop, + .csd .titlebar.selection-mode button.titlebutton.maximize:hover:backdrop, + .csd .titlebar.selection-mode button.titlebutton.maximize:active:backdrop { + opacity: 1.0; } + .csd headerbar button.titlebutton.close > image, .csd headerbar button.titlebutton.minimize > image, .csd headerbar button.titlebutton.maximize > image, .csd headerbar.selection-mode button.titlebutton.close > image, .csd headerbar.selection-mode button.titlebutton.minimize > image, .csd headerbar.selection-mode button.titlebutton.maximize > image, + .csd .titlebar button.titlebutton.close > image, + .csd .titlebar button.titlebutton.minimize > image, + .csd .titlebar button.titlebutton.maximize > image, + .csd .titlebar.selection-mode button.titlebutton.close > image, + .csd .titlebar.selection-mode button.titlebutton.minimize > image, + .csd .titlebar.selection-mode button.titlebutton.maximize > image { + min-height: 16px; + min-width: 16px; + color: transparent; + background-size: 16px 16px; + background-repeat: no-repeat; + background-position: center; } + .csd headerbar button.titlebutton.close > image, .csd headerbar.selection-mode button.titlebutton.close > image, + .csd .titlebar button.titlebutton.close > image, + .csd .titlebar.selection-mode button.titlebutton.close > image { + background-image: -gtk-scaled(url("assets/window-close.png"), url("assets/window-close@2.png")); } + .csd headerbar button.titlebutton.close:hover, .csd headerbar.selection-mode button.titlebutton.close:hover, + .csd .titlebar button.titlebutton.close:hover, + .csd .titlebar.selection-mode button.titlebutton.close:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: #263238; + color: #FFFFFF; + background-color: #FF5252; } + .csd headerbar button.titlebutton.close:hover > image, .csd headerbar.selection-mode button.titlebutton.close:hover > image, + .csd .titlebar button.titlebutton.close:hover > image, + .csd .titlebar.selection-mode button.titlebutton.close:hover > image { + background-image: -gtk-scaled(url("assets/window-close-active.png"), url("assets/window-close-active@2.png")); } + .csd headerbar button.titlebutton.close:active, .csd headerbar.selection-mode button.titlebutton.close:active, + .csd .titlebar button.titlebutton.close:active, + .csd .titlebar.selection-mode button.titlebutton.close:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #263238; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #FFFFFF; + background-color: #E8E8E8; } + .csd headerbar button.titlebutton.close:active > image, .csd headerbar.selection-mode button.titlebutton.close:active > image, + .csd .titlebar button.titlebutton.close:active > image, + .csd .titlebar.selection-mode button.titlebutton.close:active > image { + background-image: -gtk-scaled(url("assets/window-close-active.png"), url("assets/window-close-active@2.png")); } + .csd headerbar button.titlebutton.minimize > image, .csd headerbar.selection-mode button.titlebutton.minimize > image, + .csd .titlebar button.titlebutton.minimize > image, + .csd .titlebar.selection-mode button.titlebutton.minimize > image { + background-image: -gtk-scaled(url("assets/window-minimize.png"), url("assets/window-minimize@2.png")); } + .csd headerbar button.titlebutton.minimize:hover > image, .csd headerbar button.titlebutton.minimize:active > image, .csd headerbar.selection-mode button.titlebutton.minimize:hover > image, .csd headerbar.selection-mode button.titlebutton.minimize:active > image, + .csd .titlebar button.titlebutton.minimize:hover > image, + .csd .titlebar button.titlebutton.minimize:active > image, + .csd .titlebar.selection-mode button.titlebutton.minimize:hover > image, + .csd .titlebar.selection-mode button.titlebutton.minimize:active > image { + background-image: -gtk-scaled(url("assets/window-minimize-active.png"), url("assets/window-minimize-active@2.png")); } + .csd headerbar button.titlebutton.maximize > image, .csd headerbar.selection-mode button.titlebutton.maximize > image, + .csd .titlebar button.titlebutton.maximize > image, + .csd .titlebar.selection-mode button.titlebutton.maximize > image { + background-image: -gtk-scaled(url("assets/window-maximize.png"), url("assets/window-maximize@2.png")); } + .csd headerbar button.titlebutton.maximize:hover > image, .csd headerbar button.titlebutton.maximize:active > image, .csd headerbar.selection-mode button.titlebutton.maximize:hover > image, .csd headerbar.selection-mode button.titlebutton.maximize:active > image, + .csd .titlebar button.titlebutton.maximize:hover > image, + .csd .titlebar button.titlebutton.maximize:active > image, + .csd .titlebar.selection-mode button.titlebutton.maximize:hover > image, + .csd .titlebar.selection-mode button.titlebutton.maximize:active > image { + background-image: -gtk-scaled(url("assets/window-maximize-active.png"), url("assets/window-maximize-active@2.png")); } + +.csd.maximized headerbar button.titlebutton.maximize > image, .csd.maximized headerbar.selection-mode button.titlebutton.maximize > image, +.csd.maximized .titlebar button.titlebutton.maximize > image, +.csd.maximized .titlebar.selection-mode button.titlebutton.maximize > image { + background-image: -gtk-scaled(url("assets/window-unmaximize.png"), url("assets/window-unmaximize@2.png")); } +.csd.maximized headerbar button.titlebutton.maximize:hover > image, .csd.maximized headerbar button.titlebutton.maximize:active > image, .csd.maximized headerbar.selection-mode button.titlebutton.maximize:hover > image, .csd.maximized headerbar.selection-mode button.titlebutton.maximize:active > image, +.csd.maximized .titlebar button.titlebutton.maximize:hover > image, +.csd.maximized .titlebar button.titlebutton.maximize:active > image, +.csd.maximized .titlebar.selection-mode button.titlebutton.maximize:hover > image, +.csd.maximized .titlebar.selection-mode button.titlebutton.maximize:active > image { + background-image: -gtk-scaled(url("assets/window-unmaximize-active.png"), url("assets/window-unmaximize-active@2.png")); } + +.ssd .titlebar button.titlebutton.close, .ssd .titlebar button.titlebutton.minimize, .ssd .titlebar button.titlebutton.maximize { + color: transparent; + background-size: 28px 28px; + background-repeat: no-repeat; + background-position: center; + background: none; + box-shadow: none; } + .ssd .titlebar button.titlebutton.close:backdrop, .ssd .titlebar button.titlebutton.close:hover:backdrop, .ssd .titlebar button.titlebutton.close:active:backdrop, .ssd .titlebar button.titlebutton.minimize:backdrop, .ssd .titlebar button.titlebutton.minimize:hover:backdrop, .ssd .titlebar button.titlebutton.minimize:active:backdrop, .ssd .titlebar button.titlebutton.maximize:backdrop, .ssd .titlebar button.titlebutton.maximize:hover:backdrop, .ssd .titlebar button.titlebutton.maximize:active:backdrop { + color: transparent; } +.ssd .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/window-close-ssd.png"), url("assets/window-close-ssd@2.png")); + box-shadow: none; } +.ssd .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/window-close-ssd-hover.png"), url("assets/window-close-ssd-hover@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } +.ssd .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/window-close-ssd-active.png"), url("assets/window-close-ssd-active@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } +.ssd .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop.png"), url("assets/window-close-ssd-backdrop@2.png")); + box-shadow: none; } +.ssd .titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop-hover.png"), url("assets/window-close-ssd-backdrop-hover@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } +.ssd .titlebar button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop-active.png"), url("assets/window-close-ssd-backdrop-active@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } +.ssd .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/window-minimize-ssd.png"), url("assets/window-minimize-ssd@2.png")); } +.ssd .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-hover.png"), url("assets/window-minimize-ssd-hover@2.png")); } +.ssd .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-active.png"), url("assets/window-minimize-ssd-active@2.png")); } +.ssd .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop.png"), url("assets/window-minimize-ssd-backdrop@2.png")); } +.ssd .titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop-hover.png"), url("assets/window-minimize-ssd-backdrop-hover@2.png")); } +.ssd .titlebar button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop-active.png"), url("assets/window-minimize-ssd-backdrop-active@2.png")); } +.ssd .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/window-maximize-ssd.png"), url("assets/window-maximize-ssd@2.png")); } +.ssd .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-hover.png"), url("assets/window-maximize-ssd-hover@2.png")); } +.ssd .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-active.png"), url("assets/window-maximize-ssd-active@2.png")); } +.ssd .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop.png"), url("assets/window-maximize-ssd-backdrop@2.png")); } +.ssd .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop-hover.png"), url("assets/window-maximize-ssd-backdrop-hover@2.png")); } +.ssd .titlebar button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop-active.png"), url("assets/window-maximize-ssd-backdrop-active@2.png")); } + +.maximized.ssd .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd.png"), url("assets/window-unmaximize-ssd@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-hover.png"), url("assets/window-unmaximize-ssd-hover@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-active.png"), url("assets/window-unmaximize-ssd-active@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop.png"), url("assets/window-unmaximize-ssd-backdrop@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop-hover.png"), url("assets/window-unmaximize-ssd-backdrop-hover@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop-active.png"), url("assets/window-unmaximize-ssd-backdrop-active@2.png")); } + +.ssd decoration .titlebar button.titlebutton { + min-width: 28px; + min-height: 28px; + margin: 0; + padding: 0; } + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus, .view text selection, iconview text selection, .view text selection:focus, iconview text selection:focus, +textview text selection, +textview text selection:focus, flowbox flowboxchild:selected, label selection, +label selection:focus, entry selection, spinbutton:not(.vertical) selection, entry selection:focus, spinbutton:not(.vertical) selection:focus, +.entry selection, +.entry selection:focus, treeview entry:selected, treeview spinbutton:selected:not(.vertical), treeview entry.flat:focus:selected, treeview spinbutton.flat:focus:selected:not(.vertical), treeview notebook:not(.reorderable-page) > entry:focus:selected, treeview notebook:not(.reorderable-page) > spinbutton:focus:selected:not(.vertical), treeview +.entry:selected, treeview +.entry.flat:focus:selected, treeview .linked > entry:focus:selected:not(.flat), treeview .linked > spinbutton:focus:selected:not(.flat):not(.vertical), treeview .linked > .entry:focus:selected:not(.flat), treeview spinbutton entry:focus:selected, treeview spinbutton spinbutton:focus:selected:not(.vertical), treeview.view:selected, .tweak-category:selected, +treeview.view row:selected, +.tweak-category row:selected, paned treeview.view:selected, paned .tweak-category:selected, +paned treeview.view row:selected, +paned .tweak-category row:selected, row:selected, .sidebar treeview.view:selected, .sidebar .tweak-category:selected, +.sidebar treeview.view row:selected, +.sidebar .tweak-category row:selected, GdMainView .view:hover:selected, GdMainView iconview:hover:selected, GdMainView .view:selected, GdMainView iconview:selected, GdMainView .view row.activatable:hover:selected, GdMainView iconview row.activatable:hover:selected, GdMainView .view .view:hover:selected, GdMainView iconview .view:hover:selected, GdMainView .view iconview:hover:selected, GdMainView iconview iconview:hover:selected, +GdMainView .view text:hover:selected, +GdMainView iconview .view text:hover:selected, +.view GdMainView iconview text:hover:selected, +GdMainView .view iconview text:hover:selected, +iconview GdMainView .view text:hover:selected, +GdMainView iconview text:hover:selected, +GdMainView .view textview text:hover:selected, +textview GdMainView .view text:hover:selected, +GdMainView iconview textview text:hover:selected, +textview GdMainView iconview text:hover:selected, GdMainView treeview.view header button:hover:selected, GdMainView iconview treeview.view header button:hover:selected, treeview.view header GdMainView iconview button:hover:selected, GdMainView .view .tweak-category header button:hover:selected, .tweak-category header GdMainView .view button:hover:selected, GdMainView iconview .tweak-category header button:hover:selected, .tweak-category header GdMainView iconview button:hover:selected, GdMainView .view row.activatable:selected, GdMainView iconview row.activatable:selected, GdMainView .view .view:selected, GdMainView iconview .view:selected, GdMainView .view iconview:selected, GdMainView iconview iconview:selected, +GdMainView .view text:selected, +GdMainView iconview .view text:selected, +.view GdMainView iconview text:selected, +GdMainView .view iconview text:selected, +iconview GdMainView .view text:selected, +GdMainView iconview text:selected, +GdMainView .view textview text:selected, +textview GdMainView .view text:selected, +GdMainView iconview textview text:selected, +textview GdMainView iconview text:selected, GdMainView treeview.view header button:selected, GdMainView iconview treeview.view header button:selected, treeview.view header GdMainView iconview button:selected, GdMainView .view .tweak-category header button:selected, .tweak-category header GdMainView .view button:selected, GdMainView iconview .tweak-category header button:selected, .tweak-category header GdMainView iconview button:selected, +.side-panel .view:hover:selected, +.side-panel iconview:hover:selected, +.side-panel .view:selected, +.side-panel iconview:selected, +.side-panel .view row.activatable:hover:selected, +.side-panel iconview row.activatable:hover:selected, +.side-panel .view .view:hover:selected, +.side-panel iconview .view:hover:selected, +.side-panel .view iconview:hover:selected, +.side-panel iconview iconview:hover:selected, +.side-panel .view text:hover:selected, +.side-panel iconview .view text:hover:selected, +.view .side-panel iconview text:hover:selected, +.side-panel .view iconview text:hover:selected, +iconview .side-panel .view text:hover:selected, +.side-panel iconview text:hover:selected, +.side-panel .view textview text:hover:selected, +textview .side-panel .view text:hover:selected, +.side-panel iconview textview text:hover:selected, +textview .side-panel iconview text:hover:selected, +.side-panel treeview.view header button:hover:selected, +.side-panel iconview treeview.view header button:hover:selected, +treeview.view header .side-panel iconview button:hover:selected, +.side-panel .view .tweak-category header button:hover:selected, +.tweak-category header .side-panel .view button:hover:selected, +.side-panel iconview .tweak-category header button:hover:selected, +.tweak-category header .side-panel iconview button:hover:selected, +.side-panel .view row.activatable:selected, +.side-panel iconview row.activatable:selected, +.side-panel .view .view:selected, +.side-panel iconview .view:selected, +.side-panel .view iconview:selected, +.side-panel iconview iconview:selected, +.side-panel .view text:selected, +.side-panel iconview .view text:selected, +.view .side-panel iconview text:selected, +.side-panel .view iconview text:selected, +iconview .side-panel .view text:selected, +.side-panel iconview text:selected, +.side-panel .view textview text:selected, +textview .side-panel .view text:selected, +.side-panel iconview textview text:selected, +textview .side-panel iconview text:selected, +.side-panel treeview.view header button:selected, +.side-panel iconview treeview.view header button:selected, +treeview.view header .side-panel iconview button:selected, +.side-panel .view .tweak-category header button:selected, +.tweak-category header .side-panel .view button:selected, +.side-panel iconview .tweak-category header button:selected, +.tweak-category header .side-panel iconview button:selected { + background-color: #E8E8E8; } + label:selected, row:selected label, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, .view text selection, iconview text selection, .view text selection:focus, iconview text selection:focus, + textview text selection, + textview text selection:focus, flowbox flowboxchild:selected, label selection, + label selection:focus, entry selection, spinbutton:not(.vertical) selection, entry selection:focus, spinbutton:not(.vertical) selection:focus, + .entry selection, + .entry selection:focus, treeview entry:selected, treeview spinbutton:selected:not(.vertical), treeview entry.flat:focus:selected, treeview spinbutton.flat:focus:selected:not(.vertical), treeview notebook:not(.reorderable-page) > entry:focus:selected, treeview notebook:not(.reorderable-page) > spinbutton:focus:selected:not(.vertical), treeview + .entry:selected, treeview + .entry.flat:focus:selected, treeview .linked > entry:focus:selected:not(.flat), treeview .linked > spinbutton:focus:selected:not(.flat):not(.vertical), treeview .linked > .entry:focus:selected:not(.flat), treeview spinbutton entry:focus:selected, treeview spinbutton spinbutton:focus:selected:not(.vertical), treeview.view:selected, .tweak-category:selected, + treeview.view row:selected, + .tweak-category row:selected, paned treeview.view:selected, paned .tweak-category:selected, + paned treeview.view row:selected, + paned .tweak-category row:selected, row:selected, .sidebar treeview.view:selected, .sidebar .tweak-category:selected, + .sidebar treeview.view row:selected, + .sidebar .tweak-category row:selected, GdMainView .view:hover:selected, GdMainView iconview:hover:selected, GdMainView .view:selected, GdMainView iconview:selected, GdMainView .view row.activatable:hover:selected, GdMainView iconview row.activatable:hover:selected, GdMainView .view .view:hover:selected, GdMainView iconview .view:hover:selected, GdMainView .view iconview:hover:selected, GdMainView iconview iconview:hover:selected, + GdMainView .view text:hover:selected, + GdMainView iconview .view text:hover:selected, + .view GdMainView iconview text:hover:selected, + GdMainView .view iconview text:hover:selected, + iconview GdMainView .view text:hover:selected, + GdMainView iconview text:hover:selected, + GdMainView .view textview text:hover:selected, + textview GdMainView .view text:hover:selected, + GdMainView iconview textview text:hover:selected, + textview GdMainView iconview text:hover:selected, GdMainView treeview.view header button:hover:selected, GdMainView iconview treeview.view header button:hover:selected, treeview.view header GdMainView iconview button:hover:selected, GdMainView .view .tweak-category header button:hover:selected, .tweak-category header GdMainView .view button:hover:selected, GdMainView iconview .tweak-category header button:hover:selected, .tweak-category header GdMainView iconview button:hover:selected, GdMainView .view row.activatable:selected, GdMainView iconview row.activatable:selected, GdMainView .view .view:selected, GdMainView iconview .view:selected, GdMainView .view iconview:selected, GdMainView iconview iconview:selected, + GdMainView .view text:selected, + GdMainView iconview .view text:selected, + .view GdMainView iconview text:selected, + GdMainView .view iconview text:selected, + iconview GdMainView .view text:selected, + GdMainView iconview text:selected, + GdMainView .view textview text:selected, + textview GdMainView .view text:selected, + GdMainView iconview textview text:selected, + textview GdMainView iconview text:selected, GdMainView treeview.view header button:selected, GdMainView iconview treeview.view header button:selected, treeview.view header GdMainView iconview button:selected, GdMainView .view .tweak-category header button:selected, .tweak-category header GdMainView .view button:selected, GdMainView iconview .tweak-category header button:selected, .tweak-category header GdMainView iconview button:selected, + .side-panel .view:hover:selected, + .side-panel iconview:hover:selected, + .side-panel .view:selected, + .side-panel iconview:selected, + .side-panel .view row.activatable:hover:selected, + .side-panel iconview row.activatable:hover:selected, + .side-panel .view .view:hover:selected, + .side-panel iconview .view:hover:selected, + .side-panel .view iconview:hover:selected, + .side-panel iconview iconview:hover:selected, + .side-panel .view text:hover:selected, + .side-panel iconview .view text:hover:selected, + .view .side-panel iconview text:hover:selected, + .side-panel .view iconview text:hover:selected, + iconview .side-panel .view text:hover:selected, + .side-panel iconview text:hover:selected, + .side-panel .view textview text:hover:selected, + textview .side-panel .view text:hover:selected, + .side-panel iconview textview text:hover:selected, + textview .side-panel iconview text:hover:selected, + .side-panel treeview.view header button:hover:selected, + .side-panel iconview treeview.view header button:hover:selected, + treeview.view header .side-panel iconview button:hover:selected, + .side-panel .view .tweak-category header button:hover:selected, + .tweak-category header .side-panel .view button:hover:selected, + .side-panel iconview .tweak-category header button:hover:selected, + .tweak-category header .side-panel iconview button:hover:selected, + .side-panel .view row.activatable:selected, + .side-panel iconview row.activatable:selected, + .side-panel .view .view:selected, + .side-panel iconview .view:selected, + .side-panel .view iconview:selected, + .side-panel iconview iconview:selected, + .side-panel .view text:selected, + .side-panel iconview .view text:selected, + .view .side-panel iconview text:selected, + .side-panel .view iconview text:selected, + iconview .side-panel .view text:selected, + .side-panel iconview text:selected, + .side-panel .view textview text:selected, + textview .side-panel .view text:selected, + .side-panel iconview textview text:selected, + textview .side-panel iconview text:selected, + .side-panel treeview.view header button:selected, + .side-panel iconview treeview.view header button:selected, + treeview.view header .side-panel iconview button:selected, + .side-panel .view .tweak-category header button:selected, + .tweak-category header .side-panel .view button:selected, + .side-panel iconview .tweak-category header button:selected, + .tweak-category header .side-panel iconview button:selected { + color: #FFFFFF; } + label:disabled:selected, row:selected label:disabled, .view:disabled:selected, iconview:disabled:selected, .view:disabled:selected:focus, iconview:disabled:selected:focus, + .view text:disabled:selected, + iconview text:disabled:selected, + textview text:disabled:selected, + .view text:disabled:selected:focus, + iconview text:disabled:selected:focus, + textview text:disabled:selected:focus, .view text selection:disabled, iconview text selection:disabled, .view text selection:disabled:focus, iconview text selection:disabled:focus, + textview text selection:disabled, + textview text selection:disabled:focus, flowbox flowboxchild:disabled:selected, label selection:disabled, + label selection:disabled:focus, label:disabled selection, entry selection:disabled, spinbutton:not(.vertical) selection:disabled, entry selection:disabled:focus, spinbutton:not(.vertical) selection:disabled:focus, + .entry selection:disabled, + .entry selection:disabled:focus, treeview entry:disabled:selected, treeview spinbutton:disabled:selected:not(.vertical), treeview entry.flat:disabled:focus:selected, treeview spinbutton.flat:disabled:focus:selected:not(.vertical), treeview notebook:not(.reorderable-page) > entry:disabled:focus:selected, treeview notebook:not(.reorderable-page) > spinbutton:disabled:focus:selected:not(.vertical), treeview + .entry:disabled:selected, treeview + .entry.flat:disabled:focus:selected, treeview .linked > entry:disabled:focus:selected:not(.flat), treeview .linked > spinbutton:disabled:focus:selected:not(.flat):not(.vertical), treeview .linked > .entry:disabled:focus:selected:not(.flat), treeview spinbutton entry:disabled:focus:selected, treeview spinbutton spinbutton:disabled:focus:selected:not(.vertical), treeview.view:disabled:selected, .tweak-category:disabled:selected, + treeview.view row:disabled:selected, + .tweak-category row:disabled:selected, paned treeview.view:disabled:selected, paned .tweak-category:disabled:selected, + paned treeview.view row:disabled:selected, + paned .tweak-category row:disabled:selected, row:disabled:selected, .sidebar treeview.view:disabled:selected, .sidebar .tweak-category:disabled:selected, + .sidebar treeview.view row:disabled:selected, + .sidebar .tweak-category row:disabled:selected, placessidebar row:selected:disabled label, GdMainView .view:disabled:hover:selected, GdMainView iconview:disabled:hover:selected, GdMainView .view:disabled:selected, GdMainView iconview:disabled:selected, GdMainView .view row.activatable:disabled:hover:selected, GdMainView iconview row.activatable:disabled:hover:selected, GdMainView .view .view:disabled:hover:selected, GdMainView iconview .view:disabled:hover:selected, GdMainView .view iconview:disabled:hover:selected, GdMainView iconview iconview:disabled:hover:selected, + GdMainView .view text:disabled:hover:selected, + .view GdMainView iconview text:disabled:hover:selected, + GdMainView iconview text:disabled:hover:selected, + GdMainView iconview textview text:disabled:hover:selected, + textview GdMainView iconview text:disabled:hover:selected, GdMainView treeview.view header button:disabled:hover:selected, treeview.view header GdMainView iconview button:disabled:hover:selected, GdMainView .view .tweak-category header button:disabled:hover:selected, .tweak-category header GdMainView .view button:disabled:hover:selected, GdMainView iconview .tweak-category header button:disabled:hover:selected, .tweak-category header GdMainView iconview button:disabled:hover:selected, GdMainView .view row.activatable:disabled:selected, GdMainView iconview row.activatable:disabled:selected, GdMainView .view .view:disabled:selected, GdMainView iconview .view:disabled:selected, GdMainView .view iconview:disabled:selected, GdMainView iconview iconview:disabled:selected, + GdMainView .view text:disabled:selected, + .view GdMainView iconview text:disabled:selected, + GdMainView iconview text:disabled:selected, + GdMainView iconview textview text:disabled:selected, + textview GdMainView iconview text:disabled:selected, GdMainView treeview.view header button:disabled:selected, treeview.view header GdMainView iconview button:disabled:selected, GdMainView .view .tweak-category header button:disabled:selected, .tweak-category header GdMainView .view button:disabled:selected, GdMainView iconview .tweak-category header button:disabled:selected, .tweak-category header GdMainView iconview button:disabled:selected, + .side-panel .view:disabled:hover:selected, + .side-panel iconview:disabled:hover:selected, + .side-panel .view:disabled:selected, + .side-panel iconview:disabled:selected, + .side-panel .view row.activatable:disabled:hover:selected, + .side-panel iconview row.activatable:disabled:hover:selected, + .side-panel .view .view:disabled:hover:selected, + .side-panel iconview .view:disabled:hover:selected, + .side-panel .view iconview:disabled:hover:selected, + .side-panel iconview iconview:disabled:hover:selected, + .side-panel .view text:disabled:hover:selected, + .view .side-panel iconview text:disabled:hover:selected, + .side-panel iconview text:disabled:hover:selected, + .side-panel iconview textview text:disabled:hover:selected, + textview .side-panel iconview text:disabled:hover:selected, + .side-panel treeview.view header button:disabled:hover:selected, + treeview.view header .side-panel iconview button:disabled:hover:selected, + .side-panel .view .tweak-category header button:disabled:hover:selected, + .tweak-category header .side-panel .view button:disabled:hover:selected, + .side-panel iconview .tweak-category header button:disabled:hover:selected, + .tweak-category header .side-panel iconview button:disabled:hover:selected, + .side-panel .view row.activatable:disabled:selected, + .side-panel iconview row.activatable:disabled:selected, + .side-panel .view .view:disabled:selected, + .side-panel iconview .view:disabled:selected, + .side-panel .view iconview:disabled:selected, + .side-panel iconview iconview:disabled:selected, + .side-panel .view text:disabled:selected, + .view .side-panel iconview text:disabled:selected, + .side-panel iconview text:disabled:selected, + .side-panel iconview textview text:disabled:selected, + textview .side-panel iconview text:disabled:selected, + .side-panel treeview.view header button:disabled:selected, + treeview.view header .side-panel iconview button:disabled:selected, + .side-panel .view .tweak-category header button:disabled:selected, + .tweak-category header .side-panel .view button:disabled:selected, + .side-panel iconview .tweak-category header button:disabled:selected, + .tweak-category header .side-panel iconview button:disabled:selected { + color: rgba(255, 255, 255, 0.4); } + label:backdrop:disabled:selected, row:selected label:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view:backdrop:disabled:selected:focus, iconview:backdrop:disabled:selected:focus, + .view text:backdrop:disabled:selected, + iconview text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, + .view text:backdrop:disabled:selected:focus, + iconview text:backdrop:disabled:selected:focus, + textview text:backdrop:disabled:selected:focus, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, .view text selection:backdrop:disabled:focus, iconview text selection:backdrop:disabled:focus, + textview text selection:backdrop:disabled, + textview text selection:backdrop:disabled:focus, flowbox flowboxchild:backdrop:disabled:selected, label selection:backdrop:disabled, + label selection:backdrop:disabled:focus, label:disabled selection:backdrop, entry selection:backdrop:disabled, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled:focus, spinbutton:not(.vertical) selection:backdrop:disabled:focus, + .entry selection:backdrop:disabled, + .entry selection:backdrop:disabled:focus, treeview entry:backdrop:disabled:selected, treeview spinbutton:backdrop:disabled:selected:not(.vertical), treeview entry.flat:backdrop:disabled:focus:selected, treeview spinbutton.flat:backdrop:disabled:focus:selected:not(.vertical), treeview notebook:not(.reorderable-page) > entry:backdrop:disabled:focus:selected, treeview notebook:not(.reorderable-page) > spinbutton:backdrop:disabled:focus:selected:not(.vertical), treeview + .entry:backdrop:disabled:selected, treeview + .entry.flat:backdrop:disabled:focus:selected, treeview .linked > entry:backdrop:disabled:focus:selected:not(.flat), treeview .linked > spinbutton:backdrop:disabled:focus:selected:not(.flat):not(.vertical), treeview .linked > .entry:backdrop:disabled:focus:selected:not(.flat), treeview spinbutton entry:backdrop:disabled:focus:selected, treeview spinbutton spinbutton:backdrop:disabled:focus:selected:not(.vertical), treeview.view:backdrop:disabled:selected, .tweak-category:backdrop:disabled:selected, + treeview.view row:backdrop:disabled:selected, + .tweak-category row:backdrop:disabled:selected, paned treeview.view:backdrop:disabled:selected, paned .tweak-category:backdrop:disabled:selected, + paned treeview.view row:backdrop:disabled:selected, + paned .tweak-category row:backdrop:disabled:selected, row:backdrop:disabled:selected, .sidebar treeview.view:backdrop:disabled:selected, .sidebar .tweak-category:backdrop:disabled:selected, + .sidebar treeview.view row:backdrop:disabled:selected, + .sidebar .tweak-category row:backdrop:disabled:selected, placessidebar row:selected:disabled label:backdrop, GdMainView .view:backdrop:disabled:hover:selected, GdMainView iconview:backdrop:disabled:hover:selected, GdMainView .view:backdrop:disabled:selected, GdMainView iconview:backdrop:disabled:selected, GdMainView .view row.activatable:backdrop:disabled:hover:selected, GdMainView iconview row.activatable:backdrop:disabled:hover:selected, GdMainView .view .view:backdrop:disabled:hover:selected, GdMainView iconview .view:backdrop:disabled:hover:selected, GdMainView .view iconview:backdrop:disabled:hover:selected, GdMainView iconview iconview:backdrop:disabled:hover:selected, + GdMainView .view text:backdrop:disabled:hover:selected, + GdMainView iconview text:backdrop:disabled:hover:selected, GdMainView treeview.view header button:backdrop:disabled:hover:selected, treeview.view header GdMainView iconview button:backdrop:disabled:hover:selected, GdMainView .view .tweak-category header button:backdrop:disabled:hover:selected, .tweak-category header GdMainView .view button:backdrop:disabled:hover:selected, GdMainView iconview .tweak-category header button:backdrop:disabled:hover:selected, .tweak-category header GdMainView iconview button:backdrop:disabled:hover:selected, GdMainView .view row.activatable:backdrop:disabled:selected, GdMainView iconview row.activatable:backdrop:disabled:selected, GdMainView .view .view:backdrop:disabled:selected, GdMainView iconview .view:backdrop:disabled:selected, GdMainView .view iconview:backdrop:disabled:selected, GdMainView iconview iconview:backdrop:disabled:selected, + GdMainView .view text:backdrop:disabled:selected, + GdMainView iconview text:backdrop:disabled:selected, GdMainView treeview.view header button:backdrop:disabled:selected, treeview.view header GdMainView iconview button:backdrop:disabled:selected, GdMainView .view .tweak-category header button:backdrop:disabled:selected, .tweak-category header GdMainView .view button:backdrop:disabled:selected, GdMainView iconview .tweak-category header button:backdrop:disabled:selected, .tweak-category header GdMainView iconview button:backdrop:disabled:selected, + .side-panel .view:backdrop:disabled:hover:selected, + .side-panel iconview:backdrop:disabled:hover:selected, + .side-panel .view:backdrop:disabled:selected, + .side-panel iconview:backdrop:disabled:selected, + .side-panel .view row.activatable:backdrop:disabled:hover:selected, + .side-panel iconview row.activatable:backdrop:disabled:hover:selected, + .side-panel .view .view:backdrop:disabled:hover:selected, + .side-panel iconview .view:backdrop:disabled:hover:selected, + .side-panel .view iconview:backdrop:disabled:hover:selected, + .side-panel iconview iconview:backdrop:disabled:hover:selected, + .side-panel .view text:backdrop:disabled:hover:selected, + .side-panel iconview text:backdrop:disabled:hover:selected, + .side-panel treeview.view header button:backdrop:disabled:hover:selected, + treeview.view header .side-panel iconview button:backdrop:disabled:hover:selected, + .side-panel .view .tweak-category header button:backdrop:disabled:hover:selected, + .tweak-category header .side-panel .view button:backdrop:disabled:hover:selected, + .side-panel iconview .tweak-category header button:backdrop:disabled:hover:selected, + .tweak-category header .side-panel iconview button:backdrop:disabled:hover:selected, + .side-panel .view row.activatable:backdrop:disabled:selected, + .side-panel iconview row.activatable:backdrop:disabled:selected, + .side-panel .view .view:backdrop:disabled:selected, + .side-panel iconview .view:backdrop:disabled:selected, + .side-panel .view iconview:backdrop:disabled:selected, + .side-panel iconview iconview:backdrop:disabled:selected, + .side-panel .view text:backdrop:disabled:selected, + .side-panel iconview text:backdrop:disabled:selected, + .side-panel treeview.view header button:backdrop:disabled:selected, + treeview.view header .side-panel iconview button:backdrop:disabled:selected, + .side-panel .view .tweak-category header button:backdrop:disabled:selected, + .tweak-category header .side-panel .view button:backdrop:disabled:selected, + .side-panel iconview .tweak-category header button:backdrop:disabled:selected, + .tweak-category header .side-panel iconview button:backdrop:disabled:selected { + color: rgba(255, 255, 255, 0.4); } + +.monospace { + font-family: Monospace; } + +/********************** + * Touch Copy & Paste * + *********************/ +cursor-handle { + background-color: #00E676; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); + padding-left: 10px; } + cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); } + cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); + padding-left: 10px; } + cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); } + cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); + padding-left: 10px; } + cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } + +.context-menu { + font: initial; } + +popover.touch-selection { + font: initial; + color: #263238; + background-color: #FFFFFF; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + popover.touch-selection:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; } + button.circular label { + padding: 0; } + +.keycap { + min-width: 1.50376rem; + min-height: 1.95489rem; + margin-top: 0.20301rem; + margin-bottom: 0.24812rem; + padding: 0 0.45113rem; + border: none; + border-radius: 2px; + color: #263238; + background-color: #FFFFFF; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); + font-size: 90%; + font-weight: 500; } + +*:drop(active):focus, +*:drop(active) { + border-color: #E8E8E8; + box-shadow: inset 0 0 0 1px #E8E8E8; + caret-color: #E8E8E8; } + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 2.80451rem; + min-height: 2.80451rem; + padding: 0; } + +box > scrolledwindow undershoot.top, box > placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(250, 251, 252, 0.01), rgba(250, 251, 252, 0.04), rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.44), rgba(250, 251, 252, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +box > scrolledwindow undershoot.bottom, box > placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(250, 251, 252, 0.01), rgba(250, 251, 252, 0.04), rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.44), rgba(250, 251, 252, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +box > scrolledwindow undershoot.left, box > placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(250, 251, 252, 0.01), rgba(250, 251, 252, 0.04), rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.44), rgba(250, 251, 252, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +box > scrolledwindow undershoot.right, box > placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(250, 251, 252, 0.01), rgba(250, 251, 252, 0.04), rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.44), rgba(250, 251, 252, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } +placessidebar undershoot.top, .sidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +placessidebar undershoot.bottom, .sidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +placessidebar undershoot.left, .sidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +placessidebar undershoot.right, .sidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +/*************** + * Gnome panel * + ***************/ +panel-toplevel.background { + background-color: #FFFFFF; } + +panel-plug, +panel-toplevel > grid.horizontal > widget > widget { + color: #BBBBBB; + background-color: #FFFFFF; + box-shadow: none; } + +.gnome-panel-menu-bar, +panel-applet > menubar, +#clock-applet-button { + font-weight: 700; + color: #BBBBBB; + background-color: transparent; + box-shadow: none; } + .gnome-panel-menu-bar label:backdrop, .gnome-panel-menu-bar:backdrop, + panel-applet > menubar label:backdrop, + panel-applet > menubar:backdrop, + #clock-applet-button label:backdrop, + #clock-applet-button:backdrop { + opacity: 1.0; } + +.gnome-panel-menu-bar, +panel-applet menubar { + box-shadow: none; } + .gnome-panel-menu-bar menuitem, + panel-applet menubar menuitem { + color: #BBBBBB; + background-color: transparent; } + .gnome-panel-menu-bar menuitem:hover, + panel-applet menubar menuitem:hover { + color: #ECEFF1; + box-shadow: inset 0 -2px #E8E8E8; } + .gnome-panel-menu-bar menuitem:backdrop, + panel-applet menubar menuitem:backdrop { + opacity: 1.0; } + .gnome-panel-menu-bar menu, + panel-applet menubar menu { + font: regular; } + .gnome-panel-menu-bar menu menuitem, + panel-applet menubar menu menuitem { + color: rgba(38, 50, 56, 0.75); + background-color: #FFFFFF; } + .gnome-panel-menu-bar menu menuitem:hover, + panel-applet menubar menu menuitem:hover { + color: #263238; + background-color: alpha(currentColor, 0.1); + box-shadow: none; } + .gnome-panel-menu-bar menu menuitem:backdrop, + panel-applet menubar menu menuitem:backdrop { + opacity: 1.0; } + .gnome-panel-menu-bar menu separator, + panel-applet menubar menu separator { + color: rgba(0, 0, 0, 0.09); } + +#tasklist-button, +#clock-applet-button, +#showdesktop-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + padding: 0px 0.30075rem; + border: none; + border-radius: 0; + color: #BBBBBB; + background-color: transparent; + font-weight: 700; } + #tasklist-button:hover, + #clock-applet-button:hover, + #showdesktop-button:hover { + color: #ECEFF1; + background-color: transparent; + box-shadow: inset 0 -2px alpha(currentColor, 0.2); } + #tasklist-button:checked, #tasklist-button:hover:checked, #tasklist-button:disabled:checked, + #clock-applet-button:checked, + #clock-applet-button:hover:checked, + #clock-applet-button:disabled:checked, + #showdesktop-button:checked, + #showdesktop-button:hover:checked, + #showdesktop-button:disabled:checked { + color: #ECEFF1; + background-color: transparent; + box-shadow: inset 0 -2px #E8E8E8; } + #tasklist-button label:backdrop, #tasklist-button:backdrop, + #clock-applet-button label:backdrop, + #clock-applet-button:backdrop, + #showdesktop-button label:backdrop, + #showdesktop-button:backdrop { + opacity: 1.0; } + +widget > menubar { + background-color: transparent; + background-image: linear-gradient(to bottom, #FFFFFF); + box-shadow: none; } + +wnck-pager:selected { + box-shadow: inset 0 -2px #E8E8E8; } +wnck-pager:backdrop { + opacity: 1.0; } + +na-tray-applet { + -NaTrayApplet-icon-padding: 2; + -NaTrayApplet-icon-size: 16; } + na-tray-applet:backdrop { + opacity: 1.0; } + +gp-arrow-button { + min-width: 1.50376rem; + min-height: 0; + border: 1px solid transparent; + background-image: none; + color: #BBBBBB; + margin: 0.15038rem; } + gp-arrow-button:hover, gp-arrow-button:active { + color: #ECEFF1; } + +sn-button { + padding: 0.30075rem; } + +/************** + * Tweak-tool * + **************/ +.tweak-categories { + background-color: #FFFFFF; + color: rgba(38, 50, 56, 0.75); } + .tweak-categories:dir(ltr) { + box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); } + .tweak-categories:dir(rtl) { + box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); } + .tweak-categories separator, + .tweak-categories .separator { + min-height: 0; + border-color: transparent; + background-color: transparent; + color: transparent; } + +.tweak-category { + border: none; + color: rgba(38, 50, 56, 0.75); + background-color: transparent; + font-weight: 500; } + .tweak-category:hover { + color: #263238; } + .tweak-category:selected { + color: #E8E8E8; + background-color: transparent; } + .tweak-category:selected label { + color: #E8E8E8; } + +.tweak-group { + padding: 6px; + background-color: #FFFFFF; } + +.tweak { + background-color: #FFFFFF; } + .tweak:hover { + background-color: transparent; } + +.tweak-group-white, +.tweak-white { + background-color: #FFFFFF; } + +/******************* + * Gnome-Flashback * + *******************/ +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid { + border-radius: 2px; + border: 1px solid rgba(0, 0, 0, 0.09); + background-color: rgba(42, 55, 62, 0.9); + color: #ECEFF1; } + +#gf-input-source { + min-width: 9.02256rem; + min-height: 9.02256rem; + color: #ECEFF1; + font-size: 1.80451rem; + font-weight: 400; } + #gf-input-source:selected { + border-radius: 2px; + background-color: alpha(currentColor, 0.2); + color: #E8E8E8; } + +#gf-candidate-popup, #gf-candidate-popup.solid { + border-radius: 2px; + border: 1px solid rgba(0, 0, 0, 0.09); + background-color: rgba(42, 55, 62, 0.9); + color: #ECEFF1; } +#gf-candidate-popup gf-candidate-box { + transition: none; } + #gf-candidate-popup gf-candidate-box label { + padding: 0.20301rem 0.20301rem 0.30075rem; } + #gf-candidate-popup gf-candidate-box:last-child { + padding-left: 0; } + #gf-candidate-popup gf-candidate-box:hover, #gf-candidate-popup gf-candidate-box:selected { + border-radius: 0; + background-color: alpha(currentColor, 0.2); + color: #FFFFFF; } +#gf-candidate-popup button, #gf-candidate-popup button:first-child, #gf-candidate-popup button:last-child, +#gf-candidate-popup .linked > button, +#gf-candidate-popup .linked > button:first-child, +#gf-candidate-popup .linked > button:last-child { + border-radius: 0; + border: none; + background-color: transparent; + color: #E8E8E8; + box-shadow: none; } + +/************ + * Nautilus * + ************/ +.nautilus-desktop-window, +.nautilus-desktop-window notebook, +.nautilus-desktop-window notebook > stack { + background: transparent; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #FFFFFF; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-circular-button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + +.disk-space-display { + border: 0 none transparent; } + .disk-space-display.free { + background-color: alpha(currentColor, 0.2); + color: rgba(38, 50, 56, 0.3); } + .disk-space-display.used { + background-color: #E8E8E8; } + .disk-space-display.unknown { + background-color: #FF9800; } + +/********* + * Geary * + *********/ +.geary-titlebar-left separator { + opacity: 0; } + +.geary-titlebar-right { + box-shadow: none; } + +/************ + * Epiphany * + ************/ +EphyWindow .nautilus-window .floating-bar { + color: rgba(38, 50, 56, 0.75); } + +/************ + * Seahorse * + ************/ +SeahorseWidget .sidebar paned separator { + border: none; } + +window paned > box.vertical > box.vertical > toolbar.primary-toolbar { + box-shadow: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.09); } + +/********** + * Polari * + **********/ +.polari-room-list row { + font-weight: 700; } + .polari-room-list row:not(:hover):not(:active):not(:selected) label, + .polari-room-list row:not(:hover):not(:active):not(:selected) image { + opacity: 1.0; } + .polari-room-list row.inactive:not(:hover):not(:active):not(:selected) label, + .polari-room-list row.inactive:not(:hover):not(:active):not(:selected) image { + opacity: 0.65; } + +.polari-nick-entry { + border-image: none; + font-weight: 700; } + +.sidebar row.activatable.inactive, .sidebar .inactive.view, .sidebar iconview.inactive, +.sidebar .view text.inactive, +.view .sidebar text.inactive, +.sidebar iconview text.inactive, +iconview .sidebar text.inactive, +.sidebar textview text.inactive, +textview .sidebar text.inactive, .sidebar treeview.view header button.inactive, treeview.view header .sidebar button.inactive, .sidebar .tweak-category header button.inactive, .tweak-category header .sidebar button.inactive { + color: rgba(38, 50, 56, 0.75); + background-color: transparent; + font-weight: 500; } + .sidebar row.activatable.inactive:hover, .sidebar .inactive.view:hover, .sidebar iconview.inactive:hover, + .sidebar .view text.inactive:hover, + .view .sidebar text.inactive:hover, + .sidebar iconview text.inactive:hover, + iconview .sidebar text.inactive:hover, + .sidebar textview text.inactive:hover, + textview .sidebar text.inactive:hover, .sidebar treeview.view header button.inactive:hover, treeview.view header .sidebar button.inactive:hover, .sidebar .tweak-category header button.inactive:hover, .tweak-category header .sidebar button.inactive:hover { + color: #263238; } + .sidebar row.activatable.inactive:selected, .sidebar .inactive.view:selected, .sidebar iconview.inactive:selected, + .sidebar .view text.inactive:selected, + .view .sidebar text.inactive:selected, + .sidebar iconview text.inactive:selected, + iconview .sidebar text.inactive:selected, + .sidebar textview text.inactive:selected, + textview .sidebar text.inactive:selected, .sidebar treeview.view header button.inactive:selected, treeview.view header .sidebar button.inactive:selected, .sidebar .tweak-category header button.inactive:selected, .tweak-category header .sidebar button.inactive:selected { + color: #FFFFFF; + background-color: #E8E8E8; } + +box > headerbar > label.polari-titlebar-separator { + min-width: 0; + border: none; + opacity: 0; } + +/************* + * RhythmBox * + *************/ +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px #E5E9EC, inset 0 2px 2px rgba(0, 0, 0, 0.05), inset -2px 0 2px -2px rgba(0, 0, 0, 0.03), inset -3px 0 3px -2px rgba(0, 0, 0, 0.03); } + .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar:dir(rtl) { + box-shadow: inset 0 1px #E5E9EC, inset 0 2px 2px rgba(0, 0, 0, 0.05), inset 2px 0 2px -2px rgba(0, 0, 0, 0.03), inset 3px 0 3px -2px rgba(0, 0, 0, 0.03); } + +.sidebar-paned scrolledwindow:dir(ltr), .sidebar-paned placessidebar:dir(ltr) { + box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); } +.sidebar-paned scrolledwindow:dir(rtl), .sidebar-paned placessidebar:dir(rtl) { + box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); } +.sidebar-paned .sidebar { + background-color: rgba(12, 18, 0, 0.01); } + +window > box.vertical > box.vertical > toolbar.horizontal { + box-shadow: none; } + +window > box.vertical > box.vertical > toolbar .linked > button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + +/************** + * Calculator * + **************/ +window > grid.vertical > box.vertical > widget button { + min-width: 1rem; + min-height: 1rem; + padding: 0.75em 1em 0.75em; + border: 0.75em solid transparent; + border-radius: 2px; + font-weight: 700; } + window > grid.vertical > box.vertical > widget button.suggested-action { + color: transparent; + font-size: 0; } + window > grid.vertical > box.vertical > widget button.suggested-action { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #FFFFFF; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal.png"), url("assets/equal@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + window > grid.vertical > box.vertical > widget button.suggested-action:hover { + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-hover.png"), url("assets/equal-hover@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + window > grid.vertical > box.vertical > widget button.suggested-action:active { + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-active.png"), url("assets/equal-active@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + window > grid.vertical > box.vertical > widget button.suggested-action:disabled { + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-insensitive.png"), url("assets/equal-insensitive@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + +/********* + * Gedit * + *********/ +GeditViewFrame .gedit-search-slider { + padding: 3px; + border-radius: 2px; + border-width: 9px; + border-image: -gtk-scaled(url("assets/osd-shadow.png"), url("assets/osd-shadow@2.png")) 10/10px stretch; + color: #ECEFF1; + opacity: 0.9; } + GeditViewFrame .gedit-search-slider entry, GeditViewFrame .gedit-search-slider spinbutton:not(.vertical), GeditViewFrame .gedit-search-slider entry.error, GeditViewFrame .gedit-search-slider spinbutton.error:not(.vertical), GeditViewFrame .gedit-search-slider entry.warning, GeditViewFrame .gedit-search-slider spinbutton.warning:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry, + GeditViewFrame .gedit-search-slider .linked > spinbutton:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.error, + GeditViewFrame .gedit-search-slider .linked > spinbutton.error:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.warning, + GeditViewFrame .gedit-search-slider .linked > spinbutton.warning:not(.vertical) { + color: #ECEFF1; } + GeditViewFrame .gedit-search-slider entry:focus, GeditViewFrame .gedit-search-slider spinbutton:focus:not(.vertical), GeditViewFrame .gedit-search-slider entry.error:focus, GeditViewFrame .gedit-search-slider spinbutton.error:focus:not(.vertical), GeditViewFrame .gedit-search-slider entry.warning:focus, GeditViewFrame .gedit-search-slider spinbutton.warning:focus:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry:focus, + GeditViewFrame .gedit-search-slider .linked > spinbutton:focus:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.error:focus, + GeditViewFrame .gedit-search-slider .linked > spinbutton.error:focus:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.warning:focus, + GeditViewFrame .gedit-search-slider .linked > spinbutton.warning:focus:not(.vertical) { + color: #FFFFFF; } + GeditViewFrame .gedit-search-slider entry:disabled, GeditViewFrame .gedit-search-slider spinbutton:disabled:not(.vertical), GeditViewFrame .gedit-search-slider entry.error:disabled, GeditViewFrame .gedit-search-slider spinbutton.error:disabled:not(.vertical), GeditViewFrame .gedit-search-slider entry.warning:disabled, GeditViewFrame .gedit-search-slider spinbutton.warning:disabled:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry:disabled, + GeditViewFrame .gedit-search-slider .linked > spinbutton:disabled:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.error:disabled, + GeditViewFrame .gedit-search-slider .linked > spinbutton.error:disabled:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.warning:disabled, + GeditViewFrame .gedit-search-slider .linked > spinbutton.warning:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.3); } + +paned.titlebar.horizontal headerbar button.flat.toggle.popup, paned.titlebar.horizontal headerbar button.toggle.popup.osd.image-button, +paned.titlebar.horizontal headerbar .toggle.popup.button.osd.image-button, +paned.titlebar.horizontal headerbar button.toggle.popup:not(.suggested-action):not(.destructive-action), paned.titlebar.horizontal headerbar .menu > arrow.toggle.popup, +paned.titlebar.horizontal headerbar .context-menu > arrow.toggle.popup, +paned.titlebar.horizontal headerbar menu > arrow.toggle.popup, paned.titlebar.horizontal headerbar placessidebar row button.toggle.popup.image-button, placessidebar row paned.titlebar.horizontal headerbar button.toggle.popup.image-button, paned.titlebar.horizontal .csd headerbar button.toggle.popup.titlebutton, +.csd paned.titlebar.horizontal headerbar button.toggle.popup.titlebutton, +paned.titlebar.horizontal headerbar .csd .titlebar.selection-mode button.toggle.popup.titlebutton, paned.titlebar.horizontal headerbar #gf-candidate-popup button.toggle.popup, #gf-candidate-popup paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar window > grid.vertical > box.vertical > widget button.toggle.popup, window > grid.vertical > box.vertical > widget paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar layouttabbar button.toggle.popup, layouttabbar paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar layouttab button.toggle.popup, layouttab paned.titlebar.horizontal headerbar button.toggle.popup { + border-radius: 2px; + -gtk-outline-radius: 2px; } + +notebook grid.horizontal > widget > box.horizontal > scrolledwindow undershoot.top, notebook grid.horizontal > widget > box.horizontal > placessidebar undershoot.top, notebook grid.horizontal > widget > box.horizontal > scrolledwindow undershoot.bottom, notebook grid.horizontal > widget > box.horizontal > placessidebar undershoot.bottom, notebook grid.horizontal > widget > box.horizontal > scrolledwindow undershoot.left, notebook grid.horizontal > widget > box.horizontal > placessidebar undershoot.left, notebook grid.horizontal > widget > box.horizontal > scrolledwindow undershoot.right, notebook grid.horizontal > widget > box.horizontal > placessidebar undershoot.right { + background-image: none; } + +/*********** + * Builder * + ***********/ +filechooser actionbar button.combo { + padding: 0; } + +frame.gb-search-frame { + background-image: linear-gradient(to bottom, #FFFFFF); + padding: 0.45113rem; + border-style: solid; + border-color: rgba(0, 0, 0, 0.09); + border-left-width: 1px; + border-right-width: 1px; + border-bottom-width: 1px; + border-radius: 0; } + +frame.gb-search-frame border { + border: none; } + +.gb-search-entry-occurrences-tag { + color: rgba(38, 50, 56, 0.3); + margin: 0.15038rem; + padding: 0.15038rem; + border-width: 0; } + +editortweak button { + padding: 0 0.45113rem 0 0.45113rem; } + +editortweak list row { + padding: 0; } + +layouttabbar > box { + min-height: 2.93233rem; } + +eggsearchbar > revealer > box { + min-height: 2.93233rem; } + +eggsearchbar entry, eggsearchbar spinbutton:not(.vertical) { + min-height: 1.80451rem; } + +pillbox { + border-radius: 2px; } + +genesisperspective stack > box:first-child list row { + padding: 0.75188rem; + border-bottom: 1px solid #E5E9EC; } + genesisperspective stack > box:first-child list row:last-child { + border-bottom: none; } + +perspectiveswitcher { + padding: 0 0.30075rem; + border-right: 1px solid #E5E9EC; + background-color: #FFFFFF; } + perspectiveswitcher button { + padding: 0.45113rem; + border-radius: 100px; + border: none; + background: none; + color: rgba(38, 50, 56, 0.5); + box-shadow: none; } + perspectiveswitcher button image { + opacity: 0.55; } + perspectiveswitcher button:hover { + background: none; } + perspectiveswitcher button:hover image { + opacity: 0.75; } + perspectiveswitcher button:active, perspectiveswitcher button:checked { + background: none; } + perspectiveswitcher button:active image, perspectiveswitcher button:checked image { + opacity: 1.0; } + +layouttabbar { + min-height: 2.80451rem; + padding: 0.3985rem; + border-bottom: 1px solid #E5E9EC; + background-color: #FFFFFF; } + layouttabbar > box > button { + opacity: 0.55; } + layouttabbar > box > button:hover { + opacity: 0.75; } + layouttabbar > box > button:active { + opacity: 1.0; } + layouttabbar button { + padding: 0.30075rem 0.3985rem 0.3985rem; + margin: 0.20301rem; + border-radius: 2px; + background-color: transparent; } + +layouttab { + margin: 0.20301rem; + padding: 0.3985rem; + background-color: transparent; } + layouttab label { + padding: 0.30075rem; } + layouttab separator.vertical { + margin: 0.20301rem; + color: transparent; + background-color: rgba(0, 0, 0, 0.09); } + layouttab button { + margin: 0.20301rem; + border-radius: 2px; + padding-left: 0.3985rem; + padding-right: 0.3985rem; } + +layouttab > box > button:last-child { + min-height: 1rem; + min-width: 1rem; + padding: 0.50376rem; + border-radius: 100px; + -gtk-outline-radius: 100px; + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } + layouttab > box > button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } + layouttab > box > button:last-child:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + layouttab > box > button:last-child:disabled { + box-shadow: none; + background-color: transparent; } +layouttab > box > button:last-child image { + opacity: 0.55; } +layouttab > box > button:last-child:hover image { + opacity: 0.75; } +layouttab > box > button:last-child:active image { + opacity: 1.0; } + +layout { + border: 1px solid #E5E9EC; + -PnlDockBin-handle-size: 1; } + +eggsearchbar box.search-bar { + background-color: #FFFFFF; } + +pillbox { + background-color: #FFFFFF; + border-radius: 2px; } + +docktabstrip, +tabstrip { + min-height: 2.60902rem; + padding: 0.3985rem 1.20301rem; + border-bottom: 1px solid #E5E9EC; + background-color: #FFFFFF; } + docktabstrip docktab, + docktabstrip tab, + tabstrip docktab, + tabstrip tab { + color: rgba(38, 50, 56, 0.5); + font-weight: 700; + box-shadow: inset 0 -1px alpha(currentColor, 0.2); } + docktabstrip docktab:hover, + docktabstrip tab:hover, + tabstrip docktab:hover, + tabstrip tab:hover { + color: #263238; + box-shadow: inset 0 -2px alpha(currentColor, 0.2); } + docktabstrip docktab:checked, + docktabstrip tab:checked, + tabstrip docktab:checked, + tabstrip tab:checked { + color: #263238; + box-shadow: inset 0 -2px #E8E8E8; } + +layoutstack widget scrolledwindow undershoot.top, layoutstack widget placessidebar undershoot.top, layoutstack widget scrolledwindow undershoot.bottom, layoutstack widget placessidebar undershoot.bottom, layoutstack widget scrolledwindow undershoot.left, layoutstack widget placessidebar undershoot.left, layoutstack widget scrolledwindow undershoot.right, layoutstack widget placessidebar undershoot.right { + background-image: none; } + +/*************** + * Gnome-music * + ***************/ +GdMainView:dir(ltr), +.side-panel:dir(ltr) { + border-right: 1px solid rgba(0, 0, 0, 0.09); } +GdMainView:dir(rtl), +.side-panel:dir(rtl) { + border-left: 1px solid rgba(0, 0, 0, 0.09); } +GdMainView .view, GdMainView iconview, +.side-panel .view, +.side-panel iconview { + background-color: #FFFFFF; + box-shadow: none; } + GdMainView .view, GdMainView iconview, GdMainView .view row.activatable, GdMainView iconview row.activatable, GdMainView .view .view, GdMainView iconview .view, GdMainView .view iconview, GdMainView iconview iconview, + GdMainView .view text, + GdMainView iconview .view text, + .view GdMainView iconview text, + GdMainView .view iconview text, + iconview GdMainView .view text, + GdMainView iconview text, + GdMainView .view textview text, + textview GdMainView .view text, + GdMainView iconview textview text, + textview GdMainView iconview text, GdMainView treeview.view header button, GdMainView iconview treeview.view header button, treeview.view header GdMainView iconview button, GdMainView .view .tweak-category header button, .tweak-category header GdMainView .view button, GdMainView iconview .tweak-category header button, .tweak-category header GdMainView iconview button, + .side-panel .view, + .side-panel iconview, + .side-panel .view row.activatable, + .side-panel iconview row.activatable, + .side-panel .view .view, + .side-panel iconview .view, + .side-panel .view iconview, + .side-panel iconview iconview, + .side-panel .view text, + .side-panel iconview .view text, + .view .side-panel iconview text, + .side-panel .view iconview text, + iconview .side-panel .view text, + .side-panel iconview text, + .side-panel .view textview text, + textview .side-panel .view text, + .side-panel iconview textview text, + textview .side-panel iconview text, + .side-panel treeview.view header button, + .side-panel iconview treeview.view header button, + treeview.view header .side-panel iconview button, + .side-panel .view .tweak-category header button, + .tweak-category header .side-panel .view button, + .side-panel iconview .tweak-category header button, + .tweak-category header .side-panel iconview button { + padding: 0; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); + font-weight: 500; + box-shadow: none; } + GdMainView .view:hover, GdMainView iconview:hover, GdMainView .view row.activatable:hover, GdMainView iconview row.activatable:hover, GdMainView .view .view:hover, GdMainView iconview .view:hover, GdMainView .view iconview:hover, GdMainView iconview iconview:hover, + GdMainView .view text:hover, + GdMainView iconview .view text:hover, + .view GdMainView iconview text:hover, + GdMainView .view iconview text:hover, + iconview GdMainView .view text:hover, + GdMainView iconview text:hover, + GdMainView .view textview text:hover, + textview GdMainView .view text:hover, + GdMainView iconview textview text:hover, + textview GdMainView iconview text:hover, GdMainView treeview.view header button:hover, GdMainView iconview treeview.view header button:hover, treeview.view header GdMainView iconview button:hover, GdMainView .view .tweak-category header button:hover, .tweak-category header GdMainView .view button:hover, GdMainView iconview .tweak-category header button:hover, .tweak-category header GdMainView iconview button:hover, + .side-panel .view:hover, + .side-panel iconview:hover, + .side-panel .view row.activatable:hover, + .side-panel iconview row.activatable:hover, + .side-panel .view .view:hover, + .side-panel iconview .view:hover, + .side-panel .view iconview:hover, + .side-panel iconview iconview:hover, + .side-panel .view text:hover, + .side-panel iconview .view text:hover, + .view .side-panel iconview text:hover, + .side-panel .view iconview text:hover, + iconview .side-panel .view text:hover, + .side-panel iconview text:hover, + .side-panel .view textview text:hover, + textview .side-panel .view text:hover, + .side-panel iconview textview text:hover, + textview .side-panel iconview text:hover, + .side-panel treeview.view header button:hover, + .side-panel iconview treeview.view header button:hover, + treeview.view header .side-panel iconview button:hover, + .side-panel .view .tweak-category header button:hover, + .tweak-category header .side-panel .view button:hover, + .side-panel iconview .tweak-category header button:hover, + .tweak-category header .side-panel iconview button:hover { + color: #263238; } + +actionbar { + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } + actionbar, actionbar.frame { + background-color: #FFFFFF; } + actionbar button, + actionbar .linked > button.image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + border-radius: 100px; + -gtk-outline-radius: 100px; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: rgba(38, 50, 56, 0.75); + box-shadow: none; } + actionbar button:hover, + actionbar .linked > button.image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + border-image: none; + color: #263238; + box-shadow: none; } + actionbar button:checked, + actionbar .linked > button.image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #263238; + box-shadow: none; } + actionbar button:checked:disabled, + actionbar .linked > button.image-button:checked:disabled { + border-image: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); + box-shadow: none; } + actionbar button:checked:disabled > label, + actionbar .linked > button.image-button:checked:disabled > label { + color: inherit; } + actionbar button:checked:disabled > .label, + actionbar .linked > button.image-button:checked:disabled > .label { + color: inherit; } + actionbar button:disabled, + actionbar .linked > button.image-button:disabled { + box-shadow: none; + background-color: transparent; + border-image: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.225); + box-shadow: none; } + +/****************** + * Gnome-contacts * + ******************/ +window overlay > grid > frame > grid toolbar { + box-shadow: none; } +window overlay > grid > frame > grid list:dir(ltr) { + box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); } +window overlay > grid > frame > grid list:dir(rtl) { + box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); } +window overlay > grid > frame > grid list row { + color: rgba(38, 50, 56, 0.75); + background-color: rgba(12, 18, 0, 0.01); } + window overlay > grid > frame > grid list row:hover { + color: #263238; } + window overlay > grid > frame > grid list row:selected, window overlay > grid > frame > grid list row:selected.activatable, window overlay > grid > frame > grid list .view:selected, window overlay > grid > frame > grid list iconview:selected, + window overlay > grid > frame > grid list .view text:selected, + .view window overlay > grid > frame > grid list text:selected, + window overlay > grid > frame > grid list iconview text:selected, + iconview window overlay > grid > frame > grid list text:selected, + window overlay > grid > frame > grid list textview text:selected, + textview window overlay > grid > frame > grid list text:selected, window overlay > grid > frame > grid list treeview.view header button:selected, treeview.view header window overlay > grid > frame > grid list button:selected, window overlay > grid > frame > grid list .tweak-category header button:selected, .tweak-category header window overlay > grid > frame > grid list button:selected { + background-color: rgba(12, 18, 0, 0.01); } + window overlay > grid > frame > grid list row:selected, window overlay > grid > frame > grid list row:selected label, window overlay > grid > frame > grid list row:selected.activatable, window overlay > grid > frame > grid list .view:selected, window overlay > grid > frame > grid list iconview:selected, + window overlay > grid > frame > grid list .view text:selected, + .view window overlay > grid > frame > grid list text:selected, + window overlay > grid > frame > grid list iconview text:selected, + iconview window overlay > grid > frame > grid list text:selected, + window overlay > grid > frame > grid list textview text:selected, + textview window overlay > grid > frame > grid list text:selected, window overlay > grid > frame > grid list treeview.view header button:selected, treeview.view header window overlay > grid > frame > grid list button:selected, window overlay > grid > frame > grid list .tweak-category header button:selected, .tweak-category header window overlay > grid > frame > grid list button:selected, window overlay > grid > frame > grid list row:selected.activatable label, window overlay > grid > frame > grid list .view:selected label, window overlay > grid > frame > grid list iconview:selected label, + window overlay > grid > frame > grid list .view text:selected label, + .view window overlay > grid > frame > grid list text:selected label, + window overlay > grid > frame > grid list iconview text:selected label, + iconview window overlay > grid > frame > grid list text:selected label, + window overlay > grid > frame > grid list textview text:selected label, + textview window overlay > grid > frame > grid list text:selected label, window overlay > grid > frame > grid list treeview.view header button:selected label, treeview.view header window overlay > grid > frame > grid list button:selected label, window overlay > grid > frame > grid list .tweak-category header button:selected label, .tweak-category header window overlay > grid > frame > grid list button:selected label { + color: #E8E8E8; } + window overlay > grid > frame > grid list row:backdrop { + opacity: 1.0; } +window overlay > grid > frame > grid list separator { + min-height: 0; + border-color: transparent; + background-color: transparent; + color: transparent; } +window overlay > grid > frame > grid scrolledwindow undershoot.top, window overlay > grid > frame > grid placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +window overlay > grid > frame > grid scrolledwindow undershoot.bottom, window overlay > grid > frame > grid placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +window overlay > grid > frame > grid scrolledwindow undershoot.left, window overlay > grid > frame > grid placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +window overlay > grid > frame > grid scrolledwindow undershoot.right, window overlay > grid > frame > grid placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +/********** + * Baobab * + **********/ +window > box.vertical > grid.vertical > stack stack > spinner { + min-width: 1.80451rem; + min-height: 1.80451rem; + padding: 4rem 6rem 4rem; } + +/********** + * Evince * + **********/ +window.background { + padding: 0.3985rem; } + window.background > box.vertical > box.horizontal > widget > label { + color: #263238; + font-weight: 700; } + window.background > box.vertical > box.horizontal > button.flat:not(.image-button):not(.text-button):not(.toggle), window.background > box.vertical > box.horizontal > button.osd.image-button:not(.image-button):not(.text-button):not(.toggle), + window.background > box.vertical > box.horizontal > .button.osd.image-button:not(.image-button):not(.text-button):not(.toggle), .titlebar window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle):not(.suggested-action):not(.destructive-action), + headerbar window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle):not(.suggested-action):not(.destructive-action), window.background > box.vertical > box.menu.horizontal > arrow:not(.image-button):not(.text-button):not(.toggle), + window.background > box.vertical > box.context-menu.horizontal > arrow:not(.image-button):not(.text-button):not(.toggle), placessidebar row window.background > box.vertical > box.horizontal > button.image-button:not(.image-button):not(.text-button):not(.toggle), .csd headerbar window.background > box.vertical > box.horizontal > button.titlebutton:not(.image-button):not(.text-button):not(.toggle), + .csd .titlebar window.background > box.vertical > box.horizontal > button.titlebutton:not(.image-button):not(.text-button):not(.toggle), #gf-candidate-popup window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), window > grid.vertical > box.vertical > widget window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), layouttabbar window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), layouttab window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle) { + min-width: 1rem; + min-height: 1rem; + padding: 0.80451rem; + border: none; + border-radius: 100px; + -gtk-outline-radius: 100px; + color: #263238; } + +/************** + * Gnome-Logs * + **************/ +headerbar > button.flat.popup.title-menu-button.toggle, headerbar > button.popup.title-menu-button.toggle.osd.image-button, +headerbar > .popup.title-menu-button.toggle.button.osd.image-button, .titlebar headerbar > button.popup.title-menu-button.toggle:not(.suggested-action):not(.destructive-action), +headerbar > button.popup.title-menu-button.toggle:not(.suggested-action):not(.destructive-action), headerbar.menu > arrow.popup.title-menu-button.toggle, +headerbar.context-menu > arrow.popup.title-menu-button.toggle, placessidebar row headerbar > button.popup.title-menu-button.toggle.image-button, .csd headerbar > button.popup.title-menu-button.toggle.titlebutton, .csd headerbar.selection-mode headerbar > button.popup.title-menu-button.toggle.titlebutton, +.csd .titlebar headerbar > button.popup.title-menu-button.toggle.titlebutton, #gf-candidate-popup headerbar > button.popup.title-menu-button.toggle, window > grid.vertical > box.vertical > widget headerbar > button.popup.title-menu-button.toggle, layouttabbar headerbar > button.popup.title-menu-button.toggle, layouttab headerbar > button.popup.title-menu-button.toggle { + border-radius: 2px; + -gtk-outline-radius: 2px; } + headerbar > button.flat.popup.title-menu-button.toggle > grid .title, headerbar > button.popup.title-menu-button.toggle.osd.image-button > grid .title, + headerbar > .popup.title-menu-button.toggle.button.osd.image-button > grid .title, + headerbar > button.popup.title-menu-button.toggle:not(.suggested-action):not(.destructive-action) > grid .title, headerbar.menu > arrow.popup.title-menu-button.toggle > grid .title, + headerbar.context-menu > arrow.popup.title-menu-button.toggle > grid .title, placessidebar row headerbar > button.popup.title-menu-button.toggle.image-button > grid .title, .csd headerbar > button.popup.title-menu-button.toggle.titlebutton > grid .title, .csd headerbar.selection-mode headerbar > button.popup.title-menu-button.toggle.titlebutton > grid .title, #gf-candidate-popup headerbar > button.popup.title-menu-button.toggle > grid .title, window > grid.vertical > box.vertical > widget headerbar > button.popup.title-menu-button.toggle > grid .title, layouttabbar headerbar > button.popup.title-menu-button.toggle > grid .title, layouttab headerbar > button.popup.title-menu-button.toggle > grid .title, + headerbar > button.flat.popup.title-menu-button.toggle > grid .subtitle, + headerbar > button.popup.title-menu-button.toggle.osd.image-button > grid .subtitle, + headerbar > .popup.title-menu-button.toggle.button.osd.image-button > grid .subtitle, + headerbar > button.popup.title-menu-button.toggle:not(.suggested-action):not(.destructive-action) > grid .subtitle, + headerbar.menu > arrow.popup.title-menu-button.toggle > grid .subtitle, + headerbar.context-menu > arrow.popup.title-menu-button.toggle > grid .subtitle, + placessidebar row headerbar > button.popup.title-menu-button.toggle.image-button > grid .subtitle, + .csd headerbar > button.popup.title-menu-button.toggle.titlebutton > grid .subtitle, + .csd headerbar.selection-mode headerbar > button.popup.title-menu-button.toggle.titlebutton > grid .subtitle, + #gf-candidate-popup headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + window > grid.vertical > box.vertical > widget headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + layouttabbar headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + layouttab headerbar > button.popup.title-menu-button.toggle > grid .subtitle { + padding: 0.09774rem 1rem 0.09774rem; + font-size: 90%; } + +/****************** + * Budgie Desktop * + ******************/ +@keyframes budgie_ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(#ECEFF1, 0.2)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0.2)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(#ECEFF1, 0.2)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0.2)); } } +.budgie-container { + background-color: transparent; } + +.budgie-panel:backdrop, +.budgie-panel *:backdrop { + opacity: 1.0; } + +.budgie-panel { + background-color: #FFFFFF; + color: #ECEFF1; + font-weight: 700; } + .top .budgie-panel { + border-top: 2px solid #000000; } + .bottom .budgie-panel { + border-bottom: 2px solid #000000; } + .left .budgie-panel { + border-left: 2px solid #000000; } + .right .budgie-panel { + border-right: 2px solid #000000; } + .budgie-panel .alert { + color: #E8E8E8; } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.budgie-panel #tasklist-button button, .budgie-panel #tasklist-button:backdrop button { + border: none; + background: none; + opacity: 0.5; } + .budgie-panel #tasklist-button button:hover, .budgie-panel #tasklist-button button:active, .budgie-panel #tasklist-button button:checked, .budgie-panel #tasklist-button:backdrop button:hover, .budgie-panel #tasklist-button:backdrop button:active, .budgie-panel #tasklist-button:backdrop button:checked { + opacity: 1.0; } + +.budgie-panel button.flat.launcher, .budgie-panel button.launcher.osd.image-button, +.budgie-panel .launcher.button.osd.image-button, .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher, +.budgie-panel .context-menu > arrow.launcher, +.budgie-panel menu > arrow.launcher, .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .budgie-panel button.launcher.image-button, .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .budgie-panel button.launcher.titlebutton, +.budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .budgie-panel button.launcher.titlebutton, .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .budgie-panel button.launcher, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher, .budgie-panel layouttabbar button.launcher, layouttabbar .budgie-panel button.launcher, .budgie-panel layouttab button.launcher, layouttab .budgie-panel button.launcher, .budgie-panel button.flat.launcher:backdrop, .budgie-panel button.launcher.osd.image-button:backdrop, +.budgie-panel .launcher.button.osd.image-button:backdrop, .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop, +.budgie-panel .context-menu > arrow.launcher:backdrop, +.budgie-panel menu > arrow.launcher:backdrop, .budgie-panel placessidebar row button.launcher.image-button:backdrop, placessidebar row .budgie-panel button.launcher.image-button:backdrop, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop, +.budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop, .budgie-panel #gf-candidate-popup button.launcher:backdrop, #gf-candidate-popup .budgie-panel button.launcher:backdrop, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop, .budgie-panel layouttabbar button.launcher:backdrop, layouttabbar .budgie-panel button.launcher:backdrop, .budgie-panel layouttab button.launcher:backdrop, layouttab .budgie-panel button.launcher:backdrop { + min-width: 1.80451rem; + min-height: 1.80451rem; + padding: 0; + border: 2px solid transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(#ECEFF1, 0)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0)); + background-size: 3.7594rem 3.7594rem, auto; + background-position: center center; + opacity: 0.5; + transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: opacity, border-color, background-color, background-image, box-shadow; + transition-duration: 0.2s; } + .budgie-panel button.flat.launcher:hover, .budgie-panel button.launcher.osd.image-button:hover, + .budgie-panel .launcher.button.osd.image-button:hover, .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:hover, + .budgie-panel .context-menu > arrow.launcher:hover, + .budgie-panel menu > arrow.launcher:hover, .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .budgie-panel button.launcher.image-button:hover, .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .budgie-panel button.launcher.titlebutton:hover, + .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .budgie-panel button.launcher.titlebutton:hover, .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .budgie-panel button.launcher:hover, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:hover, .budgie-panel layouttabbar button.launcher:hover, layouttabbar .budgie-panel button.launcher:hover, .budgie-panel layouttab button.launcher:hover, layouttab .budgie-panel button.launcher:hover, .budgie-panel button.flat.launcher:backdrop:hover, .budgie-panel button.launcher.osd.image-button:backdrop:hover, + .budgie-panel .launcher.button.osd.image-button:backdrop:hover, .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop:hover, + .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .budgie-panel menu > arrow.launcher:backdrop:hover, .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, placessidebar row .budgie-panel button.launcher.image-button:backdrop:hover, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop:hover, + .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop:hover, .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, #gf-candidate-popup .budgie-panel button.launcher:backdrop:hover, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop:hover, .budgie-panel layouttabbar button.launcher:backdrop:hover, layouttabbar .budgie-panel button.launcher:backdrop:hover, .budgie-panel layouttab button.launcher:backdrop:hover, layouttab .budgie-panel button.launcher:backdrop:hover { + opacity: 0.75; + -gtk-icon-effect: highlight; } + .budgie-panel button.flat.launcher:active, .budgie-panel button.launcher.osd.image-button:active, + .budgie-panel .launcher.button.osd.image-button:active, .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:active, + .budgie-panel .context-menu > arrow.launcher:active, + .budgie-panel menu > arrow.launcher:active, .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .budgie-panel button.launcher.image-button:active, .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .budgie-panel button.launcher.titlebutton:active, + .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .budgie-panel button.launcher.titlebutton:active, .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .budgie-panel button.launcher:active, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:active, .budgie-panel layouttabbar button.launcher:active, layouttabbar .budgie-panel button.launcher:active, .budgie-panel layouttab button.launcher:active, layouttab .budgie-panel button.launcher:active, .budgie-panel button.flat.launcher:backdrop:active, .budgie-panel button.launcher.osd.image-button:backdrop:active, + .budgie-panel .launcher.button.osd.image-button:backdrop:active, .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop:active, + .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .budgie-panel menu > arrow.launcher:backdrop:active, .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, placessidebar row .budgie-panel button.launcher.image-button:backdrop:active, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop:active, + .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop:active, .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, #gf-candidate-popup .budgie-panel button.launcher:backdrop:active, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop:active, .budgie-panel layouttabbar button.launcher:backdrop:active, layouttabbar .budgie-panel button.launcher:backdrop:active, .budgie-panel layouttab button.launcher:backdrop:active, layouttab .budgie-panel button.launcher:backdrop:active { + opacity: 1.0; + transition-duration: 0; + animation: budgie_ripple_effect 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } + .budgie-panel button.flat.launcher:checked, .budgie-panel button.launcher.osd.image-button:checked, + .budgie-panel .launcher.button.osd.image-button:checked, .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:checked, + .budgie-panel .context-menu > arrow.launcher:checked, + .budgie-panel menu > arrow.launcher:checked, .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .budgie-panel button.launcher.image-button:checked, .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .budgie-panel button.launcher.titlebutton:checked, + .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .budgie-panel button.launcher.titlebutton:checked, .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .budgie-panel button.launcher:checked, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:checked, .budgie-panel layouttabbar button.launcher:checked, layouttabbar .budgie-panel button.launcher:checked, .budgie-panel layouttab button.launcher:checked, layouttab .budgie-panel button.launcher:checked, .budgie-panel button.flat.launcher:backdrop:checked, .budgie-panel button.launcher.osd.image-button:backdrop:checked, + .budgie-panel .launcher.button.osd.image-button:backdrop:checked, .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop:checked, + .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .budgie-panel menu > arrow.launcher:backdrop:checked, .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, placessidebar row .budgie-panel button.launcher.image-button:backdrop:checked, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop:checked, + .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop:checked, .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, #gf-candidate-popup .budgie-panel button.launcher:backdrop:checked, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop:checked, .budgie-panel layouttabbar button.launcher:backdrop:checked, layouttabbar .budgie-panel button.launcher:backdrop:checked, .budgie-panel layouttab button.launcher:backdrop:checked, layouttab .budgie-panel button.launcher:backdrop:checked { + opacity: 1.0; + background-color: transparent; } + .budgie-panel button.flat.launcher:checked:hover, .budgie-panel button.launcher.osd.image-button:checked:hover, + .budgie-panel .launcher.button.osd.image-button:checked:hover, .budgie-panel .titlebar button.launcher:checked:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:checked:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:checked:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:checked:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:checked:hover, + .budgie-panel .context-menu > arrow.launcher:checked:hover, + .budgie-panel menu > arrow.launcher:checked:hover, .budgie-panel placessidebar row button.launcher.image-button:checked:hover, placessidebar row .budgie-panel button.launcher.image-button:checked:hover, .budgie-panel .csd headerbar button.launcher.titlebutton:checked:hover, .csd headerbar .budgie-panel button.launcher.titlebutton:checked:hover, + .budgie-panel .csd .titlebar button.launcher.titlebutton:checked:hover, + .csd .titlebar .budgie-panel button.launcher.titlebutton:checked:hover, .budgie-panel #gf-candidate-popup button.launcher:checked:hover, #gf-candidate-popup .budgie-panel button.launcher:checked:hover, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked:hover, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:checked:hover, .budgie-panel layouttabbar button.launcher:checked:hover, layouttabbar .budgie-panel button.launcher:checked:hover, .budgie-panel layouttab button.launcher:checked:hover, layouttab .budgie-panel button.launcher:checked:hover, .budgie-panel button.flat.launcher:backdrop:checked:hover, .budgie-panel button.launcher.osd.image-button:backdrop:checked:hover, + .budgie-panel .launcher.button.osd.image-button:backdrop:checked:hover, .budgie-panel .titlebar button.launcher:backdrop:checked:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:checked:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:backdrop:checked:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:backdrop:checked:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop:checked:hover, + .budgie-panel .context-menu > arrow.launcher:backdrop:checked:hover, + .budgie-panel menu > arrow.launcher:backdrop:checked:hover, .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked:hover, placessidebar row .budgie-panel button.launcher.image-button:backdrop:checked:hover, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked:hover, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop:checked:hover, + .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked:hover, + .csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop:checked:hover, .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked:hover, #gf-candidate-popup .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked:hover, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel layouttabbar button.launcher:backdrop:checked:hover, layouttabbar .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel layouttab button.launcher:backdrop:checked:hover, layouttab .budgie-panel button.launcher:backdrop:checked:hover { + -gtk-icon-effect: highlight; } +.budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned button.launcher.osd.image-button, +.budgie-panel .unpinned .launcher.button.osd.image-button, .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .budgie-panel .unpinned .menu > arrow.launcher, +.budgie-panel .unpinned .context-menu > arrow.launcher, +.budgie-panel .unpinned menu > arrow.launcher, .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .budgie-panel .unpinned button.launcher.image-button, .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .budgie-panel .unpinned button.launcher.titlebutton, +.budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .budgie-panel .unpinned button.launcher.titlebutton, .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned layouttab button.launcher, layouttab .budgie-panel .unpinned button.launcher, +.budgie-panel .unpinned button.flat.launcher:backdrop, +.budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.budgie-panel .unpinned .launcher.button.osd.image-button:backdrop, +.budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.budgie-panel .unpinned menu > arrow.launcher:backdrop, +.budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .budgie-panel .unpinned button.launcher.image-button:backdrop, +.budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned button.launcher.running.osd.image-button, +.budgie-panel .pinned .launcher.running.button.osd.image-button, +.budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.budgie-panel .pinned .menu > arrow.launcher.running, +.budgie-panel .pinned .context-menu > arrow.launcher.running, +.budgie-panel .pinned menu > arrow.launcher.running, +.budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .budgie-panel .pinned button.launcher.running.image-button, +.budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .budgie-panel .pinned button.launcher.running.titlebutton, +.budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .budgie-panel .pinned button.launcher.running.titlebutton, +.budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned layouttab button.launcher.running, +layouttab .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned button.flat.launcher.running:backdrop, +.budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop, +.budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .budgie-panel .pinned button.launcher.running:backdrop { + opacity: 1.0; } + .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned button.launcher.osd.image-button:hover, + .budgie-panel .unpinned .launcher.button.osd.image-button:hover, .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .unpinned .menu > arrow.launcher:hover, + .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .budgie-panel .unpinned menu > arrow.launcher:hover, .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .budgie-panel .unpinned button.launcher.image-button:hover, .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .budgie-panel .unpinned button.launcher.titlebutton:hover, + .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .budgie-panel .unpinned button.launcher.titlebutton:hover, .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .budgie-panel .unpinned button.launcher:hover, + .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:hover, + .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .budgie-panel .pinned .launcher.running.button.osd.image-button:hover, + .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .budgie-panel .pinned menu > arrow.launcher.running:hover, + .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .budgie-panel .pinned button.launcher.running.image-button:hover, + .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:hover, + .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .budgie-panel .pinned button.launcher.running:backdrop:hover { + -gtk-icon-effect: highlight; } + +.top .budgie-panel #tasklist-button button, +.top .budgie-panel #tasklist-button button:backdrop { + border: 2px solid transparent; } + .top .budgie-panel #tasklist-button button:hover, + .top .budgie-panel #tasklist-button button:backdrop:hover { + border-top: 2px solid alpha(#ECEFF1, 0.4); } + .top .budgie-panel #tasklist-button button:active, .top .budgie-panel #tasklist-button button:checked, + .top .budgie-panel #tasklist-button button:backdrop:active, + .top .budgie-panel #tasklist-button button:backdrop:checked { + border-top: 2px solid #E8E8E8; } +.top .budgie-panel button.flat.launcher, .top .budgie-panel button.launcher.osd.image-button, +.top .budgie-panel .launcher.button.osd.image-button, .top .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.top .budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .top .budgie-panel .menu > arrow.launcher, +.top .budgie-panel .context-menu > arrow.launcher, +.top .budgie-panel menu > arrow.launcher, .top .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .top .budgie-panel button.launcher.image-button, .top .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .top .budgie-panel button.launcher.titlebutton, +.top .budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .top .budgie-panel button.launcher.titlebutton, .top .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .top .budgie-panel button.launcher, .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher, .top .budgie-panel layouttabbar button.launcher, layouttabbar .top .budgie-panel button.launcher, .top .budgie-panel layouttab button.launcher, layouttab .top .budgie-panel button.launcher, +.top .budgie-panel button.flat.launcher:backdrop, +.top .budgie-panel button.launcher.osd.image-button:backdrop, +.top .budgie-panel .launcher.button.osd.image-button:backdrop, +.top .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .top .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .menu > arrow.launcher:backdrop, +.top .budgie-panel .context-menu > arrow.launcher:backdrop, +.top .budgie-panel menu > arrow.launcher:backdrop, +.top .budgie-panel placessidebar row button.launcher.image-button:backdrop, +placessidebar row .top .budgie-panel button.launcher.image-button:backdrop, +.top .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .top .budgie-panel button.launcher.titlebutton:backdrop, +.top .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .top .budgie-panel button.launcher.titlebutton:backdrop, +.top .budgie-panel #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel layouttabbar button.launcher:backdrop, +layouttabbar .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel layouttab button.launcher:backdrop, +layouttab .top .budgie-panel button.launcher:backdrop { + border: 2px solid transparent; } + .top .budgie-panel button.flat.launcher:hover, .top .budgie-panel button.launcher.osd.image-button:hover, + .top .budgie-panel .launcher.button.osd.image-button:hover, .top .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .top .budgie-panel .menu > arrow.launcher:hover, + .top .budgie-panel .context-menu > arrow.launcher:hover, + .top .budgie-panel menu > arrow.launcher:hover, .top .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .top .budgie-panel button.launcher.image-button:hover, .top .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .top .budgie-panel button.launcher.titlebutton:hover, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:hover, .top .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .top .budgie-panel button.launcher:hover, .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:hover, .top .budgie-panel layouttabbar button.launcher:hover, layouttabbar .top .budgie-panel button.launcher:hover, .top .budgie-panel layouttab button.launcher:hover, layouttab .top .budgie-panel button.launcher:hover, + .top .budgie-panel button.flat.launcher:backdrop:hover, + .top .budgie-panel button.launcher.osd.image-button:backdrop:hover, + .top .budgie-panel .launcher.button.osd.image-button:backdrop:hover, + .top .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .menu > arrow.launcher:backdrop:hover, + .top .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .top .budgie-panel menu > arrow.launcher:backdrop:hover, + .top .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .top .budgie-panel button.launcher.image-button:backdrop:hover, + .top .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .top .budgie-panel button.launcher.titlebutton:backdrop:hover, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:backdrop:hover, + .top .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel layouttabbar button.launcher:backdrop:hover, + layouttabbar .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel layouttab button.launcher:backdrop:hover, + layouttab .top .budgie-panel button.launcher:backdrop:hover { + border-top: 2px solid alpha(#ECEFF1, 0.4); } + .top .budgie-panel button.flat.launcher:active, .top .budgie-panel button.launcher.osd.image-button:active, + .top .budgie-panel .launcher.button.osd.image-button:active, .top .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .top .budgie-panel .menu > arrow.launcher:active, + .top .budgie-panel .context-menu > arrow.launcher:active, + .top .budgie-panel menu > arrow.launcher:active, .top .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .top .budgie-panel button.launcher.image-button:active, .top .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .top .budgie-panel button.launcher.titlebutton:active, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:active, .top .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .top .budgie-panel button.launcher:active, .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:active, .top .budgie-panel layouttabbar button.launcher:active, layouttabbar .top .budgie-panel button.launcher:active, .top .budgie-panel layouttab button.launcher:active, layouttab .top .budgie-panel button.launcher:active, .top .budgie-panel button.flat.launcher:checked, .top .budgie-panel button.launcher.osd.image-button:checked, + .top .budgie-panel .launcher.button.osd.image-button:checked, .top .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .top .budgie-panel .menu > arrow.launcher:checked, + .top .budgie-panel .context-menu > arrow.launcher:checked, + .top .budgie-panel menu > arrow.launcher:checked, .top .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .top .budgie-panel button.launcher.image-button:checked, .top .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .top .budgie-panel button.launcher.titlebutton:checked, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:checked, .top .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .top .budgie-panel button.launcher:checked, .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:checked, .top .budgie-panel layouttabbar button.launcher:checked, layouttabbar .top .budgie-panel button.launcher:checked, .top .budgie-panel layouttab button.launcher:checked, layouttab .top .budgie-panel button.launcher:checked, + .top .budgie-panel button.flat.launcher:backdrop:active, + .top .budgie-panel button.launcher.osd.image-button:backdrop:active, + .top .budgie-panel .launcher.button.osd.image-button:backdrop:active, + .top .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .menu > arrow.launcher:backdrop:active, + .top .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .top .budgie-panel menu > arrow.launcher:backdrop:active, + .top .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .top .budgie-panel button.launcher.image-button:backdrop:active, + .top .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .top .budgie-panel button.launcher.titlebutton:backdrop:active, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:backdrop:active, + .top .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel layouttabbar button.launcher:backdrop:active, + layouttabbar .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel layouttab button.launcher:backdrop:active, + layouttab .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel button.flat.launcher:backdrop:checked, + .top .budgie-panel button.launcher.osd.image-button:backdrop:checked, + .top .budgie-panel .launcher.button.osd.image-button:backdrop:checked, + .top .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .menu > arrow.launcher:backdrop:checked, + .top .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .top .budgie-panel menu > arrow.launcher:backdrop:checked, + .top .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .top .budgie-panel button.launcher.image-button:backdrop:checked, + .top .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .top .budgie-panel button.launcher.titlebutton:backdrop:checked, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:backdrop:checked, + .top .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel layouttabbar button.launcher:backdrop:checked, + layouttabbar .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel layouttab button.launcher:backdrop:checked, + layouttab .top .budgie-panel button.launcher:backdrop:checked { + border-top: 2px solid #E8E8E8; } + +.bottom .budgie-panel #tasklist-button button, +.bottom .budgie-panel #tasklist-button button:backdrop { + border: 2px solid transparent; } + .bottom .budgie-panel #tasklist-button button:hover, + .bottom .budgie-panel #tasklist-button button:backdrop:hover { + border-bottom: 2px solid alpha(#ECEFF1, 0.4); } + .bottom .budgie-panel #tasklist-button button:active, .bottom .budgie-panel #tasklist-button button:checked, + .bottom .budgie-panel #tasklist-button button:backdrop:active, + .bottom .budgie-panel #tasklist-button button:backdrop:checked { + border-bottom: 2px solid #E8E8E8; } +.bottom .budgie-panel button.flat.launcher, .bottom .budgie-panel button.launcher.osd.image-button, +.bottom .budgie-panel .launcher.button.osd.image-button, .bottom .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .menu > arrow.launcher, +.bottom .budgie-panel .context-menu > arrow.launcher, +.bottom .budgie-panel menu > arrow.launcher, .bottom .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .bottom .budgie-panel button.launcher.image-button, .bottom .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .bottom .budgie-panel button.launcher.titlebutton, +.bottom .budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .bottom .budgie-panel button.launcher.titlebutton, .bottom .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .bottom .budgie-panel button.launcher, .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher, .bottom .budgie-panel layouttabbar button.launcher, layouttabbar .bottom .budgie-panel button.launcher, .bottom .budgie-panel layouttab button.launcher, layouttab .bottom .budgie-panel button.launcher, +.bottom .budgie-panel button.flat.launcher:backdrop, +.bottom .budgie-panel button.launcher.osd.image-button:backdrop, +.bottom .budgie-panel .launcher.button.osd.image-button:backdrop, +.bottom .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .bottom .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .menu > arrow.launcher:backdrop, +.bottom .budgie-panel .context-menu > arrow.launcher:backdrop, +.bottom .budgie-panel menu > arrow.launcher:backdrop, +.bottom .budgie-panel placessidebar row button.launcher.image-button:backdrop, +placessidebar row .bottom .budgie-panel button.launcher.image-button:backdrop, +.bottom .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .bottom .budgie-panel button.launcher.titlebutton:backdrop, +.bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:backdrop, +.bottom .budgie-panel #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel layouttabbar button.launcher:backdrop, +layouttabbar .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel layouttab button.launcher:backdrop, +layouttab .bottom .budgie-panel button.launcher:backdrop { + border: 2px solid transparent; } + .bottom .budgie-panel button.flat.launcher:hover, .bottom .budgie-panel button.launcher.osd.image-button:hover, + .bottom .budgie-panel .launcher.button.osd.image-button:hover, .bottom .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .menu > arrow.launcher:hover, + .bottom .budgie-panel .context-menu > arrow.launcher:hover, + .bottom .budgie-panel menu > arrow.launcher:hover, .bottom .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .bottom .budgie-panel button.launcher.image-button:hover, .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:hover, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:hover, .bottom .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel layouttabbar button.launcher:hover, layouttabbar .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel layouttab button.launcher:hover, layouttab .bottom .budgie-panel button.launcher:hover, + .bottom .budgie-panel button.flat.launcher:backdrop:hover, + .bottom .budgie-panel button.launcher.osd.image-button:backdrop:hover, + .bottom .budgie-panel .launcher.button.osd.image-button:backdrop:hover, + .bottom .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .bottom .budgie-panel button.launcher.image-button:backdrop:hover, + .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:backdrop:hover, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:backdrop:hover, + .bottom .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel layouttabbar button.launcher:backdrop:hover, + layouttabbar .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel layouttab button.launcher:backdrop:hover, + layouttab .bottom .budgie-panel button.launcher:backdrop:hover { + border-bottom: 2px solid alpha(#ECEFF1, 0.4); } + .bottom .budgie-panel button.flat.launcher:active, .bottom .budgie-panel button.launcher.osd.image-button:active, + .bottom .budgie-panel .launcher.button.osd.image-button:active, .bottom .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .menu > arrow.launcher:active, + .bottom .budgie-panel .context-menu > arrow.launcher:active, + .bottom .budgie-panel menu > arrow.launcher:active, .bottom .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .bottom .budgie-panel button.launcher.image-button:active, .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:active, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:active, .bottom .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel layouttabbar button.launcher:active, layouttabbar .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel layouttab button.launcher:active, layouttab .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel button.flat.launcher:checked, .bottom .budgie-panel button.launcher.osd.image-button:checked, + .bottom .budgie-panel .launcher.button.osd.image-button:checked, .bottom .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .menu > arrow.launcher:checked, + .bottom .budgie-panel .context-menu > arrow.launcher:checked, + .bottom .budgie-panel menu > arrow.launcher:checked, .bottom .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .bottom .budgie-panel button.launcher.image-button:checked, .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:checked, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:checked, .bottom .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel layouttabbar button.launcher:checked, layouttabbar .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel layouttab button.launcher:checked, layouttab .bottom .budgie-panel button.launcher:checked, + .bottom .budgie-panel button.flat.launcher:backdrop:active, + .bottom .budgie-panel button.launcher.osd.image-button:backdrop:active, + .bottom .budgie-panel .launcher.button.osd.image-button:backdrop:active, + .bottom .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .bottom .budgie-panel button.launcher.image-button:backdrop:active, + .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:backdrop:active, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:backdrop:active, + .bottom .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel layouttabbar button.launcher:backdrop:active, + layouttabbar .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel layouttab button.launcher:backdrop:active, + layouttab .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel button.flat.launcher:backdrop:checked, + .bottom .budgie-panel button.launcher.osd.image-button:backdrop:checked, + .bottom .budgie-panel .launcher.button.osd.image-button:backdrop:checked, + .bottom .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .bottom .budgie-panel button.launcher.image-button:backdrop:checked, + .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:backdrop:checked, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:backdrop:checked, + .bottom .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel layouttabbar button.launcher:backdrop:checked, + layouttabbar .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel layouttab button.launcher:backdrop:checked, + layouttab .bottom .budgie-panel button.launcher:backdrop:checked { + border-bottom: 2px solid #E8E8E8; } + +.left .budgie-panel #tasklist-button button, +.left .budgie-panel #tasklist-button button:backdrop { + border: 2px solid transparent; } + .left .budgie-panel #tasklist-button button:hover, + .left .budgie-panel #tasklist-button button:backdrop:hover { + border-left: 2px solid alpha(#ECEFF1, 0.4); } + .left .budgie-panel #tasklist-button button:active, .left .budgie-panel #tasklist-button button:checked, + .left .budgie-panel #tasklist-button button:backdrop:active, + .left .budgie-panel #tasklist-button button:backdrop:checked { + border-left: 2px solid #E8E8E8; } +.left .budgie-panel button.flat.launcher, .left .budgie-panel button.launcher.osd.image-button, +.left .budgie-panel .launcher.button.osd.image-button, .left .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.left .budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .left .budgie-panel .menu > arrow.launcher, +.left .budgie-panel .context-menu > arrow.launcher, +.left .budgie-panel menu > arrow.launcher, .left .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .left .budgie-panel button.launcher.image-button, .left .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .left .budgie-panel button.launcher.titlebutton, +.left .budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .left .budgie-panel button.launcher.titlebutton, .left .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .left .budgie-panel button.launcher, .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher, .left .budgie-panel layouttabbar button.launcher, layouttabbar .left .budgie-panel button.launcher, .left .budgie-panel layouttab button.launcher, layouttab .left .budgie-panel button.launcher, +.left .budgie-panel button.flat.launcher:backdrop, +.left .budgie-panel button.launcher.osd.image-button:backdrop, +.left .budgie-panel .launcher.button.osd.image-button:backdrop, +.left .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .left .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .menu > arrow.launcher:backdrop, +.left .budgie-panel .context-menu > arrow.launcher:backdrop, +.left .budgie-panel menu > arrow.launcher:backdrop, +.left .budgie-panel placessidebar row button.launcher.image-button:backdrop, +placessidebar row .left .budgie-panel button.launcher.image-button:backdrop, +.left .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .left .budgie-panel button.launcher.titlebutton:backdrop, +.left .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .left .budgie-panel button.launcher.titlebutton:backdrop, +.left .budgie-panel #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel layouttabbar button.launcher:backdrop, +layouttabbar .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel layouttab button.launcher:backdrop, +layouttab .left .budgie-panel button.launcher:backdrop { + border: 2px solid transparent; } + .left .budgie-panel button.flat.launcher:hover, .left .budgie-panel button.launcher.osd.image-button:hover, + .left .budgie-panel .launcher.button.osd.image-button:hover, .left .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .left .budgie-panel .menu > arrow.launcher:hover, + .left .budgie-panel .context-menu > arrow.launcher:hover, + .left .budgie-panel menu > arrow.launcher:hover, .left .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .left .budgie-panel button.launcher.image-button:hover, .left .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .left .budgie-panel button.launcher.titlebutton:hover, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:hover, .left .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .left .budgie-panel button.launcher:hover, .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:hover, .left .budgie-panel layouttabbar button.launcher:hover, layouttabbar .left .budgie-panel button.launcher:hover, .left .budgie-panel layouttab button.launcher:hover, layouttab .left .budgie-panel button.launcher:hover, + .left .budgie-panel button.flat.launcher:backdrop:hover, + .left .budgie-panel button.launcher.osd.image-button:backdrop:hover, + .left .budgie-panel .launcher.button.osd.image-button:backdrop:hover, + .left .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .menu > arrow.launcher:backdrop:hover, + .left .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .left .budgie-panel menu > arrow.launcher:backdrop:hover, + .left .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .left .budgie-panel button.launcher.image-button:backdrop:hover, + .left .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .left .budgie-panel button.launcher.titlebutton:backdrop:hover, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:backdrop:hover, + .left .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel layouttabbar button.launcher:backdrop:hover, + layouttabbar .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel layouttab button.launcher:backdrop:hover, + layouttab .left .budgie-panel button.launcher:backdrop:hover { + border-left: 2px solid alpha(#ECEFF1, 0.4); } + .left .budgie-panel button.flat.launcher:active, .left .budgie-panel button.launcher.osd.image-button:active, + .left .budgie-panel .launcher.button.osd.image-button:active, .left .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .left .budgie-panel .menu > arrow.launcher:active, + .left .budgie-panel .context-menu > arrow.launcher:active, + .left .budgie-panel menu > arrow.launcher:active, .left .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .left .budgie-panel button.launcher.image-button:active, .left .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .left .budgie-panel button.launcher.titlebutton:active, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:active, .left .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .left .budgie-panel button.launcher:active, .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:active, .left .budgie-panel layouttabbar button.launcher:active, layouttabbar .left .budgie-panel button.launcher:active, .left .budgie-panel layouttab button.launcher:active, layouttab .left .budgie-panel button.launcher:active, .left .budgie-panel button.flat.launcher:checked, .left .budgie-panel button.launcher.osd.image-button:checked, + .left .budgie-panel .launcher.button.osd.image-button:checked, .left .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .left .budgie-panel .menu > arrow.launcher:checked, + .left .budgie-panel .context-menu > arrow.launcher:checked, + .left .budgie-panel menu > arrow.launcher:checked, .left .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .left .budgie-panel button.launcher.image-button:checked, .left .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .left .budgie-panel button.launcher.titlebutton:checked, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:checked, .left .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .left .budgie-panel button.launcher:checked, .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:checked, .left .budgie-panel layouttabbar button.launcher:checked, layouttabbar .left .budgie-panel button.launcher:checked, .left .budgie-panel layouttab button.launcher:checked, layouttab .left .budgie-panel button.launcher:checked, + .left .budgie-panel button.flat.launcher:backdrop:active, + .left .budgie-panel button.launcher.osd.image-button:backdrop:active, + .left .budgie-panel .launcher.button.osd.image-button:backdrop:active, + .left .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .menu > arrow.launcher:backdrop:active, + .left .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .left .budgie-panel menu > arrow.launcher:backdrop:active, + .left .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .left .budgie-panel button.launcher.image-button:backdrop:active, + .left .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .left .budgie-panel button.launcher.titlebutton:backdrop:active, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:backdrop:active, + .left .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel layouttabbar button.launcher:backdrop:active, + layouttabbar .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel layouttab button.launcher:backdrop:active, + layouttab .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel button.flat.launcher:backdrop:checked, + .left .budgie-panel button.launcher.osd.image-button:backdrop:checked, + .left .budgie-panel .launcher.button.osd.image-button:backdrop:checked, + .left .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .menu > arrow.launcher:backdrop:checked, + .left .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .left .budgie-panel menu > arrow.launcher:backdrop:checked, + .left .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .left .budgie-panel button.launcher.image-button:backdrop:checked, + .left .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .left .budgie-panel button.launcher.titlebutton:backdrop:checked, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:backdrop:checked, + .left .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel layouttabbar button.launcher:backdrop:checked, + layouttabbar .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel layouttab button.launcher:backdrop:checked, + layouttab .left .budgie-panel button.launcher:backdrop:checked { + border-left: 2px solid #E8E8E8; } + +.right .budgie-panel #tasklist-button button, +.right .budgie-panel #tasklist-button button:backdrop { + border: 2px solid transparent; } + .right .budgie-panel #tasklist-button button:hover, + .right .budgie-panel #tasklist-button button:backdrop:hover { + border-right: 2px solid alpha(#ECEFF1, 0.4); } + .right .budgie-panel #tasklist-button button:active, .right .budgie-panel #tasklist-button button:checked, + .right .budgie-panel #tasklist-button button:backdrop:active, + .right .budgie-panel #tasklist-button button:backdrop:checked { + border-right: 2px solid #E8E8E8; } +.right .budgie-panel button.flat.launcher, .right .budgie-panel button.launcher.osd.image-button, +.right .budgie-panel .launcher.button.osd.image-button, .right .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.right .budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .right .budgie-panel .menu > arrow.launcher, +.right .budgie-panel .context-menu > arrow.launcher, +.right .budgie-panel menu > arrow.launcher, .right .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .right .budgie-panel button.launcher.image-button, .right .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .right .budgie-panel button.launcher.titlebutton, +.right .budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .right .budgie-panel button.launcher.titlebutton, .right .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .right .budgie-panel button.launcher, .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher, .right .budgie-panel layouttabbar button.launcher, layouttabbar .right .budgie-panel button.launcher, .right .budgie-panel layouttab button.launcher, layouttab .right .budgie-panel button.launcher, +.right .budgie-panel button.flat.launcher:backdrop, +.right .budgie-panel button.launcher.osd.image-button:backdrop, +.right .budgie-panel .launcher.button.osd.image-button:backdrop, +.right .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .right .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .menu > arrow.launcher:backdrop, +.right .budgie-panel .context-menu > arrow.launcher:backdrop, +.right .budgie-panel menu > arrow.launcher:backdrop, +.right .budgie-panel placessidebar row button.launcher.image-button:backdrop, +placessidebar row .right .budgie-panel button.launcher.image-button:backdrop, +.right .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .right .budgie-panel button.launcher.titlebutton:backdrop, +.right .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .right .budgie-panel button.launcher.titlebutton:backdrop, +.right .budgie-panel #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel layouttabbar button.launcher:backdrop, +layouttabbar .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel layouttab button.launcher:backdrop, +layouttab .right .budgie-panel button.launcher:backdrop { + border: 2px solid transparent; } + .right .budgie-panel button.flat.launcher:hover, .right .budgie-panel button.launcher.osd.image-button:hover, + .right .budgie-panel .launcher.button.osd.image-button:hover, .right .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .right .budgie-panel .menu > arrow.launcher:hover, + .right .budgie-panel .context-menu > arrow.launcher:hover, + .right .budgie-panel menu > arrow.launcher:hover, .right .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .right .budgie-panel button.launcher.image-button:hover, .right .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .right .budgie-panel button.launcher.titlebutton:hover, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:hover, .right .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .right .budgie-panel button.launcher:hover, .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:hover, .right .budgie-panel layouttabbar button.launcher:hover, layouttabbar .right .budgie-panel button.launcher:hover, .right .budgie-panel layouttab button.launcher:hover, layouttab .right .budgie-panel button.launcher:hover, + .right .budgie-panel button.flat.launcher:backdrop:hover, + .right .budgie-panel button.launcher.osd.image-button:backdrop:hover, + .right .budgie-panel .launcher.button.osd.image-button:backdrop:hover, + .right .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .menu > arrow.launcher:backdrop:hover, + .right .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .right .budgie-panel menu > arrow.launcher:backdrop:hover, + .right .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .right .budgie-panel button.launcher.image-button:backdrop:hover, + .right .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .right .budgie-panel button.launcher.titlebutton:backdrop:hover, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:backdrop:hover, + .right .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel layouttabbar button.launcher:backdrop:hover, + layouttabbar .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel layouttab button.launcher:backdrop:hover, + layouttab .right .budgie-panel button.launcher:backdrop:hover { + border-right: 2px solid alpha(#ECEFF1, 0.4); } + .right .budgie-panel button.flat.launcher:active, .right .budgie-panel button.launcher.osd.image-button:active, + .right .budgie-panel .launcher.button.osd.image-button:active, .right .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .right .budgie-panel .menu > arrow.launcher:active, + .right .budgie-panel .context-menu > arrow.launcher:active, + .right .budgie-panel menu > arrow.launcher:active, .right .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .right .budgie-panel button.launcher.image-button:active, .right .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .right .budgie-panel button.launcher.titlebutton:active, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:active, .right .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .right .budgie-panel button.launcher:active, .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:active, .right .budgie-panel layouttabbar button.launcher:active, layouttabbar .right .budgie-panel button.launcher:active, .right .budgie-panel layouttab button.launcher:active, layouttab .right .budgie-panel button.launcher:active, .right .budgie-panel button.flat.launcher:checked, .right .budgie-panel button.launcher.osd.image-button:checked, + .right .budgie-panel .launcher.button.osd.image-button:checked, .right .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .right .budgie-panel .menu > arrow.launcher:checked, + .right .budgie-panel .context-menu > arrow.launcher:checked, + .right .budgie-panel menu > arrow.launcher:checked, .right .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .right .budgie-panel button.launcher.image-button:checked, .right .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .right .budgie-panel button.launcher.titlebutton:checked, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:checked, .right .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .right .budgie-panel button.launcher:checked, .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:checked, .right .budgie-panel layouttabbar button.launcher:checked, layouttabbar .right .budgie-panel button.launcher:checked, .right .budgie-panel layouttab button.launcher:checked, layouttab .right .budgie-panel button.launcher:checked, + .right .budgie-panel button.flat.launcher:backdrop:active, + .right .budgie-panel button.launcher.osd.image-button:backdrop:active, + .right .budgie-panel .launcher.button.osd.image-button:backdrop:active, + .right .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .menu > arrow.launcher:backdrop:active, + .right .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .right .budgie-panel menu > arrow.launcher:backdrop:active, + .right .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .right .budgie-panel button.launcher.image-button:backdrop:active, + .right .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .right .budgie-panel button.launcher.titlebutton:backdrop:active, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:backdrop:active, + .right .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel layouttabbar button.launcher:backdrop:active, + layouttabbar .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel layouttab button.launcher:backdrop:active, + layouttab .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel button.flat.launcher:backdrop:checked, + .right .budgie-panel button.launcher.osd.image-button:backdrop:checked, + .right .budgie-panel .launcher.button.osd.image-button:backdrop:checked, + .right .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .menu > arrow.launcher:backdrop:checked, + .right .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .right .budgie-panel menu > arrow.launcher:backdrop:checked, + .right .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .right .budgie-panel button.launcher.image-button:backdrop:checked, + .right .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .right .budgie-panel button.launcher.titlebutton:backdrop:checked, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:backdrop:checked, + .right .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel layouttabbar button.launcher:backdrop:checked, + layouttabbar .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel layouttab button.launcher:backdrop:checked, + layouttab .right .budgie-panel button.launcher:backdrop:checked { + border-right: 2px solid #E8E8E8; } + +.top .budgie-panel .unpinned button.flat.launcher, .top .budgie-panel .unpinned button.launcher.osd.image-button, +.top .budgie-panel .unpinned .launcher.button.osd.image-button, .top .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .top .budgie-panel .unpinned .menu > arrow.launcher, +.top .budgie-panel .unpinned .context-menu > arrow.launcher, +.top .budgie-panel .unpinned menu > arrow.launcher, .top .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .top .budgie-panel .unpinned button.launcher.image-button, .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton, +.top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton, .top .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned layouttab button.launcher, layouttab .top .budgie-panel .unpinned button.launcher, +.top .budgie-panel .unpinned button.flat.launcher:backdrop, +.top .budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.top .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop, +.top .budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .top .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.top .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.top .budgie-panel .unpinned menu > arrow.launcher:backdrop, +.top .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:backdrop, +.top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.top .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .pinned button.flat.launcher.running, +.top .budgie-panel .pinned button.launcher.running.osd.image-button, +.top .budgie-panel .pinned .launcher.running.button.osd.image-button, +.top .budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .top .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .pinned .menu > arrow.launcher.running, +.top .budgie-panel .pinned .context-menu > arrow.launcher.running, +.top .budgie-panel .pinned menu > arrow.launcher.running, +.top .budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button, +.top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton, +.top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton, +.top .budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned layouttab button.launcher.running, +layouttab .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned button.flat.launcher.running:backdrop, +.top .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.top .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop, +.top .budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .top .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.top .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.top .budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .top .budgie-panel .pinned button.launcher.running:backdrop { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-top.png"), url("assets/running-dot-top@2.png")) 2/2px; } + .top .budgie-panel .unpinned button.flat.launcher:hover, .top .budgie-panel .unpinned button.launcher.osd.image-button:hover, + .top .budgie-panel .unpinned .launcher.button.osd.image-button:hover, .top .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .top .budgie-panel .unpinned .menu > arrow.launcher:hover, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .top .budgie-panel .unpinned menu > arrow.launcher:hover, .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:hover, .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:hover, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:hover, .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned button.flat.launcher:active, .top .budgie-panel .unpinned button.launcher.osd.image-button:active, + .top .budgie-panel .unpinned .launcher.button.osd.image-button:active, .top .budgie-panel .unpinned .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), .top .budgie-panel .unpinned .menu > arrow.launcher:active, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:active, + .top .budgie-panel .unpinned menu > arrow.launcher:active, .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:active, placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:active, .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:active, .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:active, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:active, .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:active, #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned layouttabbar button.launcher:active, layouttabbar .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned layouttab button.launcher:active, layouttab .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .unpinned button.launcher.osd.image-button:checked, + .top .budgie-panel .unpinned .launcher.button.osd.image-button:checked, .top .budgie-panel .unpinned .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), .top .budgie-panel .unpinned .menu > arrow.launcher:checked, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:checked, + .top .budgie-panel .unpinned menu > arrow.launcher:checked, .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:checked, placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:checked, .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:checked, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:checked, .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned layouttabbar button.launcher:checked, layouttabbar .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned layouttab button.launcher:checked, layouttab .top .budgie-panel .unpinned button.launcher:checked, + .top .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .top .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .top .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:hover, + .top .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .top .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned button.flat.launcher:backdrop:active, + .top .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:active, + .top .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:active, + .top .budgie-panel .unpinned .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned .menu > arrow.launcher:backdrop:active, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:active, + .top .budgie-panel .unpinned menu > arrow.launcher:backdrop:active, + .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:backdrop:active, + .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned layouttabbar button.launcher:backdrop:active, + layouttabbar .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned layouttab button.launcher:backdrop:active, + layouttab .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned button.flat.launcher:backdrop:checked, + .top .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:checked, + .top .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:checked, + .top .budgie-panel .unpinned .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned .menu > arrow.launcher:backdrop:checked, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:checked, + .top .budgie-panel .unpinned menu > arrow.launcher:backdrop:checked, + .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:backdrop:checked, + .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned layouttabbar button.launcher:backdrop:checked, + layouttabbar .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned layouttab button.launcher:backdrop:checked, + layouttab .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .pinned button.flat.launcher.running:hover, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .top .budgie-panel .pinned .launcher.running.button.osd.image-button:hover, + .top .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .top .budgie-panel .pinned menu > arrow.launcher.running:hover, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:hover, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned button.flat.launcher.running:active, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:active, + .top .budgie-panel .pinned .launcher.running.button.osd.image-button:active, + .top .budgie-panel .pinned .titlebar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:active, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:active, + .top .budgie-panel .pinned menu > arrow.launcher.running:active, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:active, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:active, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:active, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:active, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:active, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:active, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:active, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:active, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned layouttabbar button.launcher.running:active, + layouttabbar .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned layouttab button.launcher.running:active, + layouttab .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned button.flat.launcher.running:checked, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:checked, + .top .budgie-panel .pinned .launcher.running.button.osd.image-button:checked, + .top .budgie-panel .pinned .titlebar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:checked, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:checked, + .top .budgie-panel .pinned menu > arrow.launcher.running:checked, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:checked, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:checked, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:checked, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:checked, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:checked, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:checked, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned layouttabbar button.launcher.running:checked, + layouttabbar .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned layouttab button.launcher.running:checked, + layouttab .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .top .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:hover, + .top .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .top .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned button.flat.launcher.running:backdrop:active, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:active, + .top .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:active, + .top .budgie-panel .pinned .titlebar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:active, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:active, + .top .budgie-panel .pinned menu > arrow.launcher.running:backdrop:active, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:active, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:backdrop:active, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:active, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:active, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:active, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:active, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:active, + layouttabbar .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned layouttab button.launcher.running:backdrop:active, + layouttab .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned button.flat.launcher.running:backdrop:checked, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:checked, + .top .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:checked, + .top .budgie-panel .pinned .titlebar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:checked, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:checked, + .top .budgie-panel .pinned menu > arrow.launcher.running:backdrop:checked, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:checked, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:backdrop:checked, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:checked, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:checked, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:checked, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:checked, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:checked, + layouttabbar .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned layouttab button.launcher.running:backdrop:checked, + layouttab .top .budgie-panel .pinned button.launcher.running:backdrop:checked { + border-top: 2px solid #E8E8E8; + border-image: none; } + +.bottom .budgie-panel .unpinned button.flat.launcher, .bottom .budgie-panel .unpinned button.launcher.osd.image-button, +.bottom .budgie-panel .unpinned .launcher.button.osd.image-button, .bottom .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .unpinned .menu > arrow.launcher, +.bottom .budgie-panel .unpinned .context-menu > arrow.launcher, +.bottom .budgie-panel .unpinned menu > arrow.launcher, .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button, .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton, +.bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton, .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned layouttab button.launcher, layouttab .bottom .budgie-panel .unpinned button.launcher, +.bottom .budgie-panel .unpinned button.flat.launcher:backdrop, +.bottom .budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.bottom .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop, +.bottom .budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .bottom .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.bottom .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.bottom .budgie-panel .unpinned menu > arrow.launcher:backdrop, +.bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:backdrop, +.bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .pinned button.flat.launcher.running, +.bottom .budgie-panel .pinned button.launcher.running.osd.image-button, +.bottom .budgie-panel .pinned .launcher.running.button.osd.image-button, +.bottom .budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .bottom .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .pinned .menu > arrow.launcher.running, +.bottom .budgie-panel .pinned .context-menu > arrow.launcher.running, +.bottom .budgie-panel .pinned menu > arrow.launcher.running, +.bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button, +.bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton, +.bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton, +.bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned layouttab button.launcher.running, +layouttab .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned button.flat.launcher.running:backdrop, +.bottom .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.bottom .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop, +.bottom .budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .bottom .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.bottom .budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .bottom .budgie-panel .pinned button.launcher.running:backdrop { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-bottom.png"), url("assets/running-dot-bottom@2.png")) 2/2px; } + .bottom .budgie-panel .unpinned button.flat.launcher:hover, .bottom .budgie-panel .unpinned button.launcher.osd.image-button:hover, + .bottom .budgie-panel .unpinned .launcher.button.osd.image-button:hover, .bottom .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .unpinned .menu > arrow.launcher:hover, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .bottom .budgie-panel .unpinned menu > arrow.launcher:hover, .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:hover, .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:hover, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:hover, .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned button.flat.launcher:active, .bottom .budgie-panel .unpinned button.launcher.osd.image-button:active, + .bottom .budgie-panel .unpinned .launcher.button.osd.image-button:active, .bottom .budgie-panel .unpinned .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .unpinned .menu > arrow.launcher:active, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:active, + .bottom .budgie-panel .unpinned menu > arrow.launcher:active, .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:active, placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:active, .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:active, .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:active, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:active, .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:active, #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned layouttabbar button.launcher:active, layouttabbar .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned layouttab button.launcher:active, layouttab .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.launcher.osd.image-button:checked, + .bottom .budgie-panel .unpinned .launcher.button.osd.image-button:checked, .bottom .budgie-panel .unpinned .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .unpinned .menu > arrow.launcher:checked, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:checked, + .bottom .budgie-panel .unpinned menu > arrow.launcher:checked, .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:checked, placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:checked, .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:checked, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:checked, .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned layouttabbar button.launcher:checked, layouttabbar .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned layouttab button.launcher:checked, layouttab .bottom .budgie-panel .unpinned button.launcher:checked, + .bottom .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .bottom .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:hover, + .bottom .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned button.flat.launcher:backdrop:active, + .bottom .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:active, + .bottom .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:active, + .bottom .budgie-panel .unpinned .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned .menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel .unpinned menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:backdrop:active, + .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned layouttabbar button.launcher:backdrop:active, + layouttabbar .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned layouttab button.launcher:backdrop:active, + layouttab .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned button.flat.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:checked, + .bottom .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:checked, + .bottom .budgie-panel .unpinned .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned .menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:backdrop:checked, + .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned layouttabbar button.launcher:backdrop:checked, + layouttabbar .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned layouttab button.launcher:backdrop:checked, + layouttab .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:hover, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .bottom .budgie-panel .pinned .launcher.running.button.osd.image-button:hover, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:hover, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:hover, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned button.flat.launcher.running:active, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:active, + .bottom .budgie-panel .pinned .launcher.running.button.osd.image-button:active, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:active, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:active, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:active, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:active, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:active, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:active, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:active, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:active, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:active, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:active, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:active, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:active, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned layouttab button.launcher.running:active, + layouttab .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned button.flat.launcher.running:checked, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:checked, + .bottom .budgie-panel .pinned .launcher.running.button.osd.image-button:checked, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:checked, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:checked, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:checked, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:checked, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:checked, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:checked, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:checked, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:checked, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:checked, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:checked, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned layouttab button.launcher.running:checked, + layouttab .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .bottom .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:hover, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned button.flat.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:active, + .bottom .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:active, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:active, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:backdrop:active, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:active, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:active, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:active, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:active, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:active, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned layouttab button.launcher.running:backdrop:active, + layouttab .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned button.flat.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:checked, + .bottom .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:checked, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:checked, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:backdrop:checked, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:checked, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:checked, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:checked, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:checked, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:checked, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned layouttab button.launcher.running:backdrop:checked, + layouttab .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked { + border-bottom: 2px solid #E8E8E8; + border-image: none; } + +.left .budgie-panel .unpinned button.flat.launcher, .left .budgie-panel .unpinned button.launcher.osd.image-button, +.left .budgie-panel .unpinned .launcher.button.osd.image-button, .left .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .left .budgie-panel .unpinned .menu > arrow.launcher, +.left .budgie-panel .unpinned .context-menu > arrow.launcher, +.left .budgie-panel .unpinned menu > arrow.launcher, .left .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .left .budgie-panel .unpinned button.launcher.image-button, .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton, +.left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton, .left .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned layouttab button.launcher, layouttab .left .budgie-panel .unpinned button.launcher, +.left .budgie-panel .unpinned button.flat.launcher:backdrop, +.left .budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.left .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop, +.left .budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .left .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.left .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.left .budgie-panel .unpinned menu > arrow.launcher:backdrop, +.left .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:backdrop, +.left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.left .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .pinned button.flat.launcher.running, +.left .budgie-panel .pinned button.launcher.running.osd.image-button, +.left .budgie-panel .pinned .launcher.running.button.osd.image-button, +.left .budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .left .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .pinned .menu > arrow.launcher.running, +.left .budgie-panel .pinned .context-menu > arrow.launcher.running, +.left .budgie-panel .pinned menu > arrow.launcher.running, +.left .budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button, +.left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton, +.left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton, +.left .budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned layouttab button.launcher.running, +layouttab .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned button.flat.launcher.running:backdrop, +.left .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.left .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop, +.left .budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .left .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.left .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.left .budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .left .budgie-panel .pinned button.launcher.running:backdrop { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-left.png"), url("assets/running-dot-left@2.png")) 2/2px; } + .left .budgie-panel .unpinned button.flat.launcher:hover, .left .budgie-panel .unpinned button.launcher.osd.image-button:hover, + .left .budgie-panel .unpinned .launcher.button.osd.image-button:hover, .left .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .left .budgie-panel .unpinned .menu > arrow.launcher:hover, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .left .budgie-panel .unpinned menu > arrow.launcher:hover, .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:hover, .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:hover, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:hover, .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned button.flat.launcher:active, .left .budgie-panel .unpinned button.launcher.osd.image-button:active, + .left .budgie-panel .unpinned .launcher.button.osd.image-button:active, .left .budgie-panel .unpinned .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), .left .budgie-panel .unpinned .menu > arrow.launcher:active, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:active, + .left .budgie-panel .unpinned menu > arrow.launcher:active, .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:active, placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:active, .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:active, .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:active, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:active, .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:active, #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned layouttabbar button.launcher:active, layouttabbar .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned layouttab button.launcher:active, layouttab .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .unpinned button.launcher.osd.image-button:checked, + .left .budgie-panel .unpinned .launcher.button.osd.image-button:checked, .left .budgie-panel .unpinned .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), .left .budgie-panel .unpinned .menu > arrow.launcher:checked, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:checked, + .left .budgie-panel .unpinned menu > arrow.launcher:checked, .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:checked, placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:checked, .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:checked, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:checked, .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned layouttabbar button.launcher:checked, layouttabbar .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned layouttab button.launcher:checked, layouttab .left .budgie-panel .unpinned button.launcher:checked, + .left .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .left .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .left .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:hover, + .left .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .left .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned button.flat.launcher:backdrop:active, + .left .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:active, + .left .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:active, + .left .budgie-panel .unpinned .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned .menu > arrow.launcher:backdrop:active, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:active, + .left .budgie-panel .unpinned menu > arrow.launcher:backdrop:active, + .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:backdrop:active, + .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned layouttabbar button.launcher:backdrop:active, + layouttabbar .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned layouttab button.launcher:backdrop:active, + layouttab .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned button.flat.launcher:backdrop:checked, + .left .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:checked, + .left .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:checked, + .left .budgie-panel .unpinned .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned .menu > arrow.launcher:backdrop:checked, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:checked, + .left .budgie-panel .unpinned menu > arrow.launcher:backdrop:checked, + .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:backdrop:checked, + .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned layouttabbar button.launcher:backdrop:checked, + layouttabbar .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned layouttab button.launcher:backdrop:checked, + layouttab .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .pinned button.flat.launcher.running:hover, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .left .budgie-panel .pinned .launcher.running.button.osd.image-button:hover, + .left .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .left .budgie-panel .pinned menu > arrow.launcher.running:hover, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:hover, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned button.flat.launcher.running:active, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:active, + .left .budgie-panel .pinned .launcher.running.button.osd.image-button:active, + .left .budgie-panel .pinned .titlebar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:active, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:active, + .left .budgie-panel .pinned menu > arrow.launcher.running:active, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:active, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:active, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:active, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:active, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:active, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:active, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:active, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:active, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned layouttabbar button.launcher.running:active, + layouttabbar .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned layouttab button.launcher.running:active, + layouttab .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned button.flat.launcher.running:checked, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:checked, + .left .budgie-panel .pinned .launcher.running.button.osd.image-button:checked, + .left .budgie-panel .pinned .titlebar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:checked, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:checked, + .left .budgie-panel .pinned menu > arrow.launcher.running:checked, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:checked, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:checked, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:checked, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:checked, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:checked, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:checked, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned layouttabbar button.launcher.running:checked, + layouttabbar .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned layouttab button.launcher.running:checked, + layouttab .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .left .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:hover, + .left .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .left .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned button.flat.launcher.running:backdrop:active, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:active, + .left .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:active, + .left .budgie-panel .pinned .titlebar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:active, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:active, + .left .budgie-panel .pinned menu > arrow.launcher.running:backdrop:active, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:active, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:backdrop:active, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:active, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:active, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:active, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:active, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:active, + layouttabbar .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned layouttab button.launcher.running:backdrop:active, + layouttab .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned button.flat.launcher.running:backdrop:checked, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:checked, + .left .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:checked, + .left .budgie-panel .pinned .titlebar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:checked, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:checked, + .left .budgie-panel .pinned menu > arrow.launcher.running:backdrop:checked, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:checked, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:backdrop:checked, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:checked, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:checked, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:checked, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:checked, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:checked, + layouttabbar .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned layouttab button.launcher.running:backdrop:checked, + layouttab .left .budgie-panel .pinned button.launcher.running:backdrop:checked { + border-left: 2px solid #E8E8E8; + border-image: none; } + +.right .budgie-panel .unpinned button.flat.launcher, .right .budgie-panel .unpinned button.launcher.osd.image-button, +.right .budgie-panel .unpinned .launcher.button.osd.image-button, .right .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .right .budgie-panel .unpinned .menu > arrow.launcher, +.right .budgie-panel .unpinned .context-menu > arrow.launcher, +.right .budgie-panel .unpinned menu > arrow.launcher, .right .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .right .budgie-panel .unpinned button.launcher.image-button, .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton, +.right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton, .right .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned layouttab button.launcher, layouttab .right .budgie-panel .unpinned button.launcher, +.right .budgie-panel .unpinned button.flat.launcher:backdrop, +.right .budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.right .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop, +.right .budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .right .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.right .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.right .budgie-panel .unpinned menu > arrow.launcher:backdrop, +.right .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:backdrop, +.right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.right .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .pinned button.flat.launcher.running, +.right .budgie-panel .pinned button.launcher.running.osd.image-button, +.right .budgie-panel .pinned .launcher.running.button.osd.image-button, +.right .budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .right .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .pinned .menu > arrow.launcher.running, +.right .budgie-panel .pinned .context-menu > arrow.launcher.running, +.right .budgie-panel .pinned menu > arrow.launcher.running, +.right .budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button, +.right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton, +.right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton, +.right .budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned layouttab button.launcher.running, +layouttab .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned button.flat.launcher.running:backdrop, +.right .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.right .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop, +.right .budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .right .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.right .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.right .budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .right .budgie-panel .pinned button.launcher.running:backdrop { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-right.png"), url("assets/running-dot-right@2.png")) 2/2px; } + .right .budgie-panel .unpinned button.flat.launcher:hover, .right .budgie-panel .unpinned button.launcher.osd.image-button:hover, + .right .budgie-panel .unpinned .launcher.button.osd.image-button:hover, .right .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .right .budgie-panel .unpinned .menu > arrow.launcher:hover, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .right .budgie-panel .unpinned menu > arrow.launcher:hover, .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:hover, .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:hover, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:hover, .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned button.flat.launcher:active, .right .budgie-panel .unpinned button.launcher.osd.image-button:active, + .right .budgie-panel .unpinned .launcher.button.osd.image-button:active, .right .budgie-panel .unpinned .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), .right .budgie-panel .unpinned .menu > arrow.launcher:active, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:active, + .right .budgie-panel .unpinned menu > arrow.launcher:active, .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:active, placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:active, .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:active, .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:active, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:active, .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:active, #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned layouttabbar button.launcher:active, layouttabbar .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned layouttab button.launcher:active, layouttab .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .unpinned button.launcher.osd.image-button:checked, + .right .budgie-panel .unpinned .launcher.button.osd.image-button:checked, .right .budgie-panel .unpinned .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), .right .budgie-panel .unpinned .menu > arrow.launcher:checked, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:checked, + .right .budgie-panel .unpinned menu > arrow.launcher:checked, .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:checked, placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:checked, .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:checked, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:checked, .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned layouttabbar button.launcher:checked, layouttabbar .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned layouttab button.launcher:checked, layouttab .right .budgie-panel .unpinned button.launcher:checked, + .right .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .right .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .right .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:hover, + .right .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .right .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned button.flat.launcher:backdrop:active, + .right .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:active, + .right .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:active, + .right .budgie-panel .unpinned .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned .menu > arrow.launcher:backdrop:active, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:active, + .right .budgie-panel .unpinned menu > arrow.launcher:backdrop:active, + .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:backdrop:active, + .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned layouttabbar button.launcher:backdrop:active, + layouttabbar .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned layouttab button.launcher:backdrop:active, + layouttab .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned button.flat.launcher:backdrop:checked, + .right .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:checked, + .right .budgie-panel .unpinned .launcher.button.osd.image-button:backdrop:checked, + .right .budgie-panel .unpinned .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned .menu > arrow.launcher:backdrop:checked, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:checked, + .right .budgie-panel .unpinned menu > arrow.launcher:backdrop:checked, + .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:backdrop:checked, + .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned layouttabbar button.launcher:backdrop:checked, + layouttabbar .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned layouttab button.launcher:backdrop:checked, + layouttab .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .pinned button.flat.launcher.running:hover, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .right .budgie-panel .pinned .launcher.running.button.osd.image-button:hover, + .right .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .right .budgie-panel .pinned menu > arrow.launcher.running:hover, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:hover, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned button.flat.launcher.running:active, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:active, + .right .budgie-panel .pinned .launcher.running.button.osd.image-button:active, + .right .budgie-panel .pinned .titlebar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:active, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:active, + .right .budgie-panel .pinned menu > arrow.launcher.running:active, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:active, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:active, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:active, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:active, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:active, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:active, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:active, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:active, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned layouttabbar button.launcher.running:active, + layouttabbar .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned layouttab button.launcher.running:active, + layouttab .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned button.flat.launcher.running:checked, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:checked, + .right .budgie-panel .pinned .launcher.running.button.osd.image-button:checked, + .right .budgie-panel .pinned .titlebar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:checked, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:checked, + .right .budgie-panel .pinned menu > arrow.launcher.running:checked, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:checked, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:checked, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:checked, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:checked, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:checked, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:checked, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned layouttabbar button.launcher.running:checked, + layouttabbar .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned layouttab button.launcher.running:checked, + layouttab .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .right .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:hover, + .right .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .right .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned button.flat.launcher.running:backdrop:active, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:active, + .right .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:active, + .right .budgie-panel .pinned .titlebar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:active, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:active, + .right .budgie-panel .pinned menu > arrow.launcher.running:backdrop:active, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:active, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:backdrop:active, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:active, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:active, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:active, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:active, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:active, + layouttabbar .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned layouttab button.launcher.running:backdrop:active, + layouttab .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned button.flat.launcher.running:backdrop:checked, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:checked, + .right .budgie-panel .pinned .launcher.running.button.osd.image-button:backdrop:checked, + .right .budgie-panel .pinned .titlebar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:checked, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:checked, + .right .budgie-panel .pinned menu > arrow.launcher.running:backdrop:checked, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:checked, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:backdrop:checked, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:checked, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:checked, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:checked, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:checked, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:checked, + layouttabbar .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned layouttab button.launcher.running:backdrop:checked, + layouttab .right .budgie-panel .pinned button.launcher.running:backdrop:checked { + border-right: 2px solid #E8E8E8; + border-image: none; } + +.budgie-menu { + border-radius: 2px; + background-color: #fdfdfe; } + .budgie-menu scrolledwindow, .budgie-menu placessidebar, + .budgie-menu list, + .budgie-menu row, + .budgie-menu scrollbar { + min-width: 0; + min-height: 0; + border: none; + background: none; + box-shadow: none; } + .budgie-menu row, .budgie-menu row.activatable, .budgie-menu .view, .budgie-menu iconview, + .budgie-menu .view text, + .view .budgie-menu text, + .budgie-menu iconview text, + iconview .budgie-menu text, + .budgie-menu textview text, + textview .budgie-menu text, .budgie-menu treeview.view header button, treeview.view header .budgie-menu button, .budgie-menu .tweak-category header button, .tweak-category header .budgie-menu button { + background-image: none; + background-color: #fdfdfe; + color: rgba(38, 50, 56, 0.75); + transition: none; } + .budgie-menu row image, .budgie-menu row.activatable image, .budgie-menu .view image, .budgie-menu iconview image, + .budgie-menu .view text image, + .view .budgie-menu text image, + .budgie-menu iconview text image, + iconview .budgie-menu text image, + .budgie-menu textview text image, + textview .budgie-menu text image, .budgie-menu treeview.view header button image, treeview.view header .budgie-menu button image, .budgie-menu .tweak-category header button image, .tweak-category header .budgie-menu button image { + padding: 0.3985rem 0 0.50376rem; } + .budgie-menu row:hover, .budgie-menu row.activatable:hover, .budgie-menu .view:hover, .budgie-menu iconview:hover, + .budgie-menu .view text:hover, + .view .budgie-menu text:hover, + .budgie-menu iconview text:hover, + iconview .budgie-menu text:hover, + .budgie-menu textview text:hover, + textview .budgie-menu text:hover, .budgie-menu treeview.view header button:hover, treeview.view header .budgie-menu button:hover, .budgie-menu .tweak-category header button:hover, .tweak-category header .budgie-menu button:hover { + background-image: none; + background-color: #fdfdfe; + color: #263238; + transition: none; } + .budgie-menu scrolledwindow undershoot.top, .budgie-menu placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(253, 253, 254, 0.01), rgba(253, 253, 254, 0.04), rgba(253, 253, 254, 0.2), rgba(253, 253, 254, 0.44), rgba(253, 253, 254, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } + .budgie-menu scrolledwindow undershoot.bottom, .budgie-menu placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(253, 253, 254, 0.01), rgba(253, 253, 254, 0.04), rgba(253, 253, 254, 0.2), rgba(253, 253, 254, 0.44), rgba(253, 253, 254, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } + .budgie-menu scrolledwindow undershoot.left, .budgie-menu placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(253, 253, 254, 0.01), rgba(253, 253, 254, 0.04), rgba(253, 253, 254, 0.2), rgba(253, 253, 254, 0.44), rgba(253, 253, 254, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } + .budgie-menu scrolledwindow undershoot.right, .budgie-menu placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(253, 253, 254, 0.01), rgba(253, 253, 254, 0.04), rgba(253, 253, 254, 0.2), rgba(253, 253, 254, 0.44), rgba(253, 253, 254, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +.raven-frame { + border: none; } + +.raven { + margin: -1px; + padding: 0; + border: none; + color: rgba(38, 50, 56, 0.75); + background-color: rgba(229, 233, 236, 0.9); } + .raven:dir(ltr) { + box-shadow: -1px 0 1px rgba(0, 0, 0, 0.12); } + .raven:dir(rtl) { + box-shadow: 1px 0 1px rgba(0, 0, 0, 0.12); } + .raven .raven-header { + border: none; + color: rgba(38, 50, 56, 0.5); + background-color: transparent; + font-weight: 700; } + .raven .raven-background { + border-width: 1px 0 0; + border-style: solid none none; + border-color: rgba(0, 0, 0, 0.09); + background-color: transparent; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } + .raven .powerstrip { + border-top: 1px solid rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } + .raven .powerstrip button { + padding: 1rem; + color: #E8E8E8; } + .raven .powerstrip button:hover, .raven .powerstrip button:active, .raven .powerstrip button:checked { + color: #E8E8E8; } + .raven .powerstrip button:disabled { + color: #E8E8E8; } + .raven .option-subtitle { + color: rgba(38, 50, 56, 0.225); + font-size: 90%; } + .raven scrolledwindow, .raven placessidebar { + background: transparent; } + .raven list, + .raven row, + .raven row.activatable, + .raven .view, + .raven iconview, + .raven .view text, + .view .raven text, + .raven iconview text, + iconview .raven text, + .raven textview text, + textview .raven text, + .raven treeview.view header button, + treeview.view header .raven button, + .raven .tweak-category header button, + .tweak-category header .raven button { + background-color: transparent; } + .raven list:not(.list):hover, + .raven row:not(.list):hover, + .raven row.activatable:not(.list):hover, + .raven .view:not(.list):hover, + .raven iconview:not(.list):hover, + .raven .view text:not(.list):hover, + .view .raven text:not(.list):hover, + .raven iconview text:not(.list):hover, + iconview .raven text:not(.list):hover, + .raven textview text:not(.list):hover, + textview .raven text:not(.list):hover, + .raven treeview.view header button:not(.list):hover, + treeview.view header .raven button:not(.list):hover, + .raven .tweak-category header button:not(.list):hover, + .tweak-category header .raven button:not(.list):hover { + color: #263238; } + .raven list:not(.list):selected, .raven list:not(.list):selected label, + .raven row:not(.list):selected, + .raven row:not(.list):selected label, + .raven row.activatable:not(.list):selected, + .raven .view:not(.list):selected, + .raven iconview:not(.list):selected, + .raven .view text:not(.list):selected, + .view .raven text:not(.list):selected, + .raven iconview text:not(.list):selected, + iconview .raven text:not(.list):selected, + .raven textview text:not(.list):selected, + textview .raven text:not(.list):selected, + .raven treeview.view header button:not(.list):selected, + treeview.view header .raven button:not(.list):selected, + .raven .tweak-category header button:not(.list):selected, + .tweak-category header .raven button:not(.list):selected, + .raven row.activatable:not(.list):selected label, + .raven .view:not(.list):selected label, + .raven iconview:not(.list):selected label, + .raven .view text:not(.list):selected label, + .view .raven text:not(.list):selected label, + .raven iconview text:not(.list):selected label, + iconview .raven text:not(.list):selected label, + .raven textview text:not(.list):selected label, + textview .raven text:not(.list):selected label, + .raven treeview.view header button:not(.list):selected label, + treeview.view header .raven button:not(.list):selected label, + .raven .tweak-category header button:not(.list):selected label, + .tweak-category header .raven button:not(.list):selected label { + color: #E8E8E8; } + .raven list:not(.list):selected:hover, + .raven row:not(.list):selected:hover, + .raven row.activatable:not(.list):selected:hover, + .raven .view:not(.list):selected:hover, + .raven iconview:not(.list):selected:hover, + .raven .view text:not(.list):selected:hover, + .view .raven text:not(.list):selected:hover, + .raven iconview text:not(.list):selected:hover, + iconview .raven text:not(.list):selected:hover, + .raven textview text:not(.list):selected:hover, + textview .raven text:not(.list):selected:hover, + .raven treeview.view header button:not(.list):selected:hover, + treeview.view header .raven button:not(.list):selected:hover, + .raven .tweak-category header button:not(.list):selected:hover, + .tweak-category header .raven button:not(.list):selected:hover { + background-color: rgba(0, 188, 212, 0.1); } + .raven list separator, + .raven row separator, + .raven row.activatable separator, + .raven .view separator, + .raven iconview separator, + .raven .view text separator, + .view .raven text separator, + .raven iconview text separator, + iconview .raven text separator, + .raven textview text separator, + textview .raven text separator, + .raven treeview.view header button separator, + treeview.view header .raven button separator, + .raven .tweak-category header button separator, + .tweak-category header .raven button separator { + min-height: 1px; + min-width: 1px; + margin-bottom: 0.50376rem; + border: none; + color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 -1px rgba(38, 50, 56, 0.165); } + .raven button.image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } + .raven button.image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + -gtk-icon-effect: highlight; } + .raven button.image-button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .raven button.image-button:disabled { + box-shadow: none; + background-color: transparent; } + .raven button.image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; } + .raven button.image-button:checked:disabled > label { + color: inherit; } + .raven .raven-header > .linked { + margin: 0 0.80451rem; } + .raven .raven-header > button.text-button { + min-height: 1rem; + min-width: 1rem; + padding: 0.69925rem 0.80451rem 0.80451rem; + color: rgba(255, 255, 255, 0.85); + background-color: #E8E8E8; } + .raven .raven-header > button.text-button:hover { + color: #FFFFFF; } + .raven .raven-header > button.text-button:active { + color: #FFFFFF; + background-color: #E8E8E8; } + .raven .raven-header > button.text-button:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #33aba0; } + .raven .raven-header > button.text-button:disabled { + box-shadow: none; + background-color: transparent; } + .raven .raven-header button.flat.expander-button, .raven .raven-header button.expander-button.osd.image-button, + .raven .raven-header .expander-button.button.osd.image-button, .raven .raven-header .titlebar button.expander-button:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header button.expander-button:not(.suggested-action):not(.destructive-action), + .raven .raven-header headerbar button.expander-button:not(.suggested-action):not(.destructive-action), + headerbar .raven .raven-header button.expander-button:not(.suggested-action):not(.destructive-action), .raven .raven-header .menu > arrow.expander-button, + .raven .raven-header .context-menu > arrow.expander-button, + .raven .raven-header menu > arrow.expander-button, .raven .raven-header placessidebar row button.expander-button.image-button, placessidebar row .raven .raven-header button.expander-button.image-button, .raven .raven-header .csd headerbar button.expander-button.titlebutton, .csd headerbar .raven .raven-header button.expander-button.titlebutton, + .raven .raven-header .csd .titlebar button.expander-button.titlebutton, + .csd .titlebar .raven .raven-header button.expander-button.titlebutton, .raven .raven-header #gf-candidate-popup button.expander-button, #gf-candidate-popup .raven .raven-header button.expander-button, .raven .raven-header window > grid.vertical > box.vertical > widget button.expander-button, window > grid.vertical > box.vertical > widget .raven .raven-header button.expander-button, .raven .raven-header layouttabbar button.expander-button, layouttabbar .raven .raven-header button.expander-button, .raven .raven-header layouttab button.expander-button, layouttab .raven .raven-header button.expander-button { + min-width: 1rem; + min-height: 1rem; + padding: 0.80451rem; + border-radius: 100px; + -gtk-outline-radius: 100px; + color: rgba(38, 50, 56, 0.5); } + .raven .raven-header button.flat.expander-button:hover, .raven .raven-header button.expander-button.osd.image-button:hover, + .raven .raven-header .expander-button.button.osd.image-button:hover, .raven .raven-header .titlebar button.expander-button:hover:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header button.expander-button:hover:not(.suggested-action):not(.destructive-action), + .raven .raven-header headerbar button.expander-button:hover:not(.suggested-action):not(.destructive-action), + headerbar .raven .raven-header button.expander-button:hover:not(.suggested-action):not(.destructive-action), .raven .raven-header .menu > arrow.expander-button:hover, + .raven .raven-header .context-menu > arrow.expander-button:hover, + .raven .raven-header menu > arrow.expander-button:hover, .raven .raven-header placessidebar row button.expander-button.image-button:hover, placessidebar row .raven .raven-header button.expander-button.image-button:hover, .raven .raven-header .csd headerbar button.expander-button.titlebutton:hover, .csd headerbar .raven .raven-header button.expander-button.titlebutton:hover, + .raven .raven-header .csd .titlebar button.expander-button.titlebutton:hover, + .csd .titlebar .raven .raven-header button.expander-button.titlebutton:hover, .raven .raven-header #gf-candidate-popup button.expander-button:hover, #gf-candidate-popup .raven .raven-header button.expander-button:hover, .raven .raven-header window > grid.vertical > box.vertical > widget button.expander-button:hover, window > grid.vertical > box.vertical > widget .raven .raven-header button.expander-button:hover, .raven .raven-header layouttabbar button.expander-button:hover, layouttabbar .raven .raven-header button.expander-button:hover, .raven .raven-header layouttab button.expander-button:hover, layouttab .raven .raven-header button.expander-button:hover, .raven .raven-header button.flat.expander-button:active, .raven .raven-header button.expander-button.osd.image-button:active, + .raven .raven-header .expander-button.button.osd.image-button:active, .raven .raven-header .titlebar button.expander-button:active:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header button.expander-button:active:not(.suggested-action):not(.destructive-action), + .raven .raven-header headerbar button.expander-button:active:not(.suggested-action):not(.destructive-action), + headerbar .raven .raven-header button.expander-button:active:not(.suggested-action):not(.destructive-action), .raven .raven-header .menu > arrow.expander-button:active, + .raven .raven-header .context-menu > arrow.expander-button:active, + .raven .raven-header menu > arrow.expander-button:active, .raven .raven-header placessidebar row button.expander-button.image-button:active, placessidebar row .raven .raven-header button.expander-button.image-button:active, .raven .raven-header .csd headerbar button.expander-button.titlebutton:active, .csd headerbar .raven .raven-header button.expander-button.titlebutton:active, + .raven .raven-header .csd .titlebar button.expander-button.titlebutton:active, + .csd .titlebar .raven .raven-header button.expander-button.titlebutton:active, .raven .raven-header #gf-candidate-popup button.expander-button:active, #gf-candidate-popup .raven .raven-header button.expander-button:active, .raven .raven-header window > grid.vertical > box.vertical > widget button.expander-button:active, window > grid.vertical > box.vertical > widget .raven .raven-header button.expander-button:active, .raven .raven-header layouttabbar button.expander-button:active, layouttabbar .raven .raven-header button.expander-button:active, .raven .raven-header layouttab button.expander-button:active, layouttab .raven .raven-header button.expander-button:active { + color: #263238; } + .raven calendar { + border: none; + background-color: transparent; } + .raven undershoot.top, .raven undershoot.bottom, .raven undershoot.left, .raven undershoot.right { + background-image: none; } + +.raven-mpris { + border: none; + color: #263238; + background-color: rgba(229, 233, 236, 0.9); } + .raven-mpris button.image-button { + padding: 0.6015rem; } + +.budgie-notification-window { + border-radius: 2px; + background: none; } + +.budgie-notification.background { + border-radius: 2px; } +.budgie-notification .notification-title { + color: rgba(38, 50, 56, 0.75); + font-size: 110%; + font-weight: 500; } +.budgie-notification .notification-body { + color: #263238; } + +.background.csd.budgie-run-dialog { + border: 1px solid rgba(0, 0, 0, 0.09); + border-top-color: rgba(255, 255, 255, 0.07); + background-color: transparent; } + .background.csd.budgie-run-dialog decoration { + border-radius: 2px; + background-color: rgba(229, 233, 236, 0.9); } + .background.csd.budgie-run-dialog decoration headerbar { + border-radius: 2px; } + .background.csd.budgie-run-dialog scrolledwindow, .background.csd.budgie-run-dialog placessidebar { + border-image: none; } + .background.csd.budgie-run-dialog scrolledwindow undershoot.top, .background.csd.budgie-run-dialog placessidebar undershoot.top, .background.csd.budgie-run-dialog scrolledwindow undershoot.bottom, .background.csd.budgie-run-dialog placessidebar undershoot.bottom, .background.csd.budgie-run-dialog scrolledwindow undershoot.left, .background.csd.budgie-run-dialog placessidebar undershoot.left, .background.csd.budgie-run-dialog scrolledwindow undershoot.right, .background.csd.budgie-run-dialog placessidebar undershoot.right { + background-image: none; } + .background.csd.budgie-run-dialog box > box > separator { + border: 0 none transparent; + color: transparent; + background-color: transparent; } + .background.csd.budgie-run-dialog button.image-button { + color: #E8E8E8; } + .background.csd.budgie-run-dialog button.image-button:hover, .background.csd.budgie-run-dialog button.image-button:active, .background.csd.budgie-run-dialog button.image-button:checked { + color: #E8E8E8; } + .background.csd.budgie-run-dialog button.image-button:disabled { + color: #E8E8E8; } + +.budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 2px; + border-width: 0; + background-color: #3e515a; + color: #ECEFF1; + font-weight: 700; + opacity: 0.9; } + .budgie-session-dialog decoration, + .budgie-polkit-dialog decoration { + border-radius: 2px; + box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); } + .budgie-session-dialog decoration:backdrop, + .budgie-polkit-dialog decoration:backdrop { + box-shadow: 0 10px 6px transparent, 0 6px 8px -4px transparent, 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); + transition: none; } + .budgie-session-dialog button, + .budgie-session-dialog .linked > button, + .budgie-polkit-dialog button, + .budgie-polkit-dialog .linked > button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + padding: 0.69925rem 1rem 0.80451rem; + border: 2px solid transparent; + border-radius: 0; + color: #E8E8E8; + background-color: transparent; + background-size: 9.96241rem 9.96241rem, auto; } + .budgie-session-dialog button:hover, + .budgie-session-dialog .linked > button:hover, + .budgie-polkit-dialog button:hover, + .budgie-polkit-dialog .linked > button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + color: #E8E8E8; } + .budgie-session-dialog button:active, + .budgie-session-dialog .linked > button:active, + .budgie-polkit-dialog button:active, + .budgie-polkit-dialog .linked > button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #E8E8E8; } + .budgie-session-dialog button:checked, + .budgie-session-dialog .linked > button:checked, + .budgie-polkit-dialog button:checked, + .budgie-polkit-dialog .linked > button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + color: #E8E8E8; } + .budgie-session-dialog button:disabled, + .budgie-session-dialog .linked > button:disabled, + .budgie-polkit-dialog button:disabled, + .budgie-polkit-dialog .linked > button:disabled { + box-shadow: none; + background-color: transparent; } + .budgie-session-dialog button:first-child, + .budgie-session-dialog .linked > button:first-child, + .budgie-polkit-dialog button:first-child, + .budgie-polkit-dialog .linked > button:first-child { + border-radius: 0 0 0 2px; + border-right-width: 0; } + .budgie-session-dialog button:last-child, + .budgie-session-dialog .linked > button:last-child, + .budgie-polkit-dialog button:last-child, + .budgie-polkit-dialog .linked > button:last-child { + border-radius: 0 0 2px 0; + border-left-width: 0; } + .budgie-session-dialog:not(.budgie-session-dialog) .message, + .budgie-polkit-dialog:not(.budgie-session-dialog) .message { + color: rgba(38, 50, 56, 0.75); } + .budgie-session-dialog:not(.budgie-session-dialog) .failure, + .budgie-polkit-dialog:not(.budgie-session-dialog) .failure { + color: #E8E8E8; + font-weight: 700; } + +.drop-shadow { + background-color: #e5e9ec; + background-image: none; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + +/***************** + * Unity Desktop * + *****************/ +UnityDecoration { + -UnityDecoration-extents: 28px 0 0 0; + -UnityDecoration-input-extents: 8px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 8px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.24); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.16); + -UnityDecoration-inactive-shadow-radius: 6px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #E8E8E8; + -UnityDecoration-title-indent: 16px; + -UnityDecoration-title-fade: 32px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border-width: 1px 0 0; + border-style: solid none none; + border-color: rgba(0, 0, 0, 0.09); + border-radius: 2px 2px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #FFFFFF); + color: #ECEFF1; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } + UnityDecoration.top:backdrop { + color: rgba(236, 239, 241, 0.3); } + UnityDecoration.left, UnityDecoration.left:backdrop, UnityDecoration.right, UnityDecoration.right:backdrop, UnityDecoration.bottom, UnityDecoration.bottom:backdrop { + background-image: none; } + +UnityPanelWidget, UnityPanelWidget:backdrop, +.unity-panel, +.unity-panel:backdrop { + border-bottom: 1px solid #FFFFFF; + color: #ECEFF1; + background-image: linear-gradient(to bottom, #FFFFFF); + box-shadow: none; } + +.unity-panel.menubar, +.unity-panel .menubar { + background-color: transparent; + background-image: none; + box-shadow: none; } + .unity-panel.menubar.menuitem, .unity-panel.menubar .menuitem *, + .unity-panel .menubar.menuitem, + .unity-panel .menubar .menuitem * { + padding: 0 6px; + border-radius: 0; + border-bottom: none; + color: #ECEFF1; + background-color: transparent; } + .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover, + .unity-panel .menubar.menuitem:hover, + .unity-panel .menubar .menuitem *:hover { + color: #FFFFFF; + box-shadow: inset 0 -2px #E8E8E8; } + +/************ + * Corebird * + ************/ +stack button.profile-button:checked { + color: #263238; } + +headerbar.titlebar box button.toggle.account-button { + min-width: 1rem; + min-height: 1rem; + padding: 0.50376rem 0.75188rem 0.50376rem; + border-radius: 2px; + -gtk-outline-radius: 2px; } + headerbar.titlebar box button.toggle.account-button .avatar-round { + border-color: transparent; } +headerbar.titlebar box button.image-button.toggle { + min-width: 1rem; + min-height: 1rem; + padding: 0.50376rem 0.75188rem 0.50376rem; } + +/******** + * Nemo * + ********/ +window EelEditableLabel { + transition: none; } +window grid > box > box > toolbar.primary-toolbar { + border-bottom: 1px solid rgba(0, 0, 0, 0.09); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18), inset 0 4px 2px -4px rgba(0, 0, 0, 0.2), inset 0 8px 3px -5px rgba(0, 0, 0, 0.24); } +window grid > paned > box > paned > box > notebook, window grid > paned > box > paned > box > notebook > stack:not(:only-child) { + background-color: #FFFFFF; } +window grid.vertical > paned.horizontal > box.vertical > scrolledwindow.frame, window grid.vertical > paned.horizontal > box.vertical > placessidebar.frame { + border-width: 0; } +window grid.vertical > widget > box { + padding: 0.20301rem; } +window grid.vertical > widget > box > button.image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + min-width: 1rem; + min-height: 2.20301rem; + border-radius: 2px; + -gtk-outline-radius: 2px; + padding: 0 0.75188rem 0; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: rgba(38, 50, 56, 0.75); + box-shadow: none; } + window grid.vertical > widget > box > button.image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); + border-image: none; + color: #263238; + box-shadow: none; } + window grid.vertical > widget > box > button.image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #263238; + box-shadow: none; } + window grid.vertical > widget > box > button.image-button:checked:disabled { + border-image: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); + box-shadow: none; } + window grid.vertical > widget > box > button.image-button:checked:disabled > label { + color: inherit; } + window grid.vertical > widget > box > button.image-button:checked:disabled > label { + color: inherit; } + window grid.vertical > widget > box > button.image-button:disabled { + box-shadow: none; + background-color: transparent; + border-image: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.225); + box-shadow: none; } +window grid.vertical > widget box > separator.vertical { + min-width: 0; + color: transparent; + background-color: transparent; } + +/************ + * Lollypop * + ************/ +window > headerbar > widget > box.horizontal > grid.horizontal > button.toggle.image-button { + min-width: 1.30075rem; + min-height: 2.80451rem; + padding: 0 0.75188rem 0; } +window > headerbar > widget > box.horizontal > button.image-button { + min-width: 1.30075rem; + min-height: 2.80451rem; + margin: -0.15038rem 0; + padding: 0 0.75188rem 0; } + +/*************************** + * Cinnamon-control-center * + ***************************/ +window > box.vertical > stack > scrolledwindow iconview, window > box.vertical > stack > placessidebar iconview, window > box.vertical > stack > scrolledwindow iconview.view, window > box.vertical > stack > placessidebar iconview.view, window > box.vertical > stack > scrolledwindow iconview, window > box.vertical > stack > placessidebar iconview { + background-color: transparent; } +window > box.vertical > stack > scrolledwindow toolbar, window > box.vertical > stack > placessidebar toolbar { + background-color: #FFFFFF; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } + +/********* + * XFce4 * + *********/ +.xfce4-panel { + background-color: #FFFFFF; + color: #ECEFF1; + font-weight: 700; } + .xfce4-panel button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); + padding: 0px 4px; + border: none; + border-radius: 0; + color: #ECEFF1; + background-color: transparent; } + .xfce4-panel button:hover { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px alpha(currentColor, 0.2); } + .xfce4-panel button:checked, .xfce4-panel button:hover:checked, .xfce4-panel button:disabled:checked { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px #E8E8E8; } + .xfce4-panel button label:backdrop, .xfce4-panel button:backdrop { + opacity: 1.0; } + .xfce4-panel menu { + -gtk-icon-effect: none; } + +TopMenuAppMenuBar { + background-color: #FFFFFF; + color: #ECEFF1; + box-shadow: none; } + TopMenuAppMenuBar > menuitem { + color: #ECEFF1; + background-color: transparent; } + TopMenuAppMenuBar > menuitem:hover { + color: #FFFFFF; + box-shadow: inset 0 -2px #E8E8E8; } + TopMenuAppMenuBar > menuitem:backdrop { + opacity: 1.0; } + +/************** + * FeedReader * + **************/ +window > paned.titlebar > headerbar.titlebar button.flat:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar button.osd.image-button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +window > paned.titlebar > headerbar.titlebar .button.osd.image-button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle):not(.suggested-action):not(.destructive-action), window > paned.titlebar > headerbar.titlebar .menu > arrow:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +window > paned.titlebar > headerbar.titlebar .context-menu > arrow:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +window > paned.titlebar > headerbar.titlebar menu > arrow:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar placessidebar row button.image-button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), placessidebar row window > paned.titlebar > headerbar.titlebar button.image-button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar .csd headerbar.selection-mode button.titlebutton:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +.csd window > paned.titlebar > headerbar.titlebar button.titlebutton:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +window > paned.titlebar > headerbar.titlebar .csd .titlebar.selection-mode button.titlebutton:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar #gf-candidate-popup button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), #gf-candidate-popup window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar window > grid.vertical > box.vertical > widget button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > grid.vertical > box.vertical > widget window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar layouttabbar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), layouttabbar window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar layouttab button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), layouttab window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle) { + min-width: 1rem; + padding-left: 0.90226rem; + padding-right: 0.90226rem; } + +/************ + * Synaptic * + ************/ +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; } + window > box.vertical > box.horizontal > toolbar toolitem > box label, + window > box.vertical > box.horizontal > toolbar toolitem > box entry, + window > box.vertical > box.horizontal > toolbar toolitem > box spinbutton:not(.vertical) { + min-height: 1rem; + padding-top: 0.09774rem; + padding-bottom: 0.09774rem; + font-size: 90%; } + window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: rgba(38, 50, 56, 0.3); } +window > box.vertical > box.horizontal > widget { + background-color: transparent; } + +/*********** + * Colours * + ***********/ +@define-color theme_fg_color #263238; +@define-color theme_inverted_fg_color #ECEFF1; +@define-color theme_text_color #263238; +@define-color theme_bg_color #FFFFFF; +@define-color theme_base_color #FFFFFF; +@define-color theme_selected_bg_color #E8E8E8; +@define-color theme_selected_fg_color #FFFFFF; +@define-color insensitive_bg_color #FFFFFF; +@define-color insensitive_fg_color rgba(38, 50, 56, 0.3); +@define-color insensitive_base_color #fdfdfe; +@define-color theme_unfocused_fg_color rgba(38, 50, 56, 0.3); +@define-color theme_unfocused_inverted_fg_color rgba(236, 239, 241, 0.3); +@define-color theme_unfocused_text_color rgba(38, 50, 56, 0.3); +@define-color theme_unfocused_inverted_text_color rgba(236, 239, 241, 0.3); +@define-color theme_unfocused_bg_color #FFFFFF; +@define-color theme_unfocused_base_color #FFFFFF; +@define-color theme_unfocused_selected_bg_color #E8E8E8; +@define-color theme_unfocused_selected_fg_color #FFFFFF; +@define-color placeholder_text_color #CFD8DC; +@define-color borders rgba(0, 0, 0, 0.09); +@define-color unfocused_borders rgba(0, 0, 0, 0.09); +@define-color warning_color #FF9800; +@define-color error_color #F44336; +@define-color success_color #00E676; +@define-color link_color #E8E8E8; +@define-color wm_bg_a #FFFFFF; +@define-color wm_bg_b rgba(255, 255, 255, 0.07); +@define-color content_view_bg #FFFFFF;
A
themes/whitey/gtk-3.20/gtk.scss
@@ -0,0 +1,14 @@
+// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade +// - if you need to inverse a color function use the @if directive to match for dark $variant + +$variant: 'light'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'misc'; // specific styling for Gnome-hosted apps +@import '3rd-party'; // other apps/desktops styling +@import 'colors-public';
A
themes/whitey/gtk-3.20/parse-sass.sh
@@ -0,0 +1,3 @@
+#!/bin/sh + +bundle exec sass --update --sourcemap=none .
A
themes/whitey/gtk-3.22/Gemfile
@@ -0,0 +1,2 @@
+source 'https://rubygems.org' +gem "sass", "~> 3.4.0"
A
themes/whitey/gtk-3.22/README
@@ -0,0 +1,36 @@
+Summary +------- + +* Do not edit the CSS directly, edit the source SCSS files and process them with SASS (run + `./parse-sass.sh` when you have the required software installed, as described below) +* To be able to use the latest/adequate version of sass, install ruby, gem, sass & bundle. + On Fedora F20, this is done with `sudo dnf install rubygems && gem install bundle && bundle install` + from the same directory this README resides in. + +How to tweak the theme +---------------------- + +Adwaita is a complex theme, so to keep it maintainable it's written and processed in SASS. The +generated CSS is then transformed into a gresource file during gtk build and used at runtime in a +non-legible or editable form. + +It is very likely your change will happen in the _common.scss file. That's where all the widget +selectors are defined. Here's a rundown of the "supporting" stylesheets, that are unlikely to be the +right place for a drive by stylesheet fix: + +_colors.scss - global color definitions. We keep the number of defined colors to a necessary minimum, + most colors are derived form a handful of basics. It covers both the light variant and + the dark variant. + +_colors-public.scss - SCSS colors exported through gtk to allow for 3rd party apps color mixing. + +_drawing.scss - drawing helper mixings/functions to allow easier definition of widget drawing under + specific context. This is why Adwaita isn't 15000 LOC. + +_common.scss - actual definitions of style for each widget. This is where you are likely to add/remove + your changes. + +You can read about SASS at http://sass-lang.com/documentation/. Once you make your changes to the +_common.scss file, you can either run the ./parse-sass.sh script or keep SASS watching for changes as you +edit. This is done by running `bundle exec sass --watch --sourcemap=none .` If sass is out of date, or is +missing, you can install it with `bundle install`.
A
themes/whitey/gtk-3.22/_3rd-party.scss
@@ -0,0 +1,850 @@
+/****************** + * Budgie Desktop * + ******************/ + +// specific ripple-effect for IconTaskList +@keyframes budgie_ripple_effect { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha($inverted_fg_color, 0.2)), + to(transparent)), + linear-gradient(to bottom, + gtkalpha($inverted_fg_color, 0.2)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.4, + to(gtkalpha($inverted_fg_color, 0.2)), + to(transparent)), + linear-gradient(to bottom, + gtkalpha($inverted_fg_color, 0.2)); + } +} + +// orientation +$orientation: ((top, bottom), + (bottom, top), + (left, right), + (right, left)); + +// main container +.budgie-container { background-color: transparent; } + +// disable backdrop transparency +.budgie-panel { + &:backdrop, + *:backdrop { opacity: 1.0; } +} + +// panel styling +.budgie-panel { + // always use dark-color of dark variant + background-color: $panel_bg_color; + color: $inverted_fg_color; + font-weight: 700; + + // panel border styling + @each $along_side, $opp_side in $orientation { + .#{$along_side} & { border-#{$along_side}: 2px solid #000000; } + } + + // used to indicate unread notifications + .alert { color: $accent_color; } +} + +@each $along_side, $opp_side in $orientation { + // panel shadow styling + .#{$along_side} .shadow-block { + background-color: transparent; + background-image: linear-gradient(to $opp_side, + gtkalpha(#000000, 0.23), + gtkalpha(#000000, 0.08), + transparent); + } +} + +// wnck tasklist styling +.budgie-panel #tasklist-button { + &, &:backdrop { + button { + border: none; + background: none; + opacity: 0.5; + &:hover, + &:active, + &:checked { opacity: 1.0; } + } + } +} + +// icon tasklist styling +.budgie-panel { + button.flat.launcher { + &, &:backdrop { + min-width: rem(24px); + min-height: rem(24px); + padding: 0; + border: 2px solid transparent; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.4, + to(gtkalpha($inverted_fg_color, 0)), + to(transparent)), + linear-gradient(to bottom, + gtkalpha($inverted_fg_color, 0)); + background-size: $image_button_large; + background-position: center center; + opacity: 0.5; + transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: opacity, + border-color, + background-color, + background-image, + box-shadow; + transition-duration: 0.2s; + &:hover { + opacity: 0.75; + -gtk-icon-effect: highlight; + } + &:active { + opacity: 1.0; + transition-duration: 0; + animation: budgie_ripple_effect 0.2s + cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; + } + &:checked { + opacity: 1.0; + background-color: transparent; + &:hover { -gtk-icon-effect: highlight; } + } + } + } + + .unpinned button.flat.launcher, + .unpinned button.flat.launcher:backdrop, + .pinned button.flat.launcher.running, + .pinned button.flat.launcher.running:backdrop { + opacity: 1.0; + &:hover { -gtk-icon-effect: highlight; } + } +} + +// draw underscores +@each $along_side, $opp_side in $orientation { + .#{$along_side} .budgie-panel { + #tasklist-button button, + #tasklist-button button:backdrop { + border: 2px solid transparent; + &:hover { + border-#{$along_side}: 2px solid gtkalpha($inverted_fg_color, 0.4); + } + &:active, + &:checked { + border-#{$along_side}: 2px solid $selected_bg_color; + } + } + + button.flat.launcher, + button.flat.launcher:backdrop { + border: 2px solid transparent; + &:hover { + border-#{$along_side}: 2px solid gtkalpha($inverted_fg_color, 0.4); + } + &:active, + &:checked { + border-#{$along_side}: 2px solid $selected_bg_color; + } + } + } +} + +// draw underscores and dots +@each $along_side, $_dot in (top, top), + (bottom, bottom), + (left, left), + (right, right) { + .#{$along_side} .budgie-panel { + .unpinned button.flat.launcher, + .unpinned button.flat.launcher:backdrop, + .pinned button.flat.launcher.running, + .pinned button.flat.launcher.running:backdrop { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-#{$_dot}.png"), + url("assets/running-dot-#{$_dot}@2.png")) + 2 / 2px; + &:hover, + &:active, + &:checked { + border-#{$along_side}: 2px solid $selected_bg_color; + border-image: none; + } + } + } +} + +// main menu styling +.budgie-menu { + border-radius: 2px; + background-color: $secondary_base_color; + + scrolledwindow, + list, + row, + scrollbar { // reset styling + min-width: 0; + min-height: 0; + border: none; + background: none; + box-shadow: none; + } + + row { // reset background + &, &.activatable { + background-image: none; + background-color: $secondary_base_color; + color: $secondary_fg_color; + transition: none; + + // FIXME: enlarge vertical spacing with icon's paddding + image { padding: rem(5.3px) 0 rem(6.7px); } + } + &:hover, + &.activatable:hover { + background-image: none; + background-color: $secondary_base_color; + color: $fg_color; + transition: none; + } + } + + scrolledwindow undershoot { + &.top { @include undershoot(top, $secondary_base_color); } + &.bottom { @include undershoot(bottom, $secondary_base_color); } + &.left { @include undershoot(left, $secondary_base_color); } + &.right { @include undershoot(right, $secondary_base_color); } + } +} + +// raven styling +.raven-frame { border: none; } + +.raven { + margin: -1px; // FIXME: unwanted 1px gap exists around raven + padding: 0; + border: none; + color: $secondary_fg_color; + background-color: gtkopacity($dark_color, 0.9); + + // mixin with drop-shadows to avoid the raven edge shine-through + &:dir(ltr) { box-shadow: -1px 0 1px rgba(0, 0, 0, 0.12); } + &:dir(rtl) { box-shadow: 1px 0 1px rgba(0, 0, 0, 0.12); } + + .raven-header { + border: none; + color: $tertiary_fg_color; + background-color: transparent; + font-weight: 700; + } + + .raven-background { + border-width: 1px 0 0; + border-style: solid none none; + border-color: $borders_color; + background-color: transparent; + box-shadow: if($variant == 'light', $inline-shadow-light, + $inline-shadow-dark); + } + + .powerstrip { // always use dark variant + border-top: 1px solid $borders_color; + background-color: $inverted_dark_color; + box-shadow: if($variant == 'light', $inline-shadow-light, + $inline-shadow-dark); + + button { + padding: rem(13.3px); + color: $secondary_accent_color; + &:hover, + &:active, + &:checked { color: $accent_color; } + &:disabled { color: gtkopacity($accent_color, 0.4); } + } + } + + .option-subtitle { + color: $insensitive_secondary_fg_color; + font-size: 90%; + } + + scrolledwindow { background: transparent; } + + list, + row, + row.activatable { + background-color: transparent; + &:not(.list):hover { color: $fg_color; } + &:not(.list):selected { + &, label { + color: $selected_bg_color; + } + &:hover { background-color: gtkopacity($selected_bg_color, 0.1); } + } + + separator { + min-height: 1px; + min-width: 1px; + margin-bottom: rem(6.7px); + border: none; + color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 -1px gtkopacity($insensitive_fg_color, 0.55); + } + } + + // use flat-style + button.image-button { + @include button(flat-normal); + &:hover { + @include button(flat-hover); + -gtk-icon-effect: highlight; + } + &:active { @include button(flat-active); } + &:disabled { @include button(flat-insensitive); } + &:checked { @include button(flat-checked); } + &:checked:disabled { @include button(flat-checked-insensitive); } + } + + .raven-header { + > .linked { margin: 0 rem(10.7px); } + + > button.text-button { // 'exit' button + min-height: rem(13.3px); + min-width: rem(13.3px); + padding: rem(9.3px) rem(10.7px) rem(10.7px); + color: $secondary_selected_fg_color; + background-color: $suggested_color; + &:hover { color: $selected_fg_color; } + &:active { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + &:checked { + color: $secondary_selected_fg_color; + background-color: mix($selected_fg_color, $suggested_color, 20%); + } + &:disabled { + @include button(flat-insensitive, $track_color, $insensitive_fg_color); + } + } + + button.flat.expander-button { // expander arrow buttons + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(10.7px); + border-radius: 100px; + -gtk-outline-radius: 100px; + color: $tertiary_fg_color; + &:hover, + &:active { color: $fg_color; } + } + } + + calendar { + border: none; + background-color: transparent; + } + + undershoot { // remove undershoot + &.top, + &.bottom, + &.left, + &.right { background-image: none; } + } +} + +// MPRIS Applet +.raven-mpris { + border: none; + color: $fg_color; + background-color: gtkopacity($dark_color, 0.9); + + button.image-button { padding: rem(8px); } +} + +// notifications +.budgie-notification-window { + border-radius: 2px; + background: none; +} + +.budgie-notification { + &.background { border-radius: 2px; } + + .notification-title { + color: $secondary_fg_color; + font-size: 110%; + font-weight: 500; + } + + .notification-body { color: $fg_color; } +} + +// run-dialog styling +.background.csd.budgie-run-dialog { + border: 1px solid $borders_color; + border-top-color: $highlight_color; + background-color: transparent; + + decoration { + border-radius: 2px; // hard-coded 6px is ugly... + background-color: gtkopacity($dark_color, 0.9); + + headerbar { border-radius: 2px; } + } + + scrolledwindow { + border-image: none; // remove underline indicator + + undershoot { // remove undershoot + &.top, + &.bottom, + &.left, + &.right { background-image: none; } + } + } + + // hide weird separator + box > box > separator { + border: 0 none transparent; + color: transparent; + background-color: transparent; + } + + // 'close' button + button.image-button { + color: $secondary_accent_color; + &:hover, + &:active, + &:checked { color: $accent_color; } + &:disabled { color: gtkopacity($accent_color, 0.4); } + } +} + +// session-dialog and polkit-dialog styling +.budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 2px; + border-width: 0; + // Always use dark-color of dark variant + background-color: $inverted_bg_color; + color: $inverted_fg_color; + font-weight: 700; + opacity: 0.9; + + decoration { // composite with drop-shadows + border-radius: 2px; + box-shadow: $z-depth-4; + &:backdrop { + box-shadow: $z-depth-2-backdrop; + transition: none; + } + } + + button, + .linked > button { + @include button(flat-normal); + padding: rem(9.3px) rem(13.3px) rem(10.7px); + border: 2px solid transparent; + border-radius: 0; + color: $secondary_accent_color; + background-color: transparent; + background-size: $text_button_small; + &:hover { + @include button(flat-hover); + color: $accent_color; + } + &:active { + @include button(flat-active); + color: $accent_color; + } + &:checked { + @include button(flat-checked); + color: $secondary_accent_color; + } + &:disabled { @include button(flat-insensitive); } + + &:first-child { + border-radius: 0 0 0 2px; + border-right-width: 0; + } + &:last-child { + border-radius: 0 0 2px 0; + border-left-width: 0; + } + } + + // polkit-dialog specific styling + &:not(.budgie-session-dialog) { + .message { color: $secondary_fg_color; } + .failure { + color: $accent_color; + font-weight: 700; + } + } +} + +// misc settings +.drop-shadow { + background-color: $dark_color; + background-image: none; + box-shadow: $z-depth-2; +} + + +/***************** + * Unity Desktop * + *****************/ + +// window decorations +UnityDecoration { + -UnityDecoration-extents: 28px 0 0 0; + -UnityDecoration-input-extents: 8px; + + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 8px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.24); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.16); + -UnityDecoration-inactive-shadow-radius: 6px; + + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: $selected_bg_color; + + -UnityDecoration-title-indent: 16px; + -UnityDecoration-title-fade: 32px; + -UnityDecoration-title-alignment: 0.0; + + &.top { + border-width: 1px 0 0; + border-style: solid none none; + border-color: $borders_color; + border-radius: 2px 2px 0 0; + padding: 1px 6px 0 6px; + + background-image: linear-gradient(to bottom, $inverted_dark_color, + $inverted_dark_color); + // The foreground color will be used to paint the text + color: $inverted_fg_color; + box-shadow: inset 0 1px $highlight_color; + + &:backdrop { color: $insensitive_inverted_fg_color; } + } + + &.left, + &.right, + &.bottom { + &, &:backdrop { background-image: none; } + } +} + +// panel styling +UnityPanelWidget, +.unity-panel { + &, &:backdrop { + border-bottom: 1px solid $panel_bg_color; + color: $inverted_fg_color; + background-image: linear-gradient(to bottom, + opacify($panel_bg_color, 0.9), + opacify($panel_bg_color, 0.9)); + box-shadow: none; + } +} + +.unity-panel.menubar, +.unity-panel .menubar { + background-color: transparent; + background-image: none; + box-shadow: none; + + &.menuitem, + & .menuitem * { + padding: 0 6px; + border-radius: 0; + border-bottom: none; + color: $inverted_fg_color; + background-color: transparent; + &:hover { + color: $selected_fg_color; + box-shadow: inset 0 -2px $selected_bg_color; + } + } +} + + +/************ + * Corebird * + ************/ + +// use normal foreground colour +stack button.profile-button { + &:checked { color: $fg_color; } +} + +headerbar.titlebar box { + button.toggle.account-button { // left-most account-button + min-width: rem(13.3px); + min-height: rem(13.3px); + // it doesn't work + padding: rem(6.7px) rem(10px) rem(6.7px); + // revert to square button since we can't make perfect circle button + border-radius: 2px; + -gtk-outline-radius: 2px; + + // it doesn't work + .avatar-round { border-color: transparent; } + } + + button.image-button.toggle { // tweet button + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(6.7px) rem(10px) rem(6.7px); + } +} + + +/******** + * Nemo * + ********/ + +.nemo-desktop.nemo-canvas-item { + @extend .nautilus-desktop.nautilus-canvas-item; +} + +window { + // Workaround for invisible text in rename entry + EelEditableLabel { transition: none; } + + // draw bottom border and shadows + grid > box > box > toolbar.primary-toolbar { + border-bottom: 1px solid $borders_color; + box-shadow: if($variant == 'light', $toolbar-shadow-light, + $toolbar-shadow-dark); + } + + // tweak notebook colour + grid > paned > box > paned > box > notebook { + &, > stack:not(:only-child) { + background-color: $base_color; + } + } + + // remove double-border + grid.vertical > paned.horizontal > box.vertical { + > scrolledwindow.frame { + border-width: 0; + } + } + + // force using flat-style on bottom bar + grid.vertical > widget { + // FIXME: conflicts with lollypop. + // background-color: $secondary_dark_color; + // box-shadow: $inline-shadow; + + > box { padding: rem(2.7px); } + + > box > button.image-button { + @include button(flat-normal); + min-width: rem(13.3px); + min-height: rem(29.3px); + border-radius: 2px; + -gtk-outline-radius: 2px; + padding: 0 rem(10px) 0; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.001, + to($track_color), + to(transparent)) + 0 0 0 / 0 0 0px; + color: $secondary_fg_color; + box-shadow: none; + &:hover { + @include button(flat-hover); + border-image: none; + color: $fg_color; + box-shadow: none; + } + &:checked { + @include button(flat-checked); + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_bg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + background-color: transparent; + color: $fg_color; + box-shadow: none; + &:disabled { + @include button(flat-checked-insensitive); + border-image: none; + background-color: transparent; + color: $insensitive_fg_color; + box-shadow: none; + > label { color: inherit; } + } + } + &:disabled { + @include button(flat-insensitive); + border-image: none; + background-color: transparent; + color: $insensitive_secondary_fg_color; + box-shadow: none; + } + } + + box > separator.vertical { // remove separator + min-width: 0; + color: transparent; + background-color: transparent; + } + } +} + + +/************ + * Lollypop * + ************/ + +window > headerbar > widget > box.horizontal { + > grid.horizontal > button.toggle.image-button { + min-width: rem(17.3px); + min-height: rem(37.3px); + padding: 0 rem(10px) 0; + } + + > button.image-button { + min-width: rem(17.3px); + min-height: rem(37.3px); + margin: rem(-2px) 0; + padding: 0 rem(10px) 0; + } +} + + +/*************************** + * Cinnamon-control-center * + ***************************/ + +window > box.vertical > stack > scrolledwindow { + // stop using $base_color + iconview { + &, &.view { background-color: transparent; } + } + + toolbar { + background-color: $secondary_dark_color; + box-shadow: if($variant == 'light', $inline-shadow-light, + $inline-shadow-dark); + } +} + + +/********* + * XFce4 * + *********/ + +.xfce4-panel { + background-color: $panel_bg_color; + color: $inverted_fg_color; + font-weight: 700; + + button { + @include button(flat-normal); + padding: 0px 4px; + border: none; + border-radius: 0; + color: $inverted_fg_color; + background-color: transparent; + &:hover { + color: $selected_fg_color; + background-color: transparent; + box-shadow: inset 0 -2px $track_color; + } + &:checked, + &:hover:checked, + &:disabled:checked { // 'checked' = 'active' + color: $selected_fg_color; + background-color: transparent; + box-shadow: inset 0 -2px $selected_bg_color; + } + + label:backdrop, + &:backdrop { opacity: 1.0; } + } + + menu { -gtk-icon-effect: none; } +} + +TopMenuAppMenuBar { + background-color: $panel_bg_color; // do not use transparent + color: $inverted_fg_color; + box-shadow: none; + + > menuitem { + color: $inverted_fg_color; + background-color: transparent; + &:hover { + color: $selected_fg_color; + box-shadow: inset 0 -2px $selected_bg_color; + } + &:backdrop { opacity: 1.0; } + } +} + + +/************** + * FeedReader * + **************/ + +window > paned.titlebar > headerbar.titlebar { + button.flat { + // FIXME: when developer will use .image-button class? + &:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle) { + min-width: rem(13.3px); + padding-left: rem(12px); + padding-right: rem(12px); + } + } +} + + +/************ + * Synaptic * + ************/ + +window > box.vertical > box.horizontal { + > toolbar { + background-color: transparent; + box-shadow: none; + + toolitem > box { + label, + entry { + min-height: rem(13.3px); + padding-top: rem(1.3px); + padding-bottom: rem(1.3px); + font-size: 90%; + } + + > label { color: $insensitive_fg_color; } + } + } + + > widget { background-color: transparent; } +} +
A
themes/whitey/gtk-3.22/_colors-public.scss
@@ -0,0 +1,187 @@
+// +// Apps rely on some named colors to be exported +// + +// GTK NAMED COLORS +// ---------------- +// Use responsibly! +// +// Sass thinks we're using the colors in the variables as strings and may shoot +// warning, it's innocuous and can be defeated by using "" + $var + + +/*********** + * Colours * + ***********/ + +// +// Widget text/foreground color +// + +@define-color theme_fg_color #{"" +$fg_color}; + + +// +// Widget inverted text/foreground color +// + +@define-color theme_inverted_fg_color #{"" +$inverted_fg_color}; + + +// +// Text color for entries, views and content in general +// + +@define-color theme_text_color #{"" +$fg_color}; + + +// +// Widget base background color +// + +@define-color theme_bg_color #{"" +$bg_color}; + + +// +// Text widgets and the like base background color +// + +@define-color theme_base_color #{"" +$base_color}; + + +// +// Base background color of selections +// + +@define-color theme_selected_bg_color #{"" +$selected_bg_color}; + + +// +// Text/foreground color of selections +// + +@define-color theme_selected_fg_color #{"" +$selected_fg_color}; + + +// +// Base background color of insensitive widgets +// + +@define-color insensitive_bg_color #{"" +$bg_color}; + + +// +// Text foreground color of insensitive widgets +// + +@define-color insensitive_fg_color #{"" +$insensitive_fg_color}; + + +// +// Insensitive text widgets and the like base background color +// + +@define-color insensitive_base_color #{"" +$secondary_base_color}; + + +// +// Widget text/foreground color on backdrop windows +// + +@define-color theme_unfocused_fg_color #{"" +$insensitive_fg_color}; + + +// +// Widget inverted text/foreground color on backdrop windows +// + +@define-color theme_unfocused_inverted_fg_color #{"" +$insensitive_inverted_fg_color}; + + +// +// Text color for entries, views and content in general on backdrop windows +// + +@define-color theme_unfocused_text_color #{"" +$insensitive_fg_color}; + + +// +// Text inverted color for entries, views and content in general on backdrop windows +// + +@define-color theme_unfocused_inverted_text_color #{"" +$insensitive_inverted_fg_color}; + + +// +// Widget base background color on backdrop windows +// + +@define-color theme_unfocused_bg_color #{"" +$bg_color}; + + +// +// Text widgets and the like base background color on backdrop windows +// + +@define-color theme_unfocused_base_color #{"" +$base_color}; + + +// +// Base background color of selections on backdrop windows +// + +@define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color}; + + +// +// Text/foreground color of selections on backdrop windows +// + +@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color}; + + +// +// Text/foreground color of placeholders +// + +@define-color placeholder_text_color #{"" + $placeholder_text_color}; + + +// +// Widgets main borders color +// + +@define-color borders #{"" +$borders_color}; + + +// +// Widgets main borders color on backdrop windows +// + +@define-color unfocused_borders #{"" +$borders_color}; + + +// +// These are pretty self explicative +// + +@define-color warning_color #{"" +$warning_color}; +@define-color error_color #{"" +$error_color}; +@define-color success_color #{"" +$success_color}; +@define-color link_color #{"" +$link_color}; + + +// +// Revert wm_bg_a/b for gnome-flashback (metacity) +// + +@define-color wm_bg_a #{"" +$inverted_dark_color}; +@define-color wm_bg_b #{"" +$highlight_color}; + + +// +// FIXME: this is really an API +// + +@define-color content_view_bg #{"" +$base_color}; +
A
themes/whitey/gtk-3.22/_colors.scss
@@ -0,0 +1,159 @@
+// +// When color definition differs for dark and light variant, +// it gets @if ed depending on $variant +// + +@function gtkalpha($c, $a) { + @return unquote("alpha(#{$c}, #{$a})"); +} + +@function gtkopacity($c, $a) { + @return scale-color($c, $alpha: percentage(-1 + $a)); +} + + +// +// A Color palette +// +// Adapta uses google's palette: +// [https://www.google.com/design/spec/style/color.html#color-color-palette] +// + + +// +// Foreground colors +// + +$fg_color: if($variant == 'light', #263238, // = BluGry900 + #ECEFF1); // = BluGry50 +$secondary_fg_color: gtkopacity($fg_color, 0.75); +$tertiary_fg_color: gtkopacity($fg_color, 0.5); + +$selected_fg_color: #FFFFFF; // = White +$secondary_selected_fg_color: gtkopacity($selected_fg_color, 0.85); +$tertiary_selected_fg_color: gtkopacity($selected_fg_color, 0.7); + +$insensitive_fg_color: gtkopacity($fg_color, 0.3); +$insensitive_secondary_fg_color: gtkopacity($secondary_fg_color, 0.3); +$insensitive_tertiary_fg_color: gtkopacity($tertiary_fg_color, 0.3); + +$insensitive_selected_fg_color: gtkopacity($selected_fg_color, 0.4); +$insensitive_secondary_selected_fg_color: gtkopacity($secondary_selected_fg_color, 0.4); +$insensitive_tertiary_selected_fg_color: gtkopacity($tertiary_selected_fg_color, 0.4); + +// preview text on empty GtkEntry +$placeholder_text_color: if($variant == 'light', #CFD8DC, // = BluGry100 + #607D8B); // = BluGry500 + + +// +// Inverted foreground colors +// + +$inverted_fg_color: #ECEFF1; // = BluGry50 +$inverted_secondary_fg_color: gtkopacity($inverted_fg_color, 0.75); + +$insensitive_inverted_fg_color: gtkopacity($inverted_fg_color, 0.3); +$insensitive_inverted_secondary_fg_color: gtkopacity($inverted_secondary_fg_color, 0.3); + +$fixed_fg_color: #263238; // = BluGry900 +$secondary_fixed_fg_color: gtkopacity($fixed_fg_color, 0.75); +$insensitive_fixed_fg_color: gtkopacity($fixed_fg_color, 0.3); + + +// +// Background colors +// + +$bg_color: if($variant == 'light', mix(#FFFFFF, #ECEFF1, 75%), // = W _ 50 + mix(#455A64, #37474F, 50%)); // = 700 _ 800 +$base_color: if($variant == 'light', #FFFFFF, // = White + #455A64); // = BluGry700 +$secondary_base_color: mix($base_color, $bg_color, 50%); // = W _ 50 +$light_color: if($variant == 'light', $base_color, // = White + #546E7A); // = BluGry600 +$dark_color: if($variant == 'light', + mix(#ECEFF1, #CFD8DC, 75%), // = 50 _ 100 + mix(#263238, #37474F, 75%)); // = 900 _ 800 +$secondary_dark_color: if($variant == 'light', + mix(#FFFFFF, #ECEFF1, 60%), // = W _ 50 + mix(#455A64, #37474F, 25%)); // = 700 _ 800 + + +// +// Dark background colors on light variant +// + +$inverted_bg_color: mix(#455A64, #37474F, 50%); // = 700 _ 800 +$inverted_base_color: #455A64; // = BluGry700 +$inverted_dark_color: mix(#263238, #37474F, 75%); // = 900 _ 800 + + +// +// Selection (primary) colors +// + +$selected_bg_color: #00BCD4; // = Cyan500 +$secondary_selected_bg_color: #4DD0E1; // = Cyan300 + + +// +// Accent (secondary) colors +// + +$accent_color: #4DB6AC; // = Teal300 +$secondary_accent_color: gtkopacity($accent_color, 0.9); +$accent_fill_color: gtkopacity($inverted_fg_color, 0.1); +$drop_target_color: $accent_color; +$drop_target_fill_color: gtkopacity($drop_target_color, 0.2); + + +// +// Tracker colors +// + +$track_color: gtkalpha(currentColor, 0.2); + + +// +// Edge colors +// + +$borders_color: if($variant == 'light', gtkopacity(#000000, 0.09), + gtkopacity(#000000, 0.11)); +$solid_light_borders_color: if($variant == 'light', #E5E9EC, #37474F); +$solid_dark_borders_color: #242F35; +$top_edge_border_color: #37474F; +$paned_borders_color: if($variant == 'light', gtkopacity(#000000, 0.05), + gtkopacity(#000000, 0.06)); + +$highlight_color: gtkopacity(#FFFFFF, 0.07); + + +// +// Misc colors +// + +$link_color: #03A9F4; // = LtBlu500 +$link_visited_color: #9C27B0; // = Purple500 + +$warning_color: #FF9800; // = Orange500 +$error_color: #F44336; // = Red500 +$success_color: #00E676; // = GreenA400 + +$suggested_color: #009688; // = Teal500 +$destructive_color: #FF5252; // = RedA200 +$selection_color: #80DEEA; // = Cyan200 + +$info_bg_color: #00E5FF; // = CyanA400 +$question_bg_color: #FFEA00; // = YellwA400 +$warning_bg_color: #FF9100; // = OrangA400 +$error_bg_color: #FF1744; // = RedA400 + + +// +// Solid panel color +// + +$panel_bg_color: mix(#263238, #000000, 50%); // = BluGry900 +
A
themes/whitey/gtk-3.22/_common.scss
@@ -0,0 +1,5291 @@
+// +// Suffix +// + +$asset_suffix: if($variant == 'dark', '-dark', ''); + + +// +// Background sizing +// + +$text_button_large: rem(213px) * 1 / 0.8 rem(213px) * 1 / 0.8, auto; +$text_button_small: rem(106px) * 1 / 0.8 rem(106px) * 1 / 0.8, auto; +$image_button_large: rem(40px) * 1 / 0.8 rem(40px) * 1 / 0.8, auto; +$image_button_small: rem(26px) * 1 / 0.8 rem(26px) * 1 / 0.8, auto; +$attention: rem(5.3px) rem(5.3px); +$scale: 80%; +$separator_narrow: 1px 1px; +$separator_wide: 1px 1px, 1px 1px; + + +// +// transitions +// + +%transition { + // do not include sizing factors and text colors/shadows + transition-property: opacity, + border-color, + border-image, + background-color, + background-image, + box-shadow, + icon-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.2s; +} + + +/***************** + * Common States * + *****************/ + +* { + @extend %transition; // global transition setting + + padding: 0; + background-clip: padding-box; + + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: $error_color; + + // The size for scrollbars. The slider is 2px smaller, but we keep it + // up so that the whole area is sensitive to button presses for the + // slider. The stepper button is larger in both directions, the slider + // only in the width + + -GtkScrolledWindow-scrollbar-spacing: 0; + + -GtkToolItemGroup-expander-size: 11; + + -GtkWidget-text-handle-width: 16; + -GtkWidget-text-handle-height: 16; + + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + + // We use the outline properties to signal the focus properties + // to the adwaita engine: using real CSS properties is faster, + // and we don't use any outlines for now. + + outline-style: solid; + outline-width: 2px; + outline-color: $track_color; + outline-offset: rem(-4px); + -gtk-outline-radius: 2px; + + -gtk-secondary-caret-color: $selected_bg_color; + + // disable drop-shadows as default + text-shadow: none; + -gtk-icon-shadow: none; +} + + +/*************** + * Base States * + ***************/ + +.background { + background-color: $bg_color; + color: $fg_color; +} + +// These wildcard seems unavoidable, need to investigate. +// Wildcards are bad and troublesome, use them with care, +// or better, just don't. +// Everytime a wildcard is used a kitten dies, painfully. + +*:disabled { -gtk-icon-effect: dim; } + +// for backdrop, tone down element surfaces with transparentize +%fade_effect { + *:backdrop { + opacity: 0.75; + transition: 0.2s; + } +} + +.gtkstyle-fallback { + background-color: $bg_color; + color: $fg_color; + &:hover { + background-color: darken($bg_color, 5%); + color: $fg_color; + } + &:active { + background-color: darken($bg_color, 10%); + color: $fg_color; + } + &:disabled { + background-color: $bg_color; + color: $insensitive_fg_color; + } + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +.view, +%view { + @extend row.activatable; + background-color: $base_color; + color: $fg_color; + &:hover, + &:active, + &:selected { + border-radius: 2px; + -gtk-outline-radius: 2px; + } + &:disabled { color: $insensitive_fg_color; } + &:backdrop { + } + &:selected, + &:selected:focus { @extend %selected_items; } +} + +.view, +textview { + text { + @extend %view; + + selection { + &, &:focus { @extend %selected_items; } + } + } +} + +textview border { + background-color: $bg_color; +} + +iconview { @extend .view; } + +rubberband { + border: 1px solid $secondary_selected_bg_color; + background-color: gtkopacity($secondary_selected_bg_color, 0.2); +} + +flowbox { + rubberband { @extend rubberband; } + + flowboxchild { + padding: rem(2px); + border-radius: 2px; + -gtk-outline-radius: 2px; + &:selected { + @extend %selected_items; + outline-offset: rem(-2px); + } + } +} + +label { + caret-color: currentColor; // this shouldn't be needed. + + &.separator { + @extend .dim-label; + color: transparent; + } + + &:selected, + row:selected & { @extend %nobg_selected_items; } + + selection, + selection:focus { @extend %selected_items; } + + &:disabled { + color: $insensitive_fg_color; + + selection { @extend %selected_items:disabled; } + } + + // always use dark foreground in Gnome-Software + &.kudo-label { + color: $fixed_fg_color; + } +} + +.dim-label { + opacity: 0.55; +} + +assistant { + // sidebar styling + .sidebar { + padding: rem(6.7px) 0; + background-color: $secondary_dark_color; + &:dir(ltr) { border-right: 1px solid $borders_color; } + &:dir(rtl) { border-left: 1px solid $borders_color; } + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar label { + padding: rem(5.3px) rem(8px) rem(6.7px); + color: $secondary_fg_color; + font-weight: 500; + &.highlight { color: $selected_bg_color; } + } + + // header-bar styling + headerbar { + // apply suggested-action button for "Next" and "Back" + // last -> "cancel", nth -> "Next" and "Back", that's weird. + button.flat:not(:last-child) { + @include button(normal); + background-color: $suggested_color; + color: $secondary_selected_fg_color; + &:hover { + @include button(hover); + color: $selected_fg_color; + } + &:active { + @include button(active); + color: $selected_fg_color; + background-color: $selected_bg_color; + } + &:checked { + @include button(checked); + background-color: $suggested_color; + color: $inverted_fg_color; + } + &:disabled { @include button(insensitive); } + } + } +} + +// button box is always shown with flat-buttons +buttonbox { + &, &.dialog-action-area { + button { + @include button(flat-normal); + color: $secondary_accent_color; + font-weight: 700; + &:hover { + @include button(flat-hover); + color: $accent_color; + } + &:active { + @include button(flat-active); + color: $accent_color; + } + &:disabled { @include button(flat-insensitive); } + &:checked { + @include button(flat-checked); + color: $accent_color; + } + &:checked:disabled { + @include button(flat-checked-insensitive); + color: gtkopacity($accent_color, 0.4); + } + } + } +} + +%osd, .osd { opacity: 0.9; } + + +/********************* + * Spinner Animation * + *********************/ + +@keyframes colorful_bar { + 0% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(0, 1.0); + } + 24.9% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(1.0, 1.0); + } + 25% { + -gtk-icon-source: url("assets/bar-yellow.svg"); + -gtk-icon-transform: scale(1.0, 1.0); + } + 49.9% { + -gtk-icon-source: url("assets/bar-yellow.svg"); + -gtk-icon-transform: scale(0, 1.0); + } + 50% { + -gtk-icon-source: url("assets/bar-green.svg"); + -gtk-icon-transform: scale(0, 1.0); + } + 74.9% { + -gtk-icon-source: url("assets/bar-green.svg"); + -gtk-icon-transform: scale(1.0, 1.0); + } + 75% { + -gtk-icon-source: url("assets/bar-blue.svg"); + -gtk-icon-transform: scale(1.0, 1.0); + } + 99.9% { + -gtk-icon-source: url("assets/bar-blue.svg"); + -gtk-icon-transform: scale(0, 1.0); + } + 100% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(0, 1.0); + } +} + +spinner { + min-height: rem(16px); + min-width: rem(16px); + // FIXME: workaround for 3.20.1. Needs vertical padding more than 4px? + padding: rem(5.3px) 0 rem(5.3px); + margin: 0; + background: none; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: url("assets/bar-red.svg"); + &:checked { + opacity: 1.0; + animation: colorful_bar 2s linear infinite; + &:disabled { opacity: 0.4; } + &:backdrop { opacity: 1.0; } + } + &:backdrop { opacity: 0; } +} + + +/**************** + * Text Entries * + ****************/ + +entry { + min-height: rem(13.3px); + min-width: rem(33.3px); + padding: rem(9.3px) rem(8px) rem(10.7px); + @include entry(normal); + + &:focus { @include entry(focus); } + &:disabled { @include entry(insensitive); } + + &.flat { + border-radius: 0; + @include entry(flat-normal); + &:focus { @include entry(flat-focus); } + &:disabled { @include entry(flat-insensitive); } + } + + selection { + &, &:focus { @extend %selected_items; } + } + + image { // icons inside the entry + padding-left: rem(4px); + padding-right: rem(4px); + } + + progress { @extend %entry_progressbar; } + + .linked > &:not(.flat), + .linked.vertical > &:not(.flat) { + @extend entry.flat; + border-radius: 0; + -gtk-outline-radius: 0; + } + + // entry error, warning and missing style + @each $e_type, $e_color in (error, $error_color), + (warning, $warning_color), + (search-missing, $error_color) { + &.#{$e_type} { + @include entry(normal, $e_color); + &:focus { @include entry(focus, $e_color); } + &:disabled { @include entry(insensitive, $e_color); } + &.flat { + @include entry(flat-normal, $e_color); + &:focus { @include entry(flat-focus, $e_color); } + &:disabled { @include entry(flat-insensitive, $e_color); } + } + } + } + + & image { // entry icons colors + &:not(:hover):not(:active) { color: gtkalpha(currentColor, 0.75); } + &:active { color: $selected_bg_color; } + &:disabled { color: gtkalpha(currentColor, 0.55); } + } + + &:drop(active) { + &, &:focus { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + } + } + + treeview & { // reset styling inside tree-view + &, &.flat:focus { + padding: 1px; + border-radius: 0; + border-image: none; + background-color: $base_color; + color: $fg_color; + box-shadow: none; + transition-property: color, + background; + + &:selected { @extend %selected_items; } + } + } + + .osd & { + } +} + + +/*********** + * Buttons * + ***********/ + +// stuff for .needs-attention +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to($selected_bg_color), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($selected_bg_color), + to(transparent)); + } +} + +button { + min-height: rem(13.3px); + min-width: rem(33.3px); + padding: rem(9.3px) rem(13.3px) rem(10.7px); + border-radius: 2px; + -gtk-outline-radius: 2px; + background-repeat: no-repeat; + background-position: center, center; + background-size: $text_button_small; + font-weight: 500; + @include button(normal); + &:hover { @include button(hover); } + &:active { @include button(active); } + &:disabled { @include button(insensitive); } + &:checked { @include button(checked); } + &:checked:disabled { @include button(checked-insensitive); } + &.flat { + @include button(flat-normal); + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:disabled { @include button(flat-insensitive); } + &:checked { @include button(flat-checked); } + &:checked:disabled { @include button(flat-checked-insensitive); } + .linked > & { + border-radius: 2px; + -gtk-outline-radius: 2px; + &.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; + } + } + } + + // big standalone buttons like in Documents pager + &.osd { + &.image-button { + @extend button.flat; + @extend %image_button; + padding: rem(17.3px); + background-color: $inverted_dark_color; + background-size: $image_button_large; + &:not(:active):not(:disabled):not(hover) { + color: $secondary_accent_color; + } + &:hover { + color: $accent_color; + background-color: gtkopacity($inverted_dark_color, 0.7); + background-image: linear-gradient(to bottom, $track_color, $track_color); + } + &:active { + color: $accent_color; + background-color: gtkopacity($inverted_dark_color, 0.7); + background-image: linear-gradient(to bottom, $accent_fill_color, $accent_fill_color); + } + } + &:disabled { opacity: 0; } + } + + // overlay / OSD style + .osd & { + } + + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $suggested_color), + (destructive-action, $destructive_color) { + &.#{$b_type} { + background-color: $b_color; + background-size: $text_button_small; + color: $selected_fg_color; + &:hover { + @include button(hover); + background-color: $b_color; + color: $selected_fg_color; + } + &:active { + @include button(active); + background-color: $selected_bg_color; + color: $selected_fg_color; + } + &:checked { background-color: mix($selected_fg_color, $b_color, 20%); } + &:disabled { + @include button(insensitive, $b_color, + $insensitive_selected_fg_color); + } + &.flat { + background-color: transparent; + color: $b_color; + &:hover { @include button(flat-hover, $track_color, $b_color); } + &:active { + @include button(flat-active); + background-color: gtkalpha($selected_bg_color, 0.2); + color: $selected_bg_color; + } + &:checked { @include button(flat-checked, $b_color, $selected_fg_color); } + &:disabled { + @include button(flat-insensitive, $b_color, + $insensitive_selected_fg_color); + } + } + } + } + + &.image-button { + @extend %image_button; + min-width: rem(13.3px); + min-height: rem(13.3px); + } + + &.text-button { + padding: rem(9.3px) rem(13.3px) rem(10.7px); + border-radius: 2px; + -gtk-outline-radius: 2px; + font-weight: 700; + } + + &.text-button.image-button { + // those buttons needs uneven horizontal padding, we want the icon side + // to have the image-button padding, while the text side the text-button + // one, so we're adding the missing padding to the label depending on + // its position inside the button + padding-left: rem(13.3px); + padding-right: rem(13.3px); + border-radius: 2px; + -gtk-outline-radius: 2px; + + label { + padding-left: rem(4px); + padding-right: rem(4px); + } + + image { + padding-left: rem(4px); + padding-right: rem(4px); + } + + &:drop(active) { + color: $drop_target_color; + background-color: $drop_target_fill_color; + } + } + + separator { // remove vertical separator + @extend separator.wide; + min-height: 0; + min-width: 0; + border-color: transparent; + background-color: transparent; + color: transparent; + } + + stackswitcher & { // do not shrink buton width + &.text-button { + min-height: rem(17.3px); + min-width: rem(112px); + } + } + + .stack-switcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + + outline-offset: rem(-2.6px); // needs to be set or it gets overriden + // by GtkRadioButton outline-offset + + > label { + padding-left: rem(8px); // label padding + padding-right: rem(8px); // + } + + > image { + padding-left: rem(8px); // image padding + padding-right: rem(8px); // + padding-top: rem(2.7px); // + padding-bottom: rem(2.7px); // + } + + &.text-button { + // compensate text-button paddings + padding-left: rem(13.3px); + padding-right: rem(13.3px); + border-radius: 2px; + -gtk-outline-radius: 2px; + } + + &.image-button { + // we want image buttons to have a 1:1 aspect ratio, so compensation + // of the padding added to the image is needed + padding-left: rem(8px); + padding-right: rem(8px); + } + + &.needs-attention > label, + &.needs-attention > image { @extend %needs_attention; } + &.needs-attention:active > label, + &.needs-attention:active > image, + &.needs-attention:checked > label, + &.needs-attention:checked > image { + animation: none; + background-image: none; + } + } + + // mimic tab-switcher-like button array + // horizontal array + .linked > &:not(.flat):not(:only-child) { @extend %linked_middle; } + .linked > &, + .linked > & .image-button, + .linked > & .text-button { + @extend %linked_middle; + @extend %button_array; + min-width: rem(13.3px); + padding: rem(9.3px) rem(5.3px) rem(10.7px); + + label { + padding-left: rem(4px); + padding-right: rem(4px); + } + + image { + padding-left: rem(4px); + padding-right: rem(4px); + } + } + // vertical array + .linked.vertical > &:not(:only-child) { @extend %linked_vertical_middle; } + .linked.vertical > &, + .linked.vertical > & .image-button, + .linked.vertical > & .text-button { + @extend %linked_vertical_middle; + @extend %button_vertical_array; + min-height: rem(13.3px); + min-width: rem(22.6px); + padding: rem(10px) rem(6.7px) rem(10px); + } + + // generic switcher image buttons + .linked > &.image-button.radio, + .linked.vertical > &.image-button.radio { + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(8px); + } + + // inline-toolbar and action-bar buttons + .inline-toolbar &, + actionbar { + &, &:not(.text-button).image-button { + @include button(flat-normal); + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(10px); + border-radius: 100px; + -gtk-outline-radius: 100px; + background-size: $image_button_small; + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:disabled { @include button(flat-insensitive); } + &:checked { @include button(flat-checked); } + &:checked:disabled { @include button(flat-checked-insensitive); } + } + &.text-button { + border-radius: 2px; + -gtk-outline-radius: 2px; + } + } + .inline-toolbar .linked > &, + actionbar .linked > & { + &, &:not(.text-button).image-button { + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(6.7px); + border-radius: 100px; + -gtk-outline-radius: 100px; + } + &.image-button.toggle { + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(8px) rem(4px) rem(8px); + border-radius: 100px; + -gtk-outline-radius: 100px; + } + &.text-button { + border-radius: 2px; + -gtk-outline-radius: 2px; + } + } + + .primary-toolbar & { -gtk-icon-shadow: none; } // tango icons don't need shadows +} + +%button_array { + @include button(flat-normal); + border-radius: 0; + -gtk-outline-radius: 0; + color: $secondary_fg_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + &:hover { + @include button(flat-hover); + border-radius: 0; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 2 / 0 0 2px; + } + &:active, + &:checked { + color: $fg_color; + background-color: transparent; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_bg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + &:disabled { + color: $insensitive_fg_color; + background-color: transparent; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(gtkopacity($selected_bg_color, 0.2)), + to(transparent)) + 0 0 2 / 0 0 2px; + > label { color: inherit; } + } + } + &:disabled { + color: $insensitive_fg_color; + background-color: transparent; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + } +} + +%button_vertical_array { + @include button(flat-normal); + border-image: none; + border-width: 0; + -gtk-outline-radius: 0; + color: $secondary_fg_color; + &:dir(ltr) { box-shadow: inset 1px 0 $track_color; } + &:dir(rtl) { box-shadow: inset -1px 0 $track_color; } + &:hover { + @include button(flat-hover); + &:dir(ltr) { box-shadow: inset 2px 0 $track_color; } + &:dir(rtl) { box-shadow: inset -2px 0 $track_color; } + } + &:active, + &:checked { + color: $fg_color; + background-color: transparent; + &:dir(ltr) { box-shadow: inset 2px 0 $selected_bg_color; } + &:dir(rtl) { box-shadow: inset -2px 0 $selected_bg_color; } + &:disabled { + color: $insensitive_fg_color; + background-color: $track_color; + &:dir(ltr) { box-shadow: inset 2px 0 gtkopacity($selected_bg_color, 0.2); } + &:dir(ltr) { box-shadow: inset -2px 0 gtkopacity($selected_bg_color, 0.2); } + > label { color: inherit; } + } + } + &:disabled { + color: $insensitive_fg_color; + background-color: $track_color; + &:dir(ltr) { box-shadow: inset 1px 0 $track_color; } + &:dir(rtl) { box-shadow: inset -1px 0 $track_color; } + } +} + +%image_button { + padding: rem(10px); + border-radius: 100px; + -gtk-outline-radius: 100px; + background-size: $image_button_large; +} + +%needs_attention { + transition: none; + animation: needs_attention 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right rem(3px); + background-size: $attention; + &:dir(rtl) { background-position: left rem(3px); } +} + +// all the following is for the +|- buttons on inline toolbars, that way +// should really be deprecated... +toolbar.inline-toolbar toolbutton > button { // redefining the button look is + // needed since those are flat... +} + +// More inline toolbar buttons +toolbar.inline-toolbar toolbutton { + // & > button.flat { @extend %linked_middle; } + // &:first-child > button.flat { @extend %linked:first-child; } + // &:last-child > button.flat { @extend %linked:last-child; } + // &:only-child > button.flat { @extend %linked:only-child; } +} + +%linked_middle { border-radius: 0; } + +%linked { + -gtk-outline-radius: 2px; + @extend %linked_middle; + &:first-child { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + } + &:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + } + &:only-child { border-radius: 2px; } +} + +%linked_vertical_middle { border-radius: 0; } + +%linked_vertical{ + -gtk-outline-radius: 2px; + @extend %linked_vertical_middle; + &:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + } + &:last-child { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + &:only-child { border-radius: 2px; } +} + +// menu buttons on GtkPopover +modelbutton.flat, +menuitem button.flat { + @include button(flat-normal); + min-height: rem(26.6px); + margin-left: rem(10px); + margin-right: rem(10px); + outline-offset: rem(-1px); + background-size: $text_button_small; + transition: none; + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:disabled { @include button(flat-insensitive); } + &:checked { @include button(flat-checked); } + &:checked:disabled { @include button(flat-checked-insensitive); } + + check, + radio { + &:first-child { margin-right: rem(13.3px); } + &:last-child { margin-left: rem(13.3px); } + } +} + +modelbutton.flat arrow { + background: none; + &:hover { background: none; } + &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } +} + +button.color { + min-width: rem(33.3px); + min-height: rem(20px); + padding: rem(6.7px) rem(8px) rem(6.7px); // Uniform padding on the GtkColorButton + + > colorswatch:first-child:last-child { // :first-child:last-child for + // a specificity bump, it gets + // overridden by the colorpicker style + &, overlay { + border-radius: 2px; + -gtk-outline-radius: 2px; + } + box-shadow: $z-depth-1; + } + + &, + GtkColorSwatch { + &:disabled { + box-shadow: none; + opacity: 0.4; + } + } +} + +// toolpalette buttons +toolpalette { + toolitemgroup { + > button { + border-top: 1px solid $borders_color; + border-radius: 0; + } + } + + toolbutton { + > button.toggle { // use square buttons + border-radius: 2px; + -gtk-outline-radius: 2px; + } + } +} + + +/********* + * Links * + *********/ + +*:link { + color: $link_color; + &:hover, + &:active { color: $link_color; } + &:visited { + color: $link_visited_color; + &:hover, + &:active { color: $link_visited_color; } + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } + } + &:selected, + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } + &:disabled { opacity: 0.4; } +} + +button:link, +button:visited { + // FIXME: aggregate with buttons + @extend *:link; + & > label { text-decoration-line: underline; } +} + + +/***************** + * GtkSpinButton * + *****************/ + +@keyframes spin_hover { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.01, + to(gtkalpha(currentColor, 0)), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0.1)), + to(transparent)); + } +} + +@keyframes spin_active { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0.2)), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.01, + to(gtkalpha(currentColor, 0)), + to(transparent)); + } +} + +spinbutton { + &:not(.vertical) { + // in this horizontal configuration, the whole spinbutton + // behaves as the entry, so we extend the entry styling + // and nuke the style on the internal entry + @extend entry; + padding: 0; + + // FIXME: this should not be set at all, but otherwise it gets the wrong + // color + &:disabled { color: $insensitive_fg_color; } + + entry { + margin: 0; + background: none; + border: none; + box-shadow: none; + } + + button { + @include button(flat-normal); + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: 0 rem(7.3px) 0; + border: solid rem(2.7px) transparent; + border-radius: 100px; + -gtk-outline-radius: 100px; + background: none; + background-size: contain; + color: $secondary_fg_color; + box-shadow: none; + transition-property: opacity, + color, + background-color, + background-image, + box-shadow; + + &:not(:last-child) { // '-' button + &:hover { + @include button(flat-hover); + background: none; + color: $error_color; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + &:active { + @include button(flat-active); + background: none; + color: $error_color; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; + } + &:disabled { + @include button(flat-insensitive); + background: none; + color: $insensitive_fg_color; + } + } + &:last-child { // '+' button + &:hover { + @include button(flat-hover); + background: none; + color: $success_color; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + &:active { + @include button(flat-active); + background: none; + color: $success_color; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; + } + &:disabled { + @include button(flat-insensitive); + background: none; + color: $insensitive_fg_color; + } + } + } + } + + .osd &, + .osd &.vertical { + &, + button, + entry { + color: $inverted_secondary_fg_color; + &:focus { color: $inverted_fg_color; } + &:disabled { color: $insensitive_inverted_secondary_fg_color; } + } + } + + &.vertical { // FIXME: try using linking templates for + // vertically linked stuff + entry { + min-width: rem(33.3px); + min-height: rem(33.3px); + padding: 0; + border-radius: 0; + } + + button { + min-width: rem(26.7px); + min-height: rem(26.7px); + padding: rem(2.7px); + border: rem(2.7px) solid transparent; + border-radius: 200px; + -gtk-outline-radius: 200px; + background: none; + background-size: contain; + color: $secondary_fg_color; + box-shadow: none; + transition-property: opacity, + color, + background-color, + background-image, + box-shadow; + + &.up { // '+' button + &:hover { + @include button(flat-hover); + background: none; + color: $success_color; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + &:active { + @include button(flat-active); + background: none; + color: $success_color; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; + } + &:disabled { + @include button(flat-insensitive); + background: none; + color: $insensitive_fg_color; + } + } + &.down { // '-' button + &:hover { + @include button(flat-hover); + background: none; + color: $error_color; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + &:active { + @include button(flat-active); + background: none; + color: $error_color; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; + } + &:disabled { + @include button(flat-insensitive); + background: none; + color: $insensitive_fg_color; + } + } + } + } + + // Misc + treeview & { + & entry:focus { + padding: 1px; + border-radius: 0; + border-width: 0; + background-color: $base_color; + color: $fg_color; + box-shadow: none; + &:selected { @extend %selected_items; } + } + } +} + + +/************** + * ComboBoxes * + **************/ + +combobox { + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: rem(16px); + min-width: rem(16px); + } + + &.linked { + button:nth-child(2) { + &:dir(ltr) { @extend %linked:last-child; } + &:dir(rtl) { @extend %linked:first-child; } + } + } + + &:drop(active) { + button.combo { @extend button:drop(active); } + } + + & menu { padding: rem(3.3px) 0; } + & menu > menuitem { padding: rem(4.7px) rem(5.3px) rem(6px); } + + entry.combo { + } + + button.combo { // button spacing + min-height: rem(13.3px); + min-width: rem(17.3px); + padding: rem(8px) rem(5.3px) rem(8.7px); + + arrow { padding: 0 rem(4px) 0; } + + label { + padding-left: rem(4px); + padding-right: rem(4px); + } + + image { + min-height: rem(16px); + min-width: rem(16px); + padding-left: rem(4px); + padding-right: rem(4px); + } + } + + button.combo { // button styling + @include button(flat-normal); + color: $secondary_fg_color; + background: transparent; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + &:hover, + &:active { + @include button(flat-hover); + border-radius: 0; + color: $fg_color; + background: transparent; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_bg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + } + &:disabled, + &:checked:disabled { + @include button(flat-insensitive); + color: $insensitive_fg_color; + background: transparent; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + + } + } + + button.combo:not(:only-child) { + } + button.combo:only-child { + } +} + +.linked > combobox > box > button.combo { + // the combo is a composite widget so the way we do button linking doesn't + // work, special case needed. See + // https://bugzilla.gnome.org/show_bug.cgi?id=733979 + &:dir(ltr), + &:dir(rtl) { @extend %linked_middle; } // specificity bump +} + +.linked > combobox:first-child > button.combo { + @extend %linked:first-child; +} +.linked > combobox:last-child > button.combo { + @extend %linked:last-child; +} +.linked > combobox:only-child > button.combo { + @extend %linked:only-child; +} + +.linked.vertical > combobox > button.combo { + @extend %linked_vertical_middle; +} +.linked.vertical > combobox:first-child > button.combo { + @extend %linked_vertical:first-child; +} +.linked.vertical > combobox:last-child > button.combo { + @extend %linked_vertical:last-child; +} +.linked.vertical > combobox:only-child > button.combo { + @extend %linked_vertical:only-child; +} + + +/************ + * Toolbars * + ************/ + +toolbar { + -GtkWidget-window-dragging: true; + + padding: rem(5.3px); + background-color: $bg_color; + color: $secondary_fg_color; + box-shadow: if($variant == 'light', $toolbar-shadow-light, + $toolbar-shadow-dark); + + &.vertical, + .inline-toolbar &, + paned &, + paned &.primary-toolbar, + grid &.primary-toolbar { // stop drawing fake-shadows + box-shadow: none; + } + + // on OSD + .osd & { background-color: transparent; } + + .osd &, + &.osd { + padding: 3px; + border-style: solid; + border-width: 9px; + border-radius: 2px; + border-image: -gtk-scaled(url("assets/osd-shadow#{$asset_suffix}.png"), + url("assets/osd-shadow#{$asset_suffix}@2.png")) + 10 / 10px stretch; + box-shadow: none; + color: $inverted_fg_color; + background-color: $inverted_dark_color; + &:backdrop { + border-image: -gtk-scaled(url("assets/osd-shadow-backdrop#{$asset_suffix}.png"), + url("assets/osd-shadow-backdrop#{$asset_suffix}@2.png")) + 10 / 10px stretch; + } + + button { + @extend button.flat; + &:not(:active):not(:disabled):not(hover) { + color: $secondary_accent_color; + } + &:hover, + &:active { color: $accent_color; } + &:active, + &:checked { + border-image: none; + box-shadow: none; + } + &:disabled { color: gtkopacity($accent_color, 0.4); } + } + + .linked > button { + &, &.image-button { + border-image: none; + box-shadow: none; + &:hover { background-color: transparent; } + &:not(:checked) { + border-radius: 100px; + -gtk-outline-radius: 100px; + } + } + + &.image-button { + min-width: rem(13.3px); + min-height: rem(29.3px); + padding: 0 rem(6.7px) 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + } + } + + label { padding: 0 1em; } + } + + button { // use flat-buttons + @extend button.flat; + background-size: $text_button_small; + box-shadow: none; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.001, + to($track_color), + to(transparent)) + 0 0 0 / 0 0 0px; + color: $secondary_fg_color; + &:hover { + box-shadow: none; + border-image: none; + color: $fg_color; + } + &:checked { + box-shadow: none; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_bg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + background-color: transparent; + color: $fg_color; + &:disabled { + box-shadow: none; + background-color: transparent; + color: $insensitive_fg_color; + border-image: none; + > label { color: inherit; } + } + } + &:disabled { + box-shadow: none; + background-color: transparent; + color: $insensitive_secondary_fg_color; + border-image: none; + } + + button, + button.flat { // set specific roundness + &, + &.text-button, + &.text-button.image-button { + border-radius: 2px; + -gtk-outline-radius: 2px; + } + &.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; + } + } + + .text-button, + .image-button.text-button { + min-width: rem(13.3px); + min-height: rem(29.3px); + padding: 0 rem(13.3px) 0; + background-size: $text_button_small; + } + + .image-button { + min-width: rem(13.3px); + min-height: rem(29.3px); + padding: 0 rem(6.7px) 0; + background-size: $image_button_large; + } + + &.toggle { // remove double-background + &:hover, + &:active, + &:checked { + background-color: transparent; + box-shadow: none; + } + } + } + + .linked > button { // remove double-background and underlines + &, &.image-button { + border-image: none; + box-shadow: none; + &:hover, + &:active { + border-image: none; + background-color: transparent; + box-shadow: none; + } + &:not(:disabled) { // revive roundness + border-radius: 100px; + -gtk-outline-radius: 100px; + } + } + + .image-button { + min-width: rem(13.3px); + min-height: rem(29.3px); + padding: 0 rem(6.7px) 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + } + } + .linked > button.text-button:not(.image-button) { // revive underlines + @extend %button_array; + } + + // toolbar separators + separator { + color: transparent; + background: none; + } + &.horizontal { + separator { margin: 0 rem(6px); } + } + &.vertical { + separator { margin: rem(6px) 0; } + } +} + +// searchbar, location-bar & inline-toolbar +.inline-toolbar { + padding: rem(5.3px); + border-style: solid; + border-width: 0 1px 1px; + border-color: $borders_color; + background-color: $secondary_dark_color; + box-shadow: if($variant == 'light', $inline-shadow-light, + $inline-shadow-dark); +} + +searchbar, +.location-bar { + padding: rem(5.3px); + border-style: solid; + border-width: 0 0 1px; + border-color: $borders_color; + background-color: $secondary_dark_color; + + .linked > button.image-button { + padding-top: rem(9.3px); + padding-bottom: rem(10.7px); + } + + button.flat.close.raised { + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(10px); + border-radius: 100px; + -gtk-outline-radius: 100px; + } +} + + +/*************** + * Header bars * + ***************/ + +.titlebar, +headerbar { + @extend %fade_effect; + background-color: $inverted_dark_color; + background-clip: border-box; + + // text colours + color: $inverted_secondary_fg_color; + label, + image { + // &:hover { color: $inverted_fg_color; } + // &:focus, + // &:active, + &:checked { + // color: $inverted_fg_color; + &:disabled { color: $insensitive_inverted_fg_color; } + } + button:disabled > &, + .linked > button:disabled > &, + &:disabled { color: $insensitive_inverted_secondary_fg_color; } + } + + // titles + .title { + padding-left: rem(13.3px); + padding-right: rem(13.3px); + color: $inverted_fg_color; + font-weight: 700; + &:backdrop { @extend .dim-label; } + } + + .subtitle { + @extend .dim-label; + padding-left: rem(13.3px); + padding-right: rem(13.3px); + color: $inverted_secondary_fg_color; + font-size: 90%; + &:backdrop { @extend .dim-label; } + } + + // separators + & separator.vertical, + & > box > separator.vertical, + & > box > box > separator.vertical { + border: 0 none transparent; + color: transparent; + background-color: transparent; + } + + // button styling + button:not(.suggested-action):not(.destructive-action) { + @extend button.flat; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.001, + to($selected_bg_color), + to(transparent)) + 0 0 0 / 0 0 0px; + color: $inverted_secondary_fg_color; + background-size: $text_button_small; + &:hover { color: $inverted_fg_color; } + &:checked { + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_bg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + // box-shadow: inset 0 -2px $selected_bg_color; + background-color: transparent; + color: $inverted_fg_color; + // transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), + // box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, + // color 0; + // &:active { transition: none; } + &:disabled { + background-color: transparent; + color: $insensitive_inverted_fg_color; + > label { color: inherit; } + } + } + } + + // force to draw circle flat buttons as default + button:not(.suggested-action):not(.destructive-action) { + border-radius: 100px; + -gtk-outline-radius: 100px; + &.text-button { + border-radius: 2px; + -gtk-outline-radius: 2px; + &.image-button { + border-radius: 2px; + -gtk-outline-radius: 2px; + background-size: $text_button_small; + } + } + } + + // adjust spacing for finer aspect-ratio + .linked > button { + &.image-button { + min-width: rem(17.3px); + min-height: rem(37.3px); + padding: 0 rem(6.7px) 0; + } + } + button.toggle { + min-width: rem(17.3px); + min-height: rem(37.3px); + padding: 0 rem(10px) 0; + + label { padding: rem(9.3px) rem(8px) rem(10.7px); } + menu menuitem { // reset padding + label { padding: 0; } + } + } + + button, + .linked > button, + button.suggested-action, + button.destructive-action { + &, & label.text-button { + color: $inverted_secondary_fg_color; + &:hover { color: $inverted_fg_color; } + &:checked { + color: $inverted_fg_color; + &:disabled { color: $insensitive_inverted_fg_color; } + } + &:disabled { color: $insensitive_inverted_secondary_fg_color; } + } + label.text-button { // workaround for Gnome-Software + border-image: none; + box-shadow: none; + } + } + + // entry styling + entry, + .linked > entry { + color: $inverted_secondary_fg_color; + caret-color: $inverted_secondary_fg_color; + &:focus { + color: $inverted_fg_color; + caret-color: $inverted_fg_color; + } + &:disabled { color: $insensitive_inverted_secondary_fg_color; } + } + + // combobox styling + combobox, + .linked > combobox { + & > entry.combo { + color: $inverted_secondary_fg_color; + caret-color: $inverted_secondary_fg_color; + &:focus { + color: $inverted_fg_color; + caret-color: $inverted_fg_color; + } + &:disabled { color: $insensitive_inverted_secondary_fg_color; } + &:backdrop { opacity: 0.5; } + } + & > button.combo { + color: $inverted_secondary_fg_color; + &:hover { color: $inverted_fg_color; } + &:checked { + color: $inverted_fg_color; + &:disabled { color: $insensitive_inverted_fg_color; } + } + &:disabled { color: $insensitive_inverted_secondary_fg_color; } + &:backdrop { opacity: 0.5; } + } + } + + // menu styling + menu menuitem { // reset text colour + color: $secondary_fg_color; + &:hover { color: $fg_color; } + label { + &:disabled { color: $insensitive_fg_color; } + } + & accelerator { color: gtkalpha(currentColor, 0.55); } + & separator { color: $borders_color; } + } + + // pop-over styling + popover button.flat { + color: $secondary_fg_color; + &:hover { color: $fg_color; } + label { + &:hover { color: $fg_color; } + &:disabled { color: $insensitive_fg_color; } + } + } + + // switch styling + switch { + margin: rem(2.7px) 0; + color: $inverted_secondary_fg_color; + background-color: gtkopacity($inverted_secondary_fg_color, 0.1); + &:checked { + background-color: gtkopacity($selected_bg_color, 0.2); + &:disabled { background-color: gtkopacity($selected_bg_color, 0.2); } + } + &:disabled { + color: $insensitive_inverted_fg_color; + background-color: $track_color; + } + + slider { background-color: $inverted_bg_color; } + &:hover slider { + background-image: linear-gradient(to bottom, + gtkalpha($selected_fg_color, 0.2), + gtkalpha($selected_fg_color, 0.2)); + } + &:checked slider { + background-color: $selected_bg_color; + &:disabled { background-color: #3F4E56; } + } + &:disabled slider { background-color: #3F4E56; } + } + + // spinner spacing + spinner { + min-width: rem(13.3px); + min-height: rem(13.3px); + margin: rem(-5.3px); + } + + // selection-mode styling + &.selection-mode { + border-width: 1px 0 1px 0; // remove side borders + border-top-color: $highlight_color; + border-bottom-color: transparent; + background-color: $selected_bg_color; + color: $selected_fg_color; + + .subtitle:link { @extend *:link:selected; } + + button, + button.image-button { + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.001, + to($selected_fg_color), + to(transparent)) + 0 0 0 / 0 0 0px; + color: $secondary_selected_fg_color; + &:hover, + &:active, + &:checked { color: $selected_fg_color; } + &:disabled { color: $insensitive_inverted_secondary_fg_color; } + &:checked { + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_fg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + color: $selected_fg_color; + background-color: transparent; + &:disabled { + color: $insensitive_selected_fg_color; + > label { color: inherit; } + } + } + &.suggested-action { + // NOTE: do not use @extend button; + @include button(normal); + &:hover { @include button(hover); } + &:active { @include button(active); } + &:disabled { @include button(insensitive); } + } + + // text-button foreground colors + &.text-button, + &.suggested-action { + color: $secondary_selected_fg_color; + &:hover, + &:active, + &:checked { color: $selected_fg_color; } + &:disabled { color: $insensitive_selected_fg_color; } + } + } + + button:not(.suggested-action):not(.destructive-action) { + border-radius: 100px; + -gtk-outline-radius: 100px; + &.text-button, + &.flat.selection-menu { + border-radius: 2px; + -gtk-outline-radius: 2px; + &.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; + } + } + } + + entry { + color: $inverted_secondary_fg_color; + &:focus { color: $inverted_fg_color; } + &:disabled { color: $insensitive_inverted_secondary_fg_color; } + } + + .selection-menu { + padding-left: rem(16px); + padding-right: rem(16px); + &, &.popup { + color: $secondary_selected_fg_color; + &:hover, + &:active, + &:checked { color: $selected_fg_color; } + &:disabled { color: $insensitive_inverted_secondary_fg_color; } + &:checked { + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_fg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + background-color: transparent; + &:disabled { + color: $insensitive_selected_fg_color; + > label { color: inherit; } + } + } + } + + GtkArrow { -GtkArrow-arrow-scaling: 1.0; } + + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + color: $secondary_selected_fg_color; + } + } + } + + // misc + .tiled & { + @extend %tiled_integration; + transition: none; + } + .maximized & { + @extend %maxd_integration; + transition: none; + } + + &.default-decoration { + min-height: 26.7px; + padding: 5.3px; + border-width: 0; + + .title { // fade_effect doesn't work + color: $inverted_fg_color; + &:backdrop { color: gtkopacity($inverted_fg_color, 0.4); } + } + + button.titlebutton { + min-width: 26.7px; + min-height: 26.7px; + margin: 0; + padding: 0; + color: $inverted_secondary_fg_color; + background-size: $image_button_small; + &:hover, + &:active { color: $inverted_fg_color; } + &:backdrop { color: gtkopacity($inverted_fg_color, 0.4); } + } + } +} + +headerbar { + // draw borders + border-width: 1px 0 1px; + border-style: solid; + // do not use transparentize + border-top-color: $top_edge_border_color; + border-bottom-color: $solid_dark_borders_color; + + // To avoid double-padding, set it only for titlebar in case it + // is placed on the header-bar. + &.titlebar, + .csd &, + box &:only-child { + padding: rem(5.3px); + // draw hilight and shadows + box-shadow: if($variant == 'light', $header-shadow-light, + $header-shadow-dark); + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + + // override unwanted side-borders + box &:not(:only-child):first-child, + box &:not(:only-child):last-child { + border-left-color: $inverted_dark_color; + border-right-color: $inverted_dark_color; + + .tiled &, + .maximized & { + border-left-color: $panel_bg_color; + border-right-color: $panel_bg_color; + } + } + + box & { // Remove unneeded side shadows with dirty hacks + &:not(:only-child):last-child { + &:dir(ltr) { + box-shadow: if($variant == 'light', $sub-header-shadow-light-ltr, + $sub-header-shadow-dark-ltr); + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + &:dir(rtl) { + box-shadow: if($variant == 'light', $sub-header-shadow-light-rtl, + $sub-header-shadow-dark-rtl); + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + } + } + + // paned-separator is actually drawn by paned itself + paned &:not(:only-child):last-child { + &:dir(ltr) { + // border-left: 1px solid $solid_dark_borders_color; + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + &:dir(rtl) { + // border-right: 1px solid $solid_dark_borders_color; + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + } +} + +headerbar.selection-mode { // selection-mode specific + box & { // Remove unneeded side shadows with dirty hacks + &:not(:only-child):last-child { + &:dir(ltr) { + box-shadow: if($variant == 'light', $selected-header-shadow-light-ltr, + $selected-header-shadow-dark-ltr); + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + &:dir(rtl) { + box-shadow: if($variant == 'light', $selected-header-shadow-light-rtl, + $selected-header-shadow-dark-rtl); + + .tiled & { @extend %tiled_integration; } + .maximized & { @extend %maxd_integration; } + } + } + } +} + +headerbar, +.titlebar { // set rounded corners + border-top-left-radius: 2px; + border-top-right-radius: 2px; + + box &:not(:last-child):not(.titlebar) { + &:dir(ltr) { + border-top-left-radius: 2px; + border-top-right-radius: 0; + } + &:dir(rtl) { + border-top-left-radius: 0; + border-top-right-radius: 2px; + } + } + + box &:last-child:not(.titlebar) { + &:dir(ltr) { border-top-left-radius: 0; } + &:dir(rtl) { border-top-right-radius: 0; } + } +} + +// force using rounded corners in case of paned titlebars +window:not(.maximized):not(.tiled) { + paned.titlebar { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + + > headerbar:not(:last-child) { + &:dir(ltr) { + border-top-left-radius: 2px; + border-top-right-radius: 0; + } + &:dir(rtl) { + border-top-left-radius: 0; + border-top-right-radius: 2px; + } + } + > headerbar:last-child { + &:dir(ltr) { + border-top-left-radius: 0; + border-top-right-radius: 2px; + } + &:dir(rtl) { + border-top-left-radius: 2px; + border-top-right-radius: 0; + } + } + } +} + +// revive top-edge highlight border for SSDs +.ssd decoration { + .titlebar { + border-top: 1px solid $highlight_color; + box-shadow: none; + } +} + +// squared corners when the window is max'd or tiled +%tiled_integration { + border-radius: 0; + border-color: $panel_bg_color; + border-width: 2px 0 0 0; + border-top-color: $secondary_selected_bg_color; + background-color: $panel_bg_color; + box-shadow: none; + &:backdrop { border-top-color: $track_color; } +} + +%maxd_integration { + border-radius: 0; + border-color: $panel_bg_color; + border-width: 1px 0 0 0; + background-color: $panel_bg_color; + box-shadow: none; +} + + +/************ + * Pathbars * + ************/ + +.linked.path-bar, +.path-bar { + button { + &, &.text-button { + padding: 0 rem(1.3px) 0; + -gtk-outline-radius: 2px; + } + &.image-button { padding: 0 rem(5.3px) 0; } + + &.text-button.image-button { + -gtk-outline-radius: 2px; + label { + padding-left: 0; + padding-right: 0; + } + } + + &.text-button.image-button { + label { // FIXME: is it still needed? + &:last-child { padding-right: rem(5.3px); } + &:first-child { padding-left: rem(5.3px); } + } + } + + image { padding: rem(1.3px) rem(5.3px) 0; } + + &.slider-button, // FIXME: workaround for Nautilus 3.20.0 + &.image-button.text-button.toggle { + min-height: rem(17.3px); + padding: 0 rem(1.3px) 0; + -gtk-outline-radius: 2px; + } + } +} + + +/************** + * Tree Views * + **************/ + +treeview.view { + @at-root * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + } + + border-left-color: $track_color; // this is actually the tree lines color, + border-top-color: $borders_color; // while this is the grid lines color, + // better then nothing + + rubberband { @extend rubberband; } // to avoid borders being overridden + // by the previously set props + + border-radius: 0; // rest border radius in lists + + &:hover, + &:active { border-radius: 0; } + &:selected { + border-radius: 0; + @extend %selected_items; + } + + // override foreground colours + &, entry, + entry > label { + color: $secondary_fg_color; + &:hover, + &:active, + &:focus { color: $fg_color; } + &:selected { color: $selected_fg_color; } + &:disabled { + color: $insensitive_fg_color; + &:selected { color: $insensitive_selected_fg_color; } + } + } + + .separator { + &, &:hover { + color: transparent; + background-color: $borders_color; + } + } + + // clear backgrounds + background-color: transparent; + background-image: none; + box-shadow: none; + + &.dnd { + border-style: solid none; + border-width: 1px; + border-color: mix($fg_color, $selected_bg_color, 50%); + } + + expander { + arrow { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + &:selected { + color: gtkopacity($selected_fg_color, 0.75); + &:hover, + &:active { color: $selected_fg_color; } + } + } + } + + &.progressbar { // progressbar bit in treeviews + box-shadow: inset 0 -4px $accent_color; + &:selected { box-shadow: inset 0 -4px $selected_fg_color; } + } + + &.trough { // progressbar trough in treeviews + box-shadow: inset 0 -4px gtkalpha($accent_color, 0.2); + &:selected { box-shadow: inset 0 -4px gtkalpha($selected_fg_color, 0.2); } + } + + &, paned & { // redraw some stuff for RhythmBox + background-color: $base_color; + &:hover, + row:hover { color: $fg_color; } + &:selected, + row:selected { @extend %selected_items; } + } + + // see tests/testaccel to test + acceleditor > label { background-color: $selected_bg_color; } + + header { + button { + @extend row.activatable; + min-height: rem(20px); + padding: 0 rem(6.7px) 0; + border-style: none solid solid none; + border-width: 1px; + border-color: $borders_color; + border-radius: 0; + box-shadow: none; + background-color: $base_color; + // font-weight: 700; + color: $tertiary_fg_color; + } + &:hover, + &:active { + color: $fg_color; + box-shadow: none; + } + &:disabled { background-color: $base_color; } + &.dnd { @extend column-header.button.dnd; } + } + & button:last-child, + &:last-child button { // treeview-like derived widgets in Banshee + // and Evolution + border-right-style: none; + } + + &.separator { + min-height: rem(2px); + color: transparent; + background-color: $borders_color; + } +} + +column-header.button.dnd { // for treeview-like derive widgets + transition: none; + border-left-style: solid; + color: $selected_bg_color; +} + + +/********* + * Menus * + *********/ + +.menubar, +menubar { + -GtkWidget-window-dragging: true; + padding: 0; + box-shadow: $menubar-shadow; + background-color: $inverted_dark_color; + color: $inverted_secondary_fg_color; // FIXME: Gtk+3 firefox needs this! + + .tiled &, + .maximized & { + background-color: $panel_bg_color; + box-shadow: none; + transition: none; + } + + > menuitem { + min-height: rem(20px); + padding: rem(5.3px) rem(8px) rem(6.7px); + color: $inverted_secondary_fg_color; + background-color: transparent; + &:hover { // Seems like it :hover even with keyboard focus + color: $inverted_fg_color; + box-shadow: inset 0 -2px $selected_bg_color; + } + &:disabled { + color: $insensitive_inverted_fg_color; + box-shadow: none; + } + } +} + +.menu, +.context-menu, +menu { + margin: rem(4px) 0; + padding: rem(4px) 0; + border-width: 1px; // adds borders in a non composited env + border-style: solid; + border-color: $base_color transparent transparent; + background-color: $secondary_base_color; + + .csd & { // axes borders in a composited env + border-width: 1px; + border-radius: 2px; + border-color: $base_color transparent transparent; + } + + .menuitem, + menuitem { + min-height: rem(20px); + min-width: rem(40px); + padding: rem(5.3px) rem(8px) rem(6.7px); + color: $secondary_fg_color; + font: initial; + text-shadow: none; + transition: none; + &:hover { + color: $fg_color; + background-color: gtkalpha(currentColor, 0.1); + transition: none; + } + &:disabled { color: $insensitive_fg_color; } + + // submenu indicators + arrow { + min-height: rem(16px); + min-width: rem(16px); + + &:dir(ltr) { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + margin-left: rem(10.7px); + } + &:dir(rtl) { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); + margin-right: rem(10.7px); + } + } + + // avoids labels color being overridden, see + // https://bugzilla.gnome.org/show_bug.cgi?id=767058 + label { + &:dir(rtl), + &:dir(ltr) { color: inherit; } + } + } + + > arrow { // overflow buttons + @extend button.flat; + min-height: rem(16px); + min-width: rem(16px); + padding: rem(4px); + border-style: none; + border-radius: 0; + background-color: $secondary_base_color; + &.top { + margin-top: rem(-5.3px); + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + border-bottom: 1px solid $borders_color; + } + &.bottom { + margin-bottom: rem(-5.3px); + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + border-top: 1px solid $borders_color; + } + &:hover { background-color: $secondary_dark_color; } + &:disabled { + color: transparent; + background-color: transparent; + border-color: transparent ; + } + } + + > separator { + &:dir(ltr) { margin-left: rem(32px); } + &:dir(rtl) { margin-right: rem(32px); } + } +} + +menuitem { + accelerator { color: gtkalpha(currentColor, 0.55); } + + separator { + color: transparent; + background: none; + border-top: 1px solid $borders_color; + &:dir(ltr) { margin-left: rem(32px); } + &:dir(rtl) { margin-right: rem(32px); } + } +} + +// round corners for CSD menus +.csd.popup { border-radius: 2px; } + + +/************ + * Popovers * + ************/ + +popover.background { + padding: 2px; + background-color: $secondary_base_color; + box-shadow: $z-depth-3; + + .csd &, + & { + border: 1px solid; + border-color: $base_color $secondary_base_color $secondary_base_color; + border-radius: 2px + 1px; + } + + &:backdrop { box-shadow: $z-depth-1; } + + > list, + > .view, + > toolbar, + &.osd > toolbar { + border-style: none; + border-image: none; + background-color: transparent; + } + + button menuitem.flat, + button.flat { + transition: none; + padding: 0 rem(10px) 0; + background-color: transparent; + background-size: $text_button_small; + color: $secondary_fg_color; + font: initial; + &:hover { + background-color: transparent; // remove double-bg + color: $fg_color; + } + + // FIXME: label padding is ugly + // vertical padding of GtkMenuItem * 0.5 + label { padding: rem(2.7px) 0 rem(3.3px); } + } + + button.image-button { padding: rem(6.7px); } + + button.model.image-button { min-height: rem(26.7px); } + + .linked > button { + @include button(flat-normal); + @extend %button_array; + color: $secondary_fg_color; + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:disabled { @include button(flat-insensitive); } + &:checked { + @include button(flat-checked); + color: $fg_color; + background-color: transparent; + } + &:checked:disabled { @include button(flat-checked-insensitive); } + } + + .csd &, + & { + &.touch-selection, + &.magnifier { + @extend %osd; + button { @include button(flat-normal); } + } + } + + &.osd { @extend %osd; } + + separator { margin: rem(3px) 0; } +} + + +/************* + * Notebooks * + *************/ + +notebook { + padding: 0; + + &.frame { + border: 1px solid $solid_light_borders_color; + transition: none; + + // remove madness borders around header + > header { + &, &.frame { border-style: none; } + @each $_header, $_margin in (top, -1px -1px 0 -1px), + (bottom, 0 -1px -1px -1px), + (left, -1px 0 -1px -1px), + (right, -1px -1px -1px 0) { + &.#{$_header} { margin: #{$_margin}; } + } + } + } + + > stack { + transition: none; + &:only-child { + border: none; + background-color: transparent; + box-shadow: none; + } + + // the :not(:only-child) is for "hidden" notebooks + &:not(:only-child), + &:not(:first-child), + &:not(:last-child) { + border: none; + background-color: $base_color; + box-shadow: inset 0 0 0 1px $base_color; + } + } + + > header { + $tab_indicator_size: 2px; + // vertical tab sizing + $vt_vpadding: rem(5.3px); + $vt_hpadding: rem(16px); + // horizontal tab sizing + $ht_vpadding: rem(5.3px); + $ht_hpadding: rem(10px); + + background-color: $bg_color; + tabs { background-color: transparent; } + + @each $_header, $_border in (top, 0 1px), + (bottom, 0 -1px), + (left, 1px 0), + (right, -1px 0) { + &.#{$_header} { + // FIXME: outset borders + box-shadow: #{$_border} $borders_color; + } + } + + &.top { + > tabs { + margin: 0 rem(6px) -1px rem(6px); + > tab { + margin: 0 -1px 0 -1px; // 1px horizontal overlap + padding: $vt_vpadding $vt_hpadding; + border-bottom-width: $tab_indicator_size; + box-shadow: none; + &.reorderable-page { + padding-left: rem(10px); // for a nicer close button + padding-right: rem(10px); // placement + border-left-width: 1px; + border-right-width: 1px; + } + } + } + } + &.bottom { + > tabs { + margin: -1px rem(6px) 0 rem(6px); + > tab { + margin: 0 -1px 0 -1px; + padding: $vt_vpadding $vt_hpadding; + border-top-width: $tab_indicator_size; + box-shadow: none; + &.reorderable-page { + padding-left: rem(16px); + padding-right: rem(16px); + border-left-width: 1px; + border-right-width: 1px; + } + } + } + } + &.left { + > tabs { + margin: rem(6px) -1px rem(6px) 0; + > tab { + margin: -1px 0 -1px 0; // 1px vertical overlap + padding: $ht_vpadding $ht_hpadding; + border-right-width: $tab_indicator_size; + box-shadow: none; + &.reorderable-page { + border-bottom-width: 1px; + border-top-width: 1px; + } + } + } + } + &.right { + > tabs { + margin: rem(6px) 0 rem(6px) -1px; + > tab { + margin: -1px 0 -1px 0; + padding: $ht_vpadding $ht_hpadding; + border-left-width: $tab_indicator_size; + box-shadow: none; + &.reorderable-page { + border-bottom-width: 1px; + border-top-width: 1px; + } + } + } + } + + // Reorderable-page + @each $_tab, $_border in (top, bottom), + (bottom, top), + (left, right), + (right, left) { + &.#{$_tab} tab.reorderable-page { + border-#{$_border}-width: 2px; + border-#{$_border}-color: transparent; + &:hover { + border-color: $borders_color; + border-#{$_border}-width: 2px; + border-#{$_border}-color: $borders_color; + background-color: $base_color; + box-shadow: none; + } + &:checked { + border-color: $borders_color; + border-#{$_border}-width: 2px; + border-#{$_border}-color: $selected_bg_color; + background-color: $base_color; + box-shadow: if($variant == 'light', $tab-shadow-light, + $tab-shadow-dark); + } + } + } + + // Arrow buttons + &.top, &.bottom { + // & tabs arrow.up { -gtk-icon-source: + // -gtk-icontheme('pan-end-symbolic'); + // } + // & tabs arrow.down { -gtk-icon-source: + // -gtk-icontheme('pan-start-symbolic'); + // } + } + &.left, &.right { + // & tabs arrow.up { -gtk-icon-source: + // -gtk-icontheme('pan-down-symbolic'); + // } + // & tabs arrow.down { -gtk-icon-source: + // -gtk-icontheme('pan-up-symbolic'); + // } + } + & > tabs > arrow { + transition: none; + min-height: rem(16px); + min-width: rem(16px); + margin: 0 rem(6.7px); + border-radius: 0; + color: $tertiary_fg_color; + &:hover, + &:active { color: $fg_color; } + &:disabled { color: $insensitive_fg_color; } + } + + &.top, &.bottom, + &.left, &.right { // button outside the tabs + button { + min-height: rem(16px); + min-width: rem(16px); + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + & > image { padding: rem(6.7px); } + } + } + } + + tab { + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; + + outline-offset: rem(-6px); + + // here's the interesting stuff + &:hover { border-color: $track_color; } + &:checked { border-color: $selected_bg_color; } + + label { // tab text + padding: rem(1.3px); + font-weight: 700; + color: $tertiary_fg_color; + } + &.reorderable-page label { // reorderable-page tab text + padding: rem(5.3px) 0 rem(5.3px); + } + &:hover label { + // hover tab text + color: $fg_color; + } + &:checked label { + // active tab text + color: $fg_color; + } + + button { // tab close button + @include button(flat-normal); + min-width: rem(16px); + min-height: rem(16px); + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-size: $image_button_small; + color: $tertiary_fg_color; + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:disabled { @include button(flat-insensitive); } + & > image { // this is a hack which makes tabs grow + padding: rem(6.7px); + } + } + &:hover button, + &:checked button { // close button colours + color: $fg_color; + image { color: $fg_color; } + } + &:disabled button { + color: $insensitive_fg_color; + image { color: $insensitive_fg_color; } + } + + // special case for Gedit's tab 'close' button + button.flat.image-button.small-button { + min-width: rem(16px); + min-height: rem(16px); + padding: 0; + // weird wdiget gets in our way + & > widget > box > image { padding: rem(6.7px); } + } + } + + &:not(.reorderable-page) > entry { @extend entry.flat; } +} + + +/************** + * Scrollbars * + **************/ + +$_slider_min_width: rem(12px); +$_slider_min_length: rem(32px); + +@keyframes slow_down_vert { + from {min-width: $_slider_min_width - rem(6px); } + to { min-width: $_slider_min_width; } +} + +@keyframes slow_down_horz { + from {min-height: $_slider_min_width - rem(6px); } + to { min-height: $_slider_min_width; } +} + +scrollbar, +.scrollbar { + // disable steppers + @at-root * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + } + + background-color: gtkopacity($base_color, 0.55); + transition-duration: 0.2s; + + // scrollbar border + &.top, + &.bottom, + &.left, + &.right { + &, .trough { border: none; } + } + + // slider + slider, + .slider { + margin: 0; + border-radius: 0; + border: 0 none transparent; + background-color: gtkopacity($tertiary_fg_color, 0.55); + &:hover { background-color: gtkopacity($secondary_fg_color, 0.55); } + &:active { background-color: $fg_color; } + &:disabled { opacity: 0.4; } + } + + &.fine-tune slider { margin: 0; } + + &.vertical { + slider, + .slider { + min-width: $_slider_min_width; + min-height: $_slider_min_length; + margin: 0; + } + &.fine-tune slider { margin: 0; } + } + &.horizontal { + slider, + .slider { + min-width: $_slider_min_length; + min-height: $_slider_min_width; + margin: 0; + } + &.fine-tune slider { margin: 0; } + } + + &.overlay-indicator { + &:not(.dragging):not(.hovering) { // Overlay scrolling indicator + border-color: transparent; + background-color: transparent; + + slider { + margin: 0; + border: 0 none transparent; + } + + button { + min-width: $_slider_min_width; + min-height: $_slider_min_width; + background-color: gtkopacity($tertiary_fg_color, 0.55); + border-radius: 0; + border: none; + -gtk-icon-source: none; + } + + // w/o the following margin tweaks the slider shrinks + // when hovering/dragging + &.vertical { + slider { + min-width: $_slider_min_width - rem(6px); + min-height: $_slider_min_length; + margin: 0; + } + + button { + min-width: rem(6px); + margin: 0; + } + } + + &.horizontal { + slider { + min-width: $_slider_min_length; + min-height: $_slider_min_width - rem(6px); + margin: 0; + } + + button { + min-height: rem(6px); + margin: 0; + } + } + } + + &.dragging, + &.hovering { opacity: 0.8; } + + &.hovering { // slow-down when deforming + &.vertical slider { animation: slow_down_vert 0.2s linear forwards; } + &.horizontal slider { animation: slow_down_horz 0.2s linear forwards; } + } + } +} + + +/********** + * Switch * + **********/ + +switch { + outline-offset: rem(-4px); + font-size: 0; + // similar to the scale + border: rem(10px) solid transparent; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: $track_color; + + &:disabled { color: $insensitive_fg_color; } + &:checked { + background-color: gtkopacity($selected_bg_color, 0.2); + &:disabled { background-color: gtkopacity($selected_bg_color, 0.2); } + } + &:disabled { + color: $insensitive_fg_color; + background-color: $track_color; + } + + // slider styling + // switch slider doesn't respond to its own states + // but relies on the switch ones + slider { + @include button(normal); + min-width: rem(20px); + min-height: rem(20px); + margin: rem(-4px) rem(-1px); + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + } + &:hover slider { + @include button(hover); + background-image: linear-gradient(to bottom, + gtkalpha($selected_fg_color, 0.2), + gtkalpha($selected_fg_color, 0.2)); + } + &:checked slider { @include button(checked); } + &:checked:hover slider { + @include button(checked); + background-image: linear-gradient(to bottom, + gtkalpha($selected_fg_color, 0.2), + gtkalpha($selected_fg_color, 0.2)); + box-shadow: $z-depth-2, + inset 0 1px $highlight_color; + } + &:checked:disabled slider { + @include button(checked-insensitive); + // do not use any transparentize + background-color: if($variant == 'light', #F0F2F3, #3F4E56); + background-image: none; + box-shadow: none; + } + &:disabled slider { + background-color: if($variant == 'light', #F0F2F3, #3F4E56); + background-image: none; + box-shadow: none; + } + + row:selected & { // return to monochrome + background-color: $bg_color; + &:checked { + background-color: $secondary_dark_color; + &:disabled { background-color: $secondary_dark_color; } + } + + slider { background-color: $bg_color; } + &:hover slider { + background-image: linear-gradient(to bottom, + gtkalpha($selected_fg_color, 0.2), + gtkalpha($selected_fg_color, 0.2)); + } + &:checked slider { background-color: $base_color; } + &:checked:disabled slider { background-color: $secondary_dark_color; } + } + + // special case inside the grid container, + // need to protect geometry by using pixmaps images... + grid & { + margin: rem(6px) rem(5px); + font-size: 0; + outline-color: transparent; + + slider { + min-width: rem(40px); + min-height: rem(20px); + } + + // reset all of default troughs + &, + &:hover, + &:checked, + &:checked:hover, + &:checked:disabled, + &:disabled { + margin: rem(6px) rem(5px); + border: none; + color: transparent; + background: none; + background-image: none; + background-size: 40px 20px; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; + + &:dir(rtl) { background-position: left center; } + } + + // reset all of default sliders + slider, + &:hover slider, + &:checked slider, + &:checked:hover slider, + &:checked:disabled slider, + &:disabled slider { + margin: 0; + border: none; + border-radius: 0; + color: transparent; + background: none; + background-image: none; + background-size: 40px 20px; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; + + &:dir(rtl) { background-position: left center; } + } + + // use ugly pixmaps + &:not(:hover):not(:checked):not(:disabled) { + background-image: -gtk-scaled( + url("assets/toggle-off#{$asset_suffix}.png"), + url("assets/toggle-off#{$asset_suffix}@2.png")); + } + &:hover { + background-image: -gtk-scaled( + url("assets/toggle-off-hover#{$asset_suffix}.png"), + url("assets/toggle-off-hover#{$asset_suffix}@2.png")); + } + &:checked { + background-image: -gtk-scaled(url("assets/toggle-on.png"), + url("assets/toggle-on@2.png")); + &:hover { + background-image: -gtk-scaled(url("assets/toggle-on-hover.png"), + url("assets/toggle-on-hover@2.png")); + } + &:disabled { + background-image: -gtk-scaled( + url("assets/toggle-on-insensitive#{$asset_suffix}.png"), + url("assets/toggle-on-insensitive#{$asset_suffix}@2.png")); + } + } + &:disabled { + background-image: -gtk-scaled( + url("assets/toggle-off-insensitive#{$asset_suffix}.png"), + url("assets/toggle-off-insensitive#{$asset_suffix}@2.png")); + } + } +} + + +/************************* + * Check and Radio items * + *************************/ + +@keyframes check_radio_hover { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha($secondary_fg_color, 0.1)), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha($secondary_fg_color, 0.1)), + to(transparent)); + } +} + +@keyframes check_radio_active { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha($selected_bg_color, 0.1)), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha($selected_bg_color, 0.1)), + to(transparent)); + } +} + +@keyframes check_radio_active_reverse { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha($selected_bg_color, 0.2)), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha($selected_bg_color, 0)), + to(transparent)); + } +} + +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + +@each $w,$a in ('check', 'checkbox'), + ('radio','radio') { + + // standard checks and radios + @each $s,$as in ('','-unchecked'), + (':hover', '-unchecked-active'), + (':active', '-unchecked-active'), + (':disabled','-unchecked-insensitive'), + (':indeterminate', '-mixed'), + (':indeterminate:hover', '-mixed-active'), + (':indeterminate:active', '-mixed-active'), + (':indeterminate:disabled', '-mixed-insensitive'), + (':checked', '-checked'), + (':checked:hover', '-checked-active'), + (':checked:active', '-checked-active'), + (':checked:disabled','-checked-insensitive') { + #{$w}#{$s}, + .#{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), + url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); + -gtk-icon-shadow: none; + } + } + + // menu + @each $s,$as in ('',''), + // (':active', '-checked'), + (':disabled','-insensitive'), + (':indeterminate', '-mixed'), + // (':indeterminate:active', '-mixed'), + (':indeterminate:disabled', '-mixed-insensitive'), + (':checked', '-checked'), + // (':checked:active', '-checked'), + (':checked:disabled','-checked-insensitive') { + menu menuitem #{$w}#{$s}, + menu menuitem .#{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-symbolic#{$asset_suffix}.png"), + url("assets/#{$a}#{$as}-symbolic#{$asset_suffix}@2.png")); + -gtk-icon-shadow: none; + &:hover { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-symbolic#{$asset_suffix}.png"), + url("assets/#{$a}#{$as}-symbolic#{$asset_suffix}@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; + } + } + } +} + +// check/radio inside treeview +treeview.view check, +treeview.view radio { + &, &:only-child { + // margin: rem(-6.7px); + // padding: rem(6.7px); + padding: 0; // FIXME: negative margin doesn't work. + } +} + +// check/radio inside selected-rows +@each $w,$a in ('check', 'checkbox'), + ('radio','radio') { + + // standard checks and radios + @each $s,$as in ('','-unchecked'), + (':active', '-unchecked'), + (':indeterminate', '-mixed'), + (':indeterminate:active', '-mixed'), + (':checked', '-checked'), + (':checked:active', '-checked') { + treeview.view, + row, + row.activatable { + #{$w}:selected#{$s}, + #{$w}:selected:focus#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-selected.png"), + url("assets/#{$a}#{$as}-selected@2.png")); + -gtk-icon-shadow: none; + } + // use dark variant for insensitive states + #{$w}:selected:disabled, + #{$w}:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}-unchecked-insensitive-dark.png"), + url("assets/#{$a}-unchecked-insensitive-dark@2.png")); + } + #{$w}:selected:indeterminate:disabled, + #{$w}:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}-mixed-insensitive-dark.png"), + url("assets/#{$a}-mixed-insensitive-dark@2.png")); + } + #{$w}:selected:checked:disabled, + #{$w}:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}-checked-insensitive-dark.png"), + url("assets/#{$a}-checked-insensitive-dark@2.png")); + } + } + } +} + +// selection-mode +@each $s,$as in ('','-selectionmode'), + (':hover', '-active-selectionmode'), + (':active', '-active-selectionmode'), + (':disabled', '-insensitive-selectionmode'), + (':checked', '-checked-selectionmode'), + (':checked:hover', '-checked-active-selectionmode'), + (':checked:active', '-checked-active-selectionmode'), + (':disabled:checked', '-checked-insensitive-selectionmode') { + .view.content-view check#{$s}:not( list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"), + url("assets/checkbox#{$as}#{$asset_suffix}@2.png")); + background-color: transparent; + } +} + +checkbutton.text-button, +radiobutton.text-button { + // this is for a nice focus on check and radios text + padding: rem(2.7px) rem(6.7px); + outline-offset: 0; + color: $secondary_fg_color; + &:hover, + &:active, + &:checked { color: $fg_color; } + &:disabled, + &:disabled:active, + &:disabled:indeterminate { + // set insensitive color, which is overriden otherwise + // color: $insensitive_fg_color; + } +} + +radio, +.radio, +check, +.check { + min-width: rem(16px); + min-height: rem(16px); + // margin: 0 rem(6.7px) 0 rem(6.7px); + margin: rem(-10px) rem(-3.3px); + padding: rem(10px); + + &:hover { + animation: check_radio_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + &:active { + animation: check_radio_active_reverse 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; + } + &:hover:checked, + &:hover:indeterminate { + animation: check_radio_active 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + + menu menuitem & { + min-width: rem(16px); + min-height: rem(16px); + margin: 0; + padding: 0; + &:dir(ltr) { margin-right: rem(8px); } + &:dir(rtl) { margin-left: rem(8px); } + + &, &:hover, &:disabled { //FIXME: use button reset mixin + border-color: transparent; + background-image: none; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + color: inherit; + animation: none; + } + } +} + + +/************ + * GtkScale * + ************/ + +@keyframes scale_enlarge { + from { background-size: $scale; } + to { background-size: 100%; } +} + +%scale_trough { + border: 1px solid transparent; + border-radius: 0; + background-color: $track_color; + box-shadow: none; + &:disabled { + color: $insensitive_fg_color; + background-color: $track_color; + } + + &:backdrop { + } + + // OSD + .osd & { + } +} + +%scale_highlight { + border: 1px solid transparent; + border-radius: 0; + background-color: $accent_color; + &:disabled { + color: $insensitive_fg_color; + background-color: $track_color; + } + + &:backdrop { + } + + // OSD + .osd & { + } +} + +$_marks_lenght: 6px; +$_marks_distance: 6px; + +scale { + // remove ugly outlines + // outline-offset: -4px; + // -gtk-outline-radius: 100px; + outline-offset: 0; + outline-width: 0; + + min-height: 10px; + min-width: 10px; + padding: 10px; + + &.fine-tune { + // remove ugly outlines + // outline-offset: rem(-4px); + outline-offset: 0; + outline-width: 0; + &.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 10px; + } + + &.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 10px; + } + + // to make the trough grow in fine-tune mode + slider { margin: -9px; } + + highlight, + fill, + trough { + } + } + + slider { + min-height: 20px; + min-width: 20px; + margin: -9px; + + &:not(:hover):not(:active) { background-size: $scale; } + // @include entry(normal); + // border-radius: 50%; + // background-color: $success_color; + @each $s,$as in ('',''), + // (':hover','-hover'), + (':active','-active'), + (':disabled','-insensitive') { + &#{$s} { + $_url: 'assets/slider#{$as}#{$asset_suffix}'; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + } + } + &:hover { + animation: scale_enlarge 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + &:disabled { + } + // OSD sliders + .osd & { + } + } + + // the backing bit sizing + trough, + fill, + highlight { + min-height: 2px; + min-width: 2px; + border-radius: 0; + border-width: 0; + } + + // the backing bit styling + trough { @extend %scale_trough; } + + // the colored part of the backing bit + highlight { @extend %scale_highlight; } + + // this is another differently styled part of the backing bit, + // the most relevant use case is for example in media player + // to indicate how much video stream as been cached + fill { + @extend %scale_trough; + + background-color: $accent_fill_color; + + &:disabled { + border-color: transparent; + background-color: transparent; + } + } + + // same opacity value with dim-label + value { color: gtkalpha(currentColor, 0.55); } + + separator { + color: transparent; + background-color: $track_color; + } + + // scales on selected list rows + row:selected & { + } +} + +scale { // marks color + marks { + color: gtkalpha(currentColor, 0.55); + @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), + (bottom, bottom, top), + (top, left, right), + (bottom, right, left) { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_distance; + margin-#{$marks_pos}: -($_marks_distance + $_marks_lenght); + } + } + } + + &.fine-tune marks { + @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), + (bottom, bottom, top), + (top, left, right), + (bottom, right, left) { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_distance; + margin-#{$marks_pos}: -($_marks_distance + $_marks_lenght - 3px); + } + } + } + + &.horizontal { + indicator { + min-height: $_marks_lenght; + min-width: 1px; + } + + &.fine-tune indicator { min-height: ($_marks_lenght - 3px); } + } + + &.vertical { + indicator { + min-height: 1px; + min-width: $_marks_lenght; + } + + &.fine-tune indicator { min-width: ($_marks_lenght - 3px); } + } +} + +// scale with marks +@each $d,$dn in ('horizontal', 'horz'), + ('vertical', 'vert') { + @each $ws,$w,$we in (':last-child:not(:only-child)', + 'scale-has-marks-above', 'scale_marks_above'), + (':first-child:not(:only-child)', + 'scale-has-marks-below', 'scale_marks_below') { + scale.#{$d} { + %#{$w}-#{$dn}, + contents#{$ws} > trough > slider { + @each $s,$as in ('',''), + // (':hover','-hover'), + (':active','-active'), + (':disabled','-insensitive') { + &#{$s} { + @extend %#{$we}_#{$dn}; // negative margin makes trough shrinking + $_url: 'assets/slider-#{$dn}-#{$w}#{$as}#{$asset_suffix}'; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + } + } + } + &.fine-tune { + %#{$w}-#{$dn}-fine-tune, + contents#{$ws} > tough > slider { + @each $s,$as in ('',''), + // (':hover','-hover'), + (':active','-active'), + (':disabled','-insensitive') { + &#{$s} { @extend %#{$we}_#{$dn}_ft; } + } + } + } + } + } +} + +scale { // scales for colour + &.color { + min-height: 0; + min-width: 0; + + // not actual trough colour + trough { + min-width: 2px; + min-height: 2px; + border-radius: 0; + background-color: transparent; + } + + &.horizontal { + padding: 0 0 10px 0; + + trough { padding-bottom: 5px; } + + slider { + &, &:hover, &:disabled { + @extend %scale-has-marks-above-horz; + margin-top: 5px; + margin-bottom: -10px; + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 10px; + + trough { padding-left: 5px; } + + slider { + &, &:hover, &:disabled { + @extend %scale-has-marks-below-vert; + margin-left: -10px; + margin-right: 5px; + } + } + } + + &:dir(rtl) { + padding: 0 10px 0 0; + + trough { padding-right: 5px; } + + slider { + &, &:hover, &:disabled { + @extend %scale-has-marks-above-vert; + margin-left: 5px; + margin-right: -10px; + } + } + } + } + + &.fine-tune { + &.horizontal { + padding: 0 0 10px 0; + + trough { padding-bottom: 5px; } + + slider { + @extend %scale-has-marks-above-horz-fine-tune; + margin-top: 5px; + margin-bottom: -10px; + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 10px; + + trough { padding-left: 5px; } + + slider { + @extend %scale-has-marks-below-vert-fine-tune; + margin-left: -10px; + margin-right: 5px; + } + } + + &:dir(rtl) { + padding: 0 10px 0 0; + + trough { padding-right: 5px; } + + slider { + @extend %scale-has-marks-above-vert-fine-tune; + margin-left: 5px; + margin-right: -10px; + } + } + } + } + } +} + +%scale_marks_above_horz { margin: -15px -10px -10px -10px; } +%scale_marks_below_horz { margin: -10px -10px -15px -10px; } +%scale_marks_above_vert { margin: -10px -10px -10px -15px; } +%scale_marks_below_vert { margin: -10px -15px -10px -10px; } +%scale_marks_above_horz_ft { margin: -15px -10px -10px -10px; } +%scale_marks_below_horz_ft { margin: -10px -10px -15px -10px; } +%scale_marks_above_vert_ft { margin: -10px -10px -10px -15px; } +%scale_marks_below_vert_ft { margin: -10px -15px -10px -10px; } + + +/***************** + * Progress bars * + *****************/ + +progressbar { + // sizing + &.horizontal { + trough, + progress { min-height: 4px; } + } + + &.vertical { + trough, + progress { min-width: 4px; } + } + + // the progress node is positioned after the trough border + // this moves it over it. + &.horizontal progress { margin: 0 -1px; } + &.vertical progress { margin: -1px 0; } + + + // FIXME: insensitive state missing and some other state + // should be set probably + font-size: 90%; + color: $tertiary_fg_color; + + trough { + box-shadow: none; + border-radius: 0; + background-color: gtkopacity($accent_color, 0.2); + } + + progress { + box-shadow: none; + border-radius: 0; + background-color: $accent_color; + &.left { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + &.right { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + &.top { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + &.bottom { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + } + + &.osd { + min-width: 4px; + min-height: 4px; + trough { + border-style: none; + box-shadow: none; + background-color: gtkopacity($accent_color, 0.2); + } + progress { + background-image: none; + background-color: $accent_color; + border-style: none; + border-radius: 0; + } + } +} + +%entry_progressbar { // progress inside entry + margin: -10px -6px; + border-style: none none solid; + border-width: 2px; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($accent_color), + to(transparent)) + 0 0 2 / 0 0 2px; + border-radius: 0; + box-shadow: none; + background-color: transparent; + background-image: none; +} + + +/************* + * Level Bar * + *************/ + +levelbar { + box-shadow: $z-depth-1; // needs to be set here to avoid clipping + + block { + min-width: rem(36px); + min-height: rem(4px); + } + + &.vertical block { + min-width: rem(4px); + min-height: rem(36px); + } + + trough { + padding: rem(2px); + border-radius: 2px; + box-shadow: $z-depth-1; + &:disabled { box-shadow: none; } + &.horizontal { padding: rem(2px) rem(1px); } + &.vertical { padding: rem(1px) rem(2px); } + } + + &.horizontal.discrete block { margin: 0 rem(1px); } + &.vertical.discrete block { margin: rem(1px) 0; } + + block { + border-radius: 0; + border: none; + box-shadow: none; + } + + block.low { background-color: $warning_color; } + + block:not(.empty), + block.high { background-color: $selected_bg_color; } + + block.full { background-color: $success_color; } + + block.empty { background-color: $track_color; } +} + + +/**************** + * Print dialog * +*****************/ + +printdialog { + paper { + padding: 0; + color: $fg_color; + border: 1px solid $borders_color; + background-color: white; + } + + .dialog-action-box { margin: rem(12px); } +} + + +/********** + * Frames * + **********/ + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid $borders_color; + box-shadow: none; + &.flat { border-style: none; } +} + +actionbar > frame > border { border-width: 1px 0 0; } + +actionbar > revealer > box { + padding: rem(5.3px); + border-top: 1px solid $borders_color; +} + +placessidebar, +scrolledwindow { + viewport.frame { // avoid double borders when viewport inside + // scrolled window + border-style: none; + } + + // This is used by GtkScrolledWindow, + // when content is touch-dragged past boundaries. + // This draws a box on top of the content, the size changes programmatically. + overshoot { + &.top { + @include overshoot(top); + } + &.bottom { + @include overshoot(bottom); + } + &.left { + @include overshoot(left); + } + &.right { + @include overshoot(right); + } + } + + // Overflow indication, works similarly to the overshoot, + // the size if fixed tho. + undershoot { + &.top { + @include undershoot(top, $base_color); + } + &.bottom { + @include undershoot(bottom, $base_color); + } + &.left { + @include undershoot(left, $base_color); + } + &.right { + @include undershoot(right, $base_color); + } + } + + junction { // the small square between two scrollbars + border-color: transparent; + // the border image is used to add the missing dot + // between the borders, details, details, details... + border-image: linear-gradient(to bottom, + $borders_color 1px, + transparent 1px) 0 0 0 1 / 0 1px stretch; + background-color: $base_color; + + &:dir(rtl) { border-image-slice: 0 1 0 0; } + } +} + +// vbox and hbox separators +separator { + // always disable separators + color: transparent; + background-color: $borders_color; + min-width: 1px; + min-height: 1px; +} + + +/********* + * Lists * + *********/ + +list { + border-color: $borders_color; + background-color: $base_color; +} + +row { + padding: 2px; +} + +row.activatable { + // let's take care of background colors + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0), gtkalpha(currentColor, 0)); + background-repeat: no-repeat; + background-position: center, center; + background-size: $text_button_large; + &.has-open-popup, // this is for indicating which sidebar row + // generated a popover + &:hover { // see https://bugzilla.gnome.org/show_bug.cgi?id=754411 + transition: none; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.05), gtkalpha(currentColor, 0.05)); + } + + &:active { + animation: list_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } +} + +// button spacing +row { + & button.image-button { + padding: rem(8px); + background-size: $image_button_small; + } + + & button.circular { + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(8px); + background-size: $image_button_small; + } +} + +row:selected { + @extend %selected_items; + button { + &:disabled { color: $insensitive_secondary_selected_fg_color; } + &.flat { + color: $secondary_selected_fg_color; + &:hover, &:active { color: $selected_fg_color; } + &:disabled { color: $insensitive_secondary_selected_fg_color; } + } + } +} + +// transition +row { + &:hover { transition: none; } +} + + +/********************* + * App Notifications * + *********************/ + +.app-notification, +.app-notification.frame { + @extend %osd; + @extend toolbar.osd; + button { + } + border { border: none; } +} + + +/************* + * Expanders * + *************/ + +expander { + padding: rem(2.7px) rem(4px) rem(3.3px); + + arrow { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + min-width: rem(16px); + min-height: rem(16px); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + &:not(:hover):not(:active) { color: gtkalpha(currentColor, 0.75); } + &:selected { color: $selected_fg_color; } + } + + label { + color: $secondary_fg_color; + &:hover, + &:active { color: $fg_color; } + &:selected { color: $selected_fg_color; } + } +} + + +/************ + * Calendar * + ***********/ + +calendar { + margin: rem(8px) 0; + padding: rem(5.3px) rem(1.3px) rem(2.7px); + border: 1px solid $borders_color; + color: $fg_color; + &:selected { + border: none; + border-radius: 100px; + color: $selected_bg_color; + background-color: transparent; + background-image: -gtk-scaled(url("assets/calendar-day-selected.png"), + url("assets/calendar-day-selected@2.png")); + background-size: rem(19.3px) rem(19.3px); + background-position: center top; + background-repeat: no-repeat; + } + + &.header { + border: 1px solid transparent; + border-bottom-color: $borders_color; + border-radius: 0; + } + + &.button, + &.header.button { + @include button(flat-normal); + color: gtkalpha(currentColor, 0.20); + background-size: $image_button_small; + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:disabled { @include button(flat-insensitive); } + } + + &:indeterminate { color: gtkalpha(currentColor, 0.20); } + &.highlight { + color: gtkalpha(currentColor, 0.55); + font-size: 90%; + font-weight: 500; + } +} + + +/*********** + * Dialogs * + ***********/ + +messagedialog { // Message Dialog styling + .titlebar { + min-height: rem(20px); + border-style: none; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + color: $inverted_secondary_fg_color; + background-color: $inverted_dark_color; + } + + entry { + &, &:focus { + color: $inverted_fg_color; + caret-color: $inverted_fg_color; + } + &:disabled { color: $insensitive_inverted_fg_color; } + } + + button { // set foregrounds for fallback-mode + color: $secondary_accent_color; + &:hover, + &:active, + &:checked { color: $accent_color; } + &:disabled { color: $insensitive_inverted_fg_color; } + } + .linked > button { + border: 2px solid transparent; + border-radius: 2px; + border-image: none; + box-shadow: none; + } + + @each $s,$as in ('','-unchecked'), + (':hover', '-unchecked-active'), + (':active', '-unchecked-active'), + (':disabled','-unchecked-insensitive'), + (':indeterminate', '-mixed'), + (':indeterminate:hover', '-mixed-active'), + (':indeterminate:active', '-mixed-active'), + (':indeterminate:disabled', '-mixed-insensitive'), + (':checked', '-checked'), + (':checked:hover', '-checked-active'), + (':checked:active', '-checked-active'), + (':checked:disabled','-checked-insensitive') { + check#{$s} { // always use dark variant + -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}-dark.png"), + url("assets/checkbox#{$as}-dark@2.png")); + } + + radio#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/radio#{$as}-dark.png"), + url("assets/radio#{$as}-dark@2.png")); + } + } + + checkbutton.text-button, + radiobutton.text-button { + color: $inverted_secondary_fg_color; + &:hover, + &:active, + &:checked { color: $inverted_fg_color; } + &:disabled, + &:disabled:active, + &:disabled:indeterminate { color: $insensitive_inverted_fg_color; } + } + + &.csd { // rounded bottom border styling for csd version + &.background { + // bigger radius for better antialiasing + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + } + + &.background, + &.csd.background { + color: $inverted_secondary_fg_color; + background-color: $inverted_dark_color; + opacity: 0.9; + + .dialog-action-area { + button, + .linked > button { + @include button(flat-normal); + border: 2px solid transparent; + border-radius: 0; + color: $inverted_secondary_fg_color; + font-size: initial; + font-weight: 700; + background-size: $text_button_small; + box-shadow: none; + // &:first-child { border-bottom-left-radius: 2px; } + // &:last-child { border-bottom-right-radius: 2px; } + + background-color: transparent; + color: $secondary_accent_color; + &:hover { + @include button(flat-hover); + color: $accent_color; + } + &:active { + @include button(flat-active); + color: $accent_color; + } + &:checked { + @include button(flat-checked); + color: $secondary_accent_color; + } + &:disabled { @include button(flat-insensitive); } + + &:first-child { + border-radius: 0 0 0 2px; + border-right-width: 0; + } + &:last-child { + border-radius: 0 0 2px 0; + border-left-width: 0; + } + } + } + } +} + +filechooser { + .dialog-action-box { border-top: 1px solid $borders_color; } + + #pathbarbox { border-bottom: 1px solid $bg_color; } +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + + +/*********** + * Sidebar * + ***********/ + +.sidebar { + border: none; + color: $secondary_fg_color; + + &, list { // draw shadows + &:dir(ltr) { box-shadow: if($variant == 'light', $sidebar-light-ltr, + $sidebar-dark-ltr); + } + &:dir(rtl) { box-shadow: if($variant == 'light', $sidebar-light-rtl, + $sidebar-dark-rtl); + } + } + + // remove background from child-elements + treeview.view, + .frame, + list { background-color: transparent; } + + treeview.view { + box-shadow: none; + &:selected, + row:selected { @extend %selected_items; } + } + + // fill actual background + background-color: $secondary_dark_color; + .frame list { box-shadow: none; } + + list, + row, + row.activatable { + color: $secondary_fg_color; + background-color: transparent; + font-weight: 500; + &:hover { color: $fg_color; } + &:selected { + color: $selected_bg_color; + background-color: transparent; + + label { color: $selected_bg_color; } + } + } + + // disable shadows on overshoot/undershoot area + // of gtk3-demo's sidebar + overshoot, + undershoot { box-shadow: none; } +} + +stacksidebar { + row, + row.activatable { + padding: rem(5.3px) rem(8px) rem(6.7px); + + > label { + padding-left: rem(5.3px); + padding-right: rem(5.3px); + } + + color: $secondary_fg_color; + background-color: transparent; + font-weight: 500; + &:hover { color: $fg_color; } + &:selected { + color: $selected_bg_color; + background-color: transparent; + + label { color: $selected_bg_color; } + } + &:backdrop { opacity: 1.0; } + + &.needs-attention > label { @extend %needs_attention; } + } + + .frame list { // draw shadows + // dim background with alpha-blending + background-color: if($variant == 'light', rgba(12, 18, 0, 0.01), + rgba(18, 22, 0, 0.04)); + + &:dir(ltr) { box-shadow: if($variant == 'light', $sidebar-light-ltr, + $sidebar-dark-ltr); + } + &:dir(rtl) { box-shadow: if($variant == 'light', $sidebar-light-rtl, + $sidebar-dark-rtl); + } + } + + // remove unwanted separator + separator, + .separator { + @extend separator.wide; + min-height: 0; + border-color: transparent; + background-color: transparent; + color: transparent; + } +} + + +/**************** + * File chooser * + ****************/ + +placessidebar { + @extend scrolledwindow; // needs for overshoot / undershoot + + list, + row { + // Background color for Nautilus and FileChooser sidebar + background-color: $secondary_dark_color; + } + + row { + // Needs overriding of the GtkListBoxRow padding + padding: rem(5.3px) 0 rem(6.7px); + + // Using margins/padding directly in the row + // will make the animation of the new bookmark row jump + & > revealer { + padding: rem(4px) rem(14px) rem(4px) rem(12px); + } + + & image.sidebar-icon { + opacity: 0.75; // dim the device icons + &:dir(ltr) { padding-right: rem(6.7px); } + &:dir(rtl) { padding-left: rem(6.7px); } + } + + & label.sidebar-label { + &:dir(ltr) { padding-right: rem(2px); } + &:dir(rtl) { padding-left: rem(2px); } + } + + button { + &.image-button { // Eject button for removable storages + padding: rem(6.7px); // Same as of placessidebar row + @extend button.flat; + } + } + + &:selected { + color: $selected_bg_color; + + label { color: $selected_bg_color; } + + button.image-button { + color: $secondary_selected_bg_color; + &:hover, + &:active { color: $selected_bg_color; } + } + } + + // in the sidebar case it makes no sense to click the selected row + // &:selected:active { box-shadow: none; } + + // looks like the label doesn't get all the states so work around + &:selected:disabled label { @extend %selected_items:disabled; } + // &:selected:backdrop:disabled label { + // @extend %selected_items:backdrop:disabled; + // } + + &.sidebar-placeholder-row { + border: solid 1px $selected_bg_color; + } + + &.sidebar-new-bookmark-row { + color: $selected_bg_color; + } + + &:drop(active):not(:disabled) { + color: $drop_target_color; + box-shadow: inset 0 1px $drop_target_color, + inset 0 -1px $drop_target_color; + + &:selected { + color: $selected_fg_color; + background-color: $drop_target_color; + } + } + } +} + +placesview { + .server-list-button > image { + } + + .server-list-button:checked > image { + } + + row.activatable:hover { background-color: transparent; } + + // this selects the "connect to server" label + > actionbar > revealer > box > label { + padding-left: rem(8px); + padding-right: rem(8px); + } +} + + +/********* + * Paned * + *********/ + +paned { + > separator { + min-width: 1px; + min-height: 1px; + border-style: none; + background-color: transparent; + -gtk-icon-source: none; // defeats the ugly default handle decoration + // using background instead of a border + // since the border will get rendered twice (?) + background-image: image($borders_color); + background-size: $separator_narrow; + transition: none; + + &:backdrop, + &:selected { // FIXME: is this needed? + background-image: image($solid_light_borders_color); + transition: none; + } + + window & { + // do not across over GtkHeaderBar with solid border + &, + &:backdrop, + &:selected { + // FIXME: still happaned double-border though + background-image: image($paned_borders_color); + transition: none; + } + } + + window > grid.vertical & { // do not use transparentize + &, + &:backdrop, + &:selected { + background-image: image($solid_light_borders_color); + transition: none; + } + } + + &.wide { + min-width: rem(6px); + min-height: rem(6px); + margin: 0; + padding: 0; + // FIXME: use opaque borders to avoid double-border + background-color: $bg_color; + background-image: image($solid_light_borders_color), + image($solid_light_borders_color); + background-size: $separator_wide; + + &:backdrop, + &:selected { // FIXME: is this needed? + // background-image: none; + background-image: image($solid_light_borders_color), + image($solid_light_borders_color); + } + } + } + + &.horizontal > separator { + background-repeat: repeat-y; + + &:dir(ltr) { + margin: 0 rem(-8px) 0 0; + padding: 0 rem(8px) 0 0; + } + &:dir(rtl) { + margin: 0 0 0 rem(-8px); + padding: 0 0 0 rem(8px); + } + + &.wide { + background-repeat: repeat-y, repeat-y; + background-position: left, right; + } + } + + &.vertical > separator { + margin: 0 0 rem(-8px) 0; + padding: 0 0 rem(8px) 0; + background-repeat: repeat-x; + background-position: top; + + &.wide { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; + } + } +} + + +/************** + * GtkInfoBar * + **************/ + +infobar { + padding: rem(5.3px); + border-width: 0 0 1px; + border-style: solid; + // do not use transparentize + border-color: $solid_light_borders_color; + background-color: $secondary_dark_color; +} + +.info, +.question, +.warning, +.error { + // always use dark forefground + &:not(.error) { + color: if($variant == 'light', $secondary_fg_color, + $secondary_fixed_fg_color); + } + + button { + @include button(flat-normal); + color: $secondary_fixed_fg_color; + &:hover { + @include button(flat-hover); + color: $fixed_fg_color; + } + &:active { + @include button(flat-active); + color: $fixed_fg_color; + } + &:checked { + @include button(flat-checked); + color: $fixed_fg_color; + } + &:disabled { color: $insensitive_fixed_fg_color; } + &.flat { + color: $secondary_fixed_fg_color; + &:hover, &:active { color: $fixed_fg_color; } + &:disabled { color: $insensitive_fixed_fg_color; } + } + + &.image-button { + min-height: rem(13.3px); + min-width: rem(13.3px); + padding: rem(6.7px) rem(2.7px) rem(6.7px); + border-radius: 100px; + -gtk-outline-radius: 100px; + } + } + + selection { background-color: darken($selected_bg_color, 10%); } + + progressbar { // use 'white' bit and trough + trough { background-color: gtkopacity($selected_fg_color, 0.2); } + progress { background-color: $selected_fg_color; } + } +} + +.info { background-color: $info_bg_color; } + +.question { background-color: $question_bg_color; } + +.warning { background-color: $warning_bg_color; } + +.error { // use white test for this + color: $selected_fg_color; + background-color: $error_bg_color; +} + + +/************ + * Tooltips * + ************/ + +tooltip { + &.background { + // background-color needs to be set this way otherwise it gets drawn twice + // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. + border: 1px solid gtkopacity($inverted_dark_color, 0.9); + background-color: gtkopacity($inverted_dark_color, 0.9); + background-clip: padding-box; + } + + color: $inverted_fg_color; + padding: rem(4px); + border-radius: 2px; + box-shadow: none; // otherwise it gets inherited by windowframe.csd + + // FIXME: we need a border or tooltips vanish on black background. + decoration { background-color: transparent; } + + * { // Yeah this is ugly + background-color: transparent; + color: $inverted_fg_color; + } +} + + +/***************** + * Color Chooser * + *****************/ + +colorswatch { + // This widget is made of two boxes one on top of the other, + // the lower box is colorswatch {} the other one is + // colorswatch > .overlay {}, colorswatch has the programmatically set + // background, so most of the style is applied to the overlay box. + + box-shadow: $z-depth-1; + + // we need to re-set the shadow here since it get axed by the previous bit + &:selected { } + + // base color corners rounding + // to avoid the artifacts caused by rounded corner anti-aliasing + // the base color sports a bigger radius. + // nth-child is needed by the custom color strip. + // The :not() madness is needed since actually the overlay is + // selectable by colorswatch > .overlay and colorswatch.overlay, + // I know it's weird, but this is gtk+, not a browser. + &.top { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + } + &.bottom { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + &.left, &:first-child:not(.overlay):not(.top) { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + } + &.right, &:last-child:not(.overlay):not(.bottom) { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + } + &:only-child:not(.overlay) { border-radius: 2px; } + + // overlay corner rounding + &.top > .overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + } + &.bottom > .overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + &:first-child:not(.top) > .overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + } + &:last-child:not(.bottom) > .overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + } + &:only-child > .overlay { border-radius: 2px; } + + // hover effect + &:hover { box-shadow: $z-depth-2; } + + // no hover effect for the colorswatch in the color editor + GtkColorEditor & { + border-radius: 2px; // same radius as the entry + &:hover { box-shadow: $z-depth-1; } + } + + // indicator and keynav outline colors + &.color-dark { + color: white; + } + &.color-light { + color: gtkopacity(black, 0.8); + } + + // border color + &.overlay, + &.overlay:selected { + } + + // make the add color button looks like, well, a button + &#add-color-button { + background-image: linear-gradient(to right, + $error_bg_color 25%, + $warning_bg_color 25%, $warning_bg_color 50%, + $info_bg_color 50%, $info_bg_color 75%, + $question_bg_color 75%); + color: white; + } +} + +// colorscale popup +colorchooser .popover.osd { + padding: 3px; + border-style: solid; + border-width: 9px; + border-radius: 2px; + border-image: -gtk-scaled(url("assets/osd-shadow#{$asset_suffix}.png"), + url("assets/osd-shadow#{$asset_suffix}@2.png")) + 10 / 10px stretch; + box-shadow: none; + color: $inverted_fg_color; + background-color: $inverted_dark_color; + &:backdrop { + border-image: -gtk-scaled(url("assets/osd-shadow-backdrop#{$asset_suffix}.png"), + url("assets/osd-shadow-backdrop#{$asset_suffix}@2.png")) + 10 / 10px stretch; + } + + label { + color: $accent_color; + font-weight: 700; + } +} + + +/******** + * Misc * + ********/ + +// content view (grid/list) +.content-view { + background-color: $bg_color; + // &:hover { -gtk-icon-effect: highlight; } + & rubberband { @extend rubberband; } +} + +@keyframes volume_hover { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha(currentColor, 0)), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0.1)), + to(transparent)); + } +} + +.scale-popup { + .osd & { @extend %osd; } + + .osd & button.flat { // FIXME: quick hack, redo properly + } + + .osd & .vertical button, + & .vertical button { // +/- buttons on GtkVolumeButton popup + // padding: rem(10.7px); + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: transparent; + color: $secondary_fg_color; + + &:first-child { // '+' button + &:hover { + @include button(flat-hover); + background: none; + color: $success_color; + animation: volume_hover 0.2s linear forwards; + } + &:disabled { + @include button(flat-insensitive); + background: none; + color: gtkalpha($success_color, 0.4); + } + } + &:last-child { // '-' button + &:hover { + @include button(flat-hover); + background: none; + color: $error_color; + animation: volume_hover 0.2s linear forwards; + } + &:disabled { + @include button(flat-insensitive); + background: none; + color: gtkalpha($error_color, 0.4); + } + } + } + .osd & button, + button { + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: transparent; + color: $secondary_fg_color; + + &:first-child { // '-' button + &:hover { + @include button(flat-hover); + background: none; + color: $error_color; + animation: spin_hover 0.2s linear forwards; + } + &:disabled { + @include button(flat-insensitive); + background: none; + color: gtkalpha($error_color, 0.4); + } + } + &:last-child { // '+' button + &:hover { + @include button(flat-hover); + background: none; + color: $success_color; + animation: spin_hover 0.2s linear forwards; + } + &:disabled { + @include button(flat-insensitive); + background: none; + color: gtkalpha($success_color, 0.4); + } + } + } +} + +button.flat.scale { // standalone Speaker/Mic buttons + // I assume both are image-button *by default* + // with the image-button/text-button classes automagically applied + // depending on the button child these selectors can be deleted. + // @extend %image_button; + min-width: rem(17.3px); + min-height: rem(17.3px); + padding: rem(10px); + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.nautilus-window .floating-bar { + @extend %osd; + // @extend toolbar.osd; + padding: rem(1.3px) 0 rem(2.7px); + border: 1px solid transparent; + border-radius: 0; + color: $inverted_secondary_fg_color; + background-color: $inverted_dark_color; + transition: none; + + button { + min-height: rem(13.3px); + min-width: rem(13.3px); + padding: rem(4px); + margin: 0 rem(4px); + color: $secondary_accent_color; + &:hover, + &:active, + &:checked { color: $accent_color; } + &:disabled { color: gtkopacity($accent_color, 0.4); } + } + + spinner { + min-height: rem(12px); + min-width: rem(12px); + padding: rem(6.7px) 0 rem(6.7px); + margin: 0 rem(-1px); + } +} + +// axes left border and border radius +.nautilus-window .floating-bar.bottom.left { + border-width: 1px 1px 0 0; + border-radius: 0 2px + 1px 0 0; + // border-width: 8px 8px 0 0; + // border-image-width: 10px 10px 0 0; +} + +// axes right border and border radius +.nautilus-window .floating-bar.bottom.right { + border-width: 1px 0 0 1px; + border-radius: 2px + 1px 0 0 0; + // border-width: 8px 0 0 8px; + // border-image-width: 10px 0 0 10px; +} + + +/********************** + * Window Decorations * + *********************/ + +decoration { + transition: none; + border-radius: 2px 2px 0 0; + // lamefun trick to get rounded borders regardless of CSD use + border-width: 0; + box-shadow: $z-depth-4; + + // FIXME rationalize shadows + + // this is used for the resize cursor area + margin: 8px; + + &:backdrop { + // the transparent shadow here is to enforce that the shadow extents don't + // change when we go to backdrop, to prevent jumping windows. + // The biggest shadow should be in the same order then in the active state + // or the jumping will happen during the transition. + box-shadow: $z-depth-2-backdrop; + transition: none; + } + + .fullscreen &, + .maximized &, + .tiled & { + border-radius: 0; + transition: none; + } + + .popup & { box-shadow: none; } + + // server-side decorations as used by mutter + .ssd & { + button { + @extend button.flat; + border-radius: 100px; + -gtk-outline-radius: 100px; + } + + // just doing borders, wm draws actual shadows + // otherwise incorrect shadows are appeared + box-shadow: $z-depth-1-backdrop; + + .tiled & .titlebar { + @extend %tiled_integration; + transition: none; + } + .maximized & .titlebar { + @extend %maxd_integration; + transition: none; + } + } + + .csd.popup & { + border-radius: 2px; + box-shadow: $z-depth-3; + } + tooltip.csd & { + border-radius: 2px; + box-shadow: $z-depth-2; + } + message-dialog.csd & { + border-radius: 2px; + box-shadow: $z-depth-4; + &:backdrop { + box-shadow: $z-depth-2-backdrop; + transition: none; + } + } + + .solid-csd & { + border-radius: 2px 2px 0 0; + margin: -1px; + background-color: $bg_color; + border: none; + box-shadow: none; + } +} + +// Window manager buttons +.csd headerbar, +.csd .titlebar { + button.titlebutton, + &.selection-mode button.titlebutton { + @extend %fade_effect; + @extend button.flat; + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(10px); + border-radius: 100px; + -gtk-outline-radius: 100px; + + + &.close, + &.minimize, + &.maximize { + &:hover:backdrop, + &:active:backdrop { opacity: 1.0; } + + > image { + min-height: 16px; + min-width: 16px; + color: transparent; + background-size: 16px 16px; + background-repeat: no-repeat; + background-position: center; + } + } + + // raised 'Close' button + &.close { + > image { + background-image: -gtk-scaled(url("assets/window-close.png"), + url("assets/window-close@2.png")); + } + + &:hover { + @include button(hover); + color: $selected_fg_color; + background-color: $destructive_color; + + > image { + background-image: -gtk-scaled(url("assets/window-close-active.png"), + url("assets/window-close-active@2.png")); + } + } + &:active { + @include button(active); + color: $selected_fg_color; + background-color: $selected_bg_color; + + > image { + background-image: -gtk-scaled(url("assets/window-close-active.png"), + url("assets/window-close-active@2.png")); + } + } + } + + &.minimize { + > image { + background-image: -gtk-scaled(url("assets/window-minimize.png"), + url("assets/window-minimize@2.png")); + } + + &:hover, + &:active { + > image { + background-image: -gtk-scaled(url("assets/window-minimize-active.png"), + url("assets/window-minimize-active@2.png")); + } + } + } + + &.maximize { + > image { + background-image: -gtk-scaled(url("assets/window-maximize.png"), + url("assets/window-maximize@2.png")); + } + + &:hover, + &:active { + > image { + background-image: -gtk-scaled(url("assets/window-maximize-active.png"), + url("assets/window-maximize-active@2.png")); + } + } + } + } +} + +.csd.maximized headerbar, +.csd.maximized .titlebar { + & button.titlebutton, + &.selection-mode button.titlebutton { + &.maximize { + > image { + background-image: -gtk-scaled(url("assets/window-unmaximize.png"), + url("assets/window-unmaximize@2.png")); + } + + &:hover, + &:active { + > image { + background-image: -gtk-scaled(url("assets/window-unmaximize-active.png"), + url("assets/window-unmaximize-active@2.png")); + } + } + } + } +} + +// specific button styling for SSDs +.ssd .titlebar { + button.titlebutton { + &.close, + &.minimize, + &.maximize { // reset styling + color: transparent; + background-size: 28px 28px; + background-repeat: no-repeat; + background-position: center; + background: none; + box-shadow: none; + &:backdrop, + &:hover:backdrop, + &:active:backdrop { color: transparent; } + } + + @each $_class, + $_state, + $_shadow in ('', '', none), + (':hover', '-hover', $z-depth-2), + (':active', '-active', $z-depth-2), + (':backdrop', '-backdrop', none), + (':backdrop:hover', '-backdrop-hover', $z-depth-2), + (':backdrop:active', '-backdrop-active', $z-depth-2) { + &.close#{$_class} { + background-image: -gtk-scaled( + url("assets/window-close-ssd#{$_state}.png"), + url("assets/window-close-ssd#{$_state}@2.png")); + box-shadow: #{$_shadow}; + } + } + + @each $_class, $_state in ('', ''), + (':hover', '-hover'), + (':active', '-active'), + (':backdrop', '-backdrop'), + (':backdrop:hover', '-backdrop-hover'), + (':backdrop:active', '-backdrop-active') { + &.minimize#{$_class} { + background-image: -gtk-scaled( + url("assets/window-minimize-ssd#{$_state}.png"), + url("assets/window-minimize-ssd#{$_state}@2.png")); + } + } + + @each $_class, $_state in ('', ''), + (':hover', '-hover'), + (':active', '-active'), + (':backdrop', '-backdrop'), + (':backdrop:hover', '-backdrop-hover'), + (':backdrop:active', '-backdrop-active') { + &.maximize#{$_class} { + background-image: -gtk-scaled( + url("assets/window-maximize-ssd#{$_state}.png"), + url("assets/window-maximize-ssd#{$_state}@2.png")); + } + } + } +} + +.maximized.ssd .titlebar { + button.titlebutton { + @each $_class, $_state in ('', ''), + (':hover', '-hover'), + (':active', '-active'), + (':backdrop', '-backdrop'), + (':backdrop:hover', '-backdrop-hover'), + (':backdrop:active', '-backdrop-active') { + &.maximize#{$_class} { + background-image: -gtk-scaled( + url("assets/window-unmaximize-ssd#{$_state}.png"), + url("assets/window-unmaximize-ssd#{$_state}@2.png")); + } + } + } +} + +.ssd decoration .titlebar { + // shrink titlebar height for SSD + button.titlebutton { + min-width: 26.7px; + min-height: 26.7px; + padding: 0; + } +} + +// catch all extend :) +%selected_items { + background-color: $selected_bg_color; + + @at-root %nobg_selected_items, & { + color: $selected_fg_color; + &:disabled { color: $insensitive_selected_fg_color; } + &:backdrop { + // color: $backdrop_selected_fg_color; + &:disabled { color: $insensitive_selected_fg_color; } + } + } +} + +.monospace { font-family: Monospace; } + + +/********************** + * Touch Copy & Paste * + *********************/ + +// touch selection handlebars for the Popover.osd above +cursor-handle { + background-color: $success_color; + background-image: none; + box-shadow: none; + border-style: none; + @each $s,$as in ('',''), + (':hover','-hover'), + (':active','-active') { // no need for insensitive + // and backdrop + &.top#{$s}:dir(ltr), &.bottom#{$s}:dir(rtl) { + $_url: 'assets/text-select-start#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + padding-left: 10px; + } + &.bottom#{$s}:dir(ltr), &.top#{$s}:dir(rtl) { + $_url: 'assets/text-select-end#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + padding-right: 10px; + } + &.insertion-cursor#{$s}:dir(ltr), + &.insertion-cursor#{$s}:dir(rtl) { + $_url: 'assets/slider-horz-scale-has-marks-above#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + } + } +} + +// Decouple the font of context menus from their entry/textview +.context-menu { + font: initial; +} + +popover.touch-selection { + font: initial; + color: $fg_color; + background-color: $base_color; + box-shadow: $z-depth-2; + &:backdrop { box-shadow: $z-depth-1; } + button { + } +} + +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + + label { padding: 0; } +} + +// shortcut window keys +.keycap { + min-width: rem(20px); + min-height: rem(26px); + margin-top: rem(2.7px); + margin-bottom: rem(3.3px); + padding: 0 rem(6px); + border: none; + border-radius: 2px; + color: $fg_color; + background-color: $base_color; + box-shadow: $z-depth-1; + font-size: 90%; + font-weight: 500; +} + +// FIXME: needs to be done widget by widget, +// this wildcard should really die +*:drop(active):focus, +*:drop(active) { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + caret-color: $drop_target_color; +} + +// FIXME: aggregate with buttons +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: rem(37.3px); + min-height: rem(37.3px); + padding: 0; +} + +// undershoot for speciic-cases +undershoot { + box > scrolledwindow & { + &.top { @include undershoot(top, $bg_color); } + &.bottom { @include undershoot(bottom, $bg_color); } + &.left { @include undershoot(left, $bg_color); } + &.right { @include undershoot(right, $bg_color); } + } + + placessidebar &, + .sidebar & { + &.top { @include undershoot(top, $secondary_dark_color); } + &.bottom { @include undershoot(bottom, $secondary_dark_color); } + &.left { @include undershoot(left, $secondary_dark_color); } + &.right { @include undershoot(right, $secondary_dark_color); } + } +} +
A
themes/whitey/gtk-3.22/_drawing.scss
@@ -0,0 +1,559 @@
+// +// Drawing mixins +// +// Generic drawing of more complex things +// + + +// +// Scaling function +// + +$ref_size: 13.3px; // = 10pt = 1em + +@function rem($px, $fs: $ref_size) { + @return ($px / $fs ) * 1rem; +} + + +// +// Default shadows +// + +$z-depth-1: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); +$z-depth-2: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.20); +$z-depth-3: 0 5px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.20); +$z-depth-4: 0 6px 8px -4px rgba(0, 0, 0, 0.16), + 0 10px 6px rgba(0, 0, 0, 0.20); +$z-depth-5: 0 8px 10px -4px rgba(0, 0, 0, 0.20), + 0 12px 8px rgba(0, 0, 0, 0.24); + +// z-depth-1 actual shadows + dummy z-depth-2 area +$z-depth-1-backdrop: 0 2px 2px transparent, + 0 3px 4px transparent, + 0 3px 3px -1px rgba(0, 0, 0, 0.08); +// z-depth-2 actual shadows + dummy z-depth-4 area +$z-depth-2-backdrop: 0 10px 6px transparent, + 0 6px 8px -4px transparent, + 0 2px 2px rgba(0, 0, 0, 0.12), + 0 3px 4px rgba(0, 0, 0, 0.20); + + +// +// Header-bar shadows +// + +$header-shadow-light: 0 1px 1px rgba(0, 0, 0, 0.16), + 0 1px 2px rgba(0, 0, 0, 0.26), + 0 2px 3px rgba(0, 0, 0, 0.32); +$header-shadow-dark: 0 1px 1px rgba(0, 0, 0, 0.06), + 0 1px 2px rgba(0, 0, 0, 0.14), + 0 2px 3px rgba(0, 0, 0, 0.20); +$sub-header-shadow-light-ltr: 0 1px 1px rgba(0, 0, 0, 0.16), + 0 1px 2px rgba(0, 0, 0, 0.26), + 0 2px 3px rgba(0, 0, 0, 0.32), + -5px 0 0 -1px $inverted_dark_color, + -2px 0 0 -1px $borders_color; +$sub-header-shadow-dark-ltr: 0 1px 1px rgba(0, 0, 0, 0.06), + 0 1px 2px rgba(0, 0, 0, 0.14), + 0 2px 3px rgba(0, 0, 0, 0.20), + -5px 0 0 -1px $inverted_dark_color, + -2px 0 0 -1px $borders_color; +$sub-header-shadow-light-rtl: 0 1px 1px rgba(0, 0, 0, 0.16), + 0 1px 2px rgba(0, 0, 0, 0.26), + 0 2px 3px rgba(0, 0, 0, 0.32), + 5px 0 0 -1px $inverted_dark_color, + 2px 0 0 -1px $borders_color; +$sub-header-shadow-dark-rtl: 0 1px 1px rgba(0, 0, 0, 0.06), + 0 1px 2px rgba(0, 0, 0, 0.14), + 0 2px 3px rgba(0, 0, 0, 0.20), + 5px 0 0 -1px $inverted_dark_color, + 2px 0 0 -1px $borders_color; +$selected-header-shadow-light-ltr: 0 1px 1px rgba(0, 0, 0, 0.16), + 0 1px 2px rgba(0, 0, 0, 0.26), + 0 2px 3px rgba(0, 0, 0, 0.32), + -5px 0 0 -1px $selected_bg_color, + -2px 0 0 -1px $solid_dark_borders_color; +$selected-header-shadow-dark-ltr: 0 1px 1px rgba(0, 0, 0, 0.06), + 0 1px 2px rgba(0, 0, 0, 0.14), + 0 2px 3px rgba(0, 0, 0, 0.20), + -5px 0 0 -1px $selected_bg_color, + -2px 0 0 -1px $solid_dark_borders_color; +$selected_header-shadow-light-rtl: 0 1px 1px rgba(0, 0, 0, 0.16), + 0 1px 2px rgba(0, 0, 0, 0.26), + 0 2px 3px rgba(0, 0, 0, 0.32), + 5px 0 0 -1px $selected_bg_color, + 2px 0 0 -1px $solid_dark_borders_color; +$selected-header-shadow-dark-rtl: 0 1px 1px rgba(0, 0, 0, 0.06), + 0 1px 2px rgba(0, 0, 0, 0.14), + 0 2px 3px rgba(0, 0, 0, 0.20), + 5px 0 0 -1px $selected_bg_color, + 2px 0 0 -1px $solid_dark_borders_color; + + +// +// Side-bar shadows +// + +$sidebar-light-ltr: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), + inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); +$sidebar-light-rtl: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), + inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); +$sidebar-dark-ltr: inset -2px 2px 1px -2px rgba(0, 0, 0, 0.02), + inset -3px 3px 3px -2px rgba(0, 0, 0, 0.06); +$sidebar-dark-rtl: inset 2px 2px 1px -2px rgba(0, 0, 0, 0.02), + inset 3px 3px 3px -2px rgba(0, 0, 0, 0.06); + + +// +// Inline-toolbar shadows +// + +$inline-shadow-light: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), + inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); +$inline-shadow-dark: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), + inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); + + +// +// Info-bar shadows +// +// $infobar-shadow-light: inset 0 1px 2px rgba(0, 0, 0, 0.08); +// $infobar-shadow-dark: inset 0 1px 2px rgba(0, 0, 0, 0.04); + + +// +// Reorderable-tab shadows +// + +$tab-shadow-light: -1px 0 2px rgba(0, 0, 0, 0.02), + -1px 0 4px rgba(0, 0, 0, 0.02), + 1px 0 2px rgba(0, 0, 0, 0.02), + 1px 0 4px rgba(0, 0, 0, 0.02); +$tab-shadow-dark: -1px 0 2px rgba(0, 0, 0, 0.02), + -1px 0 4px rgba(0, 0, 0, 0.03), + 1px 0 2px rgba(0, 0, 0, 0.02), + 1px 0 4px rgba(0, 0, 0, 0.03); + + +// +// Menubar shadows +// + +$menubar-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.26), + inset 0 5px 3px -5px rgba(0, 0, 0, 0.39), + inset 0 -1px $borders_color; + + +// +// Toolbar shadows +// + +$toolbar-shadow-light: inset 0 1px 1px rgba(0, 0, 0, 0.18), + inset 0 4px 2px -4px rgba(0, 0, 0, 0.20), + inset 0 8px 3px -5px rgba(0, 0, 0, 0.24); +$toolbar-shadow-dark: inset 0 1px 1px rgba(0, 0, 0, 0.22), + inset 0 4px 3px -4px rgba(0, 0, 0, 0.22), + inset 0 8px 3px -5px rgba(0, 0, 0, 0.24); + + +/****************** + * Ripple effects * + ******************/ + +// +// Ripple effects +// + +@keyframes ripple_effect { +// +// Ripple effect drawing function +// + + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha(currentColor, 0.1)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0), gtkalpha(currentColor, 0)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.4, + to(gtkalpha(currentColor, 0.1)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.1), gtkalpha(currentColor, 0.1)); + } +} + +@keyframes flat_ripple_effect { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha(currentColor, 0.1)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.1), gtkalpha(currentColor, 0.1)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.4, + to(gtkalpha(currentColor, 0.1)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.1), gtkalpha(currentColor, 0.1)); + } +} + +@keyframes list_ripple_effect { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.05), gtkalpha(currentColor, 0.05)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.4, + to(gtkalpha(currentColor, 0.1)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.1), gtkalpha(currentColor, 0.1)); + } +} + + +// +// Entries +// + +@mixin entry($t, $fc:$selected_bg_color) { +// +// Entries drawing function +// +// $t: entry type +// $fc: focus color +// +// possible $t values: +// normal, focus, insensitive, flat-normal, flat-focus, flat-insensitive; +// + + @if $t==normal { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: $solid_light_borders_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + background-color: transparent; + color: $secondary_fg_color; + } + @if $t==focus { + border-color: $solid_light_borders_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($fc), + to(transparent)) + 0 0 2 / 0 0 2px; + color: $fg_color; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), + box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; + } + @if $t==insensitive { + border-color: $solid_light_borders_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + background-color: transparent; + color: $insensitive_fg_color; + } + @if $t==flat-normal { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: $solid_light_borders_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + background-color: transparent; + color: $secondary_fg_color; + } + @if $t==flat-focus { + border-color: $solid_light_borders_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($fc), + to(transparent)) + 0 0 2 / 0 0 2px; + color: $fg_color; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), + box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; + } + @if $t==flat-insensitive { + border-color: $solid_light_borders_color; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($track_color), + to(transparent)) + 0 0 1 / 0 0 1px; + color: $insensitive_fg_color; + } +} + + +// +// Buttons +// + +@mixin button($t, $c:$light_color, $tc:$fg_color) { +// +// Button drawing function +// +// $t: button type, +// $c: base button color for colored* types +// $tc: optional text color for colored* types +// +// possible $t values: +// normal, hover, active, insensitive, checked, checked-insensitive, +// flat-normal, flat-hover, flat-active, flat-insensitive, flat-checked, +// flat-checked-insensitive, undecorated +// + + @if $t==normal { + // + // normal button + // + box-shadow: $z-depth-1, + inset 0 1px $highlight_color; + background-color: $c; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0), gtkalpha(currentColor, 0)); + color: $secondary_fg_color; + } + + @else if $t==hover { + // + // hovered button + // + box-shadow: $z-depth-2, + inset 0 1px $highlight_color; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0), gtkalpha(currentColor, 0)); + color: $fg_color; + } + + @else if $t==active { + // + // pushed button + // + box-shadow: $z-depth-2, + inset 0 1px $highlight_color; + color: $fg_color; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + @else if $t==insensitive { + // + // insensitive button + // + box-shadow: none; + background-color: $track_color; + color: if($tc!=$fg_color, $insensitive_fg_color, + $insensitive_secondary_fg_color); + > label { color: inherit; } + } + @else if $t==checked { + // + // checked button + // + box-shadow: $z-depth-1, + inset 0 1px $highlight_color; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + @else if $t==checked-insensitive { + // + // checked insensitive button + // + box-shadow: none; + background-color: $track_color; + color: gtkopacity($selected_bg_color, 0.4); + > label { color: inherit; } + } + + @else if $t==flat-normal { + // + // normal flat button + // + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0), gtkalpha(currentColor, 0)); + } + @else if $t==flat-hover { + // + // hovered flat button + // + box-shadow: none; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(gtkalpha(currentColor, 0)), + to(transparent)), + linear-gradient(to bottom, gtkalpha(currentColor, 0.1), gtkalpha(currentColor, 0.1)); + } + @else if $t==flat-active { + // + // pushed flat button + // + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + } + @else if $t==flat-insensitive { + // + // insensitive flat button + // + box-shadow: none; + background-color: transparent; + } + @else if $t==flat-checked { + // + // checked flat button + // + background-color: $track_color; + color: $fg_color; + } + @else if $t==flat-checked-insensitive { + // + // checked flat insensitive button + // + > label { color: inherit; } + } + + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } +} + + +// +// Overshoot +// + +@mixin overshoot($p, $t:normal, $c:$secondary_selected_bg_color) { +// +// Overshoot drawing function +// +// $p: position +// $t: type +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// +// possible $t values: +// normal, backdrop +// + + $_position: center $p; + + @if ($p == left) or ($p == right) { + $_position: $p center; + } + + background-image: -gtk-gradient(radial, + $_position, 0, + $_position, 0.75, + to(gtkopacity($c, 0.2)), + to(transparent)); + + background-repeat: no-repeat; + background-position: $_position; + + // reset some properties to be sure to not inherit them somehow + background-color: transparent; + border: none; + box-shadow: none; +} + + +// +// Undershoot +// + +@mixin undershoot($p, $fading_color: $base_color) { +// +// Undershoot drawing function +// +// $p: position +// $fading_color: actual colour for fader +// +// possible $p values: +// top, bottom, right, left +// + + // shouldn't be needed, but better to be sure + background-color: transparent; + + $_gradient_dir: $p; + $_fader_size: 16px 32px; + $_gradient_repeat: repeat-x; + $_bg_pos: center $p; + + + @if ($p == left) or ($p == right) { + $_fader_size: 32px 16px; + $_gradient_repeat: repeat-y; + $_bg_pos: $p center; + } + + // this is the dashed line + background-image: linear-gradient(to $_gradient_dir, + gtkopacity($fading_color, 0.01), + gtkopacity($fading_color, 0.04), + gtkopacity($fading_color, 0.20), + gtkopacity($fading_color, 0.44), + gtkopacity($fading_color, 0.94)); + + padding-#{$p}: 0; + background-size: $_fader_size; + background-repeat: $_gradient_repeat; + background-origin: content-box; + background-position: $_bg_pos; +} +
A
themes/whitey/gtk-3.22/_misc.scss
@@ -0,0 +1,940 @@
+/*************** + * Gnome panel * + ***************/ + +panel-toplevel.background { + background-color: $panel_bg_color; +} + +panel-plug, +panel-toplevel > grid.horizontal > widget > widget { + // Always use dark-color of dark variant + color: $inverted_secondary_fg_color; + background-color: $panel_bg_color; + box-shadow: none; +} + +.gnome-panel-menu-bar, +panel-applet > menubar, +#clock-applet-button { + font-weight: 700; + color: $inverted_secondary_fg_color; + background-color: transparent; + box-shadow: none; + label:backdrop, + &:backdrop { opacity: 1.0; } +} + +.gnome-panel-menu-bar, +panel-applet menubar { + box-shadow: none; + & menuitem { + color: $inverted_secondary_fg_color; + background-color: transparent; + &:hover { + color: $inverted_fg_color; + box-shadow: inset 0 -2px $selected_bg_color; + } + &:backdrop { opacity: 1.0; } + } + & menu { + font: regular; + & menuitem { + color: $secondary_fg_color; + background-color: $base_color; + &:hover { + color: $fg_color; + background-color: gtkalpha(currentColor, 0.1); + box-shadow: none; + } + &:backdrop { opacity: 1.0; } + } + separator { color: $borders_color; } + } +} + +#tasklist-button, +#clock-applet-button, +#showdesktop-button { + @include button(flat-normal); + padding: 0px rem(4px); + border: none; + border-radius: 0; + color: $inverted_secondary_fg_color; + background-color: transparent; + font-weight: 700; + &:hover { + color: $inverted_fg_color; + background-color: transparent; + box-shadow: inset 0 -2px $track_color; + } + &:checked, + &:hover:checked, + &:disabled:checked { // 'checked' = 'active' + color: $inverted_fg_color; + background-color: transparent; + box-shadow: inset 0 -2px $selected_bg_color; + } + label:backdrop, + &:backdrop { opacity: 1.0; } +} + +widget { // ubuntu-indicator container + > menubar { + background-color: transparent; + background-image: linear-gradient(to bottom, $panel_bg_color, $panel_bg_color); + box-shadow: none; + } +} + +wnck-pager { + &:selected { box-shadow: inset 0 -2px $selected_bg_color; } + &:backdrop { opacity: 1.0; } +} + +na-tray-applet { + -NaTrayApplet-icon-padding: 2; + -NaTrayApplet-icon-size: 16; + &:backdrop { opacity: 1.0; } +} + +gp-arrow-button { + min-width: rem(20px); + min-height: 0; + border: 1px solid transparent; + background-image: none; + color: $inverted_secondary_fg_color; + margin: rem(2px); + &:hover, + &:active { color: $inverted_fg_color; } +} + +sn-button { padding: rem(4px); } + + +/************** + * Tweak-tool * + **************/ + +// sidebar +.tweak-categories { + background-color: $secondary_dark_color; + color: $secondary_fg_color; + &:dir(ltr) { box-shadow: if($variant == 'light', $sidebar-light-ltr, + $sidebar-dark-ltr); + } + &:dir(rtl) { box-shadow: if($variant == 'light', $sidebar-light-rtl, + $sidebar-dark-rtl); + } + + separator, + .separator { + @extend separator.wide; + min-height: 0; + border-color: transparent; + background-color: transparent; + color: transparent; + } +} + +.tweak-category { + @extend treeview.view; + border: none; + color: $secondary_fg_color; + background-color: transparent; + font-weight: 500; + &:hover { color: $fg_color; } + &:selected { + color: $selected_bg_color; + background-color: transparent; + + label { color: $selected_bg_color; } + } + +} + +// container and tweaks in a group +.tweak-group { + padding: 6px; + background-color: $base_color; +} + +.tweak { + background-color: $base_color; + &:hover { background-color: transparent; } +} + +.tweak-group-white, +.tweak-white { + background-color: $base_color; +} + + +/******************* + * Gnome-Flashback * + *******************/ + +// use message-dialog style for popup osd windows +gf-popup-window { + border-radius: 2px; + border: 1px solid $borders_color; + background-color: $inverted_dark_color; + color: $inverted_fg_color; + opacity: 0.9; + + &.solid { + border-radius: 2px; + border: 1px solid $borders_color; + } +} + +#gf-label-window { + font-size: rem(45px); + font-weight: 400; +} + +// popup for inpu-source candidates +#gf-candidate-popup { + &, &.solid { + border-radius: 2px; + border: 1px solid $borders_color; + color: $inverted_fg_color; + } + + #gf-input-source { + color: $inverted_fg_color; + font-size: rem(24px); + font-weight: 400; + &:selected { + border-radius: 2px; + background-color: $track_color; + color: $accent_color; + } + } + + gf-candidate-box { + transition: none; + label { padding: rem(2.7px) rem(2.7px) rem(4px); } // a half of .menuitem + + &:last-child { padding-left: 0; } + &:hover, + &:selected { + border-radius: 0; + background-color: $track_color; + color: $selected_fg_color; + } + } + + button, + .linked > button { // page-up&down buttons + &, + &:first-child, + &:last-child { + @extend button.flat; + border-radius: 0; + border: none; + background-color: transparent; + color: $secondary_accent_color; + box-shadow: none; + } + } +} + +#gf-osd-window { +} + +#gf-bubble { +} + + +/************ + * Nautilus * + ************/ + +.nautilus-desktop-window, +.nautilus-desktop-window notebook, +.nautilus-desktop-window notebook > stack { + background: transparent; +} + +.nautilus-desktop.nautilus-canvas-item { + color: $selected_fg_color; +} + +.nautilus-canvas-item { + border-radius: 2px; +} + +.nautilus-circular-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +NautilusTrashBar { + @extend infobar; +} + +.disk-space-display { + border: 0 none transparent; + + &.free { + background-color: $track_color; + color: $insensitive_fg_color; + } + + &.used { background-color: $selected_bg_color; } + + &.unknown { background-color: $warning_color; } +} + + +/********* + * Geary * + *********/ + +// Geary is the most ugly app for theming. +.geary-titlebar-left { + // remove unexpected "hardcoded" vertical separator + separator { opacity: 0; } +} + +.geary-titlebar-right { + // stop double-shadows on right paned header-bar + box-shadow: none; +} + + +/************ + * Epiphany * + ************/ + +// reset inverted foreground colour +EphyWindow { + .nautilus-window .floating-bar { color: $secondary_fg_color; } +} + + +/************ + * Seahorse * + ************/ + +// remove double borders +SeahorseWidget { + .sidebar { + paned separator { border: none; } + } +} + +window paned > box.vertical { + // remove drop-shadow + > box.vertical > toolbar.primary-toolbar { + box-shadow: none; + border-bottom: 1px solid $borders_color; + } +} + + +/********** + * Polari * + **********/ + +.polari-room-list { // override labels + row { + font-weight: 700; + &:not(:hover):not(:active):not(:selected) { + label, + image { opacity: 1.0; } + } + + &.inactive { + &:not(:hover):not(:active):not(:selected) { + label, + image { opacity: 0.65; } + } + } + } +} + +.polari-nick-entry { + border-image: none; + font-weight: 700; +} + +// FIXME: can not override Polari 3.20.2 +// style in 10 years ago... +.sidebar { + row.activatable.inactive { + color: $secondary_fg_color; + background-color: transparent; + font-weight: 500; + &:hover { color: $fg_color; } + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + } +} + +// Why GtkLabel was needed, crazy... +box > headerbar > label.polari-titlebar-separator { + min-width: 0; + border: none; + opacity: 0; +} + + +/************* + * RhythmBox * + *************/ + +// add top-border to inline-toolbar +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + @if $variant == 'light' { + box-shadow: inset 0 1px $solid_light_borders_color, + inset 0 2px 2px rgba(0, 0, 0, 0.05), + inset -2px 0 2px -2px rgba(0, 0, 0, 0.03), + inset -3px 0 3px -2px rgba(0, 0, 0, 0.03); + } + @else { + box-shadow: inset 0 1px $solid_light_borders_color, + inset 0 2px 2px rgba(0, 0, 0, 0.05), + inset -2px 0 1px -2px rgba(0, 0, 0, 0.02), + inset -3px 0 3px -2px rgba(0, 0, 0, 0.04); + } + + &:dir(rtl) { + @if $variant == 'light' { + box-shadow: inset 0 1px $solid_light_borders_color, + inset 0 2px 2px rgba(0, 0, 0, 0.05), + inset 2px 0 2px -2px rgba(0, 0, 0, 0.03), + inset 3px 0 3px -2px rgba(0, 0, 0, 0.03); + } + @else { + box-shadow: inset 0 1px $solid_light_borders_color, + inset 0 2px 2px rgba(0, 0, 0, 0.05), + inset 2px 0 1px -2px rgba(0, 0, 0, 0.02), + inset 3px 0 3px -2px rgba(0, 0, 0, 0.04); + } + } +} + +// tweak sidebar styling +.sidebar-paned { + scrolledwindow { + &:dir(ltr) { box-shadow: if($variant == 'light', $sidebar-light-ltr, + $sidebar-dark-ltr); + } + &:dir(rtl) { box-shadow: if($variant == 'light', $sidebar-light-rtl, + $sidebar-dark-rtl); + } + } + + .sidebar { + background-color: if($variant == 'light', rgba(12, 18, 0, 0.01), + rgba(18, 22, 0, 0.04)); + } +} + +// remove unwanted drop-shadow +window > box.vertical > box.vertical { + > toolbar.horizontal { box-shadow: none; } +} + +// force using circle buttons for 'play/pause' etc +window > box.vertical > box.vertical > toolbar { + .linked > button { + border-radius: 100px; + -gtk-outline-radius: 100px; + } +} + + +/************** + * Calculator * + **************/ + +window { + > grid.vertical > box.vertical > widget { + button { + @extend button.flat; + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: 0.75em 1em 0.75em; // FIXME: broken in 12pt fonts? + border: 0.75em solid transparent; + border-radius: 2px; + font-weight: 700; + + &.suggested-action { // '=' button + color: transparent; + font-size: 0; + @each $s,$as in ('',''), + (':hover','-hover'), + (':active','-active'), + (':disabled','-insensitive') { + &#{$s} { + $_url: 'assets/equal#{$as}#{$asset_suffix}'; + @include button(normal#{$as}); + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; // FIXME: animation breaks padding. + } + } + } + } + } +} + + +/********* + * Gedit * + *********/ + +GeditViewFrame { + .gedit-search-slider { + @extend toolbar.osd; + padding: 3px; + border-radius: 2px; + border-width: 9px; + border-image: -gtk-scaled(url("assets/osd-shadow#{$asset_suffix}.png"), + url("assets/osd-shadow#{$asset_suffix}@2.png")) + 10 / 10px stretch; + color: $inverted_fg_color; + opacity: 0.9; + + entry, + .linked > entry { + &, + &.error, + &.warning { + color: $inverted_fg_color; + &:focus { color: $selected_fg_color; } + &:disabled { color: $insensitive_inverted_fg_color; } + } + } + } +} + +paned.titlebar.horizontal { + headerbar { + button.flat.toggle.popup { // left-pane header button + border-radius: 2px; + -gtk-outline-radius: 2px; + } + } +} + +notebook grid.horizontal > widget > box.horizontal > scrolledwindow { + undershoot { // remove undershoot + &.top, + &.bottom, + &.left, + &.right { background-image: none; } + } +} + + +/*********** + * Builder * + ***********/ + +// +// do not use box-shadows. it's too problematic! +// + +// work around some gtk padding issue +filechooser actionbar button.combo { + padding: 0; +} + +// styling for editor search +frame.gb-search-frame { + background-image: linear-gradient(to bottom, $bg_color, $bg_color); + padding: rem(6px); + border-style: solid; + border-color: $borders_color; + border-left-width: 1px; + border-right-width: 1px; + border-bottom-width: 1px; + border-radius: 0; +} + +frame.gb-search-frame border { border: none; } + +.gb-search-entry-occurrences-tag { + color: $insensitive_fg_color; + margin: rem(2px); + padding: rem(2px); + border-width: 0; +} + +// Tweaks for the editortweak popover in the editor. +editortweak button { padding: 0 rem(6px) 0 rem(6px); } +editortweak list row { padding: 0; } + +// Keep search bar and layouttab height in sync. +layouttabbar > box { min-height: rem(39px); } +eggsearchbar > revealer > box { min-height: rem(39px); } +eggsearchbar entry { min-height: rem(24px); } + +// Pillbox is used to render "languages" in the greeter. +pillbox { border-radius: 2px; } + +// Styling in the genesis (create project) perspective. +genesisperspective stack > box:first-child list row { + padding: rem(10px); + border-bottom: 1px solid $solid_light_borders_color; + &:last-child { border-bottom: none; } +} + +// Perspectives switcher +// +// The following tweaks the left-most sidebar containing +// the list of perspectives. +perspectiveswitcher { + padding: 0 rem(4px); + border-right: 1px solid $solid_light_borders_color; + background-color: $secondary_dark_color; + + button { + padding: rem(6px); + border-radius: 100px; + border: none; + background: none; + color: $tertiary_fg_color; + box-shadow: none; + + image { opacity: 0.55; } + &:hover { + background: none; + image { opacity: 0.75; } + } + &:active, + &:checked { + background: none; + image { opacity: 1.0; } + } + } +} + +// Layout tab and tab bar tweaks +// +// The following makes the layout stack header look similar to a tab bar. +layouttabbar { + min-height: rem(37.3px); + padding: rem(5.3px); + border-bottom: 1px solid $solid_light_borders_color; + background-color: $secondary_dark_color; + + > box > button { + opacity: 0.55; + &:hover { opacity: 0.75; } + &:active { opacity: 1.0; } + } + + button { + @extend button.flat; + padding: rem(4px) rem(5.3px) rem(5.3px); + margin: rem(2.7px); + border-radius: 2px; + background-color: transparent; + } +} + +layouttab { + margin: rem(2.7px); + padding: rem(5.3px); + background-color: transparent; + + label { padding: rem(4px); } + + separator.vertical { + margin: rem(2.7px); + color: transparent; + background-color: $borders_color; + } + + button { + @extend button.flat; + margin: rem(2.7px); + border-radius: 2px; + padding-left: rem(5.3px); + padding-right: rem(5.3px); + } +} + +// Close button styling for layouttab. +layouttab > box { + > button:last-child { + min-height: rem(13.3px); + min-width: rem(13.3px); + padding: rem(6.7px); + border-radius: 100px; + -gtk-outline-radius: 100px; + @include button(flat-normal); + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:disabled { @include button(flat-insensitive); } + } + + > button:last-child image { opacity: 0.55; } + > button:last-child:hover image { opacity: 0.75; } + > button:last-child:active image { opacity: 1.0; } +} + +layout { + border: 1px solid $solid_light_borders_color; + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + background-color: $secondary_dark_color; +} + +pillbox { + background-color: $bg_color; + border-radius: 2px; +} + +docktabstrip, +tabstrip { + min-height: rem(34.7px); + padding: rem(5.3px) rem(16px); + border-bottom: 1px solid $solid_light_borders_color; + background-color: $secondary_dark_color; + + docktab, + tab { + color: $tertiary_fg_color; + font-weight: 700; + box-shadow: inset 0 -1px $track_color; + &:hover { + color: $fg_color; + box-shadow: inset 0 -2px $track_color; + } + &:checked { + color: $fg_color; + box-shadow: inset 0 -2px $selected_bg_color; + } + } +} + +layoutstack { // remove undershoot from main editor pane + widget scrolledwindow { + undershoot { + &.top, + &.bottom, + &.left, + &.right {background-image: none; } + } + } +} + + +/*************** + * Gnome-music * + ***************/ + +// side-bar styling +// FIXME: it doesn't work properly +GdMainView, +.side-panel { + &:dir(ltr) { border-right: 1px solid $borders_color; } + &:dir(rtl) { border-left: 1px solid $borders_color; } + + .view { + background-color: $secondary_dark_color; + box-shadow: none; + &, & row.activatable { + padding: 0; + background-color: transparent; + color: $secondary_fg_color; + font-weight: 500; + box-shadow: none; + &:hover { color: $fg_color; } + &:hover:selected, + &:selected { @extend %selected_items; } + } + + // &:dir(ltr) { + // box-shadow: if($variant == 'light', $sidebar-light-ltr, + // $sidebar-dark-ltr); + // } + // &:dir(rtl) { + // box-shadow: if($variant == 'light', $sidebar-light-rtl, + // $sidebar-dark-rtl); + // } + } +} + +// player-bar +// FIXME: it doesn't work properly +actionbar { + &, &.frame { background-color: $secondary_dark_color; } + box-shadow: if($variant == 'light', $inline-shadow-light, + $inline-shadow-dark); + + button, + .linked > button.image-button { + @include button(flat-normal); + border-radius: 100px; + -gtk-outline-radius: 100px; + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.001, + to($track_color), + to(transparent)) + 0 0 0 / 0 0 0px; + color: $secondary_fg_color; + box-shadow: none; + &:hover { + @include button(flat-hover); + border-image: none; + color: $fg_color; + box-shadow: none; + } + &:checked { + @include button(flat-checked); + border-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to($selected_bg_color), + to(transparent)) + 0 0 2 / 0 0 2px; + background-color: transparent; + color: $fg_color; + box-shadow: none; + &:disabled { + @include button(flat-checked-insensitive); + border-image: none; + background-color: transparent; + color: $insensitive_fg_color; + box-shadow: none; + > .label { color: inherit; } + } + } + &:disabled { + @include button(flat-insensitive); + border-image: none; + background-color: transparent; + color: $insensitive_secondary_fg_color; + box-shadow: none; + } + } +} + + +/****************** + * Gnome-contacts * + ******************/ + +window overlay > grid > frame > grid { + toolbar { box-shadow: none; } + + // side-bar styling + list { + &:dir(ltr) { box-shadow: if($variant == 'light', $sidebar-light-ltr, + $sidebar-dark-ltr); + } + &:dir(rtl) { box-shadow: if($variant == 'light', $sidebar-light-rtl, + $sidebar-dark-rtl); + } + + row { + color: $secondary_fg_color; + background-color: if($variant == 'light', rgba(12, 18, 0, 0.01), + rgba(18, 22, 0, 0.04)); + + &:hover { color: $fg_color; } + &:selected, + &:selected.activatable { + &, & label { color: $selected_bg_color; } + background-color: if($variant == 'light', rgba(12, 18, 0, 0.01), + rgba(18, 22, 0, 0.04)); + } + &:backdrop { opacity: 1.0; } + } + + // hide horizontal separator + separator { + @extend separator.wide; + min-height: 0; + border-color: transparent; + background-color: transparent; + color: transparent; + } + } + + scrolledwindow undershoot { + &.top { @include undershoot(top, $secondary_dark_color); } + &.bottom { @include undershoot(bottom, $secondary_dark_color); } + &.left { @include undershoot(left, $secondary_dark_color); } + &.right { @include undershoot(right, $secondary_dark_color); } + } +} + + +/********** + * Baobab * + **********/ + +window > box.vertical > grid.vertical > stack { + stack > spinner { // shrink spinner + min-width: rem(24px); + min-height: rem(24px); + padding: rem(53.2px) rem(79.8px) rem(53.2px); + } +} + + +/********** + * Evince * + **********/ + +window.background { + padding: rem(5.3px); + + > box.vertical > box.horizontal { + > widget > label { + color: $fixed_fg_color; + font-weight: 700; + } + + > button.flat:not(.image-button):not(.text-button):not(.toggle) { + min-width: rem(13.3px); + min-height: rem(13.3px); + padding: rem(10.7px); + border: none; + border-radius: 100px; + -gtk-outline-radius: 100px; + color: $fixed_fg_color; + } + } +} + + +/************** + * Gnome-Logs * + **************/ + +// titles inside the button!? +headerbar > button.flat.popup.title-menu-button.toggle { + border-radius: 2px; + -gtk-outline-radius: 2px; + + > grid { + .title, + .subtitle { + padding: rem(1.3px) rem(13.3px) rem(1.3px); + font-size: 90%; + } + } +} +
A
themes/whitey/gtk-3.22/assets.txt
@@ -0,0 +1,167 @@
+checkbox-unchecked +checkbox-unchecked-active +checkbox-unchecked-insensitive +checkbox-unchecked-selected +checkbox-checked +checkbox-checked-active +checkbox-checked-insensitive +checkbox-checked-selected +checkbox-mixed +checkbox-mixed-active +checkbox-mixed-insensitive +checkbox-mixed-selected +radio-unchecked +radio-unchecked-active +radio-unchecked-insensitive +radio-unchecked-selected +radio-checked +radio-checked-active +radio-checked-insensitive +radio-checked-selected +radio-mixed +radio-mixed-active +radio-mixed-insensitive +radio-mixed-selected +checkbox-symbolic +checkbox-insensitive-symbolic +checkbox-checked-symbolic +checkbox-checked-insensitive-symbolic +checkbox-mixed-symbolic +checkbox-mixed-insensitive-symbolic +radio-symbolic +radio-insensitive-symbolic +radio-checked-symbolic +radio-checked-insensitive-symbolic +radio-mixed-symbolic +radio-mixed-insensitive-symbolic +checkbox-symbolic-dark +checkbox-insensitive-symbolic-dark +checkbox-checked-symbolic-dark +checkbox-checked-insensitive-symbolic-dark +checkbox-mixed-symbolic-dark +checkbox-mixed-insensitive-symbolic-dark +radio-symbolic-dark +radio-insensitive-symbolic-dark +radio-checked-symbolic-dark +radio-checked-insensitive-symbolic-dark +radio-mixed-symbolic-dark +radio-mixed-insensitive-symbolic-dark +checkbox-selectionmode +checkbox-active-selectionmode +checkbox-insensitive-selectionmode +checkbox-checked-selectionmode +checkbox-checked-active-selectionmode +checkbox-checked-insensitive-selectionmode +checkbox-unchecked-dark +checkbox-unchecked-active-dark +checkbox-unchecked-insensitive-dark +checkbox-checked-dark +checkbox-checked-active-dark +checkbox-checked-insensitive-dark +checkbox-mixed-dark +checkbox-mixed-active-dark +checkbox-mixed-insensitive-dark +radio-unchecked-dark +radio-unchecked-active-dark +radio-unchecked-insensitive-dark +radio-checked-dark +radio-checked-active-dark +radio-checked-insensitive-dark +radio-mixed-dark +radio-mixed-active-dark +radio-mixed-insensitive-dark +checkbox-selectionmode-dark +checkbox-active-selectionmode-dark +checkbox-insensitive-selectionmode-dark +checkbox-checked-selectionmode-dark +checkbox-checked-active-selectionmode-dark +checkbox-checked-insensitive-selectionmode-dark +slider-horz-scale-has-marks-above +slider-horz-scale-has-marks-above-active +slider-horz-scale-has-marks-above-insensitive +slider-horz-scale-has-marks-below +slider-horz-scale-has-marks-below-active +slider-horz-scale-has-marks-below-insensitive +slider-vert-scale-has-marks-above +slider-vert-scale-has-marks-above-active +slider-vert-scale-has-marks-above-insensitive +slider-vert-scale-has-marks-below +slider-vert-scale-has-marks-below-active +slider-vert-scale-has-marks-below-insensitive +slider-horz-scale-has-marks-above-dark +slider-horz-scale-has-marks-above-active-dark +slider-horz-scale-has-marks-above-insensitive-dark +slider-horz-scale-has-marks-below-dark +slider-horz-scale-has-marks-below-active-dark +slider-horz-scale-has-marks-below-insensitive-dark +slider-vert-scale-has-marks-above-dark +slider-vert-scale-has-marks-above-active-dark +slider-vert-scale-has-marks-above-insensitive-dark +slider-vert-scale-has-marks-below-dark +slider-vert-scale-has-marks-below-active-dark +slider-vert-scale-has-marks-below-insensitive-dark +slider +slider-active +slider-insensitive +slider-dark +slider-active-dark +slider-insensitive-dark +osd-shadow +osd-shadow-backdrop +osd-shadow-dark +osd-shadow-backdrop-dark +equal +equal-hover +equal-active +equal-insensitive +equal-dark +equal-hover-dark +equal-active-dark +equal-insensitive-dark +toggle-off +toggle-off-hover +toggle-off-insensitive +toggle-on +toggle-on-hover +toggle-on-insensitive +toggle-off-dark +toggle-off-hover-dark +toggle-off-insensitive-dark +toggle-on-insensitive-dark +window-close +window-close-active +window-minimize +window-minimize-active +window-maximize +window-maximize-active +window-unmaximize +window-unmaximize-active +window-close-ssd +window-close-ssd-active +window-close-ssd-backdrop +window-close-ssd-backdrop-active +window-close-ssd-backdrop-hover +window-close-ssd-hover +window-minimize-ssd +window-minimize-ssd-active +window-minimize-ssd-backdrop +window-minimize-ssd-backdrop-active +window-minimize-ssd-backdrop-hover +window-minimize-ssd-hover +window-maximize-ssd +window-maximize-ssd-active +window-maximize-ssd-backdrop +window-maximize-ssd-backdrop-active +window-maximize-ssd-backdrop-hover +window-maximize-ssd-hover +window-unmaximize-ssd +window-unmaximize-ssd-active +window-unmaximize-ssd-backdrop +window-unmaximize-ssd-backdrop-active +window-unmaximize-ssd-backdrop-hover +window-unmaximize-ssd-hover +running-dot-top +running-dot-bottom +running-dot-left +running-dot-right +calendar-day-selected
A
themes/whitey/gtk-3.22/gtk-dark.css
@@ -0,0 +1,12368 @@
+/****************** + * Ripple effects * + ******************/ +@keyframes ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } } +@keyframes flat_ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } } +@keyframes list_ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05), alpha(currentColor, 0.05)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } } +* { + transition-property: opacity, border-color, border-image, background-color, background-image, box-shadow, icon-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.2s; } + +/***************** + * Common States * + *****************/ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #F44336; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 16; + -GtkWidget-text-handle-height: 16; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-style: solid; + outline-width: 2px; + outline-color: alpha(currentColor, 0.2); + outline-offset: -0.30075rem; + -gtk-outline-radius: 2px; + -gtk-secondary-caret-color: #C5A68E; + text-shadow: none; + -gtk-icon-shadow: none; } + +/*************** + * Base States * + ***************/ +.background { + background-color: #3e515a; + color: #ECEFF1; } + +*:disabled { + -gtk-icon-effect: dim; } + +.titlebar *:backdrop, +headerbar *:backdrop, .csd headerbar button.titlebutton *:backdrop, +.csd .titlebar button.titlebutton *:backdrop { + opacity: 0.75; + transition: 0.2s; } + +.gtkstyle-fallback { + background-color: #3e515a; + color: #ECEFF1; } + .gtkstyle-fallback:hover { + background-color: #34434b; + color: #ECEFF1; } + .gtkstyle-fallback:active { + background-color: #29363c; + color: #ECEFF1; } + .gtkstyle-fallback:disabled { + background-color: #3e515a; + color: rgba(236, 239, 241, 0.3); } + .gtkstyle-fallback:selected { + background-color: #C5A68E; + color: #FFFFFF; } + +.view, iconview, +.view text, +iconview text, +textview text { + background-color: #455A64; + color: #ECEFF1; } + .view:hover, iconview:hover, .view:active, iconview:active, .view:selected, iconview:selected, + .view text:hover, + iconview text:hover, + textview text:hover, + .view text:active, + iconview text:active, + textview text:active, + .view text:selected, + iconview text:selected, + textview text:selected { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .view:disabled, iconview:disabled, + .view text:disabled, + iconview text:disabled, + textview text:disabled { + color: rgba(236, 239, 241, 0.3); } + +textview border { + background-color: #3e515a; } + +rubberband, flowbox rubberband, treeview.view rubberband, .tweak-category rubberband, .content-view rubberband { + border: 1px solid #4DD0E1; + background-color: rgba(77, 208, 225, 0.2); } + +flowbox flowboxchild { + padding: 0.15038rem; + border-radius: 2px; + -gtk-outline-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -0.15038rem; } + +label { + caret-color: currentColor; } + label.separator { + color: transparent; } + label:disabled { + color: rgba(236, 239, 241, 0.3); } + label.kudo-label { + color: #263238; } + +.dim-label, label.separator, .titlebar .title:backdrop, +headerbar .title:backdrop, .titlebar .subtitle, +headerbar .subtitle, .titlebar .subtitle:backdrop, +headerbar .subtitle:backdrop { + opacity: 0.55; } + +assistant .sidebar { + padding: 0.50376rem 0; + background-color: #3b4c54; } + assistant .sidebar:dir(ltr) { + border-right: 1px solid rgba(0, 0, 0, 0.11); } + assistant .sidebar:dir(rtl) { + border-left: 1px solid rgba(0, 0, 0, 0.11); } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 0.3985rem 0.6015rem 0.50376rem; + color: rgba(236, 239, 241, 0.75); + font-weight: 500; } + assistant .sidebar label.highlight { + color: #C5A68E; } +assistant headerbar button.flat:not(:last-child), assistant headerbar button.osd.image-button:not(:last-child), assistant headerbar .osd toolbar button:not(:last-child), .osd toolbar assistant headerbar button:not(:last-child), assistant headerbar toolbar.osd button:not(:last-child), toolbar.osd assistant headerbar button:not(:last-child), assistant headerbar .app-notification button:not(:last-child), .app-notification assistant headerbar button:not(:last-child), assistant headerbar GeditViewFrame .gedit-search-slider button:not(:last-child), GeditViewFrame .gedit-search-slider assistant headerbar button:not(:last-child), assistant headerbar toolbar button:not(:last-child), toolbar assistant headerbar button:not(:last-child), +assistant headerbar button:not(:last-child):not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child), +assistant headerbar .context-menu > arrow:not(:last-child), +assistant headerbar menu > arrow:not(:last-child), assistant headerbar placessidebar row button.image-button:not(:last-child), placessidebar row assistant headerbar button.image-button:not(:last-child), assistant headerbar .ssd decoration button:not(:last-child), .ssd decoration assistant headerbar button:not(:last-child), assistant .csd headerbar button.titlebutton:not(:last-child), .csd assistant headerbar button.titlebutton:not(:last-child), +assistant headerbar .csd .titlebar button.titlebutton:not(:last-child), +.csd .titlebar.selection-mode assistant headerbar button.titlebutton:not(:last-child), assistant headerbar #gf-candidate-popup button:not(:last-child), #gf-candidate-popup assistant headerbar button:not(:last-child), +assistant headerbar #gf-candidate-popup .linked > button:not(:last-child):first-child, +#gf-candidate-popup assistant headerbar .linked > button:not(:last-child):first-child, +assistant headerbar #gf-candidate-popup .linked > button:not(:last-child):last-child, +#gf-candidate-popup assistant headerbar .linked > button:not(:last-child):last-child, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child), window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child), assistant headerbar layouttabbar button:not(:last-child), layouttabbar assistant headerbar button:not(:last-child), assistant headerbar layouttab button:not(:last-child), layouttab assistant headerbar button:not(:last-child) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #546E7A; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); + background-color: #009688; + color: rgba(255, 255, 255, 0.85); } + assistant headerbar button.flat:not(:last-child):hover, assistant headerbar button.osd.image-button:not(:last-child):hover, assistant headerbar .osd toolbar button:not(:last-child):hover, .osd toolbar assistant headerbar button:not(:last-child):hover, assistant headerbar toolbar.osd button:not(:last-child):hover, toolbar.osd assistant headerbar button:not(:last-child):hover, assistant headerbar .app-notification button:not(:last-child):hover, .app-notification assistant headerbar button:not(:last-child):hover, assistant headerbar GeditViewFrame .gedit-search-slider button:not(:last-child):hover, GeditViewFrame .gedit-search-slider assistant headerbar button:not(:last-child):hover, assistant headerbar toolbar button:not(:last-child):hover, toolbar assistant headerbar button:not(:last-child):hover, + assistant headerbar button:not(:last-child):hover:not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child):hover, + assistant headerbar .context-menu > arrow:not(:last-child):hover, + assistant headerbar menu > arrow:not(:last-child):hover, assistant headerbar placessidebar row button.image-button:not(:last-child):hover, placessidebar row assistant headerbar button.image-button:not(:last-child):hover, assistant headerbar .ssd decoration button:not(:last-child):hover, .ssd decoration assistant headerbar button:not(:last-child):hover, assistant .csd headerbar button.titlebutton:not(:last-child):hover, .csd assistant headerbar button.titlebutton:not(:last-child):hover, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):hover, assistant headerbar #gf-candidate-popup button:not(:last-child):hover, #gf-candidate-popup assistant headerbar button:not(:last-child):hover, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):hover, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):hover, assistant headerbar layouttabbar button:not(:last-child):hover, layouttabbar assistant headerbar button:not(:last-child):hover, assistant headerbar layouttab button:not(:last-child):hover, layouttab assistant headerbar button:not(:last-child):hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: #ECEFF1; + color: #FFFFFF; } + assistant headerbar button.flat:not(:last-child):active, assistant headerbar button.osd.image-button:not(:last-child):active, assistant headerbar .osd toolbar button:not(:last-child):active, .osd toolbar assistant headerbar button:not(:last-child):active, assistant headerbar toolbar.osd button:not(:last-child):active, toolbar.osd assistant headerbar button:not(:last-child):active, assistant headerbar .app-notification button:not(:last-child):active, .app-notification assistant headerbar button:not(:last-child):active, assistant headerbar GeditViewFrame .gedit-search-slider button:not(:last-child):active, GeditViewFrame .gedit-search-slider assistant headerbar button:not(:last-child):active, assistant headerbar toolbar button:not(:last-child):active, toolbar assistant headerbar button:not(:last-child):active, + assistant headerbar button:not(:last-child):active:not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child):active, + assistant headerbar .context-menu > arrow:not(:last-child):active, + assistant headerbar menu > arrow:not(:last-child):active, assistant headerbar placessidebar row button.image-button:not(:last-child):active, placessidebar row assistant headerbar button.image-button:not(:last-child):active, assistant headerbar .ssd decoration button:not(:last-child):active, .ssd decoration assistant headerbar button:not(:last-child):active, assistant .csd headerbar button.titlebutton:not(:last-child):active, .csd assistant headerbar button.titlebutton:not(:last-child):active, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):active, assistant headerbar #gf-candidate-popup button:not(:last-child):active, #gf-candidate-popup assistant headerbar button:not(:last-child):active, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):active, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):active, assistant headerbar layouttabbar button:not(:last-child):active, layouttabbar assistant headerbar button:not(:last-child):active, assistant headerbar layouttab button:not(:last-child):active, layouttab assistant headerbar button:not(:last-child):active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #ECEFF1; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #FFFFFF; + background-color: #C5A68E; } + assistant headerbar button.flat:not(:last-child):checked, assistant headerbar button.osd.image-button:not(:last-child):checked, assistant headerbar .osd toolbar button:not(:last-child):checked, .osd toolbar assistant headerbar button:not(:last-child):checked, assistant headerbar toolbar.osd button:not(:last-child):checked, toolbar.osd assistant headerbar button:not(:last-child):checked, assistant headerbar .app-notification button:not(:last-child):checked, .app-notification assistant headerbar button:not(:last-child):checked, assistant headerbar GeditViewFrame .gedit-search-slider button:not(:last-child):checked, GeditViewFrame .gedit-search-slider assistant headerbar button:not(:last-child):checked, assistant headerbar toolbar button:not(:last-child):checked, toolbar assistant headerbar button:not(:last-child):checked, + assistant headerbar button:not(:last-child):checked:not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child):checked, + assistant headerbar .context-menu > arrow:not(:last-child):checked, + assistant headerbar menu > arrow:not(:last-child):checked, assistant headerbar placessidebar row button.image-button:not(:last-child):checked, placessidebar row assistant headerbar button.image-button:not(:last-child):checked, assistant headerbar .ssd decoration button:not(:last-child):checked, .ssd decoration assistant headerbar button:not(:last-child):checked, assistant .csd headerbar button.titlebutton:not(:last-child):checked, .csd assistant headerbar button.titlebutton:not(:last-child):checked, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):checked, assistant headerbar #gf-candidate-popup button:not(:last-child):checked, #gf-candidate-popup assistant headerbar button:not(:last-child):checked, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):checked, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):checked, assistant headerbar layouttabbar button:not(:last-child):checked, layouttabbar assistant headerbar button:not(:last-child):checked, assistant headerbar layouttab button:not(:last-child):checked, layouttab assistant headerbar button:not(:last-child):checked { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #C5A68E; + color: #FFFFFF; + background-color: #009688; + color: #ECEFF1; } + assistant headerbar button.flat:not(:last-child):disabled, assistant headerbar button.osd.image-button:not(:last-child):disabled, assistant headerbar .osd toolbar button:not(:last-child):disabled, .osd toolbar assistant headerbar button:not(:last-child):disabled, assistant headerbar toolbar.osd button:not(:last-child):disabled, toolbar.osd assistant headerbar button:not(:last-child):disabled, assistant headerbar .app-notification button:not(:last-child):disabled, .app-notification assistant headerbar button:not(:last-child):disabled, assistant headerbar GeditViewFrame .gedit-search-slider button:not(:last-child):disabled, GeditViewFrame .gedit-search-slider assistant headerbar button:not(:last-child):disabled, assistant headerbar toolbar button:not(:last-child):disabled, toolbar assistant headerbar button:not(:last-child):disabled, + assistant headerbar button:not(:last-child):disabled:not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child):disabled, + assistant headerbar .context-menu > arrow:not(:last-child):disabled, + assistant headerbar menu > arrow:not(:last-child):disabled, assistant headerbar placessidebar row button.image-button:not(:last-child):disabled, placessidebar row assistant headerbar button.image-button:not(:last-child):disabled, assistant headerbar .ssd decoration button:not(:last-child):disabled, .ssd decoration assistant headerbar button:not(:last-child):disabled, assistant .csd headerbar button.titlebutton:not(:last-child):disabled, .csd assistant headerbar button.titlebutton:not(:last-child):disabled, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):disabled, assistant headerbar #gf-candidate-popup button:not(:last-child):disabled, #gf-candidate-popup assistant headerbar button:not(:last-child):disabled, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):disabled, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):disabled, assistant headerbar layouttabbar button:not(:last-child):disabled, layouttabbar assistant headerbar button:not(:last-child):disabled, assistant headerbar layouttab button:not(:last-child):disabled, layouttab assistant headerbar button:not(:last-child):disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(236, 239, 241, 0.225); } + assistant headerbar button.flat:not(:last-child):disabled > label, assistant headerbar button.osd.image-button:not(:last-child):disabled > label, assistant headerbar .osd toolbar button:not(:last-child):disabled > label, .osd toolbar assistant headerbar button:not(:last-child):disabled > label, assistant headerbar toolbar.osd button:not(:last-child):disabled > label, toolbar.osd assistant headerbar button:not(:last-child):disabled > label, assistant headerbar .app-notification button:not(:last-child):disabled > label, .app-notification assistant headerbar button:not(:last-child):disabled > label, assistant headerbar GeditViewFrame .gedit-search-slider button:not(:last-child):disabled > label, GeditViewFrame .gedit-search-slider assistant headerbar button:not(:last-child):disabled > label, assistant headerbar toolbar button:not(:last-child):disabled > label, toolbar assistant headerbar button:not(:last-child):disabled > label, assistant headerbar .titlebar button:not(:last-child):disabled:not(.suggested-action):not(.destructive-action) > label, + assistant headerbar button:not(:last-child):disabled:not(.suggested-action):not(.destructive-action) > label, assistant headerbar .menu > arrow:not(:last-child):disabled > label, + assistant headerbar .context-menu > arrow:not(:last-child):disabled > label, + assistant headerbar menu > arrow:not(:last-child):disabled > label, assistant headerbar placessidebar row button.image-button:not(:last-child):disabled > label, placessidebar row assistant headerbar button.image-button:not(:last-child):disabled > label, assistant headerbar .ssd decoration button:not(:last-child):disabled > label, .ssd decoration assistant headerbar button:not(:last-child):disabled > label, assistant .csd headerbar button.titlebutton:not(:last-child):disabled > label, .csd assistant headerbar button.titlebutton:not(:last-child):disabled > label, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):disabled > label, assistant headerbar #gf-candidate-popup button:not(:last-child):disabled > label, #gf-candidate-popup assistant headerbar button:not(:last-child):disabled > label, + assistant headerbar #gf-candidate-popup .linked > button:not(:last-child):disabled > label, + #gf-candidate-popup assistant headerbar .linked > button:not(:last-child):disabled > label, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):disabled > label, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):disabled > label, assistant headerbar layouttabbar button:not(:last-child):disabled > label, layouttabbar assistant headerbar button:not(:last-child):disabled > label, assistant headerbar layouttab button:not(:last-child):disabled > label, layouttab assistant headerbar button:not(:last-child):disabled > label { + color: inherit; } + +buttonbox button, buttonbox.dialog-action-area button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: #C5A68E); + font-weight: 700; } + buttonbox button:hover, buttonbox.dialog-action-area button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + color: #C5A68E; } + buttonbox button:active, buttonbox.dialog-action-area button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #C5A68E; } + buttonbox button:disabled, buttonbox.dialog-action-area button:disabled { + box-shadow: none; + background-color: transparent; } + buttonbox button:checked, buttonbox.dialog-action-area button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + color: #C5A68E; } + buttonbox button:checked:disabled, buttonbox.dialog-action-area button:checked:disabled { + color: rgba(77, 182, 172, 0.4); } + buttonbox button:checked:disabled > label, buttonbox.dialog-action-area button:checked:disabled > label { + color: inherit; } + +.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, +.app-notification.frame, .osd .scale-popup, .nautilus-window .floating-bar, .osd { + opacity: 0.9; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes colorful_bar { + 0% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(0, 1); } + 24.9% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(1, 1); } + 25% { + -gtk-icon-source: url("assets/bar-yellow.svg"); + -gtk-icon-transform: scale(1, 1); } + 49.9% { + -gtk-icon-source: url("assets/bar-yellow.svg"); + -gtk-icon-transform: scale(0, 1); } + 50% { + -gtk-icon-source: url("assets/bar-green.svg"); + -gtk-icon-transform: scale(0, 1); } + 74.9% { + -gtk-icon-source: url("assets/bar-green.svg"); + -gtk-icon-transform: scale(1, 1); } + 75% { + -gtk-icon-source: url("assets/bar-blue.svg"); + -gtk-icon-transform: scale(1, 1); } + 99.9% { + -gtk-icon-source: url("assets/bar-blue.svg"); + -gtk-icon-transform: scale(0, 1); } + 100% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(0, 1); } } +spinner { + min-height: 1.20301rem; + min-width: 1.20301rem; + padding: 0.3985rem 0 0.3985rem; + margin: 0; + background: none; + opacity: 0; + -gtk-icon-source: url("assets/bar-red.svg"); } + spinner:checked { + opacity: 1.0; + animation: colorful_bar 2s linear infinite; } + spinner:checked:disabled { + opacity: 0.4; } + spinner:checked:backdrop { + opacity: 1.0; } + spinner:backdrop { + opacity: 0; } + +/**************** + * Text Entries * + ****************/ +entry, spinbutton:not(.vertical) { + min-height: 1rem; + min-width: 2.50376rem; + padding: 0.69925rem 0.6015rem 0.80451rem; + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + entry:focus, spinbutton:focus:not(.vertical) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry:disabled, spinbutton:disabled:not(.vertical) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); } + entry.flat, .linked > entry:not(.flat), .linked > spinbutton:not(.flat):not(.vertical), .linked.vertical > entry:not(.flat), spinbutton.flat:not(.vertical), notebook:not(.reorderable-page) > entry, notebook:not(.reorderable-page) > spinbutton:not(.vertical) { + border-radius: 0; + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + entry.flat:focus, .linked > entry:focus:not(.flat), .linked > spinbutton:focus:not(.flat):not(.vertical), spinbutton.flat:focus:not(.vertical), notebook:not(.reorderable-page) > entry:focus, notebook:not(.reorderable-page) > spinbutton:focus:not(.vertical) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.flat:disabled, .linked > entry:disabled:not(.flat), .linked > spinbutton:disabled:not(.flat):not(.vertical), spinbutton.flat:disabled:not(.vertical), notebook:not(.reorderable-page) > entry:disabled, notebook:not(.reorderable-page) > spinbutton:disabled:not(.vertical) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(236, 239, 241, 0.3); } + entry image, spinbutton:not(.vertical) image { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + .linked > entry:not(.flat), .linked > spinbutton:not(.flat):not(.vertical), .linked.vertical > entry:not(.flat), .linked.vertical > spinbutton:not(.flat):not(.vertical) { + border-radius: 0; + -gtk-outline-radius: 0; } + entry.error, spinbutton.error:not(.vertical) { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + entry.error:focus, spinbutton.error:focus:not(.vertical) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.error:disabled, spinbutton.error:disabled:not(.vertical) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); } + entry.error.flat, .linked > entry.error:not(.flat), .linked > spinbutton.error:not(.flat):not(.vertical), spinbutton.error.flat:not(.vertical), notebook:not(.reorderable-page) > entry.error, notebook:not(.reorderable-page) > spinbutton.error:not(.vertical) { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + entry.error.flat:focus, .linked > entry.error:focus:not(.flat), .linked > spinbutton.error:focus:not(.flat):not(.vertical), spinbutton.error.flat:focus:not(.vertical), notebook:not(.reorderable-page) > entry.error:focus, notebook:not(.reorderable-page) > spinbutton.error:focus:not(.vertical) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.error.flat:disabled, .linked > entry.error:disabled:not(.flat), .linked > spinbutton.error:disabled:not(.flat):not(.vertical), spinbutton.error.flat:disabled:not(.vertical), notebook:not(.reorderable-page) > entry.error:disabled, notebook:not(.reorderable-page) > spinbutton.error:disabled:not(.vertical) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(236, 239, 241, 0.3); } + entry.warning, spinbutton.warning:not(.vertical) { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + entry.warning:focus, spinbutton.warning:focus:not(.vertical) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FF9800), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.warning:disabled, spinbutton.warning:disabled:not(.vertical) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); } + entry.warning.flat, .linked > entry.warning:not(.flat), .linked > spinbutton.warning:not(.flat):not(.vertical), spinbutton.warning.flat:not(.vertical), notebook:not(.reorderable-page) > entry.warning, notebook:not(.reorderable-page) > spinbutton.warning:not(.vertical) { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + entry.warning.flat:focus, .linked > entry.warning:focus:not(.flat), .linked > spinbutton.warning:focus:not(.flat):not(.vertical), spinbutton.warning.flat:focus:not(.vertical), notebook:not(.reorderable-page) > entry.warning:focus, notebook:not(.reorderable-page) > spinbutton.warning:focus:not(.vertical) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FF9800), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.warning.flat:disabled, .linked > entry.warning:disabled:not(.flat), .linked > spinbutton.warning:disabled:not(.flat):not(.vertical), spinbutton.warning.flat:disabled:not(.vertical), notebook:not(.reorderable-page) > entry.warning:disabled, notebook:not(.reorderable-page) > spinbutton.warning:disabled:not(.vertical) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(236, 239, 241, 0.3); } + entry.search-missing, spinbutton.search-missing:not(.vertical) { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + entry.search-missing:focus, spinbutton.search-missing:focus:not(.vertical) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.search-missing:disabled, spinbutton.search-missing:disabled:not(.vertical) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); } + entry.search-missing.flat, .linked > entry.search-missing:not(.flat), .linked > spinbutton.search-missing:not(.flat):not(.vertical), spinbutton.search-missing.flat:not(.vertical), notebook:not(.reorderable-page) > entry.search-missing, notebook:not(.reorderable-page) > spinbutton.search-missing:not(.vertical) { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + entry.search-missing.flat:focus, .linked > entry.search-missing:focus:not(.flat), .linked > spinbutton.search-missing:focus:not(.flat):not(.vertical), spinbutton.search-missing.flat:focus:not(.vertical), notebook:not(.reorderable-page) > entry.search-missing:focus, notebook:not(.reorderable-page) > spinbutton.search-missing:focus:not(.vertical) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #ECEFF1; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.search-missing.flat:disabled, .linked > entry.search-missing:disabled:not(.flat), .linked > spinbutton.search-missing:disabled:not(.flat):not(.vertical), spinbutton.search-missing.flat:disabled:not(.vertical), notebook:not(.reorderable-page) > entry.search-missing:disabled, notebook:not(.reorderable-page) > spinbutton.search-missing:disabled:not(.vertical) { + border-color: #37474F; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(236, 239, 241, 0.3); } + entry image:not(:hover):not(:active), spinbutton:not(.vertical) image:not(:hover):not(:active) { + color: alpha(currentColor, 0.75); } + entry image:active, spinbutton:not(.vertical) image:active { + color: #C5A68E; } + entry image:disabled, spinbutton:not(.vertical) image:disabled { + color: alpha(currentColor, 0.55); } + entry:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus, spinbutton:drop(active):focus:not(.vertical) { + border-color: #C5A68E; + box-shadow: inset 0 0 0 1px #C5A68E; } + treeview entry, treeview spinbutton:not(.vertical), treeview entry.flat:focus, treeview .linked > entry:focus:not(.flat), treeview .linked > spinbutton:focus:not(.flat):not(.vertical), treeview spinbutton.flat:focus:not(.vertical), treeview notebook:not(.reorderable-page) > entry:focus, treeview notebook:not(.reorderable-page) > spinbutton:focus:not(.vertical) { + padding: 1px; + border-radius: 0; + border-image: none; + background-color: #455A64; + color: #ECEFF1; + box-shadow: none; + transition-property: color, background; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#C5A68E), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#C5A68E), to(transparent)); } } +button { + min-height: 1rem; + min-width: 2.50376rem; + padding: 0.69925rem 1rem 0.80451rem; + border-radius: 2px; + -gtk-outline-radius: 2px; + background-repeat: no-repeat; + background-position: center, center; + background-size: 9.96241rem 9.96241rem, auto; + font-weight: 500; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #546E7A; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); } + button:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: #ECEFF1; } + button:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #ECEFF1; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + button:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(236, 239, 241, 0.225); } + button:disabled > label { + color: inherit; } + button:checked { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #C5A68E; + color: #FFFFFF; } + button:checked:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(0, 188, 212, 0.4); } + button:checked:disabled > label { + color: inherit; } + button.flat, button.osd.image-button, .osd toolbar button, toolbar.osd button, .app-notification button, + .app-notification.frame button, GeditViewFrame .gedit-search-slider button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), + headerbar button:not(.suggested-action):not(.destructive-action), .menu > arrow, + .context-menu > arrow, + menu > arrow, placessidebar row button.image-button, .ssd decoration button, .csd headerbar button.titlebutton, .csd headerbar.selection-mode button.titlebutton, + .csd .titlebar button.titlebutton, + .csd .titlebar.selection-mode button.titlebutton, #gf-candidate-popup button, #gf-candidate-popup button:first-child, #gf-candidate-popup button:last-child, + #gf-candidate-popup .linked > button, + #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .linked > button:last-child, window > grid.vertical > box.vertical > widget button, layouttabbar button, layouttab button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); } + button.flat:hover, button.osd.image-button:hover, .app-notification button:hover, GeditViewFrame .gedit-search-slider button:hover, toolbar button:hover, .titlebar button:hover:not(.suggested-action):not(.destructive-action), + headerbar button:hover:not(.suggested-action):not(.destructive-action), .menu > arrow:hover, + .context-menu > arrow:hover, + menu > arrow:hover, placessidebar row button.image-button:hover, .ssd decoration button:hover, .csd headerbar button.titlebutton:hover, + .csd .titlebar button.titlebutton:hover, #gf-candidate-popup button:hover, + #gf-candidate-popup .linked > button:hover:first-child, + #gf-candidate-popup .linked > button:hover:last-child, window > grid.vertical > box.vertical > widget button:hover, layouttabbar button:hover, layouttab button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + button.flat:active, button.osd.image-button:active, .app-notification button:active, GeditViewFrame .gedit-search-slider button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), + headerbar button:active:not(.suggested-action):not(.destructive-action), .menu > arrow:active, + .context-menu > arrow:active, + menu > arrow:active, placessidebar row button.image-button:active, .ssd decoration button:active, .csd headerbar button.titlebutton:active, + .csd .titlebar button.titlebutton:active, #gf-candidate-popup button:active, + #gf-candidate-popup .linked > button:active:first-child, + #gf-candidate-popup .linked > button:active:last-child, window > grid.vertical > box.vertical > widget button:active, layouttabbar button:active, layouttab button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + button.flat:disabled, button.osd.image-button:disabled, .app-notification button:disabled, GeditViewFrame .gedit-search-slider button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar button:disabled:not(.suggested-action):not(.destructive-action), .menu > arrow:disabled, + .context-menu > arrow:disabled, + menu > arrow:disabled, placessidebar row button.image-button:disabled, .ssd decoration button:disabled, .csd headerbar button.titlebutton:disabled, + .csd .titlebar button.titlebutton:disabled, #gf-candidate-popup button:disabled, + #gf-candidate-popup .linked > button:disabled:first-child, + #gf-candidate-popup .linked > button:disabled:last-child, window > grid.vertical > box.vertical > widget button:disabled, layouttabbar button:disabled, layouttab button:disabled { + box-shadow: none; + background-color: transparent; } + button.flat:checked, button.osd.image-button:checked, .app-notification button:checked, GeditViewFrame .gedit-search-slider button:checked, toolbar button:checked, .titlebar button:checked:not(.suggested-action):not(.destructive-action), + headerbar button:checked:not(.suggested-action):not(.destructive-action), .menu > arrow:checked, + .context-menu > arrow:checked, + menu > arrow:checked, placessidebar row button.image-button:checked, .ssd decoration button:checked, .csd headerbar button.titlebutton:checked, + .csd .titlebar button.titlebutton:checked, #gf-candidate-popup button:checked, + #gf-candidate-popup .linked > button:checked:first-child, + #gf-candidate-popup .linked > button:checked:last-child, window > grid.vertical > box.vertical > widget button:checked, layouttabbar button:checked, layouttab button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; } + button.flat:checked:disabled > label, button.osd.image-button:checked:disabled > label, .osd toolbar button:checked:disabled > label, toolbar.osd button:checked:disabled > label, .app-notification button:checked:disabled > label, GeditViewFrame .gedit-search-slider button:checked:disabled > label, toolbar button:checked:disabled > label, .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action) > label, + headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) > label, .menu > arrow:checked:disabled > label, + .context-menu > arrow:checked:disabled > label, + menu > arrow:checked:disabled > label, placessidebar row button.image-button:checked:disabled > label, .ssd decoration button:checked:disabled > label, .csd headerbar button.titlebutton:checked:disabled > label, + .csd .titlebar button.titlebutton:checked:disabled > label, #gf-candidate-popup button:checked:disabled > label, + #gf-candidate-popup .linked > button:checked:disabled > label, window > grid.vertical > box.vertical > widget button:checked:disabled > label, layouttabbar button:checked:disabled > label, layouttab button:checked:disabled > label { + color: inherit; } + .linked > button.flat, .linked > button.osd.image-button, .osd toolbar .linked > button, toolbar.osd .linked > button, .app-notification .linked > button, GeditViewFrame .gedit-search-slider .linked > button, toolbar .linked > button, .titlebar .linked > button:not(.suggested-action):not(.destructive-action), + headerbar .linked > button:not(.suggested-action):not(.destructive-action), .menu.linked > arrow, + .context-menu.linked > arrow, + menu.linked > arrow, placessidebar row .linked > button.image-button, .ssd decoration .linked > button, .csd headerbar .linked > button.titlebutton, + .csd .titlebar .linked > button.titlebutton, + #gf-candidate-popup .linked > button, + #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .linked > button:last-child, window > grid.vertical > box.vertical > widget .linked > button, layouttabbar .linked > button, layouttab .linked > button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .linked > button.flat.image-button, .linked > button.image-button.osd, .osd toolbar .linked > button.image-button, toolbar.osd .linked > button.image-button, .app-notification .linked > button.image-button, GeditViewFrame .gedit-search-slider .linked > button.image-button, toolbar .linked > button.image-button, .titlebar .linked > button.image-button:not(.suggested-action):not(.destructive-action), + headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), .menu.linked > arrow.image-button, + .context-menu.linked > arrow.image-button, + menu.linked > arrow.image-button, placessidebar row .linked > button.image-button, .ssd decoration .linked > button.image-button, .csd headerbar .linked > button.image-button.titlebutton, + .csd .titlebar .linked > button.image-button.titlebutton, + #gf-candidate-popup .linked > button.image-button, window > grid.vertical > box.vertical > widget .linked > button.image-button, layouttabbar .linked > button.image-button, layouttab .linked > button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + button.osd.image-button { + padding: 1.30075rem; + background-color: #322F22; + background-size: 3.7594rem 3.7594rem, auto; } + button.osd.image-button:not(:active):not(:disabled):not(hover) { + color: #C5A68E); } + button.osd.image-button:hover { + color: #C5A68E; + background-color: rgba(42, 55, 62, 0.7); + background-image: linear-gradient(to bottom, alpha(currentColor, 0.2), alpha(currentColor, 0.2)); } + button.osd.image-button:active { + color: #C5A68E; + background-color: rgba(42, 55, 62, 0.7); + background-image: linear-gradient(to bottom, rgba(236, 239, 241, 0.1), rgba(236, 239, 241, 0.1)); } + button.osd:disabled { + opacity: 0; } + button.suggested-action { + background-color: #009688; + background-size: 9.96241rem 9.96241rem, auto; + color: #FFFFFF; } + button.suggested-action:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: #ECEFF1; + background-color: #009688; + color: #FFFFFF; } + button.suggested-action:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #ECEFF1; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: #C5A68E; + color: #FFFFFF; } + button.suggested-action:checked { + background-color: #33aba0; } + button.suggested-action:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(236, 239, 241, 0.3); } + button.suggested-action:disabled > label { + color: inherit; } + button.suggested-action.flat, button.suggested-action.osd.image-button, .app-notification button.suggested-action, GeditViewFrame .gedit-search-slider button.suggested-action, toolbar button.suggested-action, .titlebar button.suggested-action:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action, + .context-menu > arrow.suggested-action, + menu > arrow.suggested-action, placessidebar row button.suggested-action.image-button, .ssd decoration button.suggested-action, .csd headerbar button.suggested-action.titlebutton, + .csd .titlebar button.suggested-action.titlebutton, #gf-candidate-popup button.suggested-action, + #gf-candidate-popup .linked > button.suggested-action:first-child, + #gf-candidate-popup .linked > button.suggested-action:last-child, window > grid.vertical > box.vertical > widget button.suggested-action, layouttabbar button.suggested-action, layouttab button.suggested-action { + background-color: transparent; + color: #009688; } + button.suggested-action.flat:hover, button.suggested-action.osd.image-button:hover, .app-notification button.suggested-action:hover, GeditViewFrame .gedit-search-slider button.suggested-action:hover, toolbar button.suggested-action:hover, .titlebar button.suggested-action:hover:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:hover:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action:hover, + .context-menu > arrow.suggested-action:hover, + menu > arrow.suggested-action:hover, placessidebar row button.suggested-action.image-button:hover, .ssd decoration button.suggested-action:hover, .csd headerbar button.suggested-action.titlebutton:hover, + .csd .titlebar button.suggested-action.titlebutton:hover, #gf-candidate-popup button.suggested-action:hover, window > grid.vertical > box.vertical > widget button.suggested-action:hover, layouttabbar button.suggested-action:hover, layouttab button.suggested-action:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + button.suggested-action.flat:active, button.suggested-action.osd.image-button:active, .app-notification button.suggested-action:active, GeditViewFrame .gedit-search-slider button.suggested-action:active, toolbar button.suggested-action:active, .titlebar button.suggested-action:active:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:active:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action:active, + .context-menu > arrow.suggested-action:active, + menu > arrow.suggested-action:active, placessidebar row button.suggested-action.image-button:active, .ssd decoration button.suggested-action:active, .csd headerbar button.suggested-action.titlebutton:active, + .csd .titlebar button.suggested-action.titlebutton:active, #gf-candidate-popup button.suggested-action:active, window > grid.vertical > box.vertical > widget button.suggested-action:active, layouttabbar button.suggested-action:active, layouttab button.suggested-action:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(#C5A68E, 0.2); + color: #C5A68E; } + button.suggested-action.flat:checked, button.suggested-action.osd.image-button:checked, .app-notification button.suggested-action:checked, GeditViewFrame .gedit-search-slider button.suggested-action:checked, toolbar button.suggested-action:checked, .titlebar button.suggested-action:checked:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:checked:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action:checked, + .context-menu > arrow.suggested-action:checked, + menu > arrow.suggested-action:checked, placessidebar row button.suggested-action.image-button:checked, .ssd decoration button.suggested-action:checked, .csd headerbar button.suggested-action.titlebutton:checked, + .csd .titlebar button.suggested-action.titlebutton:checked, #gf-candidate-popup button.suggested-action:checked, window > grid.vertical > box.vertical > widget button.suggested-action:checked, layouttabbar button.suggested-action:checked, layouttab button.suggested-action:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; } + button.suggested-action.flat:disabled, button.suggested-action.osd.image-button:disabled, .app-notification button.suggested-action:disabled, GeditViewFrame .gedit-search-slider button.suggested-action:disabled, toolbar button.suggested-action:disabled, .titlebar button.suggested-action:disabled:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:disabled:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action:disabled, + .context-menu > arrow.suggested-action:disabled, + menu > arrow.suggested-action:disabled, placessidebar row button.suggested-action.image-button:disabled, .ssd decoration button.suggested-action:disabled, .csd headerbar button.suggested-action.titlebutton:disabled, + .csd .titlebar button.suggested-action.titlebutton:disabled, #gf-candidate-popup button.suggested-action:disabled, window > grid.vertical > box.vertical > widget button.suggested-action:disabled, layouttabbar button.suggested-action:disabled, layouttab button.suggested-action:disabled { + box-shadow: none; + background-color: transparent; } + button.destructive-action { + background-color: #FF5252; + background-size: 9.96241rem 9.96241rem, auto; + color: #FFFFFF; } + button.destructive-action:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: #ECEFF1; + background-color: #FF5252; + color: #FFFFFF; } + button.destructive-action:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #ECEFF1; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: #C5A68E; + color: #FFFFFF; } + button.destructive-action:checked { + background-color: #ff7575; } + button.destructive-action:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(236, 239, 241, 0.3); } + button.destructive-action:disabled > label { + color: inherit; } + button.destructive-action.flat, button.destructive-action.osd.image-button, .app-notification button.destructive-action, GeditViewFrame .gedit-search-slider button.destructive-action, toolbar button.destructive-action, .titlebar button.destructive-action:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action, + .context-menu > arrow.destructive-action, + menu > arrow.destructive-action, placessidebar row button.destructive-action.image-button, .ssd decoration button.destructive-action, .csd headerbar button.destructive-action.titlebutton, + .csd .titlebar button.destructive-action.titlebutton, #gf-candidate-popup button.destructive-action, + #gf-candidate-popup .linked > button.destructive-action:first-child, + #gf-candidate-popup .linked > button.destructive-action:last-child, window > grid.vertical > box.vertical > widget button.destructive-action, layouttabbar button.destructive-action, layouttab button.destructive-action { + background-color: transparent; + color: #FF5252; } + button.destructive-action.flat:hover, button.destructive-action.osd.image-button:hover, .app-notification button.destructive-action:hover, GeditViewFrame .gedit-search-slider button.destructive-action:hover, toolbar button.destructive-action:hover, .titlebar button.destructive-action:hover:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:hover:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action:hover, + .context-menu > arrow.destructive-action:hover, + menu > arrow.destructive-action:hover, placessidebar row button.destructive-action.image-button:hover, .ssd decoration button.destructive-action:hover, .csd headerbar button.destructive-action.titlebutton:hover, + .csd .titlebar button.destructive-action.titlebutton:hover, #gf-candidate-popup button.destructive-action:hover, window > grid.vertical > box.vertical > widget button.destructive-action:hover, layouttabbar button.destructive-action:hover, layouttab button.destructive-action:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + button.destructive-action.flat:active, button.destructive-action.osd.image-button:active, .app-notification button.destructive-action:active, GeditViewFrame .gedit-search-slider button.destructive-action:active, toolbar button.destructive-action:active, .titlebar button.destructive-action:active:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:active:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action:active, + .context-menu > arrow.destructive-action:active, + menu > arrow.destructive-action:active, placessidebar row button.destructive-action.image-button:active, .ssd decoration button.destructive-action:active, .csd headerbar button.destructive-action.titlebutton:active, + .csd .titlebar button.destructive-action.titlebutton:active, #gf-candidate-popup button.destructive-action:active, window > grid.vertical > box.vertical > widget button.destructive-action:active, layouttabbar button.destructive-action:active, layouttab button.destructive-action:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(#C5A68E, 0.2); + color: #C5A68E; } + button.destructive-action.flat:checked, button.destructive-action.osd.image-button:checked, .app-notification button.destructive-action:checked, GeditViewFrame .gedit-search-slider button.destructive-action:checked, toolbar button.destructive-action:checked, .titlebar button.destructive-action:checked:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:checked:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action:checked, + .context-menu > arrow.destructive-action:checked, + menu > arrow.destructive-action:checked, placessidebar row button.destructive-action.image-button:checked, .ssd decoration button.destructive-action:checked, .csd headerbar button.destructive-action.titlebutton:checked, + .csd .titlebar button.destructive-action.titlebutton:checked, #gf-candidate-popup button.destructive-action:checked, window > grid.vertical > box.vertical > widget button.destructive-action:checked, layouttabbar button.destructive-action:checked, layouttab button.destructive-action:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; } + button.destructive-action.flat:disabled, button.destructive-action.osd.image-button:disabled, .app-notification button.destructive-action:disabled, GeditViewFrame .gedit-search-slider button.destructive-action:disabled, toolbar button.destructive-action:disabled, .titlebar button.destructive-action:disabled:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:disabled:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action:disabled, + .context-menu > arrow.destructive-action:disabled, + menu > arrow.destructive-action:disabled, placessidebar row button.destructive-action.image-button:disabled, .ssd decoration button.destructive-action:disabled, .csd headerbar button.destructive-action.titlebutton:disabled, + .csd .titlebar button.destructive-action.titlebutton:disabled, #gf-candidate-popup button.destructive-action:disabled, window > grid.vertical > box.vertical > widget button.destructive-action:disabled, layouttabbar button.destructive-action:disabled, layouttab button.destructive-action:disabled { + box-shadow: none; + background-color: transparent; } + button.image-button { + min-width: 1rem; + min-height: 1rem; } + button.text-button { + padding: 0.69925rem 1rem 0.80451rem; + border-radius: 2px; + -gtk-outline-radius: 2px; + font-weight: 700; } + button.text-button.image-button { + padding-left: 1rem; + padding-right: 1rem; + border-radius: 2px; + -gtk-outline-radius: 2px; } + button.text-button.image-button label { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + button.text-button.image-button image { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + button.text-button.image-button:drop(active), combobox:drop(active) button.text-button.image-button.combo { + color: #C5A68E; + background-color: rgba(77, 182, 172, 0.2); } + button separator { + min-height: 0; + min-width: 0; + border-color: transparent; + background-color: transparent; + color: transparent; } + stackswitcher button.text-button { + min-height: 1.30075rem; + min-width: 8.42105rem; } + .stack-switcher > button { + outline-offset: -0.19549rem; } + .stack-switcher > button > label { + padding-left: 0.6015rem; + padding-right: 0.6015rem; } + .stack-switcher > button > image { + padding-left: 0.6015rem; + padding-right: 0.6015rem; + padding-top: 0.20301rem; + padding-bottom: 0.20301rem; } + .stack-switcher > button.text-button { + padding-left: 1rem; + padding-right: 1rem; + border-radius: 2px; + -gtk-outline-radius: 2px; } + .stack-switcher > button.image-button { + padding-left: 0.6015rem; + padding-right: 0.6015rem; } + .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } + .linked > button, .linked > button .image-button, .linked > button .text-button { + min-width: 1rem; + padding: 0.69925rem 0.3985rem 0.80451rem; } + .linked > button label, .linked > button .image-button label, .linked > button .text-button label { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + .linked > button image, .linked > button .image-button image, .linked > button .text-button image { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + .linked.vertical > button, .linked.vertical > button .image-button, .linked.vertical > button .text-button { + min-height: 1rem; + min-width: 1.69925rem; + padding: 0.75188rem 0.50376rem 0.75188rem; } + .linked > button.image-button.radio, .linked.vertical > button.image-button.radio { + min-width: 1rem; + min-height: 1rem; + padding: 0.6015rem; } + .inline-toolbar button, .inline-toolbar button:not(.text-button).image-button, + button actionbar, + button actionbar:not(.text-button).image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + min-width: 1rem; + min-height: 1rem; + padding: 0.75188rem; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-size: 2.44361rem 2.44361rem, auto; } + .inline-toolbar button:hover, .inline-toolbar button:not(.text-button).image-button:hover, + button actionbar:hover, + button actionbar:not(.text-button).image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + .inline-toolbar button:active, .inline-toolbar button:not(.text-button).image-button:active, + button actionbar:active, + button actionbar:not(.text-button).image-button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .inline-toolbar button:disabled, .inline-toolbar button:not(.text-button).image-button:disabled, + button actionbar:disabled, + button actionbar:not(.text-button).image-button:disabled { + box-shadow: none; + background-color: transparent; } + .inline-toolbar button:checked, .inline-toolbar button:not(.text-button).image-button:checked, + button actionbar:checked, + button actionbar:not(.text-button).image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; } + .inline-toolbar button:checked:disabled > label, .inline-toolbar button:not(.text-button).image-button:checked:disabled > label, + button actionbar:checked:disabled > label, + button actionbar:not(.text-button).image-button:checked:disabled > label { + color: inherit; } + .inline-toolbar button.text-button, + button actionbar.text-button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .inline-toolbar .linked > button, .inline-toolbar .linked > button:not(.text-button).image-button, actionbar .linked > button, actionbar .linked > button:not(.text-button).image-button { + min-width: 1rem; + min-height: 1rem; + padding: 0.50376rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + .inline-toolbar .linked > button.image-button.toggle, actionbar .linked > button.image-button.toggle { + min-width: 1rem; + min-height: 1rem; + padding: 0.6015rem 0.30075rem 0.6015rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + .inline-toolbar .linked > button.text-button, actionbar .linked > button.text-button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .primary-toolbar button { + -gtk-icon-shadow: none; } + +.linked > button, .linked > button .image-button, .linked > button .text-button, toolbar .linked > button.text-button:not(.image-button), popover.background .linked > button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + border-radius: 0; + -gtk-outline-radius: 0; + color: rgba(236, 239, 241, 0.75); + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + .linked > button:hover, .linked > button .image-button:hover, .linked > button .text-button:hover, toolbar .linked > button.text-button:hover:not(.image-button), popover.background .linked > button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + border-radius: 0; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 2/0 0 2px; } + .linked > button:active, .linked > button .image-button:active, .linked > button .text-button:active, toolbar .linked > button.text-button:active:not(.image-button), popover.background .linked > button:active, .linked > button:checked, .linked > button .image-button:checked, .linked > button .text-button:checked, toolbar .linked > button.text-button:checked:not(.image-button), popover.background .linked > button:checked { + color: #ECEFF1; + background-color: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; } + .linked > button:active:disabled, .linked > button .image-button:active:disabled, .linked > button .text-button:active:disabled, toolbar .linked > button.text-button:active:disabled:not(.image-button), popover.background .linked > button:active:disabled, .linked > button:checked:disabled, .linked > button .image-button:checked:disabled, .linked > button .text-button:checked:disabled, toolbar .linked > button.text-button:checked:disabled:not(.image-button), popover.background .linked > button:checked:disabled { + color: rgba(236, 239, 241, 0.3); + background-color: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 188, 212, 0.2)), to(transparent)) 0 0 2/0 0 2px; } + .linked > button:active:disabled > label, .linked > button .image-button:active:disabled > label, .linked > button .text-button:active:disabled > label, .linked > button:checked:disabled > label, .linked > button .image-button:checked:disabled > label, .linked > button .text-button:checked:disabled > label { + color: inherit; } + .linked > button:disabled, .linked > button .image-button:disabled, .linked > button .text-button:disabled, toolbar .linked > button.text-button:disabled:not(.image-button), popover.background .linked > button:disabled { + color: rgba(236, 239, 241, 0.3); + background-color: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + +.linked.vertical > button, .linked.vertical > button .image-button, .linked.vertical > button .text-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + border-image: none; + border-width: 0; + -gtk-outline-radius: 0; + color: rgba(236, 239, 241, 0.75); } + .linked.vertical > button:dir(ltr), .linked.vertical > button .image-button:dir(ltr), .linked.vertical > button .text-button:dir(ltr) { + box-shadow: inset 1px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:dir(rtl), .linked.vertical > button .image-button:dir(rtl), .linked.vertical > button .text-button:dir(rtl) { + box-shadow: inset -1px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:hover, .linked.vertical > button .image-button:hover, .linked.vertical > button .text-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + .linked.vertical > button:hover:dir(ltr), .linked.vertical > button .image-button:hover:dir(ltr), .linked.vertical > button .text-button:hover:dir(ltr) { + box-shadow: inset 2px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:hover:dir(rtl), .linked.vertical > button .image-button:hover:dir(rtl), .linked.vertical > button .text-button:hover:dir(rtl) { + box-shadow: inset -2px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:active, .linked.vertical > button .image-button:active, .linked.vertical > button .text-button:active, .linked.vertical > button:checked, .linked.vertical > button .image-button:checked, .linked.vertical > button .text-button:checked { + color: #ECEFF1; + background-color: transparent; } + .linked.vertical > button:active:dir(ltr), .linked.vertical > button .image-button:active:dir(ltr), .linked.vertical > button .text-button:active:dir(ltr), .linked.vertical > button:checked:dir(ltr), .linked.vertical > button .image-button:checked:dir(ltr), .linked.vertical > button .text-button:checked:dir(ltr) { + box-shadow: inset 2px 0 #C5A68E; } + .linked.vertical > button:active:dir(rtl), .linked.vertical > button .image-button:active:dir(rtl), .linked.vertical > button .text-button:active:dir(rtl), .linked.vertical > button:checked:dir(rtl), .linked.vertical > button .image-button:checked:dir(rtl), .linked.vertical > button .text-button:checked:dir(rtl) { + box-shadow: inset -2px 0 #C5A68E; } + .linked.vertical > button:active:disabled, .linked.vertical > button .image-button:active:disabled, .linked.vertical > button .text-button:active:disabled, .linked.vertical > button:checked:disabled, .linked.vertical > button .image-button:checked:disabled, .linked.vertical > button .text-button:checked:disabled { + color: rgba(236, 239, 241, 0.3); + background-color: alpha(currentColor, 0.2); } + .linked.vertical > button:active:disabled:dir(ltr), .linked.vertical > button .image-button:active:disabled:dir(ltr), .linked.vertical > button .text-button:active:disabled:dir(ltr), .linked.vertical > button:checked:disabled:dir(ltr), .linked.vertical > button .image-button:checked:disabled:dir(ltr), .linked.vertical > button .text-button:checked:disabled:dir(ltr) { + box-shadow: inset 2px 0 rgba(0, 188, 212, 0.2); } + .linked.vertical > button:active:disabled:dir(ltr), .linked.vertical > button .image-button:active:disabled:dir(ltr), .linked.vertical > button .text-button:active:disabled:dir(ltr), .linked.vertical > button:checked:disabled:dir(ltr), .linked.vertical > button .image-button:checked:disabled:dir(ltr), .linked.vertical > button .text-button:checked:disabled:dir(ltr) { + box-shadow: inset -2px 0 rgba(0, 188, 212, 0.2); } + .linked.vertical > button:active:disabled > label, .linked.vertical > button .image-button:active:disabled > label, .linked.vertical > button .text-button:active:disabled > label, .linked.vertical > button:checked:disabled > label, .linked.vertical > button .image-button:checked:disabled > label, .linked.vertical > button .text-button:checked:disabled > label { + color: inherit; } + .linked.vertical > button:disabled, .linked.vertical > button .image-button:disabled, .linked.vertical > button .text-button:disabled { + color: rgba(236, 239, 241, 0.3); + background-color: alpha(currentColor, 0.2); } + .linked.vertical > button:disabled:dir(ltr), .linked.vertical > button .image-button:disabled:dir(ltr), .linked.vertical > button .text-button:disabled:dir(ltr) { + box-shadow: inset 1px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:disabled:dir(rtl), .linked.vertical > button .image-button:disabled:dir(rtl), .linked.vertical > button .text-button:disabled:dir(rtl) { + box-shadow: inset -1px 0 alpha(currentColor, 0.2); } + +button.osd.image-button, button.image-button { + padding: 0.75188rem; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-size: 3.7594rem 3.7594rem, auto; } + +.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label, +stacksidebar row.activatable.needs-attention > label, +stacksidebar .needs-attention.view > label, +stacksidebar iconview.needs-attention > label, +stacksidebar .view text.needs-attention > label, +.view stacksidebar text.needs-attention > label, +stacksidebar iconview text.needs-attention > label, +iconview stacksidebar text.needs-attention > label, +stacksidebar textview text.needs-attention > label, +textview stacksidebar text.needs-attention > label, +stacksidebar treeview.view header button.needs-attention > label, +treeview.view header stacksidebar button.needs-attention > label, +stacksidebar .tweak-category header button.needs-attention > label, +.tweak-category header stacksidebar button.needs-attention > label { + transition: none; + animation: needs_attention 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right 0.22556rem; + background-size: 0.3985rem 0.3985rem; } + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl), + stacksidebar .needs-attention.view > label:dir(rtl), + stacksidebar iconview.needs-attention > label:dir(rtl), + stacksidebar .view text.needs-attention > label:dir(rtl), + .view stacksidebar text.needs-attention > label:dir(rtl), + stacksidebar iconview text.needs-attention > label:dir(rtl), + iconview stacksidebar text.needs-attention > label:dir(rtl), + stacksidebar textview text.needs-attention > label:dir(rtl), + textview stacksidebar text.needs-attention > label:dir(rtl), + stacksidebar treeview.view header button.needs-attention > label:dir(rtl), + treeview.view header stacksidebar button.needs-attention > label:dir(rtl), + stacksidebar .tweak-category header button.needs-attention > label:dir(rtl), + .tweak-category header stacksidebar button.needs-attention > label:dir(rtl) { + background-position: left 0.22556rem; } + +.linked > button:not(.flat):not(:only-child), .linked > button, .linked > button .image-button, .linked > button .text-button, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border-radius: 0; } + + combobox.linked button:nth-child(2):dir(rtl), .linked > combobox:first-child > button.combo { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + combobox.linked button:nth-child(2):dir(ltr), .linked > combobox:last-child > button.combo { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + .linked > combobox:only-child > button.combo { + border-radius: 2px; } + +.linked.vertical > button:not(:only-child), .linked.vertical > button, .linked.vertical > button .image-button, .linked.vertical > button .text-button, .linked.vertical > combobox > button.combo { + border-radius: 0; } + + .linked.vertical > combobox:first-child > button.combo { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + .linked.vertical > combobox:last-child > button.combo { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + .linked.vertical > combobox:only-child > button.combo { + border-radius: 2px; } + +modelbutton.flat, +menuitem button.flat, +menuitem button.osd.image-button, +menuitem .osd toolbar button, +.osd toolbar menuitem button, +menuitem toolbar.osd button, +toolbar.osd menuitem button, +menuitem .app-notification button, +.app-notification menuitem button, +menuitem .app-notification.frame button, +.app-notification.frame menuitem button, +menuitem GeditViewFrame .gedit-search-slider button, +GeditViewFrame .gedit-search-slider menuitem button, +menuitem toolbar button, +toolbar menuitem button, +menuitem .titlebar button:not(.suggested-action):not(.destructive-action), +.titlebar menuitem button:not(.suggested-action):not(.destructive-action), +menuitem headerbar button:not(.suggested-action):not(.destructive-action), +headerbar menuitem button:not(.suggested-action):not(.destructive-action), +menuitem .menu > arrow, +menuitem .context-menu > arrow, +menuitem menu > arrow, +menuitem placessidebar row button.image-button, +placessidebar row menuitem button.image-button, +menuitem .ssd decoration button, +.ssd decoration menuitem button, +menuitem .csd headerbar button.titlebutton, +.csd headerbar menuitem button.titlebutton, +menuitem .csd headerbar.selection-mode button.titlebutton, +.csd headerbar.selection-mode menuitem button.titlebutton, +menuitem .csd .titlebar button.titlebutton, +.csd .titlebar menuitem button.titlebutton, +menuitem .csd .titlebar.selection-mode button.titlebutton, +.csd .titlebar.selection-mode menuitem button.titlebutton, +menuitem #gf-candidate-popup button, +#gf-candidate-popup menuitem button, +menuitem #gf-candidate-popup button:first-child, +#gf-candidate-popup menuitem button:first-child, +menuitem #gf-candidate-popup button:last-child, +#gf-candidate-popup menuitem button:last-child, +menuitem #gf-candidate-popup .linked > button, +#gf-candidate-popup menuitem .linked > button, +menuitem #gf-candidate-popup .linked > button:first-child, +#gf-candidate-popup menuitem .linked > button:first-child, +menuitem #gf-candidate-popup .linked > button:last-child, +#gf-candidate-popup menuitem .linked > button:last-child, +menuitem window > grid.vertical > box.vertical > widget button, +window > grid.vertical > box.vertical > widget menuitem button, +menuitem layouttabbar button, +layouttabbar menuitem button, +menuitem layouttab button, +layouttab menuitem button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + min-height: 2rem; + margin-left: 0.75188rem; + margin-right: 0.75188rem; + outline-offset: -0.07519rem; + background-size: 9.96241rem 9.96241rem, auto; + transition: none; } + modelbutton.flat:hover, + menuitem button.flat:hover, + menuitem button.osd.image-button:hover, + menuitem .osd toolbar button:hover, + .osd toolbar menuitem button:hover, + menuitem toolbar.osd button:hover, + toolbar.osd menuitem button:hover, + menuitem .app-notification button:hover, + .app-notification menuitem button:hover, + menuitem GeditViewFrame .gedit-search-slider button:hover, + GeditViewFrame .gedit-search-slider menuitem button:hover, + menuitem toolbar button:hover, + toolbar menuitem button:hover, + menuitem .titlebar button:hover:not(.suggested-action):not(.destructive-action), + .titlebar menuitem button:hover:not(.suggested-action):not(.destructive-action), + menuitem headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar menuitem button:hover:not(.suggested-action):not(.destructive-action), + menuitem .menu > arrow:hover, + menuitem .context-menu > arrow:hover, + menuitem menu > arrow:hover, + menuitem placessidebar row button.image-button:hover, + placessidebar row menuitem button.image-button:hover, + menuitem .ssd decoration button:hover, + .ssd decoration menuitem button:hover, + menuitem .csd headerbar button.titlebutton:hover, + .csd headerbar menuitem button.titlebutton:hover, + menuitem .csd .titlebar button.titlebutton:hover, + .csd .titlebar menuitem button.titlebutton:hover, + menuitem #gf-candidate-popup button:hover, + #gf-candidate-popup menuitem button:hover, + menuitem #gf-candidate-popup .linked > button:hover:first-child, + #gf-candidate-popup menuitem .linked > button:hover:first-child, + menuitem #gf-candidate-popup .linked > button:hover:last-child, + #gf-candidate-popup menuitem .linked > button:hover:last-child, + menuitem window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget menuitem button:hover, + menuitem layouttabbar button:hover, + layouttabbar menuitem button:hover, + menuitem layouttab button:hover, + layouttab menuitem button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + modelbutton.flat:active, + menuitem button.flat:active, + menuitem button.osd.image-button:active, + menuitem .osd toolbar button:active, + .osd toolbar menuitem button:active, + menuitem toolbar.osd button:active, + toolbar.osd menuitem button:active, + menuitem .app-notification button:active, + .app-notification menuitem button:active, + menuitem GeditViewFrame .gedit-search-slider button:active, + GeditViewFrame .gedit-search-slider menuitem button:active, + menuitem toolbar button:active, + toolbar menuitem button:active, + menuitem .titlebar button:active:not(.suggested-action):not(.destructive-action), + .titlebar menuitem button:active:not(.suggested-action):not(.destructive-action), + menuitem headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar menuitem button:active:not(.suggested-action):not(.destructive-action), + menuitem .menu > arrow:active, + menuitem .context-menu > arrow:active, + menuitem menu > arrow:active, + menuitem placessidebar row button.image-button:active, + placessidebar row menuitem button.image-button:active, + menuitem .ssd decoration button:active, + .ssd decoration menuitem button:active, + menuitem .csd headerbar button.titlebutton:active, + .csd headerbar menuitem button.titlebutton:active, + menuitem .csd .titlebar button.titlebutton:active, + .csd .titlebar menuitem button.titlebutton:active, + menuitem #gf-candidate-popup button:active, + #gf-candidate-popup menuitem button:active, + menuitem #gf-candidate-popup .linked > button:active:first-child, + #gf-candidate-popup menuitem .linked > button:active:first-child, + menuitem #gf-candidate-popup .linked > button:active:last-child, + #gf-candidate-popup menuitem .linked > button:active:last-child, + menuitem window > grid.vertical > box.vertical > widget button:active, + window > grid.vertical > box.vertical > widget menuitem button:active, + menuitem layouttabbar button:active, + layouttabbar menuitem button:active, + menuitem layouttab button:active, + layouttab menuitem button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + modelbutton.flat:disabled, + menuitem button.flat:disabled, + menuitem button.osd.image-button:disabled, + menuitem .osd toolbar button:disabled, + .osd toolbar menuitem button:disabled, + menuitem toolbar.osd button:disabled, + toolbar.osd menuitem button:disabled, + menuitem .app-notification button:disabled, + .app-notification menuitem button:disabled, + menuitem GeditViewFrame .gedit-search-slider button:disabled, + GeditViewFrame .gedit-search-slider menuitem button:disabled, + menuitem toolbar button:disabled, + toolbar menuitem button:disabled, + menuitem .titlebar button:disabled:not(.suggested-action):not(.destructive-action), + .titlebar menuitem button:disabled:not(.suggested-action):not(.destructive-action), + menuitem headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar menuitem button:disabled:not(.suggested-action):not(.destructive-action), + menuitem .menu > arrow:disabled, + menuitem .context-menu > arrow:disabled, + menuitem menu > arrow:disabled, + menuitem placessidebar row button.image-button:disabled, + placessidebar row menuitem button.image-button:disabled, + menuitem .ssd decoration button:disabled, + .ssd decoration menuitem button:disabled, + menuitem .csd headerbar button.titlebutton:disabled, + .csd headerbar menuitem button.titlebutton:disabled, + menuitem .csd .titlebar button.titlebutton:disabled, + .csd .titlebar menuitem button.titlebutton:disabled, + menuitem #gf-candidate-popup button:disabled, + #gf-candidate-popup menuitem button:disabled, + menuitem #gf-candidate-popup .linked > button:disabled:first-child, + #gf-candidate-popup menuitem .linked > button:disabled:first-child, + menuitem #gf-candidate-popup .linked > button:disabled:last-child, + #gf-candidate-popup menuitem .linked > button:disabled:last-child, + menuitem window > grid.vertical > box.vertical > widget button:disabled, + window > grid.vertical > box.vertical > widget menuitem button:disabled, + menuitem layouttabbar button:disabled, + layouttabbar menuitem button:disabled, + menuitem layouttab button:disabled, + layouttab menuitem button:disabled { + box-shadow: none; + background-color: transparent; } + modelbutton.flat:checked, + menuitem button.flat:checked, + menuitem button.osd.image-button:checked, + menuitem .osd toolbar button:checked, + .osd toolbar menuitem button:checked, + menuitem toolbar.osd button:checked, + toolbar.osd menuitem button:checked, + menuitem .app-notification button:checked, + .app-notification menuitem button:checked, + menuitem GeditViewFrame .gedit-search-slider button:checked, + GeditViewFrame .gedit-search-slider menuitem button:checked, + menuitem toolbar button:checked, + toolbar menuitem button:checked, + menuitem .titlebar button:checked:not(.suggested-action):not(.destructive-action), + .titlebar menuitem button:checked:not(.suggested-action):not(.destructive-action), + menuitem headerbar button:checked:not(.suggested-action):not(.destructive-action), + headerbar menuitem button:checked:not(.suggested-action):not(.destructive-action), + menuitem .menu > arrow:checked, + menuitem .context-menu > arrow:checked, + menuitem menu > arrow:checked, + menuitem placessidebar row button.image-button:checked, + placessidebar row menuitem button.image-button:checked, + menuitem .ssd decoration button:checked, + .ssd decoration menuitem button:checked, + menuitem .csd headerbar button.titlebutton:checked, + .csd headerbar menuitem button.titlebutton:checked, + menuitem .csd .titlebar button.titlebutton:checked, + .csd .titlebar menuitem button.titlebutton:checked, + menuitem #gf-candidate-popup button:checked, + #gf-candidate-popup menuitem button:checked, + menuitem #gf-candidate-popup .linked > button:checked:first-child, + #gf-candidate-popup menuitem .linked > button:checked:first-child, + menuitem #gf-candidate-popup .linked > button:checked:last-child, + #gf-candidate-popup menuitem .linked > button:checked:last-child, + menuitem window > grid.vertical > box.vertical > widget button:checked, + window > grid.vertical > box.vertical > widget menuitem button:checked, + menuitem layouttabbar button:checked, + layouttabbar menuitem button:checked, + menuitem layouttab button:checked, + layouttab menuitem button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; } + modelbutton.flat:checked:disabled > label, + menuitem button.flat:checked:disabled > label, + menuitem button.osd.image-button:checked:disabled > label, + menuitem .osd toolbar button:checked:disabled > label, + .osd toolbar menuitem button:checked:disabled > label, + menuitem toolbar.osd button:checked:disabled > label, + toolbar.osd menuitem button:checked:disabled > label, + menuitem .app-notification button:checked:disabled > label, + .app-notification menuitem button:checked:disabled > label, + menuitem GeditViewFrame .gedit-search-slider button:checked:disabled > label, + GeditViewFrame .gedit-search-slider menuitem button:checked:disabled > label, + menuitem toolbar button:checked:disabled > label, + toolbar menuitem button:checked:disabled > label, + menuitem .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action) > label, + .titlebar menuitem button:checked:disabled:not(.suggested-action):not(.destructive-action) > label, + menuitem headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) > label, + headerbar menuitem button:checked:disabled:not(.suggested-action):not(.destructive-action) > label, + menuitem .menu > arrow:checked:disabled > label, + menuitem .context-menu > arrow:checked:disabled > label, + menuitem menu > arrow:checked:disabled > label, + menuitem placessidebar row button.image-button:checked:disabled > label, + placessidebar row menuitem button.image-button:checked:disabled > label, + menuitem .ssd decoration button:checked:disabled > label, + .ssd decoration menuitem button:checked:disabled > label, + menuitem .csd headerbar button.titlebutton:checked:disabled > label, + .csd headerbar menuitem button.titlebutton:checked:disabled > label, + menuitem .csd .titlebar button.titlebutton:checked:disabled > label, + .csd .titlebar menuitem button.titlebutton:checked:disabled > label, + menuitem #gf-candidate-popup button:checked:disabled > label, + #gf-candidate-popup menuitem button:checked:disabled > label, + menuitem #gf-candidate-popup .linked > button:checked:disabled > label, + #gf-candidate-popup menuitem .linked > button:checked:disabled > label, + menuitem window > grid.vertical > box.vertical > widget button:checked:disabled > label, + window > grid.vertical > box.vertical > widget menuitem button:checked:disabled > label, + menuitem layouttabbar button:checked:disabled > label, + layouttabbar menuitem button:checked:disabled > label, + menuitem layouttab button:checked:disabled > label, + layouttab menuitem button:checked:disabled > label { + color: inherit; } + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child, + menuitem button.flat check:first-child, + menuitem button.osd.image-button check:first-child, + menuitem .osd toolbar button check:first-child, + .osd toolbar menuitem button check:first-child, + menuitem toolbar.osd button check:first-child, + toolbar.osd menuitem button check:first-child, + menuitem .app-notification button check:first-child, + .app-notification menuitem button check:first-child, + menuitem GeditViewFrame .gedit-search-slider button check:first-child, + GeditViewFrame .gedit-search-slider menuitem button check:first-child, + menuitem toolbar button check:first-child, + toolbar menuitem button check:first-child, + menuitem .titlebar button:not(.suggested-action):not(.destructive-action) check:first-child, + .titlebar menuitem button:not(.suggested-action):not(.destructive-action) check:first-child, + menuitem headerbar button:not(.suggested-action):not(.destructive-action) check:first-child, + headerbar menuitem button:not(.suggested-action):not(.destructive-action) check:first-child, + menuitem .menu > arrow check:first-child, + menuitem .context-menu > arrow check:first-child, + menuitem menu > arrow check:first-child, + menuitem placessidebar row button.image-button check:first-child, + placessidebar row menuitem button.image-button check:first-child, + menuitem .ssd decoration button check:first-child, + .ssd decoration menuitem button check:first-child, + menuitem .csd headerbar button.titlebutton check:first-child, + .csd headerbar menuitem button.titlebutton check:first-child, + menuitem .csd .titlebar button.titlebutton check:first-child, + .csd .titlebar menuitem button.titlebutton check:first-child, + menuitem #gf-candidate-popup button check:first-child, + #gf-candidate-popup menuitem button check:first-child, + menuitem #gf-candidate-popup .linked > button:first-child check:first-child, + #gf-candidate-popup menuitem .linked > button:first-child check:first-child, + menuitem #gf-candidate-popup .linked > button:last-child check:first-child, + #gf-candidate-popup menuitem .linked > button:last-child check:first-child, + menuitem window > grid.vertical > box.vertical > widget button check:first-child, + window > grid.vertical > box.vertical > widget menuitem button check:first-child, + menuitem layouttabbar button check:first-child, + layouttabbar menuitem button check:first-child, + menuitem layouttab button check:first-child, + layouttab menuitem button check:first-child, + menuitem button.flat radio:first-child, + menuitem button.osd.image-button radio:first-child, + menuitem .osd toolbar button radio:first-child, + .osd toolbar menuitem button radio:first-child, + menuitem toolbar.osd button radio:first-child, + toolbar.osd menuitem button radio:first-child, + menuitem .app-notification button radio:first-child, + .app-notification menuitem button radio:first-child, + menuitem GeditViewFrame .gedit-search-slider button radio:first-child, + GeditViewFrame .gedit-search-slider menuitem button radio:first-child, + menuitem toolbar button radio:first-child, + toolbar menuitem button radio:first-child, + menuitem .titlebar button:not(.suggested-action):not(.destructive-action) radio:first-child, + .titlebar menuitem button:not(.suggested-action):not(.destructive-action) radio:first-child, + menuitem headerbar button:not(.suggested-action):not(.destructive-action) radio:first-child, + headerbar menuitem button:not(.suggested-action):not(.destructive-action) radio:first-child, + menuitem .menu > arrow radio:first-child, + menuitem .context-menu > arrow radio:first-child, + menuitem menu > arrow radio:first-child, + menuitem placessidebar row button.image-button radio:first-child, + placessidebar row menuitem button.image-button radio:first-child, + menuitem .ssd decoration button radio:first-child, + .ssd decoration menuitem button radio:first-child, + menuitem .csd headerbar button.titlebutton radio:first-child, + .csd headerbar menuitem button.titlebutton radio:first-child, + menuitem .csd .titlebar button.titlebutton radio:first-child, + .csd .titlebar menuitem button.titlebutton radio:first-child, + menuitem #gf-candidate-popup button radio:first-child, + #gf-candidate-popup menuitem button radio:first-child, + menuitem #gf-candidate-popup .linked > button:first-child radio:first-child, + #gf-candidate-popup menuitem .linked > button:first-child radio:first-child, + menuitem #gf-candidate-popup .linked > button:last-child radio:first-child, + #gf-candidate-popup menuitem .linked > button:last-child radio:first-child, + menuitem window > grid.vertical > box.vertical > widget button radio:first-child, + window > grid.vertical > box.vertical > widget menuitem button radio:first-child, + menuitem layouttabbar button radio:first-child, + layouttabbar menuitem button radio:first-child, + menuitem layouttab button radio:first-child, + layouttab menuitem button radio:first-child { + margin-right: 1rem; } + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child, + menuitem button.flat check:last-child, + menuitem button.osd.image-button check:last-child, + menuitem .osd toolbar button check:last-child, + .osd toolbar menuitem button check:last-child, + menuitem toolbar.osd button check:last-child, + toolbar.osd menuitem button check:last-child, + menuitem .app-notification button check:last-child, + .app-notification menuitem button check:last-child, + menuitem GeditViewFrame .gedit-search-slider button check:last-child, + GeditViewFrame .gedit-search-slider menuitem button check:last-child, + menuitem toolbar button check:last-child, + toolbar menuitem button check:last-child, + menuitem .titlebar button:not(.suggested-action):not(.destructive-action) check:last-child, + .titlebar menuitem button:not(.suggested-action):not(.destructive-action) check:last-child, + menuitem headerbar button:not(.suggested-action):not(.destructive-action) check:last-child, + headerbar menuitem button:not(.suggested-action):not(.destructive-action) check:last-child, + menuitem .menu > arrow check:last-child, + menuitem .context-menu > arrow check:last-child, + menuitem menu > arrow check:last-child, + menuitem placessidebar row button.image-button check:last-child, + placessidebar row menuitem button.image-button check:last-child, + menuitem .ssd decoration button check:last-child, + .ssd decoration menuitem button check:last-child, + menuitem .csd headerbar button.titlebutton check:last-child, + .csd headerbar menuitem button.titlebutton check:last-child, + menuitem .csd .titlebar button.titlebutton check:last-child, + .csd .titlebar menuitem button.titlebutton check:last-child, + menuitem #gf-candidate-popup button check:last-child, + #gf-candidate-popup menuitem button check:last-child, + menuitem #gf-candidate-popup .linked > button:first-child check:last-child, + #gf-candidate-popup menuitem .linked > button:first-child check:last-child, + menuitem #gf-candidate-popup .linked > button:last-child check:last-child, + #gf-candidate-popup menuitem .linked > button:last-child check:last-child, + menuitem window > grid.vertical > box.vertical > widget button check:last-child, + window > grid.vertical > box.vertical > widget menuitem button check:last-child, + menuitem layouttabbar button check:last-child, + layouttabbar menuitem button check:last-child, + menuitem layouttab button check:last-child, + layouttab menuitem button check:last-child, + menuitem button.flat radio:last-child, + menuitem button.osd.image-button radio:last-child, + menuitem .osd toolbar button radio:last-child, + .osd toolbar menuitem button radio:last-child, + menuitem toolbar.osd button radio:last-child, + toolbar.osd menuitem button radio:last-child, + menuitem .app-notification button radio:last-child, + .app-notification menuitem button radio:last-child, + menuitem GeditViewFrame .gedit-search-slider button radio:last-child, + GeditViewFrame .gedit-search-slider menuitem button radio:last-child, + menuitem toolbar button radio:last-child, + toolbar menuitem button radio:last-child, + menuitem .titlebar button:not(.suggested-action):not(.destructive-action) radio:last-child, + .titlebar menuitem button:not(.suggested-action):not(.destructive-action) radio:last-child, + menuitem headerbar button:not(.suggested-action):not(.destructive-action) radio:last-child, + headerbar menuitem button:not(.suggested-action):not(.destructive-action) radio:last-child, + menuitem .menu > arrow radio:last-child, + menuitem .context-menu > arrow radio:last-child, + menuitem menu > arrow radio:last-child, + menuitem placessidebar row button.image-button radio:last-child, + placessidebar row menuitem button.image-button radio:last-child, + menuitem .ssd decoration button radio:last-child, + .ssd decoration menuitem button radio:last-child, + menuitem .csd headerbar button.titlebutton radio:last-child, + .csd headerbar menuitem button.titlebutton radio:last-child, + menuitem .csd .titlebar button.titlebutton radio:last-child, + .csd .titlebar menuitem button.titlebutton radio:last-child, + menuitem #gf-candidate-popup button radio:last-child, + #gf-candidate-popup menuitem button radio:last-child, + menuitem #gf-candidate-popup .linked > button:first-child radio:last-child, + #gf-candidate-popup menuitem .linked > button:first-child radio:last-child, + menuitem #gf-candidate-popup .linked > button:last-child radio:last-child, + #gf-candidate-popup menuitem .linked > button:last-child radio:last-child, + menuitem window > grid.vertical > box.vertical > widget button radio:last-child, + window > grid.vertical > box.vertical > widget menuitem button radio:last-child, + menuitem layouttabbar button radio:last-child, + layouttabbar menuitem button radio:last-child, + menuitem layouttab button radio:last-child, + layouttab menuitem button radio:last-child { + margin-left: 1rem; } + +modelbutton.flat arrow { + background: none; } + modelbutton.flat arrow:hover { + background: none; } + modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + min-width: 2.50376rem; + min-height: 1.50376rem; + padding: 0.50376rem 0.6015rem 0.50376rem; } + button.color > colorswatch:first-child:last-child { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + button.color > colorswatch:first-child:last-child, button.color > colorswatch:first-child:last-child overlay { + border-radius: 2px; + -gtk-outline-radius: 2px; } + button.color:disabled, + button.color GtkColorSwatch:disabled { + box-shadow: none; + opacity: 0.4; } + +toolpalette toolitemgroup > button { + border-top: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 0; } +toolpalette toolbutton > button.toggle { + border-radius: 2px; + -gtk-outline-radius: 2px; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #03A9F4; } + *:link:hover, button:hover:link, + button:hover:visited, *:link:active, button:active:link, + button:active:visited { + color: #03A9F4; } + *:link:visited, + button:visited { + color: #9C27B0; } + *:link:visited:hover, + button:visited:hover, *:link:visited:active, + button:visited:active { + color: #9C27B0; } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #99e4ee; } + *:link:selected, button:selected:link, + button:selected:visited, .titlebar.selection-mode .subtitle:link, + headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #ccf2f6; } + *:link:disabled, button:disabled:link, + button:disabled:visited { + opacity: 0.4; } + +button:link > label, +button:visited > label { + text-decoration-line: underline; } + +/***************** + * GtkSpinButton * + *****************/ +@keyframes spin_hover { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(alpha(currentColor, 0)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.1)), to(transparent)); } } +@keyframes spin_active { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.2)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(alpha(currentColor, 0)), to(transparent)); } } +spinbutton:not(.vertical) { + padding: 0; } + spinbutton:not(.vertical):disabled { + color: rgba(236, 239, 241, 0.3); } + spinbutton:not(.vertical) entry, spinbutton:not(.vertical) spinbutton:not(.vertical) { + margin: 0; + background: none; + border: none; + box-shadow: none; } + spinbutton:not(.vertical) button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + min-width: 1rem; + min-height: 1rem; + padding: 0 0.54887rem 0; + border: solid 0.20301rem transparent; + border-radius: 100px; + -gtk-outline-radius: 100px; + background: none; + background-size: contain; + color: rgba(236, 239, 241, 0.75); + box-shadow: none; + transition-property: opacity, color, background-color, background-image, box-shadow; } + spinbutton:not(.vertical) button:not(:last-child):hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + background: none; + color: #F44336; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + spinbutton:not(.vertical) button:not(:last-child):active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background: none; + color: #F44336; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + spinbutton:not(.vertical) button:not(:last-child):disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(236, 239, 241, 0.3); } + spinbutton:not(.vertical) button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + background: none; + color: #00E676; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + spinbutton:not(.vertical) button:last-child:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background: none; + color: #00E676; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + spinbutton:not(.vertical) button:last-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(236, 239, 241, 0.3); } +.osd spinbutton, +.osd spinbutton button, +.osd spinbutton entry, +.osd spinbutton spinbutton:not(.vertical), .osd spinbutton.vertical, +.osd spinbutton.vertical button, +.osd spinbutton.vertical entry, +.osd spinbutton.vertical spinbutton:not(.vertical) { + color: rgba(236, 239, 241, 0.75); } + .osd spinbutton:focus, + .osd spinbutton button:focus, + .osd spinbutton entry:focus, + .osd spinbutton spinbutton:focus:not(.vertical), .osd spinbutton.vertical:focus, + .osd spinbutton.vertical button:focus, + .osd spinbutton.vertical entry:focus, + .osd spinbutton.vertical spinbutton:focus:not(.vertical) { + color: #ECEFF1; } + .osd spinbutton:disabled, + .osd spinbutton button:disabled, + .osd spinbutton entry:disabled, + .osd spinbutton spinbutton:disabled:not(.vertical), .osd spinbutton.vertical:disabled, + .osd spinbutton.vertical button:disabled, + .osd spinbutton.vertical entry:disabled, + .osd spinbutton.vertical spinbutton:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.225); } +spinbutton.vertical entry, spinbutton.vertical spinbutton:not(.vertical) { + min-width: 2.50376rem; + min-height: 2.50376rem; + padding: 0; + border-radius: 0; } +spinbutton.vertical button { + min-width: 2.00752rem; + min-height: 2.00752rem; + padding: 0.20301rem; + border: 0.20301rem solid transparent; + border-radius: 200px; + -gtk-outline-radius: 200px; + background: none; + background-size: contain; + color: rgba(236, 239, 241, 0.75); + box-shadow: none; + transition-property: opacity, color, background-color, background-image, box-shadow; } + spinbutton.vertical button.up:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + background: none; + color: #00E676; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + spinbutton.vertical button.up:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background: none; + color: #00E676; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + spinbutton.vertical button.up:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(236, 239, 241, 0.3); } + spinbutton.vertical button.down:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + background: none; + color: #F44336; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + spinbutton.vertical button.down:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background: none; + color: #F44336; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + spinbutton.vertical button.down:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(236, 239, 241, 0.3); } +treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus:not(.vertical) { + padding: 1px; + border-radius: 0; + border-width: 0; + background-color: #455A64; + color: #ECEFF1; + box-shadow: none; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 1.20301rem; + min-width: 1.20301rem; } +combobox menu { + padding: 0.24812rem 0; } +combobox menu > menuitem { + padding: 0.35338rem 0.3985rem 0.45113rem; } +combobox button.combo { + min-height: 1rem; + min-width: 1.30075rem; + padding: 0.6015rem 0.3985rem 0.65414rem; } + combobox button.combo arrow { + padding: 0 0.30075rem 0; } + combobox button.combo label { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + combobox button.combo image { + min-height: 1.20301rem; + min-width: 1.20301rem; + padding-left: 0.30075rem; + padding-right: 0.30075rem; } +combobox button.combo { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); + background: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + combobox button.combo:hover, combobox button.combo:active { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + border-radius: 0; + color: #ECEFF1; + background: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; } + combobox button.combo:disabled, combobox button.combo:checked:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); + background: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + +/************ + * Toolbars * + ************/ +toolbar { + -GtkWidget-window-dragging: true; + padding: 0.3985rem; + background-color: #3e515a; + color: rgba(236, 239, 241, 0.75); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.22), inset 0 4px 3px -4px rgba(0, 0, 0, 0.22), inset 0 8px 3px -5px rgba(0, 0, 0, 0.24); } + toolbar.vertical, .inline-toolbar toolbar, paned toolbar, paned toolbar.primary-toolbar, grid toolbar.primary-toolbar { + box-shadow: none; } + .osd toolbar { + background-color: transparent; } + .osd toolbar, toolbar.osd, .app-notification, + .app-notification.frame, GeditViewFrame .gedit-search-slider { + padding: 3px; + border-style: solid; + border-width: 9px; + border-radius: 2px; + border-image: -gtk-scaled(url("assets/osd-shadow-dark.png"), url("assets/osd-shadow-dark@2.png")) 10/10px stretch; + box-shadow: none; + color: #ECEFF1; + background-color: #322F22; } + .osd toolbar:backdrop, toolbar.osd:backdrop, .app-notification:backdrop, GeditViewFrame .gedit-search-slider:backdrop { + border-image: -gtk-scaled(url("assets/osd-shadow-backdrop-dark.png"), url("assets/osd-shadow-backdrop-dark@2.png")) 10/10px stretch; } + .osd toolbar button:not(:active):not(:disabled):not(hover), toolbar.osd button:not(:active):not(:disabled):not(hover), .app-notification button:not(:active):not(:disabled):not(hover), + .app-notification.frame button:not(:active):not(:disabled):not(hover), GeditViewFrame .gedit-search-slider button:not(:active):not(:disabled):not(hover) { + color: #C5A68E); } + .osd toolbar button:hover, .osd toolbar button:active, toolbar.osd button:hover, .app-notification button:hover, + .app-notification.frame button:hover, GeditViewFrame .gedit-search-slider button:hover, toolbar.osd button:active, .app-notification button:active, + .app-notification.frame button:active, GeditViewFrame .gedit-search-slider button:active { + color: #C5A68E; } + .osd toolbar button:active, .osd toolbar button:checked, toolbar.osd button:active, .app-notification button:active, + .app-notification.frame button:active, GeditViewFrame .gedit-search-slider button:active, toolbar.osd button:checked, .app-notification button:checked, + .app-notification.frame button:checked, GeditViewFrame .gedit-search-slider button:checked { + border-image: none; + box-shadow: none; } + .osd toolbar button:disabled, toolbar.osd button:disabled, .app-notification button:disabled, + .app-notification.frame button:disabled, GeditViewFrame .gedit-search-slider button:disabled { + color: rgba(77, 182, 172, 0.4); } + .osd toolbar .linked > button, .osd toolbar .linked > button.image-button, toolbar.osd .linked > button, .app-notification .linked > button, + .app-notification.frame .linked > button, GeditViewFrame .gedit-search-slider .linked > button, toolbar.osd .linked > button.image-button, .app-notification .linked > button.image-button, + .app-notification.frame .linked > button.image-button, GeditViewFrame .gedit-search-slider .linked > button.image-button { + border-image: none; + box-shadow: none; } + .osd toolbar .linked > button:hover, .osd toolbar .linked > button.image-button:hover, toolbar.osd .linked > button:hover, .app-notification .linked > button:hover, + .app-notification.frame .linked > button:hover, GeditViewFrame .gedit-search-slider .linked > button:hover, toolbar.osd .linked > button.image-button:hover, .app-notification .linked > button.image-button:hover, + .app-notification.frame .linked > button.image-button:hover, GeditViewFrame .gedit-search-slider .linked > button.image-button:hover { + background-color: transparent; } + .osd toolbar .linked > button:not(:checked), .osd toolbar .linked > button.image-button:not(:checked), toolbar.osd .linked > button:not(:checked), .app-notification .linked > button:not(:checked), + .app-notification.frame .linked > button:not(:checked), GeditViewFrame .gedit-search-slider .linked > button:not(:checked), toolbar.osd .linked > button.image-button:not(:checked), .app-notification .linked > button.image-button:not(:checked), + .app-notification.frame .linked > button.image-button:not(:checked), GeditViewFrame .gedit-search-slider .linked > button.image-button:not(:checked) { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .osd toolbar .linked > button.image-button, toolbar.osd .linked > button.image-button, .app-notification .linked > button.image-button, + .app-notification.frame .linked > button.image-button, GeditViewFrame .gedit-search-slider .linked > button.image-button { + min-width: 1rem; + min-height: 2.20301rem; + padding: 0 0.50376rem 0; + border-radius: 100px; + -gtk-outline-radius: 100px; } + .osd toolbar label, toolbar.osd label, .app-notification label, + .app-notification.frame label, GeditViewFrame .gedit-search-slider label { + padding: 0 1em; } + toolbar button { + background-size: 9.96241rem 9.96241rem, auto; + box-shadow: none; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: rgba(236, 239, 241, 0.75); } + toolbar button:hover { + box-shadow: none; + border-image: none; + color: #ECEFF1; } + toolbar button:checked { + box-shadow: none; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #ECEFF1; } + toolbar button:checked:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); + border-image: none; } + toolbar button:checked:disabled > label { + color: inherit; } + toolbar button:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.225); + border-image: none; } + toolbar button button, toolbar button button.text-button, toolbar button button.text-button.image-button, + toolbar button button.flat, + toolbar button button.osd.image-button, + .osd toolbar button button, + toolbar.osd button button, + toolbar button .app-notification button, + .app-notification toolbar button button, + toolbar button .app-notification.frame button, + .app-notification.frame toolbar button button, + toolbar button GeditViewFrame .gedit-search-slider button, + GeditViewFrame .gedit-search-slider toolbar button button, + toolbar button button, + toolbar button .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar toolbar button button:not(.suggested-action):not(.destructive-action), + toolbar button headerbar button:not(.suggested-action):not(.destructive-action), + headerbar toolbar button button:not(.suggested-action):not(.destructive-action), + toolbar button .menu > arrow, + toolbar button .context-menu > arrow, + toolbar button menu > arrow, + toolbar button placessidebar row button.image-button, + placessidebar row toolbar button button.image-button, + toolbar button .ssd decoration button, + .ssd decoration toolbar button button, + toolbar button .csd headerbar button.titlebutton, + .csd headerbar toolbar button button.titlebutton, + toolbar button .csd headerbar.selection-mode button.titlebutton, + .csd headerbar.selection-mode toolbar button button.titlebutton, + toolbar button .csd .titlebar button.titlebutton, + .csd .titlebar toolbar button button.titlebutton, + toolbar button .csd .titlebar.selection-mode button.titlebutton, + .csd .titlebar.selection-mode toolbar button button.titlebutton, + toolbar button #gf-candidate-popup button, + #gf-candidate-popup toolbar button button, + toolbar button #gf-candidate-popup button:first-child, + #gf-candidate-popup toolbar button button:first-child, + toolbar button #gf-candidate-popup button:last-child, + #gf-candidate-popup toolbar button button:last-child, + toolbar button #gf-candidate-popup .linked > button, + #gf-candidate-popup toolbar button .linked > button, + toolbar button #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup toolbar button .linked > button:first-child, + toolbar button #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup toolbar button .linked > button:last-child, + toolbar button window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget toolbar button button, + toolbar button layouttabbar button, + layouttabbar toolbar button button, + toolbar button layouttab button, + layouttab toolbar button button, + toolbar button button.flat.text-button, + toolbar button button.text-button.osd.image-button, + .osd toolbar button button.text-button, + toolbar.osd button button.text-button, + toolbar button .app-notification button.text-button, + .app-notification toolbar button button.text-button, + toolbar button GeditViewFrame .gedit-search-slider button.text-button, + GeditViewFrame .gedit-search-slider toolbar button button.text-button, + toolbar button button.text-button, + toolbar button .titlebar button.text-button:not(.suggested-action):not(.destructive-action), + .titlebar toolbar button button.text-button:not(.suggested-action):not(.destructive-action), + toolbar button headerbar button.text-button:not(.suggested-action):not(.destructive-action), + headerbar toolbar button button.text-button:not(.suggested-action):not(.destructive-action), + toolbar button .menu > arrow.text-button, + toolbar button .context-menu > arrow.text-button, + toolbar button menu > arrow.text-button, + toolbar button placessidebar row button.text-button.image-button, + placessidebar row toolbar button button.text-button.image-button, + toolbar button .ssd decoration button.text-button, + .ssd decoration toolbar button button.text-button, + toolbar button .csd headerbar button.text-button.titlebutton, + .csd headerbar toolbar button button.text-button.titlebutton, + toolbar button .csd .titlebar button.text-button.titlebutton, + .csd .titlebar toolbar button button.text-button.titlebutton, + toolbar button #gf-candidate-popup button.text-button, + #gf-candidate-popup toolbar button button.text-button, + toolbar button #gf-candidate-popup .linked > button.text-button:first-child, + #gf-candidate-popup toolbar button .linked > button.text-button:first-child, + toolbar button #gf-candidate-popup .linked > button.text-button:last-child, + #gf-candidate-popup toolbar button .linked > button.text-button:last-child, + toolbar button window > grid.vertical > box.vertical > widget button.text-button, + window > grid.vertical > box.vertical > widget toolbar button button.text-button, + toolbar button layouttabbar button.text-button, + layouttabbar toolbar button button.text-button, + toolbar button layouttab button.text-button, + layouttab toolbar button button.text-button, + toolbar button button.flat.text-button.image-button, + toolbar button button.text-button.image-button.osd, + .osd toolbar button button.text-button.image-button, + toolbar.osd button button.text-button.image-button, + toolbar button .app-notification button.text-button.image-button, + .app-notification toolbar button button.text-button.image-button, + toolbar button GeditViewFrame .gedit-search-slider button.text-button.image-button, + GeditViewFrame .gedit-search-slider toolbar button button.text-button.image-button, + toolbar button button.text-button.image-button, + toolbar button .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action), + .titlebar toolbar button button.text-button.image-button:not(.suggested-action):not(.destructive-action), + toolbar button headerbar button.text-button.image-button:not(.suggested-action):not(.destructive-action), + headerbar toolbar button button.text-button.image-button:not(.suggested-action):not(.destructive-action), + toolbar button .menu > arrow.text-button.image-button, + toolbar button .context-menu > arrow.text-button.image-button, + toolbar button menu > arrow.text-button.image-button, + toolbar button placessidebar row button.text-button.image-button, + placessidebar row toolbar button button.text-button.image-button, + toolbar button .ssd decoration button.text-button.image-button, + .ssd decoration toolbar button button.text-button.image-button, + toolbar button .csd headerbar button.text-button.image-button.titlebutton, + .csd headerbar toolbar button button.text-button.image-button.titlebutton, + toolbar button .csd .titlebar button.text-button.image-button.titlebutton, + .csd .titlebar toolbar button button.text-button.image-button.titlebutton, + toolbar button #gf-candidate-popup button.text-button.image-button, + #gf-candidate-popup toolbar button button.text-button.image-button, + toolbar button window > grid.vertical > box.vertical > widget button.text-button.image-button, + window > grid.vertical > box.vertical > widget toolbar button button.text-button.image-button, + toolbar button layouttabbar button.text-button.image-button, + layouttabbar toolbar button button.text-button.image-button, + toolbar button layouttab button.text-button.image-button, + layouttab toolbar button button.text-button.image-button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + toolbar button button.image-button, + toolbar button button.flat.image-button, + toolbar button button.image-button.osd, + .osd toolbar button button.image-button, + toolbar.osd button button.image-button, + toolbar button .app-notification button.image-button, + .app-notification toolbar button button.image-button, + toolbar button GeditViewFrame .gedit-search-slider button.image-button, + GeditViewFrame .gedit-search-slider toolbar button button.image-button, + toolbar button button.image-button, + toolbar button .titlebar button.image-button:not(.suggested-action):not(.destructive-action), + .titlebar toolbar button button.image-button:not(.suggested-action):not(.destructive-action), + toolbar button headerbar button.image-button:not(.suggested-action):not(.destructive-action), + headerbar toolbar button button.image-button:not(.suggested-action):not(.destructive-action), + toolbar button .menu > arrow.image-button, + toolbar button .context-menu > arrow.image-button, + toolbar button menu > arrow.image-button, + toolbar button placessidebar row button.image-button, + placessidebar row toolbar button button.image-button, + toolbar button .ssd decoration button.image-button, + .ssd decoration toolbar button button.image-button, + toolbar button .csd headerbar button.image-button.titlebutton, + .csd headerbar toolbar button button.image-button.titlebutton, + toolbar button .csd .titlebar button.image-button.titlebutton, + .csd .titlebar toolbar button button.image-button.titlebutton, + toolbar button #gf-candidate-popup button.image-button, + #gf-candidate-popup toolbar button button.image-button, + toolbar button #gf-candidate-popup .linked > button.image-button:first-child, + #gf-candidate-popup toolbar button .linked > button.image-button:first-child, + toolbar button #gf-candidate-popup .linked > button.image-button:last-child, + #gf-candidate-popup toolbar button .linked > button.image-button:last-child, + toolbar button window > grid.vertical > box.vertical > widget button.image-button, + window > grid.vertical > box.vertical > widget toolbar button button.image-button, + toolbar button layouttabbar button.image-button, + layouttabbar toolbar button button.image-button, + toolbar button layouttab button.image-button, + layouttab toolbar button button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + toolbar button .text-button, + toolbar button .image-button.text-button { + min-width: 1rem; + min-height: 2.20301rem; + padding: 0 1rem 0; + background-size: 9.96241rem 9.96241rem, auto; } + toolbar button .image-button { + min-width: 1rem; + min-height: 2.20301rem; + padding: 0 0.50376rem 0; + background-size: 3.7594rem 3.7594rem, auto; } + toolbar button.toggle:hover, toolbar button.toggle:active, toolbar button.toggle:checked { + background-color: transparent; + box-shadow: none; } + toolbar .linked > button, toolbar .linked > button.image-button { + border-image: none; + box-shadow: none; } + toolbar .linked > button:hover, toolbar .linked > button:active, toolbar .linked > button.image-button:hover, toolbar .linked > button.image-button:active { + border-image: none; + background-color: transparent; + box-shadow: none; } + toolbar .linked > button:not(:disabled), toolbar .linked > button.image-button:not(:disabled) { + border-radius: 100px; + -gtk-outline-radius: 100px; } + toolbar .linked > button .image-button { + min-width: 1rem; + min-height: 2.20301rem; + padding: 0 0.50376rem 0; + border-radius: 100px; + -gtk-outline-radius: 100px; } + toolbar separator { + color: transparent; + background: none; } + toolbar.horizontal separator { + margin: 0 0.45113rem; } + toolbar.vertical separator { + margin: 0.45113rem 0; } + +.inline-toolbar { + padding: 0.3985rem; + border-style: solid; + border-width: 0 1px 1px; + border-color: rgba(0, 0, 0, 0.11); + background-color: #3b4c54; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); } + +searchbar, +.location-bar { + padding: 0.3985rem; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(0, 0, 0, 0.11); + background-color: #3b4c54; } + searchbar .linked > button.image-button, + .location-bar .linked > button.image-button { + padding-top: 0.69925rem; + padding-bottom: 0.80451rem; } + searchbar button.flat.close.raised, searchbar button.close.raised.osd.image-button, searchbar .osd toolbar button.close.raised, .osd toolbar searchbar button.close.raised, searchbar toolbar.osd button.close.raised, toolbar.osd searchbar button.close.raised, searchbar .app-notification button.close.raised, .app-notification searchbar button.close.raised, searchbar GeditViewFrame .gedit-search-slider button.close.raised, GeditViewFrame .gedit-search-slider searchbar button.close.raised, searchbar toolbar button.close.raised, toolbar searchbar button.close.raised, searchbar .titlebar button.close.raised:not(.suggested-action):not(.destructive-action), .titlebar searchbar button.close.raised:not(.suggested-action):not(.destructive-action), + searchbar headerbar button.close.raised:not(.suggested-action):not(.destructive-action), + headerbar searchbar button.close.raised:not(.suggested-action):not(.destructive-action), searchbar .menu > arrow.close.raised, + searchbar .context-menu > arrow.close.raised, + searchbar menu > arrow.close.raised, searchbar placessidebar row button.close.raised.image-button, placessidebar row searchbar button.close.raised.image-button, searchbar .ssd decoration button.close.raised, .ssd decoration searchbar button.close.raised, searchbar .csd headerbar button.close.raised.titlebutton, .csd headerbar searchbar button.close.raised.titlebutton, + searchbar .csd .titlebar button.close.raised.titlebutton, + .csd .titlebar searchbar button.close.raised.titlebutton, searchbar #gf-candidate-popup button.close.raised, #gf-candidate-popup searchbar button.close.raised, searchbar window > grid.vertical > box.vertical > widget button.close.raised, window > grid.vertical > box.vertical > widget searchbar button.close.raised, searchbar layouttabbar button.close.raised, layouttabbar searchbar button.close.raised, searchbar layouttab button.close.raised, layouttab searchbar button.close.raised, + .location-bar button.flat.close.raised, + .location-bar button.close.raised.osd.image-button, + .location-bar .osd toolbar button.close.raised, + .osd toolbar .location-bar button.close.raised, + .location-bar toolbar.osd button.close.raised, + toolbar.osd .location-bar button.close.raised, + .location-bar .app-notification button.close.raised, + .app-notification .location-bar button.close.raised, + .location-bar GeditViewFrame .gedit-search-slider button.close.raised, + GeditViewFrame .gedit-search-slider .location-bar button.close.raised, + .location-bar toolbar button.close.raised, + toolbar .location-bar button.close.raised, + .location-bar .titlebar button.close.raised:not(.suggested-action):not(.destructive-action), + .titlebar .location-bar button.close.raised:not(.suggested-action):not(.destructive-action), + .location-bar headerbar button.close.raised:not(.suggested-action):not(.destructive-action), + headerbar .location-bar button.close.raised:not(.suggested-action):not(.destructive-action), + .location-bar .menu > arrow.close.raised, + .location-bar .context-menu > arrow.close.raised, + .location-bar menu > arrow.close.raised, + .location-bar placessidebar row button.close.raised.image-button, + placessidebar row .location-bar button.close.raised.image-button, + .location-bar .ssd decoration button.close.raised, + .ssd decoration .location-bar button.close.raised, + .location-bar .csd headerbar button.close.raised.titlebutton, + .csd headerbar .location-bar button.close.raised.titlebutton, + .location-bar .csd .titlebar button.close.raised.titlebutton, + .csd .titlebar .location-bar button.close.raised.titlebutton, + .location-bar #gf-candidate-popup button.close.raised, + #gf-candidate-popup .location-bar button.close.raised, + .location-bar window > grid.vertical > box.vertical > widget button.close.raised, + window > grid.vertical > box.vertical > widget .location-bar button.close.raised, + .location-bar layouttabbar button.close.raised, + layouttabbar .location-bar button.close.raised, + .location-bar layouttab button.close.raised, + layouttab .location-bar button.close.raised { + min-width: 1rem; + min-height: 1rem; + padding: 0.75188rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + +/*************** + * Header bars * + ***************/ +.titlebar, +headerbar { + background-color: #13191C; + background-clip: border-box; + color: rgba(236, 239, 241, 0.75); } + .titlebar label:checked:disabled, + .titlebar image:checked:disabled, + headerbar label:checked:disabled, + headerbar image:checked:disabled { + color: rgba(236, 239, 241, 0.3); } + button:disabled > .titlebar label, .linked > button:disabled > .titlebar label, .titlebar label:disabled, button:disabled > + .titlebar image, .linked > button:disabled > + .titlebar image, + .titlebar image:disabled, button:disabled > + headerbar label, .linked > button:disabled > + headerbar label, + headerbar label:disabled, button:disabled > + headerbar image, .linked > button:disabled > + headerbar image, + headerbar image:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar .title, + headerbar .title { + padding-left: 1rem; + padding-right: 1rem; + color: #ECEFF1; + font-weight: 700; } + .titlebar .subtitle, + headerbar .subtitle { + padding-left: 1rem; + padding-right: 1rem; + color: rgba(236, 239, 241, 0.75); + font-size: 90%; } + .titlebar separator.vertical, .titlebar > box > separator.vertical, .titlebar > box > box > separator.vertical, + headerbar separator.vertical, + headerbar > box > separator.vertical, + headerbar > box > box > separator.vertical { + border: 0 none transparent; + color: transparent; + background-color: transparent; } + .titlebar button:not(.suggested-action):not(.destructive-action), + headerbar button:not(.suggested-action):not(.destructive-action) { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#C5A68E), to(transparent)) 0 0 0/0 0 0px; + color: rgba(236, 239, 241, 0.75); + background-size: 9.96241rem 9.96241rem, auto; } + .titlebar button:not(.suggested-action):not(.destructive-action):hover, + headerbar button:not(.suggested-action):not(.destructive-action):hover { + color: #ECEFF1; } + .titlebar button:not(.suggested-action):not(.destructive-action):checked, + headerbar button:not(.suggested-action):not(.destructive-action):checked { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #ECEFF1; } + .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled, + headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { + background-color: transparent; + color: rgba(236, 239, 241, 0.3); } + .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled > label, + headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled > label { + color: inherit; } + .titlebar button:not(.suggested-action):not(.destructive-action), + headerbar button:not(.suggested-action):not(.destructive-action) { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .titlebar button:not(.suggested-action):not(.destructive-action).text-button, + headerbar button:not(.suggested-action):not(.destructive-action).text-button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .titlebar button:not(.suggested-action):not(.destructive-action).text-button.image-button, + headerbar button:not(.suggested-action):not(.destructive-action).text-button.image-button { + border-radius: 2px; + -gtk-outline-radius: 2px; + background-size: 9.96241rem 9.96241rem, auto; } + .titlebar .linked > button.image-button, + headerbar .linked > button.image-button { + min-width: 1.30075rem; + min-height: 2.80451rem; + padding: 0 0.50376rem 0; } + .titlebar button.toggle, + headerbar button.toggle { + min-width: 1.30075rem; + min-height: 2.80451rem; + padding: 0 0.75188rem 0; } + .titlebar button.toggle label, + headerbar button.toggle label { + padding: 0.69925rem 0.6015rem 0.80451rem; } + .titlebar button.toggle menu menuitem label, + headerbar button.toggle menu menuitem label { + padding: 0; } + .titlebar button, .titlebar button label.text-button, + .titlebar .linked > button, + .titlebar .linked > button label.text-button, + .titlebar button.suggested-action, + .titlebar button.suggested-action label.text-button, + .titlebar button.destructive-action, + .titlebar button.destructive-action label.text-button, + headerbar button, + headerbar button label.text-button, + headerbar .linked > button, + headerbar .linked > button label.text-button, + headerbar button.suggested-action, + headerbar button.suggested-action label.text-button, + headerbar button.destructive-action, + headerbar button.destructive-action label.text-button { + color: rgba(236, 239, 241, 0.75); } + .titlebar button:hover, .titlebar button label.text-button:hover, + .titlebar .linked > button:hover, + .titlebar .linked > button label.text-button:hover, + .titlebar button.suggested-action:hover, + .titlebar button.suggested-action label.text-button:hover, + .titlebar button.destructive-action:hover, + .titlebar button.destructive-action label.text-button:hover, + headerbar button:hover, + headerbar button label.text-button:hover, + headerbar .linked > button:hover, + headerbar .linked > button label.text-button:hover, + headerbar button.suggested-action:hover, + headerbar button.suggested-action label.text-button:hover, + headerbar button.destructive-action:hover, + headerbar button.destructive-action label.text-button:hover { + color: #ECEFF1; } + .titlebar button:checked, .titlebar button label.text-button:checked, + .titlebar .linked > button:checked, + .titlebar .linked > button label.text-button:checked, + .titlebar button.suggested-action:checked, + .titlebar button.suggested-action label.text-button:checked, + .titlebar button.destructive-action:checked, + .titlebar button.destructive-action label.text-button:checked, + headerbar button:checked, + headerbar button label.text-button:checked, + headerbar .linked > button:checked, + headerbar .linked > button label.text-button:checked, + headerbar button.suggested-action:checked, + headerbar button.suggested-action label.text-button:checked, + headerbar button.destructive-action:checked, + headerbar button.destructive-action label.text-button:checked { + color: #ECEFF1; } + .titlebar button:checked:disabled, .titlebar button label.text-button:checked:disabled, + .titlebar .linked > button:checked:disabled, + .titlebar .linked > button label.text-button:checked:disabled, + .titlebar button.suggested-action:checked:disabled, + .titlebar button.suggested-action label.text-button:checked:disabled, + .titlebar button.destructive-action:checked:disabled, + .titlebar button.destructive-action label.text-button:checked:disabled, + headerbar button:checked:disabled, + headerbar button label.text-button:checked:disabled, + headerbar .linked > button:checked:disabled, + headerbar .linked > button label.text-button:checked:disabled, + headerbar button.suggested-action:checked:disabled, + headerbar button.suggested-action label.text-button:checked:disabled, + headerbar button.destructive-action:checked:disabled, + headerbar button.destructive-action label.text-button:checked:disabled { + color: rgba(236, 239, 241, 0.3); } + .titlebar button:disabled, .titlebar button label.text-button:disabled, + .titlebar .linked > button:disabled, + .titlebar .linked > button label.text-button:disabled, + .titlebar button.suggested-action:disabled, + .titlebar button.suggested-action label.text-button:disabled, + .titlebar button.destructive-action:disabled, + .titlebar button.destructive-action label.text-button:disabled, + headerbar button:disabled, + headerbar button label.text-button:disabled, + headerbar .linked > button:disabled, + headerbar .linked > button label.text-button:disabled, + headerbar button.suggested-action:disabled, + headerbar button.suggested-action label.text-button:disabled, + headerbar button.destructive-action:disabled, + headerbar button.destructive-action label.text-button:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar button label.text-button, + .titlebar .linked > button label.text-button, + .titlebar button.suggested-action label.text-button, + .titlebar button.destructive-action label.text-button, + headerbar button label.text-button, + headerbar .linked > button label.text-button, + headerbar button.suggested-action label.text-button, + headerbar button.destructive-action label.text-button { + border-image: none; + box-shadow: none; } + .titlebar entry, .titlebar spinbutton:not(.vertical), + .titlebar .linked > entry, + .titlebar .linked > spinbutton:not(.vertical), + headerbar entry, + headerbar spinbutton:not(.vertical), + headerbar .linked > entry, + headerbar .linked > spinbutton:not(.vertical) { + color: rgba(236, 239, 241, 0.75); + caret-color: rgba(236, 239, 241, 0.75); } + .titlebar entry:focus, .titlebar spinbutton:focus:not(.vertical), + .titlebar .linked > entry:focus, + .titlebar .linked > spinbutton:focus:not(.vertical), + headerbar entry:focus, + headerbar spinbutton:focus:not(.vertical), + headerbar .linked > entry:focus, + headerbar .linked > spinbutton:focus:not(.vertical) { + color: #ECEFF1; + caret-color: #ECEFF1; } + .titlebar entry:disabled, .titlebar spinbutton:disabled:not(.vertical), + .titlebar .linked > entry:disabled, + .titlebar .linked > spinbutton:disabled:not(.vertical), + headerbar entry:disabled, + headerbar spinbutton:disabled:not(.vertical), + headerbar .linked > entry:disabled, + headerbar .linked > spinbutton:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.225); } + .titlebar combobox > entry.combo, .titlebar combobox > spinbutton.combo:not(.vertical), + .titlebar .linked > combobox > entry.combo, + .titlebar .linked > combobox > spinbutton.combo:not(.vertical), + headerbar combobox > entry.combo, + headerbar combobox > spinbutton.combo:not(.vertical), + headerbar .linked > combobox > entry.combo, + headerbar .linked > combobox > spinbutton.combo:not(.vertical) { + color: rgba(236, 239, 241, 0.75); + caret-color: rgba(236, 239, 241, 0.75); } + .titlebar combobox > entry.combo:focus, .titlebar combobox > spinbutton.combo:focus:not(.vertical), + .titlebar .linked > combobox > entry.combo:focus, + .titlebar .linked > combobox > spinbutton.combo:focus:not(.vertical), + headerbar combobox > entry.combo:focus, + headerbar combobox > spinbutton.combo:focus:not(.vertical), + headerbar .linked > combobox > entry.combo:focus, + headerbar .linked > combobox > spinbutton.combo:focus:not(.vertical) { + color: #ECEFF1; + caret-color: #ECEFF1; } + .titlebar combobox > entry.combo:disabled, .titlebar combobox > spinbutton.combo:disabled:not(.vertical), + .titlebar .linked > combobox > entry.combo:disabled, + .titlebar .linked > combobox > spinbutton.combo:disabled:not(.vertical), + headerbar combobox > entry.combo:disabled, + headerbar combobox > spinbutton.combo:disabled:not(.vertical), + headerbar .linked > combobox > entry.combo:disabled, + headerbar .linked > combobox > spinbutton.combo:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.225); } + .titlebar combobox > entry.combo:backdrop, .titlebar combobox > spinbutton.combo:backdrop:not(.vertical), + .titlebar .linked > combobox > entry.combo:backdrop, + .titlebar .linked > combobox > spinbutton.combo:backdrop:not(.vertical), + headerbar combobox > entry.combo:backdrop, + headerbar combobox > spinbutton.combo:backdrop:not(.vertical), + headerbar .linked > combobox > entry.combo:backdrop, + headerbar .linked > combobox > spinbutton.combo:backdrop:not(.vertical) { + opacity: 0.5; } + .titlebar combobox > button.combo, + .titlebar .linked > combobox > button.combo, + headerbar combobox > button.combo, + headerbar .linked > combobox > button.combo { + color: rgba(236, 239, 241, 0.75); } + .titlebar combobox > button.combo:hover, + .titlebar .linked > combobox > button.combo:hover, + headerbar combobox > button.combo:hover, + headerbar .linked > combobox > button.combo:hover { + color: #ECEFF1; } + .titlebar combobox > button.combo:checked, + .titlebar .linked > combobox > button.combo:checked, + headerbar combobox > button.combo:checked, + headerbar .linked > combobox > button.combo:checked { + color: #ECEFF1; } + .titlebar combobox > button.combo:checked:disabled, + .titlebar .linked > combobox > button.combo:checked:disabled, + headerbar combobox > button.combo:checked:disabled, + headerbar .linked > combobox > button.combo:checked:disabled { + color: rgba(236, 239, 241, 0.3); } + .titlebar combobox > button.combo:disabled, + .titlebar .linked > combobox > button.combo:disabled, + headerbar combobox > button.combo:disabled, + headerbar .linked > combobox > button.combo:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar combobox > button.combo:backdrop, + .titlebar .linked > combobox > button.combo:backdrop, + headerbar combobox > button.combo:backdrop, + headerbar .linked > combobox > button.combo:backdrop { + opacity: 0.5; } + .titlebar menu menuitem, + headerbar menu menuitem { + color: rgba(236, 239, 241, 0.75); } + .titlebar menu menuitem:hover, + headerbar menu menuitem:hover { + color: #ECEFF1; } + .titlebar menu menuitem label:disabled, + headerbar menu menuitem label:disabled { + color: rgba(236, 239, 241, 0.3); } + .titlebar menu menuitem accelerator, + headerbar menu menuitem accelerator { + color: alpha(currentColor, 0.55); } + .titlebar menu menuitem separator, + headerbar menu menuitem separator { + color: rgba(0, 0, 0, 0.11); } + .titlebar popover button.flat, .titlebar popover button.osd.image-button, .titlebar popover .osd toolbar button, .osd toolbar .titlebar popover button, .titlebar popover toolbar.osd button, toolbar.osd .titlebar popover button, .titlebar popover .app-notification button, .app-notification .titlebar popover button, .titlebar popover GeditViewFrame .gedit-search-slider button, GeditViewFrame .gedit-search-slider .titlebar popover button, .titlebar popover toolbar button, toolbar .titlebar popover button, .titlebar popover button:not(.suggested-action):not(.destructive-action), .titlebar popover .menu > arrow, + .titlebar popover .context-menu > arrow, + .titlebar popover menu > arrow, .titlebar popover placessidebar row button.image-button, placessidebar row .titlebar popover button.image-button, .titlebar popover .ssd decoration button, .ssd decoration .titlebar popover button, .titlebar popover .csd headerbar button.titlebutton, + .csd .titlebar popover button.titlebutton, + .csd .titlebar.selection-mode popover button.titlebutton, .titlebar popover #gf-candidate-popup button, #gf-candidate-popup .titlebar popover button, + .titlebar popover #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .titlebar popover .linked > button:first-child, + .titlebar popover #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .titlebar popover .linked > button:last-child, .titlebar popover window > grid.vertical > box.vertical > widget button, window > grid.vertical > box.vertical > widget .titlebar popover button, .titlebar popover layouttabbar button, layouttabbar .titlebar popover button, .titlebar popover layouttab button, layouttab .titlebar popover button, + headerbar popover button.flat, + headerbar popover button.osd.image-button, + headerbar popover .osd toolbar button, + .osd toolbar headerbar popover button, + headerbar popover toolbar.osd button, + toolbar.osd headerbar popover button, + headerbar popover .app-notification button, + .app-notification headerbar popover button, + headerbar popover .app-notification.frame button, + .app-notification.frame headerbar popover button, + headerbar popover GeditViewFrame .gedit-search-slider button, + GeditViewFrame .gedit-search-slider headerbar popover button, + headerbar popover toolbar button, + toolbar headerbar popover button, + headerbar popover .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar headerbar popover button:not(.suggested-action):not(.destructive-action), + headerbar popover button:not(.suggested-action):not(.destructive-action), + headerbar popover .menu > arrow, + headerbar popover .context-menu > arrow, + headerbar popover menu > arrow, + headerbar popover placessidebar row button.image-button, + placessidebar row headerbar popover button.image-button, + headerbar popover .ssd decoration button, + .ssd decoration headerbar popover button, + .csd headerbar popover button.titlebutton, + .csd headerbar.selection-mode popover button.titlebutton, + headerbar popover .csd .titlebar button.titlebutton, + .csd .titlebar headerbar popover button.titlebutton, + headerbar popover .csd .titlebar.selection-mode button.titlebutton, + .csd .titlebar.selection-mode headerbar popover button.titlebutton, + headerbar popover #gf-candidate-popup button, + #gf-candidate-popup headerbar popover button, + headerbar popover #gf-candidate-popup button:first-child, + #gf-candidate-popup headerbar popover button:first-child, + headerbar popover #gf-candidate-popup button:last-child, + #gf-candidate-popup headerbar popover button:last-child, + headerbar popover #gf-candidate-popup .linked > button, + #gf-candidate-popup headerbar popover .linked > button, + headerbar popover #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup headerbar popover .linked > button:first-child, + headerbar popover #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup headerbar popover .linked > button:last-child, + headerbar popover window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget headerbar popover button, + headerbar popover layouttabbar button, + layouttabbar headerbar popover button, + headerbar popover layouttab button, + layouttab headerbar popover button { + color: rgba(236, 239, 241, 0.75); } + .titlebar popover button.flat:hover, .titlebar popover button.osd.image-button:hover, .titlebar popover .osd toolbar button:hover, .osd toolbar .titlebar popover button:hover, .titlebar popover toolbar.osd button:hover, toolbar.osd .titlebar popover button:hover, .titlebar popover .app-notification button:hover, .app-notification .titlebar popover button:hover, .titlebar popover GeditViewFrame .gedit-search-slider button:hover, GeditViewFrame .gedit-search-slider .titlebar popover button:hover, .titlebar popover toolbar button:hover, toolbar .titlebar popover button:hover, .titlebar popover button:hover:not(.suggested-action):not(.destructive-action), .titlebar popover .menu > arrow:hover, + .titlebar popover .context-menu > arrow:hover, + .titlebar popover menu > arrow:hover, .titlebar popover placessidebar row button.image-button:hover, placessidebar row .titlebar popover button.image-button:hover, .titlebar popover .ssd decoration button:hover, .ssd decoration .titlebar popover button:hover, .titlebar popover .csd headerbar button.titlebutton:hover, + .csd .titlebar popover button.titlebutton:hover, .titlebar popover #gf-candidate-popup button:hover, #gf-candidate-popup .titlebar popover button:hover, .titlebar popover window > grid.vertical > box.vertical > widget button:hover, window > grid.vertical > box.vertical > widget .titlebar popover button:hover, .titlebar popover layouttabbar button:hover, layouttabbar .titlebar popover button:hover, .titlebar popover layouttab button:hover, layouttab .titlebar popover button:hover, + headerbar popover button.flat:hover, + headerbar popover button.osd.image-button:hover, + headerbar popover .osd toolbar button:hover, + .osd toolbar headerbar popover button:hover, + headerbar popover toolbar.osd button:hover, + toolbar.osd headerbar popover button:hover, + headerbar popover .app-notification button:hover, + .app-notification headerbar popover button:hover, + headerbar popover GeditViewFrame .gedit-search-slider button:hover, + GeditViewFrame .gedit-search-slider headerbar popover button:hover, + headerbar popover toolbar button:hover, + toolbar headerbar popover button:hover, + headerbar popover button:hover:not(.suggested-action):not(.destructive-action), + headerbar popover .menu > arrow:hover, + headerbar popover .context-menu > arrow:hover, + headerbar popover menu > arrow:hover, + headerbar popover placessidebar row button.image-button:hover, + placessidebar row headerbar popover button.image-button:hover, + headerbar popover .ssd decoration button:hover, + .ssd decoration headerbar popover button:hover, + .csd headerbar popover button.titlebutton:hover, + headerbar popover .csd .titlebar button.titlebutton:hover, + .csd .titlebar.selection-mode headerbar popover button.titlebutton:hover, + headerbar popover #gf-candidate-popup button:hover, + #gf-candidate-popup headerbar popover button:hover, + headerbar popover #gf-candidate-popup .linked > button:hover:first-child, + #gf-candidate-popup headerbar popover .linked > button:hover:first-child, + headerbar popover #gf-candidate-popup .linked > button:hover:last-child, + #gf-candidate-popup headerbar popover .linked > button:hover:last-child, + headerbar popover window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget headerbar popover button:hover, + headerbar popover layouttabbar button:hover, + layouttabbar headerbar popover button:hover, + headerbar popover layouttab button:hover, + layouttab headerbar popover button:hover { + color: #ECEFF1; } + .titlebar popover button.flat label:hover, .titlebar popover button.osd.image-button label:hover, .titlebar popover .osd toolbar button label:hover, .osd toolbar .titlebar popover button label:hover, .titlebar popover toolbar.osd button label:hover, toolbar.osd .titlebar popover button label:hover, .titlebar popover .app-notification button label:hover, .app-notification .titlebar popover button label:hover, .titlebar popover GeditViewFrame .gedit-search-slider button label:hover, GeditViewFrame .gedit-search-slider .titlebar popover button label:hover, .titlebar popover toolbar button label:hover, toolbar .titlebar popover button label:hover, .titlebar popover button:not(.suggested-action):not(.destructive-action) label:hover, .titlebar popover .menu > arrow label:hover, + .titlebar popover .context-menu > arrow label:hover, + .titlebar popover menu > arrow label:hover, .titlebar popover placessidebar row button.image-button label:hover, placessidebar row .titlebar popover button.image-button label:hover, .titlebar popover .ssd decoration button label:hover, .ssd decoration .titlebar popover button label:hover, .titlebar popover .csd headerbar button.titlebutton label:hover, + .csd .titlebar popover button.titlebutton label:hover, .titlebar popover #gf-candidate-popup button label:hover, #gf-candidate-popup .titlebar popover button label:hover, .titlebar popover window > grid.vertical > box.vertical > widget button label:hover, window > grid.vertical > box.vertical > widget .titlebar popover button label:hover, .titlebar popover layouttabbar button label:hover, layouttabbar .titlebar popover button label:hover, .titlebar popover layouttab button label:hover, layouttab .titlebar popover button label:hover, + headerbar popover button.flat label:hover, + headerbar popover button.osd.image-button label:hover, + headerbar popover .osd toolbar button label:hover, + .osd toolbar headerbar popover button label:hover, + headerbar popover toolbar.osd button label:hover, + toolbar.osd headerbar popover button label:hover, + headerbar popover .app-notification button label:hover, + .app-notification headerbar popover button label:hover, + headerbar popover GeditViewFrame .gedit-search-slider button label:hover, + GeditViewFrame .gedit-search-slider headerbar popover button label:hover, + headerbar popover toolbar button label:hover, + toolbar headerbar popover button label:hover, + headerbar popover button:not(.suggested-action):not(.destructive-action) label:hover, + headerbar popover .menu > arrow label:hover, + headerbar popover .context-menu > arrow label:hover, + headerbar popover menu > arrow label:hover, + headerbar popover placessidebar row button.image-button label:hover, + placessidebar row headerbar popover button.image-button label:hover, + headerbar popover .ssd decoration button label:hover, + .ssd decoration headerbar popover button label:hover, + .csd headerbar popover button.titlebutton label:hover, + headerbar popover .csd .titlebar button.titlebutton label:hover, + .csd .titlebar.selection-mode headerbar popover button.titlebutton label:hover, + headerbar popover #gf-candidate-popup button label:hover, + #gf-candidate-popup headerbar popover button label:hover, + headerbar popover #gf-candidate-popup .linked > button:first-child label:hover, + #gf-candidate-popup headerbar popover .linked > button:first-child label:hover, + headerbar popover #gf-candidate-popup .linked > button:last-child label:hover, + #gf-candidate-popup headerbar popover .linked > button:last-child label:hover, + headerbar popover window > grid.vertical > box.vertical > widget button label:hover, + window > grid.vertical > box.vertical > widget headerbar popover button label:hover, + headerbar popover layouttabbar button label:hover, + layouttabbar headerbar popover button label:hover, + headerbar popover layouttab button label:hover, + layouttab headerbar popover button label:hover { + color: #ECEFF1; } + .titlebar popover button.flat label:disabled, .titlebar popover button.osd.image-button label:disabled, .titlebar popover .osd toolbar button label:disabled, .osd toolbar .titlebar popover button label:disabled, .titlebar popover toolbar.osd button label:disabled, toolbar.osd .titlebar popover button label:disabled, .titlebar popover .app-notification button label:disabled, .app-notification .titlebar popover button label:disabled, .titlebar popover GeditViewFrame .gedit-search-slider button label:disabled, GeditViewFrame .gedit-search-slider .titlebar popover button label:disabled, .titlebar popover toolbar button label:disabled, toolbar .titlebar popover button label:disabled, .titlebar popover button:not(.suggested-action):not(.destructive-action) label:disabled, .titlebar popover .menu > arrow label:disabled, + .titlebar popover .context-menu > arrow label:disabled, + .titlebar popover menu > arrow label:disabled, .titlebar popover placessidebar row button.image-button label:disabled, placessidebar row .titlebar popover button.image-button label:disabled, .titlebar popover .ssd decoration button label:disabled, .ssd decoration .titlebar popover button label:disabled, .titlebar popover .csd headerbar button.titlebutton label:disabled, + .csd .titlebar popover button.titlebutton label:disabled, .titlebar popover #gf-candidate-popup button label:disabled, #gf-candidate-popup .titlebar popover button label:disabled, .titlebar popover window > grid.vertical > box.vertical > widget button label:disabled, window > grid.vertical > box.vertical > widget .titlebar popover button label:disabled, .titlebar popover layouttabbar button label:disabled, layouttabbar .titlebar popover button label:disabled, .titlebar popover layouttab button label:disabled, layouttab .titlebar popover button label:disabled, + headerbar popover button.flat label:disabled, + headerbar popover button.osd.image-button label:disabled, + headerbar popover .osd toolbar button label:disabled, + .osd toolbar headerbar popover button label:disabled, + headerbar popover toolbar.osd button label:disabled, + toolbar.osd headerbar popover button label:disabled, + headerbar popover .app-notification button label:disabled, + .app-notification headerbar popover button label:disabled, + headerbar popover GeditViewFrame .gedit-search-slider button label:disabled, + GeditViewFrame .gedit-search-slider headerbar popover button label:disabled, + headerbar popover toolbar button label:disabled, + toolbar headerbar popover button label:disabled, + headerbar popover button:not(.suggested-action):not(.destructive-action) label:disabled, + headerbar popover .menu > arrow label:disabled, + headerbar popover .context-menu > arrow label:disabled, + headerbar popover menu > arrow label:disabled, + headerbar popover placessidebar row button.image-button label:disabled, + placessidebar row headerbar popover button.image-button label:disabled, + headerbar popover .ssd decoration button label:disabled, + .ssd decoration headerbar popover button label:disabled, + .csd headerbar popover button.titlebutton label:disabled, + headerbar popover .csd .titlebar button.titlebutton label:disabled, + .csd .titlebar.selection-mode headerbar popover button.titlebutton label:disabled, + headerbar popover #gf-candidate-popup button label:disabled, + #gf-candidate-popup headerbar popover button label:disabled, + headerbar popover #gf-candidate-popup .linked > button:first-child label:disabled, + #gf-candidate-popup headerbar popover .linked > button:first-child label:disabled, + headerbar popover #gf-candidate-popup .linked > button:last-child label:disabled, + #gf-candidate-popup headerbar popover .linked > button:last-child label:disabled, + headerbar popover window > grid.vertical > box.vertical > widget button label:disabled, + window > grid.vertical > box.vertical > widget headerbar popover button label:disabled, + headerbar popover layouttabbar button label:disabled, + layouttabbar headerbar popover button label:disabled, + headerbar popover layouttab button label:disabled, + layouttab headerbar popover button label:disabled { + color: rgba(236, 239, 241, 0.3); } + .titlebar switch, + headerbar switch { + margin: 0.20301rem 0; + color: rgba(236, 239, 241, 0.75); + background-color: rgba(236, 239, 241, 0.075); } + .titlebar switch:checked, + headerbar switch:checked { + background-color: rgba(0, 188, 212, 0.2); } + .titlebar switch:checked:disabled, + headerbar switch:checked:disabled { + background-color: rgba(0, 188, 212, 0.2); } + .titlebar switch:disabled, + headerbar switch:disabled { + color: rgba(236, 239, 241, 0.3); + background-color: alpha(currentColor, 0.2); } + .titlebar switch slider, + headerbar switch slider { + background-color: #3e515a; } + .titlebar switch:hover slider, + headerbar switch:hover slider { + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2), alpha(#FFFFFF, 0.2)); } + .titlebar switch:checked slider, + headerbar switch:checked slider { + background-color: #C5A68E; } + .titlebar switch:checked slider:disabled, + headerbar switch:checked slider:disabled { + background-color: #3F4E56; } + .titlebar switch:disabled slider, + headerbar switch:disabled slider { + background-color: #3F4E56; } + .titlebar spinner, + headerbar spinner { + min-width: 1rem; + min-height: 1rem; + margin: -0.3985rem; } + .titlebar.selection-mode, + headerbar.selection-mode { + border-width: 1px 0 1px 0; + border-top-color: rgba(255, 255, 255, 0.07); + border-bottom-color: transparent; + background-color: #C5A68E; + color: #FFFFFF; } + .titlebar.selection-mode button, + .titlebar.selection-mode button.image-button, + headerbar.selection-mode button, + headerbar.selection-mode button.image-button { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#FFFFFF), to(transparent)) 0 0 0/0 0 0px; + color: rgba(255, 255, 255, 0.85); } + .titlebar.selection-mode button:hover, .titlebar.selection-mode button:active, .titlebar.selection-mode button:checked, + .titlebar.selection-mode button.image-button:hover, + .titlebar.selection-mode button.image-button:active, + .titlebar.selection-mode button.image-button:checked, + headerbar.selection-mode button:hover, + headerbar.selection-mode button:active, + headerbar.selection-mode button:checked, + headerbar.selection-mode button.image-button:hover, + headerbar.selection-mode button.image-button:active, + headerbar.selection-mode button.image-button:checked { + color: #FFFFFF; } + .titlebar.selection-mode button:disabled, + .titlebar.selection-mode button.image-button:disabled, + headerbar.selection-mode button:disabled, + headerbar.selection-mode button.image-button:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar.selection-mode button:checked, + .titlebar.selection-mode button.image-button:checked, + headerbar.selection-mode button:checked, + headerbar.selection-mode button.image-button:checked { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FFFFFF), to(transparent)) 0 0 2/0 0 2px; + color: #FFFFFF; + background-color: transparent; } + .titlebar.selection-mode button:checked:disabled, + .titlebar.selection-mode button.image-button:checked:disabled, + headerbar.selection-mode button:checked:disabled, + headerbar.selection-mode button.image-button:checked:disabled { + color: rgba(255, 255, 255, 0.4); } + .titlebar.selection-mode button:checked:disabled > label, + .titlebar.selection-mode button.image-button:checked:disabled > label, + headerbar.selection-mode button:checked:disabled > label, + headerbar.selection-mode button.image-button:checked:disabled > label { + color: inherit; } + .titlebar.selection-mode button.suggested-action, + .titlebar.selection-mode button.image-button.suggested-action, + headerbar.selection-mode button.suggested-action, + headerbar.selection-mode button.image-button.suggested-action { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #546E7A; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); } + .titlebar.selection-mode button.suggested-action:hover, + .titlebar.selection-mode button.image-button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover, + headerbar.selection-mode button.image-button.suggested-action:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: #ECEFF1; } + .titlebar.selection-mode button.suggested-action:active, + .titlebar.selection-mode button.image-button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active, + headerbar.selection-mode button.image-button.suggested-action:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #ECEFF1; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .titlebar.selection-mode button.suggested-action:disabled, + .titlebar.selection-mode button.image-button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled, + headerbar.selection-mode button.image-button.suggested-action:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(236, 239, 241, 0.225); } + .titlebar.selection-mode button.suggested-action:disabled > label, + .titlebar.selection-mode button.image-button.suggested-action:disabled > label, + headerbar.selection-mode button.suggested-action:disabled > label, + headerbar.selection-mode button.image-button.suggested-action:disabled > label { + color: inherit; } + .titlebar.selection-mode button.text-button, .titlebar.selection-mode button.suggested-action, + .titlebar.selection-mode button.image-button.text-button, + .titlebar.selection-mode button.image-button.suggested-action, + headerbar.selection-mode button.text-button, + headerbar.selection-mode button.suggested-action, + headerbar.selection-mode button.image-button.text-button, + headerbar.selection-mode button.image-button.suggested-action { + color: rgba(255, 255, 255, 0.85); } + .titlebar.selection-mode button.text-button:hover, .titlebar.selection-mode button.text-button:active, .titlebar.selection-mode button.text-button:checked, .titlebar.selection-mode button.suggested-action:hover, .titlebar.selection-mode button.suggested-action:active, .titlebar.selection-mode button.suggested-action:checked, + .titlebar.selection-mode button.image-button.text-button:hover, + .titlebar.selection-mode button.image-button.text-button:active, + .titlebar.selection-mode button.image-button.text-button:checked, + .titlebar.selection-mode button.image-button.suggested-action:hover, + .titlebar.selection-mode button.image-button.suggested-action:active, + .titlebar.selection-mode button.image-button.suggested-action:checked, + headerbar.selection-mode button.text-button:hover, + headerbar.selection-mode button.text-button:active, + headerbar.selection-mode button.text-button:checked, + headerbar.selection-mode button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:active, + headerbar.selection-mode button.suggested-action:checked, + headerbar.selection-mode button.image-button.text-button:hover, + headerbar.selection-mode button.image-button.text-button:active, + headerbar.selection-mode button.image-button.text-button:checked, + headerbar.selection-mode button.image-button.suggested-action:hover, + headerbar.selection-mode button.image-button.suggested-action:active, + headerbar.selection-mode button.image-button.suggested-action:checked { + color: #FFFFFF; } + .titlebar.selection-mode button.text-button:disabled, .titlebar.selection-mode button.suggested-action:disabled, + .titlebar.selection-mode button.image-button.text-button:disabled, + .titlebar.selection-mode button.image-button.suggested-action:disabled, + headerbar.selection-mode button.text-button:disabled, + headerbar.selection-mode button.suggested-action:disabled, + headerbar.selection-mode button.image-button.text-button:disabled, + headerbar.selection-mode button.image-button.suggested-action:disabled { + color: rgba(255, 255, 255, 0.4); } + .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action), + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).text-button, .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).flat.selection-menu, .titlebar.selection-mode button.osd.image-button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .osd toolbar button:not(.suggested-action):not(.destructive-action).selection-menu, .osd toolbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode toolbar.osd button:not(.suggested-action):not(.destructive-action).selection-menu, toolbar.osd .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .app-notification button:not(.suggested-action):not(.destructive-action).selection-menu, .app-notification .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode GeditViewFrame .gedit-search-slider button:not(.suggested-action):not(.destructive-action).selection-menu, GeditViewFrame .gedit-search-slider .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode toolbar button:not(.suggested-action):not(.destructive-action).selection-menu, toolbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode headerbar button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode .context-menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode placessidebar row button.image-button:not(.suggested-action):not(.destructive-action).selection-menu, placessidebar row .titlebar.selection-mode button.image-button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .ssd decoration button:not(.suggested-action):not(.destructive-action).selection-menu, .ssd decoration .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .csd headerbar button.titlebutton:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode #gf-candidate-popup button:not(.suggested-action):not(.destructive-action).selection-menu, #gf-candidate-popup .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode window > grid.vertical > box.vertical > widget button:not(.suggested-action):not(.destructive-action).selection-menu, window > grid.vertical > box.vertical > widget .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode layouttabbar button:not(.suggested-action):not(.destructive-action).selection-menu, layouttabbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode layouttab button:not(.suggested-action):not(.destructive-action).selection-menu, layouttab .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).text-button, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).flat.selection-menu, + headerbar.selection-mode button.osd.image-button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .osd toolbar button:not(.suggested-action):not(.destructive-action).selection-menu, + .osd toolbar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode toolbar.osd button:not(.suggested-action):not(.destructive-action).selection-menu, + toolbar.osd headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .app-notification button:not(.suggested-action):not(.destructive-action).selection-menu, + .app-notification headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode GeditViewFrame .gedit-search-slider button:not(.suggested-action):not(.destructive-action).selection-menu, + GeditViewFrame .gedit-search-slider headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode toolbar button:not(.suggested-action):not(.destructive-action).selection-menu, + toolbar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .titlebar button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .context-menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode placessidebar row button.image-button:not(.suggested-action):not(.destructive-action).selection-menu, + placessidebar row headerbar.selection-mode button.image-button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .ssd decoration button:not(.suggested-action):not(.destructive-action).selection-menu, + .ssd decoration headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode #gf-candidate-popup button:not(.suggested-action):not(.destructive-action).selection-menu, + #gf-candidate-popup headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode window > grid.vertical > box.vertical > widget button:not(.suggested-action):not(.destructive-action).selection-menu, + window > grid.vertical > box.vertical > widget headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode layouttabbar button:not(.suggested-action):not(.destructive-action).selection-menu, + layouttabbar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode layouttab button:not(.suggested-action):not(.destructive-action).selection-menu, + layouttab headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).text-button.image-button, .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).flat.selection-menu.image-button, .titlebar.selection-mode button.osd:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .osd toolbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .osd toolbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode toolbar.osd button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, toolbar.osd .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .app-notification button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .app-notification .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode GeditViewFrame .gedit-search-slider button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, GeditViewFrame .gedit-search-slider .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode toolbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, toolbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode headerbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode .context-menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode placessidebar row button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, placessidebar row .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .ssd decoration button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .ssd decoration .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .csd headerbar button.titlebutton:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode #gf-candidate-popup button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, #gf-candidate-popup .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode window > grid.vertical > box.vertical > widget button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, window > grid.vertical > box.vertical > widget .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode layouttabbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, layouttabbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode layouttab button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, layouttab .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).text-button.image-button, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).flat.selection-menu.image-button, + headerbar.selection-mode button.osd:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .osd toolbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .osd toolbar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode toolbar.osd button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + toolbar.osd headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .app-notification button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .app-notification headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode GeditViewFrame .gedit-search-slider button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + GeditViewFrame .gedit-search-slider headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode toolbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + toolbar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .titlebar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .context-menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode placessidebar row button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + placessidebar row headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .ssd decoration button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .ssd decoration headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode #gf-candidate-popup button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + #gf-candidate-popup headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode window > grid.vertical > box.vertical > widget button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + window > grid.vertical > box.vertical > widget headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode layouttabbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + layouttabbar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode layouttab button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + layouttab headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .titlebar.selection-mode entry, .titlebar.selection-mode spinbutton:not(.vertical), + headerbar.selection-mode entry, + headerbar.selection-mode spinbutton:not(.vertical) { + color: rgba(236, 239, 241, 0.75); } + .titlebar.selection-mode entry:focus, .titlebar.selection-mode spinbutton:focus:not(.vertical), + headerbar.selection-mode entry:focus, + headerbar.selection-mode spinbutton:focus:not(.vertical) { + color: #ECEFF1; } + .titlebar.selection-mode entry:disabled, .titlebar.selection-mode spinbutton:disabled:not(.vertical), + headerbar.selection-mode entry:disabled, + headerbar.selection-mode spinbutton:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.225); } + .titlebar.selection-mode .selection-menu, + headerbar.selection-mode .selection-menu { + padding-left: 1.20301rem; + padding-right: 1.20301rem; } + .titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu.popup, + headerbar.selection-mode .selection-menu, + headerbar.selection-mode .selection-menu.popup { + color: rgba(255, 255, 255, 0.85); } + .titlebar.selection-mode .selection-menu:hover, .titlebar.selection-mode .selection-menu:active, .titlebar.selection-mode .selection-menu:checked, .titlebar.selection-mode .selection-menu.popup:hover, .titlebar.selection-mode .selection-menu.popup:active, .titlebar.selection-mode .selection-menu.popup:checked, + headerbar.selection-mode .selection-menu:hover, + headerbar.selection-mode .selection-menu:active, + headerbar.selection-mode .selection-menu:checked, + headerbar.selection-mode .selection-menu.popup:hover, + headerbar.selection-mode .selection-menu.popup:active, + headerbar.selection-mode .selection-menu.popup:checked { + color: #FFFFFF; } + .titlebar.selection-mode .selection-menu:disabled, .titlebar.selection-mode .selection-menu.popup:disabled, + headerbar.selection-mode .selection-menu:disabled, + headerbar.selection-mode .selection-menu.popup:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar.selection-mode .selection-menu:checked, .titlebar.selection-mode .selection-menu.popup:checked, + headerbar.selection-mode .selection-menu:checked, + headerbar.selection-mode .selection-menu.popup:checked { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FFFFFF), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; } + .titlebar.selection-mode .selection-menu:checked:disabled, .titlebar.selection-mode .selection-menu.popup:checked:disabled, + headerbar.selection-mode .selection-menu:checked:disabled, + headerbar.selection-mode .selection-menu.popup:checked:disabled { + color: rgba(255, 255, 255, 0.4); } + .titlebar.selection-mode .selection-menu:checked:disabled > label, .titlebar.selection-mode .selection-menu.popup:checked:disabled > label, + headerbar.selection-mode .selection-menu:checked:disabled > label, + headerbar.selection-mode .selection-menu.popup:checked:disabled > label { + color: inherit; } + .titlebar.selection-mode .selection-menu GtkArrow, + headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1.0; } + .titlebar.selection-mode .selection-menu .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(255, 255, 255, 0.85); } + .tiled .titlebar, .tiled + headerbar { + transition: none; } + .maximized .titlebar, .maximized + headerbar { + transition: none; } + .titlebar.default-decoration, + headerbar.default-decoration { + min-height: 26.7px; + padding: 5.3px; + border-width: 0; } + .titlebar.default-decoration .title, + headerbar.default-decoration .title { + color: #ECEFF1; } + .titlebar.default-decoration .title:backdrop, + headerbar.default-decoration .title:backdrop { + color: rgba(236, 239, 241, 0.4); } + .titlebar.default-decoration button.titlebutton, + headerbar.default-decoration button.titlebutton { + min-width: 26.7px; + min-height: 26.7px; + margin: 0; + padding: 0; + color: rgba(236, 239, 241, 0.75); + background-size: 2.44361rem 2.44361rem, auto; } + .titlebar.default-decoration button.titlebutton:hover, .titlebar.default-decoration button.titlebutton:active, + headerbar.default-decoration button.titlebutton:hover, + headerbar.default-decoration button.titlebutton:active { + color: #ECEFF1; } + .titlebar.default-decoration button.titlebutton:backdrop, + headerbar.default-decoration button.titlebutton:backdrop { + color: rgba(236, 239, 241, 0.4); } + +headerbar { + border-width: 1px 0 1px; + border-style: solid; + border-top-color: #13191C; + border-bottom-color: #242F35; } + headerbar.titlebar, .csd headerbar, box headerbar:only-child { + padding: 0.3985rem; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.14), 0 2px 3px rgba(0, 0, 0, 0.2); } + box headerbar:not(:only-child):first-child, box headerbar:not(:only-child):last-child { + border-left-color: #13191C; + border-right-color: #13191C; } + .tiled box headerbar:not(:only-child):first-child, .maximized box headerbar:not(:only-child):first-child, .tiled box headerbar:not(:only-child):last-child, .maximized box headerbar:not(:only-child):last-child { + border-left-color: #13191c; + border-right-color: #13191c; } + box headerbar:not(:only-child):last-child:dir(ltr) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.14), 0 2px 3px rgba(0, 0, 0, 0.2), -5px 0 0 -1px #13191C, -2px 0 0 -1px rgba(0, 0, 0, 0.11); } + box headerbar:not(:only-child):last-child:dir(rtl) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.14), 0 2px 3px rgba(0, 0, 0, 0.2), 5px 0 0 -1px #13191C, 2px 0 0 -1px rgba(0, 0, 0, 0.11); } + +box headerbar.selection-mode:not(:only-child):last-child:dir(ltr) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.14), 0 2px 3px rgba(0, 0, 0, 0.2), -5px 0 0 -1px #C5A68E, -2px 0 0 -1px #242F35; } +box headerbar.selection-mode:not(:only-child):last-child:dir(rtl) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.14), 0 2px 3px rgba(0, 0, 0, 0.2), 5px 0 0 -1px #C5A68E, 2px 0 0 -1px #242F35; } + +headerbar, +.titlebar { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + box headerbar:not(:last-child):not(.titlebar):dir(ltr), box + .titlebar:not(:last-child):not(.titlebar):dir(ltr) { + border-top-left-radius: 2px; + border-top-right-radius: 0; } + box headerbar:not(:last-child):not(.titlebar):dir(rtl), box + .titlebar:not(:last-child):not(.titlebar):dir(rtl) { + border-top-left-radius: 0; + border-top-right-radius: 2px; } + box headerbar:last-child:not(.titlebar):dir(ltr), box + .titlebar:last-child:not(.titlebar):dir(ltr) { + border-top-left-radius: 0; } + box headerbar:last-child:not(.titlebar):dir(rtl), box + .titlebar:last-child:not(.titlebar):dir(rtl) { + border-top-right-radius: 0; } + +window:not(.maximized):not(.tiled) paned.titlebar { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + window:not(.maximized):not(.tiled) paned.titlebar > headerbar:not(:last-child):dir(ltr) { + border-top-left-radius: 2px; + border-top-right-radius: 0; } + window:not(.maximized):not(.tiled) paned.titlebar > headerbar:not(:last-child):dir(rtl) { + border-top-left-radius: 0; + border-top-right-radius: 2px; } + window:not(.maximized):not(.tiled) paned.titlebar > headerbar:last-child:dir(ltr) { + border-top-left-radius: 0; + border-top-right-radius: 2px; } + window:not(.maximized):not(.tiled) paned.titlebar > headerbar:last-child:dir(rtl) { + border-top-left-radius: 2px; + border-top-right-radius: 0; } + +.ssd decoration .titlebar { + border-top: 1px solid rgba(255, 255, 255, 0.07); + box-shadow: none; } + +.tiled .titlebar, .tiled +headerbar, .tiled headerbar.titlebar, .tiled .csd headerbar, .tiled box headerbar:only-child, .tiled box headerbar:not(:only-child):last-child:dir(ltr), .tiled box headerbar:not(:only-child):last-child:dir(rtl), .tiled paned headerbar:not(:only-child):last-child:dir(ltr), .tiled paned headerbar:not(:only-child):last-child:dir(rtl), .tiled box headerbar.selection-mode:not(:only-child):last-child:dir(ltr), .tiled box headerbar.selection-mode:not(:only-child):last-child:dir(rtl), .tiled .ssd decoration .titlebar { + border-radius: 0; + border-color: #13191c; + border-width: 2px 0 0 0; + border-top-color: #4DD0E1; + background-color: #13191c; + box-shadow: none; } + .tiled .titlebar:backdrop, .tiled + headerbar:backdrop, .tiled box headerbar:backdrop:only-child, .tiled box headerbar:backdrop:not(:only-child):last-child:dir(ltr), .tiled box headerbar:backdrop:not(:only-child):last-child:dir(rtl), .tiled paned headerbar:backdrop:not(:only-child):last-child:dir(ltr), .tiled paned headerbar:backdrop:not(:only-child):last-child:dir(rtl), .tiled .ssd decoration .titlebar:backdrop { + border-top-color: alpha(currentColor, 0.2); } + +.maximized .titlebar, .maximized +headerbar, .maximized headerbar.titlebar, .maximized .csd headerbar, .maximized box headerbar:only-child, .maximized box headerbar:not(:only-child):last-child:dir(ltr), .maximized box headerbar:not(:only-child):last-child:dir(rtl), .maximized paned headerbar:not(:only-child):last-child:dir(ltr), .maximized paned headerbar:not(:only-child):last-child:dir(rtl), .maximized box headerbar.selection-mode:not(:only-child):last-child:dir(ltr), .maximized box headerbar.selection-mode:not(:only-child):last-child:dir(rtl), .maximized .ssd decoration .titlebar { + border-radius: 0; + border-color: #13191c; + border-width: 1px 0 0 0; + background-color: #13191c; + box-shadow: none; } + +/************ + * Pathbars * + ************/ +.linked.path-bar button, .linked.path-bar button.text-button, +.path-bar button, +.path-bar button.text-button { + padding: 0 0.09774rem 0; + -gtk-outline-radius: 2px; } +.linked.path-bar button.image-button, +.path-bar button.image-button { + padding: 0 0.3985rem 0; } +.linked.path-bar button.text-button.image-button, +.path-bar button.text-button.image-button { + -gtk-outline-radius: 2px; } + .linked.path-bar button.text-button.image-button label, + .path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } +.linked.path-bar button.text-button.image-button label:last-child, +.path-bar button.text-button.image-button label:last-child { + padding-right: 0.3985rem; } +.linked.path-bar button.text-button.image-button label:first-child, +.path-bar button.text-button.image-button label:first-child { + padding-left: 0.3985rem; } +.linked.path-bar button image, +.path-bar button image { + padding: 0.09774rem 0.3985rem 0; } +.linked.path-bar button.slider-button, .linked.path-bar button.image-button.text-button.toggle, +.path-bar button.slider-button, +.path-bar button.image-button.text-button.toggle { + min-height: 1.30075rem; + padding: 0 0.09774rem 0; + -gtk-outline-radius: 2px; } + +/************** + * Tree Views * + **************/ +treeview.view, .tweak-category { + border-left-color: alpha(currentColor, 0.2); + border-top-color: rgba(0, 0, 0, 0.11); + border-radius: 0; + background-color: transparent; + background-image: none; + box-shadow: none; } + * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; } + treeview.view:hover, .tweak-category:hover, treeview.view:active, .tweak-category:active { + border-radius: 0; } + treeview.view:selected, .tweak-category:selected { + border-radius: 0; } + treeview.view, .tweak-category, treeview.view entry, .tweak-category entry, treeview.view spinbutton:not(.vertical), .tweak-category spinbutton:not(.vertical), + treeview.view entry > label, + .tweak-category entry > label, + treeview.view spinbutton:not(.vertical) > label, + .tweak-category spinbutton:not(.vertical) > label { + color: rgba(236, 239, 241, 0.75); } + treeview.view:hover, .tweak-category:hover, treeview.view:active, .tweak-category:active, treeview.view:focus, .tweak-category:focus, treeview.view entry:hover, .tweak-category entry:hover, treeview.view spinbutton:hover:not(.vertical), .tweak-category spinbutton:hover:not(.vertical), treeview.view entry:active, .tweak-category entry:active, treeview.view spinbutton:active:not(.vertical), .tweak-category spinbutton:active:not(.vertical), treeview.view entry:focus, .tweak-category entry:focus, treeview.view spinbutton:focus:not(.vertical), .tweak-category spinbutton:focus:not(.vertical), + treeview.view entry > label:hover, + .tweak-category entry > label:hover, + treeview.view spinbutton:not(.vertical) > label:hover, + .tweak-category spinbutton:not(.vertical) > label:hover, + treeview.view entry > label:active, + .tweak-category entry > label:active, + treeview.view spinbutton:not(.vertical) > label:active, + .tweak-category spinbutton:not(.vertical) > label:active, + treeview.view entry > label:focus, + .tweak-category entry > label:focus, + treeview.view spinbutton:not(.vertical) > label:focus, + .tweak-category spinbutton:not(.vertical) > label:focus { + color: #ECEFF1; } + treeview.view:selected, .tweak-category:selected, treeview.view entry:selected, .tweak-category entry:selected, treeview.view spinbutton:selected:not(.vertical), .tweak-category spinbutton:selected:not(.vertical), + treeview.view entry > label:selected, + .tweak-category entry > label:selected, + treeview.view spinbutton:not(.vertical) > label:selected, + .tweak-category spinbutton:not(.vertical) > label:selected { + color: #FFFFFF; } + treeview.view:disabled, .tweak-category:disabled, treeview.view entry:disabled, .tweak-category entry:disabled, treeview.view spinbutton:disabled:not(.vertical), .tweak-category spinbutton:disabled:not(.vertical), + treeview.view entry > label:disabled, + .tweak-category entry > label:disabled, + treeview.view spinbutton:not(.vertical) > label:disabled, + .tweak-category spinbutton:not(.vertical) > label:disabled { + color: rgba(236, 239, 241, 0.3); } + treeview.view:disabled:selected, .tweak-category:disabled:selected, treeview.view entry:disabled:selected, .tweak-category entry:disabled:selected, treeview.view spinbutton:disabled:selected:not(.vertical), .tweak-category spinbutton:disabled:selected:not(.vertical), + treeview.view entry > label:disabled:selected, + .tweak-category entry > label:disabled:selected, + treeview.view spinbutton:not(.vertical) > label:disabled:selected, + .tweak-category spinbutton:not(.vertical) > label:disabled:selected { + color: rgba(255, 255, 255, 0.4); } + treeview.view .separator, .tweak-category .separator, treeview.view .separator:hover, .tweak-category .separator:hover { + color: transparent; + background-color: rgba(0, 0, 0, 0.11); } + treeview.view.dnd, .dnd.tweak-category { + border-style: solid none; + border-width: 1px; + border-color: #76d6e3; } + treeview.view expander arrow, .tweak-category expander arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + treeview.view expander arrow:dir(rtl), .tweak-category expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view expander arrow:checked, .tweak-category expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view expander arrow:selected, .tweak-category expander arrow:selected { + color: rgba(255, 255, 255, 0.75); } + treeview.view expander arrow:selected:hover, .tweak-category expander arrow:selected:hover, treeview.view expander arrow:selected:active, .tweak-category expander arrow:selected:active { + color: #FFFFFF; } + treeview.view.progressbar, .progressbar.tweak-category { + box-shadow: inset 0 -4px #C5A68E; } + treeview.view.progressbar:selected, .progressbar.tweak-category:selected { + box-shadow: inset 0 -4px #FFFFFF; } + treeview.view.trough, .trough.tweak-category { + box-shadow: inset 0 -4px alpha(#C5A68E, 0.2); } + treeview.view.trough:selected, .trough.tweak-category:selected { + box-shadow: inset 0 -4px alpha(#FFFFFF, 0.2); } + treeview.view, .tweak-category, paned treeview.view, paned .tweak-category { + background-color: #455A64; } + treeview.view:hover, .tweak-category:hover, + treeview.view row:hover, + .tweak-category row:hover, paned treeview.view:hover, paned .tweak-category:hover, + paned treeview.view row:hover, + paned .tweak-category row:hover { + color: #ECEFF1; } + treeview.view acceleditor > label, .tweak-category acceleditor > label { + background-color: #C5A68E; } + treeview.view header button, .tweak-category header button { + min-height: 1.50376rem; + padding: 0 0.50376rem 0; + border-style: none solid solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.11); + border-radius: 0; + box-shadow: none; + background-color: #455A64; + color: rgba(236, 239, 241, 0.5); } + treeview.view header:hover, .tweak-category header:hover, treeview.view header:active, .tweak-category header:active { + color: #ECEFF1; + box-shadow: none; } + treeview.view header:disabled, .tweak-category header:disabled { + background-color: #455A64; } + treeview.view button:last-child, .tweak-category button:last-child, treeview.view:last-child button, .tweak-category:last-child button { + border-right-style: none; } + treeview.view.separator, .separator.tweak-category { + min-height: 0.15038rem; + color: transparent; + background-color: rgba(0, 0, 0, 0.11); } + +column-header.button.dnd, treeview.view header.dnd, .tweak-category header.dnd { + transition: none; + border-left-style: solid; + color: #C5A68E; } + +/********* + * Menus * + *********/ +.menubar, +menubar { + -GtkWidget-window-dragging: true; + padding: 0; + box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.26), inset 0 5px 3px -5px rgba(0, 0, 0, 0.39), inset 0 -1px rgba(0, 0, 0, 0.11); + background-color: #13191C; + color: rgba(236, 239, 241, 0.75); } + .tiled .menubar, .maximized .menubar, .tiled + menubar, .maximized + menubar { + background-color: #13191c; + box-shadow: none; + transition: none; } + .menubar > menuitem, + menubar > menuitem { + min-height: 1.50376rem; + padding: 0.3985rem 0.6015rem 0.50376rem; + color: rgba(236, 239, 241, 0.75); + background-color: transparent; } + .menubar > menuitem:hover, + menubar > menuitem:hover { + color: #ECEFF1; + box-shadow: inset 0 -2px #C5A68E; } + .menubar > menuitem:disabled, + menubar > menuitem:disabled { + color: rgba(236, 239, 241, 0.3); + box-shadow: none; } + +.menu, +.context-menu, +menu { + margin: 0.30075rem 0; + padding: 0.30075rem 0; + border-width: 1px; + border-style: solid; + border-color: #455A64 transparent transparent; + background-color: #42565f; } + .csd .menu, .csd + .context-menu, .csd + menu { + border-width: 1px; + border-radius: 2px; + border-color: #455A64 transparent transparent; } + .menu .menuitem, + .menu menuitem, + .context-menu .menuitem, + .context-menu menuitem, + menu .menuitem, + menu menuitem { + min-height: 1.50376rem; + min-width: 3.00752rem; + padding: 0.3985rem 0.6015rem 0.50376rem; + color: rgba(236, 239, 241, 0.75); + font: initial; + text-shadow: none; + transition: none; } + .menu .menuitem:hover, + .menu menuitem:hover, + .context-menu .menuitem:hover, + .context-menu menuitem:hover, + menu .menuitem:hover, + menu menuitem:hover { + color: #ECEFF1; + background-color: alpha(currentColor, 0.1); + transition: none; } + .menu .menuitem:disabled, + .menu menuitem:disabled, + .context-menu .menuitem:disabled, + .context-menu menuitem:disabled, + menu .menuitem:disabled, + menu menuitem:disabled { + color: rgba(236, 239, 241, 0.3); } + .menu .menuitem arrow, + .menu menuitem arrow, + .context-menu .menuitem arrow, + .context-menu menuitem arrow, + menu .menuitem arrow, + menu menuitem arrow { + min-height: 1.20301rem; + min-width: 1.20301rem; } + .menu .menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr), + .context-menu .menuitem arrow:dir(ltr), + .context-menu menuitem arrow:dir(ltr), + menu .menuitem arrow:dir(ltr), + menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 0.80451rem; } + .menu .menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl), + .context-menu .menuitem arrow:dir(rtl), + .context-menu menuitem arrow:dir(rtl), + menu .menuitem arrow:dir(rtl), + menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 0.80451rem; } + .menu .menuitem label:dir(rtl), .menu .menuitem label:dir(ltr), + .menu menuitem label:dir(rtl), + .menu menuitem label:dir(ltr), + .context-menu .menuitem label:dir(rtl), + .context-menu .menuitem label:dir(ltr), + .context-menu menuitem label:dir(rtl), + .context-menu menuitem label:dir(ltr), + menu .menuitem label:dir(rtl), + menu .menuitem label:dir(ltr), + menu menuitem label:dir(rtl), + menu menuitem label:dir(ltr) { + color: inherit; } + .menu > arrow, + .context-menu > arrow, + menu > arrow { + min-height: 1.20301rem; + min-width: 1.20301rem; + padding: 0.30075rem; + border-style: none; + border-radius: 0; + background-color: #42565f; } + .menu > arrow.top, + .context-menu > arrow.top, + menu > arrow.top { + margin-top: -0.3985rem; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid rgba(0, 0, 0, 0.11); } + .menu > arrow.bottom, + .context-menu > arrow.bottom, + menu > arrow.bottom { + margin-bottom: -0.3985rem; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid rgba(0, 0, 0, 0.11); } + .menu > arrow:hover, + .context-menu > arrow:hover, + menu > arrow:hover { + background-color: #3b4c54; } + .menu > arrow:disabled, + .context-menu > arrow:disabled, + menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + .menu > separator:dir(ltr), + .context-menu > separator:dir(ltr), + menu > separator:dir(ltr) { + margin-left: 2.40602rem; } + .menu > separator:dir(rtl), + .context-menu > separator:dir(rtl), + menu > separator:dir(rtl) { + margin-right: 2.40602rem; } + +menuitem accelerator { + color: alpha(currentColor, 0.55); } +menuitem separator { + color: transparent; + background: none; + border-top: 1px solid rgba(0, 0, 0, 0.11); } + menuitem separator:dir(ltr) { + margin-left: 2.40602rem; } + menuitem separator:dir(rtl) { + margin-right: 2.40602rem; } + +.csd.popup { + border-radius: 2px; } + +/************ + * Popovers * + ************/ +popover.background { + padding: 2px; + background-color: #42565f; + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.2); } + .csd popover.background, popover.background { + border: 1px solid; + border-color: #455A64 #42565f #42565f; + border-radius: 3px; } + popover.background:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + popover.background > list, + popover.background > .view, + popover.background > iconview, + popover.background > toolbar, popover.background.osd > toolbar { + border-style: none; + border-image: none; + background-color: transparent; } + popover.background button menuitem.flat, + popover.background button.flat, + popover.background button.osd.image-button, + popover.background .osd toolbar button, + .osd toolbar popover.background button, + popover.background toolbar.osd button, + toolbar.osd popover.background button, + popover.background .app-notification button, + .app-notification popover.background button, + popover.background GeditViewFrame .gedit-search-slider button, + GeditViewFrame .gedit-search-slider popover.background button, + popover.background toolbar button, + toolbar popover.background button, + popover.background .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar popover.background button:not(.suggested-action):not(.destructive-action), + popover.background headerbar button:not(.suggested-action):not(.destructive-action), + headerbar popover.background button:not(.suggested-action):not(.destructive-action), + popover.background .menu > arrow, + popover.background .context-menu > arrow, + popover.background menu > arrow, + popover.background placessidebar row button.image-button, + placessidebar row popover.background button.image-button, + popover.background .ssd decoration button, + .ssd decoration popover.background button, + popover.background .csd headerbar button.titlebutton, + .csd headerbar popover.background button.titlebutton, + popover.background .csd .titlebar button.titlebutton, + .csd .titlebar popover.background button.titlebutton, + popover.background #gf-candidate-popup button, + #gf-candidate-popup popover.background button, + popover.background #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup popover.background .linked > button:first-child, + popover.background #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup popover.background .linked > button:last-child, + popover.background window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget popover.background button, + popover.background layouttabbar button, + layouttabbar popover.background button, + popover.background layouttab button, + layouttab popover.background button { + transition: none; + padding: 0 0.75188rem 0; + background-color: transparent; + background-size: 9.96241rem 9.96241rem, auto; + color: rgba(236, 239, 241, 0.75); + font: initial; } + popover.background button menuitem.flat:hover, + popover.background button.flat:hover, + popover.background button.osd.image-button:hover, + popover.background .osd toolbar button:hover, + .osd toolbar popover.background button:hover, + popover.background toolbar.osd button:hover, + toolbar.osd popover.background button:hover, + popover.background .app-notification button:hover, + .app-notification popover.background button:hover, + popover.background GeditViewFrame .gedit-search-slider button:hover, + GeditViewFrame .gedit-search-slider popover.background button:hover, + popover.background toolbar button:hover, + toolbar popover.background button:hover, + popover.background .titlebar button:hover:not(.suggested-action):not(.destructive-action), + .titlebar popover.background button:hover:not(.suggested-action):not(.destructive-action), + popover.background headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action), + popover.background .menu > arrow:hover, + popover.background .context-menu > arrow:hover, + popover.background menu > arrow:hover, + popover.background placessidebar row button.image-button:hover, + placessidebar row popover.background button.image-button:hover, + popover.background .ssd decoration button:hover, + .ssd decoration popover.background button:hover, + popover.background .csd headerbar button.titlebutton:hover, + .csd headerbar popover.background button.titlebutton:hover, + popover.background .csd .titlebar button.titlebutton:hover, + .csd .titlebar popover.background button.titlebutton:hover, + popover.background #gf-candidate-popup button:hover, + #gf-candidate-popup popover.background button:hover, + popover.background window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget popover.background button:hover, + popover.background layouttabbar button:hover, + layouttabbar popover.background button:hover, + popover.background layouttab button:hover, + layouttab popover.background button:hover { + background-color: transparent; + color: #ECEFF1; } + popover.background button menuitem.flat label, + popover.background button.flat label, + popover.background button.osd.image-button label, + popover.background .osd toolbar button label, + .osd toolbar popover.background button label, + popover.background toolbar.osd button label, + toolbar.osd popover.background button label, + popover.background .app-notification button label, + .app-notification popover.background button label, + popover.background GeditViewFrame .gedit-search-slider button label, + GeditViewFrame .gedit-search-slider popover.background button label, + popover.background toolbar button label, + toolbar popover.background button label, + popover.background .titlebar button:not(.suggested-action):not(.destructive-action) label, + .titlebar popover.background button:not(.suggested-action):not(.destructive-action) label, + popover.background headerbar button:not(.suggested-action):not(.destructive-action) label, + headerbar popover.background button:not(.suggested-action):not(.destructive-action) label, + popover.background .menu > arrow label, + popover.background .context-menu > arrow label, + popover.background menu > arrow label, + popover.background placessidebar row button.image-button label, + placessidebar row popover.background button.image-button label, + popover.background .ssd decoration button label, + .ssd decoration popover.background button label, + popover.background .csd headerbar button.titlebutton label, + .csd headerbar popover.background button.titlebutton label, + popover.background .csd .titlebar button.titlebutton label, + .csd .titlebar popover.background button.titlebutton label, + popover.background #gf-candidate-popup button label, + #gf-candidate-popup popover.background button label, + popover.background #gf-candidate-popup .linked > button:first-child label, + #gf-candidate-popup popover.background .linked > button:first-child label, + popover.background #gf-candidate-popup .linked > button:last-child label, + #gf-candidate-popup popover.background .linked > button:last-child label, + popover.background window > grid.vertical > box.vertical > widget button label, + window > grid.vertical > box.vertical > widget popover.background button label, + popover.background layouttabbar button label, + layouttabbar popover.background button label, + popover.background layouttab button label, + layouttab popover.background button label { + padding: 0.20301rem 0 0.24812rem; } + popover.background button.image-button { + padding: 0.50376rem; } + popover.background button.model.image-button { + min-height: 2.00752rem; } + popover.background .linked > button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); } + popover.background .linked > button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + popover.background .linked > button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + popover.background .linked > button:disabled { + box-shadow: none; + background-color: transparent; } + popover.background .linked > button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + color: #ECEFF1; + background-color: transparent; } + popover.background .linked > button:checked:disabled > label { + color: inherit; } + .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); } + popover.background separator { + margin: 0.22556rem 0; } + +/************* + * Notebooks * + *************/ +notebook { + padding: 0; } + notebook.frame { + border: 1px solid #37474F; + transition: none; } + notebook.frame > header, notebook.frame > header.frame { + border-style: none; } + notebook.frame > header.top { + margin: -1px -1px 0 -1px; } + notebook.frame > header.bottom { + margin: 0 -1px -1px -1px; } + notebook.frame > header.left { + margin: -1px 0 -1px -1px; } + notebook.frame > header.right { + margin: -1px -1px -1px 0; } + notebook > stack { + transition: none; } + notebook > stack:only-child { + border: none; + background-color: transparent; + box-shadow: none; } + notebook > stack:not(:only-child), notebook > stack:not(:first-child), notebook > stack:not(:last-child) { + border: none; + background-color: #455A64; + box-shadow: inset 0 0 0 1px #455A64; } + notebook > header { + background-color: #3e515a; } + notebook > header tabs { + background-color: transparent; } + notebook > header.top { + box-shadow: 0 1px rgba(0, 0, 0, 0.11); } + notebook > header.bottom { + box-shadow: 0 -1px rgba(0, 0, 0, 0.11); } + notebook > header.left { + box-shadow: 1px 0 rgba(0, 0, 0, 0.11); } + notebook > header.right { + box-shadow: -1px 0 rgba(0, 0, 0, 0.11); } + notebook > header.top > tabs { + margin: 0 0.45113rem -1px 0.45113rem; } + notebook > header.top > tabs > tab { + margin: 0 -1px 0 -1px; + padding: 0.3985rem 1.20301rem; + border-bottom-width: 2px; + box-shadow: none; } + notebook > header.top > tabs > tab.reorderable-page { + padding-left: 0.75188rem; + padding-right: 0.75188rem; + border-left-width: 1px; + border-right-width: 1px; } + notebook > header.bottom > tabs { + margin: -1px 0.45113rem 0 0.45113rem; } + notebook > header.bottom > tabs > tab { + margin: 0 -1px 0 -1px; + padding: 0.3985rem 1.20301rem; + border-top-width: 2px; + box-shadow: none; } + notebook > header.bottom > tabs > tab.reorderable-page { + padding-left: 1.20301rem; + padding-right: 1.20301rem; + border-left-width: 1px; + border-right-width: 1px; } + notebook > header.left > tabs { + margin: 0.45113rem -1px 0.45113rem 0; } + notebook > header.left > tabs > tab { + margin: -1px 0 -1px 0; + padding: 0.3985rem 0.75188rem; + border-right-width: 2px; + box-shadow: none; } + notebook > header.left > tabs > tab.reorderable-page { + border-bottom-width: 1px; + border-top-width: 1px; } + notebook > header.right > tabs { + margin: 0.45113rem 0 0.45113rem -1px; } + notebook > header.right > tabs > tab { + margin: -1px 0 -1px 0; + padding: 0.3985rem 0.75188rem; + border-left-width: 2px; + box-shadow: none; } + notebook > header.right > tabs > tab.reorderable-page { + border-bottom-width: 1px; + border-top-width: 1px; } + notebook > header.top tab.reorderable-page { + border-bottom-width: 2px; + border-bottom-color: transparent; } + notebook > header.top tab.reorderable-page:hover { + border-color: rgba(0, 0, 0, 0.11); + border-bottom-width: 2px; + border-bottom-color: rgba(0, 0, 0, 0.11); + background-color: #455A64; + box-shadow: none; } + notebook > header.top tab.reorderable-page:checked { + border-color: rgba(0, 0, 0, 0.11); + border-bottom-width: 2px; + border-bottom-color: #C5A68E; + background-color: #455A64; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.03), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.03); } + notebook > header.bottom tab.reorderable-page { + border-top-width: 2px; + border-top-color: transparent; } + notebook > header.bottom tab.reorderable-page:hover { + border-color: rgba(0, 0, 0, 0.11); + border-top-width: 2px; + border-top-color: rgba(0, 0, 0, 0.11); + background-color: #455A64; + box-shadow: none; } + notebook > header.bottom tab.reorderable-page:checked { + border-color: rgba(0, 0, 0, 0.11); + border-top-width: 2px; + border-top-color: #C5A68E; + background-color: #455A64; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.03), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.03); } + notebook > header.left tab.reorderable-page { + border-right-width: 2px; + border-right-color: transparent; } + notebook > header.left tab.reorderable-page:hover { + border-color: rgba(0, 0, 0, 0.11); + border-right-width: 2px; + border-right-color: rgba(0, 0, 0, 0.11); + background-color: #455A64; + box-shadow: none; } + notebook > header.left tab.reorderable-page:checked { + border-color: rgba(0, 0, 0, 0.11); + border-right-width: 2px; + border-right-color: #C5A68E; + background-color: #455A64; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.03), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.03); } + notebook > header.right tab.reorderable-page { + border-left-width: 2px; + border-left-color: transparent; } + notebook > header.right tab.reorderable-page:hover { + border-color: rgba(0, 0, 0, 0.11); + border-left-width: 2px; + border-left-color: rgba(0, 0, 0, 0.11); + background-color: #455A64; + box-shadow: none; } + notebook > header.right tab.reorderable-page:checked { + border-color: rgba(0, 0, 0, 0.11); + border-left-width: 2px; + border-left-color: #C5A68E; + background-color: #455A64; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.03), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.03); } + notebook > header > tabs > arrow { + transition: none; + min-height: 1.20301rem; + min-width: 1.20301rem; + margin: 0 0.50376rem; + border-radius: 0; + color: rgba(236, 239, 241, 0.5); } + notebook > header > tabs > arrow:hover, notebook > header > tabs > arrow:active { + color: #ECEFF1; } + notebook > header > tabs > arrow:disabled { + color: rgba(236, 239, 241, 0.3); } + notebook > header.top button, notebook > header.bottom button, notebook > header.left button, notebook > header.right button { + min-height: 1.20301rem; + min-width: 1.20301rem; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; } + notebook > header.top button > image, notebook > header.bottom button > image, notebook > header.left button > image, notebook > header.right button > image { + padding: 0.50376rem; } + notebook tab { + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; + outline-offset: -0.45113rem; } + notebook tab:hover { + border-color: alpha(currentColor, 0.2); } + notebook tab:checked { + border-color: #C5A68E; } + notebook tab label { + padding: 0.09774rem; + font-weight: 700; + color: rgba(236, 239, 241, 0.5); } + notebook tab.reorderable-page label { + padding: 0.3985rem 0 0.3985rem; } + notebook tab:hover label { + color: #ECEFF1; } + notebook tab:checked label { + color: #ECEFF1; } + notebook tab button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + min-width: 1.20301rem; + min-height: 1.20301rem; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-size: 2.44361rem 2.44361rem, auto; + color: rgba(236, 239, 241, 0.5); } + notebook tab button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + notebook tab button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + notebook tab button:disabled { + box-shadow: none; + background-color: transparent; } + notebook tab button > image { + padding: 0.50376rem; } + notebook tab:hover button, notebook tab:checked button { + color: #ECEFF1; } + notebook tab:hover button image, notebook tab:checked button image { + color: #ECEFF1; } + notebook tab:disabled button { + color: rgba(236, 239, 241, 0.3); } + notebook tab:disabled button image { + color: rgba(236, 239, 241, 0.3); } + notebook tab button.flat.image-button.small-button, notebook tab button.image-button.small-button.osd, notebook tab .osd toolbar button.image-button.small-button, .osd toolbar notebook tab button.image-button.small-button, notebook tab toolbar.osd button.image-button.small-button, toolbar.osd notebook tab button.image-button.small-button, notebook tab .app-notification button.image-button.small-button, .app-notification notebook tab button.image-button.small-button, notebook tab GeditViewFrame .gedit-search-slider button.image-button.small-button, GeditViewFrame .gedit-search-slider notebook tab button.image-button.small-button, notebook tab toolbar button.image-button.small-button, toolbar notebook tab button.image-button.small-button, notebook tab .titlebar button.image-button.small-button:not(.suggested-action):not(.destructive-action), .titlebar notebook tab button.image-button.small-button:not(.suggested-action):not(.destructive-action), + notebook tab headerbar button.image-button.small-button:not(.suggested-action):not(.destructive-action), + headerbar notebook tab button.image-button.small-button:not(.suggested-action):not(.destructive-action), notebook tab .menu > arrow.image-button.small-button, + notebook tab .context-menu > arrow.image-button.small-button, + notebook tab menu > arrow.image-button.small-button, notebook tab placessidebar row button.image-button.small-button, placessidebar row notebook tab button.image-button.small-button, notebook tab .ssd decoration button.image-button.small-button, .ssd decoration notebook tab button.image-button.small-button, notebook tab .csd headerbar button.image-button.small-button.titlebutton, .csd headerbar notebook tab button.image-button.small-button.titlebutton, + notebook tab .csd .titlebar button.image-button.small-button.titlebutton, + .csd .titlebar notebook tab button.image-button.small-button.titlebutton, notebook tab #gf-candidate-popup button.image-button.small-button, #gf-candidate-popup notebook tab button.image-button.small-button, notebook tab window > grid.vertical > box.vertical > widget button.image-button.small-button, window > grid.vertical > box.vertical > widget notebook tab button.image-button.small-button, notebook tab layouttabbar button.image-button.small-button, layouttabbar notebook tab button.image-button.small-button, notebook tab layouttab button.image-button.small-button, layouttab notebook tab button.image-button.small-button { + min-width: 1.20301rem; + min-height: 1.20301rem; + padding: 0; } + notebook tab button.flat.image-button.small-button > widget > box > image, notebook tab button.image-button.small-button.osd > widget > box > image, notebook tab .osd toolbar button.image-button.small-button > widget > box > image, .osd toolbar notebook tab button.image-button.small-button > widget > box > image, notebook tab toolbar.osd button.image-button.small-button > widget > box > image, toolbar.osd notebook tab button.image-button.small-button > widget > box > image, notebook tab .app-notification button.image-button.small-button > widget > box > image, .app-notification notebook tab button.image-button.small-button > widget > box > image, notebook tab GeditViewFrame .gedit-search-slider button.image-button.small-button > widget > box > image, GeditViewFrame .gedit-search-slider notebook tab button.image-button.small-button > widget > box > image, notebook tab toolbar button.image-button.small-button > widget > box > image, toolbar notebook tab button.image-button.small-button > widget > box > image, notebook tab .titlebar button.image-button.small-button:not(.suggested-action):not(.destructive-action) > widget > box > image, .titlebar notebook tab button.image-button.small-button:not(.suggested-action):not(.destructive-action) > widget > box > image, + notebook tab headerbar button.image-button.small-button:not(.suggested-action):not(.destructive-action) > widget > box > image, + headerbar notebook tab button.image-button.small-button:not(.suggested-action):not(.destructive-action) > widget > box > image, notebook tab .menu > arrow.image-button.small-button > widget > box > image, + notebook tab .context-menu > arrow.image-button.small-button > widget > box > image, + notebook tab menu > arrow.image-button.small-button > widget > box > image, notebook tab placessidebar row button.image-button.small-button > widget > box > image, placessidebar row notebook tab button.image-button.small-button > widget > box > image, notebook tab .ssd decoration button.image-button.small-button > widget > box > image, .ssd decoration notebook tab button.image-button.small-button > widget > box > image, notebook tab .csd headerbar button.image-button.small-button.titlebutton > widget > box > image, .csd headerbar notebook tab button.image-button.small-button.titlebutton > widget > box > image, + notebook tab .csd .titlebar button.image-button.small-button.titlebutton > widget > box > image, + .csd .titlebar notebook tab button.image-button.small-button.titlebutton > widget > box > image, notebook tab #gf-candidate-popup button.image-button.small-button > widget > box > image, #gf-candidate-popup notebook tab button.image-button.small-button > widget > box > image, notebook tab window > grid.vertical > box.vertical > widget button.image-button.small-button > widget > box > image, window > grid.vertical > box.vertical > widget notebook tab button.image-button.small-button > widget > box > image, notebook tab layouttabbar button.image-button.small-button > widget > box > image, layouttabbar notebook tab button.image-button.small-button > widget > box > image, notebook tab layouttab button.image-button.small-button > widget > box > image, layouttab notebook tab button.image-button.small-button > widget > box > image { + padding: 0.50376rem; } + +/************** + * Scrollbars * + **************/ +@keyframes slow_down_vert { + from { + min-width: 0.45113rem; } + to { + min-width: 0.90226rem; } } +@keyframes slow_down_horz { + from { + min-height: 0.45113rem; } + to { + min-height: 0.90226rem; } } +scrollbar, +.scrollbar { + background-color: rgba(69, 90, 100, 0.55); + transition-duration: 0.2s; } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar.top, scrollbar.top .trough, scrollbar.bottom, scrollbar.bottom .trough, scrollbar.left, scrollbar.left .trough, scrollbar.right, scrollbar.right .trough, + .scrollbar.top, + .scrollbar.top .trough, + .scrollbar.bottom, + .scrollbar.bottom .trough, + .scrollbar.left, + .scrollbar.left .trough, + .scrollbar.right, + .scrollbar.right .trough { + border: none; } + scrollbar slider, + scrollbar .slider, + .scrollbar slider, + .scrollbar .slider { + margin: 0; + border-radius: 0; + border: 0 none transparent; + background-color: rgba(236, 239, 241, 0.275); } + scrollbar slider:hover, + scrollbar .slider:hover, + .scrollbar slider:hover, + .scrollbar .slider:hover { + background-color: rgba(236, 239, 241, 0.4125); } + scrollbar slider:active, + scrollbar .slider:active, + .scrollbar slider:active, + .scrollbar .slider:active { + background-color: #ECEFF1; } + scrollbar slider:disabled, + scrollbar .slider:disabled, + .scrollbar slider:disabled, + .scrollbar .slider:disabled { + opacity: 0.4; } + scrollbar.fine-tune slider, + .scrollbar.fine-tune slider { + margin: 0; } + scrollbar.vertical slider, + scrollbar.vertical .slider, + .scrollbar.vertical slider, + .scrollbar.vertical .slider { + min-width: 0.90226rem; + min-height: 2.40602rem; + margin: 0; } + scrollbar.vertical.fine-tune slider, + .scrollbar.vertical.fine-tune slider { + margin: 0; } + scrollbar.horizontal slider, + scrollbar.horizontal .slider, + .scrollbar.horizontal slider, + .scrollbar.horizontal .slider { + min-width: 2.40602rem; + min-height: 0.90226rem; + margin: 0; } + scrollbar.horizontal.fine-tune slider, + .scrollbar.horizontal.fine-tune slider { + margin: 0; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering), + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + border: 0 none transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 0.90226rem; + min-height: 0.90226rem; + background-color: rgba(236, 239, 241, 0.275); + border-radius: 0; + border: none; + -gtk-icon-source: none; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-width: 0.45113rem; + min-height: 2.40602rem; + margin: 0; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-width: 0.45113rem; + margin: 0; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-width: 2.40602rem; + min-height: 0.45113rem; + margin: 0; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-height: 0.45113rem; + margin: 0; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering, + .scrollbar.overlay-indicator.dragging, + .scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + scrollbar.overlay-indicator.hovering.vertical slider, + .scrollbar.overlay-indicator.hovering.vertical slider { + animation: slow_down_vert 0.2s linear forwards; } + scrollbar.overlay-indicator.hovering.horizontal slider, + .scrollbar.overlay-indicator.hovering.horizontal slider { + animation: slow_down_horz 0.2s linear forwards; } + +/********** + * Switch * + **********/ +switch { + outline-offset: -0.30075rem; + font-size: 0; + border: 0.75188rem solid transparent; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: alpha(currentColor, 0.2); } + switch:disabled { + color: rgba(236, 239, 241, 0.3); } + switch:checked { + background-color: rgba(0, 188, 212, 0.2); } + switch:checked:disabled { + background-color: rgba(0, 188, 212, 0.2); } + switch:disabled { + color: rgba(236, 239, 241, 0.3); + background-color: alpha(currentColor, 0.2); } + switch slider { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #546E7A; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); + min-width: 1.50376rem; + min-height: 1.50376rem; + margin: -0.30075rem -0.07519rem; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; } + switch:hover slider { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: #ECEFF1; + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2), alpha(#FFFFFF, 0.2)); } + switch:checked slider { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #C5A68E; + color: #FFFFFF; } + switch:checked:hover slider { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #C5A68E; + color: #FFFFFF; + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2), alpha(#FFFFFF, 0.2)); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); } + switch:checked:disabled slider { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(0, 188, 212, 0.4); + background-color: #3F4E56; + background-image: none; + box-shadow: none; } + switch:checked:disabled slider > label { + color: inherit; } + switch:disabled slider { + background-color: #3F4E56; + background-image: none; + box-shadow: none; } + row:selected switch { + background-color: #3e515a; } + row:selected switch:checked { + background-color: #3b4c54; } + row:selected switch:checked:disabled { + background-color: #3b4c54; } + row:selected switch slider { + background-color: #3e515a; } + row:selected switch:hover slider { + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2), alpha(#FFFFFF, 0.2)); } + row:selected switch:checked slider { + background-color: #455A64; } + row:selected switch:checked:disabled slider { + background-color: #3b4c54; } + grid switch { + margin: 0.45113rem 0.37594rem; + font-size: 0; + outline-color: transparent; } + grid switch slider { + min-width: 3.00752rem; + min-height: 1.50376rem; } + grid switch, grid switch:hover, grid switch:checked, grid switch:checked:hover, grid switch:checked:disabled, grid switch:disabled { + margin: 0.45113rem 0.37594rem; + border: none; + color: transparent; + background: none; + background-image: none; + background-size: 40px 20px; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; } + grid switch:dir(rtl), grid switch:hover:dir(rtl), grid switch:checked:dir(rtl), grid switch:checked:hover:dir(rtl), grid switch:checked:disabled:dir(rtl), grid switch:disabled:dir(rtl) { + background-position: left center; } + grid switch slider, grid switch:hover slider, grid switch:checked slider, grid switch:checked:hover slider, grid switch:checked:disabled slider, grid switch:disabled slider { + margin: 0; + border: none; + border-radius: 0; + color: transparent; + background: none; + background-image: none; + background-size: 40px 20px; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; } + grid switch slider:dir(rtl), grid switch:hover slider:dir(rtl), grid switch:checked slider:dir(rtl), grid switch:checked:hover slider:dir(rtl), grid switch:checked:disabled slider:dir(rtl), grid switch:disabled slider:dir(rtl) { + background-position: left center; } + grid switch:not(:hover):not(:checked):not(:disabled) { + background-image: -gtk-scaled(url("assets/toggle-off-dark.png"), url("assets/toggle-off-dark@2.png")); } + grid switch:hover { + background-image: -gtk-scaled(url("assets/toggle-off-hover-dark.png"), url("assets/toggle-off-hover-dark@2.png")); } + grid switch:checked { + background-image: -gtk-scaled(url("assets/toggle-on.png"), url("assets/toggle-on@2.png")); } + grid switch:checked:hover { + background-image: -gtk-scaled(url("assets/toggle-on-hover.png"), url("assets/toggle-on-hover@2.png")); } + grid switch:checked:disabled { + background-image: -gtk-scaled(url("assets/toggle-on-insensitive-dark.png"), url("assets/toggle-on-insensitive-dark@2.png")); } + grid switch:disabled { + background-image: -gtk-scaled(url("assets/toggle-off-insensitive-dark.png"), url("assets/toggle-off-insensitive-dark@2.png")); } + +/************************* + * Check and Radio items * + *************************/ +@keyframes check_radio_hover { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(rgba(236, 239, 241, 0.75), 0.1)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(rgba(236, 239, 241, 0.75), 0.1)), to(transparent)); } } +@keyframes check_radio_active { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(#C5A68E, 0.1)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(#C5A68E, 0.1)), to(transparent)); } } +@keyframes check_radio_active_reverse { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(#C5A68E, 0.2)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(#C5A68E, 0)), to(transparent)); } } +check, +.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); + -gtk-icon-shadow: none; } + +check:hover, +.check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +check:active, +.check:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +check:disabled, +.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate, +.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover, +.check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active, +.check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled, +.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked, +.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover, +.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active, +.check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled, +.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +menu menuitem check, +menu menuitem .check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-symbolic-dark.png"), url("assets/checkbox-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem check:hover, + menu menuitem .check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-symbolic-dark.png"), url("assets/checkbox-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem check:disabled, +menu menuitem .check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-symbolic-dark.png"), url("assets/checkbox-insensitive-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem check:disabled:hover, + menu menuitem .check:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-symbolic-dark.png"), url("assets/checkbox-insensitive-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem check:indeterminate, +menu menuitem .check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-symbolic-dark.png"), url("assets/checkbox-mixed-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem check:indeterminate:hover, + menu menuitem .check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-symbolic-dark.png"), url("assets/checkbox-mixed-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem check:indeterminate:disabled, +menu menuitem .check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-symbolic-dark.png"), url("assets/checkbox-mixed-insensitive-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem check:indeterminate:disabled:hover, + menu menuitem .check:indeterminate:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-symbolic-dark.png"), url("assets/checkbox-mixed-insensitive-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem check:checked, +menu menuitem .check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-symbolic-dark.png"), url("assets/checkbox-checked-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem check:checked:hover, + menu menuitem .check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-symbolic-dark.png"), url("assets/checkbox-checked-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem check:checked:disabled, +menu menuitem .check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-symbolic-dark.png"), url("assets/checkbox-checked-insensitive-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem check:checked:disabled:hover, + menu menuitem .check:checked:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-symbolic-dark.png"), url("assets/checkbox-checked-insensitive-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +radio, +.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:hover, +.radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:active, +.radio:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled, +.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate, +.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover, +.radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active, +.radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled, +.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked, +.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover, +.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active, +.radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled, +.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +menu menuitem radio, +menu menuitem .radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-symbolic-dark.png"), url("assets/radio-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem radio:hover, + menu menuitem .radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-symbolic-dark.png"), url("assets/radio-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem radio:disabled, +menu menuitem .radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-insensitive-symbolic-dark.png"), url("assets/radio-insensitive-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem radio:disabled:hover, + menu menuitem .radio:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-insensitive-symbolic-dark.png"), url("assets/radio-insensitive-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem radio:indeterminate, +menu menuitem .radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-symbolic-dark.png"), url("assets/radio-mixed-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem radio:indeterminate:hover, + menu menuitem .radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-symbolic-dark.png"), url("assets/radio-mixed-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem radio:indeterminate:disabled, +menu menuitem .radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-symbolic-dark.png"), url("assets/radio-mixed-insensitive-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem radio:indeterminate:disabled:hover, + menu menuitem .radio:indeterminate:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-symbolic-dark.png"), url("assets/radio-mixed-insensitive-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem radio:checked, +menu menuitem .radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-symbolic-dark.png"), url("assets/radio-checked-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem radio:checked:hover, + menu menuitem .radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-symbolic-dark.png"), url("assets/radio-checked-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem radio:checked:disabled, +menu menuitem .radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-symbolic-dark.png"), url("assets/radio-checked-insensitive-symbolic-dark@2.png")); + -gtk-icon-shadow: none; } + menu menuitem radio:checked:disabled:hover, + menu menuitem .radio:checked:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-symbolic-dark.png"), url("assets/radio-checked-insensitive-symbolic-dark@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +treeview.view check, .tweak-category check, treeview.view check:only-child, .tweak-category check:only-child, +treeview.view radio, +.tweak-category radio, +treeview.view radio:only-child, +.tweak-category radio:only-child { + padding: 0; } + +treeview.view check:selected, .tweak-category check:selected, +treeview.view check:selected:focus, +.tweak-category check:selected:focus, +row check:selected, +row check:selected:focus, +row.activatable check:selected, +.view check:selected, +iconview check:selected, +.view text check:selected, +iconview text check:selected, +textview text check:selected, +treeview.view header button check:selected, +.tweak-category header button check:selected, +row.activatable check:selected:focus, +.view check:selected:focus, +iconview check:selected:focus, +.view text check:selected:focus, +iconview text check:selected:focus, +textview text check:selected:focus, +treeview.view header button check:selected:focus, +.tweak-category header button check:selected:focus { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:active, .tweak-category check:selected:active, +treeview.view check:selected:focus:active, +.tweak-category check:selected:focus:active, +row check:selected:active, +row check:selected:focus:active, +row.activatable check:selected:active, +.view check:selected:active, +iconview check:selected:active, +.view text check:selected:active, +iconview text check:selected:active, +textview text check:selected:active, +treeview.view header button check:selected:active, +.tweak-category header button check:selected:active, +row.activatable check:selected:focus:active, +.view check:selected:focus:active, +iconview check:selected:focus:active, +.view text check:selected:focus:active, +iconview text check:selected:focus:active, +textview text check:selected:focus:active, +treeview.view header button check:selected:focus:active, +.tweak-category header button check:selected:focus:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:indeterminate, .tweak-category check:selected:indeterminate, +treeview.view check:selected:focus:indeterminate, +.tweak-category check:selected:focus:indeterminate, +row check:selected:indeterminate, +row check:selected:focus:indeterminate, +row.activatable check:selected:indeterminate, +.view check:selected:indeterminate, +iconview check:selected:indeterminate, +.view text check:selected:indeterminate, +iconview text check:selected:indeterminate, +textview text check:selected:indeterminate, +treeview.view header button check:selected:indeterminate, +.tweak-category header button check:selected:indeterminate, +row.activatable check:selected:focus:indeterminate, +.view check:selected:focus:indeterminate, +iconview check:selected:focus:indeterminate, +.view text check:selected:focus:indeterminate, +iconview text check:selected:focus:indeterminate, +textview text check:selected:focus:indeterminate, +treeview.view header button check:selected:focus:indeterminate, +.tweak-category header button check:selected:focus:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:indeterminate:active, .tweak-category check:selected:indeterminate:active, +treeview.view check:selected:focus:indeterminate:active, +.tweak-category check:selected:focus:indeterminate:active, +row check:selected:indeterminate:active, +row check:selected:focus:indeterminate:active, +row.activatable check:selected:indeterminate:active, +.view check:selected:indeterminate:active, +iconview check:selected:indeterminate:active, +.view text check:selected:indeterminate:active, +iconview text check:selected:indeterminate:active, +textview text check:selected:indeterminate:active, +treeview.view header button check:selected:indeterminate:active, +.tweak-category header button check:selected:indeterminate:active, +row.activatable check:selected:focus:indeterminate:active, +.view check:selected:focus:indeterminate:active, +iconview check:selected:focus:indeterminate:active, +.view text check:selected:focus:indeterminate:active, +iconview text check:selected:focus:indeterminate:active, +textview text check:selected:focus:indeterminate:active, +treeview.view header button check:selected:focus:indeterminate:active, +.tweak-category header button check:selected:focus:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:checked, .tweak-category check:selected:checked, +treeview.view check:selected:focus:checked, +.tweak-category check:selected:focus:checked, +row check:selected:checked, +row check:selected:focus:checked, +row.activatable check:selected:checked, +.view check:selected:checked, +iconview check:selected:checked, +.view text check:selected:checked, +iconview text check:selected:checked, +textview text check:selected:checked, +treeview.view header button check:selected:checked, +.tweak-category header button check:selected:checked, +row.activatable check:selected:focus:checked, +.view check:selected:focus:checked, +iconview check:selected:focus:checked, +.view text check:selected:focus:checked, +iconview text check:selected:focus:checked, +textview text check:selected:focus:checked, +treeview.view header button check:selected:focus:checked, +.tweak-category header button check:selected:focus:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:checked:active, .tweak-category check:selected:checked:active, +treeview.view check:selected:focus:checked:active, +.tweak-category check:selected:focus:checked:active, +row check:selected:checked:active, +row check:selected:focus:checked:active, +row.activatable check:selected:checked:active, +.view check:selected:checked:active, +iconview check:selected:checked:active, +.view text check:selected:checked:active, +iconview text check:selected:checked:active, +textview text check:selected:checked:active, +treeview.view header button check:selected:checked:active, +.tweak-category header button check:selected:checked:active, +row.activatable check:selected:focus:checked:active, +.view check:selected:focus:checked:active, +iconview check:selected:focus:checked:active, +.view text check:selected:focus:checked:active, +iconview text check:selected:focus:checked:active, +textview text check:selected:focus:checked:active, +treeview.view header button check:selected:focus:checked:active, +.tweak-category header button check:selected:focus:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected, .tweak-category radio:selected, +treeview.view radio:selected:focus, +.tweak-category radio:selected:focus, +row radio:selected, +row radio:selected:focus, +row.activatable radio:selected, +.view radio:selected, +iconview radio:selected, +.view text radio:selected, +iconview text radio:selected, +textview text radio:selected, +treeview.view header button radio:selected, +.tweak-category header button radio:selected, +row.activatable radio:selected:focus, +.view radio:selected:focus, +iconview radio:selected:focus, +.view text radio:selected:focus, +iconview text radio:selected:focus, +textview text radio:selected:focus, +treeview.view header button radio:selected:focus, +.tweak-category header button radio:selected:focus { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:active, .tweak-category radio:selected:active, +treeview.view radio:selected:focus:active, +.tweak-category radio:selected:focus:active, +row radio:selected:active, +row radio:selected:focus:active, +row.activatable radio:selected:active, +.view radio:selected:active, +iconview radio:selected:active, +.view text radio:selected:active, +iconview text radio:selected:active, +textview text radio:selected:active, +treeview.view header button radio:selected:active, +.tweak-category header button radio:selected:active, +row.activatable radio:selected:focus:active, +.view radio:selected:focus:active, +iconview radio:selected:focus:active, +.view text radio:selected:focus:active, +iconview text radio:selected:focus:active, +textview text radio:selected:focus:active, +treeview.view header button radio:selected:focus:active, +.tweak-category header button radio:selected:focus:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:indeterminate, .tweak-category radio:selected:indeterminate, +treeview.view radio:selected:focus:indeterminate, +.tweak-category radio:selected:focus:indeterminate, +row radio:selected:indeterminate, +row radio:selected:focus:indeterminate, +row.activatable radio:selected:indeterminate, +.view radio:selected:indeterminate, +iconview radio:selected:indeterminate, +.view text radio:selected:indeterminate, +iconview text radio:selected:indeterminate, +textview text radio:selected:indeterminate, +treeview.view header button radio:selected:indeterminate, +.tweak-category header button radio:selected:indeterminate, +row.activatable radio:selected:focus:indeterminate, +.view radio:selected:focus:indeterminate, +iconview radio:selected:focus:indeterminate, +.view text radio:selected:focus:indeterminate, +iconview text radio:selected:focus:indeterminate, +textview text radio:selected:focus:indeterminate, +treeview.view header button radio:selected:focus:indeterminate, +.tweak-category header button radio:selected:focus:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:indeterminate:active, .tweak-category radio:selected:indeterminate:active, +treeview.view radio:selected:focus:indeterminate:active, +.tweak-category radio:selected:focus:indeterminate:active, +row radio:selected:indeterminate:active, +row radio:selected:focus:indeterminate:active, +row.activatable radio:selected:indeterminate:active, +.view radio:selected:indeterminate:active, +iconview radio:selected:indeterminate:active, +.view text radio:selected:indeterminate:active, +iconview text radio:selected:indeterminate:active, +textview text radio:selected:indeterminate:active, +treeview.view header button radio:selected:indeterminate:active, +.tweak-category header button radio:selected:indeterminate:active, +row.activatable radio:selected:focus:indeterminate:active, +.view radio:selected:focus:indeterminate:active, +iconview radio:selected:focus:indeterminate:active, +.view text radio:selected:focus:indeterminate:active, +iconview text radio:selected:focus:indeterminate:active, +textview text radio:selected:focus:indeterminate:active, +treeview.view header button radio:selected:focus:indeterminate:active, +.tweak-category header button radio:selected:focus:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:checked, .tweak-category radio:selected:checked, +treeview.view radio:selected:focus:checked, +.tweak-category radio:selected:focus:checked, +row radio:selected:checked, +row radio:selected:focus:checked, +row.activatable radio:selected:checked, +.view radio:selected:checked, +iconview radio:selected:checked, +.view text radio:selected:checked, +iconview text radio:selected:checked, +textview text radio:selected:checked, +treeview.view header button radio:selected:checked, +.tweak-category header button radio:selected:checked, +row.activatable radio:selected:focus:checked, +.view radio:selected:focus:checked, +iconview radio:selected:focus:checked, +.view text radio:selected:focus:checked, +iconview text radio:selected:focus:checked, +textview text radio:selected:focus:checked, +treeview.view header button radio:selected:focus:checked, +.tweak-category header button radio:selected:focus:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:checked:active, .tweak-category radio:selected:checked:active, +treeview.view radio:selected:focus:checked:active, +.tweak-category radio:selected:focus:checked:active, +row radio:selected:checked:active, +row radio:selected:focus:checked:active, +row.activatable radio:selected:checked:active, +.view radio:selected:checked:active, +iconview radio:selected:checked:active, +.view text radio:selected:checked:active, +iconview text radio:selected:checked:active, +textview text radio:selected:checked:active, +treeview.view header button radio:selected:checked:active, +.tweak-category header button radio:selected:checked:active, +row.activatable radio:selected:focus:checked:active, +.view radio:selected:focus:checked:active, +iconview radio:selected:focus:checked:active, +.view text radio:selected:focus:checked:active, +iconview text radio:selected:focus:checked:active, +textview text radio:selected:focus:checked:active, +treeview.view header button radio:selected:focus:checked:active, +.tweak-category header button radio:selected:focus:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view.content-view check:not(list), iconview.content-view check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view check:hover:not(list), iconview.content-view check:hover:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode-dark.png"), url("assets/checkbox-active-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view check:active:not(list), iconview.content-view check:active:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode-dark.png"), url("assets/checkbox-active-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view check:disabled:not(list), iconview.content-view check:disabled:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-selectionmode-dark.png"), url("assets/checkbox-insensitive-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view check:checked:not(list), iconview.content-view check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view check:checked:hover:not(list), iconview.content-view check:checked:hover:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode-dark.png"), url("assets/checkbox-checked-active-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view check:checked:active:not(list), iconview.content-view check:checked:active:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode-dark.png"), url("assets/checkbox-checked-active-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view check:disabled:checked:not(list), iconview.content-view check:disabled:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selectionmode-dark.png"), url("assets/checkbox-checked-insensitive-selectionmode-dark@2.png")); + background-color: transparent; } + +checkbutton.text-button, +radiobutton.text-button { + padding: 0.20301rem 0.50376rem; + outline-offset: 0; + color: rgba(236, 239, 241, 0.75); } + checkbutton.text-button:hover, checkbutton.text-button:active, checkbutton.text-button:checked, + radiobutton.text-button:hover, + radiobutton.text-button:active, + radiobutton.text-button:checked { + color: #ECEFF1; } + +radio, +.radio, +check, +.check { + min-width: 1.20301rem; + min-height: 1.20301rem; + margin: -0.75188rem -0.24812rem; + padding: 0.75188rem; } + radio:hover, + .radio:hover, + check:hover, + .check:hover { + animation: check_radio_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + radio:active, + .radio:active, + check:active, + .check:active { + animation: check_radio_active_reverse 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + radio:hover:checked, radio:hover:indeterminate, + .radio:hover:checked, + .radio:hover:indeterminate, + check:hover:checked, + check:hover:indeterminate, + .check:hover:checked, + .check:hover:indeterminate { + animation: check_radio_active 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + menu menuitem radio, menu menuitem + .radio, menu menuitem + check, menu menuitem + .check { + min-width: 1.20301rem; + min-height: 1.20301rem; + margin: 0; + padding: 0; } + menu menuitem radio:dir(ltr), menu menuitem + .radio:dir(ltr), menu menuitem + check:dir(ltr), menu menuitem + .check:dir(ltr) { + margin-right: 0.6015rem; } + menu menuitem radio:dir(rtl), menu menuitem + .radio:dir(rtl), menu menuitem + check:dir(rtl), menu menuitem + .check:dir(rtl) { + margin-left: 0.6015rem; } + menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem + .radio, menu menuitem + .radio:hover, menu menuitem + .radio:disabled, menu menuitem + check, menu menuitem + check:hover, menu menuitem + check:disabled, menu menuitem + .check, menu menuitem + .check:hover, menu menuitem + .check:disabled { + border-color: transparent; + background-image: none; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + color: inherit; + animation: none; } + +/************ + * GtkScale * + ************/ +@keyframes scale_enlarge { + from { + background-size: 80%; } + to { + background-size: 100%; } } +scale trough, scale fill { + border: 1px solid transparent; + border-radius: 0; + background-color: alpha(currentColor, 0.2); + box-shadow: none; } + scale trough:disabled, scale fill:disabled { + color: rgba(236, 239, 241, 0.3); + background-color: alpha(currentColor, 0.2); } + +scale highlight { + border: 1px solid transparent; + border-radius: 0; + background-color: #C5A68E; } + scale highlight:disabled { + color: rgba(236, 239, 241, 0.3); + background-color: alpha(currentColor, 0.2); } + +scale { + outline-offset: 0; + outline-width: 0; + min-height: 10px; + min-width: 10px; + padding: 10px; } + scale.fine-tune { + outline-offset: 0; + outline-width: 0; } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 10px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 10px; } + scale.fine-tune slider { + margin: -9px; } + scale slider { + min-height: 20px; + min-width: 20px; + margin: -9px; } + scale slider:not(:hover):not(:active) { + background-size: 80%; } + scale slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-dark.png"), url("assets/slider-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + scale slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-active-dark.png"), url("assets/slider-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + scale slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-insensitive-dark.png"), url("assets/slider-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + scale slider:hover { + animation: scale_enlarge 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + scale trough, + scale fill, + scale highlight { + min-height: 2px; + min-width: 2px; + border-radius: 0; + border-width: 0; } + scale fill { + background-color: rgba(236, 239, 241, 0.1); } + scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale value { + color: alpha(currentColor, 0.55); } + scale separator { + color: transparent; + background-color: alpha(currentColor, 0.2); } + +scale marks { + color: alpha(currentColor, 0.55); } + scale marks.top { + margin-bottom: 6px; + margin-top: -12px; } + scale marks.bottom { + margin-top: 6px; + margin-bottom: -12px; } + scale marks.top { + margin-right: 6px; + margin-left: -12px; } + scale marks.bottom { + margin-left: 6px; + margin-right: -12px; } +scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -9px; } +scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -9px; } +scale.fine-tune marks.top { + margin-right: 6px; + margin-left: -9px; } +scale.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -9px; } +scale.horizontal indicator { + min-height: 6px; + min-width: 1px; } +scale.horizontal.fine-tune indicator { + min-height: 3px; } +scale.vertical indicator { + min-height: 1px; + min-width: 6px; } +scale.vertical.fine-tune indicator { + min-width: 3px; } + +scale.color.horizontal slider, scale.color.horizontal slider:hover, scale.color.horizontal slider:disabled, +scale.horizontal contents:last-child:not(:only-child) > trough > slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.horizontal slider:active, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.horizontal slider:disabled, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +scale.horizontal contents:first-child:not(:only-child) > trough > slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.horizontal contents:first-child:not(:only-child) > trough > slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +scale.color.vertical:dir(rtl) slider, scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:disabled, +scale.vertical contents:last-child:not(:only-child) > trough > slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.vertical:dir(rtl) slider:active, +scale.vertical contents:last-child:not(:only-child) > trough > slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.vertical:dir(rtl) slider:disabled, +scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +scale.color.vertical:dir(ltr) slider, scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:disabled, +scale.vertical contents:first-child:not(:only-child) > trough > slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.vertical:dir(ltr) slider:active, +scale.vertical contents:first-child:not(:only-child) > trough > slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.vertical:dir(ltr) slider:disabled, +scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +scale.color { + min-height: 0; + min-width: 0; } + scale.color trough { + min-width: 2px; + min-height: 2px; + border-radius: 0; + background-color: transparent; } + scale.color.horizontal { + padding: 0 0 10px 0; } + scale.color.horizontal trough { + padding-bottom: 5px; } + scale.color.horizontal slider, scale.color.horizontal slider:hover, scale.color.horizontal slider:disabled { + margin-top: 5px; + margin-bottom: -10px; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 10px; } + scale.color.vertical:dir(ltr) trough { + padding-left: 5px; } + scale.color.vertical:dir(ltr) slider, scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:disabled { + margin-left: -10px; + margin-right: 5px; } + scale.color.vertical:dir(rtl) { + padding: 0 10px 0 0; } + scale.color.vertical:dir(rtl) trough { + padding-right: 5px; } + scale.color.vertical:dir(rtl) slider, scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:disabled { + margin-left: 5px; + margin-right: -10px; } + scale.color.fine-tune.horizontal { + padding: 0 0 10px 0; } + scale.color.fine-tune.horizontal trough { + padding-bottom: 5px; } + scale.color.fine-tune.horizontal slider { + margin-top: 5px; + margin-bottom: -10px; } + scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 10px; } + scale.color.fine-tune.vertical:dir(ltr) trough { + padding-left: 5px; } + scale.color.fine-tune.vertical:dir(ltr) slider { + margin-left: -10px; + margin-right: 5px; } + scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 10px 0 0; } + scale.color.fine-tune.vertical:dir(rtl) trough { + padding-right: 5px; } + scale.color.fine-tune.vertical:dir(rtl) slider { + margin-left: 5px; + margin-right: -10px; } + +scale.color.horizontal slider, scale.color.horizontal slider:hover, scale.color.horizontal slider:disabled, +scale.horizontal contents:last-child:not(:only-child) > trough > slider, scale.color.horizontal slider:active, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:active, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled { + margin: -15px -10px -10px -10px; } + +scale.horizontal contents:first-child:not(:only-child) > trough > slider, +scale.horizontal contents:first-child:not(:only-child) > trough > slider:active, +scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled { + margin: -10px -10px -15px -10px; } + +scale.color.vertical:dir(rtl) slider, scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:disabled, +scale.vertical contents:last-child:not(:only-child) > trough > slider, +scale.vertical contents:last-child:not(:only-child) > trough > slider:active, +scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled { + margin: -10px -10px -10px -15px; } + +scale.color.vertical:dir(ltr) slider, scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:disabled, +scale.vertical contents:first-child:not(:only-child) > trough > slider, +scale.vertical contents:first-child:not(:only-child) > trough > slider:active, +scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled { + margin: -10px -15px -10px -10px; } + +scale.color.fine-tune.horizontal slider, +scale.horizontal.fine-tune contents:last-child:not(:only-child) > tough > slider, scale.color.fine-tune.horizontal slider:active, +scale.horizontal.fine-tune contents:last-child:not(:only-child) > tough > slider:active, scale.color.fine-tune.horizontal slider:disabled, +scale.horizontal.fine-tune contents:last-child:not(:only-child) > tough > slider:disabled { + margin: -15px -10px -10px -10px; } + +scale.horizontal.fine-tune contents:first-child:not(:only-child) > tough > slider, +scale.horizontal.fine-tune contents:first-child:not(:only-child) > tough > slider:active, +scale.horizontal.fine-tune contents:first-child:not(:only-child) > tough > slider:disabled { + margin: -10px -10px -15px -10px; } + +scale.color.fine-tune.vertical:dir(rtl) slider, +scale.vertical.fine-tune contents:last-child:not(:only-child) > tough > slider, +scale.vertical.fine-tune contents:last-child:not(:only-child) > tough > slider:active, +scale.vertical.fine-tune contents:last-child:not(:only-child) > tough > slider:disabled { + margin: -10px -10px -10px -15px; } + +scale.color.fine-tune.vertical:dir(ltr) slider, +scale.vertical.fine-tune contents:first-child:not(:only-child) > tough > slider, +scale.vertical.fine-tune contents:first-child:not(:only-child) > tough > slider:active, +scale.vertical.fine-tune contents:first-child:not(:only-child) > tough > slider:disabled { + margin: -10px -15px -10px -10px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: 90%; + color: rgba(236, 239, 241, 0.5); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 4px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 4px; } + progressbar.horizontal progress { + margin: 0 -1px; } + progressbar.vertical progress { + margin: -1px 0; } + progressbar trough { + box-shadow: none; + border-radius: 0; + background-color: rgba(77, 182, 172, 0.2); } + progressbar progress { + box-shadow: none; + border-radius: 0; + background-color: #C5A68E; } + progressbar progress.left { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + progressbar progress.right { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + progressbar progress.top { + border-top-left-radius: 0; + border-top-right-radius: 0; } + progressbar progress.bottom { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + progressbar.osd { + min-width: 4px; + min-height: 4px; } + progressbar.osd trough { + border-style: none; + box-shadow: none; + background-color: rgba(77, 182, 172, 0.2); } + progressbar.osd progress { + background-image: none; + background-color: #C5A68E; + border-style: none; + border-radius: 0; } + +entry progress, spinbutton:not(.vertical) progress { + margin: -10px -6px; + border-style: none none solid; + border-width: 2px; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + border-radius: 0; + box-shadow: none; + background-color: transparent; + background-image: none; } + +/************* + * Level Bar * + *************/ +levelbar { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + levelbar block { + min-width: 2.70677rem; + min-height: 0.30075rem; } + levelbar.vertical block { + min-width: 0.30075rem; + min-height: 2.70677rem; } + levelbar trough { + padding: 0.15038rem; + border-radius: 2px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + levelbar trough:disabled { + box-shadow: none; } + levelbar trough.horizontal { + padding: 0.15038rem 0.07519rem; } + levelbar trough.vertical { + padding: 0.07519rem 0.15038rem; } + levelbar.horizontal.discrete block { + margin: 0 0.07519rem; } + levelbar.vertical.discrete block { + margin: 0.07519rem 0; } + levelbar block { + border-radius: 0; + border: none; + box-shadow: none; } + levelbar block.low { + background-color: #FF9800; } + levelbar block:not(.empty), + levelbar block.high { + background-color: #C5A68E; } + levelbar block.full { + background-color: #00E676; } + levelbar block.empty { + background-color: alpha(currentColor, 0.2); } + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + color: #ECEFF1; + border: 1px solid rgba(0, 0, 0, 0.11); + background-color: white; } +printdialog .dialog-action-box { + margin: 0.90226rem; } + +/********** + * Frames * + **********/ +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.11); + box-shadow: none; } + frame > border.flat, + .frame.flat { + border-style: none; } + +actionbar > frame > border { + border-width: 1px 0 0; } + +actionbar > revealer > box { + padding: 0.3985rem; + border-top: 1px solid rgba(0, 0, 0, 0.11); } + +placessidebar viewport.frame, +scrolledwindow viewport.frame, +placessidebar viewport.frame { + border-style: none; } +placessidebar overshoot.top, +scrolledwindow overshoot.top, +placessidebar overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } +placessidebar overshoot.bottom, +scrolledwindow overshoot.bottom, +placessidebar overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } +placessidebar overshoot.left, +scrolledwindow overshoot.left, +placessidebar overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } +placessidebar overshoot.right, +scrolledwindow overshoot.right, +placessidebar overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } +placessidebar undershoot.top, +scrolledwindow undershoot.top, +placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(69, 90, 100, 0.01), rgba(69, 90, 100, 0.04), rgba(69, 90, 100, 0.2), rgba(69, 90, 100, 0.44), rgba(69, 90, 100, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +placessidebar undershoot.bottom, +scrolledwindow undershoot.bottom, +placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(69, 90, 100, 0.01), rgba(69, 90, 100, 0.04), rgba(69, 90, 100, 0.2), rgba(69, 90, 100, 0.44), rgba(69, 90, 100, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +placessidebar undershoot.left, +scrolledwindow undershoot.left, +placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(69, 90, 100, 0.01), rgba(69, 90, 100, 0.04), rgba(69, 90, 100, 0.2), rgba(69, 90, 100, 0.44), rgba(69, 90, 100, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +placessidebar undershoot.right, +scrolledwindow undershoot.right, +placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(69, 90, 100, 0.01), rgba(69, 90, 100, 0.04), rgba(69, 90, 100, 0.2), rgba(69, 90, 100, 0.44), rgba(69, 90, 100, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } +placessidebar junction, +scrolledwindow junction, +placessidebar junction { + border-color: transparent; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.11) 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #455A64; } + placessidebar junction:dir(rtl), + scrolledwindow junction:dir(rtl), + placessidebar junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator { + color: transparent; + background-color: rgba(0, 0, 0, 0.11); + min-width: 1px; + min-height: 1px; } + +/********* + * Lists * + *********/ +list { + border-color: rgba(0, 0, 0, 0.11); + background-color: #455A64; } + +row { + padding: 2px; } + +row.activatable, .view, iconview, +.view text, +iconview text, +textview text, treeview.view header button, .tweak-category header button { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + background-repeat: no-repeat; + background-position: center, center; + background-size: 20.0188rem 20.0188rem, auto; } + row.activatable.has-open-popup, .has-open-popup.view, iconview.has-open-popup, + .view text.has-open-popup, + iconview text.has-open-popup, + textview text.has-open-popup, treeview.view header button.has-open-popup, .tweak-category header button.has-open-popup, row.activatable:hover, .view:hover, iconview:hover, + .view text:hover, + iconview text:hover, + textview text:hover, treeview.view header button:hover, .tweak-category header button:hover { + transition: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05), alpha(currentColor, 0.05)); } + row.activatable:active, .view:active, iconview:active, + .view text:active, + iconview text:active, + textview text:active, treeview.view header button:active, .tweak-category header button:active { + animation: list_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + +row button.image-button { + padding: 0.6015rem; + background-size: 2.44361rem 2.44361rem, auto; } +row button.circular { + min-width: 1rem; + min-height: 1rem; + padding: 0.6015rem; + background-size: 2.44361rem 2.44361rem, auto; } + +row:selected button:disabled { + color: rgba(255, 255, 255, 0.34); } +row:selected button.flat, row:selected button.osd.image-button, row:selected .osd toolbar button, .osd toolbar row:selected button, row:selected toolbar.osd button, toolbar.osd row:selected button, row:selected .app-notification button, .app-notification row:selected button, row:selected GeditViewFrame .gedit-search-slider button, GeditViewFrame .gedit-search-slider row:selected button, row:selected toolbar button, toolbar row:selected button, row:selected .titlebar button:not(.suggested-action):not(.destructive-action), .titlebar row:selected button:not(.suggested-action):not(.destructive-action), +row:selected headerbar button:not(.suggested-action):not(.destructive-action), +headerbar row:selected button:not(.suggested-action):not(.destructive-action), row:selected .menu > arrow, +row:selected .context-menu > arrow, +row:selected menu > arrow, placessidebar row:selected button.image-button, row:selected .ssd decoration button, .ssd decoration row:selected button, row:selected .csd headerbar button.titlebutton, .csd headerbar row:selected button.titlebutton, +row:selected .csd .titlebar button.titlebutton, +.csd .titlebar row:selected button.titlebutton, row:selected #gf-candidate-popup button, #gf-candidate-popup row:selected button, +row:selected #gf-candidate-popup .linked > button:first-child, +#gf-candidate-popup row:selected .linked > button:first-child, +row:selected #gf-candidate-popup .linked > button:last-child, +#gf-candidate-popup row:selected .linked > button:last-child, row:selected window > grid.vertical > box.vertical > widget button, window > grid.vertical > box.vertical > widget row:selected button, row:selected layouttabbar button, layouttabbar row:selected button, row:selected layouttab button, layouttab row:selected button { + color: rgba(255, 255, 255, 0.85); } + row:selected button.flat:hover, row:selected button.osd.image-button:hover, row:selected .osd toolbar button:hover, .osd toolbar row:selected button:hover, row:selected toolbar.osd button:hover, toolbar.osd row:selected button:hover, row:selected .app-notification button:hover, .app-notification row:selected button:hover, row:selected GeditViewFrame .gedit-search-slider button:hover, GeditViewFrame .gedit-search-slider row:selected button:hover, row:selected toolbar button:hover, toolbar row:selected button:hover, row:selected .titlebar button:hover:not(.suggested-action):not(.destructive-action), .titlebar row:selected button:hover:not(.suggested-action):not(.destructive-action), + row:selected headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar row:selected button:hover:not(.suggested-action):not(.destructive-action), row:selected .menu > arrow:hover, + row:selected .context-menu > arrow:hover, + row:selected menu > arrow:hover, placessidebar row:selected button.image-button:hover, row:selected .ssd decoration button:hover, .ssd decoration row:selected button:hover, row:selected .csd headerbar button.titlebutton:hover, .csd headerbar row:selected button.titlebutton:hover, + row:selected .csd .titlebar button.titlebutton:hover, + .csd .titlebar row:selected button.titlebutton:hover, row:selected #gf-candidate-popup button:hover, #gf-candidate-popup row:selected button:hover, row:selected window > grid.vertical > box.vertical > widget button:hover, window > grid.vertical > box.vertical > widget row:selected button:hover, row:selected layouttabbar button:hover, layouttabbar row:selected button:hover, row:selected layouttab button:hover, layouttab row:selected button:hover, row:selected button.flat:active, row:selected button.osd.image-button:active, row:selected .osd toolbar button:active, .osd toolbar row:selected button:active, row:selected toolbar.osd button:active, toolbar.osd row:selected button:active, row:selected .app-notification button:active, .app-notification row:selected button:active, row:selected GeditViewFrame .gedit-search-slider button:active, GeditViewFrame .gedit-search-slider row:selected button:active, row:selected toolbar button:active, toolbar row:selected button:active, row:selected .titlebar button:active:not(.suggested-action):not(.destructive-action), .titlebar row:selected button:active:not(.suggested-action):not(.destructive-action), + row:selected headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar row:selected button:active:not(.suggested-action):not(.destructive-action), row:selected .menu > arrow:active, + row:selected .context-menu > arrow:active, + row:selected menu > arrow:active, placessidebar row:selected button.image-button:active, row:selected .ssd decoration button:active, .ssd decoration row:selected button:active, row:selected .csd headerbar button.titlebutton:active, .csd headerbar row:selected button.titlebutton:active, + row:selected .csd .titlebar button.titlebutton:active, + .csd .titlebar row:selected button.titlebutton:active, row:selected #gf-candidate-popup button:active, #gf-candidate-popup row:selected button:active, row:selected window > grid.vertical > box.vertical > widget button:active, window > grid.vertical > box.vertical > widget row:selected button:active, row:selected layouttabbar button:active, layouttabbar row:selected button:active, row:selected layouttab button:active, layouttab row:selected button:active { + color: #FFFFFF; } + row:selected button.flat:disabled, row:selected button.osd.image-button:disabled, row:selected .osd toolbar button:disabled, .osd toolbar row:selected button:disabled, row:selected toolbar.osd button:disabled, toolbar.osd row:selected button:disabled, row:selected .app-notification button:disabled, .app-notification row:selected button:disabled, row:selected GeditViewFrame .gedit-search-slider button:disabled, GeditViewFrame .gedit-search-slider row:selected button:disabled, row:selected toolbar button:disabled, toolbar row:selected button:disabled, row:selected .titlebar button:disabled:not(.suggested-action):not(.destructive-action), .titlebar row:selected button:disabled:not(.suggested-action):not(.destructive-action), + row:selected headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar row:selected button:disabled:not(.suggested-action):not(.destructive-action), row:selected .menu > arrow:disabled, + row:selected .context-menu > arrow:disabled, + row:selected menu > arrow:disabled, placessidebar row:selected button.image-button:disabled, row:selected .ssd decoration button:disabled, .ssd decoration row:selected button:disabled, row:selected .csd headerbar button.titlebutton:disabled, .csd headerbar row:selected button.titlebutton:disabled, + row:selected .csd .titlebar button.titlebutton:disabled, + .csd .titlebar row:selected button.titlebutton:disabled, row:selected #gf-candidate-popup button:disabled, #gf-candidate-popup row:selected button:disabled, row:selected window > grid.vertical > box.vertical > widget button:disabled, window > grid.vertical > box.vertical > widget row:selected button:disabled, row:selected layouttabbar button:disabled, layouttabbar row:selected button:disabled, row:selected layouttab button:disabled, layouttab row:selected button:disabled { + color: rgba(255, 255, 255, 0.34); } + +row:hover { + transition: none; } + +/********************* + * App Notifications * + *********************/ +.app-notification border, +.app-notification.frame border { + border: none; } + +/************* + * Expanders * + *************/ +expander { + padding: 0.20301rem 0.30075rem 0.24812rem; } + expander arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + min-width: 1.20301rem; + min-height: 1.20301rem; } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + expander arrow:not(:hover):not(:active) { + color: alpha(currentColor, 0.75); } + expander arrow:selected { + color: #FFFFFF; } + expander label { + color: rgba(236, 239, 241, 0.75); } + expander label:hover, expander label:active { + color: #ECEFF1; } + expander label:selected { + color: #FFFFFF; } + +/************ + * Calendar * + ***********/ +calendar { + margin: 0.6015rem 0; + padding: 0.3985rem 0.09774rem 0.20301rem; + border: 1px solid rgba(0, 0, 0, 0.11); + color: #ECEFF1; } + calendar:selected { + border: none; + border-radius: 100px; + color: #C5A68E; + background-color: transparent; + background-image: -gtk-scaled(url("assets/calendar-day-selected.png"), url("assets/calendar-day-selected@2.png")); + background-size: 1.45113rem 1.45113rem; + background-position: center top; + background-repeat: no-repeat; } + calendar.header { + border: 1px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.11); + border-radius: 0; } + calendar.button, calendar.header.button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: alpha(currentColor, 0.2); + background-size: 2.44361rem 2.44361rem, auto; } + calendar.button:hover, calendar.header.button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + calendar.button:active, calendar.header.button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + calendar.button:disabled, calendar.header.button:disabled { + box-shadow: none; + background-color: transparent; } + calendar:indeterminate { + color: alpha(currentColor, 0.2); } + calendar.highlight { + color: alpha(currentColor, 0.55); + font-size: 90%; + font-weight: 500; } + +/*********** + * Dialogs * + ***********/ +messagedialog .titlebar { + min-height: 1.50376rem; + border-style: none; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + color: rgba(236, 239, 241, 0.75); + background-color: #322F22; } +messagedialog entry, messagedialog spinbutton:not(.vertical), messagedialog entry:focus, messagedialog spinbutton:focus:not(.vertical) { + color: #ECEFF1; + caret-color: #ECEFF1; } +messagedialog entry:disabled, messagedialog spinbutton:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.3); } +messagedialog button { + color: #C5A68E); } + messagedialog button:hover, messagedialog button:active, messagedialog button:checked { + color: #C5A68E; } + messagedialog button:disabled { + color: rgba(236, 239, 241, 0.3); } +messagedialog .linked > button { + border: 2px solid transparent; + border-radius: 2px; + border-image: none; + box-shadow: none; } +messagedialog check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } +messagedialog radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } +messagedialog check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); } +messagedialog radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); } +messagedialog check:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); } +messagedialog radio:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); } +messagedialog check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +messagedialog radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +messagedialog check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } +messagedialog radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } +messagedialog check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); } +messagedialog radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); } +messagedialog check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); } +messagedialog radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); } +messagedialog check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +messagedialog radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +messagedialog check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } +messagedialog radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } +messagedialog check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); } +messagedialog radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); } +messagedialog check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); } +messagedialog radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); } +messagedialog check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } +messagedialog radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } +messagedialog checkbutton.text-button, +messagedialog radiobutton.text-button { + color: rgba(236, 239, 241, 0.75); } + messagedialog checkbutton.text-button:hover, messagedialog checkbutton.text-button:active, messagedialog checkbutton.text-button:checked, + messagedialog radiobutton.text-button:hover, + messagedialog radiobutton.text-button:active, + messagedialog radiobutton.text-button:checked { + color: #ECEFF1; } + messagedialog checkbutton.text-button:disabled, messagedialog checkbutton.text-button:disabled:active, messagedialog checkbutton.text-button:disabled:indeterminate, + messagedialog radiobutton.text-button:disabled, + messagedialog radiobutton.text-button:disabled:active, + messagedialog radiobutton.text-button:disabled:indeterminate { + color: rgba(236, 239, 241, 0.3); } +messagedialog.csd.background { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } +messagedialog.background, messagedialog.csd.background { + color: rgba(236, 239, 241, 0.75); + background-color: #322F22; + opacity: 0.9; } + messagedialog.background .dialog-action-area button, + messagedialog.background .dialog-action-area .linked > button, messagedialog.csd.background .dialog-action-area button, + messagedialog.csd.background .dialog-action-area .linked > button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + border: 2px solid transparent; + border-radius: 0; + color: rgba(236, 239, 241, 0.75); + font-size: initial; + font-weight: 700; + background-size: 9.96241rem 9.96241rem, auto; + box-shadow: none; + background-color: transparent; + color: #C5A68E); } + messagedialog.background .dialog-action-area button:hover, + messagedialog.background .dialog-action-area .linked > button:hover, messagedialog.csd.background .dialog-action-area button:hover, + messagedialog.csd.background .dialog-action-area .linked > button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + color: #C5A68E; } + messagedialog.background .dialog-action-area button:active, + messagedialog.background .dialog-action-area .linked > button:active, messagedialog.csd.background .dialog-action-area button:active, + messagedialog.csd.background .dialog-action-area .linked > button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #C5A68E; } + messagedialog.background .dialog-action-area button:checked, + messagedialog.background .dialog-action-area .linked > button:checked, messagedialog.csd.background .dialog-action-area button:checked, + messagedialog.csd.background .dialog-action-area .linked > button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + color: #C5A68E); } + messagedialog.background .dialog-action-area button:disabled, + messagedialog.background .dialog-action-area .linked > button:disabled, messagedialog.csd.background .dialog-action-area button:disabled, + messagedialog.csd.background .dialog-action-area .linked > button:disabled { + box-shadow: none; + background-color: transparent; } + messagedialog.background .dialog-action-area button:first-child, + messagedialog.background .dialog-action-area .linked > button:first-child, messagedialog.csd.background .dialog-action-area button:first-child, + messagedialog.csd.background .dialog-action-area .linked > button:first-child { + border-radius: 0 0 0 2px; + border-right-width: 0; } + messagedialog.background .dialog-action-area button:last-child, + messagedialog.background .dialog-action-area .linked > button:last-child, messagedialog.csd.background .dialog-action-area button:last-child, + messagedialog.csd.background .dialog-action-area .linked > button:last-child { + border-radius: 0 0 2px 0; + border-left-width: 0; } + +filechooser .dialog-action-box { + border-top: 1px solid rgba(0, 0, 0, 0.11); } +filechooser #pathbarbox { + border-bottom: 1px solid #3e515a; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border: none; + color: rgba(236, 239, 241, 0.75); + background-color: #3b4c54; } + .sidebar:dir(ltr), .sidebar list:dir(ltr) { + box-shadow: inset -2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.06); } + .sidebar:dir(rtl), .sidebar list:dir(rtl) { + box-shadow: inset 2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.06); } + .sidebar treeview.view, .sidebar .tweak-category, + .sidebar .frame, + .sidebar list { + background-color: transparent; } + .sidebar treeview.view, .sidebar .tweak-category { + box-shadow: none; } + .sidebar .frame list { + box-shadow: none; } + .sidebar list, + .sidebar row, + .sidebar row.activatable, + .sidebar .view, + .sidebar iconview, + .sidebar .view text, + .view .sidebar text, + .sidebar iconview text, + iconview .sidebar text, + .sidebar textview text, + textview .sidebar text, + .sidebar treeview.view header button, + treeview.view header .sidebar button, + .sidebar .tweak-category header button, + .tweak-category header .sidebar button { + color: rgba(236, 239, 241, 0.75); + background-color: transparent; + font-weight: 500; } + .sidebar list:hover, + .sidebar row:hover, + .sidebar row.activatable:hover, + .sidebar .view:hover, + .sidebar iconview:hover, + .sidebar .view text:hover, + .view .sidebar text:hover, + .sidebar iconview text:hover, + iconview .sidebar text:hover, + .sidebar textview text:hover, + textview .sidebar text:hover, + .sidebar treeview.view header button:hover, + treeview.view header .sidebar button:hover, + .sidebar .tweak-category header button:hover, + .tweak-category header .sidebar button:hover { + color: #ECEFF1; } + .sidebar list:selected, + .sidebar row:selected, + .sidebar row.activatable:selected, + .sidebar .view:selected, + .sidebar iconview:selected, + .sidebar .view text:selected, + .view .sidebar text:selected, + .sidebar iconview text:selected, + iconview .sidebar text:selected, + .sidebar textview text:selected, + textview .sidebar text:selected, + .sidebar treeview.view header button:selected, + treeview.view header .sidebar button:selected, + .sidebar .tweak-category header button:selected, + .tweak-category header .sidebar button:selected { + color: #C5A68E; + background-color: transparent; } + .sidebar list:selected label, + .sidebar row:selected label, + .sidebar row.activatable:selected label, + .sidebar .view:selected label, + .sidebar iconview:selected label, + .sidebar .view text:selected label, + .view .sidebar text:selected label, + .sidebar iconview text:selected label, + iconview .sidebar text:selected label, + .sidebar textview text:selected label, + textview .sidebar text:selected label, + .sidebar treeview.view header button:selected label, + treeview.view header .sidebar button:selected label, + .sidebar .tweak-category header button:selected label, + .tweak-category header .sidebar button:selected label { + color: #C5A68E; } + .sidebar overshoot, + .sidebar undershoot { + box-shadow: none; } + +stacksidebar row, +stacksidebar row.activatable, +stacksidebar .view, +stacksidebar iconview, +stacksidebar .view text, +.view stacksidebar text, +stacksidebar iconview text, +iconview stacksidebar text, +stacksidebar textview text, +textview stacksidebar text, +stacksidebar treeview.view header button, +treeview.view header stacksidebar button, +stacksidebar .tweak-category header button, +.tweak-category header stacksidebar button { + padding: 0.3985rem 0.6015rem 0.50376rem; + color: rgba(236, 239, 241, 0.75); + background-color: transparent; + font-weight: 500; } + stacksidebar row > label, + stacksidebar row.activatable > label, + stacksidebar .view > label, + stacksidebar iconview > label, + stacksidebar .view text > label, + .view stacksidebar text > label, + stacksidebar iconview text > label, + iconview stacksidebar text > label, + stacksidebar textview text > label, + textview stacksidebar text > label, + stacksidebar treeview.view header button > label, + treeview.view header stacksidebar button > label, + stacksidebar .tweak-category header button > label, + .tweak-category header stacksidebar button > label { + padding-left: 0.3985rem; + padding-right: 0.3985rem; } + stacksidebar row:hover, + stacksidebar row.activatable:hover, + stacksidebar .view:hover, + stacksidebar iconview:hover, + stacksidebar .view text:hover, + .view stacksidebar text:hover, + stacksidebar iconview text:hover, + iconview stacksidebar text:hover, + stacksidebar textview text:hover, + textview stacksidebar text:hover, + stacksidebar treeview.view header button:hover, + treeview.view header stacksidebar button:hover, + stacksidebar .tweak-category header button:hover, + .tweak-category header stacksidebar button:hover { + color: #ECEFF1; } + stacksidebar row:selected, + stacksidebar row.activatable:selected, + stacksidebar .view:selected, + stacksidebar iconview:selected, + stacksidebar .view text:selected, + .view stacksidebar text:selected, + stacksidebar iconview text:selected, + iconview stacksidebar text:selected, + stacksidebar textview text:selected, + textview stacksidebar text:selected, + stacksidebar treeview.view header button:selected, + treeview.view header stacksidebar button:selected, + stacksidebar .tweak-category header button:selected, + .tweak-category header stacksidebar button:selected { + color: #C5A68E; + background-color: transparent; } + stacksidebar row:selected label, + stacksidebar row.activatable:selected label, + stacksidebar .view:selected label, + stacksidebar iconview:selected label, + stacksidebar .view text:selected label, + .view stacksidebar text:selected label, + stacksidebar iconview text:selected label, + iconview stacksidebar text:selected label, + stacksidebar textview text:selected label, + textview stacksidebar text:selected label, + stacksidebar treeview.view header button:selected label, + treeview.view header stacksidebar button:selected label, + stacksidebar .tweak-category header button:selected label, + .tweak-category header stacksidebar button:selected label { + color: #C5A68E; } + stacksidebar row:backdrop, + stacksidebar row.activatable:backdrop, + stacksidebar .view:backdrop, + stacksidebar iconview:backdrop, + stacksidebar .view text:backdrop, + .view stacksidebar text:backdrop, + stacksidebar iconview text:backdrop, + iconview stacksidebar text:backdrop, + stacksidebar textview text:backdrop, + textview stacksidebar text:backdrop, + stacksidebar treeview.view header button:backdrop, + treeview.view header stacksidebar button:backdrop, + stacksidebar .tweak-category header button:backdrop, + .tweak-category header stacksidebar button:backdrop { + opacity: 1.0; } +stacksidebar .frame list { + background-color: rgba(18, 22, 0, 0.04); } + stacksidebar .frame list:dir(ltr) { + box-shadow: inset -2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.06); } + stacksidebar .frame list:dir(rtl) { + box-shadow: inset 2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.06); } +stacksidebar separator, +stacksidebar .separator { + min-height: 0; + border-color: transparent; + background-color: transparent; + color: transparent; } + +/**************** + * File chooser * + ****************/ +placessidebar list, +placessidebar row { + background-color: #3b4c54; } +placessidebar row { + padding: 0.3985rem 0 0.50376rem; } + placessidebar row > revealer { + padding: 0.30075rem 1.05263rem 0.30075rem 0.90226rem; } + placessidebar row image.sidebar-icon { + opacity: 0.75; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 0.50376rem; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 0.50376rem; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 0.15038rem; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 0.15038rem; } + placessidebar row button.image-button { + padding: 0.50376rem; } + placessidebar row:selected { + color: #C5A68E; } + placessidebar row:selected label { + color: #C5A68E; } + placessidebar row:selected button.image-button { + color: #4DD0E1; } + placessidebar row:selected button.image-button:hover, placessidebar row:selected button.image-button:active { + color: #C5A68E; } + placessidebar row.sidebar-placeholder-row { + border: solid 1px #C5A68E; } + placessidebar row.sidebar-new-bookmark-row { + color: #C5A68E; } + placessidebar row:drop(active):not(:disabled) { + color: #C5A68E; + box-shadow: inset 0 1px #C5A68E, inset 0 -1px #C5A68E; } + placessidebar row:drop(active):not(:disabled):selected { + color: #FFFFFF; + background-color: #C5A68E; } + +placesview row.activatable:hover, placesview .view:hover, placesview iconview:hover, +placesview .view text:hover, +.view placesview text:hover, +placesview iconview text:hover, +iconview placesview text:hover, +placesview textview text:hover, +textview placesview text:hover, placesview treeview.view header button:hover, treeview.view header placesview button:hover, placesview .tweak-category header button:hover, .tweak-category header placesview button:hover { + background-color: transparent; } +placesview > actionbar > revealer > box > label { + padding-left: 0.6015rem; + padding-right: 0.6015rem; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + border-style: none; + background-color: transparent; + -gtk-icon-source: none; + background-image: image(rgba(0, 0, 0, 0.11)); + background-size: 1px 1px; + transition: none; } + paned > separator:backdrop, paned > separator:selected { + background-image: image(#37474F); + transition: none; } + window paned > separator, window paned > separator:backdrop, window paned > separator:selected { + background-image: image(rgba(0, 0, 0, 0.06)); + transition: none; } + window > grid.vertical paned > separator, window > grid.vertical paned > separator:backdrop, window > grid.vertical paned > separator:selected { + background-image: image(#37474F); + transition: none; } + paned > separator.wide, button paned > separator, stacksidebar paned > separator, + stacksidebar paned > .separator, .tweak-categories paned > separator, + .tweak-categories paned > .separator, window overlay > grid > frame > grid list paned > separator { + min-width: 0.45113rem; + min-height: 0.45113rem; + margin: 0; + padding: 0; + background-color: #3e515a; + background-image: image(#37474F), image(#37474F); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop, button paned > separator:backdrop, stacksidebar paned > separator:backdrop, + stacksidebar paned > .separator:backdrop, .tweak-categories paned > separator:backdrop, + .tweak-categories paned > .separator:backdrop, window overlay > grid > frame > grid list paned > separator:backdrop, paned > separator.wide:selected, button paned > separator:selected, stacksidebar paned > separator:selected, + stacksidebar paned > .separator:selected, .tweak-categories paned > separator:selected, + .tweak-categories paned > .separator:selected, window overlay > grid > frame > grid list paned > separator:selected { + background-image: image(#37474F), image(#37474F); } +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -0.6015rem 0 0; + padding: 0 0.6015rem 0 0; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -0.6015rem; + padding: 0 0 0 0.6015rem; } + paned.horizontal > separator.wide, button paned.horizontal > separator, stacksidebar paned.horizontal > separator, + stacksidebar paned.horizontal > .separator, .tweak-categories paned.horizontal > separator, + .tweak-categories paned.horizontal > .separator, window overlay > grid > frame > grid list paned.horizontal > separator { + background-repeat: repeat-y, repeat-y; + background-position: left, right; } +paned.vertical > separator { + margin: 0 0 -0.6015rem 0; + padding: 0 0 0.6015rem 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide, button paned.vertical > separator, stacksidebar paned.vertical > separator, + stacksidebar paned.vertical > .separator, .tweak-categories paned.vertical > separator, + .tweak-categories paned.vertical > .separator, window overlay > grid > frame > grid list paned.vertical > separator { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************** + * GtkInfoBar * + **************/ +infobar, NautilusTrashBar { + padding: 0.3985rem; + border-width: 0 0 1px; + border-style: solid; + border-color: #37474F; + background-color: #3b4c54; } + +.info:not(.error), +.question:not(.error), +.warning:not(.error), +.error:not(.error) { + color: rgba(38, 50, 56, 0.75); } +.info button, +.question button, +.warning button, +.error button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); } + .info button:hover, + .question button:hover, + .warning button:hover, + .error button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + color: #263238; } + .info button:active, + .question button:active, + .warning button:active, + .error button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #263238; } + .info button:checked, + .question button:checked, + .warning button:checked, + .error button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + color: #263238; } + .info button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled { + color: rgba(38, 50, 56, 0.3); } + .info button.flat, .info button.osd.image-button, .info .osd toolbar button, .osd toolbar .info button, .info toolbar.osd button, toolbar.osd .info button, .info .app-notification button, .app-notification .info button, .info GeditViewFrame .gedit-search-slider button, GeditViewFrame .gedit-search-slider .info button, .info toolbar button, toolbar .info button, .info .titlebar button:not(.suggested-action):not(.destructive-action), .titlebar .info button:not(.suggested-action):not(.destructive-action), + .info headerbar button:not(.suggested-action):not(.destructive-action), + headerbar .info button:not(.suggested-action):not(.destructive-action), .info .menu > arrow, + .info .context-menu > arrow, + .info menu > arrow, .info placessidebar row button.image-button, placessidebar row .info button.image-button, .info .ssd decoration button, .ssd decoration .info button, .info .csd headerbar button.titlebutton, .csd headerbar .info button.titlebutton, + .info .csd .titlebar button.titlebutton, + .csd .titlebar .info button.titlebutton, .info #gf-candidate-popup button, #gf-candidate-popup .info button, + .info #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .info .linked > button:first-child, + .info #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .info .linked > button:last-child, .info window > grid.vertical > box.vertical > widget button, window > grid.vertical > box.vertical > widget .info button, .info layouttabbar button, layouttabbar .info button, .info layouttab button, layouttab .info button, + .question button.flat, + .question button.osd.image-button, + .question .osd toolbar button, + .osd toolbar .question button, + .question toolbar.osd button, + toolbar.osd .question button, + .question .app-notification button, + .app-notification .question button, + .question GeditViewFrame .gedit-search-slider button, + GeditViewFrame .gedit-search-slider .question button, + .question toolbar button, + toolbar .question button, + .question .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar .question button:not(.suggested-action):not(.destructive-action), + .question headerbar button:not(.suggested-action):not(.destructive-action), + headerbar .question button:not(.suggested-action):not(.destructive-action), + .question .menu > arrow, + .question .context-menu > arrow, + .question menu > arrow, + .question placessidebar row button.image-button, + placessidebar row .question button.image-button, + .question .ssd decoration button, + .ssd decoration .question button, + .question .csd headerbar button.titlebutton, + .csd headerbar .question button.titlebutton, + .question .csd .titlebar button.titlebutton, + .csd .titlebar .question button.titlebutton, + .question #gf-candidate-popup button, + #gf-candidate-popup .question button, + .question #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .question .linked > button:first-child, + .question #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .question .linked > button:last-child, + .question window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget .question button, + .question layouttabbar button, + layouttabbar .question button, + .question layouttab button, + layouttab .question button, + .warning button.flat, + .warning button.osd.image-button, + .warning .osd toolbar button, + .osd toolbar .warning button, + .warning toolbar.osd button, + toolbar.osd .warning button, + .warning .app-notification button, + .app-notification .warning button, + .warning GeditViewFrame .gedit-search-slider button, + GeditViewFrame .gedit-search-slider .warning button, + .warning toolbar button, + toolbar .warning button, + .warning .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar .warning button:not(.suggested-action):not(.destructive-action), + .warning headerbar button:not(.suggested-action):not(.destructive-action), + headerbar .warning button:not(.suggested-action):not(.destructive-action), + .warning .menu > arrow, + .warning .context-menu > arrow, + .warning menu > arrow, + .warning placessidebar row button.image-button, + placessidebar row .warning button.image-button, + .warning .ssd decoration button, + .ssd decoration .warning button, + .warning .csd headerbar button.titlebutton, + .csd headerbar .warning button.titlebutton, + .warning .csd .titlebar button.titlebutton, + .csd .titlebar .warning button.titlebutton, + .warning #gf-candidate-popup button, + #gf-candidate-popup .warning button, + .warning #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .warning .linked > button:first-child, + .warning #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .warning .linked > button:last-child, + .warning window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget .warning button, + .warning layouttabbar button, + layouttabbar .warning button, + .warning layouttab button, + layouttab .warning button, + .error button.flat, + .error button.osd.image-button, + .error .osd toolbar button, + .osd toolbar .error button, + .error toolbar.osd button, + toolbar.osd .error button, + .error .app-notification button, + .app-notification .error button, + .error GeditViewFrame .gedit-search-slider button, + GeditViewFrame .gedit-search-slider .error button, + .error toolbar button, + toolbar .error button, + .error .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar .error button:not(.suggested-action):not(.destructive-action), + .error headerbar button:not(.suggested-action):not(.destructive-action), + headerbar .error button:not(.suggested-action):not(.destructive-action), + .error .menu > arrow, + .error .context-menu > arrow, + .error menu > arrow, + .error placessidebar row button.image-button, + placessidebar row .error button.image-button, + .error .ssd decoration button, + .ssd decoration .error button, + .error .csd headerbar button.titlebutton, + .csd headerbar .error button.titlebutton, + .error .csd .titlebar button.titlebutton, + .csd .titlebar .error button.titlebutton, + .error #gf-candidate-popup button, + #gf-candidate-popup .error button, + .error #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .error .linked > button:first-child, + .error #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .error .linked > button:last-child, + .error window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget .error button, + .error layouttabbar button, + layouttabbar .error button, + .error layouttab button, + layouttab .error button { + color: rgba(38, 50, 56, 0.75); } + .info button.flat:hover, .info button.osd.image-button:hover, .info .osd toolbar button:hover, .osd toolbar .info button:hover, .info toolbar.osd button:hover, toolbar.osd .info button:hover, .info .app-notification button:hover, .app-notification .info button:hover, .info GeditViewFrame .gedit-search-slider button:hover, GeditViewFrame .gedit-search-slider .info button:hover, .info toolbar button:hover, toolbar .info button:hover, .info .titlebar button:hover:not(.suggested-action):not(.destructive-action), .titlebar .info button:hover:not(.suggested-action):not(.destructive-action), + .info headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar .info button:hover:not(.suggested-action):not(.destructive-action), .info .menu > arrow:hover, + .info .context-menu > arrow:hover, + .info menu > arrow:hover, .info placessidebar row button.image-button:hover, placessidebar row .info button.image-button:hover, .info .ssd decoration button:hover, .ssd decoration .info button:hover, .info .csd headerbar button.titlebutton:hover, .csd headerbar .info button.titlebutton:hover, + .info .csd .titlebar button.titlebutton:hover, + .csd .titlebar .info button.titlebutton:hover, .info #gf-candidate-popup button:hover, #gf-candidate-popup .info button:hover, .info window > grid.vertical > box.vertical > widget button:hover, window > grid.vertical > box.vertical > widget .info button:hover, .info layouttabbar button:hover, layouttabbar .info button:hover, .info layouttab button:hover, layouttab .info button:hover, .info button.flat:active, .info button.osd.image-button:active, .info .osd toolbar button:active, .osd toolbar .info button:active, .info toolbar.osd button:active, toolbar.osd .info button:active, .info .app-notification button:active, .app-notification .info button:active, .info GeditViewFrame .gedit-search-slider button:active, GeditViewFrame .gedit-search-slider .info button:active, .info toolbar button:active, toolbar .info button:active, .info .titlebar button:active:not(.suggested-action):not(.destructive-action), .titlebar .info button:active:not(.suggested-action):not(.destructive-action), + .info headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar .info button:active:not(.suggested-action):not(.destructive-action), .info .menu > arrow:active, + .info .context-menu > arrow:active, + .info menu > arrow:active, .info placessidebar row button.image-button:active, placessidebar row .info button.image-button:active, .info .ssd decoration button:active, .ssd decoration .info button:active, .info .csd headerbar button.titlebutton:active, .csd headerbar .info button.titlebutton:active, + .info .csd .titlebar button.titlebutton:active, + .csd .titlebar .info button.titlebutton:active, .info #gf-candidate-popup button:active, #gf-candidate-popup .info button:active, .info window > grid.vertical > box.vertical > widget button:active, window > grid.vertical > box.vertical > widget .info button:active, .info layouttabbar button:active, layouttabbar .info button:active, .info layouttab button:active, layouttab .info button:active, + .question button.flat:hover, + .question button.osd.image-button:hover, + .question .osd toolbar button:hover, + .osd toolbar .question button:hover, + .question toolbar.osd button:hover, + toolbar.osd .question button:hover, + .question .app-notification button:hover, + .app-notification .question button:hover, + .question GeditViewFrame .gedit-search-slider button:hover, + GeditViewFrame .gedit-search-slider .question button:hover, + .question toolbar button:hover, + toolbar .question button:hover, + .question .titlebar button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .question button:hover:not(.suggested-action):not(.destructive-action), + .question headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar .question button:hover:not(.suggested-action):not(.destructive-action), + .question .menu > arrow:hover, + .question .context-menu > arrow:hover, + .question menu > arrow:hover, + .question placessidebar row button.image-button:hover, + placessidebar row .question button.image-button:hover, + .question .ssd decoration button:hover, + .ssd decoration .question button:hover, + .question .csd headerbar button.titlebutton:hover, + .csd headerbar .question button.titlebutton:hover, + .question .csd .titlebar button.titlebutton:hover, + .csd .titlebar .question button.titlebutton:hover, + .question #gf-candidate-popup button:hover, + #gf-candidate-popup .question button:hover, + .question window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget .question button:hover, + .question layouttabbar button:hover, + layouttabbar .question button:hover, + .question layouttab button:hover, + layouttab .question button:hover, + .question button.flat:active, + .question button.osd.image-button:active, + .question .osd toolbar button:active, + .osd toolbar .question button:active, + .question toolbar.osd button:active, + toolbar.osd .question button:active, + .question .app-notification button:active, + .app-notification .question button:active, + .question GeditViewFrame .gedit-search-slider button:active, + GeditViewFrame .gedit-search-slider .question button:active, + .question toolbar button:active, + toolbar .question button:active, + .question .titlebar button:active:not(.suggested-action):not(.destructive-action), + .titlebar .question button:active:not(.suggested-action):not(.destructive-action), + .question headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar .question button:active:not(.suggested-action):not(.destructive-action), + .question .menu > arrow:active, + .question .context-menu > arrow:active, + .question menu > arrow:active, + .question placessidebar row button.image-button:active, + placessidebar row .question button.image-button:active, + .question .ssd decoration button:active, + .ssd decoration .question button:active, + .question .csd headerbar button.titlebutton:active, + .csd headerbar .question button.titlebutton:active, + .question .csd .titlebar button.titlebutton:active, + .csd .titlebar .question button.titlebutton:active, + .question #gf-candidate-popup button:active, + #gf-candidate-popup .question button:active, + .question window > grid.vertical > box.vertical > widget button:active, + window > grid.vertical > box.vertical > widget .question button:active, + .question layouttabbar button:active, + layouttabbar .question button:active, + .question layouttab button:active, + layouttab .question button:active, + .warning button.flat:hover, + .warning button.osd.image-button:hover, + .warning .osd toolbar button:hover, + .osd toolbar .warning button:hover, + .warning toolbar.osd button:hover, + toolbar.osd .warning button:hover, + .warning .app-notification button:hover, + .app-notification .warning button:hover, + .warning GeditViewFrame .gedit-search-slider button:hover, + GeditViewFrame .gedit-search-slider .warning button:hover, + .warning toolbar button:hover, + toolbar .warning button:hover, + .warning .titlebar button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .warning button:hover:not(.suggested-action):not(.destructive-action), + .warning headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar .warning button:hover:not(.suggested-action):not(.destructive-action), + .warning .menu > arrow:hover, + .warning .context-menu > arrow:hover, + .warning menu > arrow:hover, + .warning placessidebar row button.image-button:hover, + placessidebar row .warning button.image-button:hover, + .warning .ssd decoration button:hover, + .ssd decoration .warning button:hover, + .warning .csd headerbar button.titlebutton:hover, + .csd headerbar .warning button.titlebutton:hover, + .warning .csd .titlebar button.titlebutton:hover, + .csd .titlebar .warning button.titlebutton:hover, + .warning #gf-candidate-popup button:hover, + #gf-candidate-popup .warning button:hover, + .warning window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget .warning button:hover, + .warning layouttabbar button:hover, + layouttabbar .warning button:hover, + .warning layouttab button:hover, + layouttab .warning button:hover, + .warning button.flat:active, + .warning button.osd.image-button:active, + .warning .osd toolbar button:active, + .osd toolbar .warning button:active, + .warning toolbar.osd button:active, + toolbar.osd .warning button:active, + .warning .app-notification button:active, + .app-notification .warning button:active, + .warning GeditViewFrame .gedit-search-slider button:active, + GeditViewFrame .gedit-search-slider .warning button:active, + .warning toolbar button:active, + toolbar .warning button:active, + .warning .titlebar button:active:not(.suggested-action):not(.destructive-action), + .titlebar .warning button:active:not(.suggested-action):not(.destructive-action), + .warning headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar .warning button:active:not(.suggested-action):not(.destructive-action), + .warning .menu > arrow:active, + .warning .context-menu > arrow:active, + .warning menu > arrow:active, + .warning placessidebar row button.image-button:active, + placessidebar row .warning button.image-button:active, + .warning .ssd decoration button:active, + .ssd decoration .warning button:active, + .warning .csd headerbar button.titlebutton:active, + .csd headerbar .warning button.titlebutton:active, + .warning .csd .titlebar button.titlebutton:active, + .csd .titlebar .warning button.titlebutton:active, + .warning #gf-candidate-popup button:active, + #gf-candidate-popup .warning button:active, + .warning window > grid.vertical > box.vertical > widget button:active, + window > grid.vertical > box.vertical > widget .warning button:active, + .warning layouttabbar button:active, + layouttabbar .warning button:active, + .warning layouttab button:active, + layouttab .warning button:active, + .error button.flat:hover, + .error button.osd.image-button:hover, + .error .osd toolbar button:hover, + .osd toolbar .error button:hover, + .error toolbar.osd button:hover, + toolbar.osd .error button:hover, + .error .app-notification button:hover, + .app-notification .error button:hover, + .error GeditViewFrame .gedit-search-slider button:hover, + GeditViewFrame .gedit-search-slider .error button:hover, + .error toolbar button:hover, + toolbar .error button:hover, + .error .titlebar button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .error button:hover:not(.suggested-action):not(.destructive-action), + .error headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar .error button:hover:not(.suggested-action):not(.destructive-action), + .error .menu > arrow:hover, + .error .context-menu > arrow:hover, + .error menu > arrow:hover, + .error placessidebar row button.image-button:hover, + placessidebar row .error button.image-button:hover, + .error .ssd decoration button:hover, + .ssd decoration .error button:hover, + .error .csd headerbar button.titlebutton:hover, + .csd headerbar .error button.titlebutton:hover, + .error .csd .titlebar button.titlebutton:hover, + .csd .titlebar .error button.titlebutton:hover, + .error #gf-candidate-popup button:hover, + #gf-candidate-popup .error button:hover, + .error window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget .error button:hover, + .error layouttabbar button:hover, + layouttabbar .error button:hover, + .error layouttab button:hover, + layouttab .error button:hover, + .error button.flat:active, + .error button.osd.image-button:active, + .error .osd toolbar button:active, + .osd toolbar .error button:active, + .error toolbar.osd button:active, + toolbar.osd .error button:active, + .error .app-notification button:active, + .app-notification .error button:active, + .error GeditViewFrame .gedit-search-slider button:active, + GeditViewFrame .gedit-search-slider .error button:active, + .error toolbar button:active, + toolbar .error button:active, + .error .titlebar button:active:not(.suggested-action):not(.destructive-action), + .titlebar .error button:active:not(.suggested-action):not(.destructive-action), + .error headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar .error button:active:not(.suggested-action):not(.destructive-action), + .error .menu > arrow:active, + .error .context-menu > arrow:active, + .error menu > arrow:active, + .error placessidebar row button.image-button:active, + placessidebar row .error button.image-button:active, + .error .ssd decoration button:active, + .ssd decoration .error button:active, + .error .csd headerbar button.titlebutton:active, + .csd headerbar .error button.titlebutton:active, + .error .csd .titlebar button.titlebutton:active, + .csd .titlebar .error button.titlebutton:active, + .error #gf-candidate-popup button:active, + #gf-candidate-popup .error button:active, + .error window > grid.vertical > box.vertical > widget button:active, + window > grid.vertical > box.vertical > widget .error button:active, + .error layouttabbar button:active, + layouttabbar .error button:active, + .error layouttab button:active, + layouttab .error button:active { + color: #263238; } + .info button.flat:disabled, .info button.osd.image-button:disabled, .info .osd toolbar button:disabled, .osd toolbar .info button:disabled, .info toolbar.osd button:disabled, toolbar.osd .info button:disabled, .info .app-notification button:disabled, .app-notification .info button:disabled, .info GeditViewFrame .gedit-search-slider button:disabled, GeditViewFrame .gedit-search-slider .info button:disabled, .info toolbar button:disabled, toolbar .info button:disabled, .info .titlebar button:disabled:not(.suggested-action):not(.destructive-action), .titlebar .info button:disabled:not(.suggested-action):not(.destructive-action), + .info headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar .info button:disabled:not(.suggested-action):not(.destructive-action), .info .menu > arrow:disabled, + .info .context-menu > arrow:disabled, + .info menu > arrow:disabled, .info placessidebar row button.image-button:disabled, placessidebar row .info button.image-button:disabled, .info .ssd decoration button:disabled, .ssd decoration .info button:disabled, .info .csd headerbar button.titlebutton:disabled, .csd headerbar .info button.titlebutton:disabled, + .info .csd .titlebar button.titlebutton:disabled, + .csd .titlebar .info button.titlebutton:disabled, .info #gf-candidate-popup button:disabled, #gf-candidate-popup .info button:disabled, .info window > grid.vertical > box.vertical > widget button:disabled, window > grid.vertical > box.vertical > widget .info button:disabled, .info layouttabbar button:disabled, layouttabbar .info button:disabled, .info layouttab button:disabled, layouttab .info button:disabled, + .question button.flat:disabled, + .question button.osd.image-button:disabled, + .question .osd toolbar button:disabled, + .osd toolbar .question button:disabled, + .question toolbar.osd button:disabled, + toolbar.osd .question button:disabled, + .question .app-notification button:disabled, + .app-notification .question button:disabled, + .question GeditViewFrame .gedit-search-slider button:disabled, + GeditViewFrame .gedit-search-slider .question button:disabled, + .question toolbar button:disabled, + toolbar .question button:disabled, + .question .titlebar button:disabled:not(.suggested-action):not(.destructive-action), + .titlebar .question button:disabled:not(.suggested-action):not(.destructive-action), + .question headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar .question button:disabled:not(.suggested-action):not(.destructive-action), + .question .menu > arrow:disabled, + .question .context-menu > arrow:disabled, + .question menu > arrow:disabled, + .question placessidebar row button.image-button:disabled, + placessidebar row .question button.image-button:disabled, + .question .ssd decoration button:disabled, + .ssd decoration .question button:disabled, + .question .csd headerbar button.titlebutton:disabled, + .csd headerbar .question button.titlebutton:disabled, + .question .csd .titlebar button.titlebutton:disabled, + .csd .titlebar .question button.titlebutton:disabled, + .question #gf-candidate-popup button:disabled, + #gf-candidate-popup .question button:disabled, + .question window > grid.vertical > box.vertical > widget button:disabled, + window > grid.vertical > box.vertical > widget .question button:disabled, + .question layouttabbar button:disabled, + layouttabbar .question button:disabled, + .question layouttab button:disabled, + layouttab .question button:disabled, + .warning button.flat:disabled, + .warning button.osd.image-button:disabled, + .warning .osd toolbar button:disabled, + .osd toolbar .warning button:disabled, + .warning toolbar.osd button:disabled, + toolbar.osd .warning button:disabled, + .warning .app-notification button:disabled, + .app-notification .warning button:disabled, + .warning GeditViewFrame .gedit-search-slider button:disabled, + GeditViewFrame .gedit-search-slider .warning button:disabled, + .warning toolbar button:disabled, + toolbar .warning button:disabled, + .warning .titlebar button:disabled:not(.suggested-action):not(.destructive-action), + .titlebar .warning button:disabled:not(.suggested-action):not(.destructive-action), + .warning headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar .warning button:disabled:not(.suggested-action):not(.destructive-action), + .warning .menu > arrow:disabled, + .warning .context-menu > arrow:disabled, + .warning menu > arrow:disabled, + .warning placessidebar row button.image-button:disabled, + placessidebar row .warning button.image-button:disabled, + .warning .ssd decoration button:disabled, + .ssd decoration .warning button:disabled, + .warning .csd headerbar button.titlebutton:disabled, + .csd headerbar .warning button.titlebutton:disabled, + .warning .csd .titlebar button.titlebutton:disabled, + .csd .titlebar .warning button.titlebutton:disabled, + .warning #gf-candidate-popup button:disabled, + #gf-candidate-popup .warning button:disabled, + .warning window > grid.vertical > box.vertical > widget button:disabled, + window > grid.vertical > box.vertical > widget .warning button:disabled, + .warning layouttabbar button:disabled, + layouttabbar .warning button:disabled, + .warning layouttab button:disabled, + layouttab .warning button:disabled, + .error button.flat:disabled, + .error button.osd.image-button:disabled, + .error .osd toolbar button:disabled, + .osd toolbar .error button:disabled, + .error toolbar.osd button:disabled, + toolbar.osd .error button:disabled, + .error .app-notification button:disabled, + .app-notification .error button:disabled, + .error GeditViewFrame .gedit-search-slider button:disabled, + GeditViewFrame .gedit-search-slider .error button:disabled, + .error toolbar button:disabled, + toolbar .error button:disabled, + .error .titlebar button:disabled:not(.suggested-action):not(.destructive-action), + .titlebar .error button:disabled:not(.suggested-action):not(.destructive-action), + .error headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar .error button:disabled:not(.suggested-action):not(.destructive-action), + .error .menu > arrow:disabled, + .error .context-menu > arrow:disabled, + .error menu > arrow:disabled, + .error placessidebar row button.image-button:disabled, + placessidebar row .error button.image-button:disabled, + .error .ssd decoration button:disabled, + .ssd decoration .error button:disabled, + .error .csd headerbar button.titlebutton:disabled, + .csd headerbar .error button.titlebutton:disabled, + .error .csd .titlebar button.titlebutton:disabled, + .csd .titlebar .error button.titlebutton:disabled, + .error #gf-candidate-popup button:disabled, + #gf-candidate-popup .error button:disabled, + .error window > grid.vertical > box.vertical > widget button:disabled, + window > grid.vertical > box.vertical > widget .error button:disabled, + .error layouttabbar button:disabled, + layouttabbar .error button:disabled, + .error layouttab button:disabled, + layouttab .error button:disabled { + color: rgba(38, 50, 56, 0.3); } + .info button.image-button, + .question button.image-button, + .warning button.image-button, + .error button.image-button { + min-height: 1rem; + min-width: 1rem; + padding: 0.50376rem 0.20301rem 0.50376rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } +.info selection, +.question selection, +.warning selection, +.error selection { + background-color: #008fa1; } +.info progressbar trough, +.question progressbar trough, +.warning progressbar trough, +.error progressbar trough { + background-color: rgba(255, 255, 255, 0.2); } +.info progressbar progress, +.question progressbar progress, +.warning progressbar progress, +.error progressbar progress { + background-color: #FFFFFF; } + +.info { + background-color: #00E5FF; } + +.question { + background-color: #FFEA00; } + +.warning { + background-color: #FF9100; } + +.error { + color: #FFFFFF; + background-color: #FF1744; } + +/************ + * Tooltips * + ************/ +tooltip { + color: #ECEFF1; + padding: 0.30075rem; + border-radius: 2px; + box-shadow: none; } + tooltip.background { + border: 1px solid rgba(42, 55, 62, 0.9); + background-color: rgba(42, 55, 62, 0.9); + background-clip: padding-box; } + tooltip decoration { + background-color: transparent; } + tooltip * { + background-color: transparent; + color: #ECEFF1; } + +/***************** + * Color Chooser * + *****************/ +colorswatch { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + colorswatch.top { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + colorswatch.bottom { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + colorswatch.left, colorswatch:first-child:not(.overlay):not(.top) { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + colorswatch.right, colorswatch:last-child:not(.overlay):not(.bottom) { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + colorswatch:only-child:not(.overlay) { + border-radius: 2px; } + colorswatch.top > .overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + colorswatch.bottom > .overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + colorswatch:first-child:not(.top) > .overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + colorswatch:last-child:not(.bottom) > .overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + colorswatch:only-child > .overlay { + border-radius: 2px; } + colorswatch:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + GtkColorEditor colorswatch { + border-radius: 2px; } + GtkColorEditor colorswatch:hover { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + colorswatch.color-dark { + color: white; } + colorswatch.color-light { + color: rgba(0, 0, 0, 0.8); } + colorswatch#add-color-button { + background-image: linear-gradient(to right, #FF1744 25%, #FF9100 25%, #FF9100 50%, #00E5FF 50%, #00E5FF 75%, #FFEA00 75%); + color: white; } + +colorchooser .popover.osd { + padding: 3px; + border-style: solid; + border-width: 9px; + border-radius: 2px; + border-image: -gtk-scaled(url("assets/osd-shadow-dark.png"), url("assets/osd-shadow-dark@2.png")) 10/10px stretch; + box-shadow: none; + color: #ECEFF1; + background-color: #322F22; } + colorchooser .popover.osd:backdrop { + border-image: -gtk-scaled(url("assets/osd-shadow-backdrop-dark.png"), url("assets/osd-shadow-backdrop-dark@2.png")) 10/10px stretch; } + colorchooser .popover.osd label { + color: #C5A68E; + font-weight: 700; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #3e515a; } + +@keyframes volume_hover { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.1)), to(transparent)); } } +.osd .scale-popup .vertical button, .scale-popup .vertical button { + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + .osd .scale-popup .vertical button:first-child:hover, .scale-popup .vertical button:first-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + background: none; + color: #00E676; + animation: volume_hover 0.2s linear forwards; } + .osd .scale-popup .vertical button:first-child:disabled, .scale-popup .vertical button:first-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#00E676, 0.4); } + .osd .scale-popup .vertical button:last-child:hover, .scale-popup .vertical button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + background: none; + color: #F44336; + animation: volume_hover 0.2s linear forwards; } + .osd .scale-popup .vertical button:last-child:disabled, .scale-popup .vertical button:last-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#F44336, 0.4); } +.osd .scale-popup button, +.scale-popup button { + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); } + .osd .scale-popup button:first-child:hover, + .scale-popup button:first-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + background: none; + color: #F44336; + animation: spin_hover 0.2s linear forwards; } + .osd .scale-popup button:first-child:disabled, + .scale-popup button:first-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#F44336, 0.4); } + .osd .scale-popup button:last-child:hover, + .scale-popup button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + background: none; + color: #00E676; + animation: spin_hover 0.2s linear forwards; } + .osd .scale-popup button:last-child:disabled, + .scale-popup button:last-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#00E676, 0.4); } + +button.flat.scale, button.scale.osd.image-button, .app-notification button.scale, GeditViewFrame .gedit-search-slider button.scale, toolbar button.scale, .titlebar button.scale:not(.suggested-action):not(.destructive-action), +headerbar button.scale:not(.suggested-action):not(.destructive-action), .menu > arrow.scale, +.context-menu > arrow.scale, +menu > arrow.scale, placessidebar row button.scale.image-button, .ssd decoration button.scale, .csd headerbar button.scale.titlebutton, +.csd .titlebar button.scale.titlebutton, #gf-candidate-popup button.scale, +#gf-candidate-popup .linked > button.scale:first-child, +#gf-candidate-popup .linked > button.scale:last-child, window > grid.vertical > box.vertical > widget button.scale, layouttabbar button.scale, layouttab button.scale { + min-width: 1.30075rem; + min-height: 1.30075rem; + padding: 0.75188rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + +.nautilus-window .floating-bar { + padding: 0.09774rem 0 0.20301rem; + border: 1px solid transparent; + border-radius: 0; + color: rgba(236, 239, 241, 0.75); + background-color: #13191C; + transition: none; } + .nautilus-window .floating-bar button { + min-height: 1rem; + min-width: 1rem; + padding: 0.30075rem; + margin: 0 0.30075rem; + color: #C5A68E); } + .nautilus-window .floating-bar button:hover, .nautilus-window .floating-bar button:active, .nautilus-window .floating-bar button:checked { + color: #C5A68E; } + .nautilus-window .floating-bar button:disabled { + color: rgba(77, 182, 172, 0.4); } + .nautilus-window .floating-bar spinner { + min-height: 0.90226rem; + min-width: 0.90226rem; + padding: 0.50376rem 0 0.50376rem; + margin: 0 -0.07519rem; } + +.nautilus-window .floating-bar.bottom.left { + border-width: 1px 1px 0 0; + border-radius: 0 3px 0 0; } + +.nautilus-window .floating-bar.bottom.right { + border-width: 1px 0 0 1px; + border-radius: 3px 0 0 0; } + +/********************** + * Window Decorations * + *********************/ +decoration { + transition: none; + border-radius: 2px 2px 0 0; + border-width: 0; + box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); + margin: 8px; } + decoration:backdrop { + box-shadow: 0 10px 6px transparent, 0 6px 8px -4px transparent, 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); + transition: none; } + .fullscreen decoration, .maximized decoration, .tiled decoration { + border-radius: 0; + transition: none; } + .popup decoration { + box-shadow: none; } + .ssd decoration { + box-shadow: 0 2px 2px transparent, 0 3px 4px transparent, 0 3px 3px -1px rgba(0, 0, 0, 0.08); } + .ssd decoration button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .tiled .ssd decoration .titlebar { + transition: none; } + .maximized .ssd decoration .titlebar { + transition: none; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.2); } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + message-dialog.csd decoration { + border-radius: 2px; + box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); } + message-dialog.csd decoration:backdrop { + box-shadow: 0 10px 6px transparent, 0 6px 8px -4px transparent, 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); + transition: none; } + .solid-csd decoration { + border-radius: 2px 2px 0 0; + margin: -1px; + background-color: #3e515a; + border: none; + box-shadow: none; } + +.csd headerbar button.titlebutton, .csd headerbar.selection-mode button.titlebutton, +.csd .titlebar button.titlebutton, +.csd .titlebar.selection-mode button.titlebutton { + min-width: 1rem; + min-height: 1rem; + padding: 0.75188rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + .csd headerbar button.titlebutton.close:hover:backdrop, .csd headerbar button.titlebutton.close:active:backdrop, .csd headerbar button.titlebutton.minimize:hover:backdrop, .csd headerbar button.titlebutton.minimize:active:backdrop, .csd headerbar button.titlebutton.maximize:hover:backdrop, .csd headerbar button.titlebutton.maximize:active:backdrop, .csd headerbar.selection-mode button.titlebutton.close:hover:backdrop, .csd headerbar.selection-mode button.titlebutton.close:active:backdrop, .csd headerbar.selection-mode button.titlebutton.minimize:hover:backdrop, .csd headerbar.selection-mode button.titlebutton.minimize:active:backdrop, .csd headerbar.selection-mode button.titlebutton.maximize:hover:backdrop, .csd headerbar.selection-mode button.titlebutton.maximize:active:backdrop, + .csd .titlebar button.titlebutton.close:hover:backdrop, + .csd .titlebar button.titlebutton.close:active:backdrop, + .csd .titlebar button.titlebutton.minimize:hover:backdrop, + .csd .titlebar button.titlebutton.minimize:active:backdrop, + .csd .titlebar button.titlebutton.maximize:hover:backdrop, + .csd .titlebar button.titlebutton.maximize:active:backdrop, + .csd .titlebar.selection-mode button.titlebutton.close:hover:backdrop, + .csd .titlebar.selection-mode button.titlebutton.close:active:backdrop, + .csd .titlebar.selection-mode button.titlebutton.minimize:hover:backdrop, + .csd .titlebar.selection-mode button.titlebutton.minimize:active:backdrop, + .csd .titlebar.selection-mode button.titlebutton.maximize:hover:backdrop, + .csd .titlebar.selection-mode button.titlebutton.maximize:active:backdrop { + opacity: 1.0; } + .csd headerbar button.titlebutton.close > image, .csd headerbar button.titlebutton.minimize > image, .csd headerbar button.titlebutton.maximize > image, .csd headerbar.selection-mode button.titlebutton.close > image, .csd headerbar.selection-mode button.titlebutton.minimize > image, .csd headerbar.selection-mode button.titlebutton.maximize > image, + .csd .titlebar button.titlebutton.close > image, + .csd .titlebar button.titlebutton.minimize > image, + .csd .titlebar button.titlebutton.maximize > image, + .csd .titlebar.selection-mode button.titlebutton.close > image, + .csd .titlebar.selection-mode button.titlebutton.minimize > image, + .csd .titlebar.selection-mode button.titlebutton.maximize > image { + min-height: 16px; + min-width: 16px; + color: transparent; + background-size: 16px 16px; + background-repeat: no-repeat; + background-position: center; } + .csd headerbar button.titlebutton.close > image, .csd headerbar.selection-mode button.titlebutton.close > image, + .csd .titlebar button.titlebutton.close > image, + .csd .titlebar.selection-mode button.titlebutton.close > image { + background-image: -gtk-scaled(url("assets/window-close.png"), url("assets/window-close@2.png")); } + .csd headerbar button.titlebutton.close:hover, .csd headerbar.selection-mode button.titlebutton.close:hover, + .csd .titlebar button.titlebutton.close:hover, + .csd .titlebar.selection-mode button.titlebutton.close:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: #ECEFF1; + color: #FFFFFF; + background-color: #FF5252; } + .csd headerbar button.titlebutton.close:hover > image, .csd headerbar.selection-mode button.titlebutton.close:hover > image, + .csd .titlebar button.titlebutton.close:hover > image, + .csd .titlebar.selection-mode button.titlebutton.close:hover > image { + background-image: -gtk-scaled(url("assets/window-close-active.png"), url("assets/window-close-active@2.png")); } + .csd headerbar button.titlebutton.close:active, .csd headerbar.selection-mode button.titlebutton.close:active, + .csd .titlebar button.titlebutton.close:active, + .csd .titlebar.selection-mode button.titlebutton.close:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #ECEFF1; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #FFFFFF; + background-color: #C5A68E; } + .csd headerbar button.titlebutton.close:active > image, .csd headerbar.selection-mode button.titlebutton.close:active > image, + .csd .titlebar button.titlebutton.close:active > image, + .csd .titlebar.selection-mode button.titlebutton.close:active > image { + background-image: -gtk-scaled(url("assets/window-close-active.png"), url("assets/window-close-active@2.png")); } + .csd headerbar button.titlebutton.minimize > image, .csd headerbar.selection-mode button.titlebutton.minimize > image, + .csd .titlebar button.titlebutton.minimize > image, + .csd .titlebar.selection-mode button.titlebutton.minimize > image { + background-image: -gtk-scaled(url("assets/window-minimize.png"), url("assets/window-minimize@2.png")); } + .csd headerbar button.titlebutton.minimize:hover > image, .csd headerbar button.titlebutton.minimize:active > image, .csd headerbar.selection-mode button.titlebutton.minimize:hover > image, .csd headerbar.selection-mode button.titlebutton.minimize:active > image, + .csd .titlebar button.titlebutton.minimize:hover > image, + .csd .titlebar button.titlebutton.minimize:active > image, + .csd .titlebar.selection-mode button.titlebutton.minimize:hover > image, + .csd .titlebar.selection-mode button.titlebutton.minimize:active > image { + background-image: -gtk-scaled(url("assets/window-minimize-active.png"), url("assets/window-minimize-active@2.png")); } + .csd headerbar button.titlebutton.maximize > image, .csd headerbar.selection-mode button.titlebutton.maximize > image, + .csd .titlebar button.titlebutton.maximize > image, + .csd .titlebar.selection-mode button.titlebutton.maximize > image { + background-image: -gtk-scaled(url("assets/window-maximize.png"), url("assets/window-maximize@2.png")); } + .csd headerbar button.titlebutton.maximize:hover > image, .csd headerbar button.titlebutton.maximize:active > image, .csd headerbar.selection-mode button.titlebutton.maximize:hover > image, .csd headerbar.selection-mode button.titlebutton.maximize:active > image, + .csd .titlebar button.titlebutton.maximize:hover > image, + .csd .titlebar button.titlebutton.maximize:active > image, + .csd .titlebar.selection-mode button.titlebutton.maximize:hover > image, + .csd .titlebar.selection-mode button.titlebutton.maximize:active > image { + background-image: -gtk-scaled(url("assets/window-maximize-active.png"), url("assets/window-maximize-active@2.png")); } + +.csd.maximized headerbar button.titlebutton.maximize > image, .csd.maximized headerbar.selection-mode button.titlebutton.maximize > image, +.csd.maximized .titlebar button.titlebutton.maximize > image, +.csd.maximized .titlebar.selection-mode button.titlebutton.maximize > image { + background-image: -gtk-scaled(url("assets/window-unmaximize.png"), url("assets/window-unmaximize@2.png")); } +.csd.maximized headerbar button.titlebutton.maximize:hover > image, .csd.maximized headerbar button.titlebutton.maximize:active > image, .csd.maximized headerbar.selection-mode button.titlebutton.maximize:hover > image, .csd.maximized headerbar.selection-mode button.titlebutton.maximize:active > image, +.csd.maximized .titlebar button.titlebutton.maximize:hover > image, +.csd.maximized .titlebar button.titlebutton.maximize:active > image, +.csd.maximized .titlebar.selection-mode button.titlebutton.maximize:hover > image, +.csd.maximized .titlebar.selection-mode button.titlebutton.maximize:active > image { + background-image: -gtk-scaled(url("assets/window-unmaximize-active.png"), url("assets/window-unmaximize-active@2.png")); } + +.ssd .titlebar button.titlebutton.close, .ssd .titlebar button.titlebutton.minimize, .ssd .titlebar button.titlebutton.maximize { + color: transparent; + background-size: 28px 28px; + background-repeat: no-repeat; + background-position: center; + background: none; + box-shadow: none; } + .ssd .titlebar button.titlebutton.close:backdrop, .ssd .titlebar button.titlebutton.close:hover:backdrop, .ssd .titlebar button.titlebutton.close:active:backdrop, .ssd .titlebar button.titlebutton.minimize:backdrop, .ssd .titlebar button.titlebutton.minimize:hover:backdrop, .ssd .titlebar button.titlebutton.minimize:active:backdrop, .ssd .titlebar button.titlebutton.maximize:backdrop, .ssd .titlebar button.titlebutton.maximize:hover:backdrop, .ssd .titlebar button.titlebutton.maximize:active:backdrop { + color: transparent; } +.ssd .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/window-close-ssd.png"), url("assets/window-close-ssd@2.png")); + box-shadow: none; } +.ssd .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/window-close-ssd-hover.png"), url("assets/window-close-ssd-hover@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } +.ssd .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/window-close-ssd-active.png"), url("assets/window-close-ssd-active@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } +.ssd .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop.png"), url("assets/window-close-ssd-backdrop@2.png")); + box-shadow: none; } +.ssd .titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop-hover.png"), url("assets/window-close-ssd-backdrop-hover@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } +.ssd .titlebar button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop-active.png"), url("assets/window-close-ssd-backdrop-active@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } +.ssd .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/window-minimize-ssd.png"), url("assets/window-minimize-ssd@2.png")); } +.ssd .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-hover.png"), url("assets/window-minimize-ssd-hover@2.png")); } +.ssd .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-active.png"), url("assets/window-minimize-ssd-active@2.png")); } +.ssd .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop.png"), url("assets/window-minimize-ssd-backdrop@2.png")); } +.ssd .titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop-hover.png"), url("assets/window-minimize-ssd-backdrop-hover@2.png")); } +.ssd .titlebar button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop-active.png"), url("assets/window-minimize-ssd-backdrop-active@2.png")); } +.ssd .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/window-maximize-ssd.png"), url("assets/window-maximize-ssd@2.png")); } +.ssd .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-hover.png"), url("assets/window-maximize-ssd-hover@2.png")); } +.ssd .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-active.png"), url("assets/window-maximize-ssd-active@2.png")); } +.ssd .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop.png"), url("assets/window-maximize-ssd-backdrop@2.png")); } +.ssd .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop-hover.png"), url("assets/window-maximize-ssd-backdrop-hover@2.png")); } +.ssd .titlebar button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop-active.png"), url("assets/window-maximize-ssd-backdrop-active@2.png")); } + +.maximized.ssd .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd.png"), url("assets/window-unmaximize-ssd@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-hover.png"), url("assets/window-unmaximize-ssd-hover@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-active.png"), url("assets/window-unmaximize-ssd-active@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop.png"), url("assets/window-unmaximize-ssd-backdrop@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop-hover.png"), url("assets/window-unmaximize-ssd-backdrop-hover@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop-active.png"), url("assets/window-unmaximize-ssd-backdrop-active@2.png")); } + +.ssd decoration .titlebar button.titlebutton { + min-width: 26.7px; + min-height: 26.7px; + padding: 0; } + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus, .view text selection, iconview text selection, .view text selection:focus, iconview text selection:focus, +textview text selection, +textview text selection:focus, flowbox flowboxchild:selected, label selection, +label selection:focus, entry selection, spinbutton:not(.vertical) selection, entry selection:focus, spinbutton:not(.vertical) selection:focus, treeview entry:selected, treeview spinbutton:selected:not(.vertical), treeview entry.flat:focus:selected, treeview .linked > entry:focus:selected:not(.flat), treeview .linked > spinbutton:focus:selected:not(.flat):not(.vertical), treeview spinbutton.flat:focus:selected:not(.vertical), treeview notebook:not(.reorderable-page) > entry:focus:selected, treeview notebook:not(.reorderable-page) > spinbutton:focus:selected:not(.vertical), treeview spinbutton entry:focus:selected, treeview spinbutton spinbutton:focus:selected:not(.vertical), treeview.view:selected, .tweak-category:selected, +treeview.view row:selected, +.tweak-category row:selected, paned treeview.view:selected, paned .tweak-category:selected, +paned treeview.view row:selected, +paned .tweak-category row:selected, row:selected, .sidebar treeview.view:selected, .sidebar .tweak-category:selected, +.sidebar treeview.view row:selected, +.sidebar .tweak-category row:selected, GdMainView .view:hover:selected, GdMainView iconview:hover:selected, GdMainView .view:selected, GdMainView iconview:selected, GdMainView .view row.activatable:hover:selected, GdMainView iconview row.activatable:hover:selected, GdMainView .view .view:hover:selected, GdMainView iconview .view:hover:selected, GdMainView .view iconview:hover:selected, GdMainView iconview iconview:hover:selected, +GdMainView .view text:hover:selected, +GdMainView iconview .view text:hover:selected, +.view GdMainView iconview text:hover:selected, +GdMainView .view iconview text:hover:selected, +iconview GdMainView .view text:hover:selected, +GdMainView iconview text:hover:selected, +GdMainView .view textview text:hover:selected, +textview GdMainView .view text:hover:selected, +GdMainView iconview textview text:hover:selected, +textview GdMainView iconview text:hover:selected, GdMainView treeview.view header button:hover:selected, GdMainView iconview treeview.view header button:hover:selected, treeview.view header GdMainView iconview button:hover:selected, GdMainView .view .tweak-category header button:hover:selected, .tweak-category header GdMainView .view button:hover:selected, GdMainView iconview .tweak-category header button:hover:selected, .tweak-category header GdMainView iconview button:hover:selected, GdMainView .view row.activatable:selected, GdMainView iconview row.activatable:selected, GdMainView .view .view:selected, GdMainView iconview .view:selected, GdMainView .view iconview:selected, GdMainView iconview iconview:selected, +GdMainView .view text:selected, +GdMainView iconview .view text:selected, +.view GdMainView iconview text:selected, +GdMainView .view iconview text:selected, +iconview GdMainView .view text:selected, +GdMainView iconview text:selected, +GdMainView .view textview text:selected, +textview GdMainView .view text:selected, +GdMainView iconview textview text:selected, +textview GdMainView iconview text:selected, GdMainView treeview.view header button:selected, GdMainView iconview treeview.view header button:selected, treeview.view header GdMainView iconview button:selected, GdMainView .view .tweak-category header button:selected, .tweak-category header GdMainView .view button:selected, GdMainView iconview .tweak-category header button:selected, .tweak-category header GdMainView iconview button:selected, +.side-panel .view:hover:selected, +.side-panel iconview:hover:selected, +.side-panel .view:selected, +.side-panel iconview:selected, +.side-panel .view row.activatable:hover:selected, +.side-panel iconview row.activatable:hover:selected, +.side-panel .view .view:hover:selected, +.side-panel iconview .view:hover:selected, +.side-panel .view iconview:hover:selected, +.side-panel iconview iconview:hover:selected, +.side-panel .view text:hover:selected, +.side-panel iconview .view text:hover:selected, +.view .side-panel iconview text:hover:selected, +.side-panel .view iconview text:hover:selected, +iconview .side-panel .view text:hover:selected, +.side-panel iconview text:hover:selected, +.side-panel .view textview text:hover:selected, +textview .side-panel .view text:hover:selected, +.side-panel iconview textview text:hover:selected, +textview .side-panel iconview text:hover:selected, +.side-panel treeview.view header button:hover:selected, +.side-panel iconview treeview.view header button:hover:selected, +treeview.view header .side-panel iconview button:hover:selected, +.side-panel .view .tweak-category header button:hover:selected, +.tweak-category header .side-panel .view button:hover:selected, +.side-panel iconview .tweak-category header button:hover:selected, +.tweak-category header .side-panel iconview button:hover:selected, +.side-panel .view row.activatable:selected, +.side-panel iconview row.activatable:selected, +.side-panel .view .view:selected, +.side-panel iconview .view:selected, +.side-panel .view iconview:selected, +.side-panel iconview iconview:selected, +.side-panel .view text:selected, +.side-panel iconview .view text:selected, +.view .side-panel iconview text:selected, +.side-panel .view iconview text:selected, +iconview .side-panel .view text:selected, +.side-panel iconview text:selected, +.side-panel .view textview text:selected, +textview .side-panel .view text:selected, +.side-panel iconview textview text:selected, +textview .side-panel iconview text:selected, +.side-panel treeview.view header button:selected, +.side-panel iconview treeview.view header button:selected, +treeview.view header .side-panel iconview button:selected, +.side-panel .view .tweak-category header button:selected, +.tweak-category header .side-panel .view button:selected, +.side-panel iconview .tweak-category header button:selected, +.tweak-category header .side-panel iconview button:selected { + background-color: #C5A68E; } + label:selected, row:selected label, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, .view text selection, iconview text selection, .view text selection:focus, iconview text selection:focus, + textview text selection, + textview text selection:focus, flowbox flowboxchild:selected, label selection, + label selection:focus, entry selection, spinbutton:not(.vertical) selection, entry selection:focus, spinbutton:not(.vertical) selection:focus, treeview entry:selected, treeview spinbutton:selected:not(.vertical), treeview entry.flat:focus:selected, treeview .linked > entry:focus:selected:not(.flat), treeview .linked > spinbutton:focus:selected:not(.flat):not(.vertical), treeview spinbutton.flat:focus:selected:not(.vertical), treeview notebook:not(.reorderable-page) > entry:focus:selected, treeview notebook:not(.reorderable-page) > spinbutton:focus:selected:not(.vertical), treeview spinbutton entry:focus:selected, treeview spinbutton spinbutton:focus:selected:not(.vertical), treeview.view:selected, .tweak-category:selected, + treeview.view row:selected, + .tweak-category row:selected, paned treeview.view:selected, paned .tweak-category:selected, + paned treeview.view row:selected, + paned .tweak-category row:selected, row:selected, .sidebar treeview.view:selected, .sidebar .tweak-category:selected, + .sidebar treeview.view row:selected, + .sidebar .tweak-category row:selected, GdMainView .view:hover:selected, GdMainView iconview:hover:selected, GdMainView .view:selected, GdMainView iconview:selected, GdMainView .view row.activatable:hover:selected, GdMainView iconview row.activatable:hover:selected, GdMainView .view .view:hover:selected, GdMainView iconview .view:hover:selected, GdMainView .view iconview:hover:selected, GdMainView iconview iconview:hover:selected, + GdMainView .view text:hover:selected, + GdMainView iconview .view text:hover:selected, + .view GdMainView iconview text:hover:selected, + GdMainView .view iconview text:hover:selected, + iconview GdMainView .view text:hover:selected, + GdMainView iconview text:hover:selected, + GdMainView .view textview text:hover:selected, + textview GdMainView .view text:hover:selected, + GdMainView iconview textview text:hover:selected, + textview GdMainView iconview text:hover:selected, GdMainView treeview.view header button:hover:selected, GdMainView iconview treeview.view header button:hover:selected, treeview.view header GdMainView iconview button:hover:selected, GdMainView .view .tweak-category header button:hover:selected, .tweak-category header GdMainView .view button:hover:selected, GdMainView iconview .tweak-category header button:hover:selected, .tweak-category header GdMainView iconview button:hover:selected, GdMainView .view row.activatable:selected, GdMainView iconview row.activatable:selected, GdMainView .view .view:selected, GdMainView iconview .view:selected, GdMainView .view iconview:selected, GdMainView iconview iconview:selected, + GdMainView .view text:selected, + GdMainView iconview .view text:selected, + .view GdMainView iconview text:selected, + GdMainView .view iconview text:selected, + iconview GdMainView .view text:selected, + GdMainView iconview text:selected, + GdMainView .view textview text:selected, + textview GdMainView .view text:selected, + GdMainView iconview textview text:selected, + textview GdMainView iconview text:selected, GdMainView treeview.view header button:selected, GdMainView iconview treeview.view header button:selected, treeview.view header GdMainView iconview button:selected, GdMainView .view .tweak-category header button:selected, .tweak-category header GdMainView .view button:selected, GdMainView iconview .tweak-category header button:selected, .tweak-category header GdMainView iconview button:selected, + .side-panel .view:hover:selected, + .side-panel iconview:hover:selected, + .side-panel .view:selected, + .side-panel iconview:selected, + .side-panel .view row.activatable:hover:selected, + .side-panel iconview row.activatable:hover:selected, + .side-panel .view .view:hover:selected, + .side-panel iconview .view:hover:selected, + .side-panel .view iconview:hover:selected, + .side-panel iconview iconview:hover:selected, + .side-panel .view text:hover:selected, + .side-panel iconview .view text:hover:selected, + .view .side-panel iconview text:hover:selected, + .side-panel .view iconview text:hover:selected, + iconview .side-panel .view text:hover:selected, + .side-panel iconview text:hover:selected, + .side-panel .view textview text:hover:selected, + textview .side-panel .view text:hover:selected, + .side-panel iconview textview text:hover:selected, + textview .side-panel iconview text:hover:selected, + .side-panel treeview.view header button:hover:selected, + .side-panel iconview treeview.view header button:hover:selected, + treeview.view header .side-panel iconview button:hover:selected, + .side-panel .view .tweak-category header button:hover:selected, + .tweak-category header .side-panel .view button:hover:selected, + .side-panel iconview .tweak-category header button:hover:selected, + .tweak-category header .side-panel iconview button:hover:selected, + .side-panel .view row.activatable:selected, + .side-panel iconview row.activatable:selected, + .side-panel .view .view:selected, + .side-panel iconview .view:selected, + .side-panel .view iconview:selected, + .side-panel iconview iconview:selected, + .side-panel .view text:selected, + .side-panel iconview .view text:selected, + .view .side-panel iconview text:selected, + .side-panel .view iconview text:selected, + iconview .side-panel .view text:selected, + .side-panel iconview text:selected, + .side-panel .view textview text:selected, + textview .side-panel .view text:selected, + .side-panel iconview textview text:selected, + textview .side-panel iconview text:selected, + .side-panel treeview.view header button:selected, + .side-panel iconview treeview.view header button:selected, + treeview.view header .side-panel iconview button:selected, + .side-panel .view .tweak-category header button:selected, + .tweak-category header .side-panel .view button:selected, + .side-panel iconview .tweak-category header button:selected, + .tweak-category header .side-panel iconview button:selected { + color: #FFFFFF; } + label:disabled:selected, row:selected label:disabled, .view:disabled:selected, iconview:disabled:selected, .view:disabled:selected:focus, iconview:disabled:selected:focus, + .view text:disabled:selected, + iconview text:disabled:selected, + textview text:disabled:selected, + .view text:disabled:selected:focus, + iconview text:disabled:selected:focus, + textview text:disabled:selected:focus, .view text selection:disabled, iconview text selection:disabled, .view text selection:disabled:focus, iconview text selection:disabled:focus, + textview text selection:disabled, + textview text selection:disabled:focus, flowbox flowboxchild:disabled:selected, label selection:disabled, + label selection:disabled:focus, label:disabled selection, entry selection:disabled, spinbutton:not(.vertical) selection:disabled, entry selection:disabled:focus, spinbutton:not(.vertical) selection:disabled:focus, treeview entry:disabled:selected, treeview spinbutton:disabled:selected:not(.vertical), treeview entry.flat:disabled:focus:selected, treeview .linked > entry:disabled:focus:selected:not(.flat), treeview .linked > spinbutton:disabled:focus:selected:not(.flat):not(.vertical), treeview spinbutton.flat:disabled:focus:selected:not(.vertical), treeview notebook:not(.reorderable-page) > entry:disabled:focus:selected, treeview notebook:not(.reorderable-page) > spinbutton:disabled:focus:selected:not(.vertical), treeview spinbutton entry:disabled:focus:selected, treeview spinbutton spinbutton:disabled:focus:selected:not(.vertical), treeview.view:disabled:selected, .tweak-category:disabled:selected, + treeview.view row:disabled:selected, + .tweak-category row:disabled:selected, paned treeview.view:disabled:selected, paned .tweak-category:disabled:selected, + paned treeview.view row:disabled:selected, + paned .tweak-category row:disabled:selected, row:disabled:selected, .sidebar treeview.view:disabled:selected, .sidebar .tweak-category:disabled:selected, + .sidebar treeview.view row:disabled:selected, + .sidebar .tweak-category row:disabled:selected, placessidebar row:selected:disabled label, GdMainView .view:disabled:hover:selected, GdMainView iconview:disabled:hover:selected, GdMainView .view:disabled:selected, GdMainView iconview:disabled:selected, GdMainView .view row.activatable:disabled:hover:selected, GdMainView iconview row.activatable:disabled:hover:selected, GdMainView .view .view:disabled:hover:selected, GdMainView iconview .view:disabled:hover:selected, GdMainView .view iconview:disabled:hover:selected, GdMainView iconview iconview:disabled:hover:selected, + GdMainView .view text:disabled:hover:selected, + .view GdMainView iconview text:disabled:hover:selected, + GdMainView iconview text:disabled:hover:selected, + GdMainView iconview textview text:disabled:hover:selected, + textview GdMainView iconview text:disabled:hover:selected, GdMainView treeview.view header button:disabled:hover:selected, treeview.view header GdMainView iconview button:disabled:hover:selected, GdMainView .view .tweak-category header button:disabled:hover:selected, .tweak-category header GdMainView .view button:disabled:hover:selected, GdMainView iconview .tweak-category header button:disabled:hover:selected, .tweak-category header GdMainView iconview button:disabled:hover:selected, GdMainView .view row.activatable:disabled:selected, GdMainView iconview row.activatable:disabled:selected, GdMainView .view .view:disabled:selected, GdMainView iconview .view:disabled:selected, GdMainView .view iconview:disabled:selected, GdMainView iconview iconview:disabled:selected, + GdMainView .view text:disabled:selected, + .view GdMainView iconview text:disabled:selected, + GdMainView iconview text:disabled:selected, + GdMainView iconview textview text:disabled:selected, + textview GdMainView iconview text:disabled:selected, GdMainView treeview.view header button:disabled:selected, treeview.view header GdMainView iconview button:disabled:selected, GdMainView .view .tweak-category header button:disabled:selected, .tweak-category header GdMainView .view button:disabled:selected, GdMainView iconview .tweak-category header button:disabled:selected, .tweak-category header GdMainView iconview button:disabled:selected, + .side-panel .view:disabled:hover:selected, + .side-panel iconview:disabled:hover:selected, + .side-panel .view:disabled:selected, + .side-panel iconview:disabled:selected, + .side-panel .view row.activatable:disabled:hover:selected, + .side-panel iconview row.activatable:disabled:hover:selected, + .side-panel .view .view:disabled:hover:selected, + .side-panel iconview .view:disabled:hover:selected, + .side-panel .view iconview:disabled:hover:selected, + .side-panel iconview iconview:disabled:hover:selected, + .side-panel .view text:disabled:hover:selected, + .view .side-panel iconview text:disabled:hover:selected, + .side-panel iconview text:disabled:hover:selected, + .side-panel iconview textview text:disabled:hover:selected, + textview .side-panel iconview text:disabled:hover:selected, + .side-panel treeview.view header button:disabled:hover:selected, + treeview.view header .side-panel iconview button:disabled:hover:selected, + .side-panel .view .tweak-category header button:disabled:hover:selected, + .tweak-category header .side-panel .view button:disabled:hover:selected, + .side-panel iconview .tweak-category header button:disabled:hover:selected, + .tweak-category header .side-panel iconview button:disabled:hover:selected, + .side-panel .view row.activatable:disabled:selected, + .side-panel iconview row.activatable:disabled:selected, + .side-panel .view .view:disabled:selected, + .side-panel iconview .view:disabled:selected, + .side-panel .view iconview:disabled:selected, + .side-panel iconview iconview:disabled:selected, + .side-panel .view text:disabled:selected, + .view .side-panel iconview text:disabled:selected, + .side-panel iconview text:disabled:selected, + .side-panel iconview textview text:disabled:selected, + textview .side-panel iconview text:disabled:selected, + .side-panel treeview.view header button:disabled:selected, + treeview.view header .side-panel iconview button:disabled:selected, + .side-panel .view .tweak-category header button:disabled:selected, + .tweak-category header .side-panel .view button:disabled:selected, + .side-panel iconview .tweak-category header button:disabled:selected, + .tweak-category header .side-panel iconview button:disabled:selected { + color: rgba(255, 255, 255, 0.4); } + label:backdrop:disabled:selected, row:selected label:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view:backdrop:disabled:selected:focus, iconview:backdrop:disabled:selected:focus, + .view text:backdrop:disabled:selected, + iconview text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, + .view text:backdrop:disabled:selected:focus, + iconview text:backdrop:disabled:selected:focus, + textview text:backdrop:disabled:selected:focus, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, .view text selection:backdrop:disabled:focus, iconview text selection:backdrop:disabled:focus, + textview text selection:backdrop:disabled, + textview text selection:backdrop:disabled:focus, flowbox flowboxchild:backdrop:disabled:selected, label selection:backdrop:disabled, + label selection:backdrop:disabled:focus, label:disabled selection:backdrop, entry selection:backdrop:disabled, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled:focus, spinbutton:not(.vertical) selection:backdrop:disabled:focus, treeview entry:backdrop:disabled:selected, treeview spinbutton:backdrop:disabled:selected:not(.vertical), treeview entry.flat:backdrop:disabled:focus:selected, treeview .linked > entry:backdrop:disabled:focus:selected:not(.flat), treeview .linked > spinbutton:backdrop:disabled:focus:selected:not(.flat):not(.vertical), treeview spinbutton.flat:backdrop:disabled:focus:selected:not(.vertical), treeview notebook:not(.reorderable-page) > entry:backdrop:disabled:focus:selected, treeview notebook:not(.reorderable-page) > spinbutton:backdrop:disabled:focus:selected:not(.vertical), treeview spinbutton entry:backdrop:disabled:focus:selected, treeview spinbutton spinbutton:backdrop:disabled:focus:selected:not(.vertical), treeview.view:backdrop:disabled:selected, .tweak-category:backdrop:disabled:selected, + treeview.view row:backdrop:disabled:selected, + .tweak-category row:backdrop:disabled:selected, paned treeview.view:backdrop:disabled:selected, paned .tweak-category:backdrop:disabled:selected, + paned treeview.view row:backdrop:disabled:selected, + paned .tweak-category row:backdrop:disabled:selected, row:backdrop:disabled:selected, .sidebar treeview.view:backdrop:disabled:selected, .sidebar .tweak-category:backdrop:disabled:selected, + .sidebar treeview.view row:backdrop:disabled:selected, + .sidebar .tweak-category row:backdrop:disabled:selected, placessidebar row:selected:disabled label:backdrop, GdMainView .view:backdrop:disabled:hover:selected, GdMainView iconview:backdrop:disabled:hover:selected, GdMainView .view:backdrop:disabled:selected, GdMainView iconview:backdrop:disabled:selected, GdMainView .view row.activatable:backdrop:disabled:hover:selected, GdMainView iconview row.activatable:backdrop:disabled:hover:selected, GdMainView .view .view:backdrop:disabled:hover:selected, GdMainView iconview .view:backdrop:disabled:hover:selected, GdMainView .view iconview:backdrop:disabled:hover:selected, GdMainView iconview iconview:backdrop:disabled:hover:selected, + GdMainView .view text:backdrop:disabled:hover:selected, + GdMainView iconview text:backdrop:disabled:hover:selected, GdMainView treeview.view header button:backdrop:disabled:hover:selected, treeview.view header GdMainView iconview button:backdrop:disabled:hover:selected, GdMainView .view .tweak-category header button:backdrop:disabled:hover:selected, .tweak-category header GdMainView .view button:backdrop:disabled:hover:selected, GdMainView iconview .tweak-category header button:backdrop:disabled:hover:selected, .tweak-category header GdMainView iconview button:backdrop:disabled:hover:selected, GdMainView .view row.activatable:backdrop:disabled:selected, GdMainView iconview row.activatable:backdrop:disabled:selected, GdMainView .view .view:backdrop:disabled:selected, GdMainView iconview .view:backdrop:disabled:selected, GdMainView .view iconview:backdrop:disabled:selected, GdMainView iconview iconview:backdrop:disabled:selected, + GdMainView .view text:backdrop:disabled:selected, + GdMainView iconview text:backdrop:disabled:selected, GdMainView treeview.view header button:backdrop:disabled:selected, treeview.view header GdMainView iconview button:backdrop:disabled:selected, GdMainView .view .tweak-category header button:backdrop:disabled:selected, .tweak-category header GdMainView .view button:backdrop:disabled:selected, GdMainView iconview .tweak-category header button:backdrop:disabled:selected, .tweak-category header GdMainView iconview button:backdrop:disabled:selected, + .side-panel .view:backdrop:disabled:hover:selected, + .side-panel iconview:backdrop:disabled:hover:selected, + .side-panel .view:backdrop:disabled:selected, + .side-panel iconview:backdrop:disabled:selected, + .side-panel .view row.activatable:backdrop:disabled:hover:selected, + .side-panel iconview row.activatable:backdrop:disabled:hover:selected, + .side-panel .view .view:backdrop:disabled:hover:selected, + .side-panel iconview .view:backdrop:disabled:hover:selected, + .side-panel .view iconview:backdrop:disabled:hover:selected, + .side-panel iconview iconview:backdrop:disabled:hover:selected, + .side-panel .view text:backdrop:disabled:hover:selected, + .side-panel iconview text:backdrop:disabled:hover:selected, + .side-panel treeview.view header button:backdrop:disabled:hover:selected, + treeview.view header .side-panel iconview button:backdrop:disabled:hover:selected, + .side-panel .view .tweak-category header button:backdrop:disabled:hover:selected, + .tweak-category header .side-panel .view button:backdrop:disabled:hover:selected, + .side-panel iconview .tweak-category header button:backdrop:disabled:hover:selected, + .tweak-category header .side-panel iconview button:backdrop:disabled:hover:selected, + .side-panel .view row.activatable:backdrop:disabled:selected, + .side-panel iconview row.activatable:backdrop:disabled:selected, + .side-panel .view .view:backdrop:disabled:selected, + .side-panel iconview .view:backdrop:disabled:selected, + .side-panel .view iconview:backdrop:disabled:selected, + .side-panel iconview iconview:backdrop:disabled:selected, + .side-panel .view text:backdrop:disabled:selected, + .side-panel iconview text:backdrop:disabled:selected, + .side-panel treeview.view header button:backdrop:disabled:selected, + treeview.view header .side-panel iconview button:backdrop:disabled:selected, + .side-panel .view .tweak-category header button:backdrop:disabled:selected, + .tweak-category header .side-panel .view button:backdrop:disabled:selected, + .side-panel iconview .tweak-category header button:backdrop:disabled:selected, + .tweak-category header .side-panel iconview button:backdrop:disabled:selected { + color: rgba(255, 255, 255, 0.4); } + +.monospace { + font-family: Monospace; } + +/********************** + * Touch Copy & Paste * + *********************/ +cursor-handle { + background-color: #00E676; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); + padding-left: 10px; } + cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } + cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); + padding-left: 10px; } + cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } + cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); + padding-left: 10px; } + cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } + +.context-menu { + font: initial; } + +popover.touch-selection { + font: initial; + color: #ECEFF1; + background-color: #455A64; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + popover.touch-selection:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; } + button.circular label { + padding: 0; } + +.keycap { + min-width: 1.50376rem; + min-height: 1.95489rem; + margin-top: 0.20301rem; + margin-bottom: 0.24812rem; + padding: 0 0.45113rem; + border: none; + border-radius: 2px; + color: #ECEFF1; + background-color: #455A64; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); + font-size: 90%; + font-weight: 500; } + +*:drop(active):focus, +*:drop(active) { + border-color: #C5A68E; + box-shadow: inset 0 0 0 1px #C5A68E; + caret-color: #C5A68E; } + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 2.80451rem; + min-height: 2.80451rem; + padding: 0; } + +box > scrolledwindow undershoot.top, box > placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(62, 81, 90, 0.01), rgba(62, 81, 90, 0.04), rgba(62, 81, 90, 0.2), rgba(62, 81, 90, 0.44), rgba(62, 81, 90, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +box > scrolledwindow undershoot.bottom, box > placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(62, 81, 90, 0.01), rgba(62, 81, 90, 0.04), rgba(62, 81, 90, 0.2), rgba(62, 81, 90, 0.44), rgba(62, 81, 90, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +box > scrolledwindow undershoot.left, box > placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(62, 81, 90, 0.01), rgba(62, 81, 90, 0.04), rgba(62, 81, 90, 0.2), rgba(62, 81, 90, 0.44), rgba(62, 81, 90, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +box > scrolledwindow undershoot.right, box > placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(62, 81, 90, 0.01), rgba(62, 81, 90, 0.04), rgba(62, 81, 90, 0.2), rgba(62, 81, 90, 0.44), rgba(62, 81, 90, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } +placessidebar undershoot.top, .sidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +placessidebar undershoot.bottom, .sidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +placessidebar undershoot.left, .sidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +placessidebar undershoot.right, .sidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +/*************** + * Gnome panel * + ***************/ +panel-toplevel.background { + background-color: #13191c; } + +panel-plug, +panel-toplevel > grid.horizontal > widget > widget { + color: rgba(236, 239, 241, 0.75); + background-color: #13191c; + box-shadow: none; } + +.gnome-panel-menu-bar, +panel-applet > menubar, +#clock-applet-button { + font-weight: 700; + color: rgba(236, 239, 241, 0.75); + background-color: transparent; + box-shadow: none; } + .gnome-panel-menu-bar label:backdrop, .gnome-panel-menu-bar:backdrop, + panel-applet > menubar label:backdrop, + panel-applet > menubar:backdrop, + #clock-applet-button label:backdrop, + #clock-applet-button:backdrop { + opacity: 1.0; } + +.gnome-panel-menu-bar, +panel-applet menubar { + box-shadow: none; } + .gnome-panel-menu-bar menuitem, + panel-applet menubar menuitem { + color: rgba(236, 239, 241, 0.75); + background-color: transparent; } + .gnome-panel-menu-bar menuitem:hover, + panel-applet menubar menuitem:hover { + color: #ECEFF1; + box-shadow: inset 0 -2px #C5A68E; } + .gnome-panel-menu-bar menuitem:backdrop, + panel-applet menubar menuitem:backdrop { + opacity: 1.0; } + .gnome-panel-menu-bar menu, + panel-applet menubar menu { + font: regular; } + .gnome-panel-menu-bar menu menuitem, + panel-applet menubar menu menuitem { + color: rgba(236, 239, 241, 0.75); + background-color: #455A64; } + .gnome-panel-menu-bar menu menuitem:hover, + panel-applet menubar menu menuitem:hover { + color: #ECEFF1; + background-color: alpha(currentColor, 0.1); + box-shadow: none; } + .gnome-panel-menu-bar menu menuitem:backdrop, + panel-applet menubar menu menuitem:backdrop { + opacity: 1.0; } + .gnome-panel-menu-bar menu separator, + panel-applet menubar menu separator { + color: rgba(0, 0, 0, 0.11); } + +#tasklist-button, +#clock-applet-button, +#showdesktop-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + padding: 0px 0.30075rem; + border: none; + border-radius: 0; + color: rgba(236, 239, 241, 0.75); + background-color: transparent; + font-weight: 700; } + #tasklist-button:hover, + #clock-applet-button:hover, + #showdesktop-button:hover { + color: #ECEFF1; + background-color: transparent; + box-shadow: inset 0 -2px alpha(currentColor, 0.2); } + #tasklist-button:checked, #tasklist-button:hover:checked, #tasklist-button:disabled:checked, + #clock-applet-button:checked, + #clock-applet-button:hover:checked, + #clock-applet-button:disabled:checked, + #showdesktop-button:checked, + #showdesktop-button:hover:checked, + #showdesktop-button:disabled:checked { + color: #ECEFF1; + background-color: transparent; + box-shadow: inset 0 -2px #C5A68E; } + #tasklist-button label:backdrop, #tasklist-button:backdrop, + #clock-applet-button label:backdrop, + #clock-applet-button:backdrop, + #showdesktop-button label:backdrop, + #showdesktop-button:backdrop { + opacity: 1.0; } + +widget > menubar { + background-color: transparent; + background-image: linear-gradient(to bottom, #13191c, #13191c); + box-shadow: none; } + +wnck-pager:selected { + box-shadow: inset 0 -2px #C5A68E; } +wnck-pager:backdrop { + opacity: 1.0; } + +na-tray-applet { + -NaTrayApplet-icon-padding: 2; + -NaTrayApplet-icon-size: 16; } + na-tray-applet:backdrop { + opacity: 1.0; } + +gp-arrow-button { + min-width: 1.50376rem; + min-height: 0; + border: 1px solid transparent; + background-image: none; + color: rgba(236, 239, 241, 0.75); + margin: 0.15038rem; } + gp-arrow-button:hover, gp-arrow-button:active { + color: #ECEFF1; } + +sn-button { + padding: 0.30075rem; } + +/************** + * Tweak-tool * + **************/ +.tweak-categories { + background-color: #3b4c54; + color: rgba(236, 239, 241, 0.75); } + .tweak-categories:dir(ltr) { + box-shadow: inset -2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.06); } + .tweak-categories:dir(rtl) { + box-shadow: inset 2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.06); } + .tweak-categories separator, + .tweak-categories .separator { + min-height: 0; + border-color: transparent; + background-color: transparent; + color: transparent; } + +.tweak-category { + border: none; + color: rgba(236, 239, 241, 0.75); + background-color: transparent; + font-weight: 500; } + .tweak-category:hover { + color: #ECEFF1; } + .tweak-category:selected { + color: #C5A68E; + background-color: transparent; } + .tweak-category:selected label { + color: #C5A68E; } + +.tweak-group { + padding: 6px; + background-color: #455A64; } + +.tweak { + background-color: #455A64; } + .tweak:hover { + background-color: transparent; } + +.tweak-group-white, +.tweak-white { + background-color: #455A64; } + +/******************* + * Gnome-Flashback * + *******************/ +gf-popup-window { + border-radius: 2px; + border: 1px solid rgba(0, 0, 0, 0.11); + background-color: #322F22; + color: #ECEFF1; + opacity: 0.9; } + gf-popup-window.solid { + border-radius: 2px; + border: 1px solid rgba(0, 0, 0, 0.11); } + +#gf-label-window { + font-size: 3.38346rem; + font-weight: 400; } + +#gf-candidate-popup, #gf-candidate-popup.solid { + border-radius: 2px; + border: 1px solid rgba(0, 0, 0, 0.11); + color: #ECEFF1; } +#gf-candidate-popup #gf-input-source { + color: #ECEFF1; + font-size: 1.80451rem; + font-weight: 400; } + #gf-candidate-popup #gf-input-source:selected { + border-radius: 2px; + background-color: alpha(currentColor, 0.2); + color: #C5A68E; } +#gf-candidate-popup gf-candidate-box { + transition: none; } + #gf-candidate-popup gf-candidate-box label { + padding: 0.20301rem 0.20301rem 0.30075rem; } + #gf-candidate-popup gf-candidate-box:last-child { + padding-left: 0; } + #gf-candidate-popup gf-candidate-box:hover, #gf-candidate-popup gf-candidate-box:selected { + border-radius: 0; + background-color: alpha(currentColor, 0.2); + color: #FFFFFF; } +#gf-candidate-popup button, #gf-candidate-popup button:first-child, #gf-candidate-popup button:last-child, +#gf-candidate-popup .linked > button, +#gf-candidate-popup .linked > button:first-child, +#gf-candidate-popup .linked > button:last-child { + border-radius: 0; + border: none; + background-color: transparent; + color: #C5A68E); + box-shadow: none; } + +/************ + * Nautilus * + ************/ +.nautilus-desktop-window, +.nautilus-desktop-window notebook, +.nautilus-desktop-window notebook > stack { + background: transparent; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #FFFFFF; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-circular-button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + +.disk-space-display { + border: 0 none transparent; } + .disk-space-display.free { + background-color: alpha(currentColor, 0.2); + color: rgba(236, 239, 241, 0.3); } + .disk-space-display.used { + background-color: #C5A68E; } + .disk-space-display.unknown { + background-color: #FF9800; } + +/********* + * Geary * + *********/ +.geary-titlebar-left separator { + opacity: 0; } + +.geary-titlebar-right { + box-shadow: none; } + +/************ + * Epiphany * + ************/ +EphyWindow .nautilus-window .floating-bar { + color: rgba(236, 239, 241, 0.75); } + +/************ + * Seahorse * + ************/ +SeahorseWidget .sidebar paned separator { + border: none; } + +window paned > box.vertical > box.vertical > toolbar.primary-toolbar { + box-shadow: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.11); } + +/********** + * Polari * + **********/ +.polari-room-list row { + font-weight: 700; } + .polari-room-list row:not(:hover):not(:active):not(:selected) label, + .polari-room-list row:not(:hover):not(:active):not(:selected) image { + opacity: 1.0; } + .polari-room-list row.inactive:not(:hover):not(:active):not(:selected) label, + .polari-room-list row.inactive:not(:hover):not(:active):not(:selected) image { + opacity: 0.65; } + +.polari-nick-entry { + border-image: none; + font-weight: 700; } + +.sidebar row.activatable.inactive, .sidebar .inactive.view, .sidebar iconview.inactive, +.sidebar .view text.inactive, +.view .sidebar text.inactive, +.sidebar iconview text.inactive, +iconview .sidebar text.inactive, +.sidebar textview text.inactive, +textview .sidebar text.inactive, .sidebar treeview.view header button.inactive, treeview.view header .sidebar button.inactive, .sidebar .tweak-category header button.inactive, .tweak-category header .sidebar button.inactive { + color: rgba(236, 239, 241, 0.75); + background-color: transparent; + font-weight: 500; } + .sidebar row.activatable.inactive:hover, .sidebar .inactive.view:hover, .sidebar iconview.inactive:hover, + .sidebar .view text.inactive:hover, + .view .sidebar text.inactive:hover, + .sidebar iconview text.inactive:hover, + iconview .sidebar text.inactive:hover, + .sidebar textview text.inactive:hover, + textview .sidebar text.inactive:hover, .sidebar treeview.view header button.inactive:hover, treeview.view header .sidebar button.inactive:hover, .sidebar .tweak-category header button.inactive:hover, .tweak-category header .sidebar button.inactive:hover { + color: #ECEFF1; } + .sidebar row.activatable.inactive:selected, .sidebar .inactive.view:selected, .sidebar iconview.inactive:selected, + .sidebar .view text.inactive:selected, + .view .sidebar text.inactive:selected, + .sidebar iconview text.inactive:selected, + iconview .sidebar text.inactive:selected, + .sidebar textview text.inactive:selected, + textview .sidebar text.inactive:selected, .sidebar treeview.view header button.inactive:selected, treeview.view header .sidebar button.inactive:selected, .sidebar .tweak-category header button.inactive:selected, .tweak-category header .sidebar button.inactive:selected { + color: #FFFFFF; + background-color: #C5A68E; } + +box > headerbar > label.polari-titlebar-separator { + min-width: 0; + border: none; + opacity: 0; } + +/************* + * RhythmBox * + *************/ +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px #37474F, inset 0 2px 2px rgba(0, 0, 0, 0.05), inset -2px 0 1px -2px rgba(0, 0, 0, 0.02), inset -3px 0 3px -2px rgba(0, 0, 0, 0.04); } + .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar:dir(rtl) { + box-shadow: inset 0 1px #37474F, inset 0 2px 2px rgba(0, 0, 0, 0.05), inset 2px 0 1px -2px rgba(0, 0, 0, 0.02), inset 3px 0 3px -2px rgba(0, 0, 0, 0.04); } + +.sidebar-paned scrolledwindow:dir(ltr), .sidebar-paned placessidebar:dir(ltr) { + box-shadow: inset -2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.06); } +.sidebar-paned scrolledwindow:dir(rtl), .sidebar-paned placessidebar:dir(rtl) { + box-shadow: inset 2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.06); } +.sidebar-paned .sidebar { + background-color: rgba(18, 22, 0, 0.04); } + +window > box.vertical > box.vertical > toolbar.horizontal { + box-shadow: none; } + +window > box.vertical > box.vertical > toolbar .linked > button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + +/************** + * Calculator * + **************/ +window > grid.vertical > box.vertical > widget button { + min-width: 1rem; + min-height: 1rem; + padding: 0.75em 1em 0.75em; + border: 0.75em solid transparent; + border-radius: 2px; + font-weight: 700; } + window > grid.vertical > box.vertical > widget button.suggested-action { + color: transparent; + font-size: 0; } + window > grid.vertical > box.vertical > widget button.suggested-action { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #546E7A; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: rgba(236, 239, 241, 0.75); + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-dark.png"), url("assets/equal-dark@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + window > grid.vertical > box.vertical > widget button.suggested-action:hover { + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-hover-dark.png"), url("assets/equal-hover-dark@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + window > grid.vertical > box.vertical > widget button.suggested-action:active { + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-active-dark.png"), url("assets/equal-active-dark@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + window > grid.vertical > box.vertical > widget button.suggested-action:disabled { + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-insensitive-dark.png"), url("assets/equal-insensitive-dark@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + +/********* + * Gedit * + *********/ +GeditViewFrame .gedit-search-slider { + padding: 3px; + border-radius: 2px; + border-width: 9px; + border-image: -gtk-scaled(url("assets/osd-shadow-dark.png"), url("assets/osd-shadow-dark@2.png")) 10/10px stretch; + color: #ECEFF1; + opacity: 0.9; } + GeditViewFrame .gedit-search-slider entry, GeditViewFrame .gedit-search-slider spinbutton:not(.vertical), GeditViewFrame .gedit-search-slider entry.error, GeditViewFrame .gedit-search-slider spinbutton.error:not(.vertical), GeditViewFrame .gedit-search-slider entry.warning, GeditViewFrame .gedit-search-slider spinbutton.warning:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry, + GeditViewFrame .gedit-search-slider .linked > spinbutton:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.error, + GeditViewFrame .gedit-search-slider .linked > spinbutton.error:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.warning, + GeditViewFrame .gedit-search-slider .linked > spinbutton.warning:not(.vertical) { + color: #ECEFF1; } + GeditViewFrame .gedit-search-slider entry:focus, GeditViewFrame .gedit-search-slider spinbutton:focus:not(.vertical), GeditViewFrame .gedit-search-slider entry.error:focus, GeditViewFrame .gedit-search-slider spinbutton.error:focus:not(.vertical), GeditViewFrame .gedit-search-slider entry.warning:focus, GeditViewFrame .gedit-search-slider spinbutton.warning:focus:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry:focus, + GeditViewFrame .gedit-search-slider .linked > spinbutton:focus:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.error:focus, + GeditViewFrame .gedit-search-slider .linked > spinbutton.error:focus:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.warning:focus, + GeditViewFrame .gedit-search-slider .linked > spinbutton.warning:focus:not(.vertical) { + color: #FFFFFF; } + GeditViewFrame .gedit-search-slider entry:disabled, GeditViewFrame .gedit-search-slider spinbutton:disabled:not(.vertical), GeditViewFrame .gedit-search-slider entry.error:disabled, GeditViewFrame .gedit-search-slider spinbutton.error:disabled:not(.vertical), GeditViewFrame .gedit-search-slider entry.warning:disabled, GeditViewFrame .gedit-search-slider spinbutton.warning:disabled:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry:disabled, + GeditViewFrame .gedit-search-slider .linked > spinbutton:disabled:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.error:disabled, + GeditViewFrame .gedit-search-slider .linked > spinbutton.error:disabled:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.warning:disabled, + GeditViewFrame .gedit-search-slider .linked > spinbutton.warning:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.3); } + +paned.titlebar.horizontal headerbar button.flat.toggle.popup, paned.titlebar.horizontal headerbar button.toggle.popup.osd.image-button, paned.titlebar.horizontal headerbar .osd toolbar button.toggle.popup, .osd toolbar paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar toolbar.osd button.toggle.popup, toolbar.osd paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar .app-notification button.toggle.popup, .app-notification paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar GeditViewFrame .gedit-search-slider button.toggle.popup, GeditViewFrame .gedit-search-slider paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar toolbar button.toggle.popup, toolbar paned.titlebar.horizontal headerbar button.toggle.popup, +paned.titlebar.horizontal headerbar button.toggle.popup:not(.suggested-action):not(.destructive-action), paned.titlebar.horizontal headerbar .menu > arrow.toggle.popup, +paned.titlebar.horizontal headerbar .context-menu > arrow.toggle.popup, +paned.titlebar.horizontal headerbar menu > arrow.toggle.popup, paned.titlebar.horizontal headerbar placessidebar row button.toggle.popup.image-button, placessidebar row paned.titlebar.horizontal headerbar button.toggle.popup.image-button, paned.titlebar.horizontal headerbar .ssd decoration button.toggle.popup, .ssd decoration paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal .csd headerbar button.toggle.popup.titlebutton, +.csd paned.titlebar.horizontal headerbar button.toggle.popup.titlebutton, +paned.titlebar.horizontal headerbar .csd .titlebar.selection-mode button.toggle.popup.titlebutton, paned.titlebar.horizontal headerbar #gf-candidate-popup button.toggle.popup, #gf-candidate-popup paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar window > grid.vertical > box.vertical > widget button.toggle.popup, window > grid.vertical > box.vertical > widget paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar layouttabbar button.toggle.popup, layouttabbar paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar layouttab button.toggle.popup, layouttab paned.titlebar.horizontal headerbar button.toggle.popup { + border-radius: 2px; + -gtk-outline-radius: 2px; } + +notebook grid.horizontal > widget > box.horizontal > scrolledwindow undershoot.top, notebook grid.horizontal > widget > box.horizontal > placessidebar undershoot.top, notebook grid.horizontal > widget > box.horizontal > scrolledwindow undershoot.bottom, notebook grid.horizontal > widget > box.horizontal > placessidebar undershoot.bottom, notebook grid.horizontal > widget > box.horizontal > scrolledwindow undershoot.left, notebook grid.horizontal > widget > box.horizontal > placessidebar undershoot.left, notebook grid.horizontal > widget > box.horizontal > scrolledwindow undershoot.right, notebook grid.horizontal > widget > box.horizontal > placessidebar undershoot.right { + background-image: none; } + +/*********** + * Builder * + ***********/ +filechooser actionbar button.combo { + padding: 0; } + +frame.gb-search-frame { + background-image: linear-gradient(to bottom, #3e515a, #3e515a); + padding: 0.45113rem; + border-style: solid; + border-color: rgba(0, 0, 0, 0.11); + border-left-width: 1px; + border-right-width: 1px; + border-bottom-width: 1px; + border-radius: 0; } + +frame.gb-search-frame border { + border: none; } + +.gb-search-entry-occurrences-tag { + color: rgba(236, 239, 241, 0.3); + margin: 0.15038rem; + padding: 0.15038rem; + border-width: 0; } + +editortweak button { + padding: 0 0.45113rem 0 0.45113rem; } + +editortweak list row { + padding: 0; } + +layouttabbar > box { + min-height: 2.93233rem; } + +eggsearchbar > revealer > box { + min-height: 2.93233rem; } + +eggsearchbar entry, eggsearchbar spinbutton:not(.vertical) { + min-height: 1.80451rem; } + +pillbox { + border-radius: 2px; } + +genesisperspective stack > box:first-child list row { + padding: 0.75188rem; + border-bottom: 1px solid #37474F; } + genesisperspective stack > box:first-child list row:last-child { + border-bottom: none; } + +perspectiveswitcher { + padding: 0 0.30075rem; + border-right: 1px solid #37474F; + background-color: #3b4c54; } + perspectiveswitcher button { + padding: 0.45113rem; + border-radius: 100px; + border: none; + background: none; + color: rgba(236, 239, 241, 0.5); + box-shadow: none; } + perspectiveswitcher button image { + opacity: 0.55; } + perspectiveswitcher button:hover { + background: none; } + perspectiveswitcher button:hover image { + opacity: 0.75; } + perspectiveswitcher button:active, perspectiveswitcher button:checked { + background: none; } + perspectiveswitcher button:active image, perspectiveswitcher button:checked image { + opacity: 1.0; } + +layouttabbar { + min-height: 2.80451rem; + padding: 0.3985rem; + border-bottom: 1px solid #37474F; + background-color: #3b4c54; } + layouttabbar > box > button { + opacity: 0.55; } + layouttabbar > box > button:hover { + opacity: 0.75; } + layouttabbar > box > button:active { + opacity: 1.0; } + layouttabbar button { + padding: 0.30075rem 0.3985rem 0.3985rem; + margin: 0.20301rem; + border-radius: 2px; + background-color: transparent; } + +layouttab { + margin: 0.20301rem; + padding: 0.3985rem; + background-color: transparent; } + layouttab label { + padding: 0.30075rem; } + layouttab separator.vertical { + margin: 0.20301rem; + color: transparent; + background-color: rgba(0, 0, 0, 0.11); } + layouttab button { + margin: 0.20301rem; + border-radius: 2px; + padding-left: 0.3985rem; + padding-right: 0.3985rem; } + +layouttab > box > button:last-child { + min-height: 1rem; + min-width: 1rem; + padding: 0.50376rem; + border-radius: 100px; + -gtk-outline-radius: 100px; + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); } + layouttab > box > button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + layouttab > box > button:last-child:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + layouttab > box > button:last-child:disabled { + box-shadow: none; + background-color: transparent; } +layouttab > box > button:last-child image { + opacity: 0.55; } +layouttab > box > button:last-child:hover image { + opacity: 0.75; } +layouttab > box > button:last-child:active image { + opacity: 1.0; } + +layout { + border: 1px solid #37474F; + -PnlDockBin-handle-size: 1; } + +eggsearchbar box.search-bar { + background-color: #3b4c54; } + +pillbox { + background-color: #3e515a; + border-radius: 2px; } + +docktabstrip, +tabstrip { + min-height: 2.60902rem; + padding: 0.3985rem 1.20301rem; + border-bottom: 1px solid #37474F; + background-color: #3b4c54; } + docktabstrip docktab, + docktabstrip tab, + tabstrip docktab, + tabstrip tab { + color: rgba(236, 239, 241, 0.5); + font-weight: 700; + box-shadow: inset 0 -1px alpha(currentColor, 0.2); } + docktabstrip docktab:hover, + docktabstrip tab:hover, + tabstrip docktab:hover, + tabstrip tab:hover { + color: #ECEFF1; + box-shadow: inset 0 -2px alpha(currentColor, 0.2); } + docktabstrip docktab:checked, + docktabstrip tab:checked, + tabstrip docktab:checked, + tabstrip tab:checked { + color: #ECEFF1; + box-shadow: inset 0 -2px #C5A68E; } + +layoutstack widget scrolledwindow undershoot.top, layoutstack widget placessidebar undershoot.top, layoutstack widget scrolledwindow undershoot.bottom, layoutstack widget placessidebar undershoot.bottom, layoutstack widget scrolledwindow undershoot.left, layoutstack widget placessidebar undershoot.left, layoutstack widget scrolledwindow undershoot.right, layoutstack widget placessidebar undershoot.right { + background-image: none; } + +/*************** + * Gnome-music * + ***************/ +GdMainView:dir(ltr), +.side-panel:dir(ltr) { + border-right: 1px solid rgba(0, 0, 0, 0.11); } +GdMainView:dir(rtl), +.side-panel:dir(rtl) { + border-left: 1px solid rgba(0, 0, 0, 0.11); } +GdMainView .view, GdMainView iconview, +.side-panel .view, +.side-panel iconview { + background-color: #3b4c54; + box-shadow: none; } + GdMainView .view, GdMainView iconview, GdMainView .view row.activatable, GdMainView iconview row.activatable, GdMainView .view .view, GdMainView iconview .view, GdMainView .view iconview, GdMainView iconview iconview, + GdMainView .view text, + GdMainView iconview .view text, + .view GdMainView iconview text, + GdMainView .view iconview text, + iconview GdMainView .view text, + GdMainView iconview text, + GdMainView .view textview text, + textview GdMainView .view text, + GdMainView iconview textview text, + textview GdMainView iconview text, GdMainView treeview.view header button, GdMainView iconview treeview.view header button, treeview.view header GdMainView iconview button, GdMainView .view .tweak-category header button, .tweak-category header GdMainView .view button, GdMainView iconview .tweak-category header button, .tweak-category header GdMainView iconview button, + .side-panel .view, + .side-panel iconview, + .side-panel .view row.activatable, + .side-panel iconview row.activatable, + .side-panel .view .view, + .side-panel iconview .view, + .side-panel .view iconview, + .side-panel iconview iconview, + .side-panel .view text, + .side-panel iconview .view text, + .view .side-panel iconview text, + .side-panel .view iconview text, + iconview .side-panel .view text, + .side-panel iconview text, + .side-panel .view textview text, + textview .side-panel .view text, + .side-panel iconview textview text, + textview .side-panel iconview text, + .side-panel treeview.view header button, + .side-panel iconview treeview.view header button, + treeview.view header .side-panel iconview button, + .side-panel .view .tweak-category header button, + .tweak-category header .side-panel .view button, + .side-panel iconview .tweak-category header button, + .tweak-category header .side-panel iconview button { + padding: 0; + background-color: transparent; + color: rgba(236, 239, 241, 0.75); + font-weight: 500; + box-shadow: none; } + GdMainView .view:hover, GdMainView iconview:hover, GdMainView .view row.activatable:hover, GdMainView iconview row.activatable:hover, GdMainView .view .view:hover, GdMainView iconview .view:hover, GdMainView .view iconview:hover, GdMainView iconview iconview:hover, + GdMainView .view text:hover, + GdMainView iconview .view text:hover, + .view GdMainView iconview text:hover, + GdMainView .view iconview text:hover, + iconview GdMainView .view text:hover, + GdMainView iconview text:hover, + GdMainView .view textview text:hover, + textview GdMainView .view text:hover, + GdMainView iconview textview text:hover, + textview GdMainView iconview text:hover, GdMainView treeview.view header button:hover, GdMainView iconview treeview.view header button:hover, treeview.view header GdMainView iconview button:hover, GdMainView .view .tweak-category header button:hover, .tweak-category header GdMainView .view button:hover, GdMainView iconview .tweak-category header button:hover, .tweak-category header GdMainView iconview button:hover, + .side-panel .view:hover, + .side-panel iconview:hover, + .side-panel .view row.activatable:hover, + .side-panel iconview row.activatable:hover, + .side-panel .view .view:hover, + .side-panel iconview .view:hover, + .side-panel .view iconview:hover, + .side-panel iconview iconview:hover, + .side-panel .view text:hover, + .side-panel iconview .view text:hover, + .view .side-panel iconview text:hover, + .side-panel .view iconview text:hover, + iconview .side-panel .view text:hover, + .side-panel iconview text:hover, + .side-panel .view textview text:hover, + textview .side-panel .view text:hover, + .side-panel iconview textview text:hover, + textview .side-panel iconview text:hover, + .side-panel treeview.view header button:hover, + .side-panel iconview treeview.view header button:hover, + treeview.view header .side-panel iconview button:hover, + .side-panel .view .tweak-category header button:hover, + .tweak-category header .side-panel .view button:hover, + .side-panel iconview .tweak-category header button:hover, + .tweak-category header .side-panel iconview button:hover { + color: #ECEFF1; } + +actionbar { + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); } + actionbar, actionbar.frame { + background-color: #3b4c54; } + actionbar button, + actionbar .linked > button.image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + border-radius: 100px; + -gtk-outline-radius: 100px; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: rgba(236, 239, 241, 0.75); + box-shadow: none; } + actionbar button:hover, + actionbar .linked > button.image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + border-image: none; + color: #ECEFF1; + box-shadow: none; } + actionbar button:checked, + actionbar .linked > button.image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #ECEFF1; + box-shadow: none; } + actionbar button:checked:disabled, + actionbar .linked > button.image-button:checked:disabled { + border-image: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); + box-shadow: none; } + actionbar button:checked:disabled > label, + actionbar .linked > button.image-button:checked:disabled > label { + color: inherit; } + actionbar button:checked:disabled > .label, + actionbar .linked > button.image-button:checked:disabled > .label { + color: inherit; } + actionbar button:disabled, + actionbar .linked > button.image-button:disabled { + box-shadow: none; + background-color: transparent; + border-image: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.225); + box-shadow: none; } + +/****************** + * Gnome-contacts * + ******************/ +window overlay > grid > frame > grid toolbar { + box-shadow: none; } +window overlay > grid > frame > grid list:dir(ltr) { + box-shadow: inset -2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.06); } +window overlay > grid > frame > grid list:dir(rtl) { + box-shadow: inset 2px 2px 1px -2px rgba(0, 0, 0, 0.02), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.06); } +window overlay > grid > frame > grid list row { + color: rgba(236, 239, 241, 0.75); + background-color: rgba(18, 22, 0, 0.04); } + window overlay > grid > frame > grid list row:hover { + color: #ECEFF1; } + window overlay > grid > frame > grid list row:selected, window overlay > grid > frame > grid list row:selected.activatable, window overlay > grid > frame > grid list .view:selected, window overlay > grid > frame > grid list iconview:selected, + window overlay > grid > frame > grid list .view text:selected, + .view window overlay > grid > frame > grid list text:selected, + window overlay > grid > frame > grid list iconview text:selected, + iconview window overlay > grid > frame > grid list text:selected, + window overlay > grid > frame > grid list textview text:selected, + textview window overlay > grid > frame > grid list text:selected, window overlay > grid > frame > grid list treeview.view header button:selected, treeview.view header window overlay > grid > frame > grid list button:selected, window overlay > grid > frame > grid list .tweak-category header button:selected, .tweak-category header window overlay > grid > frame > grid list button:selected { + background-color: rgba(18, 22, 0, 0.04); } + window overlay > grid > frame > grid list row:selected, window overlay > grid > frame > grid list row:selected label, window overlay > grid > frame > grid list row:selected.activatable, window overlay > grid > frame > grid list .view:selected, window overlay > grid > frame > grid list iconview:selected, + window overlay > grid > frame > grid list .view text:selected, + .view window overlay > grid > frame > grid list text:selected, + window overlay > grid > frame > grid list iconview text:selected, + iconview window overlay > grid > frame > grid list text:selected, + window overlay > grid > frame > grid list textview text:selected, + textview window overlay > grid > frame > grid list text:selected, window overlay > grid > frame > grid list treeview.view header button:selected, treeview.view header window overlay > grid > frame > grid list button:selected, window overlay > grid > frame > grid list .tweak-category header button:selected, .tweak-category header window overlay > grid > frame > grid list button:selected, window overlay > grid > frame > grid list row:selected.activatable label, window overlay > grid > frame > grid list .view:selected label, window overlay > grid > frame > grid list iconview:selected label, + window overlay > grid > frame > grid list .view text:selected label, + .view window overlay > grid > frame > grid list text:selected label, + window overlay > grid > frame > grid list iconview text:selected label, + iconview window overlay > grid > frame > grid list text:selected label, + window overlay > grid > frame > grid list textview text:selected label, + textview window overlay > grid > frame > grid list text:selected label, window overlay > grid > frame > grid list treeview.view header button:selected label, treeview.view header window overlay > grid > frame > grid list button:selected label, window overlay > grid > frame > grid list .tweak-category header button:selected label, .tweak-category header window overlay > grid > frame > grid list button:selected label { + color: #C5A68E; } + window overlay > grid > frame > grid list row:backdrop { + opacity: 1.0; } +window overlay > grid > frame > grid list separator { + min-height: 0; + border-color: transparent; + background-color: transparent; + color: transparent; } +window overlay > grid > frame > grid scrolledwindow undershoot.top, window overlay > grid > frame > grid placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +window overlay > grid > frame > grid scrolledwindow undershoot.bottom, window overlay > grid > frame > grid placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +window overlay > grid > frame > grid scrolledwindow undershoot.left, window overlay > grid > frame > grid placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +window overlay > grid > frame > grid scrolledwindow undershoot.right, window overlay > grid > frame > grid placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(59, 76, 84, 0.01), rgba(59, 76, 84, 0.04), rgba(59, 76, 84, 0.2), rgba(59, 76, 84, 0.44), rgba(59, 76, 84, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +/********** + * Baobab * + **********/ +window > box.vertical > grid.vertical > stack stack > spinner { + min-width: 1.80451rem; + min-height: 1.80451rem; + padding: 4rem 6rem 4rem; } + +/********** + * Evince * + **********/ +window.background { + padding: 0.3985rem; } + window.background > box.vertical > box.horizontal > widget > label { + color: #263238; + font-weight: 700; } + window.background > box.vertical > box.horizontal > button.flat:not(.image-button):not(.text-button):not(.toggle), window.background > box.vertical > box.horizontal > button.osd.image-button:not(.image-button):not(.text-button):not(.toggle), .osd toolbar window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), toolbar.osd window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), .app-notification window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), GeditViewFrame .gedit-search-slider window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), toolbar window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), .titlebar window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle):not(.suggested-action):not(.destructive-action), + headerbar window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle):not(.suggested-action):not(.destructive-action), window.background > box.vertical > box.menu.horizontal > arrow:not(.image-button):not(.text-button):not(.toggle), + window.background > box.vertical > box.context-menu.horizontal > arrow:not(.image-button):not(.text-button):not(.toggle), placessidebar row window.background > box.vertical > box.horizontal > button.image-button:not(.image-button):not(.text-button):not(.toggle), .ssd decoration window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), .csd headerbar window.background > box.vertical > box.horizontal > button.titlebutton:not(.image-button):not(.text-button):not(.toggle), + .csd .titlebar window.background > box.vertical > box.horizontal > button.titlebutton:not(.image-button):not(.text-button):not(.toggle), #gf-candidate-popup window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), window > grid.vertical > box.vertical > widget window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), layouttabbar window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), layouttab window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle) { + min-width: 1rem; + min-height: 1rem; + padding: 0.80451rem; + border: none; + border-radius: 100px; + -gtk-outline-radius: 100px; + color: #263238; } + +/************** + * Gnome-Logs * + **************/ +headerbar > button.flat.popup.title-menu-button.toggle, headerbar > button.popup.title-menu-button.toggle.osd.image-button, .osd toolbar headerbar > button.popup.title-menu-button.toggle, toolbar.osd headerbar > button.popup.title-menu-button.toggle, .app-notification headerbar > button.popup.title-menu-button.toggle, GeditViewFrame .gedit-search-slider headerbar > button.popup.title-menu-button.toggle, toolbar headerbar > button.popup.title-menu-button.toggle, .titlebar headerbar > button.popup.title-menu-button.toggle:not(.suggested-action):not(.destructive-action), +headerbar > button.popup.title-menu-button.toggle:not(.suggested-action):not(.destructive-action), headerbar.menu > arrow.popup.title-menu-button.toggle, +headerbar.context-menu > arrow.popup.title-menu-button.toggle, placessidebar row headerbar > button.popup.title-menu-button.toggle.image-button, .ssd decoration headerbar > button.popup.title-menu-button.toggle, .csd headerbar > button.popup.title-menu-button.toggle.titlebutton, .csd headerbar.selection-mode headerbar > button.popup.title-menu-button.toggle.titlebutton, +.csd .titlebar headerbar > button.popup.title-menu-button.toggle.titlebutton, #gf-candidate-popup headerbar > button.popup.title-menu-button.toggle, window > grid.vertical > box.vertical > widget headerbar > button.popup.title-menu-button.toggle, layouttabbar headerbar > button.popup.title-menu-button.toggle, layouttab headerbar > button.popup.title-menu-button.toggle { + border-radius: 2px; + -gtk-outline-radius: 2px; } + headerbar > button.flat.popup.title-menu-button.toggle > grid .title, headerbar > button.popup.title-menu-button.toggle.osd.image-button > grid .title, .osd toolbar headerbar > button.popup.title-menu-button.toggle > grid .title, toolbar.osd headerbar > button.popup.title-menu-button.toggle > grid .title, .app-notification headerbar > button.popup.title-menu-button.toggle > grid .title, GeditViewFrame .gedit-search-slider headerbar > button.popup.title-menu-button.toggle > grid .title, toolbar headerbar > button.popup.title-menu-button.toggle > grid .title, + headerbar > button.popup.title-menu-button.toggle:not(.suggested-action):not(.destructive-action) > grid .title, headerbar.menu > arrow.popup.title-menu-button.toggle > grid .title, + headerbar.context-menu > arrow.popup.title-menu-button.toggle > grid .title, placessidebar row headerbar > button.popup.title-menu-button.toggle.image-button > grid .title, .ssd decoration headerbar > button.popup.title-menu-button.toggle > grid .title, .csd headerbar > button.popup.title-menu-button.toggle.titlebutton > grid .title, .csd headerbar.selection-mode headerbar > button.popup.title-menu-button.toggle.titlebutton > grid .title, #gf-candidate-popup headerbar > button.popup.title-menu-button.toggle > grid .title, window > grid.vertical > box.vertical > widget headerbar > button.popup.title-menu-button.toggle > grid .title, layouttabbar headerbar > button.popup.title-menu-button.toggle > grid .title, layouttab headerbar > button.popup.title-menu-button.toggle > grid .title, + headerbar > button.flat.popup.title-menu-button.toggle > grid .subtitle, + headerbar > button.popup.title-menu-button.toggle.osd.image-button > grid .subtitle, + .osd toolbar headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + toolbar.osd headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + .app-notification headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + GeditViewFrame .gedit-search-slider headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + toolbar headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + headerbar > button.popup.title-menu-button.toggle:not(.suggested-action):not(.destructive-action) > grid .subtitle, + headerbar.menu > arrow.popup.title-menu-button.toggle > grid .subtitle, + headerbar.context-menu > arrow.popup.title-menu-button.toggle > grid .subtitle, + placessidebar row headerbar > button.popup.title-menu-button.toggle.image-button > grid .subtitle, + .ssd decoration headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + .csd headerbar > button.popup.title-menu-button.toggle.titlebutton > grid .subtitle, + .csd headerbar.selection-mode headerbar > button.popup.title-menu-button.toggle.titlebutton > grid .subtitle, + #gf-candidate-popup headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + window > grid.vertical > box.vertical > widget headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + layouttabbar headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + layouttab headerbar > button.popup.title-menu-button.toggle > grid .subtitle { + padding: 0.09774rem 1rem 0.09774rem; + font-size: 90%; } + +/****************** + * Budgie Desktop * + ******************/ +@keyframes budgie_ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(#ECEFF1, 0.2)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0.2)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(#ECEFF1, 0.2)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0.2)); } } +.budgie-container { + background-color: transparent; } + +.budgie-panel:backdrop, +.budgie-panel *:backdrop { + opacity: 1.0; } + +.budgie-panel { + background-color: #13191c; + color: #ECEFF1; + font-weight: 700; } + .top .budgie-panel { + border-top: 2px solid #000000; } + .bottom .budgie-panel { + border-bottom: 2px solid #000000; } + .left .budgie-panel { + border-left: 2px solid #000000; } + .right .budgie-panel { + border-right: 2px solid #000000; } + .budgie-panel .alert { + color: #C5A68E; } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.budgie-panel #tasklist-button button, .budgie-panel #tasklist-button:backdrop button { + border: none; + background: none; + opacity: 0.5; } + .budgie-panel #tasklist-button button:hover, .budgie-panel #tasklist-button button:active, .budgie-panel #tasklist-button button:checked, .budgie-panel #tasklist-button:backdrop button:hover, .budgie-panel #tasklist-button:backdrop button:active, .budgie-panel #tasklist-button:backdrop button:checked { + opacity: 1.0; } + +.budgie-panel button.flat.launcher, .budgie-panel button.launcher.osd.image-button, .budgie-panel .osd toolbar button.launcher, .osd toolbar .budgie-panel button.launcher, .budgie-panel toolbar.osd button.launcher, toolbar.osd .budgie-panel button.launcher, .budgie-panel .app-notification button.launcher, .app-notification .budgie-panel button.launcher, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher, .budgie-panel toolbar button.launcher, toolbar .budgie-panel button.launcher, .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher, +.budgie-panel .context-menu > arrow.launcher, +.budgie-panel menu > arrow.launcher, .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .budgie-panel button.launcher.image-button, .budgie-panel .ssd decoration button.launcher, .ssd decoration .budgie-panel button.launcher, .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .budgie-panel button.launcher.titlebutton, +.budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .budgie-panel button.launcher.titlebutton, .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .budgie-panel button.launcher, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher, .budgie-panel layouttabbar button.launcher, layouttabbar .budgie-panel button.launcher, .budgie-panel layouttab button.launcher, layouttab .budgie-panel button.launcher, .budgie-panel button.flat.launcher:backdrop, .budgie-panel button.launcher.osd.image-button:backdrop, .budgie-panel .osd toolbar button.launcher:backdrop, .osd toolbar .budgie-panel button.launcher:backdrop, .budgie-panel toolbar.osd button.launcher:backdrop, toolbar.osd .budgie-panel button.launcher:backdrop, .budgie-panel .app-notification button.launcher:backdrop, .app-notification .budgie-panel button.launcher:backdrop, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher:backdrop, .budgie-panel toolbar button.launcher:backdrop, toolbar .budgie-panel button.launcher:backdrop, .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop, +.budgie-panel .context-menu > arrow.launcher:backdrop, +.budgie-panel menu > arrow.launcher:backdrop, .budgie-panel placessidebar row button.launcher.image-button:backdrop, placessidebar row .budgie-panel button.launcher.image-button:backdrop, .budgie-panel .ssd decoration button.launcher:backdrop, .ssd decoration .budgie-panel button.launcher:backdrop, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop, +.budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop, .budgie-panel #gf-candidate-popup button.launcher:backdrop, #gf-candidate-popup .budgie-panel button.launcher:backdrop, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop, .budgie-panel layouttabbar button.launcher:backdrop, layouttabbar .budgie-panel button.launcher:backdrop, .budgie-panel layouttab button.launcher:backdrop, layouttab .budgie-panel button.launcher:backdrop { + min-width: 1.80451rem; + min-height: 1.80451rem; + padding: 0; + border: 2px solid transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(#ECEFF1, 0)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0)); + background-size: 3.7594rem 3.7594rem, auto; + background-position: center center; + opacity: 0.5; + transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: opacity, border-color, background-color, background-image, box-shadow; + transition-duration: 0.2s; } + .budgie-panel button.flat.launcher:hover, .budgie-panel button.launcher.osd.image-button:hover, .budgie-panel .osd toolbar button.launcher:hover, .osd toolbar .budgie-panel button.launcher:hover, .budgie-panel toolbar.osd button.launcher:hover, toolbar.osd .budgie-panel button.launcher:hover, .budgie-panel .app-notification button.launcher:hover, .app-notification .budgie-panel button.launcher:hover, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher:hover, .budgie-panel toolbar button.launcher:hover, toolbar .budgie-panel button.launcher:hover, .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:hover, + .budgie-panel .context-menu > arrow.launcher:hover, + .budgie-panel menu > arrow.launcher:hover, .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .budgie-panel button.launcher.image-button:hover, .budgie-panel .ssd decoration button.launcher:hover, .ssd decoration .budgie-panel button.launcher:hover, .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .budgie-panel button.launcher.titlebutton:hover, + .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .budgie-panel button.launcher.titlebutton:hover, .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .budgie-panel button.launcher:hover, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:hover, .budgie-panel layouttabbar button.launcher:hover, layouttabbar .budgie-panel button.launcher:hover, .budgie-panel layouttab button.launcher:hover, layouttab .budgie-panel button.launcher:hover, .budgie-panel button.flat.launcher:backdrop:hover, .budgie-panel button.launcher.osd.image-button:backdrop:hover, .budgie-panel .osd toolbar button.launcher:backdrop:hover, .osd toolbar .budgie-panel button.launcher:backdrop:hover, .budgie-panel toolbar.osd button.launcher:backdrop:hover, toolbar.osd .budgie-panel button.launcher:backdrop:hover, .budgie-panel .app-notification button.launcher:backdrop:hover, .app-notification .budgie-panel button.launcher:backdrop:hover, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher:backdrop:hover, .budgie-panel toolbar button.launcher:backdrop:hover, toolbar .budgie-panel button.launcher:backdrop:hover, .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop:hover, + .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .budgie-panel menu > arrow.launcher:backdrop:hover, .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, placessidebar row .budgie-panel button.launcher.image-button:backdrop:hover, .budgie-panel .ssd decoration button.launcher:backdrop:hover, .ssd decoration .budgie-panel button.launcher:backdrop:hover, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop:hover, + .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop:hover, .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, #gf-candidate-popup .budgie-panel button.launcher:backdrop:hover, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop:hover, .budgie-panel layouttabbar button.launcher:backdrop:hover, layouttabbar .budgie-panel button.launcher:backdrop:hover, .budgie-panel layouttab button.launcher:backdrop:hover, layouttab .budgie-panel button.launcher:backdrop:hover { + opacity: 0.75; + -gtk-icon-effect: highlight; } + .budgie-panel button.flat.launcher:active, .budgie-panel button.launcher.osd.image-button:active, .budgie-panel .osd toolbar button.launcher:active, .osd toolbar .budgie-panel button.launcher:active, .budgie-panel toolbar.osd button.launcher:active, toolbar.osd .budgie-panel button.launcher:active, .budgie-panel .app-notification button.launcher:active, .app-notification .budgie-panel button.launcher:active, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:active, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher:active, .budgie-panel toolbar button.launcher:active, toolbar .budgie-panel button.launcher:active, .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:active, + .budgie-panel .context-menu > arrow.launcher:active, + .budgie-panel menu > arrow.launcher:active, .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .budgie-panel button.launcher.image-button:active, .budgie-panel .ssd decoration button.launcher:active, .ssd decoration .budgie-panel button.launcher:active, .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .budgie-panel button.launcher.titlebutton:active, + .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .budgie-panel button.launcher.titlebutton:active, .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .budgie-panel button.launcher:active, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:active, .budgie-panel layouttabbar button.launcher:active, layouttabbar .budgie-panel button.launcher:active, .budgie-panel layouttab button.launcher:active, layouttab .budgie-panel button.launcher:active, .budgie-panel button.flat.launcher:backdrop:active, .budgie-panel button.launcher.osd.image-button:backdrop:active, .budgie-panel .osd toolbar button.launcher:backdrop:active, .osd toolbar .budgie-panel button.launcher:backdrop:active, .budgie-panel toolbar.osd button.launcher:backdrop:active, toolbar.osd .budgie-panel button.launcher:backdrop:active, .budgie-panel .app-notification button.launcher:backdrop:active, .app-notification .budgie-panel button.launcher:backdrop:active, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:active, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher:backdrop:active, .budgie-panel toolbar button.launcher:backdrop:active, toolbar .budgie-panel button.launcher:backdrop:active, .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop:active, + .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .budgie-panel menu > arrow.launcher:backdrop:active, .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, placessidebar row .budgie-panel button.launcher.image-button:backdrop:active, .budgie-panel .ssd decoration button.launcher:backdrop:active, .ssd decoration .budgie-panel button.launcher:backdrop:active, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop:active, + .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop:active, .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, #gf-candidate-popup .budgie-panel button.launcher:backdrop:active, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop:active, .budgie-panel layouttabbar button.launcher:backdrop:active, layouttabbar .budgie-panel button.launcher:backdrop:active, .budgie-panel layouttab button.launcher:backdrop:active, layouttab .budgie-panel button.launcher:backdrop:active { + opacity: 1.0; + transition-duration: 0; + animation: budgie_ripple_effect 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } + .budgie-panel button.flat.launcher:checked, .budgie-panel button.launcher.osd.image-button:checked, .budgie-panel .osd toolbar button.launcher:checked, .osd toolbar .budgie-panel button.launcher:checked, .budgie-panel toolbar.osd button.launcher:checked, toolbar.osd .budgie-panel button.launcher:checked, .budgie-panel .app-notification button.launcher:checked, .app-notification .budgie-panel button.launcher:checked, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:checked, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher:checked, .budgie-panel toolbar button.launcher:checked, toolbar .budgie-panel button.launcher:checked, .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:checked, + .budgie-panel .context-menu > arrow.launcher:checked, + .budgie-panel menu > arrow.launcher:checked, .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .budgie-panel button.launcher.image-button:checked, .budgie-panel .ssd decoration button.launcher:checked, .ssd decoration .budgie-panel button.launcher:checked, .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .budgie-panel button.launcher.titlebutton:checked, + .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .budgie-panel button.launcher.titlebutton:checked, .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .budgie-panel button.launcher:checked, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:checked, .budgie-panel layouttabbar button.launcher:checked, layouttabbar .budgie-panel button.launcher:checked, .budgie-panel layouttab button.launcher:checked, layouttab .budgie-panel button.launcher:checked, .budgie-panel button.flat.launcher:backdrop:checked, .budgie-panel button.launcher.osd.image-button:backdrop:checked, .budgie-panel .osd toolbar button.launcher:backdrop:checked, .osd toolbar .budgie-panel button.launcher:backdrop:checked, .budgie-panel toolbar.osd button.launcher:backdrop:checked, toolbar.osd .budgie-panel button.launcher:backdrop:checked, .budgie-panel .app-notification button.launcher:backdrop:checked, .app-notification .budgie-panel button.launcher:backdrop:checked, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher:backdrop:checked, .budgie-panel toolbar button.launcher:backdrop:checked, toolbar .budgie-panel button.launcher:backdrop:checked, .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop:checked, + .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .budgie-panel menu > arrow.launcher:backdrop:checked, .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, placessidebar row .budgie-panel button.launcher.image-button:backdrop:checked, .budgie-panel .ssd decoration button.launcher:backdrop:checked, .ssd decoration .budgie-panel button.launcher:backdrop:checked, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop:checked, + .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop:checked, .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, #gf-candidate-popup .budgie-panel button.launcher:backdrop:checked, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop:checked, .budgie-panel layouttabbar button.launcher:backdrop:checked, layouttabbar .budgie-panel button.launcher:backdrop:checked, .budgie-panel layouttab button.launcher:backdrop:checked, layouttab .budgie-panel button.launcher:backdrop:checked { + opacity: 1.0; + background-color: transparent; } + .budgie-panel button.flat.launcher:checked:hover, .budgie-panel button.launcher.osd.image-button:checked:hover, .budgie-panel .osd toolbar button.launcher:checked:hover, .osd toolbar .budgie-panel button.launcher:checked:hover, .budgie-panel toolbar.osd button.launcher:checked:hover, toolbar.osd .budgie-panel button.launcher:checked:hover, .budgie-panel .app-notification button.launcher:checked:hover, .app-notification .budgie-panel button.launcher:checked:hover, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:checked:hover, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher:checked:hover, .budgie-panel toolbar button.launcher:checked:hover, toolbar .budgie-panel button.launcher:checked:hover, .budgie-panel .titlebar button.launcher:checked:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:checked:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:checked:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:checked:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:checked:hover, + .budgie-panel .context-menu > arrow.launcher:checked:hover, + .budgie-panel menu > arrow.launcher:checked:hover, .budgie-panel placessidebar row button.launcher.image-button:checked:hover, placessidebar row .budgie-panel button.launcher.image-button:checked:hover, .budgie-panel .ssd decoration button.launcher:checked:hover, .ssd decoration .budgie-panel button.launcher:checked:hover, .budgie-panel .csd headerbar button.launcher.titlebutton:checked:hover, .csd headerbar .budgie-panel button.launcher.titlebutton:checked:hover, + .budgie-panel .csd .titlebar button.launcher.titlebutton:checked:hover, + .csd .titlebar .budgie-panel button.launcher.titlebutton:checked:hover, .budgie-panel #gf-candidate-popup button.launcher:checked:hover, #gf-candidate-popup .budgie-panel button.launcher:checked:hover, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked:hover, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:checked:hover, .budgie-panel layouttabbar button.launcher:checked:hover, layouttabbar .budgie-panel button.launcher:checked:hover, .budgie-panel layouttab button.launcher:checked:hover, layouttab .budgie-panel button.launcher:checked:hover, .budgie-panel button.flat.launcher:backdrop:checked:hover, .budgie-panel button.launcher.osd.image-button:backdrop:checked:hover, .budgie-panel .osd toolbar button.launcher:backdrop:checked:hover, .osd toolbar .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel toolbar.osd button.launcher:backdrop:checked:hover, toolbar.osd .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel .app-notification button.launcher:backdrop:checked:hover, .app-notification .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked:hover, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel toolbar button.launcher:backdrop:checked:hover, toolbar .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel .titlebar button.launcher:backdrop:checked:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:checked:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:backdrop:checked:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:backdrop:checked:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop:checked:hover, + .budgie-panel .context-menu > arrow.launcher:backdrop:checked:hover, + .budgie-panel menu > arrow.launcher:backdrop:checked:hover, .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked:hover, placessidebar row .budgie-panel button.launcher.image-button:backdrop:checked:hover, .budgie-panel .ssd decoration button.launcher:backdrop:checked:hover, .ssd decoration .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked:hover, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop:checked:hover, + .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked:hover, + .csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop:checked:hover, .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked:hover, #gf-candidate-popup .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked:hover, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel layouttabbar button.launcher:backdrop:checked:hover, layouttabbar .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel layouttab button.launcher:backdrop:checked:hover, layouttab .budgie-panel button.launcher:backdrop:checked:hover { + -gtk-icon-effect: highlight; } +.budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned button.launcher.osd.image-button, .budgie-panel .unpinned .osd toolbar button.launcher, .osd toolbar .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned toolbar.osd button.launcher, toolbar.osd .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned .app-notification button.launcher, .app-notification .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned toolbar button.launcher, toolbar .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .budgie-panel .unpinned .menu > arrow.launcher, +.budgie-panel .unpinned .context-menu > arrow.launcher, +.budgie-panel .unpinned menu > arrow.launcher, .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .budgie-panel .unpinned button.launcher.image-button, .budgie-panel .unpinned .ssd decoration button.launcher, .ssd decoration .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .budgie-panel .unpinned button.launcher.titlebutton, +.budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .budgie-panel .unpinned button.launcher.titlebutton, .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned layouttab button.launcher, layouttab .budgie-panel .unpinned button.launcher, +.budgie-panel .unpinned button.flat.launcher:backdrop, +.budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.budgie-panel .unpinned .osd toolbar button.launcher:backdrop, +.osd toolbar .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned toolbar.osd button.launcher:backdrop, +toolbar.osd .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned .app-notification button.launcher:backdrop, +.app-notification .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop, +GeditViewFrame .gedit-search-slider .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned toolbar button.launcher:backdrop, +toolbar .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.budgie-panel .unpinned menu > arrow.launcher:backdrop, +.budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .budgie-panel .unpinned button.launcher.image-button:backdrop, +.budgie-panel .unpinned .ssd decoration button.launcher:backdrop, +.ssd decoration .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned button.launcher.running.osd.image-button, +.budgie-panel .pinned .osd toolbar button.launcher.running, +.osd toolbar .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned toolbar.osd button.launcher.running, +toolbar.osd .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned .app-notification button.launcher.running, +.app-notification .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running, +GeditViewFrame .gedit-search-slider .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned toolbar button.launcher.running, +toolbar .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.budgie-panel .pinned .menu > arrow.launcher.running, +.budgie-panel .pinned .context-menu > arrow.launcher.running, +.budgie-panel .pinned menu > arrow.launcher.running, +.budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .budgie-panel .pinned button.launcher.running.image-button, +.budgie-panel .pinned .ssd decoration button.launcher.running, +.ssd decoration .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .budgie-panel .pinned button.launcher.running.titlebutton, +.budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .budgie-panel .pinned button.launcher.running.titlebutton, +.budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned layouttab button.launcher.running, +layouttab .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned button.flat.launcher.running:backdrop, +.budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.budgie-panel .pinned .osd toolbar button.launcher.running:backdrop, +.osd toolbar .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned toolbar.osd button.launcher.running:backdrop, +toolbar.osd .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned .app-notification button.launcher.running:backdrop, +.app-notification .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop, +GeditViewFrame .gedit-search-slider .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned toolbar button.launcher.running:backdrop, +toolbar .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.budgie-panel .pinned .ssd decoration button.launcher.running:backdrop, +.ssd decoration .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .budgie-panel .pinned button.launcher.running:backdrop { + opacity: 1.0; } + .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned button.launcher.osd.image-button:hover, .budgie-panel .unpinned .osd toolbar button.launcher:hover, .osd toolbar .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned toolbar.osd button.launcher:hover, toolbar.osd .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned .app-notification button.launcher:hover, .app-notification .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned toolbar button.launcher:hover, toolbar .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .unpinned .menu > arrow.launcher:hover, + .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .budgie-panel .unpinned menu > arrow.launcher:hover, .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .budgie-panel .unpinned button.launcher.image-button:hover, .budgie-panel .unpinned .ssd decoration button.launcher:hover, .ssd decoration .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .budgie-panel .unpinned button.launcher.titlebutton:hover, + .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .budgie-panel .unpinned button.launcher.titlebutton:hover, .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .budgie-panel .unpinned button.launcher:hover, + .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:hover, + .osd toolbar .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:hover, + toolbar.osd .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned .app-notification button.launcher:backdrop:hover, + .app-notification .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, + GeditViewFrame .gedit-search-slider .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned toolbar button.launcher:backdrop:hover, + toolbar .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:hover, + .ssd decoration .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .budgie-panel .pinned .osd toolbar button.launcher.running:hover, + .osd toolbar .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned toolbar.osd button.launcher.running:hover, + toolbar.osd .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned .app-notification button.launcher.running:hover, + .app-notification .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:hover, + GeditViewFrame .gedit-search-slider .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned toolbar button.launcher.running:hover, + toolbar .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .budgie-panel .pinned menu > arrow.launcher.running:hover, + .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .budgie-panel .pinned button.launcher.running.image-button:hover, + .budgie-panel .pinned .ssd decoration button.launcher.running:hover, + .ssd decoration .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:hover, + .osd toolbar .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:hover, + toolbar.osd .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned .app-notification button.launcher.running:backdrop:hover, + .app-notification .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:hover, + GeditViewFrame .gedit-search-slider .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned toolbar button.launcher.running:backdrop:hover, + toolbar .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:hover, + .ssd decoration .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .budgie-panel .pinned button.launcher.running:backdrop:hover { + -gtk-icon-effect: highlight; } + +.top .budgie-panel #tasklist-button button, +.top .budgie-panel #tasklist-button button:backdrop { + border: 2px solid transparent; } + .top .budgie-panel #tasklist-button button:hover, + .top .budgie-panel #tasklist-button button:backdrop:hover { + border-top: 2px solid alpha(#ECEFF1, 0.4); } + .top .budgie-panel #tasklist-button button:active, .top .budgie-panel #tasklist-button button:checked, + .top .budgie-panel #tasklist-button button:backdrop:active, + .top .budgie-panel #tasklist-button button:backdrop:checked { + border-top: 2px solid #C5A68E; } +.top .budgie-panel button.flat.launcher, .top .budgie-panel button.launcher.osd.image-button, .top .budgie-panel .osd toolbar button.launcher, .osd toolbar .top .budgie-panel button.launcher, .top .budgie-panel toolbar.osd button.launcher, toolbar.osd .top .budgie-panel button.launcher, .top .budgie-panel .app-notification button.launcher, .app-notification .top .budgie-panel button.launcher, .top .budgie-panel GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .top .budgie-panel button.launcher, .top .budgie-panel toolbar button.launcher, toolbar .top .budgie-panel button.launcher, .top .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.top .budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .top .budgie-panel .menu > arrow.launcher, +.top .budgie-panel .context-menu > arrow.launcher, +.top .budgie-panel menu > arrow.launcher, .top .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .top .budgie-panel button.launcher.image-button, .top .budgie-panel .ssd decoration button.launcher, .ssd decoration .top .budgie-panel button.launcher, .top .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .top .budgie-panel button.launcher.titlebutton, +.top .budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .top .budgie-panel button.launcher.titlebutton, .top .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .top .budgie-panel button.launcher, .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher, .top .budgie-panel layouttabbar button.launcher, layouttabbar .top .budgie-panel button.launcher, .top .budgie-panel layouttab button.launcher, layouttab .top .budgie-panel button.launcher, +.top .budgie-panel button.flat.launcher:backdrop, +.top .budgie-panel button.launcher.osd.image-button:backdrop, +.top .budgie-panel .osd toolbar button.launcher:backdrop, +.osd toolbar .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel toolbar.osd button.launcher:backdrop, +toolbar.osd .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel .app-notification button.launcher:backdrop, +.app-notification .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop, +GeditViewFrame .gedit-search-slider .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel toolbar button.launcher:backdrop, +toolbar .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .top .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .menu > arrow.launcher:backdrop, +.top .budgie-panel .context-menu > arrow.launcher:backdrop, +.top .budgie-panel menu > arrow.launcher:backdrop, +.top .budgie-panel placessidebar row button.launcher.image-button:backdrop, +placessidebar row .top .budgie-panel button.launcher.image-button:backdrop, +.top .budgie-panel .ssd decoration button.launcher:backdrop, +.ssd decoration .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .top .budgie-panel button.launcher.titlebutton:backdrop, +.top .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .top .budgie-panel button.launcher.titlebutton:backdrop, +.top .budgie-panel #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel layouttabbar button.launcher:backdrop, +layouttabbar .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel layouttab button.launcher:backdrop, +layouttab .top .budgie-panel button.launcher:backdrop { + border: 2px solid transparent; } + .top .budgie-panel button.flat.launcher:hover, .top .budgie-panel button.launcher.osd.image-button:hover, .top .budgie-panel .osd toolbar button.launcher:hover, .osd toolbar .top .budgie-panel button.launcher:hover, .top .budgie-panel toolbar.osd button.launcher:hover, toolbar.osd .top .budgie-panel button.launcher:hover, .top .budgie-panel .app-notification button.launcher:hover, .app-notification .top .budgie-panel button.launcher:hover, .top .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .top .budgie-panel button.launcher:hover, .top .budgie-panel toolbar button.launcher:hover, toolbar .top .budgie-panel button.launcher:hover, .top .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .top .budgie-panel .menu > arrow.launcher:hover, + .top .budgie-panel .context-menu > arrow.launcher:hover, + .top .budgie-panel menu > arrow.launcher:hover, .top .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .top .budgie-panel button.launcher.image-button:hover, .top .budgie-panel .ssd decoration button.launcher:hover, .ssd decoration .top .budgie-panel button.launcher:hover, .top .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .top .budgie-panel button.launcher.titlebutton:hover, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:hover, .top .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .top .budgie-panel button.launcher:hover, .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:hover, .top .budgie-panel layouttabbar button.launcher:hover, layouttabbar .top .budgie-panel button.launcher:hover, .top .budgie-panel layouttab button.launcher:hover, layouttab .top .budgie-panel button.launcher:hover, + .top .budgie-panel button.flat.launcher:backdrop:hover, + .top .budgie-panel button.launcher.osd.image-button:backdrop:hover, + .top .budgie-panel .osd toolbar button.launcher:backdrop:hover, + .osd toolbar .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel toolbar.osd button.launcher:backdrop:hover, + toolbar.osd .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel .app-notification button.launcher:backdrop:hover, + .app-notification .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, + GeditViewFrame .gedit-search-slider .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel toolbar button.launcher:backdrop:hover, + toolbar .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .menu > arrow.launcher:backdrop:hover, + .top .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .top .budgie-panel menu > arrow.launcher:backdrop:hover, + .top .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .top .budgie-panel button.launcher.image-button:backdrop:hover, + .top .budgie-panel .ssd decoration button.launcher:backdrop:hover, + .ssd decoration .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .top .budgie-panel button.launcher.titlebutton:backdrop:hover, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:backdrop:hover, + .top .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel layouttabbar button.launcher:backdrop:hover, + layouttabbar .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel layouttab button.launcher:backdrop:hover, + layouttab .top .budgie-panel button.launcher:backdrop:hover { + border-top: 2px solid alpha(#ECEFF1, 0.4); } + .top .budgie-panel button.flat.launcher:active, .top .budgie-panel button.launcher.osd.image-button:active, .top .budgie-panel .osd toolbar button.launcher:active, .osd toolbar .top .budgie-panel button.launcher:active, .top .budgie-panel toolbar.osd button.launcher:active, toolbar.osd .top .budgie-panel button.launcher:active, .top .budgie-panel .app-notification button.launcher:active, .app-notification .top .budgie-panel button.launcher:active, .top .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:active, GeditViewFrame .gedit-search-slider .top .budgie-panel button.launcher:active, .top .budgie-panel toolbar button.launcher:active, toolbar .top .budgie-panel button.launcher:active, .top .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .top .budgie-panel .menu > arrow.launcher:active, + .top .budgie-panel .context-menu > arrow.launcher:active, + .top .budgie-panel menu > arrow.launcher:active, .top .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .top .budgie-panel button.launcher.image-button:active, .top .budgie-panel .ssd decoration button.launcher:active, .ssd decoration .top .budgie-panel button.launcher:active, .top .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .top .budgie-panel button.launcher.titlebutton:active, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:active, .top .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .top .budgie-panel button.launcher:active, .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:active, .top .budgie-panel layouttabbar button.launcher:active, layouttabbar .top .budgie-panel button.launcher:active, .top .budgie-panel layouttab button.launcher:active, layouttab .top .budgie-panel button.launcher:active, .top .budgie-panel button.flat.launcher:checked, .top .budgie-panel button.launcher.osd.image-button:checked, .top .budgie-panel .osd toolbar button.launcher:checked, .osd toolbar .top .budgie-panel button.launcher:checked, .top .budgie-panel toolbar.osd button.launcher:checked, toolbar.osd .top .budgie-panel button.launcher:checked, .top .budgie-panel .app-notification button.launcher:checked, .app-notification .top .budgie-panel button.launcher:checked, .top .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:checked, GeditViewFrame .gedit-search-slider .top .budgie-panel button.launcher:checked, .top .budgie-panel toolbar button.launcher:checked, toolbar .top .budgie-panel button.launcher:checked, .top .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .top .budgie-panel .menu > arrow.launcher:checked, + .top .budgie-panel .context-menu > arrow.launcher:checked, + .top .budgie-panel menu > arrow.launcher:checked, .top .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .top .budgie-panel button.launcher.image-button:checked, .top .budgie-panel .ssd decoration button.launcher:checked, .ssd decoration .top .budgie-panel button.launcher:checked, .top .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .top .budgie-panel button.launcher.titlebutton:checked, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:checked, .top .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .top .budgie-panel button.launcher:checked, .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:checked, .top .budgie-panel layouttabbar button.launcher:checked, layouttabbar .top .budgie-panel button.launcher:checked, .top .budgie-panel layouttab button.launcher:checked, layouttab .top .budgie-panel button.launcher:checked, + .top .budgie-panel button.flat.launcher:backdrop:active, + .top .budgie-panel button.launcher.osd.image-button:backdrop:active, + .top .budgie-panel .osd toolbar button.launcher:backdrop:active, + .osd toolbar .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel toolbar.osd button.launcher:backdrop:active, + toolbar.osd .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel .app-notification button.launcher:backdrop:active, + .app-notification .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:active, + GeditViewFrame .gedit-search-slider .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel toolbar button.launcher:backdrop:active, + toolbar .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .menu > arrow.launcher:backdrop:active, + .top .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .top .budgie-panel menu > arrow.launcher:backdrop:active, + .top .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .top .budgie-panel button.launcher.image-button:backdrop:active, + .top .budgie-panel .ssd decoration button.launcher:backdrop:active, + .ssd decoration .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .top .budgie-panel button.launcher.titlebutton:backdrop:active, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:backdrop:active, + .top .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel layouttabbar button.launcher:backdrop:active, + layouttabbar .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel layouttab button.launcher:backdrop:active, + layouttab .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel button.flat.launcher:backdrop:checked, + .top .budgie-panel button.launcher.osd.image-button:backdrop:checked, + .top .budgie-panel .osd toolbar button.launcher:backdrop:checked, + .osd toolbar .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel toolbar.osd button.launcher:backdrop:checked, + toolbar.osd .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel .app-notification button.launcher:backdrop:checked, + .app-notification .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked, + GeditViewFrame .gedit-search-slider .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel toolbar button.launcher:backdrop:checked, + toolbar .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .menu > arrow.launcher:backdrop:checked, + .top .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .top .budgie-panel menu > arrow.launcher:backdrop:checked, + .top .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .top .budgie-panel button.launcher.image-button:backdrop:checked, + .top .budgie-panel .ssd decoration button.launcher:backdrop:checked, + .ssd decoration .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .top .budgie-panel button.launcher.titlebutton:backdrop:checked, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:backdrop:checked, + .top .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel layouttabbar button.launcher:backdrop:checked, + layouttabbar .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel layouttab button.launcher:backdrop:checked, + layouttab .top .budgie-panel button.launcher:backdrop:checked { + border-top: 2px solid #C5A68E; } + +.bottom .budgie-panel #tasklist-button button, +.bottom .budgie-panel #tasklist-button button:backdrop { + border: 2px solid transparent; } + .bottom .budgie-panel #tasklist-button button:hover, + .bottom .budgie-panel #tasklist-button button:backdrop:hover { + border-bottom: 2px solid alpha(#ECEFF1, 0.4); } + .bottom .budgie-panel #tasklist-button button:active, .bottom .budgie-panel #tasklist-button button:checked, + .bottom .budgie-panel #tasklist-button button:backdrop:active, + .bottom .budgie-panel #tasklist-button button:backdrop:checked { + border-bottom: 2px solid #C5A68E; } +.bottom .budgie-panel button.flat.launcher, .bottom .budgie-panel button.launcher.osd.image-button, .bottom .budgie-panel .osd toolbar button.launcher, .osd toolbar .bottom .budgie-panel button.launcher, .bottom .budgie-panel toolbar.osd button.launcher, toolbar.osd .bottom .budgie-panel button.launcher, .bottom .budgie-panel .app-notification button.launcher, .app-notification .bottom .budgie-panel button.launcher, .bottom .budgie-panel GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .bottom .budgie-panel button.launcher, .bottom .budgie-panel toolbar button.launcher, toolbar .bottom .budgie-panel button.launcher, .bottom .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .menu > arrow.launcher, +.bottom .budgie-panel .context-menu > arrow.launcher, +.bottom .budgie-panel menu > arrow.launcher, .bottom .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .bottom .budgie-panel button.launcher.image-button, .bottom .budgie-panel .ssd decoration button.launcher, .ssd decoration .bottom .budgie-panel button.launcher, .bottom .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .bottom .budgie-panel button.launcher.titlebutton, +.bottom .budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .bottom .budgie-panel button.launcher.titlebutton, .bottom .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .bottom .budgie-panel button.launcher, .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher, .bottom .budgie-panel layouttabbar button.launcher, layouttabbar .bottom .budgie-panel button.launcher, .bottom .budgie-panel layouttab button.launcher, layouttab .bottom .budgie-panel button.launcher, +.bottom .budgie-panel button.flat.launcher:backdrop, +.bottom .budgie-panel button.launcher.osd.image-button:backdrop, +.bottom .budgie-panel .osd toolbar button.launcher:backdrop, +.osd toolbar .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel toolbar.osd button.launcher:backdrop, +toolbar.osd .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel .app-notification button.launcher:backdrop, +.app-notification .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop, +GeditViewFrame .gedit-search-slider .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel toolbar button.launcher:backdrop, +toolbar .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .bottom .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .menu > arrow.launcher:backdrop, +.bottom .budgie-panel .context-menu > arrow.launcher:backdrop, +.bottom .budgie-panel menu > arrow.launcher:backdrop, +.bottom .budgie-panel placessidebar row button.launcher.image-button:backdrop, +placessidebar row .bottom .budgie-panel button.launcher.image-button:backdrop, +.bottom .budgie-panel .ssd decoration button.launcher:backdrop, +.ssd decoration .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .bottom .budgie-panel button.launcher.titlebutton:backdrop, +.bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:backdrop, +.bottom .budgie-panel #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel layouttabbar button.launcher:backdrop, +layouttabbar .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel layouttab button.launcher:backdrop, +layouttab .bottom .budgie-panel button.launcher:backdrop { + border: 2px solid transparent; } + .bottom .budgie-panel button.flat.launcher:hover, .bottom .budgie-panel button.launcher.osd.image-button:hover, .bottom .budgie-panel .osd toolbar button.launcher:hover, .osd toolbar .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel toolbar.osd button.launcher:hover, toolbar.osd .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel .app-notification button.launcher:hover, .app-notification .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel toolbar button.launcher:hover, toolbar .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .menu > arrow.launcher:hover, + .bottom .budgie-panel .context-menu > arrow.launcher:hover, + .bottom .budgie-panel menu > arrow.launcher:hover, .bottom .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .bottom .budgie-panel button.launcher.image-button:hover, .bottom .budgie-panel .ssd decoration button.launcher:hover, .ssd decoration .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:hover, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:hover, .bottom .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel layouttabbar button.launcher:hover, layouttabbar .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel layouttab button.launcher:hover, layouttab .bottom .budgie-panel button.launcher:hover, + .bottom .budgie-panel button.flat.launcher:backdrop:hover, + .bottom .budgie-panel button.launcher.osd.image-button:backdrop:hover, + .bottom .budgie-panel .osd toolbar button.launcher:backdrop:hover, + .osd toolbar .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel toolbar.osd button.launcher:backdrop:hover, + toolbar.osd .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel .app-notification button.launcher:backdrop:hover, + .app-notification .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel toolbar button.launcher:backdrop:hover, + toolbar .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .bottom .budgie-panel button.launcher.image-button:backdrop:hover, + .bottom .budgie-panel .ssd decoration button.launcher:backdrop:hover, + .ssd decoration .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:backdrop:hover, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:backdrop:hover, + .bottom .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel layouttabbar button.launcher:backdrop:hover, + layouttabbar .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel layouttab button.launcher:backdrop:hover, + layouttab .bottom .budgie-panel button.launcher:backdrop:hover { + border-bottom: 2px solid alpha(#ECEFF1, 0.4); } + .bottom .budgie-panel button.flat.launcher:active, .bottom .budgie-panel button.launcher.osd.image-button:active, .bottom .budgie-panel .osd toolbar button.launcher:active, .osd toolbar .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel toolbar.osd button.launcher:active, toolbar.osd .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel .app-notification button.launcher:active, .app-notification .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:active, GeditViewFrame .gedit-search-slider .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel toolbar button.launcher:active, toolbar .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .menu > arrow.launcher:active, + .bottom .budgie-panel .context-menu > arrow.launcher:active, + .bottom .budgie-panel menu > arrow.launcher:active, .bottom .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .bottom .budgie-panel button.launcher.image-button:active, .bottom .budgie-panel .ssd decoration button.launcher:active, .ssd decoration .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:active, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:active, .bottom .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel layouttabbar button.launcher:active, layouttabbar .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel layouttab button.launcher:active, layouttab .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel button.flat.launcher:checked, .bottom .budgie-panel button.launcher.osd.image-button:checked, .bottom .budgie-panel .osd toolbar button.launcher:checked, .osd toolbar .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel toolbar.osd button.launcher:checked, toolbar.osd .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel .app-notification button.launcher:checked, .app-notification .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:checked, GeditViewFrame .gedit-search-slider .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel toolbar button.launcher:checked, toolbar .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .menu > arrow.launcher:checked, + .bottom .budgie-panel .context-menu > arrow.launcher:checked, + .bottom .budgie-panel menu > arrow.launcher:checked, .bottom .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .bottom .budgie-panel button.launcher.image-button:checked, .bottom .budgie-panel .ssd decoration button.launcher:checked, .ssd decoration .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:checked, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:checked, .bottom .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel layouttabbar button.launcher:checked, layouttabbar .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel layouttab button.launcher:checked, layouttab .bottom .budgie-panel button.launcher:checked, + .bottom .budgie-panel button.flat.launcher:backdrop:active, + .bottom .budgie-panel button.launcher.osd.image-button:backdrop:active, + .bottom .budgie-panel .osd toolbar button.launcher:backdrop:active, + .osd toolbar .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel toolbar.osd button.launcher:backdrop:active, + toolbar.osd .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel .app-notification button.launcher:backdrop:active, + .app-notification .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:active, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel toolbar button.launcher:backdrop:active, + toolbar .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .bottom .budgie-panel button.launcher.image-button:backdrop:active, + .bottom .budgie-panel .ssd decoration button.launcher:backdrop:active, + .ssd decoration .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:backdrop:active, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:backdrop:active, + .bottom .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel layouttabbar button.launcher:backdrop:active, + layouttabbar .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel layouttab button.launcher:backdrop:active, + layouttab .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel button.flat.launcher:backdrop:checked, + .bottom .budgie-panel button.launcher.osd.image-button:backdrop:checked, + .bottom .budgie-panel .osd toolbar button.launcher:backdrop:checked, + .osd toolbar .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel toolbar.osd button.launcher:backdrop:checked, + toolbar.osd .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel .app-notification button.launcher:backdrop:checked, + .app-notification .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel toolbar button.launcher:backdrop:checked, + toolbar .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .bottom .budgie-panel button.launcher.image-button:backdrop:checked, + .bottom .budgie-panel .ssd decoration button.launcher:backdrop:checked, + .ssd decoration .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:backdrop:checked, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:backdrop:checked, + .bottom .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel layouttabbar button.launcher:backdrop:checked, + layouttabbar .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel layouttab button.launcher:backdrop:checked, + layouttab .bottom .budgie-panel button.launcher:backdrop:checked { + border-bottom: 2px solid #C5A68E; } + +.left .budgie-panel #tasklist-button button, +.left .budgie-panel #tasklist-button button:backdrop { + border: 2px solid transparent; } + .left .budgie-panel #tasklist-button button:hover, + .left .budgie-panel #tasklist-button button:backdrop:hover { + border-left: 2px solid alpha(#ECEFF1, 0.4); } + .left .budgie-panel #tasklist-button button:active, .left .budgie-panel #tasklist-button button:checked, + .left .budgie-panel #tasklist-button button:backdrop:active, + .left .budgie-panel #tasklist-button button:backdrop:checked { + border-left: 2px solid #C5A68E; } +.left .budgie-panel button.flat.launcher, .left .budgie-panel button.launcher.osd.image-button, .left .budgie-panel .osd toolbar button.launcher, .osd toolbar .left .budgie-panel button.launcher, .left .budgie-panel toolbar.osd button.launcher, toolbar.osd .left .budgie-panel button.launcher, .left .budgie-panel .app-notification button.launcher, .app-notification .left .budgie-panel button.launcher, .left .budgie-panel GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .left .budgie-panel button.launcher, .left .budgie-panel toolbar button.launcher, toolbar .left .budgie-panel button.launcher, .left .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.left .budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .left .budgie-panel .menu > arrow.launcher, +.left .budgie-panel .context-menu > arrow.launcher, +.left .budgie-panel menu > arrow.launcher, .left .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .left .budgie-panel button.launcher.image-button, .left .budgie-panel .ssd decoration button.launcher, .ssd decoration .left .budgie-panel button.launcher, .left .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .left .budgie-panel button.launcher.titlebutton, +.left .budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .left .budgie-panel button.launcher.titlebutton, .left .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .left .budgie-panel button.launcher, .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher, .left .budgie-panel layouttabbar button.launcher, layouttabbar .left .budgie-panel button.launcher, .left .budgie-panel layouttab button.launcher, layouttab .left .budgie-panel button.launcher, +.left .budgie-panel button.flat.launcher:backdrop, +.left .budgie-panel button.launcher.osd.image-button:backdrop, +.left .budgie-panel .osd toolbar button.launcher:backdrop, +.osd toolbar .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel toolbar.osd button.launcher:backdrop, +toolbar.osd .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel .app-notification button.launcher:backdrop, +.app-notification .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop, +GeditViewFrame .gedit-search-slider .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel toolbar button.launcher:backdrop, +toolbar .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .left .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .menu > arrow.launcher:backdrop, +.left .budgie-panel .context-menu > arrow.launcher:backdrop, +.left .budgie-panel menu > arrow.launcher:backdrop, +.left .budgie-panel placessidebar row button.launcher.image-button:backdrop, +placessidebar row .left .budgie-panel button.launcher.image-button:backdrop, +.left .budgie-panel .ssd decoration button.launcher:backdrop, +.ssd decoration .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .left .budgie-panel button.launcher.titlebutton:backdrop, +.left .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .left .budgie-panel button.launcher.titlebutton:backdrop, +.left .budgie-panel #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel layouttabbar button.launcher:backdrop, +layouttabbar .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel layouttab button.launcher:backdrop, +layouttab .left .budgie-panel button.launcher:backdrop { + border: 2px solid transparent; } + .left .budgie-panel button.flat.launcher:hover, .left .budgie-panel button.launcher.osd.image-button:hover, .left .budgie-panel .osd toolbar button.launcher:hover, .osd toolbar .left .budgie-panel button.launcher:hover, .left .budgie-panel toolbar.osd button.launcher:hover, toolbar.osd .left .budgie-panel button.launcher:hover, .left .budgie-panel .app-notification button.launcher:hover, .app-notification .left .budgie-panel button.launcher:hover, .left .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .left .budgie-panel button.launcher:hover, .left .budgie-panel toolbar button.launcher:hover, toolbar .left .budgie-panel button.launcher:hover, .left .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .left .budgie-panel .menu > arrow.launcher:hover, + .left .budgie-panel .context-menu > arrow.launcher:hover, + .left .budgie-panel menu > arrow.launcher:hover, .left .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .left .budgie-panel button.launcher.image-button:hover, .left .budgie-panel .ssd decoration button.launcher:hover, .ssd decoration .left .budgie-panel button.launcher:hover, .left .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .left .budgie-panel button.launcher.titlebutton:hover, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:hover, .left .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .left .budgie-panel button.launcher:hover, .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:hover, .left .budgie-panel layouttabbar button.launcher:hover, layouttabbar .left .budgie-panel button.launcher:hover, .left .budgie-panel layouttab button.launcher:hover, layouttab .left .budgie-panel button.launcher:hover, + .left .budgie-panel button.flat.launcher:backdrop:hover, + .left .budgie-panel button.launcher.osd.image-button:backdrop:hover, + .left .budgie-panel .osd toolbar button.launcher:backdrop:hover, + .osd toolbar .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel toolbar.osd button.launcher:backdrop:hover, + toolbar.osd .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel .app-notification button.launcher:backdrop:hover, + .app-notification .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, + GeditViewFrame .gedit-search-slider .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel toolbar button.launcher:backdrop:hover, + toolbar .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .menu > arrow.launcher:backdrop:hover, + .left .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .left .budgie-panel menu > arrow.launcher:backdrop:hover, + .left .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .left .budgie-panel button.launcher.image-button:backdrop:hover, + .left .budgie-panel .ssd decoration button.launcher:backdrop:hover, + .ssd decoration .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .left .budgie-panel button.launcher.titlebutton:backdrop:hover, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:backdrop:hover, + .left .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel layouttabbar button.launcher:backdrop:hover, + layouttabbar .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel layouttab button.launcher:backdrop:hover, + layouttab .left .budgie-panel button.launcher:backdrop:hover { + border-left: 2px solid alpha(#ECEFF1, 0.4); } + .left .budgie-panel button.flat.launcher:active, .left .budgie-panel button.launcher.osd.image-button:active, .left .budgie-panel .osd toolbar button.launcher:active, .osd toolbar .left .budgie-panel button.launcher:active, .left .budgie-panel toolbar.osd button.launcher:active, toolbar.osd .left .budgie-panel button.launcher:active, .left .budgie-panel .app-notification button.launcher:active, .app-notification .left .budgie-panel button.launcher:active, .left .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:active, GeditViewFrame .gedit-search-slider .left .budgie-panel button.launcher:active, .left .budgie-panel toolbar button.launcher:active, toolbar .left .budgie-panel button.launcher:active, .left .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .left .budgie-panel .menu > arrow.launcher:active, + .left .budgie-panel .context-menu > arrow.launcher:active, + .left .budgie-panel menu > arrow.launcher:active, .left .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .left .budgie-panel button.launcher.image-button:active, .left .budgie-panel .ssd decoration button.launcher:active, .ssd decoration .left .budgie-panel button.launcher:active, .left .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .left .budgie-panel button.launcher.titlebutton:active, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:active, .left .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .left .budgie-panel button.launcher:active, .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:active, .left .budgie-panel layouttabbar button.launcher:active, layouttabbar .left .budgie-panel button.launcher:active, .left .budgie-panel layouttab button.launcher:active, layouttab .left .budgie-panel button.launcher:active, .left .budgie-panel button.flat.launcher:checked, .left .budgie-panel button.launcher.osd.image-button:checked, .left .budgie-panel .osd toolbar button.launcher:checked, .osd toolbar .left .budgie-panel button.launcher:checked, .left .budgie-panel toolbar.osd button.launcher:checked, toolbar.osd .left .budgie-panel button.launcher:checked, .left .budgie-panel .app-notification button.launcher:checked, .app-notification .left .budgie-panel button.launcher:checked, .left .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:checked, GeditViewFrame .gedit-search-slider .left .budgie-panel button.launcher:checked, .left .budgie-panel toolbar button.launcher:checked, toolbar .left .budgie-panel button.launcher:checked, .left .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .left .budgie-panel .menu > arrow.launcher:checked, + .left .budgie-panel .context-menu > arrow.launcher:checked, + .left .budgie-panel menu > arrow.launcher:checked, .left .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .left .budgie-panel button.launcher.image-button:checked, .left .budgie-panel .ssd decoration button.launcher:checked, .ssd decoration .left .budgie-panel button.launcher:checked, .left .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .left .budgie-panel button.launcher.titlebutton:checked, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:checked, .left .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .left .budgie-panel button.launcher:checked, .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:checked, .left .budgie-panel layouttabbar button.launcher:checked, layouttabbar .left .budgie-panel button.launcher:checked, .left .budgie-panel layouttab button.launcher:checked, layouttab .left .budgie-panel button.launcher:checked, + .left .budgie-panel button.flat.launcher:backdrop:active, + .left .budgie-panel button.launcher.osd.image-button:backdrop:active, + .left .budgie-panel .osd toolbar button.launcher:backdrop:active, + .osd toolbar .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel toolbar.osd button.launcher:backdrop:active, + toolbar.osd .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel .app-notification button.launcher:backdrop:active, + .app-notification .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:active, + GeditViewFrame .gedit-search-slider .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel toolbar button.launcher:backdrop:active, + toolbar .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .menu > arrow.launcher:backdrop:active, + .left .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .left .budgie-panel menu > arrow.launcher:backdrop:active, + .left .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .left .budgie-panel button.launcher.image-button:backdrop:active, + .left .budgie-panel .ssd decoration button.launcher:backdrop:active, + .ssd decoration .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .left .budgie-panel button.launcher.titlebutton:backdrop:active, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:backdrop:active, + .left .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel layouttabbar button.launcher:backdrop:active, + layouttabbar .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel layouttab button.launcher:backdrop:active, + layouttab .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel button.flat.launcher:backdrop:checked, + .left .budgie-panel button.launcher.osd.image-button:backdrop:checked, + .left .budgie-panel .osd toolbar button.launcher:backdrop:checked, + .osd toolbar .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel toolbar.osd button.launcher:backdrop:checked, + toolbar.osd .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel .app-notification button.launcher:backdrop:checked, + .app-notification .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked, + GeditViewFrame .gedit-search-slider .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel toolbar button.launcher:backdrop:checked, + toolbar .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .menu > arrow.launcher:backdrop:checked, + .left .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .left .budgie-panel menu > arrow.launcher:backdrop:checked, + .left .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .left .budgie-panel button.launcher.image-button:backdrop:checked, + .left .budgie-panel .ssd decoration button.launcher:backdrop:checked, + .ssd decoration .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .left .budgie-panel button.launcher.titlebutton:backdrop:checked, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:backdrop:checked, + .left .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel layouttabbar button.launcher:backdrop:checked, + layouttabbar .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel layouttab button.launcher:backdrop:checked, + layouttab .left .budgie-panel button.launcher:backdrop:checked { + border-left: 2px solid #C5A68E; } + +.right .budgie-panel #tasklist-button button, +.right .budgie-panel #tasklist-button button:backdrop { + border: 2px solid transparent; } + .right .budgie-panel #tasklist-button button:hover, + .right .budgie-panel #tasklist-button button:backdrop:hover { + border-right: 2px solid alpha(#ECEFF1, 0.4); } + .right .budgie-panel #tasklist-button button:active, .right .budgie-panel #tasklist-button button:checked, + .right .budgie-panel #tasklist-button button:backdrop:active, + .right .budgie-panel #tasklist-button button:backdrop:checked { + border-right: 2px solid #C5A68E; } +.right .budgie-panel button.flat.launcher, .right .budgie-panel button.launcher.osd.image-button, .right .budgie-panel .osd toolbar button.launcher, .osd toolbar .right .budgie-panel button.launcher, .right .budgie-panel toolbar.osd button.launcher, toolbar.osd .right .budgie-panel button.launcher, .right .budgie-panel .app-notification button.launcher, .app-notification .right .budgie-panel button.launcher, .right .budgie-panel GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .right .budgie-panel button.launcher, .right .budgie-panel toolbar button.launcher, toolbar .right .budgie-panel button.launcher, .right .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.right .budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .right .budgie-panel .menu > arrow.launcher, +.right .budgie-panel .context-menu > arrow.launcher, +.right .budgie-panel menu > arrow.launcher, .right .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .right .budgie-panel button.launcher.image-button, .right .budgie-panel .ssd decoration button.launcher, .ssd decoration .right .budgie-panel button.launcher, .right .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .right .budgie-panel button.launcher.titlebutton, +.right .budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .right .budgie-panel button.launcher.titlebutton, .right .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .right .budgie-panel button.launcher, .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher, .right .budgie-panel layouttabbar button.launcher, layouttabbar .right .budgie-panel button.launcher, .right .budgie-panel layouttab button.launcher, layouttab .right .budgie-panel button.launcher, +.right .budgie-panel button.flat.launcher:backdrop, +.right .budgie-panel button.launcher.osd.image-button:backdrop, +.right .budgie-panel .osd toolbar button.launcher:backdrop, +.osd toolbar .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel toolbar.osd button.launcher:backdrop, +toolbar.osd .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel .app-notification button.launcher:backdrop, +.app-notification .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop, +GeditViewFrame .gedit-search-slider .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel toolbar button.launcher:backdrop, +toolbar .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .right .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .menu > arrow.launcher:backdrop, +.right .budgie-panel .context-menu > arrow.launcher:backdrop, +.right .budgie-panel menu > arrow.launcher:backdrop, +.right .budgie-panel placessidebar row button.launcher.image-button:backdrop, +placessidebar row .right .budgie-panel button.launcher.image-button:backdrop, +.right .budgie-panel .ssd decoration button.launcher:backdrop, +.ssd decoration .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .right .budgie-panel button.launcher.titlebutton:backdrop, +.right .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .right .budgie-panel button.launcher.titlebutton:backdrop, +.right .budgie-panel #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel layouttabbar button.launcher:backdrop, +layouttabbar .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel layouttab button.launcher:backdrop, +layouttab .right .budgie-panel button.launcher:backdrop { + border: 2px solid transparent; } + .right .budgie-panel button.flat.launcher:hover, .right .budgie-panel button.launcher.osd.image-button:hover, .right .budgie-panel .osd toolbar button.launcher:hover, .osd toolbar .right .budgie-panel button.launcher:hover, .right .budgie-panel toolbar.osd button.launcher:hover, toolbar.osd .right .budgie-panel button.launcher:hover, .right .budgie-panel .app-notification button.launcher:hover, .app-notification .right .budgie-panel button.launcher:hover, .right .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .right .budgie-panel button.launcher:hover, .right .budgie-panel toolbar button.launcher:hover, toolbar .right .budgie-panel button.launcher:hover, .right .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .right .budgie-panel .menu > arrow.launcher:hover, + .right .budgie-panel .context-menu > arrow.launcher:hover, + .right .budgie-panel menu > arrow.launcher:hover, .right .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .right .budgie-panel button.launcher.image-button:hover, .right .budgie-panel .ssd decoration button.launcher:hover, .ssd decoration .right .budgie-panel button.launcher:hover, .right .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .right .budgie-panel button.launcher.titlebutton:hover, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:hover, .right .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .right .budgie-panel button.launcher:hover, .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:hover, .right .budgie-panel layouttabbar button.launcher:hover, layouttabbar .right .budgie-panel button.launcher:hover, .right .budgie-panel layouttab button.launcher:hover, layouttab .right .budgie-panel button.launcher:hover, + .right .budgie-panel button.flat.launcher:backdrop:hover, + .right .budgie-panel button.launcher.osd.image-button:backdrop:hover, + .right .budgie-panel .osd toolbar button.launcher:backdrop:hover, + .osd toolbar .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel toolbar.osd button.launcher:backdrop:hover, + toolbar.osd .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel .app-notification button.launcher:backdrop:hover, + .app-notification .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, + GeditViewFrame .gedit-search-slider .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel toolbar button.launcher:backdrop:hover, + toolbar .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .menu > arrow.launcher:backdrop:hover, + .right .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .right .budgie-panel menu > arrow.launcher:backdrop:hover, + .right .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .right .budgie-panel button.launcher.image-button:backdrop:hover, + .right .budgie-panel .ssd decoration button.launcher:backdrop:hover, + .ssd decoration .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .right .budgie-panel button.launcher.titlebutton:backdrop:hover, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:backdrop:hover, + .right .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel layouttabbar button.launcher:backdrop:hover, + layouttabbar .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel layouttab button.launcher:backdrop:hover, + layouttab .right .budgie-panel button.launcher:backdrop:hover { + border-right: 2px solid alpha(#ECEFF1, 0.4); } + .right .budgie-panel button.flat.launcher:active, .right .budgie-panel button.launcher.osd.image-button:active, .right .budgie-panel .osd toolbar button.launcher:active, .osd toolbar .right .budgie-panel button.launcher:active, .right .budgie-panel toolbar.osd button.launcher:active, toolbar.osd .right .budgie-panel button.launcher:active, .right .budgie-panel .app-notification button.launcher:active, .app-notification .right .budgie-panel button.launcher:active, .right .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:active, GeditViewFrame .gedit-search-slider .right .budgie-panel button.launcher:active, .right .budgie-panel toolbar button.launcher:active, toolbar .right .budgie-panel button.launcher:active, .right .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .right .budgie-panel .menu > arrow.launcher:active, + .right .budgie-panel .context-menu > arrow.launcher:active, + .right .budgie-panel menu > arrow.launcher:active, .right .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .right .budgie-panel button.launcher.image-button:active, .right .budgie-panel .ssd decoration button.launcher:active, .ssd decoration .right .budgie-panel button.launcher:active, .right .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .right .budgie-panel button.launcher.titlebutton:active, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:active, .right .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .right .budgie-panel button.launcher:active, .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:active, .right .budgie-panel layouttabbar button.launcher:active, layouttabbar .right .budgie-panel button.launcher:active, .right .budgie-panel layouttab button.launcher:active, layouttab .right .budgie-panel button.launcher:active, .right .budgie-panel button.flat.launcher:checked, .right .budgie-panel button.launcher.osd.image-button:checked, .right .budgie-panel .osd toolbar button.launcher:checked, .osd toolbar .right .budgie-panel button.launcher:checked, .right .budgie-panel toolbar.osd button.launcher:checked, toolbar.osd .right .budgie-panel button.launcher:checked, .right .budgie-panel .app-notification button.launcher:checked, .app-notification .right .budgie-panel button.launcher:checked, .right .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:checked, GeditViewFrame .gedit-search-slider .right .budgie-panel button.launcher:checked, .right .budgie-panel toolbar button.launcher:checked, toolbar .right .budgie-panel button.launcher:checked, .right .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .right .budgie-panel .menu > arrow.launcher:checked, + .right .budgie-panel .context-menu > arrow.launcher:checked, + .right .budgie-panel menu > arrow.launcher:checked, .right .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .right .budgie-panel button.launcher.image-button:checked, .right .budgie-panel .ssd decoration button.launcher:checked, .ssd decoration .right .budgie-panel button.launcher:checked, .right .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .right .budgie-panel button.launcher.titlebutton:checked, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:checked, .right .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .right .budgie-panel button.launcher:checked, .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:checked, .right .budgie-panel layouttabbar button.launcher:checked, layouttabbar .right .budgie-panel button.launcher:checked, .right .budgie-panel layouttab button.launcher:checked, layouttab .right .budgie-panel button.launcher:checked, + .right .budgie-panel button.flat.launcher:backdrop:active, + .right .budgie-panel button.launcher.osd.image-button:backdrop:active, + .right .budgie-panel .osd toolbar button.launcher:backdrop:active, + .osd toolbar .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel toolbar.osd button.launcher:backdrop:active, + toolbar.osd .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel .app-notification button.launcher:backdrop:active, + .app-notification .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:active, + GeditViewFrame .gedit-search-slider .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel toolbar button.launcher:backdrop:active, + toolbar .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .menu > arrow.launcher:backdrop:active, + .right .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .right .budgie-panel menu > arrow.launcher:backdrop:active, + .right .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .right .budgie-panel button.launcher.image-button:backdrop:active, + .right .budgie-panel .ssd decoration button.launcher:backdrop:active, + .ssd decoration .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .right .budgie-panel button.launcher.titlebutton:backdrop:active, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:backdrop:active, + .right .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel layouttabbar button.launcher:backdrop:active, + layouttabbar .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel layouttab button.launcher:backdrop:active, + layouttab .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel button.flat.launcher:backdrop:checked, + .right .budgie-panel button.launcher.osd.image-button:backdrop:checked, + .right .budgie-panel .osd toolbar button.launcher:backdrop:checked, + .osd toolbar .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel toolbar.osd button.launcher:backdrop:checked, + toolbar.osd .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel .app-notification button.launcher:backdrop:checked, + .app-notification .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked, + GeditViewFrame .gedit-search-slider .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel toolbar button.launcher:backdrop:checked, + toolbar .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .menu > arrow.launcher:backdrop:checked, + .right .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .right .budgie-panel menu > arrow.launcher:backdrop:checked, + .right .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .right .budgie-panel button.launcher.image-button:backdrop:checked, + .right .budgie-panel .ssd decoration button.launcher:backdrop:checked, + .ssd decoration .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .right .budgie-panel button.launcher.titlebutton:backdrop:checked, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:backdrop:checked, + .right .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel layouttabbar button.launcher:backdrop:checked, + layouttabbar .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel layouttab button.launcher:backdrop:checked, + layouttab .right .budgie-panel button.launcher:backdrop:checked { + border-right: 2px solid #C5A68E; } + +.top .budgie-panel .unpinned button.flat.launcher, .top .budgie-panel .unpinned button.launcher.osd.image-button, .top .budgie-panel .unpinned .osd toolbar button.launcher, .osd toolbar .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned toolbar.osd button.launcher, toolbar.osd .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned .app-notification button.launcher, .app-notification .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned toolbar button.launcher, toolbar .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .top .budgie-panel .unpinned .menu > arrow.launcher, +.top .budgie-panel .unpinned .context-menu > arrow.launcher, +.top .budgie-panel .unpinned menu > arrow.launcher, .top .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .top .budgie-panel .unpinned button.launcher.image-button, .top .budgie-panel .unpinned .ssd decoration button.launcher, .ssd decoration .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton, +.top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton, .top .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned layouttab button.launcher, layouttab .top .budgie-panel .unpinned button.launcher, +.top .budgie-panel .unpinned button.flat.launcher:backdrop, +.top .budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.top .budgie-panel .unpinned .osd toolbar button.launcher:backdrop, +.osd toolbar .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned toolbar.osd button.launcher:backdrop, +toolbar.osd .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned .app-notification button.launcher:backdrop, +.app-notification .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop, +GeditViewFrame .gedit-search-slider .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned toolbar button.launcher:backdrop, +toolbar .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .top .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.top .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.top .budgie-panel .unpinned menu > arrow.launcher:backdrop, +.top .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:backdrop, +.top .budgie-panel .unpinned .ssd decoration button.launcher:backdrop, +.ssd decoration .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.top .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .pinned button.flat.launcher.running, +.top .budgie-panel .pinned button.launcher.running.osd.image-button, +.top .budgie-panel .pinned .osd toolbar button.launcher.running, +.osd toolbar .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned toolbar.osd button.launcher.running, +toolbar.osd .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned .app-notification button.launcher.running, +.app-notification .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running, +GeditViewFrame .gedit-search-slider .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned toolbar button.launcher.running, +toolbar .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .top .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .pinned .menu > arrow.launcher.running, +.top .budgie-panel .pinned .context-menu > arrow.launcher.running, +.top .budgie-panel .pinned menu > arrow.launcher.running, +.top .budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button, +.top .budgie-panel .pinned .ssd decoration button.launcher.running, +.ssd decoration .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton, +.top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton, +.top .budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned layouttab button.launcher.running, +layouttab .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned button.flat.launcher.running:backdrop, +.top .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.top .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop, +.osd toolbar .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop, +toolbar.osd .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned .app-notification button.launcher.running:backdrop, +.app-notification .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop, +GeditViewFrame .gedit-search-slider .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned toolbar button.launcher.running:backdrop, +toolbar .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .top .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.top .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.top .budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.top .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop, +.ssd decoration .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .top .budgie-panel .pinned button.launcher.running:backdrop { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-top.png"), url("assets/running-dot-top@2.png")) 2/2px; } + .top .budgie-panel .unpinned button.flat.launcher:hover, .top .budgie-panel .unpinned button.launcher.osd.image-button:hover, .top .budgie-panel .unpinned .osd toolbar button.launcher:hover, .osd toolbar .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned toolbar.osd button.launcher:hover, toolbar.osd .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned .app-notification button.launcher:hover, .app-notification .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned toolbar button.launcher:hover, toolbar .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .top .budgie-panel .unpinned .menu > arrow.launcher:hover, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .top .budgie-panel .unpinned menu > arrow.launcher:hover, .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:hover, .top .budgie-panel .unpinned .ssd decoration button.launcher:hover, .ssd decoration .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:hover, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:hover, .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned button.flat.launcher:active, .top .budgie-panel .unpinned button.launcher.osd.image-button:active, .top .budgie-panel .unpinned .osd toolbar button.launcher:active, .osd toolbar .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned toolbar.osd button.launcher:active, toolbar.osd .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned .app-notification button.launcher:active, .app-notification .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:active, GeditViewFrame .gedit-search-slider .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned toolbar button.launcher:active, toolbar .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), .top .budgie-panel .unpinned .menu > arrow.launcher:active, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:active, + .top .budgie-panel .unpinned menu > arrow.launcher:active, .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:active, placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:active, .top .budgie-panel .unpinned .ssd decoration button.launcher:active, .ssd decoration .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:active, .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:active, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:active, .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:active, #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned layouttabbar button.launcher:active, layouttabbar .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned layouttab button.launcher:active, layouttab .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .unpinned button.launcher.osd.image-button:checked, .top .budgie-panel .unpinned .osd toolbar button.launcher:checked, .osd toolbar .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned toolbar.osd button.launcher:checked, toolbar.osd .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned .app-notification button.launcher:checked, .app-notification .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:checked, GeditViewFrame .gedit-search-slider .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned toolbar button.launcher:checked, toolbar .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), .top .budgie-panel .unpinned .menu > arrow.launcher:checked, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:checked, + .top .budgie-panel .unpinned menu > arrow.launcher:checked, .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:checked, placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:checked, .top .budgie-panel .unpinned .ssd decoration button.launcher:checked, .ssd decoration .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:checked, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:checked, .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned layouttabbar button.launcher:checked, layouttabbar .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned layouttab button.launcher:checked, layouttab .top .budgie-panel .unpinned button.launcher:checked, + .top .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .top .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .top .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:hover, + .osd toolbar .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:hover, + toolbar.osd .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned .app-notification button.launcher:backdrop:hover, + .app-notification .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, + GeditViewFrame .gedit-search-slider .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned toolbar button.launcher:backdrop:hover, + toolbar .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .top .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .top .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:hover, + .ssd decoration .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned button.flat.launcher:backdrop:active, + .top .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:active, + .top .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:active, + .osd toolbar .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:active, + toolbar.osd .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned .app-notification button.launcher:backdrop:active, + .app-notification .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:active, + GeditViewFrame .gedit-search-slider .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned toolbar button.launcher:backdrop:active, + toolbar .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned .menu > arrow.launcher:backdrop:active, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:active, + .top .budgie-panel .unpinned menu > arrow.launcher:backdrop:active, + .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:backdrop:active, + .top .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:active, + .ssd decoration .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned layouttabbar button.launcher:backdrop:active, + layouttabbar .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned layouttab button.launcher:backdrop:active, + layouttab .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned button.flat.launcher:backdrop:checked, + .top .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:checked, + .top .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:checked, + .osd toolbar .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:checked, + toolbar.osd .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned .app-notification button.launcher:backdrop:checked, + .app-notification .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked, + GeditViewFrame .gedit-search-slider .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned toolbar button.launcher:backdrop:checked, + toolbar .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned .menu > arrow.launcher:backdrop:checked, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:checked, + .top .budgie-panel .unpinned menu > arrow.launcher:backdrop:checked, + .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:backdrop:checked, + .top .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:checked, + .ssd decoration .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned layouttabbar button.launcher:backdrop:checked, + layouttabbar .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned layouttab button.launcher:backdrop:checked, + layouttab .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .pinned button.flat.launcher.running:hover, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .top .budgie-panel .pinned .osd toolbar button.launcher.running:hover, + .osd toolbar .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned toolbar.osd button.launcher.running:hover, + toolbar.osd .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned .app-notification button.launcher.running:hover, + .app-notification .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:hover, + GeditViewFrame .gedit-search-slider .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned toolbar button.launcher.running:hover, + toolbar .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .top .budgie-panel .pinned menu > arrow.launcher.running:hover, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:hover, + .top .budgie-panel .pinned .ssd decoration button.launcher.running:hover, + .ssd decoration .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned button.flat.launcher.running:active, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:active, + .top .budgie-panel .pinned .osd toolbar button.launcher.running:active, + .osd toolbar .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned toolbar.osd button.launcher.running:active, + toolbar.osd .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned .app-notification button.launcher.running:active, + .app-notification .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:active, + GeditViewFrame .gedit-search-slider .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned toolbar button.launcher.running:active, + toolbar .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned .titlebar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:active, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:active, + .top .budgie-panel .pinned menu > arrow.launcher.running:active, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:active, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:active, + .top .budgie-panel .pinned .ssd decoration button.launcher.running:active, + .ssd decoration .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:active, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:active, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:active, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:active, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:active, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:active, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned layouttabbar button.launcher.running:active, + layouttabbar .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned layouttab button.launcher.running:active, + layouttab .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned button.flat.launcher.running:checked, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:checked, + .top .budgie-panel .pinned .osd toolbar button.launcher.running:checked, + .osd toolbar .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned toolbar.osd button.launcher.running:checked, + toolbar.osd .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned .app-notification button.launcher.running:checked, + .app-notification .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:checked, + GeditViewFrame .gedit-search-slider .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned toolbar button.launcher.running:checked, + toolbar .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned .titlebar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:checked, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:checked, + .top .budgie-panel .pinned menu > arrow.launcher.running:checked, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:checked, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:checked, + .top .budgie-panel .pinned .ssd decoration button.launcher.running:checked, + .ssd decoration .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:checked, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:checked, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:checked, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:checked, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned layouttabbar button.launcher.running:checked, + layouttabbar .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned layouttab button.launcher.running:checked, + layouttab .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .top .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:hover, + .osd toolbar .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:hover, + toolbar.osd .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned .app-notification button.launcher.running:backdrop:hover, + .app-notification .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:hover, + GeditViewFrame .gedit-search-slider .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned toolbar button.launcher.running:backdrop:hover, + toolbar .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .top .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .top .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:hover, + .ssd decoration .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned button.flat.launcher.running:backdrop:active, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:active, + .top .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:active, + .osd toolbar .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:active, + toolbar.osd .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned .app-notification button.launcher.running:backdrop:active, + .app-notification .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:active, + GeditViewFrame .gedit-search-slider .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned toolbar button.launcher.running:backdrop:active, + toolbar .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned .titlebar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:active, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:active, + .top .budgie-panel .pinned menu > arrow.launcher.running:backdrop:active, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:active, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:backdrop:active, + .top .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:active, + .ssd decoration .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:active, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:active, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:active, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:active, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:active, + layouttabbar .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned layouttab button.launcher.running:backdrop:active, + layouttab .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned button.flat.launcher.running:backdrop:checked, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:checked, + .top .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:checked, + .osd toolbar .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:checked, + toolbar.osd .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned .app-notification button.launcher.running:backdrop:checked, + .app-notification .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:checked, + GeditViewFrame .gedit-search-slider .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned toolbar button.launcher.running:backdrop:checked, + toolbar .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned .titlebar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:checked, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:checked, + .top .budgie-panel .pinned menu > arrow.launcher.running:backdrop:checked, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:checked, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:backdrop:checked, + .top .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:checked, + .ssd decoration .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:checked, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:checked, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:checked, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:checked, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:checked, + layouttabbar .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned layouttab button.launcher.running:backdrop:checked, + layouttab .top .budgie-panel .pinned button.launcher.running:backdrop:checked { + border-top: 2px solid #C5A68E; + border-image: none; } + +.bottom .budgie-panel .unpinned button.flat.launcher, .bottom .budgie-panel .unpinned button.launcher.osd.image-button, .bottom .budgie-panel .unpinned .osd toolbar button.launcher, .osd toolbar .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned toolbar.osd button.launcher, toolbar.osd .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned .app-notification button.launcher, .app-notification .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned toolbar button.launcher, toolbar .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .unpinned .menu > arrow.launcher, +.bottom .budgie-panel .unpinned .context-menu > arrow.launcher, +.bottom .budgie-panel .unpinned menu > arrow.launcher, .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button, .bottom .budgie-panel .unpinned .ssd decoration button.launcher, .ssd decoration .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton, +.bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton, .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned layouttab button.launcher, layouttab .bottom .budgie-panel .unpinned button.launcher, +.bottom .budgie-panel .unpinned button.flat.launcher:backdrop, +.bottom .budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.bottom .budgie-panel .unpinned .osd toolbar button.launcher:backdrop, +.osd toolbar .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned toolbar.osd button.launcher:backdrop, +toolbar.osd .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned .app-notification button.launcher:backdrop, +.app-notification .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop, +GeditViewFrame .gedit-search-slider .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned toolbar button.launcher:backdrop, +toolbar .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .bottom .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.bottom .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.bottom .budgie-panel .unpinned menu > arrow.launcher:backdrop, +.bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:backdrop, +.bottom .budgie-panel .unpinned .ssd decoration button.launcher:backdrop, +.ssd decoration .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .pinned button.flat.launcher.running, +.bottom .budgie-panel .pinned button.launcher.running.osd.image-button, +.bottom .budgie-panel .pinned .osd toolbar button.launcher.running, +.osd toolbar .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned toolbar.osd button.launcher.running, +toolbar.osd .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned .app-notification button.launcher.running, +.app-notification .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running, +GeditViewFrame .gedit-search-slider .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned toolbar button.launcher.running, +toolbar .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .bottom .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .pinned .menu > arrow.launcher.running, +.bottom .budgie-panel .pinned .context-menu > arrow.launcher.running, +.bottom .budgie-panel .pinned menu > arrow.launcher.running, +.bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button, +.bottom .budgie-panel .pinned .ssd decoration button.launcher.running, +.ssd decoration .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton, +.bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton, +.bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned layouttab button.launcher.running, +layouttab .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned button.flat.launcher.running:backdrop, +.bottom .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.bottom .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop, +.osd toolbar .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop, +toolbar.osd .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned .app-notification button.launcher.running:backdrop, +.app-notification .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop, +GeditViewFrame .gedit-search-slider .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned toolbar button.launcher.running:backdrop, +toolbar .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .bottom .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.bottom .budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.bottom .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop, +.ssd decoration .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .bottom .budgie-panel .pinned button.launcher.running:backdrop { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-bottom.png"), url("assets/running-dot-bottom@2.png")) 2/2px; } + .bottom .budgie-panel .unpinned button.flat.launcher:hover, .bottom .budgie-panel .unpinned button.launcher.osd.image-button:hover, .bottom .budgie-panel .unpinned .osd toolbar button.launcher:hover, .osd toolbar .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned toolbar.osd button.launcher:hover, toolbar.osd .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned .app-notification button.launcher:hover, .app-notification .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned toolbar button.launcher:hover, toolbar .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .unpinned .menu > arrow.launcher:hover, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .bottom .budgie-panel .unpinned menu > arrow.launcher:hover, .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:hover, .bottom .budgie-panel .unpinned .ssd decoration button.launcher:hover, .ssd decoration .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:hover, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:hover, .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned button.flat.launcher:active, .bottom .budgie-panel .unpinned button.launcher.osd.image-button:active, .bottom .budgie-panel .unpinned .osd toolbar button.launcher:active, .osd toolbar .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned toolbar.osd button.launcher:active, toolbar.osd .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned .app-notification button.launcher:active, .app-notification .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:active, GeditViewFrame .gedit-search-slider .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned toolbar button.launcher:active, toolbar .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .unpinned .menu > arrow.launcher:active, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:active, + .bottom .budgie-panel .unpinned menu > arrow.launcher:active, .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:active, placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:active, .bottom .budgie-panel .unpinned .ssd decoration button.launcher:active, .ssd decoration .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:active, .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:active, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:active, .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:active, #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned layouttabbar button.launcher:active, layouttabbar .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned layouttab button.launcher:active, layouttab .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.launcher.osd.image-button:checked, .bottom .budgie-panel .unpinned .osd toolbar button.launcher:checked, .osd toolbar .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned toolbar.osd button.launcher:checked, toolbar.osd .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned .app-notification button.launcher:checked, .app-notification .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:checked, GeditViewFrame .gedit-search-slider .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned toolbar button.launcher:checked, toolbar .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .unpinned .menu > arrow.launcher:checked, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:checked, + .bottom .budgie-panel .unpinned menu > arrow.launcher:checked, .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:checked, placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:checked, .bottom .budgie-panel .unpinned .ssd decoration button.launcher:checked, .ssd decoration .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:checked, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:checked, .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned layouttabbar button.launcher:checked, layouttabbar .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned layouttab button.launcher:checked, layouttab .bottom .budgie-panel .unpinned button.launcher:checked, + .bottom .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .bottom .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:hover, + .osd toolbar .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:hover, + toolbar.osd .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned .app-notification button.launcher:backdrop:hover, + .app-notification .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned toolbar button.launcher:backdrop:hover, + toolbar .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .bottom .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:hover, + .ssd decoration .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned button.flat.launcher:backdrop:active, + .bottom .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:active, + .bottom .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:active, + .osd toolbar .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:active, + toolbar.osd .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned .app-notification button.launcher:backdrop:active, + .app-notification .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:active, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned toolbar button.launcher:backdrop:active, + toolbar .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned .menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel .unpinned menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:backdrop:active, + .bottom .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:active, + .ssd decoration .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned layouttabbar button.launcher:backdrop:active, + layouttabbar .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned layouttab button.launcher:backdrop:active, + layouttab .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned button.flat.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:checked, + .bottom .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:checked, + .osd toolbar .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:checked, + toolbar.osd .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned .app-notification button.launcher:backdrop:checked, + .app-notification .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned toolbar button.launcher:backdrop:checked, + toolbar .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned .menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:backdrop:checked, + .bottom .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:checked, + .ssd decoration .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned layouttabbar button.launcher:backdrop:checked, + layouttabbar .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned layouttab button.launcher:backdrop:checked, + layouttab .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:hover, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .bottom .budgie-panel .pinned .osd toolbar button.launcher.running:hover, + .osd toolbar .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned toolbar.osd button.launcher.running:hover, + toolbar.osd .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned .app-notification button.launcher.running:hover, + .app-notification .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:hover, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned toolbar button.launcher.running:hover, + toolbar .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:hover, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:hover, + .bottom .budgie-panel .pinned .ssd decoration button.launcher.running:hover, + .ssd decoration .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned button.flat.launcher.running:active, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:active, + .bottom .budgie-panel .pinned .osd toolbar button.launcher.running:active, + .osd toolbar .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned toolbar.osd button.launcher.running:active, + toolbar.osd .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned .app-notification button.launcher.running:active, + .app-notification .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:active, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned toolbar button.launcher.running:active, + toolbar .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:active, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:active, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:active, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:active, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:active, + .bottom .budgie-panel .pinned .ssd decoration button.launcher.running:active, + .ssd decoration .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:active, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:active, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:active, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:active, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:active, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:active, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:active, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned layouttab button.launcher.running:active, + layouttab .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned button.flat.launcher.running:checked, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:checked, + .bottom .budgie-panel .pinned .osd toolbar button.launcher.running:checked, + .osd toolbar .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned toolbar.osd button.launcher.running:checked, + toolbar.osd .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned .app-notification button.launcher.running:checked, + .app-notification .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:checked, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned toolbar button.launcher.running:checked, + toolbar .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:checked, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:checked, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:checked, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:checked, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:checked, + .bottom .budgie-panel .pinned .ssd decoration button.launcher.running:checked, + .ssd decoration .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:checked, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:checked, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:checked, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:checked, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:checked, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned layouttab button.launcher.running:checked, + layouttab .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .bottom .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:hover, + .osd toolbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:hover, + toolbar.osd .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned .app-notification button.launcher.running:backdrop:hover, + .app-notification .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:hover, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned toolbar button.launcher.running:backdrop:hover, + toolbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .bottom .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:hover, + .ssd decoration .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned button.flat.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:active, + .bottom .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:active, + .osd toolbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:active, + toolbar.osd .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned .app-notification button.launcher.running:backdrop:active, + .app-notification .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:active, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned toolbar button.launcher.running:backdrop:active, + toolbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:active, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:backdrop:active, + .bottom .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:active, + .ssd decoration .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:active, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:active, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:active, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:active, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:active, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned layouttab button.launcher.running:backdrop:active, + layouttab .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned button.flat.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:checked, + .bottom .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:checked, + .osd toolbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:checked, + toolbar.osd .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned .app-notification button.launcher.running:backdrop:checked, + .app-notification .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:checked, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned toolbar button.launcher.running:backdrop:checked, + toolbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:checked, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:backdrop:checked, + .bottom .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:checked, + .ssd decoration .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:checked, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:checked, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:checked, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:checked, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:checked, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned layouttab button.launcher.running:backdrop:checked, + layouttab .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked { + border-bottom: 2px solid #C5A68E; + border-image: none; } + +.left .budgie-panel .unpinned button.flat.launcher, .left .budgie-panel .unpinned button.launcher.osd.image-button, .left .budgie-panel .unpinned .osd toolbar button.launcher, .osd toolbar .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned toolbar.osd button.launcher, toolbar.osd .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned .app-notification button.launcher, .app-notification .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned toolbar button.launcher, toolbar .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .left .budgie-panel .unpinned .menu > arrow.launcher, +.left .budgie-panel .unpinned .context-menu > arrow.launcher, +.left .budgie-panel .unpinned menu > arrow.launcher, .left .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .left .budgie-panel .unpinned button.launcher.image-button, .left .budgie-panel .unpinned .ssd decoration button.launcher, .ssd decoration .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton, +.left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton, .left .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned layouttab button.launcher, layouttab .left .budgie-panel .unpinned button.launcher, +.left .budgie-panel .unpinned button.flat.launcher:backdrop, +.left .budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.left .budgie-panel .unpinned .osd toolbar button.launcher:backdrop, +.osd toolbar .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned toolbar.osd button.launcher:backdrop, +toolbar.osd .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned .app-notification button.launcher:backdrop, +.app-notification .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop, +GeditViewFrame .gedit-search-slider .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned toolbar button.launcher:backdrop, +toolbar .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .left .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.left .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.left .budgie-panel .unpinned menu > arrow.launcher:backdrop, +.left .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:backdrop, +.left .budgie-panel .unpinned .ssd decoration button.launcher:backdrop, +.ssd decoration .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.left .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .pinned button.flat.launcher.running, +.left .budgie-panel .pinned button.launcher.running.osd.image-button, +.left .budgie-panel .pinned .osd toolbar button.launcher.running, +.osd toolbar .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned toolbar.osd button.launcher.running, +toolbar.osd .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned .app-notification button.launcher.running, +.app-notification .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running, +GeditViewFrame .gedit-search-slider .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned toolbar button.launcher.running, +toolbar .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .left .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .pinned .menu > arrow.launcher.running, +.left .budgie-panel .pinned .context-menu > arrow.launcher.running, +.left .budgie-panel .pinned menu > arrow.launcher.running, +.left .budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button, +.left .budgie-panel .pinned .ssd decoration button.launcher.running, +.ssd decoration .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton, +.left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton, +.left .budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned layouttab button.launcher.running, +layouttab .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned button.flat.launcher.running:backdrop, +.left .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.left .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop, +.osd toolbar .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop, +toolbar.osd .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned .app-notification button.launcher.running:backdrop, +.app-notification .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop, +GeditViewFrame .gedit-search-slider .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned toolbar button.launcher.running:backdrop, +toolbar .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .left .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.left .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.left .budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.left .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop, +.ssd decoration .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .left .budgie-panel .pinned button.launcher.running:backdrop { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-left.png"), url("assets/running-dot-left@2.png")) 2/2px; } + .left .budgie-panel .unpinned button.flat.launcher:hover, .left .budgie-panel .unpinned button.launcher.osd.image-button:hover, .left .budgie-panel .unpinned .osd toolbar button.launcher:hover, .osd toolbar .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned toolbar.osd button.launcher:hover, toolbar.osd .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned .app-notification button.launcher:hover, .app-notification .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned toolbar button.launcher:hover, toolbar .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .left .budgie-panel .unpinned .menu > arrow.launcher:hover, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .left .budgie-panel .unpinned menu > arrow.launcher:hover, .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:hover, .left .budgie-panel .unpinned .ssd decoration button.launcher:hover, .ssd decoration .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:hover, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:hover, .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned button.flat.launcher:active, .left .budgie-panel .unpinned button.launcher.osd.image-button:active, .left .budgie-panel .unpinned .osd toolbar button.launcher:active, .osd toolbar .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned toolbar.osd button.launcher:active, toolbar.osd .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned .app-notification button.launcher:active, .app-notification .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:active, GeditViewFrame .gedit-search-slider .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned toolbar button.launcher:active, toolbar .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), .left .budgie-panel .unpinned .menu > arrow.launcher:active, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:active, + .left .budgie-panel .unpinned menu > arrow.launcher:active, .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:active, placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:active, .left .budgie-panel .unpinned .ssd decoration button.launcher:active, .ssd decoration .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:active, .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:active, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:active, .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:active, #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned layouttabbar button.launcher:active, layouttabbar .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned layouttab button.launcher:active, layouttab .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .unpinned button.launcher.osd.image-button:checked, .left .budgie-panel .unpinned .osd toolbar button.launcher:checked, .osd toolbar .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned toolbar.osd button.launcher:checked, toolbar.osd .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned .app-notification button.launcher:checked, .app-notification .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:checked, GeditViewFrame .gedit-search-slider .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned toolbar button.launcher:checked, toolbar .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), .left .budgie-panel .unpinned .menu > arrow.launcher:checked, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:checked, + .left .budgie-panel .unpinned menu > arrow.launcher:checked, .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:checked, placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:checked, .left .budgie-panel .unpinned .ssd decoration button.launcher:checked, .ssd decoration .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:checked, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:checked, .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned layouttabbar button.launcher:checked, layouttabbar .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned layouttab button.launcher:checked, layouttab .left .budgie-panel .unpinned button.launcher:checked, + .left .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .left .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .left .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:hover, + .osd toolbar .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:hover, + toolbar.osd .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned .app-notification button.launcher:backdrop:hover, + .app-notification .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, + GeditViewFrame .gedit-search-slider .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned toolbar button.launcher:backdrop:hover, + toolbar .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .left .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .left .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:hover, + .ssd decoration .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned button.flat.launcher:backdrop:active, + .left .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:active, + .left .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:active, + .osd toolbar .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:active, + toolbar.osd .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned .app-notification button.launcher:backdrop:active, + .app-notification .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:active, + GeditViewFrame .gedit-search-slider .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned toolbar button.launcher:backdrop:active, + toolbar .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned .menu > arrow.launcher:backdrop:active, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:active, + .left .budgie-panel .unpinned menu > arrow.launcher:backdrop:active, + .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:backdrop:active, + .left .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:active, + .ssd decoration .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned layouttabbar button.launcher:backdrop:active, + layouttabbar .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned layouttab button.launcher:backdrop:active, + layouttab .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned button.flat.launcher:backdrop:checked, + .left .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:checked, + .left .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:checked, + .osd toolbar .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:checked, + toolbar.osd .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned .app-notification button.launcher:backdrop:checked, + .app-notification .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked, + GeditViewFrame .gedit-search-slider .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned toolbar button.launcher:backdrop:checked, + toolbar .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned .menu > arrow.launcher:backdrop:checked, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:checked, + .left .budgie-panel .unpinned menu > arrow.launcher:backdrop:checked, + .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:backdrop:checked, + .left .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:checked, + .ssd decoration .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned layouttabbar button.launcher:backdrop:checked, + layouttabbar .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned layouttab button.launcher:backdrop:checked, + layouttab .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .pinned button.flat.launcher.running:hover, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .left .budgie-panel .pinned .osd toolbar button.launcher.running:hover, + .osd toolbar .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned toolbar.osd button.launcher.running:hover, + toolbar.osd .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned .app-notification button.launcher.running:hover, + .app-notification .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:hover, + GeditViewFrame .gedit-search-slider .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned toolbar button.launcher.running:hover, + toolbar .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .left .budgie-panel .pinned menu > arrow.launcher.running:hover, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:hover, + .left .budgie-panel .pinned .ssd decoration button.launcher.running:hover, + .ssd decoration .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned button.flat.launcher.running:active, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:active, + .left .budgie-panel .pinned .osd toolbar button.launcher.running:active, + .osd toolbar .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned toolbar.osd button.launcher.running:active, + toolbar.osd .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned .app-notification button.launcher.running:active, + .app-notification .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:active, + GeditViewFrame .gedit-search-slider .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned toolbar button.launcher.running:active, + toolbar .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned .titlebar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:active, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:active, + .left .budgie-panel .pinned menu > arrow.launcher.running:active, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:active, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:active, + .left .budgie-panel .pinned .ssd decoration button.launcher.running:active, + .ssd decoration .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:active, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:active, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:active, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:active, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:active, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:active, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned layouttabbar button.launcher.running:active, + layouttabbar .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned layouttab button.launcher.running:active, + layouttab .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned button.flat.launcher.running:checked, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:checked, + .left .budgie-panel .pinned .osd toolbar button.launcher.running:checked, + .osd toolbar .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned toolbar.osd button.launcher.running:checked, + toolbar.osd .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned .app-notification button.launcher.running:checked, + .app-notification .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:checked, + GeditViewFrame .gedit-search-slider .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned toolbar button.launcher.running:checked, + toolbar .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned .titlebar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:checked, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:checked, + .left .budgie-panel .pinned menu > arrow.launcher.running:checked, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:checked, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:checked, + .left .budgie-panel .pinned .ssd decoration button.launcher.running:checked, + .ssd decoration .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:checked, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:checked, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:checked, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:checked, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned layouttabbar button.launcher.running:checked, + layouttabbar .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned layouttab button.launcher.running:checked, + layouttab .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .left .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:hover, + .osd toolbar .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:hover, + toolbar.osd .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned .app-notification button.launcher.running:backdrop:hover, + .app-notification .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:hover, + GeditViewFrame .gedit-search-slider .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned toolbar button.launcher.running:backdrop:hover, + toolbar .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .left .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .left .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:hover, + .ssd decoration .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned button.flat.launcher.running:backdrop:active, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:active, + .left .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:active, + .osd toolbar .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:active, + toolbar.osd .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned .app-notification button.launcher.running:backdrop:active, + .app-notification .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:active, + GeditViewFrame .gedit-search-slider .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned toolbar button.launcher.running:backdrop:active, + toolbar .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned .titlebar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:active, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:active, + .left .budgie-panel .pinned menu > arrow.launcher.running:backdrop:active, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:active, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:backdrop:active, + .left .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:active, + .ssd decoration .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:active, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:active, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:active, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:active, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:active, + layouttabbar .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned layouttab button.launcher.running:backdrop:active, + layouttab .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned button.flat.launcher.running:backdrop:checked, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:checked, + .left .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:checked, + .osd toolbar .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:checked, + toolbar.osd .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned .app-notification button.launcher.running:backdrop:checked, + .app-notification .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:checked, + GeditViewFrame .gedit-search-slider .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned toolbar button.launcher.running:backdrop:checked, + toolbar .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned .titlebar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:checked, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:checked, + .left .budgie-panel .pinned menu > arrow.launcher.running:backdrop:checked, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:checked, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:backdrop:checked, + .left .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:checked, + .ssd decoration .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:checked, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:checked, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:checked, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:checked, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:checked, + layouttabbar .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned layouttab button.launcher.running:backdrop:checked, + layouttab .left .budgie-panel .pinned button.launcher.running:backdrop:checked { + border-left: 2px solid #C5A68E; + border-image: none; } + +.right .budgie-panel .unpinned button.flat.launcher, .right .budgie-panel .unpinned button.launcher.osd.image-button, .right .budgie-panel .unpinned .osd toolbar button.launcher, .osd toolbar .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned toolbar.osd button.launcher, toolbar.osd .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned .app-notification button.launcher, .app-notification .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned toolbar button.launcher, toolbar .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .right .budgie-panel .unpinned .menu > arrow.launcher, +.right .budgie-panel .unpinned .context-menu > arrow.launcher, +.right .budgie-panel .unpinned menu > arrow.launcher, .right .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .right .budgie-panel .unpinned button.launcher.image-button, .right .budgie-panel .unpinned .ssd decoration button.launcher, .ssd decoration .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton, +.right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton, .right .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned layouttab button.launcher, layouttab .right .budgie-panel .unpinned button.launcher, +.right .budgie-panel .unpinned button.flat.launcher:backdrop, +.right .budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.right .budgie-panel .unpinned .osd toolbar button.launcher:backdrop, +.osd toolbar .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned toolbar.osd button.launcher:backdrop, +toolbar.osd .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned .app-notification button.launcher:backdrop, +.app-notification .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop, +GeditViewFrame .gedit-search-slider .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned toolbar button.launcher:backdrop, +toolbar .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .right .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.right .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.right .budgie-panel .unpinned menu > arrow.launcher:backdrop, +.right .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:backdrop, +.right .budgie-panel .unpinned .ssd decoration button.launcher:backdrop, +.ssd decoration .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.right .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .pinned button.flat.launcher.running, +.right .budgie-panel .pinned button.launcher.running.osd.image-button, +.right .budgie-panel .pinned .osd toolbar button.launcher.running, +.osd toolbar .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned toolbar.osd button.launcher.running, +toolbar.osd .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned .app-notification button.launcher.running, +.app-notification .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running, +GeditViewFrame .gedit-search-slider .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned toolbar button.launcher.running, +toolbar .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .right .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .pinned .menu > arrow.launcher.running, +.right .budgie-panel .pinned .context-menu > arrow.launcher.running, +.right .budgie-panel .pinned menu > arrow.launcher.running, +.right .budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button, +.right .budgie-panel .pinned .ssd decoration button.launcher.running, +.ssd decoration .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton, +.right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton, +.right .budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned layouttab button.launcher.running, +layouttab .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned button.flat.launcher.running:backdrop, +.right .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.right .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop, +.osd toolbar .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop, +toolbar.osd .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned .app-notification button.launcher.running:backdrop, +.app-notification .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop, +GeditViewFrame .gedit-search-slider .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned toolbar button.launcher.running:backdrop, +toolbar .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .right .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.right .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.right .budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.right .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop, +.ssd decoration .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .right .budgie-panel .pinned button.launcher.running:backdrop { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-right.png"), url("assets/running-dot-right@2.png")) 2/2px; } + .right .budgie-panel .unpinned button.flat.launcher:hover, .right .budgie-panel .unpinned button.launcher.osd.image-button:hover, .right .budgie-panel .unpinned .osd toolbar button.launcher:hover, .osd toolbar .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned toolbar.osd button.launcher:hover, toolbar.osd .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned .app-notification button.launcher:hover, .app-notification .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned toolbar button.launcher:hover, toolbar .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .right .budgie-panel .unpinned .menu > arrow.launcher:hover, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .right .budgie-panel .unpinned menu > arrow.launcher:hover, .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:hover, .right .budgie-panel .unpinned .ssd decoration button.launcher:hover, .ssd decoration .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:hover, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:hover, .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned button.flat.launcher:active, .right .budgie-panel .unpinned button.launcher.osd.image-button:active, .right .budgie-panel .unpinned .osd toolbar button.launcher:active, .osd toolbar .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned toolbar.osd button.launcher:active, toolbar.osd .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned .app-notification button.launcher:active, .app-notification .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:active, GeditViewFrame .gedit-search-slider .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned toolbar button.launcher:active, toolbar .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), .right .budgie-panel .unpinned .menu > arrow.launcher:active, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:active, + .right .budgie-panel .unpinned menu > arrow.launcher:active, .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:active, placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:active, .right .budgie-panel .unpinned .ssd decoration button.launcher:active, .ssd decoration .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:active, .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:active, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:active, .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:active, #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned layouttabbar button.launcher:active, layouttabbar .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned layouttab button.launcher:active, layouttab .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .unpinned button.launcher.osd.image-button:checked, .right .budgie-panel .unpinned .osd toolbar button.launcher:checked, .osd toolbar .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned toolbar.osd button.launcher:checked, toolbar.osd .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned .app-notification button.launcher:checked, .app-notification .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:checked, GeditViewFrame .gedit-search-slider .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned toolbar button.launcher:checked, toolbar .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), .right .budgie-panel .unpinned .menu > arrow.launcher:checked, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:checked, + .right .budgie-panel .unpinned menu > arrow.launcher:checked, .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:checked, placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:checked, .right .budgie-panel .unpinned .ssd decoration button.launcher:checked, .ssd decoration .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:checked, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:checked, .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned layouttabbar button.launcher:checked, layouttabbar .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned layouttab button.launcher:checked, layouttab .right .budgie-panel .unpinned button.launcher:checked, + .right .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .right .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .right .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:hover, + .osd toolbar .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:hover, + toolbar.osd .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned .app-notification button.launcher:backdrop:hover, + .app-notification .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, + GeditViewFrame .gedit-search-slider .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned toolbar button.launcher:backdrop:hover, + toolbar .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .right .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .right .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:hover, + .ssd decoration .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned button.flat.launcher:backdrop:active, + .right .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:active, + .right .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:active, + .osd toolbar .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:active, + toolbar.osd .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned .app-notification button.launcher:backdrop:active, + .app-notification .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:active, + GeditViewFrame .gedit-search-slider .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned toolbar button.launcher:backdrop:active, + toolbar .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned .menu > arrow.launcher:backdrop:active, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:active, + .right .budgie-panel .unpinned menu > arrow.launcher:backdrop:active, + .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:backdrop:active, + .right .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:active, + .ssd decoration .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned layouttabbar button.launcher:backdrop:active, + layouttabbar .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned layouttab button.launcher:backdrop:active, + layouttab .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned button.flat.launcher:backdrop:checked, + .right .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:checked, + .right .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:checked, + .osd toolbar .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:checked, + toolbar.osd .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned .app-notification button.launcher:backdrop:checked, + .app-notification .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked, + GeditViewFrame .gedit-search-slider .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned toolbar button.launcher:backdrop:checked, + toolbar .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned .menu > arrow.launcher:backdrop:checked, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:checked, + .right .budgie-panel .unpinned menu > arrow.launcher:backdrop:checked, + .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:backdrop:checked, + .right .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:checked, + .ssd decoration .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned layouttabbar button.launcher:backdrop:checked, + layouttabbar .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned layouttab button.launcher:backdrop:checked, + layouttab .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .pinned button.flat.launcher.running:hover, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .right .budgie-panel .pinned .osd toolbar button.launcher.running:hover, + .osd toolbar .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned toolbar.osd button.launcher.running:hover, + toolbar.osd .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned .app-notification button.launcher.running:hover, + .app-notification .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:hover, + GeditViewFrame .gedit-search-slider .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned toolbar button.launcher.running:hover, + toolbar .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .right .budgie-panel .pinned menu > arrow.launcher.running:hover, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:hover, + .right .budgie-panel .pinned .ssd decoration button.launcher.running:hover, + .ssd decoration .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned button.flat.launcher.running:active, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:active, + .right .budgie-panel .pinned .osd toolbar button.launcher.running:active, + .osd toolbar .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned toolbar.osd button.launcher.running:active, + toolbar.osd .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned .app-notification button.launcher.running:active, + .app-notification .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:active, + GeditViewFrame .gedit-search-slider .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned toolbar button.launcher.running:active, + toolbar .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned .titlebar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:active, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:active, + .right .budgie-panel .pinned menu > arrow.launcher.running:active, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:active, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:active, + .right .budgie-panel .pinned .ssd decoration button.launcher.running:active, + .ssd decoration .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:active, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:active, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:active, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:active, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:active, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:active, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned layouttabbar button.launcher.running:active, + layouttabbar .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned layouttab button.launcher.running:active, + layouttab .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned button.flat.launcher.running:checked, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:checked, + .right .budgie-panel .pinned .osd toolbar button.launcher.running:checked, + .osd toolbar .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned toolbar.osd button.launcher.running:checked, + toolbar.osd .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned .app-notification button.launcher.running:checked, + .app-notification .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:checked, + GeditViewFrame .gedit-search-slider .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned toolbar button.launcher.running:checked, + toolbar .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned .titlebar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:checked, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:checked, + .right .budgie-panel .pinned menu > arrow.launcher.running:checked, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:checked, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:checked, + .right .budgie-panel .pinned .ssd decoration button.launcher.running:checked, + .ssd decoration .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:checked, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:checked, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:checked, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:checked, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned layouttabbar button.launcher.running:checked, + layouttabbar .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned layouttab button.launcher.running:checked, + layouttab .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .right .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:hover, + .osd toolbar .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:hover, + toolbar.osd .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned .app-notification button.launcher.running:backdrop:hover, + .app-notification .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:hover, + GeditViewFrame .gedit-search-slider .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned toolbar button.launcher.running:backdrop:hover, + toolbar .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .right .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .right .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:hover, + .ssd decoration .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned button.flat.launcher.running:backdrop:active, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:active, + .right .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:active, + .osd toolbar .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:active, + toolbar.osd .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned .app-notification button.launcher.running:backdrop:active, + .app-notification .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:active, + GeditViewFrame .gedit-search-slider .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned toolbar button.launcher.running:backdrop:active, + toolbar .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned .titlebar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:active, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:active, + .right .budgie-panel .pinned menu > arrow.launcher.running:backdrop:active, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:active, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:backdrop:active, + .right .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:active, + .ssd decoration .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:active, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:active, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:active, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:active, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:active, + layouttabbar .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned layouttab button.launcher.running:backdrop:active, + layouttab .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned button.flat.launcher.running:backdrop:checked, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:checked, + .right .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:checked, + .osd toolbar .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:checked, + toolbar.osd .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned .app-notification button.launcher.running:backdrop:checked, + .app-notification .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:checked, + GeditViewFrame .gedit-search-slider .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned toolbar button.launcher.running:backdrop:checked, + toolbar .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned .titlebar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:checked, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:checked, + .right .budgie-panel .pinned menu > arrow.launcher.running:backdrop:checked, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:checked, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:backdrop:checked, + .right .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:checked, + .ssd decoration .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:checked, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:checked, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:checked, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:checked, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:checked, + layouttabbar .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned layouttab button.launcher.running:backdrop:checked, + layouttab .right .budgie-panel .pinned button.launcher.running:backdrop:checked { + border-right: 2px solid #C5A68E; + border-image: none; } + +.budgie-menu { + border-radius: 2px; + background-color: #42565f; } + .budgie-menu scrolledwindow, .budgie-menu placessidebar, + .budgie-menu list, + .budgie-menu row, + .budgie-menu scrollbar { + min-width: 0; + min-height: 0; + border: none; + background: none; + box-shadow: none; } + .budgie-menu row, .budgie-menu row.activatable, .budgie-menu .view, .budgie-menu iconview, + .budgie-menu .view text, + .view .budgie-menu text, + .budgie-menu iconview text, + iconview .budgie-menu text, + .budgie-menu textview text, + textview .budgie-menu text, .budgie-menu treeview.view header button, treeview.view header .budgie-menu button, .budgie-menu .tweak-category header button, .tweak-category header .budgie-menu button { + background-image: none; + background-color: #42565f; + color: rgba(236, 239, 241, 0.75); + transition: none; } + .budgie-menu row image, .budgie-menu row.activatable image, .budgie-menu .view image, .budgie-menu iconview image, + .budgie-menu .view text image, + .view .budgie-menu text image, + .budgie-menu iconview text image, + iconview .budgie-menu text image, + .budgie-menu textview text image, + textview .budgie-menu text image, .budgie-menu treeview.view header button image, treeview.view header .budgie-menu button image, .budgie-menu .tweak-category header button image, .tweak-category header .budgie-menu button image { + padding: 0.3985rem 0 0.50376rem; } + .budgie-menu row:hover, .budgie-menu row.activatable:hover, .budgie-menu .view:hover, .budgie-menu iconview:hover, + .budgie-menu .view text:hover, + .view .budgie-menu text:hover, + .budgie-menu iconview text:hover, + iconview .budgie-menu text:hover, + .budgie-menu textview text:hover, + textview .budgie-menu text:hover, .budgie-menu treeview.view header button:hover, treeview.view header .budgie-menu button:hover, .budgie-menu .tweak-category header button:hover, .tweak-category header .budgie-menu button:hover { + background-image: none; + background-color: #42565f; + color: #ECEFF1; + transition: none; } + .budgie-menu scrolledwindow undershoot.top, .budgie-menu placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(66, 86, 95, 0.01), rgba(66, 86, 95, 0.04), rgba(66, 86, 95, 0.2), rgba(66, 86, 95, 0.44), rgba(66, 86, 95, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } + .budgie-menu scrolledwindow undershoot.bottom, .budgie-menu placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(66, 86, 95, 0.01), rgba(66, 86, 95, 0.04), rgba(66, 86, 95, 0.2), rgba(66, 86, 95, 0.44), rgba(66, 86, 95, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } + .budgie-menu scrolledwindow undershoot.left, .budgie-menu placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(66, 86, 95, 0.01), rgba(66, 86, 95, 0.04), rgba(66, 86, 95, 0.2), rgba(66, 86, 95, 0.44), rgba(66, 86, 95, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } + .budgie-menu scrolledwindow undershoot.right, .budgie-menu placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(66, 86, 95, 0.01), rgba(66, 86, 95, 0.04), rgba(66, 86, 95, 0.2), rgba(66, 86, 95, 0.44), rgba(66, 86, 95, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +.raven-frame { + border: none; } + +.raven { + margin: -1px; + padding: 0; + border: none; + color: rgba(236, 239, 241, 0.75); + background-color: rgba(42, 55, 62, 0.9); } + .raven:dir(ltr) { + box-shadow: -1px 0 1px rgba(0, 0, 0, 0.12); } + .raven:dir(rtl) { + box-shadow: 1px 0 1px rgba(0, 0, 0, 0.12); } + .raven .raven-header { + border: none; + color: rgba(236, 239, 241, 0.5); + background-color: transparent; + font-weight: 700; } + .raven .raven-background { + border-width: 1px 0 0; + border-style: solid none none; + border-color: rgba(0, 0, 0, 0.11); + background-color: transparent; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); } + .raven .powerstrip { + border-top: 1px solid rgba(0, 0, 0, 0.11); + background-color: #322F22; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); } + .raven .powerstrip button { + padding: 1rem; + color: #C5A68E); } + .raven .powerstrip button:hover, .raven .powerstrip button:active, .raven .powerstrip button:checked { + color: #C5A68E; } + .raven .powerstrip button:disabled { + color: rgba(77, 182, 172, 0.4); } + .raven .option-subtitle { + color: rgba(236, 239, 241, 0.225); + font-size: 90%; } + .raven scrolledwindow, .raven placessidebar { + background: transparent; } + .raven list, + .raven row, + .raven row.activatable, + .raven .view, + .raven iconview, + .raven .view text, + .view .raven text, + .raven iconview text, + iconview .raven text, + .raven textview text, + textview .raven text, + .raven treeview.view header button, + treeview.view header .raven button, + .raven .tweak-category header button, + .tweak-category header .raven button { + background-color: transparent; } + .raven list:not(.list):hover, + .raven row:not(.list):hover, + .raven row.activatable:not(.list):hover, + .raven .view:not(.list):hover, + .raven iconview:not(.list):hover, + .raven .view text:not(.list):hover, + .view .raven text:not(.list):hover, + .raven iconview text:not(.list):hover, + iconview .raven text:not(.list):hover, + .raven textview text:not(.list):hover, + textview .raven text:not(.list):hover, + .raven treeview.view header button:not(.list):hover, + treeview.view header .raven button:not(.list):hover, + .raven .tweak-category header button:not(.list):hover, + .tweak-category header .raven button:not(.list):hover { + color: #ECEFF1; } + .raven list:not(.list):selected, .raven list:not(.list):selected label, + .raven row:not(.list):selected, + .raven row:not(.list):selected label, + .raven row.activatable:not(.list):selected, + .raven .view:not(.list):selected, + .raven iconview:not(.list):selected, + .raven .view text:not(.list):selected, + .view .raven text:not(.list):selected, + .raven iconview text:not(.list):selected, + iconview .raven text:not(.list):selected, + .raven textview text:not(.list):selected, + textview .raven text:not(.list):selected, + .raven treeview.view header button:not(.list):selected, + treeview.view header .raven button:not(.list):selected, + .raven .tweak-category header button:not(.list):selected, + .tweak-category header .raven button:not(.list):selected, + .raven row.activatable:not(.list):selected label, + .raven .view:not(.list):selected label, + .raven iconview:not(.list):selected label, + .raven .view text:not(.list):selected label, + .view .raven text:not(.list):selected label, + .raven iconview text:not(.list):selected label, + iconview .raven text:not(.list):selected label, + .raven textview text:not(.list):selected label, + textview .raven text:not(.list):selected label, + .raven treeview.view header button:not(.list):selected label, + treeview.view header .raven button:not(.list):selected label, + .raven .tweak-category header button:not(.list):selected label, + .tweak-category header .raven button:not(.list):selected label { + color: #C5A68E; } + .raven list:not(.list):selected:hover, + .raven row:not(.list):selected:hover, + .raven row.activatable:not(.list):selected:hover, + .raven .view:not(.list):selected:hover, + .raven iconview:not(.list):selected:hover, + .raven .view text:not(.list):selected:hover, + .view .raven text:not(.list):selected:hover, + .raven iconview text:not(.list):selected:hover, + iconview .raven text:not(.list):selected:hover, + .raven textview text:not(.list):selected:hover, + textview .raven text:not(.list):selected:hover, + .raven treeview.view header button:not(.list):selected:hover, + treeview.view header .raven button:not(.list):selected:hover, + .raven .tweak-category header button:not(.list):selected:hover, + .tweak-category header .raven button:not(.list):selected:hover { + background-color: rgba(0, 188, 212, 0.1); } + .raven list separator, + .raven row separator, + .raven row.activatable separator, + .raven .view separator, + .raven iconview separator, + .raven .view text separator, + .view .raven text separator, + .raven iconview text separator, + iconview .raven text separator, + .raven textview text separator, + textview .raven text separator, + .raven treeview.view header button separator, + treeview.view header .raven button separator, + .raven .tweak-category header button separator, + .tweak-category header .raven button separator { + min-height: 1px; + min-width: 1px; + margin-bottom: 0.50376rem; + border: none; + color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 -1px rgba(236, 239, 241, 0.165); } + .raven button.image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); } + .raven button.image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + -gtk-icon-effect: highlight; } + .raven button.image-button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .raven button.image-button:disabled { + box-shadow: none; + background-color: transparent; } + .raven button.image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; } + .raven button.image-button:checked:disabled > label { + color: inherit; } + .raven .raven-header > .linked { + margin: 0 0.80451rem; } + .raven .raven-header > button.text-button { + min-height: 1rem; + min-width: 1rem; + padding: 0.69925rem 0.80451rem 0.80451rem; + color: rgba(255, 255, 255, 0.85); + background-color: #009688; } + .raven .raven-header > button.text-button:hover { + color: #FFFFFF; } + .raven .raven-header > button.text-button:active { + color: #FFFFFF; + background-color: #C5A68E; } + .raven .raven-header > button.text-button:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #33aba0; } + .raven .raven-header > button.text-button:disabled { + box-shadow: none; + background-color: transparent; } + .raven .raven-header button.flat.expander-button, .raven .raven-header button.expander-button.osd.image-button, .raven .raven-header .osd toolbar button.expander-button, .osd toolbar .raven .raven-header button.expander-button, .raven .raven-header toolbar.osd button.expander-button, toolbar.osd .raven .raven-header button.expander-button, .raven .raven-header .app-notification button.expander-button, .app-notification .raven .raven-header button.expander-button, .raven .raven-header GeditViewFrame .gedit-search-slider button.expander-button, GeditViewFrame .gedit-search-slider .raven .raven-header button.expander-button, .raven .raven-header toolbar button.expander-button, toolbar .raven .raven-header button.expander-button, .raven .raven-header .titlebar button.expander-button:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header button.expander-button:not(.suggested-action):not(.destructive-action), + .raven .raven-header headerbar button.expander-button:not(.suggested-action):not(.destructive-action), + headerbar .raven .raven-header button.expander-button:not(.suggested-action):not(.destructive-action), .raven .raven-header .menu > arrow.expander-button, + .raven .raven-header .context-menu > arrow.expander-button, + .raven .raven-header menu > arrow.expander-button, .raven .raven-header placessidebar row button.expander-button.image-button, placessidebar row .raven .raven-header button.expander-button.image-button, .raven .raven-header .ssd decoration button.expander-button, .ssd decoration .raven .raven-header button.expander-button, .raven .raven-header .csd headerbar button.expander-button.titlebutton, .csd headerbar .raven .raven-header button.expander-button.titlebutton, + .raven .raven-header .csd .titlebar button.expander-button.titlebutton, + .csd .titlebar .raven .raven-header button.expander-button.titlebutton, .raven .raven-header #gf-candidate-popup button.expander-button, #gf-candidate-popup .raven .raven-header button.expander-button, .raven .raven-header window > grid.vertical > box.vertical > widget button.expander-button, window > grid.vertical > box.vertical > widget .raven .raven-header button.expander-button, .raven .raven-header layouttabbar button.expander-button, layouttabbar .raven .raven-header button.expander-button, .raven .raven-header layouttab button.expander-button, layouttab .raven .raven-header button.expander-button { + min-width: 1rem; + min-height: 1rem; + padding: 0.80451rem; + border-radius: 100px; + -gtk-outline-radius: 100px; + color: rgba(236, 239, 241, 0.5); } + .raven .raven-header button.flat.expander-button:hover, .raven .raven-header button.expander-button.osd.image-button:hover, .raven .raven-header .osd toolbar button.expander-button:hover, .osd toolbar .raven .raven-header button.expander-button:hover, .raven .raven-header toolbar.osd button.expander-button:hover, toolbar.osd .raven .raven-header button.expander-button:hover, .raven .raven-header .app-notification button.expander-button:hover, .app-notification .raven .raven-header button.expander-button:hover, .raven .raven-header GeditViewFrame .gedit-search-slider button.expander-button:hover, GeditViewFrame .gedit-search-slider .raven .raven-header button.expander-button:hover, .raven .raven-header toolbar button.expander-button:hover, toolbar .raven .raven-header button.expander-button:hover, .raven .raven-header .titlebar button.expander-button:hover:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header button.expander-button:hover:not(.suggested-action):not(.destructive-action), + .raven .raven-header headerbar button.expander-button:hover:not(.suggested-action):not(.destructive-action), + headerbar .raven .raven-header button.expander-button:hover:not(.suggested-action):not(.destructive-action), .raven .raven-header .menu > arrow.expander-button:hover, + .raven .raven-header .context-menu > arrow.expander-button:hover, + .raven .raven-header menu > arrow.expander-button:hover, .raven .raven-header placessidebar row button.expander-button.image-button:hover, placessidebar row .raven .raven-header button.expander-button.image-button:hover, .raven .raven-header .ssd decoration button.expander-button:hover, .ssd decoration .raven .raven-header button.expander-button:hover, .raven .raven-header .csd headerbar button.expander-button.titlebutton:hover, .csd headerbar .raven .raven-header button.expander-button.titlebutton:hover, + .raven .raven-header .csd .titlebar button.expander-button.titlebutton:hover, + .csd .titlebar .raven .raven-header button.expander-button.titlebutton:hover, .raven .raven-header #gf-candidate-popup button.expander-button:hover, #gf-candidate-popup .raven .raven-header button.expander-button:hover, .raven .raven-header window > grid.vertical > box.vertical > widget button.expander-button:hover, window > grid.vertical > box.vertical > widget .raven .raven-header button.expander-button:hover, .raven .raven-header layouttabbar button.expander-button:hover, layouttabbar .raven .raven-header button.expander-button:hover, .raven .raven-header layouttab button.expander-button:hover, layouttab .raven .raven-header button.expander-button:hover, .raven .raven-header button.flat.expander-button:active, .raven .raven-header button.expander-button.osd.image-button:active, .raven .raven-header .osd toolbar button.expander-button:active, .osd toolbar .raven .raven-header button.expander-button:active, .raven .raven-header toolbar.osd button.expander-button:active, toolbar.osd .raven .raven-header button.expander-button:active, .raven .raven-header .app-notification button.expander-button:active, .app-notification .raven .raven-header button.expander-button:active, .raven .raven-header GeditViewFrame .gedit-search-slider button.expander-button:active, GeditViewFrame .gedit-search-slider .raven .raven-header button.expander-button:active, .raven .raven-header toolbar button.expander-button:active, toolbar .raven .raven-header button.expander-button:active, .raven .raven-header .titlebar button.expander-button:active:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header button.expander-button:active:not(.suggested-action):not(.destructive-action), + .raven .raven-header headerbar button.expander-button:active:not(.suggested-action):not(.destructive-action), + headerbar .raven .raven-header button.expander-button:active:not(.suggested-action):not(.destructive-action), .raven .raven-header .menu > arrow.expander-button:active, + .raven .raven-header .context-menu > arrow.expander-button:active, + .raven .raven-header menu > arrow.expander-button:active, .raven .raven-header placessidebar row button.expander-button.image-button:active, placessidebar row .raven .raven-header button.expander-button.image-button:active, .raven .raven-header .ssd decoration button.expander-button:active, .ssd decoration .raven .raven-header button.expander-button:active, .raven .raven-header .csd headerbar button.expander-button.titlebutton:active, .csd headerbar .raven .raven-header button.expander-button.titlebutton:active, + .raven .raven-header .csd .titlebar button.expander-button.titlebutton:active, + .csd .titlebar .raven .raven-header button.expander-button.titlebutton:active, .raven .raven-header #gf-candidate-popup button.expander-button:active, #gf-candidate-popup .raven .raven-header button.expander-button:active, .raven .raven-header window > grid.vertical > box.vertical > widget button.expander-button:active, window > grid.vertical > box.vertical > widget .raven .raven-header button.expander-button:active, .raven .raven-header layouttabbar button.expander-button:active, layouttabbar .raven .raven-header button.expander-button:active, .raven .raven-header layouttab button.expander-button:active, layouttab .raven .raven-header button.expander-button:active { + color: #ECEFF1; } + .raven calendar { + border: none; + background-color: transparent; } + .raven undershoot.top, .raven undershoot.bottom, .raven undershoot.left, .raven undershoot.right { + background-image: none; } + +.raven-mpris { + border: none; + color: #ECEFF1; + background-color: rgba(42, 55, 62, 0.9); } + .raven-mpris button.image-button { + padding: 0.6015rem; } + +.budgie-notification-window { + border-radius: 2px; + background: none; } + +.budgie-notification.background { + border-radius: 2px; } +.budgie-notification .notification-title { + color: rgba(236, 239, 241, 0.75); + font-size: 110%; + font-weight: 500; } +.budgie-notification .notification-body { + color: #ECEFF1; } + +.background.csd.budgie-run-dialog { + border: 1px solid rgba(0, 0, 0, 0.11); + border-top-color: rgba(255, 255, 255, 0.07); + background-color: transparent; } + .background.csd.budgie-run-dialog decoration { + border-radius: 2px; + background-color: rgba(42, 55, 62, 0.9); } + .background.csd.budgie-run-dialog decoration headerbar { + border-radius: 2px; } + .background.csd.budgie-run-dialog scrolledwindow, .background.csd.budgie-run-dialog placessidebar { + border-image: none; } + .background.csd.budgie-run-dialog scrolledwindow undershoot.top, .background.csd.budgie-run-dialog placessidebar undershoot.top, .background.csd.budgie-run-dialog scrolledwindow undershoot.bottom, .background.csd.budgie-run-dialog placessidebar undershoot.bottom, .background.csd.budgie-run-dialog scrolledwindow undershoot.left, .background.csd.budgie-run-dialog placessidebar undershoot.left, .background.csd.budgie-run-dialog scrolledwindow undershoot.right, .background.csd.budgie-run-dialog placessidebar undershoot.right { + background-image: none; } + .background.csd.budgie-run-dialog box > box > separator { + border: 0 none transparent; + color: transparent; + background-color: transparent; } + .background.csd.budgie-run-dialog button.image-button { + color: #C5A68E); } + .background.csd.budgie-run-dialog button.image-button:hover, .background.csd.budgie-run-dialog button.image-button:active, .background.csd.budgie-run-dialog button.image-button:checked { + color: #C5A68E; } + .background.csd.budgie-run-dialog button.image-button:disabled { + color: rgba(77, 182, 172, 0.4); } + +.budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 2px; + border-width: 0; + background-color: #3e515a; + color: #ECEFF1; + font-weight: 700; + opacity: 0.9; } + .budgie-session-dialog decoration, + .budgie-polkit-dialog decoration { + border-radius: 2px; + box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); } + .budgie-session-dialog decoration:backdrop, + .budgie-polkit-dialog decoration:backdrop { + box-shadow: 0 10px 6px transparent, 0 6px 8px -4px transparent, 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); + transition: none; } + .budgie-session-dialog button, + .budgie-session-dialog .linked > button, + .budgie-polkit-dialog button, + .budgie-polkit-dialog .linked > button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + padding: 0.69925rem 1rem 0.80451rem; + border: 2px solid transparent; + border-radius: 0; + color: #C5A68E); + background-color: transparent; + background-size: 9.96241rem 9.96241rem, auto; } + .budgie-session-dialog button:hover, + .budgie-session-dialog .linked > button:hover, + .budgie-polkit-dialog button:hover, + .budgie-polkit-dialog .linked > button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + color: #C5A68E; } + .budgie-session-dialog button:active, + .budgie-session-dialog .linked > button:active, + .budgie-polkit-dialog button:active, + .budgie-polkit-dialog .linked > button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #C5A68E; } + .budgie-session-dialog button:checked, + .budgie-session-dialog .linked > button:checked, + .budgie-polkit-dialog button:checked, + .budgie-polkit-dialog .linked > button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + color: #C5A68E); } + .budgie-session-dialog button:disabled, + .budgie-session-dialog .linked > button:disabled, + .budgie-polkit-dialog button:disabled, + .budgie-polkit-dialog .linked > button:disabled { + box-shadow: none; + background-color: transparent; } + .budgie-session-dialog button:first-child, + .budgie-session-dialog .linked > button:first-child, + .budgie-polkit-dialog button:first-child, + .budgie-polkit-dialog .linked > button:first-child { + border-radius: 0 0 0 2px; + border-right-width: 0; } + .budgie-session-dialog button:last-child, + .budgie-session-dialog .linked > button:last-child, + .budgie-polkit-dialog button:last-child, + .budgie-polkit-dialog .linked > button:last-child { + border-radius: 0 0 2px 0; + border-left-width: 0; } + .budgie-session-dialog:not(.budgie-session-dialog) .message, + .budgie-polkit-dialog:not(.budgie-session-dialog) .message { + color: rgba(236, 239, 241, 0.75); } + .budgie-session-dialog:not(.budgie-session-dialog) .failure, + .budgie-polkit-dialog:not(.budgie-session-dialog) .failure { + color: #C5A68E; + font-weight: 700; } + +.drop-shadow { + background-color: #13191C; + background-image: none; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + +/***************** + * Unity Desktop * + *****************/ +UnityDecoration { + -UnityDecoration-extents: 28px 0 0 0; + -UnityDecoration-input-extents: 8px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 8px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.24); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.16); + -UnityDecoration-inactive-shadow-radius: 6px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #C5A68E; + -UnityDecoration-title-indent: 16px; + -UnityDecoration-title-fade: 32px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border-width: 1px 0 0; + border-style: solid none none; + border-color: rgba(0, 0, 0, 0.11); + border-radius: 2px 2px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #322F22, #322F22); + color: #ECEFF1; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } + UnityDecoration.top:backdrop { + color: rgba(236, 239, 241, 0.3); } + UnityDecoration.left, UnityDecoration.left:backdrop, UnityDecoration.right, UnityDecoration.right:backdrop, UnityDecoration.bottom, UnityDecoration.bottom:backdrop { + background-image: none; } + +UnityPanelWidget, UnityPanelWidget:backdrop, +.unity-panel, +.unity-panel:backdrop { + border-bottom: 1px solid #13191c; + color: #ECEFF1; + background-image: linear-gradient(to bottom, #13191c, #13191c); + box-shadow: none; } + +.unity-panel.menubar, +.unity-panel .menubar { + background-color: transparent; + background-image: none; + box-shadow: none; } + .unity-panel.menubar.menuitem, .unity-panel.menubar .menuitem *, + .unity-panel .menubar.menuitem, + .unity-panel .menubar .menuitem * { + padding: 0 6px; + border-radius: 0; + border-bottom: none; + color: #ECEFF1; + background-color: transparent; } + .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover, + .unity-panel .menubar.menuitem:hover, + .unity-panel .menubar .menuitem *:hover { + color: #FFFFFF; + box-shadow: inset 0 -2px #C5A68E; } + +/************ + * Corebird * + ************/ +stack button.profile-button:checked { + color: #ECEFF1; } + +headerbar.titlebar box button.toggle.account-button { + min-width: 1rem; + min-height: 1rem; + padding: 0.50376rem 0.75188rem 0.50376rem; + border-radius: 2px; + -gtk-outline-radius: 2px; } + headerbar.titlebar box button.toggle.account-button .avatar-round { + border-color: transparent; } +headerbar.titlebar box button.image-button.toggle { + min-width: 1rem; + min-height: 1rem; + padding: 0.50376rem 0.75188rem 0.50376rem; } + +/******** + * Nemo * + ********/ +window EelEditableLabel { + transition: none; } +window grid > box > box > toolbar.primary-toolbar { + border-bottom: 1px solid rgba(0, 0, 0, 0.11); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.22), inset 0 4px 3px -4px rgba(0, 0, 0, 0.22), inset 0 8px 3px -5px rgba(0, 0, 0, 0.24); } +window grid > paned > box > paned > box > notebook, window grid > paned > box > paned > box > notebook > stack:not(:only-child) { + background-color: #455A64; } +window grid.vertical > paned.horizontal > box.vertical > scrolledwindow.frame, window grid.vertical > paned.horizontal > box.vertical > placessidebar.frame { + border-width: 0; } +window grid.vertical > widget > box { + padding: 0.20301rem; } +window grid.vertical > widget > box > button.image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + min-width: 1rem; + min-height: 2.20301rem; + border-radius: 2px; + -gtk-outline-radius: 2px; + padding: 0 0.75188rem 0; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: rgba(236, 239, 241, 0.75); + box-shadow: none; } + window grid.vertical > widget > box > button.image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + border-image: none; + color: #ECEFF1; + box-shadow: none; } + window grid.vertical > widget > box > button.image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #ECEFF1; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#C5A68E), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #ECEFF1; + box-shadow: none; } + window grid.vertical > widget > box > button.image-button:checked:disabled { + border-image: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.3); + box-shadow: none; } + window grid.vertical > widget > box > button.image-button:checked:disabled > label { + color: inherit; } + window grid.vertical > widget > box > button.image-button:checked:disabled > label { + color: inherit; } + window grid.vertical > widget > box > button.image-button:disabled { + box-shadow: none; + background-color: transparent; + border-image: none; + background-color: transparent; + color: rgba(236, 239, 241, 0.225); + box-shadow: none; } +window grid.vertical > widget box > separator.vertical { + min-width: 0; + color: transparent; + background-color: transparent; } + +/************ + * Lollypop * + ************/ +window > headerbar > widget > box.horizontal > grid.horizontal > button.toggle.image-button { + min-width: 1.30075rem; + min-height: 2.80451rem; + padding: 0 0.75188rem 0; } +window > headerbar > widget > box.horizontal > button.image-button { + min-width: 1.30075rem; + min-height: 2.80451rem; + margin: -0.15038rem 0; + padding: 0 0.75188rem 0; } + +/*************************** + * Cinnamon-control-center * + ***************************/ +window > box.vertical > stack > scrolledwindow iconview, window > box.vertical > stack > placessidebar iconview, window > box.vertical > stack > scrolledwindow iconview.view, window > box.vertical > stack > placessidebar iconview.view, window > box.vertical > stack > scrolledwindow iconview, window > box.vertical > stack > placessidebar iconview { + background-color: transparent; } +window > box.vertical > stack > scrolledwindow toolbar, window > box.vertical > stack > placessidebar toolbar { + background-color: #3b4c54; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.03), inset 0 3px 4px -3px rgba(0, 0, 0, 0.06); } + +/********* + * XFce4 * + *********/ +.xfce4-panel { + background-color: #13191c; + color: #ECEFF1; + font-weight: 700; } + .xfce4-panel button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + padding: 0px 4px; + border: none; + border-radius: 0; + color: #ECEFF1; + background-color: transparent; } + .xfce4-panel button:hover { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px alpha(currentColor, 0.2); } + .xfce4-panel button:checked, .xfce4-panel button:hover:checked, .xfce4-panel button:disabled:checked { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px #C5A68E; } + .xfce4-panel button label:backdrop, .xfce4-panel button:backdrop { + opacity: 1.0; } + .xfce4-panel menu { + -gtk-icon-effect: none; } + +TopMenuAppMenuBar { + background-color: #13191c; + color: #ECEFF1; + box-shadow: none; } + TopMenuAppMenuBar > menuitem { + color: #ECEFF1; + background-color: transparent; } + TopMenuAppMenuBar > menuitem:hover { + color: #FFFFFF; + box-shadow: inset 0 -2px #C5A68E; } + TopMenuAppMenuBar > menuitem:backdrop { + opacity: 1.0; } + +/************** + * FeedReader * + **************/ +window > paned.titlebar > headerbar.titlebar button.flat:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar button.osd.image-button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar .osd toolbar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), .osd toolbar window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar toolbar.osd button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), toolbar.osd window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar .app-notification button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), .app-notification window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar GeditViewFrame .gedit-search-slider button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), GeditViewFrame .gedit-search-slider window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar toolbar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), toolbar window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle):not(.suggested-action):not(.destructive-action), window > paned.titlebar > headerbar.titlebar .menu > arrow:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +window > paned.titlebar > headerbar.titlebar .context-menu > arrow:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +window > paned.titlebar > headerbar.titlebar menu > arrow:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar placessidebar row button.image-button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), placessidebar row window > paned.titlebar > headerbar.titlebar button.image-button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar .ssd decoration button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), .ssd decoration window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar .csd headerbar.selection-mode button.titlebutton:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +.csd window > paned.titlebar > headerbar.titlebar button.titlebutton:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +window > paned.titlebar > headerbar.titlebar .csd .titlebar.selection-mode button.titlebutton:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar #gf-candidate-popup button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), #gf-candidate-popup window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar window > grid.vertical > box.vertical > widget button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > grid.vertical > box.vertical > widget window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar layouttabbar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), layouttabbar window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar layouttab button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), layouttab window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle) { + min-width: 1rem; + padding-left: 0.90226rem; + padding-right: 0.90226rem; } + +/************ + * Synaptic * + ************/ +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; } + window > box.vertical > box.horizontal > toolbar toolitem > box label, + window > box.vertical > box.horizontal > toolbar toolitem > box entry, + window > box.vertical > box.horizontal > toolbar toolitem > box spinbutton:not(.vertical) { + min-height: 1rem; + padding-top: 0.09774rem; + padding-bottom: 0.09774rem; + font-size: 90%; } + window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: rgba(236, 239, 241, 0.3); } +window > box.vertical > box.horizontal > widget { + background-color: transparent; } + +/*********** + * Colours * + ***********/ +@define-color theme_fg_color #ECEFF1; +@define-color theme_inverted_fg_color #ECEFF1; +@define-color theme_text_color #ECEFF1; +@define-color theme_bg_color #3e515a; +@define-color theme_base_color #455A64; +@define-color theme_selected_bg_color #C5A68E; +@define-color theme_selected_fg_color #FFFFFF; +@define-color insensitive_bg_color #3e515a; +@define-color insensitive_fg_color rgba(236, 239, 241, 0.3); +@define-color insensitive_base_color #42565f; +@define-color theme_unfocused_fg_color rgba(236, 239, 241, 0.3); +@define-color theme_unfocused_inverted_fg_color rgba(236, 239, 241, 0.3); +@define-color theme_unfocused_text_color rgba(236, 239, 241, 0.3); +@define-color theme_unfocused_inverted_text_color rgba(236, 239, 241, 0.3); +@define-color theme_unfocused_bg_color #3e515a; +@define-color theme_unfocused_base_color #455A64; +@define-color theme_unfocused_selected_bg_color #C5A68E; +@define-color theme_unfocused_selected_fg_color #FFFFFF; +@define-color placeholder_text_color #607D8B; +@define-color borders rgba(0, 0, 0, 0.11); +@define-color unfocused_borders rgba(0, 0, 0, 0.11); +@define-color warning_color #FF9800; +@define-color error_color #F44336; +@define-color success_color #00E676; +@define-color link_color #03A9F4; +@define-color wm_bg_a #322F22; +@define-color wm_bg_b rgba(255, 255, 255, 0.07); +@define-color content_view_bg #455A64;
A
themes/whitey/gtk-3.22/gtk-dark.scss
@@ -0,0 +1,8 @@
+$variant: 'dark'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'misc'; // specific styling for Gnome-hosted apps +@import '3rd-party'; // other apps/desktops styling +@import 'colors-public';
A
themes/whitey/gtk-3.22/gtk.css
@@ -0,0 +1,12257 @@
+/****************** + * Ripple effects * + ******************/ +@keyframes ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } } +@keyframes flat_ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } } +@keyframes list_ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05), alpha(currentColor, 0.05)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } } +* { + transition-property: opacity, border-color, border-image, background-color, background-image, box-shadow, icon-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.2s; } + +/***************** + * Common States * + *****************/ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #F44336; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 16; + -GtkWidget-text-handle-height: 16; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-style: solid; + outline-width: 2px; + outline-color: alpha(currentColor, 0.2); + outline-offset: -0.30075rem; + -gtk-outline-radius: 2px; + -gtk-secondary-caret-color: #E8E8E8; + text-shadow: none; + -gtk-icon-shadow: none; } + +/*************** + * Base States * + ***************/ +.background { + background-color: #FFFFFF; + color: #263238; } + +*:disabled { + -gtk-icon-effect: dim; } + +.titlebar *:backdrop, +headerbar *:backdrop, .csd headerbar button.titlebutton *:backdrop, +.csd .titlebar button.titlebutton *:backdrop { + opacity: 0.75; + transition: 0.2s; } + +.gtkstyle-fallback { + background-color: #FFFFFF; + color: #263238; } + .gtkstyle-fallback:hover { + background-color: #eaeef2; + color: #263238; } + .gtkstyle-fallback:active { + background-color: #dae2e9; + color: #263238; } + .gtkstyle-fallback:disabled { + background-color: #FFFFFF; + color: rgba(38, 50, 56, 0.3); } + .gtkstyle-fallback:selected { + background-color: #E8E8E8; + color: #FFFFFF; } + +.view, iconview, +.view text, +iconview text, +textview text { + background-color: #FFFFFF; + color: #263238; } + .view:hover, iconview:hover, .view:active, iconview:active, .view:selected, iconview:selected, + .view text:hover, + iconview text:hover, + textview text:hover, + .view text:active, + iconview text:active, + textview text:active, + .view text:selected, + iconview text:selected, + textview text:selected { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .view:disabled, iconview:disabled, + .view text:disabled, + iconview text:disabled, + textview text:disabled { + color: rgba(38, 50, 56, 0.3); } + +textview border { + background-color: #FFFFFF; } + +rubberband, flowbox rubberband, treeview.view rubberband, .tweak-category rubberband, .content-view rubberband { + border: 1px solid #4DD0E1; + background-color: rgba(77, 208, 225, 0.2); } + +flowbox flowboxchild { + padding: 0.15038rem; + border-radius: 2px; + -gtk-outline-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -0.15038rem; } + +label { + caret-color: currentColor; } + label.separator { + color: transparent; } + label:disabled { + color: rgba(38, 50, 56, 0.3); } + label.kudo-label { + color: #263238; } + +.dim-label, label.separator, .titlebar .title:backdrop, +headerbar .title:backdrop, .titlebar .subtitle, +headerbar .subtitle, .titlebar .subtitle:backdrop, +headerbar .subtitle:backdrop { + opacity: 0.55; } + +assistant .sidebar { + padding: 0.50376rem 0; + background-color: #FFFFFF; } + assistant .sidebar:dir(ltr) { + border-right: 1px solid rgba(0, 0, 0, 0.09); } + assistant .sidebar:dir(rtl) { + border-left: 1px solid rgba(0, 0, 0, 0.09); } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 0.3985rem 0.6015rem 0.50376rem; + color: rgba(38, 50, 56, 0.75); + font-weight: 500; } + assistant .sidebar label.highlight { + color: #E8E8E8; } +assistant headerbar button.flat:not(:last-child), assistant headerbar button.osd.image-button:not(:last-child), assistant headerbar .osd toolbar button:not(:last-child), .osd toolbar assistant headerbar button:not(:last-child), assistant headerbar toolbar.osd button:not(:last-child), toolbar.osd assistant headerbar button:not(:last-child), assistant headerbar .app-notification button:not(:last-child), .app-notification assistant headerbar button:not(:last-child), assistant headerbar GeditViewFrame .gedit-search-slider button:not(:last-child), GeditViewFrame .gedit-search-slider assistant headerbar button:not(:last-child), assistant headerbar toolbar button:not(:last-child), toolbar assistant headerbar button:not(:last-child), +assistant headerbar button:not(:last-child):not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child), +assistant headerbar .context-menu > arrow:not(:last-child), +assistant headerbar menu > arrow:not(:last-child), assistant headerbar placessidebar row button.image-button:not(:last-child), placessidebar row assistant headerbar button.image-button:not(:last-child), assistant headerbar .ssd decoration button:not(:last-child), .ssd decoration assistant headerbar button:not(:last-child), assistant .csd headerbar button.titlebutton:not(:last-child), .csd assistant headerbar button.titlebutton:not(:last-child), +assistant headerbar .csd .titlebar button.titlebutton:not(:last-child), +.csd .titlebar.selection-mode assistant headerbar button.titlebutton:not(:last-child), assistant headerbar #gf-candidate-popup button:not(:last-child), #gf-candidate-popup assistant headerbar button:not(:last-child), +assistant headerbar #gf-candidate-popup .linked > button:not(:last-child):first-child, +#gf-candidate-popup assistant headerbar .linked > button:not(:last-child):first-child, +assistant headerbar #gf-candidate-popup .linked > button:not(:last-child):last-child, +#gf-candidate-popup assistant headerbar .linked > button:not(:last-child):last-child, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child), window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child), assistant headerbar layouttabbar button:not(:last-child), layouttabbar assistant headerbar button:not(:last-child), assistant headerbar layouttab button:not(:last-child), layouttab assistant headerbar button:not(:last-child) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #FFFFFF; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); + background-color: #E8E8E8; + color: rgba(255, 255, 255, 0.85); } + assistant headerbar button.flat:not(:last-child):hover, assistant headerbar button.osd.image-button:not(:last-child):hover, assistant headerbar .osd toolbar button:not(:last-child):hover, .osd toolbar assistant headerbar button:not(:last-child):hover, assistant headerbar toolbar.osd button:not(:last-child):hover, toolbar.osd assistant headerbar button:not(:last-child):hover, assistant headerbar .app-notification button:not(:last-child):hover, .app-notification assistant headerbar button:not(:last-child):hover, assistant headerbar GeditViewFrame .gedit-search-slider button:not(:last-child):hover, GeditViewFrame .gedit-search-slider assistant headerbar button:not(:last-child):hover, assistant headerbar toolbar button:not(:last-child):hover, toolbar assistant headerbar button:not(:last-child):hover, + assistant headerbar button:not(:last-child):hover:not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child):hover, + assistant headerbar .context-menu > arrow:not(:last-child):hover, + assistant headerbar menu > arrow:not(:last-child):hover, assistant headerbar placessidebar row button.image-button:not(:last-child):hover, placessidebar row assistant headerbar button.image-button:not(:last-child):hover, assistant headerbar .ssd decoration button:not(:last-child):hover, .ssd decoration assistant headerbar button:not(:last-child):hover, assistant .csd headerbar button.titlebutton:not(:last-child):hover, .csd assistant headerbar button.titlebutton:not(:last-child):hover, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):hover, assistant headerbar #gf-candidate-popup button:not(:last-child):hover, #gf-candidate-popup assistant headerbar button:not(:last-child):hover, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):hover, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):hover, assistant headerbar layouttabbar button:not(:last-child):hover, layouttabbar assistant headerbar button:not(:last-child):hover, assistant headerbar layouttab button:not(:last-child):hover, layouttab assistant headerbar button:not(:last-child):hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: #263238; + color: #FFFFFF; } + assistant headerbar button.flat:not(:last-child):active, assistant headerbar button.osd.image-button:not(:last-child):active, assistant headerbar .osd toolbar button:not(:last-child):active, .osd toolbar assistant headerbar button:not(:last-child):active, assistant headerbar toolbar.osd button:not(:last-child):active, toolbar.osd assistant headerbar button:not(:last-child):active, assistant headerbar .app-notification button:not(:last-child):active, .app-notification assistant headerbar button:not(:last-child):active, assistant headerbar GeditViewFrame .gedit-search-slider button:not(:last-child):active, GeditViewFrame .gedit-search-slider assistant headerbar button:not(:last-child):active, assistant headerbar toolbar button:not(:last-child):active, toolbar assistant headerbar button:not(:last-child):active, + assistant headerbar button:not(:last-child):active:not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child):active, + assistant headerbar .context-menu > arrow:not(:last-child):active, + assistant headerbar menu > arrow:not(:last-child):active, assistant headerbar placessidebar row button.image-button:not(:last-child):active, placessidebar row assistant headerbar button.image-button:not(:last-child):active, assistant headerbar .ssd decoration button:not(:last-child):active, .ssd decoration assistant headerbar button:not(:last-child):active, assistant .csd headerbar button.titlebutton:not(:last-child):active, .csd assistant headerbar button.titlebutton:not(:last-child):active, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):active, assistant headerbar #gf-candidate-popup button:not(:last-child):active, #gf-candidate-popup assistant headerbar button:not(:last-child):active, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):active, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):active, assistant headerbar layouttabbar button:not(:last-child):active, layouttabbar assistant headerbar button:not(:last-child):active, assistant headerbar layouttab button:not(:last-child):active, layouttab assistant headerbar button:not(:last-child):active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #263238; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #FFFFFF; + background-color: #E8E8E8; } + assistant headerbar button.flat:not(:last-child):checked, assistant headerbar button.osd.image-button:not(:last-child):checked, assistant headerbar .osd toolbar button:not(:last-child):checked, .osd toolbar assistant headerbar button:not(:last-child):checked, assistant headerbar toolbar.osd button:not(:last-child):checked, toolbar.osd assistant headerbar button:not(:last-child):checked, assistant headerbar .app-notification button:not(:last-child):checked, .app-notification assistant headerbar button:not(:last-child):checked, assistant headerbar GeditViewFrame .gedit-search-slider button:not(:last-child):checked, GeditViewFrame .gedit-search-slider assistant headerbar button:not(:last-child):checked, assistant headerbar toolbar button:not(:last-child):checked, toolbar assistant headerbar button:not(:last-child):checked, + assistant headerbar button:not(:last-child):checked:not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child):checked, + assistant headerbar .context-menu > arrow:not(:last-child):checked, + assistant headerbar menu > arrow:not(:last-child):checked, assistant headerbar placessidebar row button.image-button:not(:last-child):checked, placessidebar row assistant headerbar button.image-button:not(:last-child):checked, assistant headerbar .ssd decoration button:not(:last-child):checked, .ssd decoration assistant headerbar button:not(:last-child):checked, assistant .csd headerbar button.titlebutton:not(:last-child):checked, .csd assistant headerbar button.titlebutton:not(:last-child):checked, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):checked, assistant headerbar #gf-candidate-popup button:not(:last-child):checked, #gf-candidate-popup assistant headerbar button:not(:last-child):checked, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):checked, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):checked, assistant headerbar layouttabbar button:not(:last-child):checked, layouttabbar assistant headerbar button:not(:last-child):checked, assistant headerbar layouttab button:not(:last-child):checked, layouttab assistant headerbar button:not(:last-child):checked { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #E8E8E8; + color: #FFFFFF; + background-color: #E8E8E8; + color: #ECEFF1; } + assistant headerbar button.flat:not(:last-child):disabled, assistant headerbar button.osd.image-button:not(:last-child):disabled, assistant headerbar .osd toolbar button:not(:last-child):disabled, .osd toolbar assistant headerbar button:not(:last-child):disabled, assistant headerbar toolbar.osd button:not(:last-child):disabled, toolbar.osd assistant headerbar button:not(:last-child):disabled, assistant headerbar .app-notification button:not(:last-child):disabled, .app-notification assistant headerbar button:not(:last-child):disabled, assistant headerbar GeditViewFrame .gedit-search-slider button:not(:last-child):disabled, GeditViewFrame .gedit-search-slider assistant headerbar button:not(:last-child):disabled, assistant headerbar toolbar button:not(:last-child):disabled, toolbar assistant headerbar button:not(:last-child):disabled, + assistant headerbar button:not(:last-child):disabled:not(.suggested-action):not(.destructive-action), assistant headerbar .menu > arrow:not(:last-child):disabled, + assistant headerbar .context-menu > arrow:not(:last-child):disabled, + assistant headerbar menu > arrow:not(:last-child):disabled, assistant headerbar placessidebar row button.image-button:not(:last-child):disabled, placessidebar row assistant headerbar button.image-button:not(:last-child):disabled, assistant headerbar .ssd decoration button:not(:last-child):disabled, .ssd decoration assistant headerbar button:not(:last-child):disabled, assistant .csd headerbar button.titlebutton:not(:last-child):disabled, .csd assistant headerbar button.titlebutton:not(:last-child):disabled, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):disabled, assistant headerbar #gf-candidate-popup button:not(:last-child):disabled, #gf-candidate-popup assistant headerbar button:not(:last-child):disabled, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):disabled, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):disabled, assistant headerbar layouttabbar button:not(:last-child):disabled, layouttabbar assistant headerbar button:not(:last-child):disabled, assistant headerbar layouttab button:not(:last-child):disabled, layouttab assistant headerbar button:not(:last-child):disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(38, 50, 56, 0.225); } + assistant headerbar button.flat:not(:last-child):disabled > label, assistant headerbar button.osd.image-button:not(:last-child):disabled > label, assistant headerbar .osd toolbar button:not(:last-child):disabled > label, .osd toolbar assistant headerbar button:not(:last-child):disabled > label, assistant headerbar toolbar.osd button:not(:last-child):disabled > label, toolbar.osd assistant headerbar button:not(:last-child):disabled > label, assistant headerbar .app-notification button:not(:last-child):disabled > label, .app-notification assistant headerbar button:not(:last-child):disabled > label, assistant headerbar GeditViewFrame .gedit-search-slider button:not(:last-child):disabled > label, GeditViewFrame .gedit-search-slider assistant headerbar button:not(:last-child):disabled > label, assistant headerbar toolbar button:not(:last-child):disabled > label, toolbar assistant headerbar button:not(:last-child):disabled > label, assistant headerbar .titlebar button:not(:last-child):disabled:not(.suggested-action):not(.destructive-action) > label, + assistant headerbar button:not(:last-child):disabled:not(.suggested-action):not(.destructive-action) > label, assistant headerbar .menu > arrow:not(:last-child):disabled > label, + assistant headerbar .context-menu > arrow:not(:last-child):disabled > label, + assistant headerbar menu > arrow:not(:last-child):disabled > label, assistant headerbar placessidebar row button.image-button:not(:last-child):disabled > label, placessidebar row assistant headerbar button.image-button:not(:last-child):disabled > label, assistant headerbar .ssd decoration button:not(:last-child):disabled > label, .ssd decoration assistant headerbar button:not(:last-child):disabled > label, assistant .csd headerbar button.titlebutton:not(:last-child):disabled > label, .csd assistant headerbar button.titlebutton:not(:last-child):disabled > label, + assistant headerbar .csd .titlebar button.titlebutton:not(:last-child):disabled > label, assistant headerbar #gf-candidate-popup button:not(:last-child):disabled > label, #gf-candidate-popup assistant headerbar button:not(:last-child):disabled > label, + assistant headerbar #gf-candidate-popup .linked > button:not(:last-child):disabled > label, + #gf-candidate-popup assistant headerbar .linked > button:not(:last-child):disabled > label, assistant headerbar window > grid.vertical > box.vertical > widget button:not(:last-child):disabled > label, window > grid.vertical > box.vertical > widget assistant headerbar button:not(:last-child):disabled > label, assistant headerbar layouttabbar button:not(:last-child):disabled > label, layouttabbar assistant headerbar button:not(:last-child):disabled > label, assistant headerbar layouttab button:not(:last-child):disabled > label, layouttab assistant headerbar button:not(:last-child):disabled > label { + color: inherit; } + +buttonbox button, buttonbox.dialog-action-area button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: #E8E8E8; + font-weight: 700; } + buttonbox button:hover, buttonbox.dialog-action-area button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + color: #E8E8E8; } + buttonbox button:active, buttonbox.dialog-action-area button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #E8E8E8; } + buttonbox button:disabled, buttonbox.dialog-action-area button:disabled { + box-shadow: none; + background-color: transparent; } + buttonbox button:checked, buttonbox.dialog-action-area button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + color: #E8E8E8; } + buttonbox button:checked:disabled, buttonbox.dialog-action-area button:checked:disabled { + color: #E8E8E8; } + buttonbox button:checked:disabled > label, buttonbox.dialog-action-area button:checked:disabled > label { + color: inherit; } + +.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, +.app-notification.frame, .osd .scale-popup, .nautilus-window .floating-bar, .osd { + opacity: 0.9; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes colorful_bar { + 0% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(0, 1); } + 24.9% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(1, 1); } + 25% { + -gtk-icon-source: url("assets/bar-yellow.svg"); + -gtk-icon-transform: scale(1, 1); } + 49.9% { + -gtk-icon-source: url("assets/bar-yellow.svg"); + -gtk-icon-transform: scale(0, 1); } + 50% { + -gtk-icon-source: url("assets/bar-green.svg"); + -gtk-icon-transform: scale(0, 1); } + 74.9% { + -gtk-icon-source: url("assets/bar-green.svg"); + -gtk-icon-transform: scale(1, 1); } + 75% { + -gtk-icon-source: url("assets/bar-blue.svg"); + -gtk-icon-transform: scale(1, 1); } + 99.9% { + -gtk-icon-source: url("assets/bar-blue.svg"); + -gtk-icon-transform: scale(0, 1); } + 100% { + -gtk-icon-source: url("assets/bar-red.svg"); + -gtk-icon-transform: scale(0, 1); } } +spinner { + min-height: 1.20301rem; + min-width: 1.20301rem; + padding: 0.3985rem 0 0.3985rem; + margin: 0; + background: none; + opacity: 0; + -gtk-icon-source: url("assets/bar-red.svg"); } + spinner:checked { + opacity: 1.0; + animation: colorful_bar 2s linear infinite; } + spinner:checked:disabled { + opacity: 0.4; } + spinner:checked:backdrop { + opacity: 1.0; } + spinner:backdrop { + opacity: 0; } + +/**************** + * Text Entries * + ****************/ +entry, spinbutton:not(.vertical) { + min-height: 1rem; + min-width: 2.50376rem; + padding: 0.69925rem 0.6015rem 0.80451rem; + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + entry:focus, spinbutton:focus:not(.vertical) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry:disabled, spinbutton:disabled:not(.vertical) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); } + entry.flat, .linked > entry:not(.flat), .linked > spinbutton:not(.flat):not(.vertical), .linked.vertical > entry:not(.flat), spinbutton.flat:not(.vertical), notebook:not(.reorderable-page) > entry, notebook:not(.reorderable-page) > spinbutton:not(.vertical) { + border-radius: 0; + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + entry.flat:focus, .linked > entry:focus:not(.flat), .linked > spinbutton:focus:not(.flat):not(.vertical), spinbutton.flat:focus:not(.vertical), notebook:not(.reorderable-page) > entry:focus, notebook:not(.reorderable-page) > spinbutton:focus:not(.vertical) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.flat:disabled, .linked > entry:disabled:not(.flat), .linked > spinbutton:disabled:not(.flat):not(.vertical), spinbutton.flat:disabled:not(.vertical), notebook:not(.reorderable-page) > entry:disabled, notebook:not(.reorderable-page) > spinbutton:disabled:not(.vertical) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(38, 50, 56, 0.3); } + entry image, spinbutton:not(.vertical) image { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + .linked > entry:not(.flat), .linked > spinbutton:not(.flat):not(.vertical), .linked.vertical > entry:not(.flat), .linked.vertical > spinbutton:not(.flat):not(.vertical) { + border-radius: 0; + -gtk-outline-radius: 0; } + entry.error, spinbutton.error:not(.vertical) { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + entry.error:focus, spinbutton.error:focus:not(.vertical) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.error:disabled, spinbutton.error:disabled:not(.vertical) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); } + entry.error.flat, .linked > entry.error:not(.flat), .linked > spinbutton.error:not(.flat):not(.vertical), spinbutton.error.flat:not(.vertical), notebook:not(.reorderable-page) > entry.error, notebook:not(.reorderable-page) > spinbutton.error:not(.vertical) { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + entry.error.flat:focus, .linked > entry.error:focus:not(.flat), .linked > spinbutton.error:focus:not(.flat):not(.vertical), spinbutton.error.flat:focus:not(.vertical), notebook:not(.reorderable-page) > entry.error:focus, notebook:not(.reorderable-page) > spinbutton.error:focus:not(.vertical) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.error.flat:disabled, .linked > entry.error:disabled:not(.flat), .linked > spinbutton.error:disabled:not(.flat):not(.vertical), spinbutton.error.flat:disabled:not(.vertical), notebook:not(.reorderable-page) > entry.error:disabled, notebook:not(.reorderable-page) > spinbutton.error:disabled:not(.vertical) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(38, 50, 56, 0.3); } + entry.warning, spinbutton.warning:not(.vertical) { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + entry.warning:focus, spinbutton.warning:focus:not(.vertical) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FF9800), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.warning:disabled, spinbutton.warning:disabled:not(.vertical) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); } + entry.warning.flat, .linked > entry.warning:not(.flat), .linked > spinbutton.warning:not(.flat):not(.vertical), spinbutton.warning.flat:not(.vertical), notebook:not(.reorderable-page) > entry.warning, notebook:not(.reorderable-page) > spinbutton.warning:not(.vertical) { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + entry.warning.flat:focus, .linked > entry.warning:focus:not(.flat), .linked > spinbutton.warning:focus:not(.flat):not(.vertical), spinbutton.warning.flat:focus:not(.vertical), notebook:not(.reorderable-page) > entry.warning:focus, notebook:not(.reorderable-page) > spinbutton.warning:focus:not(.vertical) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FF9800), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.warning.flat:disabled, .linked > entry.warning:disabled:not(.flat), .linked > spinbutton.warning:disabled:not(.flat):not(.vertical), spinbutton.warning.flat:disabled:not(.vertical), notebook:not(.reorderable-page) > entry.warning:disabled, notebook:not(.reorderable-page) > spinbutton.warning:disabled:not(.vertical) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(38, 50, 56, 0.3); } + entry.search-missing, spinbutton.search-missing:not(.vertical) { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + entry.search-missing:focus, spinbutton.search-missing:focus:not(.vertical) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.search-missing:disabled, spinbutton.search-missing:disabled:not(.vertical) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); } + entry.search-missing.flat, .linked > entry.search-missing:not(.flat), .linked > spinbutton.search-missing:not(.flat):not(.vertical), spinbutton.search-missing.flat:not(.vertical), notebook:not(.reorderable-page) > entry.search-missing, notebook:not(.reorderable-page) > spinbutton.search-missing:not(.vertical) { + border-radius: 0; + -gtk-outline-radius: 0; + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + entry.search-missing.flat:focus, .linked > entry.search-missing:focus:not(.flat), .linked > spinbutton.search-missing:focus:not(.flat):not(.vertical), spinbutton.search-missing.flat:focus:not(.vertical), notebook:not(.reorderable-page) > entry.search-missing:focus, notebook:not(.reorderable-page) > spinbutton.search-missing:focus:not(.vertical) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; + color: #263238; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } + entry.search-missing.flat:disabled, .linked > entry.search-missing:disabled:not(.flat), .linked > spinbutton.search-missing:disabled:not(.flat):not(.vertical), spinbutton.search-missing.flat:disabled:not(.vertical), notebook:not(.reorderable-page) > entry.search-missing:disabled, notebook:not(.reorderable-page) > spinbutton.search-missing:disabled:not(.vertical) { + border-color: #E5E9EC; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; + color: rgba(38, 50, 56, 0.3); } + entry image:not(:hover):not(:active), spinbutton:not(.vertical) image:not(:hover):not(:active) { + color: alpha(currentColor, 0.75); } + entry image:active, spinbutton:not(.vertical) image:active { + color: #E8E8E8; } + entry image:disabled, spinbutton:not(.vertical) image:disabled { + color: alpha(currentColor, 0.55); } + entry:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus, spinbutton:drop(active):focus:not(.vertical) { + border-color: #E8E8E8; + box-shadow: inset 0 0 0 1px #E8E8E8; } + treeview entry, treeview spinbutton:not(.vertical), treeview entry.flat:focus, treeview .linked > entry:focus:not(.flat), treeview .linked > spinbutton:focus:not(.flat):not(.vertical), treeview spinbutton.flat:focus:not(.vertical), treeview notebook:not(.reorderable-page) > entry:focus, treeview notebook:not(.reorderable-page) > spinbutton:focus:not(.vertical) { + padding: 1px; + border-radius: 0; + border-image: none; + background-color: #FFFFFF; + color: #263238; + box-shadow: none; + transition-property: color, background; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#E8E8E8), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E8E8E8), to(transparent)); } } +button { + min-height: 1rem; + min-width: 2.50376rem; + padding: 0.69925rem 1rem 0.80451rem; + border-radius: 2px; + -gtk-outline-radius: 2px; + background-repeat: no-repeat; + background-position: center, center; + background-size: 9.96241rem 9.96241rem, auto; + font-weight: 500; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #FFFFFF; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); } + button:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: #263238; } + button:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #263238; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + button:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(38, 50, 56, 0.225); } + button:disabled > label { + color: inherit; } + button:checked { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #E8E8E8; + color: #FFFFFF; } + button:checked:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(0, 188, 212, 0.4); } + button:checked:disabled > label { + color: inherit; } + button.flat, button.osd.image-button, .osd toolbar button, toolbar.osd button, .app-notification button, + .app-notification.frame button, GeditViewFrame .gedit-search-slider button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), + headerbar button:not(.suggested-action):not(.destructive-action), .menu > arrow, + .context-menu > arrow, + menu > arrow, placessidebar row button.image-button, .ssd decoration button, .csd headerbar button.titlebutton, .csd headerbar.selection-mode button.titlebutton, + .csd .titlebar button.titlebutton, + .csd .titlebar.selection-mode button.titlebutton, #gf-candidate-popup button, #gf-candidate-popup button:first-child, #gf-candidate-popup button:last-child, + #gf-candidate-popup .linked > button, + #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .linked > button:last-child, window > grid.vertical > box.vertical > widget button, layouttabbar button, layouttab button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); } + button.flat:hover, button.osd.image-button:hover, .app-notification button:hover, GeditViewFrame .gedit-search-slider button:hover, toolbar button:hover, .titlebar button:hover:not(.suggested-action):not(.destructive-action), + headerbar button:hover:not(.suggested-action):not(.destructive-action), .menu > arrow:hover, + .context-menu > arrow:hover, + menu > arrow:hover, placessidebar row button.image-button:hover, .ssd decoration button:hover, .csd headerbar button.titlebutton:hover, + .csd .titlebar button.titlebutton:hover, #gf-candidate-popup button:hover, + #gf-candidate-popup .linked > button:hover:first-child, + #gf-candidate-popup .linked > button:hover:last-child, window > grid.vertical > box.vertical > widget button:hover, layouttabbar button:hover, layouttab button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + button.flat:active, button.osd.image-button:active, .app-notification button:active, GeditViewFrame .gedit-search-slider button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), + headerbar button:active:not(.suggested-action):not(.destructive-action), .menu > arrow:active, + .context-menu > arrow:active, + menu > arrow:active, placessidebar row button.image-button:active, .ssd decoration button:active, .csd headerbar button.titlebutton:active, + .csd .titlebar button.titlebutton:active, #gf-candidate-popup button:active, + #gf-candidate-popup .linked > button:active:first-child, + #gf-candidate-popup .linked > button:active:last-child, window > grid.vertical > box.vertical > widget button:active, layouttabbar button:active, layouttab button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + button.flat:disabled, button.osd.image-button:disabled, .app-notification button:disabled, GeditViewFrame .gedit-search-slider button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar button:disabled:not(.suggested-action):not(.destructive-action), .menu > arrow:disabled, + .context-menu > arrow:disabled, + menu > arrow:disabled, placessidebar row button.image-button:disabled, .ssd decoration button:disabled, .csd headerbar button.titlebutton:disabled, + .csd .titlebar button.titlebutton:disabled, #gf-candidate-popup button:disabled, + #gf-candidate-popup .linked > button:disabled:first-child, + #gf-candidate-popup .linked > button:disabled:last-child, window > grid.vertical > box.vertical > widget button:disabled, layouttabbar button:disabled, layouttab button:disabled { + box-shadow: none; + background-color: transparent; } + button.flat:checked, button.osd.image-button:checked, .app-notification button:checked, GeditViewFrame .gedit-search-slider button:checked, toolbar button:checked, .titlebar button:checked:not(.suggested-action):not(.destructive-action), + headerbar button:checked:not(.suggested-action):not(.destructive-action), .menu > arrow:checked, + .context-menu > arrow:checked, + menu > arrow:checked, placessidebar row button.image-button:checked, .ssd decoration button:checked, .csd headerbar button.titlebutton:checked, + .csd .titlebar button.titlebutton:checked, #gf-candidate-popup button:checked, + #gf-candidate-popup .linked > button:checked:first-child, + #gf-candidate-popup .linked > button:checked:last-child, window > grid.vertical > box.vertical > widget button:checked, layouttabbar button:checked, layouttab button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; } + button.flat:checked:disabled > label, button.osd.image-button:checked:disabled > label, .osd toolbar button:checked:disabled > label, toolbar.osd button:checked:disabled > label, .app-notification button:checked:disabled > label, GeditViewFrame .gedit-search-slider button:checked:disabled > label, toolbar button:checked:disabled > label, .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action) > label, + headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) > label, .menu > arrow:checked:disabled > label, + .context-menu > arrow:checked:disabled > label, + menu > arrow:checked:disabled > label, placessidebar row button.image-button:checked:disabled > label, .ssd decoration button:checked:disabled > label, .csd headerbar button.titlebutton:checked:disabled > label, + .csd .titlebar button.titlebutton:checked:disabled > label, #gf-candidate-popup button:checked:disabled > label, + #gf-candidate-popup .linked > button:checked:disabled > label, window > grid.vertical > box.vertical > widget button:checked:disabled > label, layouttabbar button:checked:disabled > label, layouttab button:checked:disabled > label { + color: inherit; } + .linked > button.flat, .linked > button.osd.image-button, .osd toolbar .linked > button, toolbar.osd .linked > button, .app-notification .linked > button, GeditViewFrame .gedit-search-slider .linked > button, toolbar .linked > button, .titlebar .linked > button:not(.suggested-action):not(.destructive-action), + headerbar .linked > button:not(.suggested-action):not(.destructive-action), .menu.linked > arrow, + .context-menu.linked > arrow, + menu.linked > arrow, placessidebar row .linked > button.image-button, .ssd decoration .linked > button, .csd headerbar .linked > button.titlebutton, + .csd .titlebar .linked > button.titlebutton, + #gf-candidate-popup .linked > button, + #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .linked > button:last-child, window > grid.vertical > box.vertical > widget .linked > button, layouttabbar .linked > button, layouttab .linked > button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .linked > button.flat.image-button, .linked > button.image-button.osd, .osd toolbar .linked > button.image-button, toolbar.osd .linked > button.image-button, .app-notification .linked > button.image-button, GeditViewFrame .gedit-search-slider .linked > button.image-button, toolbar .linked > button.image-button, .titlebar .linked > button.image-button:not(.suggested-action):not(.destructive-action), + headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), .menu.linked > arrow.image-button, + .context-menu.linked > arrow.image-button, + menu.linked > arrow.image-button, placessidebar row .linked > button.image-button, .ssd decoration .linked > button.image-button, .csd headerbar .linked > button.image-button.titlebutton, + .csd .titlebar .linked > button.image-button.titlebutton, + #gf-candidate-popup .linked > button.image-button, window > grid.vertical > box.vertical > widget .linked > button.image-button, layouttabbar .linked > button.image-button, layouttab .linked > button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + button.osd.image-button { + padding: 1.30075rem; + background-color: #FFFFFF; + background-size: 3.7594rem 3.7594rem, auto; } + button.osd.image-button:not(:active):not(:disabled):not(hover) { + color: #E8E8E8; } + button.osd.image-button:hover { + color: #E8E8E8; + background-color: rgba(42, 55, 62, 0.7); + background-image: linear-gradient(to bottom, alpha(currentColor, 0.2), alpha(currentColor, 0.2)); } + button.osd.image-button:active { + color: #E8E8E8; + background-color: rgba(42, 55, 62, 0.7); + background-image: linear-gradient(to bottom, rgba(236, 239, 241, 0.1), rgba(236, 239, 241, 0.1)); } + button.osd:disabled { + opacity: 0; } + button.suggested-action { + background-color: #E8E8E8; + background-size: 9.96241rem 9.96241rem, auto; + color: #FFFFFF; } + button.suggested-action:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: #263238; + background-color: #E8E8E8; + color: #FFFFFF; } + button.suggested-action:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #263238; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: #E8E8E8; + color: #FFFFFF; } + button.suggested-action:checked { + background-color: #33aba0; } + button.suggested-action:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(38, 50, 56, 0.3); } + button.suggested-action:disabled > label { + color: inherit; } + button.suggested-action.flat, button.suggested-action.osd.image-button, .app-notification button.suggested-action, GeditViewFrame .gedit-search-slider button.suggested-action, toolbar button.suggested-action, .titlebar button.suggested-action:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action, + .context-menu > arrow.suggested-action, + menu > arrow.suggested-action, placessidebar row button.suggested-action.image-button, .ssd decoration button.suggested-action, .csd headerbar button.suggested-action.titlebutton, + .csd .titlebar button.suggested-action.titlebutton, #gf-candidate-popup button.suggested-action, + #gf-candidate-popup .linked > button.suggested-action:first-child, + #gf-candidate-popup .linked > button.suggested-action:last-child, window > grid.vertical > box.vertical > widget button.suggested-action, layouttabbar button.suggested-action, layouttab button.suggested-action { + background-color: transparent; + color: #E8E8E8; } + button.suggested-action.flat:hover, button.suggested-action.osd.image-button:hover, .app-notification button.suggested-action:hover, GeditViewFrame .gedit-search-slider button.suggested-action:hover, toolbar button.suggested-action:hover, .titlebar button.suggested-action:hover:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:hover:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action:hover, + .context-menu > arrow.suggested-action:hover, + menu > arrow.suggested-action:hover, placessidebar row button.suggested-action.image-button:hover, .ssd decoration button.suggested-action:hover, .csd headerbar button.suggested-action.titlebutton:hover, + .csd .titlebar button.suggested-action.titlebutton:hover, #gf-candidate-popup button.suggested-action:hover, window > grid.vertical > box.vertical > widget button.suggested-action:hover, layouttabbar button.suggested-action:hover, layouttab button.suggested-action:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + button.suggested-action.flat:active, button.suggested-action.osd.image-button:active, .app-notification button.suggested-action:active, GeditViewFrame .gedit-search-slider button.suggested-action:active, toolbar button.suggested-action:active, .titlebar button.suggested-action:active:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:active:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action:active, + .context-menu > arrow.suggested-action:active, + menu > arrow.suggested-action:active, placessidebar row button.suggested-action.image-button:active, .ssd decoration button.suggested-action:active, .csd headerbar button.suggested-action.titlebutton:active, + .csd .titlebar button.suggested-action.titlebutton:active, #gf-candidate-popup button.suggested-action:active, window > grid.vertical > box.vertical > widget button.suggested-action:active, layouttabbar button.suggested-action:active, layouttab button.suggested-action:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(#E8E8E8, 0.2); + color: #E8E8E8; } + button.suggested-action.flat:checked, button.suggested-action.osd.image-button:checked, .app-notification button.suggested-action:checked, GeditViewFrame .gedit-search-slider button.suggested-action:checked, toolbar button.suggested-action:checked, .titlebar button.suggested-action:checked:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:checked:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action:checked, + .context-menu > arrow.suggested-action:checked, + menu > arrow.suggested-action:checked, placessidebar row button.suggested-action.image-button:checked, .ssd decoration button.suggested-action:checked, .csd headerbar button.suggested-action.titlebutton:checked, + .csd .titlebar button.suggested-action.titlebutton:checked, #gf-candidate-popup button.suggested-action:checked, window > grid.vertical > box.vertical > widget button.suggested-action:checked, layouttabbar button.suggested-action:checked, layouttab button.suggested-action:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; } + button.suggested-action.flat:disabled, button.suggested-action.osd.image-button:disabled, .app-notification button.suggested-action:disabled, GeditViewFrame .gedit-search-slider button.suggested-action:disabled, toolbar button.suggested-action:disabled, .titlebar button.suggested-action:disabled:not(.suggested-action):not(.destructive-action), + headerbar button.suggested-action:disabled:not(.suggested-action):not(.destructive-action), .menu > arrow.suggested-action:disabled, + .context-menu > arrow.suggested-action:disabled, + menu > arrow.suggested-action:disabled, placessidebar row button.suggested-action.image-button:disabled, .ssd decoration button.suggested-action:disabled, .csd headerbar button.suggested-action.titlebutton:disabled, + .csd .titlebar button.suggested-action.titlebutton:disabled, #gf-candidate-popup button.suggested-action:disabled, window > grid.vertical > box.vertical > widget button.suggested-action:disabled, layouttabbar button.suggested-action:disabled, layouttab button.suggested-action:disabled { + box-shadow: none; + background-color: transparent; } + button.destructive-action { + background-color: #FF5252; + background-size: 9.96241rem 9.96241rem, auto; + color: #FFFFFF; } + button.destructive-action:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: #263238; + background-color: #FF5252; + color: #FFFFFF; } + button.destructive-action:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #263238; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: #E8E8E8; + color: #FFFFFF; } + button.destructive-action:checked { + background-color: #ff7575; } + button.destructive-action:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(38, 50, 56, 0.3); } + button.destructive-action:disabled > label { + color: inherit; } + button.destructive-action.flat, button.destructive-action.osd.image-button, .app-notification button.destructive-action, GeditViewFrame .gedit-search-slider button.destructive-action, toolbar button.destructive-action, .titlebar button.destructive-action:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action, + .context-menu > arrow.destructive-action, + menu > arrow.destructive-action, placessidebar row button.destructive-action.image-button, .ssd decoration button.destructive-action, .csd headerbar button.destructive-action.titlebutton, + .csd .titlebar button.destructive-action.titlebutton, #gf-candidate-popup button.destructive-action, + #gf-candidate-popup .linked > button.destructive-action:first-child, + #gf-candidate-popup .linked > button.destructive-action:last-child, window > grid.vertical > box.vertical > widget button.destructive-action, layouttabbar button.destructive-action, layouttab button.destructive-action { + background-color: transparent; + color: #FF5252; } + button.destructive-action.flat:hover, button.destructive-action.osd.image-button:hover, .app-notification button.destructive-action:hover, GeditViewFrame .gedit-search-slider button.destructive-action:hover, toolbar button.destructive-action:hover, .titlebar button.destructive-action:hover:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:hover:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action:hover, + .context-menu > arrow.destructive-action:hover, + menu > arrow.destructive-action:hover, placessidebar row button.destructive-action.image-button:hover, .ssd decoration button.destructive-action:hover, .csd headerbar button.destructive-action.titlebutton:hover, + .csd .titlebar button.destructive-action.titlebutton:hover, #gf-candidate-popup button.destructive-action:hover, window > grid.vertical > box.vertical > widget button.destructive-action:hover, layouttabbar button.destructive-action:hover, layouttab button.destructive-action:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + button.destructive-action.flat:active, button.destructive-action.osd.image-button:active, .app-notification button.destructive-action:active, GeditViewFrame .gedit-search-slider button.destructive-action:active, toolbar button.destructive-action:active, .titlebar button.destructive-action:active:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:active:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action:active, + .context-menu > arrow.destructive-action:active, + menu > arrow.destructive-action:active, placessidebar row button.destructive-action.image-button:active, .ssd decoration button.destructive-action:active, .csd headerbar button.destructive-action.titlebutton:active, + .csd .titlebar button.destructive-action.titlebutton:active, #gf-candidate-popup button.destructive-action:active, window > grid.vertical > box.vertical > widget button.destructive-action:active, layouttabbar button.destructive-action:active, layouttab button.destructive-action:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-color: alpha(#E8E8E8, 0.2); + color: #E8E8E8; } + button.destructive-action.flat:checked, button.destructive-action.osd.image-button:checked, .app-notification button.destructive-action:checked, GeditViewFrame .gedit-search-slider button.destructive-action:checked, toolbar button.destructive-action:checked, .titlebar button.destructive-action:checked:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:checked:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action:checked, + .context-menu > arrow.destructive-action:checked, + menu > arrow.destructive-action:checked, placessidebar row button.destructive-action.image-button:checked, .ssd decoration button.destructive-action:checked, .csd headerbar button.destructive-action.titlebutton:checked, + .csd .titlebar button.destructive-action.titlebutton:checked, #gf-candidate-popup button.destructive-action:checked, window > grid.vertical > box.vertical > widget button.destructive-action:checked, layouttabbar button.destructive-action:checked, layouttab button.destructive-action:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; } + button.destructive-action.flat:disabled, button.destructive-action.osd.image-button:disabled, .app-notification button.destructive-action:disabled, GeditViewFrame .gedit-search-slider button.destructive-action:disabled, toolbar button.destructive-action:disabled, .titlebar button.destructive-action:disabled:not(.suggested-action):not(.destructive-action), + headerbar button.destructive-action:disabled:not(.suggested-action):not(.destructive-action), .menu > arrow.destructive-action:disabled, + .context-menu > arrow.destructive-action:disabled, + menu > arrow.destructive-action:disabled, placessidebar row button.destructive-action.image-button:disabled, .ssd decoration button.destructive-action:disabled, .csd headerbar button.destructive-action.titlebutton:disabled, + .csd .titlebar button.destructive-action.titlebutton:disabled, #gf-candidate-popup button.destructive-action:disabled, window > grid.vertical > box.vertical > widget button.destructive-action:disabled, layouttabbar button.destructive-action:disabled, layouttab button.destructive-action:disabled { + box-shadow: none; + background-color: transparent; } + button.image-button { + min-width: 1rem; + min-height: 1rem; } + button.text-button { + padding: 0.69925rem 1rem 0.80451rem; + border-radius: 2px; + -gtk-outline-radius: 2px; + font-weight: 700; } + button.text-button.image-button { + padding-left: 1rem; + padding-right: 1rem; + border-radius: 2px; + -gtk-outline-radius: 2px; } + button.text-button.image-button label { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + button.text-button.image-button image { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + button.text-button.image-button:drop(active), combobox:drop(active) button.text-button.image-button.combo { + color: #E8E8E8; + background-color: rgba(77, 182, 172, 0.2); } + button separator { + min-height: 0; + min-width: 0; + border-color: transparent; + background-color: transparent; + color: transparent; } + stackswitcher button.text-button { + min-height: 1.30075rem; + min-width: 8.42105rem; } + .stack-switcher > button { + outline-offset: -0.19549rem; } + .stack-switcher > button > label { + padding-left: 0.6015rem; + padding-right: 0.6015rem; } + .stack-switcher > button > image { + padding-left: 0.6015rem; + padding-right: 0.6015rem; + padding-top: 0.20301rem; + padding-bottom: 0.20301rem; } + .stack-switcher > button.text-button { + padding-left: 1rem; + padding-right: 1rem; + border-radius: 2px; + -gtk-outline-radius: 2px; } + .stack-switcher > button.image-button { + padding-left: 0.6015rem; + padding-right: 0.6015rem; } + .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } + .linked > button, .linked > button .image-button, .linked > button .text-button { + min-width: 1rem; + padding: 0.69925rem 0.3985rem 0.80451rem; } + .linked > button label, .linked > button .image-button label, .linked > button .text-button label { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + .linked > button image, .linked > button .image-button image, .linked > button .text-button image { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + .linked.vertical > button, .linked.vertical > button .image-button, .linked.vertical > button .text-button { + min-height: 1rem; + min-width: 1.69925rem; + padding: 0.75188rem 0.50376rem 0.75188rem; } + .linked > button.image-button.radio, .linked.vertical > button.image-button.radio { + min-width: 1rem; + min-height: 1rem; + padding: 0.6015rem; } + .inline-toolbar button, .inline-toolbar button:not(.text-button).image-button, + button actionbar, + button actionbar:not(.text-button).image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + min-width: 1rem; + min-height: 1rem; + padding: 0.75188rem; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-size: 2.44361rem 2.44361rem, auto; } + .inline-toolbar button:hover, .inline-toolbar button:not(.text-button).image-button:hover, + button actionbar:hover, + button actionbar:not(.text-button).image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + .inline-toolbar button:active, .inline-toolbar button:not(.text-button).image-button:active, + button actionbar:active, + button actionbar:not(.text-button).image-button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .inline-toolbar button:disabled, .inline-toolbar button:not(.text-button).image-button:disabled, + button actionbar:disabled, + button actionbar:not(.text-button).image-button:disabled { + box-shadow: none; + background-color: transparent; } + .inline-toolbar button:checked, .inline-toolbar button:not(.text-button).image-button:checked, + button actionbar:checked, + button actionbar:not(.text-button).image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; } + .inline-toolbar button:checked:disabled > label, .inline-toolbar button:not(.text-button).image-button:checked:disabled > label, + button actionbar:checked:disabled > label, + button actionbar:not(.text-button).image-button:checked:disabled > label { + color: inherit; } + .inline-toolbar button.text-button, + button actionbar.text-button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .inline-toolbar .linked > button, .inline-toolbar .linked > button:not(.text-button).image-button, actionbar .linked > button, actionbar .linked > button:not(.text-button).image-button { + min-width: 1rem; + min-height: 1rem; + padding: 0.50376rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + .inline-toolbar .linked > button.image-button.toggle, actionbar .linked > button.image-button.toggle { + min-width: 1rem; + min-height: 1rem; + padding: 0.6015rem 0.30075rem 0.6015rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + .inline-toolbar .linked > button.text-button, actionbar .linked > button.text-button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .primary-toolbar button { + -gtk-icon-shadow: none; } + +.linked > button, .linked > button .image-button, .linked > button .text-button, toolbar .linked > button.text-button:not(.image-button), popover.background .linked > button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + border-radius: 0; + -gtk-outline-radius: 0; + color: rgba(38, 50, 56, 0.75); + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + .linked > button:hover, .linked > button .image-button:hover, .linked > button .text-button:hover, toolbar .linked > button.text-button:hover:not(.image-button), popover.background .linked > button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + border-radius: 0; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 2/0 0 2px; } + .linked > button:active, .linked > button .image-button:active, .linked > button .text-button:active, toolbar .linked > button.text-button:active:not(.image-button), popover.background .linked > button:active, .linked > button:checked, .linked > button .image-button:checked, .linked > button .text-button:checked, toolbar .linked > button.text-button:checked:not(.image-button), popover.background .linked > button:checked { + color: #263238; + background-color: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; } + .linked > button:active:disabled, .linked > button .image-button:active:disabled, .linked > button .text-button:active:disabled, toolbar .linked > button.text-button:active:disabled:not(.image-button), popover.background .linked > button:active:disabled, .linked > button:checked:disabled, .linked > button .image-button:checked:disabled, .linked > button .text-button:checked:disabled, toolbar .linked > button.text-button:checked:disabled:not(.image-button), popover.background .linked > button:checked:disabled { + color: rgba(38, 50, 56, 0.3); + background-color: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 188, 212, 0.2)), to(transparent)) 0 0 2/0 0 2px; } + .linked > button:active:disabled > label, .linked > button .image-button:active:disabled > label, .linked > button .text-button:active:disabled > label, .linked > button:checked:disabled > label, .linked > button .image-button:checked:disabled > label, .linked > button .text-button:checked:disabled > label { + color: inherit; } + .linked > button:disabled, .linked > button .image-button:disabled, .linked > button .text-button:disabled, toolbar .linked > button.text-button:disabled:not(.image-button), popover.background .linked > button:disabled { + color: rgba(38, 50, 56, 0.3); + background-color: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + +.linked.vertical > button, .linked.vertical > button .image-button, .linked.vertical > button .text-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + border-image: none; + border-width: 0; + -gtk-outline-radius: 0; + color: rgba(38, 50, 56, 0.75); } + .linked.vertical > button:dir(ltr), .linked.vertical > button .image-button:dir(ltr), .linked.vertical > button .text-button:dir(ltr) { + box-shadow: inset 1px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:dir(rtl), .linked.vertical > button .image-button:dir(rtl), .linked.vertical > button .text-button:dir(rtl) { + box-shadow: inset -1px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:hover, .linked.vertical > button .image-button:hover, .linked.vertical > button .text-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + .linked.vertical > button:hover:dir(ltr), .linked.vertical > button .image-button:hover:dir(ltr), .linked.vertical > button .text-button:hover:dir(ltr) { + box-shadow: inset 2px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:hover:dir(rtl), .linked.vertical > button .image-button:hover:dir(rtl), .linked.vertical > button .text-button:hover:dir(rtl) { + box-shadow: inset -2px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:active, .linked.vertical > button .image-button:active, .linked.vertical > button .text-button:active, .linked.vertical > button:checked, .linked.vertical > button .image-button:checked, .linked.vertical > button .text-button:checked { + color: #263238; + background-color: transparent; } + .linked.vertical > button:active:dir(ltr), .linked.vertical > button .image-button:active:dir(ltr), .linked.vertical > button .text-button:active:dir(ltr), .linked.vertical > button:checked:dir(ltr), .linked.vertical > button .image-button:checked:dir(ltr), .linked.vertical > button .text-button:checked:dir(ltr) { + box-shadow: inset 2px 0 #E8E8E8; } + .linked.vertical > button:active:dir(rtl), .linked.vertical > button .image-button:active:dir(rtl), .linked.vertical > button .text-button:active:dir(rtl), .linked.vertical > button:checked:dir(rtl), .linked.vertical > button .image-button:checked:dir(rtl), .linked.vertical > button .text-button:checked:dir(rtl) { + box-shadow: inset -2px 0 #E8E8E8; } + .linked.vertical > button:active:disabled, .linked.vertical > button .image-button:active:disabled, .linked.vertical > button .text-button:active:disabled, .linked.vertical > button:checked:disabled, .linked.vertical > button .image-button:checked:disabled, .linked.vertical > button .text-button:checked:disabled { + color: rgba(38, 50, 56, 0.3); + background-color: alpha(currentColor, 0.2); } + .linked.vertical > button:active:disabled:dir(ltr), .linked.vertical > button .image-button:active:disabled:dir(ltr), .linked.vertical > button .text-button:active:disabled:dir(ltr), .linked.vertical > button:checked:disabled:dir(ltr), .linked.vertical > button .image-button:checked:disabled:dir(ltr), .linked.vertical > button .text-button:checked:disabled:dir(ltr) { + box-shadow: inset 2px 0 rgba(0, 188, 212, 0.2); } + .linked.vertical > button:active:disabled:dir(ltr), .linked.vertical > button .image-button:active:disabled:dir(ltr), .linked.vertical > button .text-button:active:disabled:dir(ltr), .linked.vertical > button:checked:disabled:dir(ltr), .linked.vertical > button .image-button:checked:disabled:dir(ltr), .linked.vertical > button .text-button:checked:disabled:dir(ltr) { + box-shadow: inset -2px 0 rgba(0, 188, 212, 0.2); } + .linked.vertical > button:active:disabled > label, .linked.vertical > button .image-button:active:disabled > label, .linked.vertical > button .text-button:active:disabled > label, .linked.vertical > button:checked:disabled > label, .linked.vertical > button .image-button:checked:disabled > label, .linked.vertical > button .text-button:checked:disabled > label { + color: inherit; } + .linked.vertical > button:disabled, .linked.vertical > button .image-button:disabled, .linked.vertical > button .text-button:disabled { + color: rgba(38, 50, 56, 0.3); + background-color: alpha(currentColor, 0.2); } + .linked.vertical > button:disabled:dir(ltr), .linked.vertical > button .image-button:disabled:dir(ltr), .linked.vertical > button .text-button:disabled:dir(ltr) { + box-shadow: inset 1px 0 alpha(currentColor, 0.2); } + .linked.vertical > button:disabled:dir(rtl), .linked.vertical > button .image-button:disabled:dir(rtl), .linked.vertical > button .text-button:disabled:dir(rtl) { + box-shadow: inset -1px 0 alpha(currentColor, 0.2); } + +button.osd.image-button, button.image-button { + padding: 0.75188rem; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-size: 3.7594rem 3.7594rem, auto; } + +.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label, +stacksidebar row.activatable.needs-attention > label, +stacksidebar .needs-attention.view > label, +stacksidebar iconview.needs-attention > label, +stacksidebar .view text.needs-attention > label, +.view stacksidebar text.needs-attention > label, +stacksidebar iconview text.needs-attention > label, +iconview stacksidebar text.needs-attention > label, +stacksidebar textview text.needs-attention > label, +textview stacksidebar text.needs-attention > label, +stacksidebar treeview.view header button.needs-attention > label, +treeview.view header stacksidebar button.needs-attention > label, +stacksidebar .tweak-category header button.needs-attention > label, +.tweak-category header stacksidebar button.needs-attention > label { + transition: none; + animation: needs_attention 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right 0.22556rem; + background-size: 0.3985rem 0.3985rem; } + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl), + stacksidebar .needs-attention.view > label:dir(rtl), + stacksidebar iconview.needs-attention > label:dir(rtl), + stacksidebar .view text.needs-attention > label:dir(rtl), + .view stacksidebar text.needs-attention > label:dir(rtl), + stacksidebar iconview text.needs-attention > label:dir(rtl), + iconview stacksidebar text.needs-attention > label:dir(rtl), + stacksidebar textview text.needs-attention > label:dir(rtl), + textview stacksidebar text.needs-attention > label:dir(rtl), + stacksidebar treeview.view header button.needs-attention > label:dir(rtl), + treeview.view header stacksidebar button.needs-attention > label:dir(rtl), + stacksidebar .tweak-category header button.needs-attention > label:dir(rtl), + .tweak-category header stacksidebar button.needs-attention > label:dir(rtl) { + background-position: left 0.22556rem; } + +.linked > button:not(.flat):not(:only-child), .linked > button, .linked > button .image-button, .linked > button .text-button, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border-radius: 0; } + + combobox.linked button:nth-child(2):dir(rtl), .linked > combobox:first-child > button.combo { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + combobox.linked button:nth-child(2):dir(ltr), .linked > combobox:last-child > button.combo { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + .linked > combobox:only-child > button.combo { + border-radius: 2px; } + +.linked.vertical > button:not(:only-child), .linked.vertical > button, .linked.vertical > button .image-button, .linked.vertical > button .text-button, .linked.vertical > combobox > button.combo { + border-radius: 0; } + + .linked.vertical > combobox:first-child > button.combo { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + .linked.vertical > combobox:last-child > button.combo { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + .linked.vertical > combobox:only-child > button.combo { + border-radius: 2px; } + +modelbutton.flat, +menuitem button.flat, +menuitem button.osd.image-button, +menuitem .osd toolbar button, +.osd toolbar menuitem button, +menuitem toolbar.osd button, +toolbar.osd menuitem button, +menuitem .app-notification button, +.app-notification menuitem button, +menuitem .app-notification.frame button, +.app-notification.frame menuitem button, +menuitem GeditViewFrame .gedit-search-slider button, +GeditViewFrame .gedit-search-slider menuitem button, +menuitem toolbar button, +toolbar menuitem button, +menuitem .titlebar button:not(.suggested-action):not(.destructive-action), +.titlebar menuitem button:not(.suggested-action):not(.destructive-action), +menuitem headerbar button:not(.suggested-action):not(.destructive-action), +headerbar menuitem button:not(.suggested-action):not(.destructive-action), +menuitem .menu > arrow, +menuitem .context-menu > arrow, +menuitem menu > arrow, +menuitem placessidebar row button.image-button, +placessidebar row menuitem button.image-button, +menuitem .ssd decoration button, +.ssd decoration menuitem button, +menuitem .csd headerbar button.titlebutton, +.csd headerbar menuitem button.titlebutton, +menuitem .csd headerbar.selection-mode button.titlebutton, +.csd headerbar.selection-mode menuitem button.titlebutton, +menuitem .csd .titlebar button.titlebutton, +.csd .titlebar menuitem button.titlebutton, +menuitem .csd .titlebar.selection-mode button.titlebutton, +.csd .titlebar.selection-mode menuitem button.titlebutton, +menuitem #gf-candidate-popup button, +#gf-candidate-popup menuitem button, +menuitem #gf-candidate-popup button:first-child, +#gf-candidate-popup menuitem button:first-child, +menuitem #gf-candidate-popup button:last-child, +#gf-candidate-popup menuitem button:last-child, +menuitem #gf-candidate-popup .linked > button, +#gf-candidate-popup menuitem .linked > button, +menuitem #gf-candidate-popup .linked > button:first-child, +#gf-candidate-popup menuitem .linked > button:first-child, +menuitem #gf-candidate-popup .linked > button:last-child, +#gf-candidate-popup menuitem .linked > button:last-child, +menuitem window > grid.vertical > box.vertical > widget button, +window > grid.vertical > box.vertical > widget menuitem button, +menuitem layouttabbar button, +layouttabbar menuitem button, +menuitem layouttab button, +layouttab menuitem button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + min-height: 2rem; + margin-left: 0.75188rem; + margin-right: 0.75188rem; + outline-offset: -0.07519rem; + background-size: 9.96241rem 9.96241rem, auto; + transition: none; } + modelbutton.flat:hover, + menuitem button.flat:hover, + menuitem button.osd.image-button:hover, + menuitem .osd toolbar button:hover, + .osd toolbar menuitem button:hover, + menuitem toolbar.osd button:hover, + toolbar.osd menuitem button:hover, + menuitem .app-notification button:hover, + .app-notification menuitem button:hover, + menuitem GeditViewFrame .gedit-search-slider button:hover, + GeditViewFrame .gedit-search-slider menuitem button:hover, + menuitem toolbar button:hover, + toolbar menuitem button:hover, + menuitem .titlebar button:hover:not(.suggested-action):not(.destructive-action), + .titlebar menuitem button:hover:not(.suggested-action):not(.destructive-action), + menuitem headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar menuitem button:hover:not(.suggested-action):not(.destructive-action), + menuitem .menu > arrow:hover, + menuitem .context-menu > arrow:hover, + menuitem menu > arrow:hover, + menuitem placessidebar row button.image-button:hover, + placessidebar row menuitem button.image-button:hover, + menuitem .ssd decoration button:hover, + .ssd decoration menuitem button:hover, + menuitem .csd headerbar button.titlebutton:hover, + .csd headerbar menuitem button.titlebutton:hover, + menuitem .csd .titlebar button.titlebutton:hover, + .csd .titlebar menuitem button.titlebutton:hover, + menuitem #gf-candidate-popup button:hover, + #gf-candidate-popup menuitem button:hover, + menuitem #gf-candidate-popup .linked > button:hover:first-child, + #gf-candidate-popup menuitem .linked > button:hover:first-child, + menuitem #gf-candidate-popup .linked > button:hover:last-child, + #gf-candidate-popup menuitem .linked > button:hover:last-child, + menuitem window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget menuitem button:hover, + menuitem layouttabbar button:hover, + layouttabbar menuitem button:hover, + menuitem layouttab button:hover, + layouttab menuitem button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + modelbutton.flat:active, + menuitem button.flat:active, + menuitem button.osd.image-button:active, + menuitem .osd toolbar button:active, + .osd toolbar menuitem button:active, + menuitem toolbar.osd button:active, + toolbar.osd menuitem button:active, + menuitem .app-notification button:active, + .app-notification menuitem button:active, + menuitem GeditViewFrame .gedit-search-slider button:active, + GeditViewFrame .gedit-search-slider menuitem button:active, + menuitem toolbar button:active, + toolbar menuitem button:active, + menuitem .titlebar button:active:not(.suggested-action):not(.destructive-action), + .titlebar menuitem button:active:not(.suggested-action):not(.destructive-action), + menuitem headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar menuitem button:active:not(.suggested-action):not(.destructive-action), + menuitem .menu > arrow:active, + menuitem .context-menu > arrow:active, + menuitem menu > arrow:active, + menuitem placessidebar row button.image-button:active, + placessidebar row menuitem button.image-button:active, + menuitem .ssd decoration button:active, + .ssd decoration menuitem button:active, + menuitem .csd headerbar button.titlebutton:active, + .csd headerbar menuitem button.titlebutton:active, + menuitem .csd .titlebar button.titlebutton:active, + .csd .titlebar menuitem button.titlebutton:active, + menuitem #gf-candidate-popup button:active, + #gf-candidate-popup menuitem button:active, + menuitem #gf-candidate-popup .linked > button:active:first-child, + #gf-candidate-popup menuitem .linked > button:active:first-child, + menuitem #gf-candidate-popup .linked > button:active:last-child, + #gf-candidate-popup menuitem .linked > button:active:last-child, + menuitem window > grid.vertical > box.vertical > widget button:active, + window > grid.vertical > box.vertical > widget menuitem button:active, + menuitem layouttabbar button:active, + layouttabbar menuitem button:active, + menuitem layouttab button:active, + layouttab menuitem button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + modelbutton.flat:disabled, + menuitem button.flat:disabled, + menuitem button.osd.image-button:disabled, + menuitem .osd toolbar button:disabled, + .osd toolbar menuitem button:disabled, + menuitem toolbar.osd button:disabled, + toolbar.osd menuitem button:disabled, + menuitem .app-notification button:disabled, + .app-notification menuitem button:disabled, + menuitem GeditViewFrame .gedit-search-slider button:disabled, + GeditViewFrame .gedit-search-slider menuitem button:disabled, + menuitem toolbar button:disabled, + toolbar menuitem button:disabled, + menuitem .titlebar button:disabled:not(.suggested-action):not(.destructive-action), + .titlebar menuitem button:disabled:not(.suggested-action):not(.destructive-action), + menuitem headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar menuitem button:disabled:not(.suggested-action):not(.destructive-action), + menuitem .menu > arrow:disabled, + menuitem .context-menu > arrow:disabled, + menuitem menu > arrow:disabled, + menuitem placessidebar row button.image-button:disabled, + placessidebar row menuitem button.image-button:disabled, + menuitem .ssd decoration button:disabled, + .ssd decoration menuitem button:disabled, + menuitem .csd headerbar button.titlebutton:disabled, + .csd headerbar menuitem button.titlebutton:disabled, + menuitem .csd .titlebar button.titlebutton:disabled, + .csd .titlebar menuitem button.titlebutton:disabled, + menuitem #gf-candidate-popup button:disabled, + #gf-candidate-popup menuitem button:disabled, + menuitem #gf-candidate-popup .linked > button:disabled:first-child, + #gf-candidate-popup menuitem .linked > button:disabled:first-child, + menuitem #gf-candidate-popup .linked > button:disabled:last-child, + #gf-candidate-popup menuitem .linked > button:disabled:last-child, + menuitem window > grid.vertical > box.vertical > widget button:disabled, + window > grid.vertical > box.vertical > widget menuitem button:disabled, + menuitem layouttabbar button:disabled, + layouttabbar menuitem button:disabled, + menuitem layouttab button:disabled, + layouttab menuitem button:disabled { + box-shadow: none; + background-color: transparent; } + modelbutton.flat:checked, + menuitem button.flat:checked, + menuitem button.osd.image-button:checked, + menuitem .osd toolbar button:checked, + .osd toolbar menuitem button:checked, + menuitem toolbar.osd button:checked, + toolbar.osd menuitem button:checked, + menuitem .app-notification button:checked, + .app-notification menuitem button:checked, + menuitem GeditViewFrame .gedit-search-slider button:checked, + GeditViewFrame .gedit-search-slider menuitem button:checked, + menuitem toolbar button:checked, + toolbar menuitem button:checked, + menuitem .titlebar button:checked:not(.suggested-action):not(.destructive-action), + .titlebar menuitem button:checked:not(.suggested-action):not(.destructive-action), + menuitem headerbar button:checked:not(.suggested-action):not(.destructive-action), + headerbar menuitem button:checked:not(.suggested-action):not(.destructive-action), + menuitem .menu > arrow:checked, + menuitem .context-menu > arrow:checked, + menuitem menu > arrow:checked, + menuitem placessidebar row button.image-button:checked, + placessidebar row menuitem button.image-button:checked, + menuitem .ssd decoration button:checked, + .ssd decoration menuitem button:checked, + menuitem .csd headerbar button.titlebutton:checked, + .csd headerbar menuitem button.titlebutton:checked, + menuitem .csd .titlebar button.titlebutton:checked, + .csd .titlebar menuitem button.titlebutton:checked, + menuitem #gf-candidate-popup button:checked, + #gf-candidate-popup menuitem button:checked, + menuitem #gf-candidate-popup .linked > button:checked:first-child, + #gf-candidate-popup menuitem .linked > button:checked:first-child, + menuitem #gf-candidate-popup .linked > button:checked:last-child, + #gf-candidate-popup menuitem .linked > button:checked:last-child, + menuitem window > grid.vertical > box.vertical > widget button:checked, + window > grid.vertical > box.vertical > widget menuitem button:checked, + menuitem layouttabbar button:checked, + layouttabbar menuitem button:checked, + menuitem layouttab button:checked, + layouttab menuitem button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; } + modelbutton.flat:checked:disabled > label, + menuitem button.flat:checked:disabled > label, + menuitem button.osd.image-button:checked:disabled > label, + menuitem .osd toolbar button:checked:disabled > label, + .osd toolbar menuitem button:checked:disabled > label, + menuitem toolbar.osd button:checked:disabled > label, + toolbar.osd menuitem button:checked:disabled > label, + menuitem .app-notification button:checked:disabled > label, + .app-notification menuitem button:checked:disabled > label, + menuitem GeditViewFrame .gedit-search-slider button:checked:disabled > label, + GeditViewFrame .gedit-search-slider menuitem button:checked:disabled > label, + menuitem toolbar button:checked:disabled > label, + toolbar menuitem button:checked:disabled > label, + menuitem .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action) > label, + .titlebar menuitem button:checked:disabled:not(.suggested-action):not(.destructive-action) > label, + menuitem headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) > label, + headerbar menuitem button:checked:disabled:not(.suggested-action):not(.destructive-action) > label, + menuitem .menu > arrow:checked:disabled > label, + menuitem .context-menu > arrow:checked:disabled > label, + menuitem menu > arrow:checked:disabled > label, + menuitem placessidebar row button.image-button:checked:disabled > label, + placessidebar row menuitem button.image-button:checked:disabled > label, + menuitem .ssd decoration button:checked:disabled > label, + .ssd decoration menuitem button:checked:disabled > label, + menuitem .csd headerbar button.titlebutton:checked:disabled > label, + .csd headerbar menuitem button.titlebutton:checked:disabled > label, + menuitem .csd .titlebar button.titlebutton:checked:disabled > label, + .csd .titlebar menuitem button.titlebutton:checked:disabled > label, + menuitem #gf-candidate-popup button:checked:disabled > label, + #gf-candidate-popup menuitem button:checked:disabled > label, + menuitem #gf-candidate-popup .linked > button:checked:disabled > label, + #gf-candidate-popup menuitem .linked > button:checked:disabled > label, + menuitem window > grid.vertical > box.vertical > widget button:checked:disabled > label, + window > grid.vertical > box.vertical > widget menuitem button:checked:disabled > label, + menuitem layouttabbar button:checked:disabled > label, + layouttabbar menuitem button:checked:disabled > label, + menuitem layouttab button:checked:disabled > label, + layouttab menuitem button:checked:disabled > label { + color: inherit; } + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child, + menuitem button.flat check:first-child, + menuitem button.osd.image-button check:first-child, + menuitem .osd toolbar button check:first-child, + .osd toolbar menuitem button check:first-child, + menuitem toolbar.osd button check:first-child, + toolbar.osd menuitem button check:first-child, + menuitem .app-notification button check:first-child, + .app-notification menuitem button check:first-child, + menuitem GeditViewFrame .gedit-search-slider button check:first-child, + GeditViewFrame .gedit-search-slider menuitem button check:first-child, + menuitem toolbar button check:first-child, + toolbar menuitem button check:first-child, + menuitem .titlebar button:not(.suggested-action):not(.destructive-action) check:first-child, + .titlebar menuitem button:not(.suggested-action):not(.destructive-action) check:first-child, + menuitem headerbar button:not(.suggested-action):not(.destructive-action) check:first-child, + headerbar menuitem button:not(.suggested-action):not(.destructive-action) check:first-child, + menuitem .menu > arrow check:first-child, + menuitem .context-menu > arrow check:first-child, + menuitem menu > arrow check:first-child, + menuitem placessidebar row button.image-button check:first-child, + placessidebar row menuitem button.image-button check:first-child, + menuitem .ssd decoration button check:first-child, + .ssd decoration menuitem button check:first-child, + menuitem .csd headerbar button.titlebutton check:first-child, + .csd headerbar menuitem button.titlebutton check:first-child, + menuitem .csd .titlebar button.titlebutton check:first-child, + .csd .titlebar menuitem button.titlebutton check:first-child, + menuitem #gf-candidate-popup button check:first-child, + #gf-candidate-popup menuitem button check:first-child, + menuitem #gf-candidate-popup .linked > button:first-child check:first-child, + #gf-candidate-popup menuitem .linked > button:first-child check:first-child, + menuitem #gf-candidate-popup .linked > button:last-child check:first-child, + #gf-candidate-popup menuitem .linked > button:last-child check:first-child, + menuitem window > grid.vertical > box.vertical > widget button check:first-child, + window > grid.vertical > box.vertical > widget menuitem button check:first-child, + menuitem layouttabbar button check:first-child, + layouttabbar menuitem button check:first-child, + menuitem layouttab button check:first-child, + layouttab menuitem button check:first-child, + menuitem button.flat radio:first-child, + menuitem button.osd.image-button radio:first-child, + menuitem .osd toolbar button radio:first-child, + .osd toolbar menuitem button radio:first-child, + menuitem toolbar.osd button radio:first-child, + toolbar.osd menuitem button radio:first-child, + menuitem .app-notification button radio:first-child, + .app-notification menuitem button radio:first-child, + menuitem GeditViewFrame .gedit-search-slider button radio:first-child, + GeditViewFrame .gedit-search-slider menuitem button radio:first-child, + menuitem toolbar button radio:first-child, + toolbar menuitem button radio:first-child, + menuitem .titlebar button:not(.suggested-action):not(.destructive-action) radio:first-child, + .titlebar menuitem button:not(.suggested-action):not(.destructive-action) radio:first-child, + menuitem headerbar button:not(.suggested-action):not(.destructive-action) radio:first-child, + headerbar menuitem button:not(.suggested-action):not(.destructive-action) radio:first-child, + menuitem .menu > arrow radio:first-child, + menuitem .context-menu > arrow radio:first-child, + menuitem menu > arrow radio:first-child, + menuitem placessidebar row button.image-button radio:first-child, + placessidebar row menuitem button.image-button radio:first-child, + menuitem .ssd decoration button radio:first-child, + .ssd decoration menuitem button radio:first-child, + menuitem .csd headerbar button.titlebutton radio:first-child, + .csd headerbar menuitem button.titlebutton radio:first-child, + menuitem .csd .titlebar button.titlebutton radio:first-child, + .csd .titlebar menuitem button.titlebutton radio:first-child, + menuitem #gf-candidate-popup button radio:first-child, + #gf-candidate-popup menuitem button radio:first-child, + menuitem #gf-candidate-popup .linked > button:first-child radio:first-child, + #gf-candidate-popup menuitem .linked > button:first-child radio:first-child, + menuitem #gf-candidate-popup .linked > button:last-child radio:first-child, + #gf-candidate-popup menuitem .linked > button:last-child radio:first-child, + menuitem window > grid.vertical > box.vertical > widget button radio:first-child, + window > grid.vertical > box.vertical > widget menuitem button radio:first-child, + menuitem layouttabbar button radio:first-child, + layouttabbar menuitem button radio:first-child, + menuitem layouttab button radio:first-child, + layouttab menuitem button radio:first-child { + margin-right: 1rem; } + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child, + menuitem button.flat check:last-child, + menuitem button.osd.image-button check:last-child, + menuitem .osd toolbar button check:last-child, + .osd toolbar menuitem button check:last-child, + menuitem toolbar.osd button check:last-child, + toolbar.osd menuitem button check:last-child, + menuitem .app-notification button check:last-child, + .app-notification menuitem button check:last-child, + menuitem GeditViewFrame .gedit-search-slider button check:last-child, + GeditViewFrame .gedit-search-slider menuitem button check:last-child, + menuitem toolbar button check:last-child, + toolbar menuitem button check:last-child, + menuitem .titlebar button:not(.suggested-action):not(.destructive-action) check:last-child, + .titlebar menuitem button:not(.suggested-action):not(.destructive-action) check:last-child, + menuitem headerbar button:not(.suggested-action):not(.destructive-action) check:last-child, + headerbar menuitem button:not(.suggested-action):not(.destructive-action) check:last-child, + menuitem .menu > arrow check:last-child, + menuitem .context-menu > arrow check:last-child, + menuitem menu > arrow check:last-child, + menuitem placessidebar row button.image-button check:last-child, + placessidebar row menuitem button.image-button check:last-child, + menuitem .ssd decoration button check:last-child, + .ssd decoration menuitem button check:last-child, + menuitem .csd headerbar button.titlebutton check:last-child, + .csd headerbar menuitem button.titlebutton check:last-child, + menuitem .csd .titlebar button.titlebutton check:last-child, + .csd .titlebar menuitem button.titlebutton check:last-child, + menuitem #gf-candidate-popup button check:last-child, + #gf-candidate-popup menuitem button check:last-child, + menuitem #gf-candidate-popup .linked > button:first-child check:last-child, + #gf-candidate-popup menuitem .linked > button:first-child check:last-child, + menuitem #gf-candidate-popup .linked > button:last-child check:last-child, + #gf-candidate-popup menuitem .linked > button:last-child check:last-child, + menuitem window > grid.vertical > box.vertical > widget button check:last-child, + window > grid.vertical > box.vertical > widget menuitem button check:last-child, + menuitem layouttabbar button check:last-child, + layouttabbar menuitem button check:last-child, + menuitem layouttab button check:last-child, + layouttab menuitem button check:last-child, + menuitem button.flat radio:last-child, + menuitem button.osd.image-button radio:last-child, + menuitem .osd toolbar button radio:last-child, + .osd toolbar menuitem button radio:last-child, + menuitem toolbar.osd button radio:last-child, + toolbar.osd menuitem button radio:last-child, + menuitem .app-notification button radio:last-child, + .app-notification menuitem button radio:last-child, + menuitem GeditViewFrame .gedit-search-slider button radio:last-child, + GeditViewFrame .gedit-search-slider menuitem button radio:last-child, + menuitem toolbar button radio:last-child, + toolbar menuitem button radio:last-child, + menuitem .titlebar button:not(.suggested-action):not(.destructive-action) radio:last-child, + .titlebar menuitem button:not(.suggested-action):not(.destructive-action) radio:last-child, + menuitem headerbar button:not(.suggested-action):not(.destructive-action) radio:last-child, + headerbar menuitem button:not(.suggested-action):not(.destructive-action) radio:last-child, + menuitem .menu > arrow radio:last-child, + menuitem .context-menu > arrow radio:last-child, + menuitem menu > arrow radio:last-child, + menuitem placessidebar row button.image-button radio:last-child, + placessidebar row menuitem button.image-button radio:last-child, + menuitem .ssd decoration button radio:last-child, + .ssd decoration menuitem button radio:last-child, + menuitem .csd headerbar button.titlebutton radio:last-child, + .csd headerbar menuitem button.titlebutton radio:last-child, + menuitem .csd .titlebar button.titlebutton radio:last-child, + .csd .titlebar menuitem button.titlebutton radio:last-child, + menuitem #gf-candidate-popup button radio:last-child, + #gf-candidate-popup menuitem button radio:last-child, + menuitem #gf-candidate-popup .linked > button:first-child radio:last-child, + #gf-candidate-popup menuitem .linked > button:first-child radio:last-child, + menuitem #gf-candidate-popup .linked > button:last-child radio:last-child, + #gf-candidate-popup menuitem .linked > button:last-child radio:last-child, + menuitem window > grid.vertical > box.vertical > widget button radio:last-child, + window > grid.vertical > box.vertical > widget menuitem button radio:last-child, + menuitem layouttabbar button radio:last-child, + layouttabbar menuitem button radio:last-child, + menuitem layouttab button radio:last-child, + layouttab menuitem button radio:last-child { + margin-left: 1rem; } + +modelbutton.flat arrow { + background: none; } + modelbutton.flat arrow:hover { + background: none; } + modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + min-width: 2.50376rem; + min-height: 1.50376rem; + padding: 0.50376rem 0.6015rem 0.50376rem; } + button.color > colorswatch:first-child:last-child { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + button.color > colorswatch:first-child:last-child, button.color > colorswatch:first-child:last-child overlay { + border-radius: 2px; + -gtk-outline-radius: 2px; } + button.color:disabled, + button.color GtkColorSwatch:disabled { + box-shadow: none; + opacity: 0.4; } + +toolpalette toolitemgroup > button { + border-top: 1px solid rgba(0, 0, 0, 0.09); + border-radius: 0; } +toolpalette toolbutton > button.toggle { + border-radius: 2px; + -gtk-outline-radius: 2px; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #E8E8E8; } + *:link:hover, button:hover:link, + button:hover:visited, *:link:active, button:active:link, + button:active:visited { + color: #E8E8E8; } + *:link:visited, + button:visited { + color: #E8E8E8; } + *:link:visited:hover, + button:visited:hover, *:link:visited:active, + button:visited:active { + color: #E8E8E8; } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #E8E8E8; } + *:link:selected, button:selected:link, + button:selected:visited, .titlebar.selection-mode .subtitle:link, + headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #E8E8E8; } + *:link:disabled, button:disabled:link, + button:disabled:visited { + opacity: 0.4; } + +button:link > label, +button:visited > label { + text-decoration-line: underline; } + +/***************** + * GtkSpinButton * + *****************/ +@keyframes spin_hover { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(alpha(currentColor, 0)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.1)), to(transparent)); } } +@keyframes spin_active { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.2)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(alpha(currentColor, 0)), to(transparent)); } } +spinbutton:not(.vertical) { + padding: 0; } + spinbutton:not(.vertical):disabled { + color: rgba(38, 50, 56, 0.3); } + spinbutton:not(.vertical) entry, spinbutton:not(.vertical) spinbutton:not(.vertical) { + margin: 0; + background: none; + border: none; + box-shadow: none; } + spinbutton:not(.vertical) button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + min-width: 1rem; + min-height: 1rem; + padding: 0 0.54887rem 0; + border: solid 0.20301rem transparent; + border-radius: 100px; + -gtk-outline-radius: 100px; + background: none; + background-size: contain; + color: rgba(38, 50, 56, 0.75); + box-shadow: none; + transition-property: opacity, color, background-color, background-image, box-shadow; } + spinbutton:not(.vertical) button:not(:last-child):hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + background: none; + color: #F44336; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + spinbutton:not(.vertical) button:not(:last-child):active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background: none; + color: #F44336; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + spinbutton:not(.vertical) button:not(:last-child):disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(38, 50, 56, 0.3); } + spinbutton:not(.vertical) button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + background: none; + color: #00E676; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + spinbutton:not(.vertical) button:last-child:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background: none; + color: #00E676; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + spinbutton:not(.vertical) button:last-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(38, 50, 56, 0.3); } +.osd spinbutton, +.osd spinbutton button, +.osd spinbutton entry, +.osd spinbutton spinbutton:not(.vertical), .osd spinbutton.vertical, +.osd spinbutton.vertical button, +.osd spinbutton.vertical entry, +.osd spinbutton.vertical spinbutton:not(.vertical) { + color: #BBBBBB; } + .osd spinbutton:focus, + .osd spinbutton button:focus, + .osd spinbutton entry:focus, + .osd spinbutton spinbutton:focus:not(.vertical), .osd spinbutton.vertical:focus, + .osd spinbutton.vertical button:focus, + .osd spinbutton.vertical entry:focus, + .osd spinbutton.vertical spinbutton:focus:not(.vertical) { + color: #ECEFF1; } + .osd spinbutton:disabled, + .osd spinbutton button:disabled, + .osd spinbutton entry:disabled, + .osd spinbutton spinbutton:disabled:not(.vertical), .osd spinbutton.vertical:disabled, + .osd spinbutton.vertical button:disabled, + .osd spinbutton.vertical entry:disabled, + .osd spinbutton.vertical spinbutton:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.225); } +spinbutton.vertical entry, spinbutton.vertical spinbutton:not(.vertical) { + min-width: 2.50376rem; + min-height: 2.50376rem; + padding: 0; + border-radius: 0; } +spinbutton.vertical button { + min-width: 2.00752rem; + min-height: 2.00752rem; + padding: 0.20301rem; + border: 0.20301rem solid transparent; + border-radius: 200px; + -gtk-outline-radius: 200px; + background: none; + background-size: contain; + color: rgba(38, 50, 56, 0.75); + box-shadow: none; + transition-property: opacity, color, background-color, background-image, box-shadow; } + spinbutton.vertical button.up:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + background: none; + color: #00E676; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + spinbutton.vertical button.up:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background: none; + color: #00E676; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + spinbutton.vertical button.up:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(38, 50, 56, 0.3); } + spinbutton.vertical button.down:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + background: none; + color: #F44336; + animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + spinbutton.vertical button.down:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + background: none; + color: #F44336; + animation: spin_active 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + spinbutton.vertical button.down:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: rgba(38, 50, 56, 0.3); } +treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus:not(.vertical) { + padding: 1px; + border-radius: 0; + border-width: 0; + background-color: #FFFFFF; + color: #263238; + box-shadow: none; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 1.20301rem; + min-width: 1.20301rem; } +combobox menu { + padding: 0.24812rem 0; } +combobox menu > menuitem { + padding: 0.35338rem 0.3985rem 0.45113rem; } +combobox button.combo { + min-height: 1rem; + min-width: 1.30075rem; + padding: 0.6015rem 0.3985rem 0.65414rem; } + combobox button.combo arrow { + padding: 0 0.30075rem 0; } + combobox button.combo label { + padding-left: 0.30075rem; + padding-right: 0.30075rem; } + combobox button.combo image { + min-height: 1.20301rem; + min-width: 1.20301rem; + padding-left: 0.30075rem; + padding-right: 0.30075rem; } +combobox button.combo { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); + background: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + combobox button.combo:hover, combobox button.combo:active { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + border-radius: 0; + color: #263238; + background: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; } + combobox button.combo:disabled, combobox button.combo:checked:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); + background: transparent; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } + +/************ + * Toolbars * + ************/ +toolbar { + -GtkWidget-window-dragging: true; + padding: 0.3985rem; + background-color: #FFFFFF; + color: rgba(38, 50, 56, 0.75);} + toolbar.vertical, .inline-toolbar toolbar, paned toolbar, paned toolbar.primary-toolbar, grid toolbar.primary-toolbar { + box-shadow: none; } + .osd toolbar { + background-color: transparent; } + .osd toolbar, toolbar.osd, .app-notification, + .app-notification.frame, GeditViewFrame .gedit-search-slider { + padding: 3px; + border-style: solid; + border-width: 9px; + border-radius: 2px; + border-image: -gtk-scaled(url("assets/osd-shadow.png"), url("assets/osd-shadow@2.png")) 10/10px stretch; + box-shadow: none; + color: #ECEFF1; + background-color: #FFFFFF; } + .osd toolbar:backdrop, toolbar.osd:backdrop, .app-notification:backdrop, GeditViewFrame .gedit-search-slider:backdrop { + border-image: -gtk-scaled(url("assets/osd-shadow-backdrop.png"), url("assets/osd-shadow-backdrop@2.png")) 10/10px stretch; } + .osd toolbar button:not(:active):not(:disabled):not(hover), toolbar.osd button:not(:active):not(:disabled):not(hover), .app-notification button:not(:active):not(:disabled):not(hover), + .app-notification.frame button:not(:active):not(:disabled):not(hover), GeditViewFrame .gedit-search-slider button:not(:active):not(:disabled):not(hover) { + color: #E8E8E8; } + .osd toolbar button:hover, .osd toolbar button:active, toolbar.osd button:hover, .app-notification button:hover, + .app-notification.frame button:hover, GeditViewFrame .gedit-search-slider button:hover, toolbar.osd button:active, .app-notification button:active, + .app-notification.frame button:active, GeditViewFrame .gedit-search-slider button:active { + color: #E8E8E8; } + .osd toolbar button:active, .osd toolbar button:checked, toolbar.osd button:active, .app-notification button:active, + .app-notification.frame button:active, GeditViewFrame .gedit-search-slider button:active, toolbar.osd button:checked, .app-notification button:checked, + .app-notification.frame button:checked, GeditViewFrame .gedit-search-slider button:checked { + border-image: none; + box-shadow: none; } + .osd toolbar button:disabled, toolbar.osd button:disabled, .app-notification button:disabled, + .app-notification.frame button:disabled, GeditViewFrame .gedit-search-slider button:disabled { + color: #E8E8E8; } + .osd toolbar .linked > button, .osd toolbar .linked > button.image-button, toolbar.osd .linked > button, .app-notification .linked > button, + .app-notification.frame .linked > button, GeditViewFrame .gedit-search-slider .linked > button, toolbar.osd .linked > button.image-button, .app-notification .linked > button.image-button, + .app-notification.frame .linked > button.image-button, GeditViewFrame .gedit-search-slider .linked > button.image-button { + border-image: none; + box-shadow: none; } + .osd toolbar .linked > button:hover, .osd toolbar .linked > button.image-button:hover, toolbar.osd .linked > button:hover, .app-notification .linked > button:hover, + .app-notification.frame .linked > button:hover, GeditViewFrame .gedit-search-slider .linked > button:hover, toolbar.osd .linked > button.image-button:hover, .app-notification .linked > button.image-button:hover, + .app-notification.frame .linked > button.image-button:hover, GeditViewFrame .gedit-search-slider .linked > button.image-button:hover { + background-color: transparent; } + .osd toolbar .linked > button:not(:checked), .osd toolbar .linked > button.image-button:not(:checked), toolbar.osd .linked > button:not(:checked), .app-notification .linked > button:not(:checked), + .app-notification.frame .linked > button:not(:checked), GeditViewFrame .gedit-search-slider .linked > button:not(:checked), toolbar.osd .linked > button.image-button:not(:checked), .app-notification .linked > button.image-button:not(:checked), + .app-notification.frame .linked > button.image-button:not(:checked), GeditViewFrame .gedit-search-slider .linked > button.image-button:not(:checked) { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .osd toolbar .linked > button.image-button, toolbar.osd .linked > button.image-button, .app-notification .linked > button.image-button, + .app-notification.frame .linked > button.image-button, GeditViewFrame .gedit-search-slider .linked > button.image-button { + min-width: 1rem; + min-height: 2.20301rem; + padding: 0 0.50376rem 0; + border-radius: 100px; + -gtk-outline-radius: 100px; } + .osd toolbar label, toolbar.osd label, .app-notification label, + .app-notification.frame label, GeditViewFrame .gedit-search-slider label { + padding: 0 1em; } + toolbar button { + background-size: 9.96241rem 9.96241rem, auto; + box-shadow: none; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: rgba(38, 50, 56, 0.75); } + toolbar button:hover { + box-shadow: none; + border-image: none; + color: #263238; } + toolbar button:checked { + box-shadow: none; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #263238; } + toolbar button:checked:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); + border-image: none; } + toolbar button:checked:disabled > label { + color: inherit; } + toolbar button:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.225); + border-image: none; } + toolbar button button, toolbar button button.text-button, toolbar button button.text-button.image-button, + toolbar button button.flat, + toolbar button button.osd.image-button, + .osd toolbar button button, + toolbar.osd button button, + toolbar button .app-notification button, + .app-notification toolbar button button, + toolbar button .app-notification.frame button, + .app-notification.frame toolbar button button, + toolbar button GeditViewFrame .gedit-search-slider button, + GeditViewFrame .gedit-search-slider toolbar button button, + toolbar button button, + toolbar button .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar toolbar button button:not(.suggested-action):not(.destructive-action), + toolbar button headerbar button:not(.suggested-action):not(.destructive-action), + headerbar toolbar button button:not(.suggested-action):not(.destructive-action), + toolbar button .menu > arrow, + toolbar button .context-menu > arrow, + toolbar button menu > arrow, + toolbar button placessidebar row button.image-button, + placessidebar row toolbar button button.image-button, + toolbar button .ssd decoration button, + .ssd decoration toolbar button button, + toolbar button .csd headerbar button.titlebutton, + .csd headerbar toolbar button button.titlebutton, + toolbar button .csd headerbar.selection-mode button.titlebutton, + .csd headerbar.selection-mode toolbar button button.titlebutton, + toolbar button .csd .titlebar button.titlebutton, + .csd .titlebar toolbar button button.titlebutton, + toolbar button .csd .titlebar.selection-mode button.titlebutton, + .csd .titlebar.selection-mode toolbar button button.titlebutton, + toolbar button #gf-candidate-popup button, + #gf-candidate-popup toolbar button button, + toolbar button #gf-candidate-popup button:first-child, + #gf-candidate-popup toolbar button button:first-child, + toolbar button #gf-candidate-popup button:last-child, + #gf-candidate-popup toolbar button button:last-child, + toolbar button #gf-candidate-popup .linked > button, + #gf-candidate-popup toolbar button .linked > button, + toolbar button #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup toolbar button .linked > button:first-child, + toolbar button #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup toolbar button .linked > button:last-child, + toolbar button window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget toolbar button button, + toolbar button layouttabbar button, + layouttabbar toolbar button button, + toolbar button layouttab button, + layouttab toolbar button button, + toolbar button button.flat.text-button, + toolbar button button.text-button.osd.image-button, + .osd toolbar button button.text-button, + toolbar.osd button button.text-button, + toolbar button .app-notification button.text-button, + .app-notification toolbar button button.text-button, + toolbar button GeditViewFrame .gedit-search-slider button.text-button, + GeditViewFrame .gedit-search-slider toolbar button button.text-button, + toolbar button button.text-button, + toolbar button .titlebar button.text-button:not(.suggested-action):not(.destructive-action), + .titlebar toolbar button button.text-button:not(.suggested-action):not(.destructive-action), + toolbar button headerbar button.text-button:not(.suggested-action):not(.destructive-action), + headerbar toolbar button button.text-button:not(.suggested-action):not(.destructive-action), + toolbar button .menu > arrow.text-button, + toolbar button .context-menu > arrow.text-button, + toolbar button menu > arrow.text-button, + toolbar button placessidebar row button.text-button.image-button, + placessidebar row toolbar button button.text-button.image-button, + toolbar button .ssd decoration button.text-button, + .ssd decoration toolbar button button.text-button, + toolbar button .csd headerbar button.text-button.titlebutton, + .csd headerbar toolbar button button.text-button.titlebutton, + toolbar button .csd .titlebar button.text-button.titlebutton, + .csd .titlebar toolbar button button.text-button.titlebutton, + toolbar button #gf-candidate-popup button.text-button, + #gf-candidate-popup toolbar button button.text-button, + toolbar button #gf-candidate-popup .linked > button.text-button:first-child, + #gf-candidate-popup toolbar button .linked > button.text-button:first-child, + toolbar button #gf-candidate-popup .linked > button.text-button:last-child, + #gf-candidate-popup toolbar button .linked > button.text-button:last-child, + toolbar button window > grid.vertical > box.vertical > widget button.text-button, + window > grid.vertical > box.vertical > widget toolbar button button.text-button, + toolbar button layouttabbar button.text-button, + layouttabbar toolbar button button.text-button, + toolbar button layouttab button.text-button, + layouttab toolbar button button.text-button, + toolbar button button.flat.text-button.image-button, + toolbar button button.text-button.image-button.osd, + .osd toolbar button button.text-button.image-button, + toolbar.osd button button.text-button.image-button, + toolbar button .app-notification button.text-button.image-button, + .app-notification toolbar button button.text-button.image-button, + toolbar button GeditViewFrame .gedit-search-slider button.text-button.image-button, + GeditViewFrame .gedit-search-slider toolbar button button.text-button.image-button, + toolbar button button.text-button.image-button, + toolbar button .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action), + .titlebar toolbar button button.text-button.image-button:not(.suggested-action):not(.destructive-action), + toolbar button headerbar button.text-button.image-button:not(.suggested-action):not(.destructive-action), + headerbar toolbar button button.text-button.image-button:not(.suggested-action):not(.destructive-action), + toolbar button .menu > arrow.text-button.image-button, + toolbar button .context-menu > arrow.text-button.image-button, + toolbar button menu > arrow.text-button.image-button, + toolbar button placessidebar row button.text-button.image-button, + placessidebar row toolbar button button.text-button.image-button, + toolbar button .ssd decoration button.text-button.image-button, + .ssd decoration toolbar button button.text-button.image-button, + toolbar button .csd headerbar button.text-button.image-button.titlebutton, + .csd headerbar toolbar button button.text-button.image-button.titlebutton, + toolbar button .csd .titlebar button.text-button.image-button.titlebutton, + .csd .titlebar toolbar button button.text-button.image-button.titlebutton, + toolbar button #gf-candidate-popup button.text-button.image-button, + #gf-candidate-popup toolbar button button.text-button.image-button, + toolbar button window > grid.vertical > box.vertical > widget button.text-button.image-button, + window > grid.vertical > box.vertical > widget toolbar button button.text-button.image-button, + toolbar button layouttabbar button.text-button.image-button, + layouttabbar toolbar button button.text-button.image-button, + toolbar button layouttab button.text-button.image-button, + layouttab toolbar button button.text-button.image-button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + toolbar button button.image-button, + toolbar button button.flat.image-button, + toolbar button button.image-button.osd, + .osd toolbar button button.image-button, + toolbar.osd button button.image-button, + toolbar button .app-notification button.image-button, + .app-notification toolbar button button.image-button, + toolbar button GeditViewFrame .gedit-search-slider button.image-button, + GeditViewFrame .gedit-search-slider toolbar button button.image-button, + toolbar button button.image-button, + toolbar button .titlebar button.image-button:not(.suggested-action):not(.destructive-action), + .titlebar toolbar button button.image-button:not(.suggested-action):not(.destructive-action), + toolbar button headerbar button.image-button:not(.suggested-action):not(.destructive-action), + headerbar toolbar button button.image-button:not(.suggested-action):not(.destructive-action), + toolbar button .menu > arrow.image-button, + toolbar button .context-menu > arrow.image-button, + toolbar button menu > arrow.image-button, + toolbar button placessidebar row button.image-button, + placessidebar row toolbar button button.image-button, + toolbar button .ssd decoration button.image-button, + .ssd decoration toolbar button button.image-button, + toolbar button .csd headerbar button.image-button.titlebutton, + .csd headerbar toolbar button button.image-button.titlebutton, + toolbar button .csd .titlebar button.image-button.titlebutton, + .csd .titlebar toolbar button button.image-button.titlebutton, + toolbar button #gf-candidate-popup button.image-button, + #gf-candidate-popup toolbar button button.image-button, + toolbar button #gf-candidate-popup .linked > button.image-button:first-child, + #gf-candidate-popup toolbar button .linked > button.image-button:first-child, + toolbar button #gf-candidate-popup .linked > button.image-button:last-child, + #gf-candidate-popup toolbar button .linked > button.image-button:last-child, + toolbar button window > grid.vertical > box.vertical > widget button.image-button, + window > grid.vertical > box.vertical > widget toolbar button button.image-button, + toolbar button layouttabbar button.image-button, + layouttabbar toolbar button button.image-button, + toolbar button layouttab button.image-button, + layouttab toolbar button button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + toolbar button .text-button, + toolbar button .image-button.text-button { + min-width: 1rem; + min-height: 2.20301rem; + padding: 0 1rem 0; + background-size: 9.96241rem 9.96241rem, auto; } + toolbar button .image-button { + min-width: 1rem; + min-height: 2.20301rem; + padding: 0 0.50376rem 0; + background-size: 3.7594rem 3.7594rem, auto; } + toolbar button.toggle:hover, toolbar button.toggle:active, toolbar button.toggle:checked { + background-color: transparent; + box-shadow: none; } + toolbar .linked > button, toolbar .linked > button.image-button { + border-image: none; + box-shadow: none; } + toolbar .linked > button:hover, toolbar .linked > button:active, toolbar .linked > button.image-button:hover, toolbar .linked > button.image-button:active { + border-image: none; + background-color: transparent; + box-shadow: none; } + toolbar .linked > button:not(:disabled), toolbar .linked > button.image-button:not(:disabled) { + border-radius: 100px; + -gtk-outline-radius: 100px; } + toolbar .linked > button .image-button { + min-width: 1rem; + min-height: 2.20301rem; + padding: 0 0.50376rem 0; + border-radius: 100px; + -gtk-outline-radius: 100px; } + toolbar separator { + color: transparent; + background: none; } + toolbar.horizontal separator { + margin: 0 0.45113rem; } + toolbar.vertical separator { + margin: 0.45113rem 0; } + +.inline-toolbar { + padding: 0.3985rem; + border-style: solid; + border-width: 0 1px 1px; + border-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } + +searchbar, +.location-bar { + padding: 0.3985rem; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; } + searchbar .linked > button.image-button, + .location-bar .linked > button.image-button { + padding-top: 0.69925rem; + padding-bottom: 0.80451rem; } + searchbar button.flat.close.raised, searchbar button.close.raised.osd.image-button, searchbar .osd toolbar button.close.raised, .osd toolbar searchbar button.close.raised, searchbar toolbar.osd button.close.raised, toolbar.osd searchbar button.close.raised, searchbar .app-notification button.close.raised, .app-notification searchbar button.close.raised, searchbar GeditViewFrame .gedit-search-slider button.close.raised, GeditViewFrame .gedit-search-slider searchbar button.close.raised, searchbar toolbar button.close.raised, toolbar searchbar button.close.raised, searchbar .titlebar button.close.raised:not(.suggested-action):not(.destructive-action), .titlebar searchbar button.close.raised:not(.suggested-action):not(.destructive-action), + searchbar headerbar button.close.raised:not(.suggested-action):not(.destructive-action), + headerbar searchbar button.close.raised:not(.suggested-action):not(.destructive-action), searchbar .menu > arrow.close.raised, + searchbar .context-menu > arrow.close.raised, + searchbar menu > arrow.close.raised, searchbar placessidebar row button.close.raised.image-button, placessidebar row searchbar button.close.raised.image-button, searchbar .ssd decoration button.close.raised, .ssd decoration searchbar button.close.raised, searchbar .csd headerbar button.close.raised.titlebutton, .csd headerbar searchbar button.close.raised.titlebutton, + searchbar .csd .titlebar button.close.raised.titlebutton, + .csd .titlebar searchbar button.close.raised.titlebutton, searchbar #gf-candidate-popup button.close.raised, #gf-candidate-popup searchbar button.close.raised, searchbar window > grid.vertical > box.vertical > widget button.close.raised, window > grid.vertical > box.vertical > widget searchbar button.close.raised, searchbar layouttabbar button.close.raised, layouttabbar searchbar button.close.raised, searchbar layouttab button.close.raised, layouttab searchbar button.close.raised, + .location-bar button.flat.close.raised, + .location-bar button.close.raised.osd.image-button, + .location-bar .osd toolbar button.close.raised, + .osd toolbar .location-bar button.close.raised, + .location-bar toolbar.osd button.close.raised, + toolbar.osd .location-bar button.close.raised, + .location-bar .app-notification button.close.raised, + .app-notification .location-bar button.close.raised, + .location-bar GeditViewFrame .gedit-search-slider button.close.raised, + GeditViewFrame .gedit-search-slider .location-bar button.close.raised, + .location-bar toolbar button.close.raised, + toolbar .location-bar button.close.raised, + .location-bar .titlebar button.close.raised:not(.suggested-action):not(.destructive-action), + .titlebar .location-bar button.close.raised:not(.suggested-action):not(.destructive-action), + .location-bar headerbar button.close.raised:not(.suggested-action):not(.destructive-action), + headerbar .location-bar button.close.raised:not(.suggested-action):not(.destructive-action), + .location-bar .menu > arrow.close.raised, + .location-bar .context-menu > arrow.close.raised, + .location-bar menu > arrow.close.raised, + .location-bar placessidebar row button.close.raised.image-button, + placessidebar row .location-bar button.close.raised.image-button, + .location-bar .ssd decoration button.close.raised, + .ssd decoration .location-bar button.close.raised, + .location-bar .csd headerbar button.close.raised.titlebutton, + .csd headerbar .location-bar button.close.raised.titlebutton, + .location-bar .csd .titlebar button.close.raised.titlebutton, + .csd .titlebar .location-bar button.close.raised.titlebutton, + .location-bar #gf-candidate-popup button.close.raised, + #gf-candidate-popup .location-bar button.close.raised, + .location-bar window > grid.vertical > box.vertical > widget button.close.raised, + window > grid.vertical > box.vertical > widget .location-bar button.close.raised, + .location-bar layouttabbar button.close.raised, + layouttabbar .location-bar button.close.raised, + .location-bar layouttab button.close.raised, + layouttab .location-bar button.close.raised { + min-width: 1rem; + min-height: 1rem; + padding: 0.75188rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + +/*************** + * Header bars * + ***************/ +.titlebar, +headerbar { + background-color: #FFFFFF; + background-clip: border-box; + color: #BBBBBB; } + .titlebar label:checked:disabled, + .titlebar image:checked:disabled, + headerbar label:checked:disabled, + headerbar image:checked:disabled { + color: rgba(236, 239, 241, 0.3); } + button:disabled > .titlebar label, .linked > button:disabled > .titlebar label, .titlebar label:disabled, button:disabled > + .titlebar image, .linked > button:disabled > + .titlebar image, + .titlebar image:disabled, button:disabled > + headerbar label, .linked > button:disabled > + headerbar label, + headerbar label:disabled, button:disabled > + headerbar image, .linked > button:disabled > + headerbar image, + headerbar image:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar .title, + headerbar .title { + padding-left: 1rem; + padding-right: 1rem; + color: #ECEFF1; + font-weight: 700; } + .titlebar .subtitle, + headerbar .subtitle { + padding-left: 1rem; + padding-right: 1rem; + color: #BBBBBB; + font-size: 90%; } + .titlebar separator.vertical, .titlebar > box > separator.vertical, .titlebar > box > box > separator.vertical, + headerbar separator.vertical, + headerbar > box > separator.vertical, + headerbar > box > box > separator.vertical { + border: 0 none transparent; + color: transparent; + background-color: transparent; } + .titlebar button:not(.suggested-action):not(.destructive-action), + headerbar button:not(.suggested-action):not(.destructive-action) { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#E8E8E8), to(transparent)) 0 0 0/0 0 0px; + color: #BBBBBB; + background-size: 9.96241rem 9.96241rem, auto; } + .titlebar button:not(.suggested-action):not(.destructive-action):hover, + headerbar button:not(.suggested-action):not(.destructive-action):hover { + color: #ECEFF1; } + .titlebar button:not(.suggested-action):not(.destructive-action):checked, + headerbar button:not(.suggested-action):not(.destructive-action):checked { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #ECEFF1; } + .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled, + headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { + background-color: transparent; + color: rgba(236, 239, 241, 0.3); } + .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled > label, + headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled > label { + color: inherit; } + .titlebar button:not(.suggested-action):not(.destructive-action), + headerbar button:not(.suggested-action):not(.destructive-action) { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .titlebar button:not(.suggested-action):not(.destructive-action).text-button, + headerbar button:not(.suggested-action):not(.destructive-action).text-button { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .titlebar button:not(.suggested-action):not(.destructive-action).text-button.image-button, + headerbar button:not(.suggested-action):not(.destructive-action).text-button.image-button { + border-radius: 2px; + -gtk-outline-radius: 2px; + background-size: 9.96241rem 9.96241rem, auto; } + .titlebar .linked > button.image-button, + headerbar .linked > button.image-button { + min-width: 1.30075rem; + min-height: 2.80451rem; + padding: 0 0.50376rem 0; } + .titlebar button.toggle, + headerbar button.toggle { + min-width: 1.30075rem; + min-height: 2.80451rem; + padding: 0 0.75188rem 0; } + .titlebar button.toggle label, + headerbar button.toggle label { + padding: 0.69925rem 0.6015rem 0.80451rem; } + .titlebar button.toggle menu menuitem label, + headerbar button.toggle menu menuitem label { + padding: 0; } + .titlebar button, .titlebar button label.text-button, + .titlebar .linked > button, + .titlebar .linked > button label.text-button, + .titlebar button.suggested-action, + .titlebar button.suggested-action label.text-button, + .titlebar button.destructive-action, + .titlebar button.destructive-action label.text-button, + headerbar button, + headerbar button label.text-button, + headerbar .linked > button, + headerbar .linked > button label.text-button, + headerbar button.suggested-action, + headerbar button.suggested-action label.text-button, + headerbar button.destructive-action, + headerbar button.destructive-action label.text-button { + color: #BBBBBB; } + .titlebar button:hover, .titlebar button label.text-button:hover, + .titlebar .linked > button:hover, + .titlebar .linked > button label.text-button:hover, + .titlebar button.suggested-action:hover, + .titlebar button.suggested-action label.text-button:hover, + .titlebar button.destructive-action:hover, + .titlebar button.destructive-action label.text-button:hover, + headerbar button:hover, + headerbar button label.text-button:hover, + headerbar .linked > button:hover, + headerbar .linked > button label.text-button:hover, + headerbar button.suggested-action:hover, + headerbar button.suggested-action label.text-button:hover, + headerbar button.destructive-action:hover, + headerbar button.destructive-action label.text-button:hover { + color: #ECEFF1; } + .titlebar button:checked, .titlebar button label.text-button:checked, + .titlebar .linked > button:checked, + .titlebar .linked > button label.text-button:checked, + .titlebar button.suggested-action:checked, + .titlebar button.suggested-action label.text-button:checked, + .titlebar button.destructive-action:checked, + .titlebar button.destructive-action label.text-button:checked, + headerbar button:checked, + headerbar button label.text-button:checked, + headerbar .linked > button:checked, + headerbar .linked > button label.text-button:checked, + headerbar button.suggested-action:checked, + headerbar button.suggested-action label.text-button:checked, + headerbar button.destructive-action:checked, + headerbar button.destructive-action label.text-button:checked { + color: #ECEFF1; } + .titlebar button:checked:disabled, .titlebar button label.text-button:checked:disabled, + .titlebar .linked > button:checked:disabled, + .titlebar .linked > button label.text-button:checked:disabled, + .titlebar button.suggested-action:checked:disabled, + .titlebar button.suggested-action label.text-button:checked:disabled, + .titlebar button.destructive-action:checked:disabled, + .titlebar button.destructive-action label.text-button:checked:disabled, + headerbar button:checked:disabled, + headerbar button label.text-button:checked:disabled, + headerbar .linked > button:checked:disabled, + headerbar .linked > button label.text-button:checked:disabled, + headerbar button.suggested-action:checked:disabled, + headerbar button.suggested-action label.text-button:checked:disabled, + headerbar button.destructive-action:checked:disabled, + headerbar button.destructive-action label.text-button:checked:disabled { + color: rgba(236, 239, 241, 0.3); } + .titlebar button:disabled, .titlebar button label.text-button:disabled, + .titlebar .linked > button:disabled, + .titlebar .linked > button label.text-button:disabled, + .titlebar button.suggested-action:disabled, + .titlebar button.suggested-action label.text-button:disabled, + .titlebar button.destructive-action:disabled, + .titlebar button.destructive-action label.text-button:disabled, + headerbar button:disabled, + headerbar button label.text-button:disabled, + headerbar .linked > button:disabled, + headerbar .linked > button label.text-button:disabled, + headerbar button.suggested-action:disabled, + headerbar button.suggested-action label.text-button:disabled, + headerbar button.destructive-action:disabled, + headerbar button.destructive-action label.text-button:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar button label.text-button, + .titlebar .linked > button label.text-button, + .titlebar button.suggested-action label.text-button, + .titlebar button.destructive-action label.text-button, + headerbar button label.text-button, + headerbar .linked > button label.text-button, + headerbar button.suggested-action label.text-button, + headerbar button.destructive-action label.text-button { + border-image: none; + box-shadow: none; } + .titlebar entry, .titlebar spinbutton:not(.vertical), + .titlebar .linked > entry, + .titlebar .linked > spinbutton:not(.vertical), + headerbar entry, + headerbar spinbutton:not(.vertical), + headerbar .linked > entry, + headerbar .linked > spinbutton:not(.vertical) { + color: #BBBBBB; + caret-color: #BBBBBB; } + .titlebar entry:focus, .titlebar spinbutton:focus:not(.vertical), + .titlebar .linked > entry:focus, + .titlebar .linked > spinbutton:focus:not(.vertical), + headerbar entry:focus, + headerbar spinbutton:focus:not(.vertical), + headerbar .linked > entry:focus, + headerbar .linked > spinbutton:focus:not(.vertical) { + color: #ECEFF1; + caret-color: #ECEFF1; } + .titlebar entry:disabled, .titlebar spinbutton:disabled:not(.vertical), + .titlebar .linked > entry:disabled, + .titlebar .linked > spinbutton:disabled:not(.vertical), + headerbar entry:disabled, + headerbar spinbutton:disabled:not(.vertical), + headerbar .linked > entry:disabled, + headerbar .linked > spinbutton:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.225); } + .titlebar combobox > entry.combo, .titlebar combobox > spinbutton.combo:not(.vertical), + .titlebar .linked > combobox > entry.combo, + .titlebar .linked > combobox > spinbutton.combo:not(.vertical), + headerbar combobox > entry.combo, + headerbar combobox > spinbutton.combo:not(.vertical), + headerbar .linked > combobox > entry.combo, + headerbar .linked > combobox > spinbutton.combo:not(.vertical) { + color: #BBBBBB; + caret-color: #BBBBBB; } + .titlebar combobox > entry.combo:focus, .titlebar combobox > spinbutton.combo:focus:not(.vertical), + .titlebar .linked > combobox > entry.combo:focus, + .titlebar .linked > combobox > spinbutton.combo:focus:not(.vertical), + headerbar combobox > entry.combo:focus, + headerbar combobox > spinbutton.combo:focus:not(.vertical), + headerbar .linked > combobox > entry.combo:focus, + headerbar .linked > combobox > spinbutton.combo:focus:not(.vertical) { + color: #ECEFF1; + caret-color: #ECEFF1; } + .titlebar combobox > entry.combo:disabled, .titlebar combobox > spinbutton.combo:disabled:not(.vertical), + .titlebar .linked > combobox > entry.combo:disabled, + .titlebar .linked > combobox > spinbutton.combo:disabled:not(.vertical), + headerbar combobox > entry.combo:disabled, + headerbar combobox > spinbutton.combo:disabled:not(.vertical), + headerbar .linked > combobox > entry.combo:disabled, + headerbar .linked > combobox > spinbutton.combo:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.225); } + .titlebar combobox > entry.combo:backdrop, .titlebar combobox > spinbutton.combo:backdrop:not(.vertical), + .titlebar .linked > combobox > entry.combo:backdrop, + .titlebar .linked > combobox > spinbutton.combo:backdrop:not(.vertical), + headerbar combobox > entry.combo:backdrop, + headerbar combobox > spinbutton.combo:backdrop:not(.vertical), + headerbar .linked > combobox > entry.combo:backdrop, + headerbar .linked > combobox > spinbutton.combo:backdrop:not(.vertical) { + opacity: 0.5; } + .titlebar combobox > button.combo, + .titlebar .linked > combobox > button.combo, + headerbar combobox > button.combo, + headerbar .linked > combobox > button.combo { + color: #BBBBBB; } + .titlebar combobox > button.combo:hover, + .titlebar .linked > combobox > button.combo:hover, + headerbar combobox > button.combo:hover, + headerbar .linked > combobox > button.combo:hover { + color: #ECEFF1; } + .titlebar combobox > button.combo:checked, + .titlebar .linked > combobox > button.combo:checked, + headerbar combobox > button.combo:checked, + headerbar .linked > combobox > button.combo:checked { + color: #ECEFF1; } + .titlebar combobox > button.combo:checked:disabled, + .titlebar .linked > combobox > button.combo:checked:disabled, + headerbar combobox > button.combo:checked:disabled, + headerbar .linked > combobox > button.combo:checked:disabled { + color: rgba(236, 239, 241, 0.3); } + .titlebar combobox > button.combo:disabled, + .titlebar .linked > combobox > button.combo:disabled, + headerbar combobox > button.combo:disabled, + headerbar .linked > combobox > button.combo:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar combobox > button.combo:backdrop, + .titlebar .linked > combobox > button.combo:backdrop, + headerbar combobox > button.combo:backdrop, + headerbar .linked > combobox > button.combo:backdrop { + opacity: 0.5; } + .titlebar menu menuitem, + headerbar menu menuitem { + color: rgba(38, 50, 56, 0.75); } + .titlebar menu menuitem:hover, + headerbar menu menuitem:hover { + color: #263238; } + .titlebar menu menuitem label:disabled, + headerbar menu menuitem label:disabled { + color: rgba(38, 50, 56, 0.3); } + .titlebar menu menuitem accelerator, + headerbar menu menuitem accelerator { + color: alpha(currentColor, 0.55); } + .titlebar menu menuitem separator, + headerbar menu menuitem separator { + color: rgba(0, 0, 0, 0.09); } + .titlebar popover button.flat, .titlebar popover button.osd.image-button, .titlebar popover .osd toolbar button, .osd toolbar .titlebar popover button, .titlebar popover toolbar.osd button, toolbar.osd .titlebar popover button, .titlebar popover .app-notification button, .app-notification .titlebar popover button, .titlebar popover GeditViewFrame .gedit-search-slider button, GeditViewFrame .gedit-search-slider .titlebar popover button, .titlebar popover toolbar button, toolbar .titlebar popover button, .titlebar popover button:not(.suggested-action):not(.destructive-action), .titlebar popover .menu > arrow, + .titlebar popover .context-menu > arrow, + .titlebar popover menu > arrow, .titlebar popover placessidebar row button.image-button, placessidebar row .titlebar popover button.image-button, .titlebar popover .ssd decoration button, .ssd decoration .titlebar popover button, .titlebar popover .csd headerbar button.titlebutton, + .csd .titlebar popover button.titlebutton, + .csd .titlebar.selection-mode popover button.titlebutton, .titlebar popover #gf-candidate-popup button, #gf-candidate-popup .titlebar popover button, + .titlebar popover #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .titlebar popover .linked > button:first-child, + .titlebar popover #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .titlebar popover .linked > button:last-child, .titlebar popover window > grid.vertical > box.vertical > widget button, window > grid.vertical > box.vertical > widget .titlebar popover button, .titlebar popover layouttabbar button, layouttabbar .titlebar popover button, .titlebar popover layouttab button, layouttab .titlebar popover button, + headerbar popover button.flat, + headerbar popover button.osd.image-button, + headerbar popover .osd toolbar button, + .osd toolbar headerbar popover button, + headerbar popover toolbar.osd button, + toolbar.osd headerbar popover button, + headerbar popover .app-notification button, + .app-notification headerbar popover button, + headerbar popover .app-notification.frame button, + .app-notification.frame headerbar popover button, + headerbar popover GeditViewFrame .gedit-search-slider button, + GeditViewFrame .gedit-search-slider headerbar popover button, + headerbar popover toolbar button, + toolbar headerbar popover button, + headerbar popover .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar headerbar popover button:not(.suggested-action):not(.destructive-action), + headerbar popover button:not(.suggested-action):not(.destructive-action), + headerbar popover .menu > arrow, + headerbar popover .context-menu > arrow, + headerbar popover menu > arrow, + headerbar popover placessidebar row button.image-button, + placessidebar row headerbar popover button.image-button, + headerbar popover .ssd decoration button, + .ssd decoration headerbar popover button, + .csd headerbar popover button.titlebutton, + .csd headerbar.selection-mode popover button.titlebutton, + headerbar popover .csd .titlebar button.titlebutton, + .csd .titlebar headerbar popover button.titlebutton, + headerbar popover .csd .titlebar.selection-mode button.titlebutton, + .csd .titlebar.selection-mode headerbar popover button.titlebutton, + headerbar popover #gf-candidate-popup button, + #gf-candidate-popup headerbar popover button, + headerbar popover #gf-candidate-popup button:first-child, + #gf-candidate-popup headerbar popover button:first-child, + headerbar popover #gf-candidate-popup button:last-child, + #gf-candidate-popup headerbar popover button:last-child, + headerbar popover #gf-candidate-popup .linked > button, + #gf-candidate-popup headerbar popover .linked > button, + headerbar popover #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup headerbar popover .linked > button:first-child, + headerbar popover #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup headerbar popover .linked > button:last-child, + headerbar popover window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget headerbar popover button, + headerbar popover layouttabbar button, + layouttabbar headerbar popover button, + headerbar popover layouttab button, + layouttab headerbar popover button { + color: rgba(38, 50, 56, 0.75); } + .titlebar popover button.flat:hover, .titlebar popover button.osd.image-button:hover, .titlebar popover .osd toolbar button:hover, .osd toolbar .titlebar popover button:hover, .titlebar popover toolbar.osd button:hover, toolbar.osd .titlebar popover button:hover, .titlebar popover .app-notification button:hover, .app-notification .titlebar popover button:hover, .titlebar popover GeditViewFrame .gedit-search-slider button:hover, GeditViewFrame .gedit-search-slider .titlebar popover button:hover, .titlebar popover toolbar button:hover, toolbar .titlebar popover button:hover, .titlebar popover button:hover:not(.suggested-action):not(.destructive-action), .titlebar popover .menu > arrow:hover, + .titlebar popover .context-menu > arrow:hover, + .titlebar popover menu > arrow:hover, .titlebar popover placessidebar row button.image-button:hover, placessidebar row .titlebar popover button.image-button:hover, .titlebar popover .ssd decoration button:hover, .ssd decoration .titlebar popover button:hover, .titlebar popover .csd headerbar button.titlebutton:hover, + .csd .titlebar popover button.titlebutton:hover, .titlebar popover #gf-candidate-popup button:hover, #gf-candidate-popup .titlebar popover button:hover, .titlebar popover window > grid.vertical > box.vertical > widget button:hover, window > grid.vertical > box.vertical > widget .titlebar popover button:hover, .titlebar popover layouttabbar button:hover, layouttabbar .titlebar popover button:hover, .titlebar popover layouttab button:hover, layouttab .titlebar popover button:hover, + headerbar popover button.flat:hover, + headerbar popover button.osd.image-button:hover, + headerbar popover .osd toolbar button:hover, + .osd toolbar headerbar popover button:hover, + headerbar popover toolbar.osd button:hover, + toolbar.osd headerbar popover button:hover, + headerbar popover .app-notification button:hover, + .app-notification headerbar popover button:hover, + headerbar popover GeditViewFrame .gedit-search-slider button:hover, + GeditViewFrame .gedit-search-slider headerbar popover button:hover, + headerbar popover toolbar button:hover, + toolbar headerbar popover button:hover, + headerbar popover button:hover:not(.suggested-action):not(.destructive-action), + headerbar popover .menu > arrow:hover, + headerbar popover .context-menu > arrow:hover, + headerbar popover menu > arrow:hover, + headerbar popover placessidebar row button.image-button:hover, + placessidebar row headerbar popover button.image-button:hover, + headerbar popover .ssd decoration button:hover, + .ssd decoration headerbar popover button:hover, + .csd headerbar popover button.titlebutton:hover, + headerbar popover .csd .titlebar button.titlebutton:hover, + .csd .titlebar.selection-mode headerbar popover button.titlebutton:hover, + headerbar popover #gf-candidate-popup button:hover, + #gf-candidate-popup headerbar popover button:hover, + headerbar popover #gf-candidate-popup .linked > button:hover:first-child, + #gf-candidate-popup headerbar popover .linked > button:hover:first-child, + headerbar popover #gf-candidate-popup .linked > button:hover:last-child, + #gf-candidate-popup headerbar popover .linked > button:hover:last-child, + headerbar popover window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget headerbar popover button:hover, + headerbar popover layouttabbar button:hover, + layouttabbar headerbar popover button:hover, + headerbar popover layouttab button:hover, + layouttab headerbar popover button:hover { + color: #263238; } + .titlebar popover button.flat label:hover, .titlebar popover button.osd.image-button label:hover, .titlebar popover .osd toolbar button label:hover, .osd toolbar .titlebar popover button label:hover, .titlebar popover toolbar.osd button label:hover, toolbar.osd .titlebar popover button label:hover, .titlebar popover .app-notification button label:hover, .app-notification .titlebar popover button label:hover, .titlebar popover GeditViewFrame .gedit-search-slider button label:hover, GeditViewFrame .gedit-search-slider .titlebar popover button label:hover, .titlebar popover toolbar button label:hover, toolbar .titlebar popover button label:hover, .titlebar popover button:not(.suggested-action):not(.destructive-action) label:hover, .titlebar popover .menu > arrow label:hover, + .titlebar popover .context-menu > arrow label:hover, + .titlebar popover menu > arrow label:hover, .titlebar popover placessidebar row button.image-button label:hover, placessidebar row .titlebar popover button.image-button label:hover, .titlebar popover .ssd decoration button label:hover, .ssd decoration .titlebar popover button label:hover, .titlebar popover .csd headerbar button.titlebutton label:hover, + .csd .titlebar popover button.titlebutton label:hover, .titlebar popover #gf-candidate-popup button label:hover, #gf-candidate-popup .titlebar popover button label:hover, .titlebar popover window > grid.vertical > box.vertical > widget button label:hover, window > grid.vertical > box.vertical > widget .titlebar popover button label:hover, .titlebar popover layouttabbar button label:hover, layouttabbar .titlebar popover button label:hover, .titlebar popover layouttab button label:hover, layouttab .titlebar popover button label:hover, + headerbar popover button.flat label:hover, + headerbar popover button.osd.image-button label:hover, + headerbar popover .osd toolbar button label:hover, + .osd toolbar headerbar popover button label:hover, + headerbar popover toolbar.osd button label:hover, + toolbar.osd headerbar popover button label:hover, + headerbar popover .app-notification button label:hover, + .app-notification headerbar popover button label:hover, + headerbar popover GeditViewFrame .gedit-search-slider button label:hover, + GeditViewFrame .gedit-search-slider headerbar popover button label:hover, + headerbar popover toolbar button label:hover, + toolbar headerbar popover button label:hover, + headerbar popover button:not(.suggested-action):not(.destructive-action) label:hover, + headerbar popover .menu > arrow label:hover, + headerbar popover .context-menu > arrow label:hover, + headerbar popover menu > arrow label:hover, + headerbar popover placessidebar row button.image-button label:hover, + placessidebar row headerbar popover button.image-button label:hover, + headerbar popover .ssd decoration button label:hover, + .ssd decoration headerbar popover button label:hover, + .csd headerbar popover button.titlebutton label:hover, + headerbar popover .csd .titlebar button.titlebutton label:hover, + .csd .titlebar.selection-mode headerbar popover button.titlebutton label:hover, + headerbar popover #gf-candidate-popup button label:hover, + #gf-candidate-popup headerbar popover button label:hover, + headerbar popover #gf-candidate-popup .linked > button:first-child label:hover, + #gf-candidate-popup headerbar popover .linked > button:first-child label:hover, + headerbar popover #gf-candidate-popup .linked > button:last-child label:hover, + #gf-candidate-popup headerbar popover .linked > button:last-child label:hover, + headerbar popover window > grid.vertical > box.vertical > widget button label:hover, + window > grid.vertical > box.vertical > widget headerbar popover button label:hover, + headerbar popover layouttabbar button label:hover, + layouttabbar headerbar popover button label:hover, + headerbar popover layouttab button label:hover, + layouttab headerbar popover button label:hover { + color: #263238; } + .titlebar popover button.flat label:disabled, .titlebar popover button.osd.image-button label:disabled, .titlebar popover .osd toolbar button label:disabled, .osd toolbar .titlebar popover button label:disabled, .titlebar popover toolbar.osd button label:disabled, toolbar.osd .titlebar popover button label:disabled, .titlebar popover .app-notification button label:disabled, .app-notification .titlebar popover button label:disabled, .titlebar popover GeditViewFrame .gedit-search-slider button label:disabled, GeditViewFrame .gedit-search-slider .titlebar popover button label:disabled, .titlebar popover toolbar button label:disabled, toolbar .titlebar popover button label:disabled, .titlebar popover button:not(.suggested-action):not(.destructive-action) label:disabled, .titlebar popover .menu > arrow label:disabled, + .titlebar popover .context-menu > arrow label:disabled, + .titlebar popover menu > arrow label:disabled, .titlebar popover placessidebar row button.image-button label:disabled, placessidebar row .titlebar popover button.image-button label:disabled, .titlebar popover .ssd decoration button label:disabled, .ssd decoration .titlebar popover button label:disabled, .titlebar popover .csd headerbar button.titlebutton label:disabled, + .csd .titlebar popover button.titlebutton label:disabled, .titlebar popover #gf-candidate-popup button label:disabled, #gf-candidate-popup .titlebar popover button label:disabled, .titlebar popover window > grid.vertical > box.vertical > widget button label:disabled, window > grid.vertical > box.vertical > widget .titlebar popover button label:disabled, .titlebar popover layouttabbar button label:disabled, layouttabbar .titlebar popover button label:disabled, .titlebar popover layouttab button label:disabled, layouttab .titlebar popover button label:disabled, + headerbar popover button.flat label:disabled, + headerbar popover button.osd.image-button label:disabled, + headerbar popover .osd toolbar button label:disabled, + .osd toolbar headerbar popover button label:disabled, + headerbar popover toolbar.osd button label:disabled, + toolbar.osd headerbar popover button label:disabled, + headerbar popover .app-notification button label:disabled, + .app-notification headerbar popover button label:disabled, + headerbar popover GeditViewFrame .gedit-search-slider button label:disabled, + GeditViewFrame .gedit-search-slider headerbar popover button label:disabled, + headerbar popover toolbar button label:disabled, + toolbar headerbar popover button label:disabled, + headerbar popover button:not(.suggested-action):not(.destructive-action) label:disabled, + headerbar popover .menu > arrow label:disabled, + headerbar popover .context-menu > arrow label:disabled, + headerbar popover menu > arrow label:disabled, + headerbar popover placessidebar row button.image-button label:disabled, + placessidebar row headerbar popover button.image-button label:disabled, + headerbar popover .ssd decoration button label:disabled, + .ssd decoration headerbar popover button label:disabled, + .csd headerbar popover button.titlebutton label:disabled, + headerbar popover .csd .titlebar button.titlebutton label:disabled, + .csd .titlebar.selection-mode headerbar popover button.titlebutton label:disabled, + headerbar popover #gf-candidate-popup button label:disabled, + #gf-candidate-popup headerbar popover button label:disabled, + headerbar popover #gf-candidate-popup .linked > button:first-child label:disabled, + #gf-candidate-popup headerbar popover .linked > button:first-child label:disabled, + headerbar popover #gf-candidate-popup .linked > button:last-child label:disabled, + #gf-candidate-popup headerbar popover .linked > button:last-child label:disabled, + headerbar popover window > grid.vertical > box.vertical > widget button label:disabled, + window > grid.vertical > box.vertical > widget headerbar popover button label:disabled, + headerbar popover layouttabbar button label:disabled, + layouttabbar headerbar popover button label:disabled, + headerbar popover layouttab button label:disabled, + layouttab headerbar popover button label:disabled { + color: rgba(38, 50, 56, 0.3); } + .titlebar switch, + headerbar switch { + margin: 0.20301rem 0; + color: #BBBBBB; + background-color: rgba(236, 239, 241, 0.075); } + .titlebar switch:checked, + headerbar switch:checked { + background-color: rgba(0, 188, 212, 0.2); } + .titlebar switch:checked:disabled, + headerbar switch:checked:disabled { + background-color: rgba(0, 188, 212, 0.2); } + .titlebar switch:disabled, + headerbar switch:disabled { + color: rgba(236, 239, 241, 0.3); + background-color: alpha(currentColor, 0.2); } + .titlebar switch slider, + headerbar switch slider { + background-color: #3e515a; } + .titlebar switch:hover slider, + headerbar switch:hover slider { + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2), alpha(#FFFFFF, 0.2)); } + .titlebar switch:checked slider, + headerbar switch:checked slider { + background-color: #E8E8E8; } + .titlebar switch:checked slider:disabled, + headerbar switch:checked slider:disabled { + background-color: #3F4E56; } + .titlebar switch:disabled slider, + headerbar switch:disabled slider { + background-color: #3F4E56; } + .titlebar spinner, + headerbar spinner { + min-width: 1rem; + min-height: 1rem; + margin: -0.3985rem; } + .titlebar.selection-mode, + headerbar.selection-mode { + border-width: 1px 0 1px 0; + border-top-color: rgba(255, 255, 255, 0.07); + border-bottom-color: transparent; + background-color: #E8E8E8; + color: #FFFFFF; } + .titlebar.selection-mode button, + .titlebar.selection-mode button.image-button, + headerbar.selection-mode button, + headerbar.selection-mode button.image-button { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#FFFFFF), to(transparent)) 0 0 0/0 0 0px; + color: rgba(255, 255, 255, 0.85); } + .titlebar.selection-mode button:hover, .titlebar.selection-mode button:active, .titlebar.selection-mode button:checked, + .titlebar.selection-mode button.image-button:hover, + .titlebar.selection-mode button.image-button:active, + .titlebar.selection-mode button.image-button:checked, + headerbar.selection-mode button:hover, + headerbar.selection-mode button:active, + headerbar.selection-mode button:checked, + headerbar.selection-mode button.image-button:hover, + headerbar.selection-mode button.image-button:active, + headerbar.selection-mode button.image-button:checked { + color: #FFFFFF; } + .titlebar.selection-mode button:disabled, + .titlebar.selection-mode button.image-button:disabled, + headerbar.selection-mode button:disabled, + headerbar.selection-mode button.image-button:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar.selection-mode button:checked, + .titlebar.selection-mode button.image-button:checked, + headerbar.selection-mode button:checked, + headerbar.selection-mode button.image-button:checked { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FFFFFF), to(transparent)) 0 0 2/0 0 2px; + color: #FFFFFF; + background-color: transparent; } + .titlebar.selection-mode button:checked:disabled, + .titlebar.selection-mode button.image-button:checked:disabled, + headerbar.selection-mode button:checked:disabled, + headerbar.selection-mode button.image-button:checked:disabled { + color: rgba(255, 255, 255, 0.4); } + .titlebar.selection-mode button:checked:disabled > label, + .titlebar.selection-mode button.image-button:checked:disabled > label, + headerbar.selection-mode button:checked:disabled > label, + headerbar.selection-mode button.image-button:checked:disabled > label { + color: inherit; } + .titlebar.selection-mode button.suggested-action, + .titlebar.selection-mode button.image-button.suggested-action, + headerbar.selection-mode button.suggested-action, + headerbar.selection-mode button.image-button.suggested-action { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #FFFFFF; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); } + .titlebar.selection-mode button.suggested-action:hover, + .titlebar.selection-mode button.image-button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover, + headerbar.selection-mode button.image-button.suggested-action:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: #263238; } + .titlebar.selection-mode button.suggested-action:active, + .titlebar.selection-mode button.image-button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active, + headerbar.selection-mode button.image-button.suggested-action:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #263238; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .titlebar.selection-mode button.suggested-action:disabled, + .titlebar.selection-mode button.image-button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled, + headerbar.selection-mode button.image-button.suggested-action:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(38, 50, 56, 0.225); } + .titlebar.selection-mode button.suggested-action:disabled > label, + .titlebar.selection-mode button.image-button.suggested-action:disabled > label, + headerbar.selection-mode button.suggested-action:disabled > label, + headerbar.selection-mode button.image-button.suggested-action:disabled > label { + color: inherit; } + .titlebar.selection-mode button.text-button, .titlebar.selection-mode button.suggested-action, + .titlebar.selection-mode button.image-button.text-button, + .titlebar.selection-mode button.image-button.suggested-action, + headerbar.selection-mode button.text-button, + headerbar.selection-mode button.suggested-action, + headerbar.selection-mode button.image-button.text-button, + headerbar.selection-mode button.image-button.suggested-action { + color: rgba(255, 255, 255, 0.85); } + .titlebar.selection-mode button.text-button:hover, .titlebar.selection-mode button.text-button:active, .titlebar.selection-mode button.text-button:checked, .titlebar.selection-mode button.suggested-action:hover, .titlebar.selection-mode button.suggested-action:active, .titlebar.selection-mode button.suggested-action:checked, + .titlebar.selection-mode button.image-button.text-button:hover, + .titlebar.selection-mode button.image-button.text-button:active, + .titlebar.selection-mode button.image-button.text-button:checked, + .titlebar.selection-mode button.image-button.suggested-action:hover, + .titlebar.selection-mode button.image-button.suggested-action:active, + .titlebar.selection-mode button.image-button.suggested-action:checked, + headerbar.selection-mode button.text-button:hover, + headerbar.selection-mode button.text-button:active, + headerbar.selection-mode button.text-button:checked, + headerbar.selection-mode button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:active, + headerbar.selection-mode button.suggested-action:checked, + headerbar.selection-mode button.image-button.text-button:hover, + headerbar.selection-mode button.image-button.text-button:active, + headerbar.selection-mode button.image-button.text-button:checked, + headerbar.selection-mode button.image-button.suggested-action:hover, + headerbar.selection-mode button.image-button.suggested-action:active, + headerbar.selection-mode button.image-button.suggested-action:checked { + color: #FFFFFF; } + .titlebar.selection-mode button.text-button:disabled, .titlebar.selection-mode button.suggested-action:disabled, + .titlebar.selection-mode button.image-button.text-button:disabled, + .titlebar.selection-mode button.image-button.suggested-action:disabled, + headerbar.selection-mode button.text-button:disabled, + headerbar.selection-mode button.suggested-action:disabled, + headerbar.selection-mode button.image-button.text-button:disabled, + headerbar.selection-mode button.image-button.suggested-action:disabled { + color: rgba(255, 255, 255, 0.4); } + .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action), + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).text-button, .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).flat.selection-menu, .titlebar.selection-mode button.osd.image-button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .osd toolbar button:not(.suggested-action):not(.destructive-action).selection-menu, .osd toolbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode toolbar.osd button:not(.suggested-action):not(.destructive-action).selection-menu, toolbar.osd .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .app-notification button:not(.suggested-action):not(.destructive-action).selection-menu, .app-notification .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode GeditViewFrame .gedit-search-slider button:not(.suggested-action):not(.destructive-action).selection-menu, GeditViewFrame .gedit-search-slider .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode toolbar button:not(.suggested-action):not(.destructive-action).selection-menu, toolbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode headerbar button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode .context-menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar.selection-mode menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode placessidebar row button.image-button:not(.suggested-action):not(.destructive-action).selection-menu, placessidebar row .titlebar.selection-mode button.image-button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .ssd decoration button:not(.suggested-action):not(.destructive-action).selection-menu, .ssd decoration .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .csd headerbar button.titlebutton:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode #gf-candidate-popup button:not(.suggested-action):not(.destructive-action).selection-menu, #gf-candidate-popup .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode window > grid.vertical > box.vertical > widget button:not(.suggested-action):not(.destructive-action).selection-menu, window > grid.vertical > box.vertical > widget .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode layouttabbar button:not(.suggested-action):not(.destructive-action).selection-menu, layouttabbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode layouttab button:not(.suggested-action):not(.destructive-action).selection-menu, layouttab .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).text-button, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).flat.selection-menu, + headerbar.selection-mode button.osd.image-button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .osd toolbar button:not(.suggested-action):not(.destructive-action).selection-menu, + .osd toolbar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode toolbar.osd button:not(.suggested-action):not(.destructive-action).selection-menu, + toolbar.osd headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .app-notification button:not(.suggested-action):not(.destructive-action).selection-menu, + .app-notification headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode GeditViewFrame .gedit-search-slider button:not(.suggested-action):not(.destructive-action).selection-menu, + GeditViewFrame .gedit-search-slider headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode toolbar button:not(.suggested-action):not(.destructive-action).selection-menu, + toolbar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .titlebar button:not(.suggested-action):not(.destructive-action).selection-menu, + .titlebar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .context-menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode placessidebar row button.image-button:not(.suggested-action):not(.destructive-action).selection-menu, + placessidebar row headerbar.selection-mode button.image-button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode .ssd decoration button:not(.suggested-action):not(.destructive-action).selection-menu, + .ssd decoration headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode #gf-candidate-popup button:not(.suggested-action):not(.destructive-action).selection-menu, + #gf-candidate-popup headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode window > grid.vertical > box.vertical > widget button:not(.suggested-action):not(.destructive-action).selection-menu, + window > grid.vertical > box.vertical > widget headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode layouttabbar button:not(.suggested-action):not(.destructive-action).selection-menu, + layouttabbar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu, + headerbar.selection-mode layouttab button:not(.suggested-action):not(.destructive-action).selection-menu, + layouttab headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu { + border-radius: 2px; + -gtk-outline-radius: 2px; } + .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).text-button.image-button, .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).flat.selection-menu.image-button, .titlebar.selection-mode button.osd:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .osd toolbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .osd toolbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode toolbar.osd button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, toolbar.osd .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .app-notification button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .app-notification .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode GeditViewFrame .gedit-search-slider button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, GeditViewFrame .gedit-search-slider .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode toolbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, toolbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode headerbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode .context-menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar.selection-mode menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode placessidebar row button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, placessidebar row .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .ssd decoration button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .ssd decoration .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .csd headerbar button.titlebutton:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode #gf-candidate-popup button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, #gf-candidate-popup .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode window > grid.vertical > box.vertical > widget button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, window > grid.vertical > box.vertical > widget .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode layouttabbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, layouttabbar .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode layouttab button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, layouttab .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).text-button.image-button, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).flat.selection-menu.image-button, + headerbar.selection-mode button.osd:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .osd toolbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .osd toolbar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode toolbar.osd button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + toolbar.osd headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .app-notification button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .app-notification headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode GeditViewFrame .gedit-search-slider button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + GeditViewFrame .gedit-search-slider headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode toolbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + toolbar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .titlebar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .titlebar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .context-menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode menu > arrow:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode placessidebar row button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + placessidebar row headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode .ssd decoration button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + .ssd decoration headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode #gf-candidate-popup button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + #gf-candidate-popup headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode window > grid.vertical > box.vertical > widget button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + window > grid.vertical > box.vertical > widget headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode layouttabbar button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + layouttabbar headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + headerbar.selection-mode layouttab button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, + layouttab headerbar.selection-mode button:not(.suggested-action):not(.destructive-action).selection-menu.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .titlebar.selection-mode entry, .titlebar.selection-mode spinbutton:not(.vertical), + headerbar.selection-mode entry, + headerbar.selection-mode spinbutton:not(.vertical) { + color: #BBBBBB; } + .titlebar.selection-mode entry:focus, .titlebar.selection-mode spinbutton:focus:not(.vertical), + headerbar.selection-mode entry:focus, + headerbar.selection-mode spinbutton:focus:not(.vertical) { + color: #ECEFF1; } + .titlebar.selection-mode entry:disabled, .titlebar.selection-mode spinbutton:disabled:not(.vertical), + headerbar.selection-mode entry:disabled, + headerbar.selection-mode spinbutton:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.225); } + .titlebar.selection-mode .selection-menu, + headerbar.selection-mode .selection-menu { + padding-left: 1.20301rem; + padding-right: 1.20301rem; } + .titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu.popup, + headerbar.selection-mode .selection-menu, + headerbar.selection-mode .selection-menu.popup { + color: rgba(255, 255, 255, 0.85); } + .titlebar.selection-mode .selection-menu:hover, .titlebar.selection-mode .selection-menu:active, .titlebar.selection-mode .selection-menu:checked, .titlebar.selection-mode .selection-menu.popup:hover, .titlebar.selection-mode .selection-menu.popup:active, .titlebar.selection-mode .selection-menu.popup:checked, + headerbar.selection-mode .selection-menu:hover, + headerbar.selection-mode .selection-menu:active, + headerbar.selection-mode .selection-menu:checked, + headerbar.selection-mode .selection-menu.popup:hover, + headerbar.selection-mode .selection-menu.popup:active, + headerbar.selection-mode .selection-menu.popup:checked { + color: #FFFFFF; } + .titlebar.selection-mode .selection-menu:disabled, .titlebar.selection-mode .selection-menu.popup:disabled, + headerbar.selection-mode .selection-menu:disabled, + headerbar.selection-mode .selection-menu.popup:disabled { + color: rgba(236, 239, 241, 0.225); } + .titlebar.selection-mode .selection-menu:checked, .titlebar.selection-mode .selection-menu.popup:checked, + headerbar.selection-mode .selection-menu:checked, + headerbar.selection-mode .selection-menu.popup:checked { + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FFFFFF), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; } + .titlebar.selection-mode .selection-menu:checked:disabled, .titlebar.selection-mode .selection-menu.popup:checked:disabled, + headerbar.selection-mode .selection-menu:checked:disabled, + headerbar.selection-mode .selection-menu.popup:checked:disabled { + color: rgba(255, 255, 255, 0.4); } + .titlebar.selection-mode .selection-menu:checked:disabled > label, .titlebar.selection-mode .selection-menu.popup:checked:disabled > label, + headerbar.selection-mode .selection-menu:checked:disabled > label, + headerbar.selection-mode .selection-menu.popup:checked:disabled > label { + color: inherit; } + .titlebar.selection-mode .selection-menu GtkArrow, + headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1.0; } + .titlebar.selection-mode .selection-menu .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(255, 255, 255, 0.85); } + .tiled .titlebar, .tiled + headerbar { + transition: none; } + .maximized .titlebar, .maximized + headerbar { + transition: none; } + .titlebar.default-decoration, + headerbar.default-decoration { + min-height: 26.7px; + padding: 5.3px; + border-width: 0; } + .titlebar.default-decoration .title, + headerbar.default-decoration .title { + color: #ECEFF1; } + .titlebar.default-decoration .title:backdrop, + headerbar.default-decoration .title:backdrop { + color: rgba(236, 239, 241, 0.4); } + .titlebar.default-decoration button.titlebutton, + headerbar.default-decoration button.titlebutton { + min-width: 26.7px; + min-height: 26.7px; + margin: 0; + padding: 0; + color: #BBBBBB; + background-size: 2.44361rem 2.44361rem, auto; } + .titlebar.default-decoration button.titlebutton:hover, .titlebar.default-decoration button.titlebutton:active, + headerbar.default-decoration button.titlebutton:hover, + headerbar.default-decoration button.titlebutton:active { + color: #ECEFF1; } + .titlebar.default-decoration button.titlebutton:backdrop, + headerbar.default-decoration button.titlebutton:backdrop { + color: rgba(236, 239, 241, 0.4); } + +headerbar { + border-width: 1px 0 1px; + border-style: solid; + border-top-color: #FFFFFF; + border-bottom-color: #FFFFFF; } + headerbar.titlebar, .csd headerbar, box headerbar:only-child { + padding: 0.3985rem;} + box headerbar:not(:only-child):first-child, box headerbar:not(:only-child):last-child { + border-left-color: #FFFFFF; + border-right-color: #FFFFFF; } + .tiled box headerbar:not(:only-child):first-child, .maximized box headerbar:not(:only-child):first-child, .tiled box headerbar:not(:only-child):last-child, .maximized box headerbar:not(:only-child):last-child { + border-left-color: #FFFFFF; + border-right-color: #FFFFFF; } + box headerbar:not(:only-child):last-child:dir(ltr) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), -5px 0 0 -1px #FFFFFF, -2px 0 0 -1px rgba(0, 0, 0, 0.09); } + box headerbar:not(:only-child):last-child:dir(rtl) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), 5px 0 0 -1px #FFFFFF, 2px 0 0 -1px rgba(0, 0, 0, 0.09); } + +box headerbar.selection-mode:not(:only-child):last-child:dir(ltr) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), -5px 0 0 -1px #E8E8E8, -2px 0 0 -1px #242F35; } +box headerbar.selection-mode:not(:only-child):last-child:dir(rtl) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), 5px 0 0 -1px #E8E8E8, 2px 0 0 -1px #242F35; } + +headerbar, +.titlebar { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + box headerbar:not(:last-child):not(.titlebar):dir(ltr), box + .titlebar:not(:last-child):not(.titlebar):dir(ltr) { + border-top-left-radius: 2px; + border-top-right-radius: 0; } + box headerbar:not(:last-child):not(.titlebar):dir(rtl), box + .titlebar:not(:last-child):not(.titlebar):dir(rtl) { + border-top-left-radius: 0; + border-top-right-radius: 2px; } + box headerbar:last-child:not(.titlebar):dir(ltr), box + .titlebar:last-child:not(.titlebar):dir(ltr) { + border-top-left-radius: 0; } + box headerbar:last-child:not(.titlebar):dir(rtl), box + .titlebar:last-child:not(.titlebar):dir(rtl) { + border-top-right-radius: 0; } + +window:not(.maximized):not(.tiled) paned.titlebar { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + window:not(.maximized):not(.tiled) paned.titlebar > headerbar:not(:last-child):dir(ltr) { + border-top-left-radius: 2px; + border-top-right-radius: 0; } + window:not(.maximized):not(.tiled) paned.titlebar > headerbar:not(:last-child):dir(rtl) { + border-top-left-radius: 0; + border-top-right-radius: 2px; } + window:not(.maximized):not(.tiled) paned.titlebar > headerbar:last-child:dir(ltr) { + border-top-left-radius: 0; + border-top-right-radius: 2px; } + window:not(.maximized):not(.tiled) paned.titlebar > headerbar:last-child:dir(rtl) { + border-top-left-radius: 2px; + border-top-right-radius: 0; } + +.ssd decoration .titlebar { + border-top: 1px solid rgba(255, 255, 255, 0.07); + box-shadow: none; } + +.tiled .titlebar, .tiled +headerbar, .tiled headerbar.titlebar, .tiled .csd headerbar, .tiled box headerbar:only-child, .tiled box headerbar:not(:only-child):last-child:dir(ltr), .tiled box headerbar:not(:only-child):last-child:dir(rtl), .tiled paned headerbar:not(:only-child):last-child:dir(ltr), .tiled paned headerbar:not(:only-child):last-child:dir(rtl), .tiled box headerbar.selection-mode:not(:only-child):last-child:dir(ltr), .tiled box headerbar.selection-mode:not(:only-child):last-child:dir(rtl), .tiled .ssd decoration .titlebar { + border-radius: 0; + border-color: #FFFFFF; + border-width: 2px 0 0 0; + border-top-color: #4DD0E1; + background-color: #FFFFFF; + box-shadow: none; } + .tiled .titlebar:backdrop, .tiled + headerbar:backdrop, .tiled box headerbar:backdrop:only-child, .tiled box headerbar:backdrop:not(:only-child):last-child:dir(ltr), .tiled box headerbar:backdrop:not(:only-child):last-child:dir(rtl), .tiled paned headerbar:backdrop:not(:only-child):last-child:dir(ltr), .tiled paned headerbar:backdrop:not(:only-child):last-child:dir(rtl), .tiled .ssd decoration .titlebar:backdrop { + border-top-color: alpha(currentColor, 0.2); } + +.maximized .titlebar, .maximized +headerbar, .maximized headerbar.titlebar, .maximized .csd headerbar, .maximized box headerbar:only-child, .maximized box headerbar:not(:only-child):last-child:dir(ltr), .maximized box headerbar:not(:only-child):last-child:dir(rtl), .maximized paned headerbar:not(:only-child):last-child:dir(ltr), .maximized paned headerbar:not(:only-child):last-child:dir(rtl), .maximized box headerbar.selection-mode:not(:only-child):last-child:dir(ltr), .maximized box headerbar.selection-mode:not(:only-child):last-child:dir(rtl), .maximized .ssd decoration .titlebar { + border-radius: 0; + border-color: #FFFFFF; + border-width: 1px 0 0 0; + background-color: #FFFFFF; + box-shadow: none; } + +/************ + * Pathbars * + ************/ +.linked.path-bar button, .linked.path-bar button.text-button, +.path-bar button, +.path-bar button.text-button { + padding: 0 0.09774rem 0; + -gtk-outline-radius: 2px; } +.linked.path-bar button.image-button, +.path-bar button.image-button { + padding: 0 0.3985rem 0; } +.linked.path-bar button.text-button.image-button, +.path-bar button.text-button.image-button { + -gtk-outline-radius: 2px; } + .linked.path-bar button.text-button.image-button label, + .path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } +.linked.path-bar button.text-button.image-button label:last-child, +.path-bar button.text-button.image-button label:last-child { + padding-right: 0.3985rem; } +.linked.path-bar button.text-button.image-button label:first-child, +.path-bar button.text-button.image-button label:first-child { + padding-left: 0.3985rem; } +.linked.path-bar button image, +.path-bar button image { + padding: 0.09774rem 0.3985rem 0; } +.linked.path-bar button.slider-button, .linked.path-bar button.image-button.text-button.toggle, +.path-bar button.slider-button, +.path-bar button.image-button.text-button.toggle { + min-height: 1.30075rem; + padding: 0 0.09774rem 0; + -gtk-outline-radius: 2px; } + +/************** + * Tree Views * + **************/ +treeview.view, .tweak-category { + border-left-color: alpha(currentColor, 0.2); + border-top-color: rgba(0, 0, 0, 0.09); + border-radius: 0; + background-color: transparent; + background-image: none; + box-shadow: none; } + * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; } + treeview.view:hover, .tweak-category:hover, treeview.view:active, .tweak-category:active { + border-radius: 0; } + treeview.view:selected, .tweak-category:selected { + border-radius: 0; } + treeview.view, .tweak-category, treeview.view entry, .tweak-category entry, treeview.view spinbutton:not(.vertical), .tweak-category spinbutton:not(.vertical), + treeview.view entry > label, + .tweak-category entry > label, + treeview.view spinbutton:not(.vertical) > label, + .tweak-category spinbutton:not(.vertical) > label { + color: rgba(38, 50, 56, 0.75); } + treeview.view:hover, .tweak-category:hover, treeview.view:active, .tweak-category:active, treeview.view:focus, .tweak-category:focus, treeview.view entry:hover, .tweak-category entry:hover, treeview.view spinbutton:hover:not(.vertical), .tweak-category spinbutton:hover:not(.vertical), treeview.view entry:active, .tweak-category entry:active, treeview.view spinbutton:active:not(.vertical), .tweak-category spinbutton:active:not(.vertical), treeview.view entry:focus, .tweak-category entry:focus, treeview.view spinbutton:focus:not(.vertical), .tweak-category spinbutton:focus:not(.vertical), + treeview.view entry > label:hover, + .tweak-category entry > label:hover, + treeview.view spinbutton:not(.vertical) > label:hover, + .tweak-category spinbutton:not(.vertical) > label:hover, + treeview.view entry > label:active, + .tweak-category entry > label:active, + treeview.view spinbutton:not(.vertical) > label:active, + .tweak-category spinbutton:not(.vertical) > label:active, + treeview.view entry > label:focus, + .tweak-category entry > label:focus, + treeview.view spinbutton:not(.vertical) > label:focus, + .tweak-category spinbutton:not(.vertical) > label:focus { + color: #263238; } + treeview.view:selected, .tweak-category:selected, treeview.view entry:selected, .tweak-category entry:selected, treeview.view spinbutton:selected:not(.vertical), .tweak-category spinbutton:selected:not(.vertical), + treeview.view entry > label:selected, + .tweak-category entry > label:selected, + treeview.view spinbutton:not(.vertical) > label:selected, + .tweak-category spinbutton:not(.vertical) > label:selected { + color: #FFFFFF; } + treeview.view:disabled, .tweak-category:disabled, treeview.view entry:disabled, .tweak-category entry:disabled, treeview.view spinbutton:disabled:not(.vertical), .tweak-category spinbutton:disabled:not(.vertical), + treeview.view entry > label:disabled, + .tweak-category entry > label:disabled, + treeview.view spinbutton:not(.vertical) > label:disabled, + .tweak-category spinbutton:not(.vertical) > label:disabled { + color: rgba(38, 50, 56, 0.3); } + treeview.view:disabled:selected, .tweak-category:disabled:selected, treeview.view entry:disabled:selected, .tweak-category entry:disabled:selected, treeview.view spinbutton:disabled:selected:not(.vertical), .tweak-category spinbutton:disabled:selected:not(.vertical), + treeview.view entry > label:disabled:selected, + .tweak-category entry > label:disabled:selected, + treeview.view spinbutton:not(.vertical) > label:disabled:selected, + .tweak-category spinbutton:not(.vertical) > label:disabled:selected { + color: rgba(255, 255, 255, 0.4); } + treeview.view .separator, .tweak-category .separator, treeview.view .separator:hover, .tweak-category .separator:hover { + color: transparent; + background-color: rgba(0, 0, 0, 0.09); } + treeview.view.dnd, .dnd.tweak-category { + border-style: solid none; + border-width: 1px; + border-color: #137786; } + treeview.view expander arrow, .tweak-category expander arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + treeview.view expander arrow:dir(rtl), .tweak-category expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view expander arrow:checked, .tweak-category expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view expander arrow:selected, .tweak-category expander arrow:selected { + color: rgba(255, 255, 255, 0.75); } + treeview.view expander arrow:selected:hover, .tweak-category expander arrow:selected:hover, treeview.view expander arrow:selected:active, .tweak-category expander arrow:selected:active { + color: #FFFFFF; } + treeview.view.progressbar, .progressbar.tweak-category { + box-shadow: inset 0 -4px #E8E8E8; } + treeview.view.progressbar:selected, .progressbar.tweak-category:selected { + box-shadow: inset 0 -4px #FFFFFF; } + treeview.view.trough, .trough.tweak-category { + box-shadow: inset 0 -4px alpha(#E8E8E8, 0.2); } + treeview.view.trough:selected, .trough.tweak-category:selected { + box-shadow: inset 0 -4px alpha(#FFFFFF, 0.2); } + treeview.view, .tweak-category, paned treeview.view, paned .tweak-category { + background-color: #FFFFFF; } + treeview.view:hover, .tweak-category:hover, + treeview.view row:hover, + .tweak-category row:hover, paned treeview.view:hover, paned .tweak-category:hover, + paned treeview.view row:hover, + paned .tweak-category row:hover { + color: #263238; } + treeview.view acceleditor > label, .tweak-category acceleditor > label { + background-color: #E8E8E8; } + treeview.view header button, .tweak-category header button { + min-height: 1.50376rem; + padding: 0 0.50376rem 0; + border-style: none solid solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.09); + border-radius: 0; + box-shadow: none; + background-color: #FFFFFF; + color: rgba(38, 50, 56, 0.5); } + treeview.view header:hover, .tweak-category header:hover, treeview.view header:active, .tweak-category header:active { + color: #263238; + box-shadow: none; } + treeview.view header:disabled, .tweak-category header:disabled { + background-color: #FFFFFF; } + treeview.view button:last-child, .tweak-category button:last-child, treeview.view:last-child button, .tweak-category:last-child button { + border-right-style: none; } + treeview.view.separator, .separator.tweak-category { + min-height: 0.15038rem; + color: transparent; + background-color: rgba(0, 0, 0, 0.09); } + +column-header.button.dnd, treeview.view header.dnd, .tweak-category header.dnd { + transition: none; + border-left-style: solid; + color: #E8E8E8; } + +/********* + * Menus * + *********/ +.menubar, +menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #FFFFFF; + color: #BBBBBB; } + .tiled .menubar, .maximized .menubar, .tiled + menubar, .maximized + menubar { + background-color: #FFFFFF; + box-shadow: none; + transition: none; } + .menubar > menuitem, + menubar > menuitem { + min-height: 1.50376rem; + padding: 0.3985rem 0.6015rem 0.50376rem; + color: #BBBBBB; + background-color: transparent; } + .menubar > menuitem:hover, + menubar > menuitem:hover { + color: #ECEFF1; + box-shadow: inset 0 -2px #E8E8E8; } + .menubar > menuitem:disabled, + menubar > menuitem:disabled { + color: rgba(236, 239, 241, 0.3); + box-shadow: none; } + +.menu, +.context-menu, +menu { + margin: 0.30075rem 0; + padding: 0.30075rem 0; + border-width: 1px; + border-style: solid; + border-color: #FFFFFF transparent transparent; + background-color: #fdfdfe; } + .csd .menu, .csd + .context-menu, .csd + menu { + border-width: 1px; + border-radius: 2px; + border-color: #FFFFFF transparent transparent; } + .menu .menuitem, + .menu menuitem, + .context-menu .menuitem, + .context-menu menuitem, + menu .menuitem, + menu menuitem { + min-height: 1.50376rem; + min-width: 3.00752rem; + padding: 0.3985rem 0.6015rem 0.50376rem; + color: rgba(38, 50, 56, 0.75); + font: initial; + text-shadow: none; + transition: none; } + .menu .menuitem:hover, + .menu menuitem:hover, + .context-menu .menuitem:hover, + .context-menu menuitem:hover, + menu .menuitem:hover, + menu menuitem:hover { + color: #263238; + background-color: alpha(currentColor, 0.1); + transition: none; } + .menu .menuitem:disabled, + .menu menuitem:disabled, + .context-menu .menuitem:disabled, + .context-menu menuitem:disabled, + menu .menuitem:disabled, + menu menuitem:disabled { + color: rgba(38, 50, 56, 0.3); } + .menu .menuitem arrow, + .menu menuitem arrow, + .context-menu .menuitem arrow, + .context-menu menuitem arrow, + menu .menuitem arrow, + menu menuitem arrow { + min-height: 1.20301rem; + min-width: 1.20301rem; } + .menu .menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr), + .context-menu .menuitem arrow:dir(ltr), + .context-menu menuitem arrow:dir(ltr), + menu .menuitem arrow:dir(ltr), + menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 0.80451rem; } + .menu .menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl), + .context-menu .menuitem arrow:dir(rtl), + .context-menu menuitem arrow:dir(rtl), + menu .menuitem arrow:dir(rtl), + menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 0.80451rem; } + .menu .menuitem label:dir(rtl), .menu .menuitem label:dir(ltr), + .menu menuitem label:dir(rtl), + .menu menuitem label:dir(ltr), + .context-menu .menuitem label:dir(rtl), + .context-menu .menuitem label:dir(ltr), + .context-menu menuitem label:dir(rtl), + .context-menu menuitem label:dir(ltr), + menu .menuitem label:dir(rtl), + menu .menuitem label:dir(ltr), + menu menuitem label:dir(rtl), + menu menuitem label:dir(ltr) { + color: inherit; } + .menu > arrow, + .context-menu > arrow, + menu > arrow { + min-height: 1.20301rem; + min-width: 1.20301rem; + padding: 0.30075rem; + border-style: none; + border-radius: 0; + background-color: #fdfdfe; } + .menu > arrow.top, + .context-menu > arrow.top, + menu > arrow.top { + margin-top: -0.3985rem; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid rgba(0, 0, 0, 0.09); } + .menu > arrow.bottom, + .context-menu > arrow.bottom, + menu > arrow.bottom { + margin-bottom: -0.3985rem; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid rgba(0, 0, 0, 0.09); } + .menu > arrow:hover, + .context-menu > arrow:hover, + menu > arrow:hover { + background-color: #FFFFFF; } + .menu > arrow:disabled, + .context-menu > arrow:disabled, + menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + .menu > separator:dir(ltr), + .context-menu > separator:dir(ltr), + menu > separator:dir(ltr) { + margin-left: 2.40602rem; } + .menu > separator:dir(rtl), + .context-menu > separator:dir(rtl), + menu > separator:dir(rtl) { + margin-right: 2.40602rem; } + +menuitem accelerator { + color: alpha(currentColor, 0.55); } +menuitem separator { + color: transparent; + background: none; + border-top: 1px solid rgba(0, 0, 0, 0.09); } + menuitem separator:dir(ltr) { + margin-left: 2.40602rem; } + menuitem separator:dir(rtl) { + margin-right: 2.40602rem; } + +.csd.popup { + border-radius: 2px; } + +/************ + * Popovers * + ************/ +popover.background { + padding: 2px; + background-color: #fdfdfe; + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.2); } + .csd popover.background, popover.background { + border: 1px solid; + border-color: #FFFFFF #fdfdfe #fdfdfe; + border-radius: 3px; } + popover.background:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + popover.background > list, + popover.background > .view, + popover.background > iconview, + popover.background > toolbar, popover.background.osd > toolbar { + border-style: none; + border-image: none; + background-color: transparent; } + popover.background button menuitem.flat, + popover.background button.flat, + popover.background button.osd.image-button, + popover.background .osd toolbar button, + .osd toolbar popover.background button, + popover.background toolbar.osd button, + toolbar.osd popover.background button, + popover.background .app-notification button, + .app-notification popover.background button, + popover.background GeditViewFrame .gedit-search-slider button, + GeditViewFrame .gedit-search-slider popover.background button, + popover.background toolbar button, + toolbar popover.background button, + popover.background .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar popover.background button:not(.suggested-action):not(.destructive-action), + popover.background headerbar button:not(.suggested-action):not(.destructive-action), + headerbar popover.background button:not(.suggested-action):not(.destructive-action), + popover.background .menu > arrow, + popover.background .context-menu > arrow, + popover.background menu > arrow, + popover.background placessidebar row button.image-button, + placessidebar row popover.background button.image-button, + popover.background .ssd decoration button, + .ssd decoration popover.background button, + popover.background .csd headerbar button.titlebutton, + .csd headerbar popover.background button.titlebutton, + popover.background .csd .titlebar button.titlebutton, + .csd .titlebar popover.background button.titlebutton, + popover.background #gf-candidate-popup button, + #gf-candidate-popup popover.background button, + popover.background #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup popover.background .linked > button:first-child, + popover.background #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup popover.background .linked > button:last-child, + popover.background window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget popover.background button, + popover.background layouttabbar button, + layouttabbar popover.background button, + popover.background layouttab button, + layouttab popover.background button { + transition: none; + padding: 0 0.75188rem 0; + background-color: transparent; + background-size: 9.96241rem 9.96241rem, auto; + color: rgba(38, 50, 56, 0.75); + font: initial; } + popover.background button menuitem.flat:hover, + popover.background button.flat:hover, + popover.background button.osd.image-button:hover, + popover.background .osd toolbar button:hover, + .osd toolbar popover.background button:hover, + popover.background toolbar.osd button:hover, + toolbar.osd popover.background button:hover, + popover.background .app-notification button:hover, + .app-notification popover.background button:hover, + popover.background GeditViewFrame .gedit-search-slider button:hover, + GeditViewFrame .gedit-search-slider popover.background button:hover, + popover.background toolbar button:hover, + toolbar popover.background button:hover, + popover.background .titlebar button:hover:not(.suggested-action):not(.destructive-action), + .titlebar popover.background button:hover:not(.suggested-action):not(.destructive-action), + popover.background headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action), + popover.background .menu > arrow:hover, + popover.background .context-menu > arrow:hover, + popover.background menu > arrow:hover, + popover.background placessidebar row button.image-button:hover, + placessidebar row popover.background button.image-button:hover, + popover.background .ssd decoration button:hover, + .ssd decoration popover.background button:hover, + popover.background .csd headerbar button.titlebutton:hover, + .csd headerbar popover.background button.titlebutton:hover, + popover.background .csd .titlebar button.titlebutton:hover, + .csd .titlebar popover.background button.titlebutton:hover, + popover.background #gf-candidate-popup button:hover, + #gf-candidate-popup popover.background button:hover, + popover.background window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget popover.background button:hover, + popover.background layouttabbar button:hover, + layouttabbar popover.background button:hover, + popover.background layouttab button:hover, + layouttab popover.background button:hover { + background-color: transparent; + color: #263238; } + popover.background button menuitem.flat label, + popover.background button.flat label, + popover.background button.osd.image-button label, + popover.background .osd toolbar button label, + .osd toolbar popover.background button label, + popover.background toolbar.osd button label, + toolbar.osd popover.background button label, + popover.background .app-notification button label, + .app-notification popover.background button label, + popover.background GeditViewFrame .gedit-search-slider button label, + GeditViewFrame .gedit-search-slider popover.background button label, + popover.background toolbar button label, + toolbar popover.background button label, + popover.background .titlebar button:not(.suggested-action):not(.destructive-action) label, + .titlebar popover.background button:not(.suggested-action):not(.destructive-action) label, + popover.background headerbar button:not(.suggested-action):not(.destructive-action) label, + headerbar popover.background button:not(.suggested-action):not(.destructive-action) label, + popover.background .menu > arrow label, + popover.background .context-menu > arrow label, + popover.background menu > arrow label, + popover.background placessidebar row button.image-button label, + placessidebar row popover.background button.image-button label, + popover.background .ssd decoration button label, + .ssd decoration popover.background button label, + popover.background .csd headerbar button.titlebutton label, + .csd headerbar popover.background button.titlebutton label, + popover.background .csd .titlebar button.titlebutton label, + .csd .titlebar popover.background button.titlebutton label, + popover.background #gf-candidate-popup button label, + #gf-candidate-popup popover.background button label, + popover.background #gf-candidate-popup .linked > button:first-child label, + #gf-candidate-popup popover.background .linked > button:first-child label, + popover.background #gf-candidate-popup .linked > button:last-child label, + #gf-candidate-popup popover.background .linked > button:last-child label, + popover.background window > grid.vertical > box.vertical > widget button label, + window > grid.vertical > box.vertical > widget popover.background button label, + popover.background layouttabbar button label, + layouttabbar popover.background button label, + popover.background layouttab button label, + layouttab popover.background button label { + padding: 0.20301rem 0 0.24812rem; } + popover.background button.image-button { + padding: 0.50376rem; } + popover.background button.model.image-button { + min-height: 2.00752rem; } + popover.background .linked > button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); } + popover.background .linked > button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + popover.background .linked > button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + popover.background .linked > button:disabled { + box-shadow: none; + background-color: transparent; } + popover.background .linked > button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + color: #263238; + background-color: transparent; } + popover.background .linked > button:checked:disabled > label { + color: inherit; } + .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); } + popover.background separator { + margin: 0.22556rem 0; } + +/************* + * Notebooks * + *************/ +notebook { + padding: 0; } + notebook.frame { + border: 1px solid #E5E9EC; + transition: none; } + notebook.frame > header, notebook.frame > header.frame { + border-style: none; } + notebook.frame > header.top { + margin: -1px -1px 0 -1px; } + notebook.frame > header.bottom { + margin: 0 -1px -1px -1px; } + notebook.frame > header.left { + margin: -1px 0 -1px -1px; } + notebook.frame > header.right { + margin: -1px -1px -1px 0; } + notebook > stack { + transition: none; } + notebook > stack:only-child { + border: none; + background-color: transparent; + box-shadow: none; } + notebook > stack:not(:only-child), notebook > stack:not(:first-child), notebook > stack:not(:last-child) { + border: none; + background-color: #FFFFFF; + box-shadow: inset 0 0 0 1px #FFFFFF; } + notebook > header { + background-color: #FFFFFF; } + notebook > header tabs { + background-color: transparent; } + notebook > header.top { + box-shadow: 0 1px rgba(0, 0, 0, 0.09); } + notebook > header.bottom { + box-shadow: 0 -1px rgba(0, 0, 0, 0.09); } + notebook > header.left { + box-shadow: 1px 0 rgba(0, 0, 0, 0.09); } + notebook > header.right { + box-shadow: -1px 0 rgba(0, 0, 0, 0.09); } + notebook > header.top > tabs { + margin: 0 0.45113rem -1px 0.45113rem; } + notebook > header.top > tabs > tab { + margin: 0 -1px 0 -1px; + padding: 0.3985rem 1.20301rem; + border-bottom-width: 2px; + box-shadow: none; } + notebook > header.top > tabs > tab.reorderable-page { + padding-left: 0.75188rem; + padding-right: 0.75188rem; + border-left-width: 1px; + border-right-width: 1px; } + notebook > header.bottom > tabs { + margin: -1px 0.45113rem 0 0.45113rem; } + notebook > header.bottom > tabs > tab { + margin: 0 -1px 0 -1px; + padding: 0.3985rem 1.20301rem; + border-top-width: 2px; + box-shadow: none; } + notebook > header.bottom > tabs > tab.reorderable-page { + padding-left: 1.20301rem; + padding-right: 1.20301rem; + border-left-width: 1px; + border-right-width: 1px; } + notebook > header.left > tabs { + margin: 0.45113rem -1px 0.45113rem 0; } + notebook > header.left > tabs > tab { + margin: -1px 0 -1px 0; + padding: 0.3985rem 0.75188rem; + border-right-width: 2px; + box-shadow: none; } + notebook > header.left > tabs > tab.reorderable-page { + border-bottom-width: 1px; + border-top-width: 1px; } + notebook > header.right > tabs { + margin: 0.45113rem 0 0.45113rem -1px; } + notebook > header.right > tabs > tab { + margin: -1px 0 -1px 0; + padding: 0.3985rem 0.75188rem; + border-left-width: 2px; + box-shadow: none; } + notebook > header.right > tabs > tab.reorderable-page { + border-bottom-width: 1px; + border-top-width: 1px; } + notebook > header.top tab.reorderable-page { + border-bottom-width: 2px; + border-bottom-color: transparent; } + notebook > header.top tab.reorderable-page:hover { + border-color: rgba(0, 0, 0, 0.09); + border-bottom-width: 2px; + border-bottom-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; + box-shadow: none; } + notebook > header.top tab.reorderable-page:checked { + border-color: rgba(0, 0, 0, 0.09); + border-bottom-width: 2px; + border-bottom-color: #E8E8E8; + background-color: #FFFFFF; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02); } + notebook > header.bottom tab.reorderable-page { + border-top-width: 2px; + border-top-color: transparent; } + notebook > header.bottom tab.reorderable-page:hover { + border-color: rgba(0, 0, 0, 0.09); + border-top-width: 2px; + border-top-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; + box-shadow: none; } + notebook > header.bottom tab.reorderable-page:checked { + border-color: rgba(0, 0, 0, 0.09); + border-top-width: 2px; + border-top-color: #E8E8E8; + background-color: #FFFFFF; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02); } + notebook > header.left tab.reorderable-page { + border-right-width: 2px; + border-right-color: transparent; } + notebook > header.left tab.reorderable-page:hover { + border-color: rgba(0, 0, 0, 0.09); + border-right-width: 2px; + border-right-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; + box-shadow: none; } + notebook > header.left tab.reorderable-page:checked { + border-color: rgba(0, 0, 0, 0.09); + border-right-width: 2px; + border-right-color: #E8E8E8; + background-color: #FFFFFF; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02); } + notebook > header.right tab.reorderable-page { + border-left-width: 2px; + border-left-color: transparent; } + notebook > header.right tab.reorderable-page:hover { + border-color: rgba(0, 0, 0, 0.09); + border-left-width: 2px; + border-left-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; + box-shadow: none; } + notebook > header.right tab.reorderable-page:checked { + border-color: rgba(0, 0, 0, 0.09); + border-left-width: 2px; + border-left-color: #E8E8E8; + background-color: #FFFFFF; + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02); } + notebook > header > tabs > arrow { + transition: none; + min-height: 1.20301rem; + min-width: 1.20301rem; + margin: 0 0.50376rem; + border-radius: 0; + color: rgba(38, 50, 56, 0.5); } + notebook > header > tabs > arrow:hover, notebook > header > tabs > arrow:active { + color: #263238; } + notebook > header > tabs > arrow:disabled { + color: rgba(38, 50, 56, 0.3); } + notebook > header.top button, notebook > header.bottom button, notebook > header.left button, notebook > header.right button { + min-height: 1.20301rem; + min-width: 1.20301rem; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; } + notebook > header.top button > image, notebook > header.bottom button > image, notebook > header.left button > image, notebook > header.right button > image { + padding: 0.50376rem; } + notebook tab { + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; + outline-offset: -0.45113rem; } + notebook tab:hover { + border-color: alpha(currentColor, 0.2); } + notebook tab:checked { + border-color: #E8E8E8; } + notebook tab label { + padding: 0.09774rem; + font-weight: 700; + color: rgba(38, 50, 56, 0.5); } + notebook tab.reorderable-page label { + padding: 0.3985rem 0 0.3985rem; } + notebook tab:hover label { + color: #263238; } + notebook tab:checked label { + color: #263238; } + notebook tab button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + min-width: 1.20301rem; + min-height: 1.20301rem; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-size: 2.44361rem 2.44361rem, auto; + color: rgba(38, 50, 56, 0.5); } + notebook tab button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + notebook tab button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + notebook tab button:disabled { + box-shadow: none; + background-color: transparent; } + notebook tab button > image { + padding: 0.50376rem; } + notebook tab:hover button, notebook tab:checked button { + color: #263238; } + notebook tab:hover button image, notebook tab:checked button image { + color: #263238; } + notebook tab:disabled button { + color: rgba(38, 50, 56, 0.3); } + notebook tab:disabled button image { + color: rgba(38, 50, 56, 0.3); } + notebook tab button.flat.image-button.small-button, notebook tab button.image-button.small-button.osd, notebook tab .osd toolbar button.image-button.small-button, .osd toolbar notebook tab button.image-button.small-button, notebook tab toolbar.osd button.image-button.small-button, toolbar.osd notebook tab button.image-button.small-button, notebook tab .app-notification button.image-button.small-button, .app-notification notebook tab button.image-button.small-button, notebook tab GeditViewFrame .gedit-search-slider button.image-button.small-button, GeditViewFrame .gedit-search-slider notebook tab button.image-button.small-button, notebook tab toolbar button.image-button.small-button, toolbar notebook tab button.image-button.small-button, notebook tab .titlebar button.image-button.small-button:not(.suggested-action):not(.destructive-action), .titlebar notebook tab button.image-button.small-button:not(.suggested-action):not(.destructive-action), + notebook tab headerbar button.image-button.small-button:not(.suggested-action):not(.destructive-action), + headerbar notebook tab button.image-button.small-button:not(.suggested-action):not(.destructive-action), notebook tab .menu > arrow.image-button.small-button, + notebook tab .context-menu > arrow.image-button.small-button, + notebook tab menu > arrow.image-button.small-button, notebook tab placessidebar row button.image-button.small-button, placessidebar row notebook tab button.image-button.small-button, notebook tab .ssd decoration button.image-button.small-button, .ssd decoration notebook tab button.image-button.small-button, notebook tab .csd headerbar button.image-button.small-button.titlebutton, .csd headerbar notebook tab button.image-button.small-button.titlebutton, + notebook tab .csd .titlebar button.image-button.small-button.titlebutton, + .csd .titlebar notebook tab button.image-button.small-button.titlebutton, notebook tab #gf-candidate-popup button.image-button.small-button, #gf-candidate-popup notebook tab button.image-button.small-button, notebook tab window > grid.vertical > box.vertical > widget button.image-button.small-button, window > grid.vertical > box.vertical > widget notebook tab button.image-button.small-button, notebook tab layouttabbar button.image-button.small-button, layouttabbar notebook tab button.image-button.small-button, notebook tab layouttab button.image-button.small-button, layouttab notebook tab button.image-button.small-button { + min-width: 1.20301rem; + min-height: 1.20301rem; + padding: 0; } + notebook tab button.flat.image-button.small-button > widget > box > image, notebook tab button.image-button.small-button.osd > widget > box > image, notebook tab .osd toolbar button.image-button.small-button > widget > box > image, .osd toolbar notebook tab button.image-button.small-button > widget > box > image, notebook tab toolbar.osd button.image-button.small-button > widget > box > image, toolbar.osd notebook tab button.image-button.small-button > widget > box > image, notebook tab .app-notification button.image-button.small-button > widget > box > image, .app-notification notebook tab button.image-button.small-button > widget > box > image, notebook tab GeditViewFrame .gedit-search-slider button.image-button.small-button > widget > box > image, GeditViewFrame .gedit-search-slider notebook tab button.image-button.small-button > widget > box > image, notebook tab toolbar button.image-button.small-button > widget > box > image, toolbar notebook tab button.image-button.small-button > widget > box > image, notebook tab .titlebar button.image-button.small-button:not(.suggested-action):not(.destructive-action) > widget > box > image, .titlebar notebook tab button.image-button.small-button:not(.suggested-action):not(.destructive-action) > widget > box > image, + notebook tab headerbar button.image-button.small-button:not(.suggested-action):not(.destructive-action) > widget > box > image, + headerbar notebook tab button.image-button.small-button:not(.suggested-action):not(.destructive-action) > widget > box > image, notebook tab .menu > arrow.image-button.small-button > widget > box > image, + notebook tab .context-menu > arrow.image-button.small-button > widget > box > image, + notebook tab menu > arrow.image-button.small-button > widget > box > image, notebook tab placessidebar row button.image-button.small-button > widget > box > image, placessidebar row notebook tab button.image-button.small-button > widget > box > image, notebook tab .ssd decoration button.image-button.small-button > widget > box > image, .ssd decoration notebook tab button.image-button.small-button > widget > box > image, notebook tab .csd headerbar button.image-button.small-button.titlebutton > widget > box > image, .csd headerbar notebook tab button.image-button.small-button.titlebutton > widget > box > image, + notebook tab .csd .titlebar button.image-button.small-button.titlebutton > widget > box > image, + .csd .titlebar notebook tab button.image-button.small-button.titlebutton > widget > box > image, notebook tab #gf-candidate-popup button.image-button.small-button > widget > box > image, #gf-candidate-popup notebook tab button.image-button.small-button > widget > box > image, notebook tab window > grid.vertical > box.vertical > widget button.image-button.small-button > widget > box > image, window > grid.vertical > box.vertical > widget notebook tab button.image-button.small-button > widget > box > image, notebook tab layouttabbar button.image-button.small-button > widget > box > image, layouttabbar notebook tab button.image-button.small-button > widget > box > image, notebook tab layouttab button.image-button.small-button > widget > box > image, layouttab notebook tab button.image-button.small-button > widget > box > image { + padding: 0.50376rem; } + +/************** + * Scrollbars * + **************/ +@keyframes slow_down_vert { + from { + min-width: 0.45113rem; } + to { + min-width: 0.90226rem; } } +@keyframes slow_down_horz { + from { + min-height: 0.45113rem; } + to { + min-height: 0.90226rem; } } +scrollbar, +.scrollbar { + background-color: rgba(255, 255, 255, 0.55); + transition-duration: 0.2s; } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar.top, scrollbar.top .trough, scrollbar.bottom, scrollbar.bottom .trough, scrollbar.left, scrollbar.left .trough, scrollbar.right, scrollbar.right .trough, + .scrollbar.top, + .scrollbar.top .trough, + .scrollbar.bottom, + .scrollbar.bottom .trough, + .scrollbar.left, + .scrollbar.left .trough, + .scrollbar.right, + .scrollbar.right .trough { + border: none; } + scrollbar slider, + scrollbar .slider, + .scrollbar slider, + .scrollbar .slider { + margin: 0; + border-radius: 0; + border: 0 none transparent; + background-color: rgba(38, 50, 56, 0.275); } + scrollbar slider:hover, + scrollbar .slider:hover, + .scrollbar slider:hover, + .scrollbar .slider:hover { + background-color: rgba(38, 50, 56, 0.4125); } + scrollbar slider:active, + scrollbar .slider:active, + .scrollbar slider:active, + .scrollbar .slider:active { + background-color: #263238; } + scrollbar slider:disabled, + scrollbar .slider:disabled, + .scrollbar slider:disabled, + .scrollbar .slider:disabled { + opacity: 0.4; } + scrollbar.fine-tune slider, + .scrollbar.fine-tune slider { + margin: 0; } + scrollbar.vertical slider, + scrollbar.vertical .slider, + .scrollbar.vertical slider, + .scrollbar.vertical .slider { + min-width: 0.90226rem; + min-height: 2.40602rem; + margin: 0; } + scrollbar.vertical.fine-tune slider, + .scrollbar.vertical.fine-tune slider { + margin: 0; } + scrollbar.horizontal slider, + scrollbar.horizontal .slider, + .scrollbar.horizontal slider, + .scrollbar.horizontal .slider { + min-width: 2.40602rem; + min-height: 0.90226rem; + margin: 0; } + scrollbar.horizontal.fine-tune slider, + .scrollbar.horizontal.fine-tune slider { + margin: 0; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering), + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + border: 0 none transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 0.90226rem; + min-height: 0.90226rem; + background-color: rgba(38, 50, 56, 0.275); + border-radius: 0; + border: none; + -gtk-icon-source: none; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-width: 0.45113rem; + min-height: 2.40602rem; + margin: 0; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-width: 0.45113rem; + margin: 0; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-width: 2.40602rem; + min-height: 0.45113rem; + margin: 0; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-height: 0.45113rem; + margin: 0; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering, + .scrollbar.overlay-indicator.dragging, + .scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + scrollbar.overlay-indicator.hovering.vertical slider, + .scrollbar.overlay-indicator.hovering.vertical slider { + animation: slow_down_vert 0.2s linear forwards; } + scrollbar.overlay-indicator.hovering.horizontal slider, + .scrollbar.overlay-indicator.hovering.horizontal slider { + animation: slow_down_horz 0.2s linear forwards; } + +/********** + * Switch * + **********/ +switch { + outline-offset: -0.30075rem; + font-size: 0; + border: 0.75188rem solid transparent; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: alpha(currentColor, 0.2); } + switch:disabled { + color: rgba(38, 50, 56, 0.3); } + switch:checked { + background-color: rgba(0, 188, 212, 0.2); } + switch:checked:disabled { + background-color: rgba(0, 188, 212, 0.2); } + switch:disabled { + color: rgba(38, 50, 56, 0.3); + background-color: alpha(currentColor, 0.2); } + switch slider { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #FFFFFF; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); + min-width: 1.50376rem; + min-height: 1.50376rem; + margin: -0.30075rem -0.07519rem; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; } + switch:hover slider { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: #263238; + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2), alpha(#FFFFFF, 0.2)); } + switch:checked slider { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #E8E8E8; + color: #FFFFFF; } + switch:checked:hover slider { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #E8E8E8; + color: #FFFFFF; + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2), alpha(#FFFFFF, 0.2)); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); } + switch:checked:disabled slider { + box-shadow: none; + background-color: alpha(currentColor, 0.2); + color: rgba(0, 188, 212, 0.4); + background-color: #F0F2F3; + background-image: none; + box-shadow: none; } + switch:checked:disabled slider > label { + color: inherit; } + switch:disabled slider { + background-color: #F0F2F3; + background-image: none; + box-shadow: none; } + row:selected switch { + background-color: #FFFFFF; } + row:selected switch:checked { + background-color: #FFFFFF; } + row:selected switch:checked:disabled { + background-color: #FFFFFF; } + row:selected switch slider { + background-color: #FFFFFF; } + row:selected switch:hover slider { + background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2), alpha(#FFFFFF, 0.2)); } + row:selected switch:checked slider { + background-color: #FFFFFF; } + row:selected switch:checked:disabled slider { + background-color: #FFFFFF; } + grid switch { + margin: 0.45113rem 0.37594rem; + font-size: 0; + outline-color: transparent; } + grid switch slider { + min-width: 3.00752rem; + min-height: 1.50376rem; } + grid switch, grid switch:hover, grid switch:checked, grid switch:checked:hover, grid switch:checked:disabled, grid switch:disabled { + margin: 0.45113rem 0.37594rem; + border: none; + color: transparent; + background: none; + background-image: none; + background-size: 40px 20px; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; } + grid switch:dir(rtl), grid switch:hover:dir(rtl), grid switch:checked:dir(rtl), grid switch:checked:hover:dir(rtl), grid switch:checked:disabled:dir(rtl), grid switch:disabled:dir(rtl) { + background-position: left center; } + grid switch slider, grid switch:hover slider, grid switch:checked slider, grid switch:checked:hover slider, grid switch:checked:disabled slider, grid switch:disabled slider { + margin: 0; + border: none; + border-radius: 0; + color: transparent; + background: none; + background-image: none; + background-size: 40px 20px; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; } + grid switch slider:dir(rtl), grid switch:hover slider:dir(rtl), grid switch:checked slider:dir(rtl), grid switch:checked:hover slider:dir(rtl), grid switch:checked:disabled slider:dir(rtl), grid switch:disabled slider:dir(rtl) { + background-position: left center; } + grid switch:not(:hover):not(:checked):not(:disabled) { + background-image: -gtk-scaled(url("assets/toggle-off.png"), url("assets/toggle-off@2.png")); } + grid switch:hover { + background-image: -gtk-scaled(url("assets/toggle-off-hover.png"), url("assets/toggle-off-hover@2.png")); } + grid switch:checked { + background-image: -gtk-scaled(url("assets/toggle-on.png"), url("assets/toggle-on@2.png")); } + grid switch:checked:hover { + background-image: -gtk-scaled(url("assets/toggle-on-hover.png"), url("assets/toggle-on-hover@2.png")); } + grid switch:checked:disabled { + background-image: -gtk-scaled(url("assets/toggle-on-insensitive.png"), url("assets/toggle-on-insensitive@2.png")); } + grid switch:disabled { + background-image: -gtk-scaled(url("assets/toggle-off-insensitive.png"), url("assets/toggle-off-insensitive@2.png")); } + +/************************* + * Check and Radio items * + *************************/ +@keyframes check_radio_hover { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(rgba(38, 50, 56, 0.75), 0.1)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(rgba(38, 50, 56, 0.75), 0.1)), to(transparent)); } } +@keyframes check_radio_active { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(#E8E8E8, 0.1)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(#E8E8E8, 0.1)), to(transparent)); } } +@keyframes check_radio_active_reverse { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(#E8E8E8, 0.2)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(#E8E8E8, 0)), to(transparent)); } } +check, +.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover, +.check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +check:active, +.check:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +check:disabled, +.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate, +.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover, +.check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active, +.check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled, +.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:checked, +.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover, +.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active, +.check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled, +.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +menu menuitem check, +menu menuitem .check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-symbolic.png"), url("assets/checkbox-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem check:hover, + menu menuitem .check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-symbolic.png"), url("assets/checkbox-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem check:disabled, +menu menuitem .check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-symbolic.png"), url("assets/checkbox-insensitive-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem check:disabled:hover, + menu menuitem .check:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-symbolic.png"), url("assets/checkbox-insensitive-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem check:indeterminate, +menu menuitem .check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-symbolic.png"), url("assets/checkbox-mixed-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem check:indeterminate:hover, + menu menuitem .check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-symbolic.png"), url("assets/checkbox-mixed-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem check:indeterminate:disabled, +menu menuitem .check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-symbolic.png"), url("assets/checkbox-mixed-insensitive-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem check:indeterminate:disabled:hover, + menu menuitem .check:indeterminate:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-symbolic.png"), url("assets/checkbox-mixed-insensitive-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem check:checked, +menu menuitem .check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-symbolic.png"), url("assets/checkbox-checked-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem check:checked:hover, + menu menuitem .check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-symbolic.png"), url("assets/checkbox-checked-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem check:checked:disabled, +menu menuitem .check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-symbolic.png"), url("assets/checkbox-checked-insensitive-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem check:checked:disabled:hover, + menu menuitem .check:checked:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-symbolic.png"), url("assets/checkbox-checked-insensitive-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +radio, +.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:hover, +.radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:active, +.radio:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled, +.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate, +.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover, +.radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active, +.radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled, +.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:checked, +.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover, +.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active, +.radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled, +.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +menu menuitem radio, +menu menuitem .radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-symbolic.png"), url("assets/radio-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem radio:hover, + menu menuitem .radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-symbolic.png"), url("assets/radio-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem radio:disabled, +menu menuitem .radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-insensitive-symbolic.png"), url("assets/radio-insensitive-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem radio:disabled:hover, + menu menuitem .radio:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-insensitive-symbolic.png"), url("assets/radio-insensitive-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem radio:indeterminate, +menu menuitem .radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-symbolic.png"), url("assets/radio-mixed-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem radio:indeterminate:hover, + menu menuitem .radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-symbolic.png"), url("assets/radio-mixed-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem radio:indeterminate:disabled, +menu menuitem .radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-symbolic.png"), url("assets/radio-mixed-insensitive-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem radio:indeterminate:disabled:hover, + menu menuitem .radio:indeterminate:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-symbolic.png"), url("assets/radio-mixed-insensitive-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem radio:checked, +menu menuitem .radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-symbolic.png"), url("assets/radio-checked-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem radio:checked:hover, + menu menuitem .radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-symbolic.png"), url("assets/radio-checked-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +menu menuitem radio:checked:disabled, +menu menuitem .radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-symbolic.png"), url("assets/radio-checked-insensitive-symbolic@2.png")); + -gtk-icon-shadow: none; } + menu menuitem radio:checked:disabled:hover, + menu menuitem .radio:checked:disabled:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-symbolic.png"), url("assets/radio-checked-insensitive-symbolic@2.png")); + animation: none; + -gtk-icon-shadow: none; + transition: none; } + +treeview.view check, .tweak-category check, treeview.view check:only-child, .tweak-category check:only-child, +treeview.view radio, +.tweak-category radio, +treeview.view radio:only-child, +.tweak-category radio:only-child { + padding: 0; } + +treeview.view check:selected, .tweak-category check:selected, +treeview.view check:selected:focus, +.tweak-category check:selected:focus, +row check:selected, +row check:selected:focus, +row.activatable check:selected, +.view check:selected, +iconview check:selected, +.view text check:selected, +iconview text check:selected, +textview text check:selected, +treeview.view header button check:selected, +.tweak-category header button check:selected, +row.activatable check:selected:focus, +.view check:selected:focus, +iconview check:selected:focus, +.view text check:selected:focus, +iconview text check:selected:focus, +textview text check:selected:focus, +treeview.view header button check:selected:focus, +.tweak-category header button check:selected:focus { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:active, .tweak-category check:selected:active, +treeview.view check:selected:focus:active, +.tweak-category check:selected:focus:active, +row check:selected:active, +row check:selected:focus:active, +row.activatable check:selected:active, +.view check:selected:active, +iconview check:selected:active, +.view text check:selected:active, +iconview text check:selected:active, +textview text check:selected:active, +treeview.view header button check:selected:active, +.tweak-category header button check:selected:active, +row.activatable check:selected:focus:active, +.view check:selected:focus:active, +iconview check:selected:focus:active, +.view text check:selected:focus:active, +iconview text check:selected:focus:active, +textview text check:selected:focus:active, +treeview.view header button check:selected:focus:active, +.tweak-category header button check:selected:focus:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:indeterminate, .tweak-category check:selected:indeterminate, +treeview.view check:selected:focus:indeterminate, +.tweak-category check:selected:focus:indeterminate, +row check:selected:indeterminate, +row check:selected:focus:indeterminate, +row.activatable check:selected:indeterminate, +.view check:selected:indeterminate, +iconview check:selected:indeterminate, +.view text check:selected:indeterminate, +iconview text check:selected:indeterminate, +textview text check:selected:indeterminate, +treeview.view header button check:selected:indeterminate, +.tweak-category header button check:selected:indeterminate, +row.activatable check:selected:focus:indeterminate, +.view check:selected:focus:indeterminate, +iconview check:selected:focus:indeterminate, +.view text check:selected:focus:indeterminate, +iconview text check:selected:focus:indeterminate, +textview text check:selected:focus:indeterminate, +treeview.view header button check:selected:focus:indeterminate, +.tweak-category header button check:selected:focus:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:indeterminate:active, .tweak-category check:selected:indeterminate:active, +treeview.view check:selected:focus:indeterminate:active, +.tweak-category check:selected:focus:indeterminate:active, +row check:selected:indeterminate:active, +row check:selected:focus:indeterminate:active, +row.activatable check:selected:indeterminate:active, +.view check:selected:indeterminate:active, +iconview check:selected:indeterminate:active, +.view text check:selected:indeterminate:active, +iconview text check:selected:indeterminate:active, +textview text check:selected:indeterminate:active, +treeview.view header button check:selected:indeterminate:active, +.tweak-category header button check:selected:indeterminate:active, +row.activatable check:selected:focus:indeterminate:active, +.view check:selected:focus:indeterminate:active, +iconview check:selected:focus:indeterminate:active, +.view text check:selected:focus:indeterminate:active, +iconview text check:selected:focus:indeterminate:active, +textview text check:selected:focus:indeterminate:active, +treeview.view header button check:selected:focus:indeterminate:active, +.tweak-category header button check:selected:focus:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:checked, .tweak-category check:selected:checked, +treeview.view check:selected:focus:checked, +.tweak-category check:selected:focus:checked, +row check:selected:checked, +row check:selected:focus:checked, +row.activatable check:selected:checked, +.view check:selected:checked, +iconview check:selected:checked, +.view text check:selected:checked, +iconview text check:selected:checked, +textview text check:selected:checked, +treeview.view header button check:selected:checked, +.tweak-category header button check:selected:checked, +row.activatable check:selected:focus:checked, +.view check:selected:focus:checked, +iconview check:selected:focus:checked, +.view text check:selected:focus:checked, +iconview text check:selected:focus:checked, +textview text check:selected:focus:checked, +treeview.view header button check:selected:focus:checked, +.tweak-category header button check:selected:focus:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view check:selected:checked:active, .tweak-category check:selected:checked:active, +treeview.view check:selected:focus:checked:active, +.tweak-category check:selected:focus:checked:active, +row check:selected:checked:active, +row check:selected:focus:checked:active, +row.activatable check:selected:checked:active, +.view check:selected:checked:active, +iconview check:selected:checked:active, +.view text check:selected:checked:active, +iconview text check:selected:checked:active, +textview text check:selected:checked:active, +treeview.view header button check:selected:checked:active, +.tweak-category header button check:selected:checked:active, +row.activatable check:selected:focus:checked:active, +.view check:selected:focus:checked:active, +iconview check:selected:focus:checked:active, +.view text check:selected:focus:checked:active, +iconview text check:selected:focus:checked:active, +textview text check:selected:focus:checked:active, +treeview.view header button check:selected:focus:checked:active, +.tweak-category header button check:selected:focus:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view check:selected:disabled, .tweak-category check:selected:disabled, +treeview.view check:selected:focus:disabled, +.tweak-category check:selected:focus:disabled, +row check:selected:disabled, +row check:selected:focus:disabled, +row.activatable check:selected:disabled, +.view check:selected:disabled, +iconview check:selected:disabled, +.view text check:selected:disabled, +iconview text check:selected:disabled, +textview text check:selected:disabled, +treeview.view header button check:selected:disabled, +.tweak-category header button check:selected:disabled, +row.activatable check:selected:focus:disabled, +.view check:selected:focus:disabled, +iconview check:selected:focus:disabled, +.view text check:selected:focus:disabled, +iconview text check:selected:focus:disabled, +textview text check:selected:focus:disabled, +treeview.view header button check:selected:focus:disabled, +.tweak-category header button check:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +treeview.view check:selected:indeterminate:disabled, .tweak-category check:selected:indeterminate:disabled, +treeview.view check:selected:focus:indeterminate:disabled, +.tweak-category check:selected:focus:indeterminate:disabled, +row check:selected:indeterminate:disabled, +row check:selected:focus:indeterminate:disabled, +row.activatable check:selected:indeterminate:disabled, +.view check:selected:indeterminate:disabled, +iconview check:selected:indeterminate:disabled, +.view text check:selected:indeterminate:disabled, +iconview text check:selected:indeterminate:disabled, +textview text check:selected:indeterminate:disabled, +treeview.view header button check:selected:indeterminate:disabled, +.tweak-category header button check:selected:indeterminate:disabled, +row.activatable check:selected:focus:indeterminate:disabled, +.view check:selected:focus:indeterminate:disabled, +iconview check:selected:focus:indeterminate:disabled, +.view text check:selected:focus:indeterminate:disabled, +iconview text check:selected:focus:indeterminate:disabled, +textview text check:selected:focus:indeterminate:disabled, +treeview.view header button check:selected:focus:indeterminate:disabled, +.tweak-category header button check:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +treeview.view check:selected:checked:disabled, .tweak-category check:selected:checked:disabled, +treeview.view check:selected:focus:checked:disabled, +.tweak-category check:selected:focus:checked:disabled, +row check:selected:checked:disabled, +row check:selected:focus:checked:disabled, +row.activatable check:selected:checked:disabled, +.view check:selected:checked:disabled, +iconview check:selected:checked:disabled, +.view text check:selected:checked:disabled, +iconview text check:selected:checked:disabled, +textview text check:selected:checked:disabled, +treeview.view header button check:selected:checked:disabled, +.tweak-category header button check:selected:checked:disabled, +row.activatable check:selected:focus:checked:disabled, +.view check:selected:focus:checked:disabled, +iconview check:selected:focus:checked:disabled, +.view text check:selected:focus:checked:disabled, +iconview text check:selected:focus:checked:disabled, +textview text check:selected:focus:checked:disabled, +treeview.view header button check:selected:focus:checked:disabled, +.tweak-category header button check:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected, .tweak-category radio:selected, +treeview.view radio:selected:focus, +.tweak-category radio:selected:focus, +row radio:selected, +row radio:selected:focus, +row.activatable radio:selected, +.view radio:selected, +iconview radio:selected, +.view text radio:selected, +iconview text radio:selected, +textview text radio:selected, +treeview.view header button radio:selected, +.tweak-category header button radio:selected, +row.activatable radio:selected:focus, +.view radio:selected:focus, +iconview radio:selected:focus, +.view text radio:selected:focus, +iconview text radio:selected:focus, +textview text radio:selected:focus, +treeview.view header button radio:selected:focus, +.tweak-category header button radio:selected:focus { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:active, .tweak-category radio:selected:active, +treeview.view radio:selected:focus:active, +.tweak-category radio:selected:focus:active, +row radio:selected:active, +row radio:selected:focus:active, +row.activatable radio:selected:active, +.view radio:selected:active, +iconview radio:selected:active, +.view text radio:selected:active, +iconview text radio:selected:active, +textview text radio:selected:active, +treeview.view header button radio:selected:active, +.tweak-category header button radio:selected:active, +row.activatable radio:selected:focus:active, +.view radio:selected:focus:active, +iconview radio:selected:focus:active, +.view text radio:selected:focus:active, +iconview text radio:selected:focus:active, +textview text radio:selected:focus:active, +treeview.view header button radio:selected:focus:active, +.tweak-category header button radio:selected:focus:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:indeterminate, .tweak-category radio:selected:indeterminate, +treeview.view radio:selected:focus:indeterminate, +.tweak-category radio:selected:focus:indeterminate, +row radio:selected:indeterminate, +row radio:selected:focus:indeterminate, +row.activatable radio:selected:indeterminate, +.view radio:selected:indeterminate, +iconview radio:selected:indeterminate, +.view text radio:selected:indeterminate, +iconview text radio:selected:indeterminate, +textview text radio:selected:indeterminate, +treeview.view header button radio:selected:indeterminate, +.tweak-category header button radio:selected:indeterminate, +row.activatable radio:selected:focus:indeterminate, +.view radio:selected:focus:indeterminate, +iconview radio:selected:focus:indeterminate, +.view text radio:selected:focus:indeterminate, +iconview text radio:selected:focus:indeterminate, +textview text radio:selected:focus:indeterminate, +treeview.view header button radio:selected:focus:indeterminate, +.tweak-category header button radio:selected:focus:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:indeterminate:active, .tweak-category radio:selected:indeterminate:active, +treeview.view radio:selected:focus:indeterminate:active, +.tweak-category radio:selected:focus:indeterminate:active, +row radio:selected:indeterminate:active, +row radio:selected:focus:indeterminate:active, +row.activatable radio:selected:indeterminate:active, +.view radio:selected:indeterminate:active, +iconview radio:selected:indeterminate:active, +.view text radio:selected:indeterminate:active, +iconview text radio:selected:indeterminate:active, +textview text radio:selected:indeterminate:active, +treeview.view header button radio:selected:indeterminate:active, +.tweak-category header button radio:selected:indeterminate:active, +row.activatable radio:selected:focus:indeterminate:active, +.view radio:selected:focus:indeterminate:active, +iconview radio:selected:focus:indeterminate:active, +.view text radio:selected:focus:indeterminate:active, +iconview text radio:selected:focus:indeterminate:active, +textview text radio:selected:focus:indeterminate:active, +treeview.view header button radio:selected:focus:indeterminate:active, +.tweak-category header button radio:selected:focus:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:checked, .tweak-category radio:selected:checked, +treeview.view radio:selected:focus:checked, +.tweak-category radio:selected:focus:checked, +row radio:selected:checked, +row radio:selected:focus:checked, +row.activatable radio:selected:checked, +.view radio:selected:checked, +iconview radio:selected:checked, +.view text radio:selected:checked, +iconview text radio:selected:checked, +textview text radio:selected:checked, +treeview.view header button radio:selected:checked, +.tweak-category header button radio:selected:checked, +row.activatable radio:selected:focus:checked, +.view radio:selected:focus:checked, +iconview radio:selected:focus:checked, +.view text radio:selected:focus:checked, +iconview text radio:selected:focus:checked, +textview text radio:selected:focus:checked, +treeview.view header button radio:selected:focus:checked, +.tweak-category header button radio:selected:focus:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +treeview.view radio:selected:checked:active, .tweak-category radio:selected:checked:active, +treeview.view radio:selected:focus:checked:active, +.tweak-category radio:selected:focus:checked:active, +row radio:selected:checked:active, +row radio:selected:focus:checked:active, +row.activatable radio:selected:checked:active, +.view radio:selected:checked:active, +iconview radio:selected:checked:active, +.view text radio:selected:checked:active, +iconview text radio:selected:checked:active, +textview text radio:selected:checked:active, +treeview.view header button radio:selected:checked:active, +.tweak-category header button radio:selected:checked:active, +row.activatable radio:selected:focus:checked:active, +.view radio:selected:focus:checked:active, +iconview radio:selected:focus:checked:active, +.view text radio:selected:focus:checked:active, +iconview text radio:selected:focus:checked:active, +textview text radio:selected:focus:checked:active, +treeview.view header button radio:selected:focus:checked:active, +.tweak-category header button radio:selected:focus:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); + -gtk-icon-shadow: none; } +treeview.view radio:selected:disabled, .tweak-category radio:selected:disabled, +treeview.view radio:selected:focus:disabled, +.tweak-category radio:selected:focus:disabled, +row radio:selected:disabled, +row radio:selected:focus:disabled, +row.activatable radio:selected:disabled, +.view radio:selected:disabled, +iconview radio:selected:disabled, +.view text radio:selected:disabled, +iconview text radio:selected:disabled, +textview text radio:selected:disabled, +treeview.view header button radio:selected:disabled, +.tweak-category header button radio:selected:disabled, +row.activatable radio:selected:focus:disabled, +.view radio:selected:focus:disabled, +iconview radio:selected:focus:disabled, +.view text radio:selected:focus:disabled, +iconview text radio:selected:focus:disabled, +textview text radio:selected:focus:disabled, +treeview.view header button radio:selected:focus:disabled, +.tweak-category header button radio:selected:focus:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +treeview.view radio:selected:indeterminate:disabled, .tweak-category radio:selected:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, +.tweak-category radio:selected:focus:indeterminate:disabled, +row radio:selected:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, +.view radio:selected:indeterminate:disabled, +iconview radio:selected:indeterminate:disabled, +.view text radio:selected:indeterminate:disabled, +iconview text radio:selected:indeterminate:disabled, +textview text radio:selected:indeterminate:disabled, +treeview.view header button radio:selected:indeterminate:disabled, +.tweak-category header button radio:selected:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, +.view radio:selected:focus:indeterminate:disabled, +iconview radio:selected:focus:indeterminate:disabled, +.view text radio:selected:focus:indeterminate:disabled, +iconview text radio:selected:focus:indeterminate:disabled, +textview text radio:selected:focus:indeterminate:disabled, +treeview.view header button radio:selected:focus:indeterminate:disabled, +.tweak-category header button radio:selected:focus:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +treeview.view radio:selected:checked:disabled, .tweak-category radio:selected:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, +.tweak-category radio:selected:focus:checked:disabled, +row radio:selected:checked:disabled, +row radio:selected:focus:checked:disabled, +row.activatable radio:selected:checked:disabled, +.view radio:selected:checked:disabled, +iconview radio:selected:checked:disabled, +.view text radio:selected:checked:disabled, +iconview text radio:selected:checked:disabled, +textview text radio:selected:checked:disabled, +treeview.view header button radio:selected:checked:disabled, +.tweak-category header button radio:selected:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, +.view radio:selected:focus:checked:disabled, +iconview radio:selected:focus:checked:disabled, +.view text radio:selected:focus:checked:disabled, +iconview text radio:selected:focus:checked:disabled, +textview text radio:selected:focus:checked:disabled, +treeview.view header button radio:selected:focus:checked:disabled, +.tweak-category header button radio:selected:focus:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view.content-view check:not(list), iconview.content-view check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view check:hover:not(list), iconview.content-view check:hover:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view check:active:not(list), iconview.content-view check:active:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view check:disabled:not(list), iconview.content-view check:disabled:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-selectionmode.png"), url("assets/checkbox-insensitive-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view check:checked:not(list), iconview.content-view check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view check:checked:hover:not(list), iconview.content-view check:checked:hover:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view check:checked:active:not(list), iconview.content-view check:checked:active:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view check:disabled:checked:not(list), iconview.content-view check:disabled:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selectionmode.png"), url("assets/checkbox-checked-insensitive-selectionmode@2.png")); + background-color: transparent; } + +checkbutton.text-button, +radiobutton.text-button { + padding: 0.20301rem 0.50376rem; + outline-offset: 0; + color: rgba(38, 50, 56, 0.75); } + checkbutton.text-button:hover, checkbutton.text-button:active, checkbutton.text-button:checked, + radiobutton.text-button:hover, + radiobutton.text-button:active, + radiobutton.text-button:checked { + color: #263238; } + +radio, +.radio, +check, +.check { + min-width: 1.20301rem; + min-height: 1.20301rem; + margin: -0.75188rem -0.24812rem; + padding: 0.75188rem; } + radio:hover, + .radio:hover, + check:hover, + .check:hover { + animation: check_radio_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + radio:active, + .radio:active, + check:active, + .check:active { + animation: check_radio_active_reverse 0.15s cubic-bezier(0.4, 0, 0.2, 1) forwards; + transition-duration: 0.15s; } + radio:hover:checked, radio:hover:indeterminate, + .radio:hover:checked, + .radio:hover:indeterminate, + check:hover:checked, + check:hover:indeterminate, + .check:hover:checked, + .check:hover:indeterminate { + animation: check_radio_active 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + menu menuitem radio, menu menuitem + .radio, menu menuitem + check, menu menuitem + .check { + min-width: 1.20301rem; + min-height: 1.20301rem; + margin: 0; + padding: 0; } + menu menuitem radio:dir(ltr), menu menuitem + .radio:dir(ltr), menu menuitem + check:dir(ltr), menu menuitem + .check:dir(ltr) { + margin-right: 0.6015rem; } + menu menuitem radio:dir(rtl), menu menuitem + .radio:dir(rtl), menu menuitem + check:dir(rtl), menu menuitem + .check:dir(rtl) { + margin-left: 0.6015rem; } + menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem + .radio, menu menuitem + .radio:hover, menu menuitem + .radio:disabled, menu menuitem + check, menu menuitem + check:hover, menu menuitem + check:disabled, menu menuitem + .check, menu menuitem + .check:hover, menu menuitem + .check:disabled { + border-color: transparent; + background-image: none; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + color: inherit; + animation: none; } + +/************ + * GtkScale * + ************/ +@keyframes scale_enlarge { + from { + background-size: 80%; } + to { + background-size: 100%; } } +scale trough, scale fill { + border: 1px solid transparent; + border-radius: 0; + background-color: alpha(currentColor, 0.2); + box-shadow: none; } + scale trough:disabled, scale fill:disabled { + color: rgba(38, 50, 56, 0.3); + background-color: alpha(currentColor, 0.2); } + +scale highlight { + border: 1px solid transparent; + border-radius: 0; + background-color: #E8E8E8; } + scale highlight:disabled { + color: rgba(38, 50, 56, 0.3); + background-color: alpha(currentColor, 0.2); } + +scale { + outline-offset: 0; + outline-width: 0; + min-height: 10px; + min-width: 10px; + padding: 10px; } + scale.fine-tune { + outline-offset: 0; + outline-width: 0; } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 10px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 10px; } + scale.fine-tune slider { + margin: -9px; } + scale slider { + min-height: 20px; + min-width: 20px; + margin: -9px; } + scale slider:not(:hover):not(:active) { + background-size: 80%; } + scale slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider.png"), url("assets/slider@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + scale slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-active.png"), url("assets/slider-active@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + scale slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-insensitive.png"), url("assets/slider-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + scale slider:hover { + animation: scale_enlarge 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + scale trough, + scale fill, + scale highlight { + min-height: 2px; + min-width: 2px; + border-radius: 0; + border-width: 0; } + scale fill { + background-color: rgba(236, 239, 241, 0.1); } + scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale value { + color: alpha(currentColor, 0.55); } + scale separator { + color: transparent; + background-color: alpha(currentColor, 0.2); } + +scale marks { + color: alpha(currentColor, 0.55); } + scale marks.top { + margin-bottom: 6px; + margin-top: -12px; } + scale marks.bottom { + margin-top: 6px; + margin-bottom: -12px; } + scale marks.top { + margin-right: 6px; + margin-left: -12px; } + scale marks.bottom { + margin-left: 6px; + margin-right: -12px; } +scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -9px; } +scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -9px; } +scale.fine-tune marks.top { + margin-right: 6px; + margin-left: -9px; } +scale.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -9px; } +scale.horizontal indicator { + min-height: 6px; + min-width: 1px; } +scale.horizontal.fine-tune indicator { + min-height: 3px; } +scale.vertical indicator { + min-height: 1px; + min-width: 6px; } +scale.vertical.fine-tune indicator { + min-width: 3px; } + +scale.color.horizontal slider, scale.color.horizontal slider:hover, scale.color.horizontal slider:disabled, +scale.horizontal contents:last-child:not(:only-child) > trough > slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.horizontal slider:active, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.horizontal slider:disabled, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +scale.horizontal contents:first-child:not(:only-child) > trough > slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.horizontal contents:first-child:not(:only-child) > trough > slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +scale.color.vertical:dir(rtl) slider, scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:disabled, +scale.vertical contents:last-child:not(:only-child) > trough > slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.vertical:dir(rtl) slider:active, +scale.vertical contents:last-child:not(:only-child) > trough > slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.vertical:dir(rtl) slider:disabled, +scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +scale.color.vertical:dir(ltr) slider, scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:disabled, +scale.vertical contents:first-child:not(:only-child) > trough > slider { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.vertical:dir(ltr) slider:active, +scale.vertical contents:first-child:not(:only-child) > trough > slider:active { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } +scale.color.vertical:dir(ltr) slider:disabled, +scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled { + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; + box-shadow: none; } + +scale.color { + min-height: 0; + min-width: 0; } + scale.color trough { + min-width: 2px; + min-height: 2px; + border-radius: 0; + background-color: transparent; } + scale.color.horizontal { + padding: 0 0 10px 0; } + scale.color.horizontal trough { + padding-bottom: 5px; } + scale.color.horizontal slider, scale.color.horizontal slider:hover, scale.color.horizontal slider:disabled { + margin-top: 5px; + margin-bottom: -10px; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 10px; } + scale.color.vertical:dir(ltr) trough { + padding-left: 5px; } + scale.color.vertical:dir(ltr) slider, scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:disabled { + margin-left: -10px; + margin-right: 5px; } + scale.color.vertical:dir(rtl) { + padding: 0 10px 0 0; } + scale.color.vertical:dir(rtl) trough { + padding-right: 5px; } + scale.color.vertical:dir(rtl) slider, scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:disabled { + margin-left: 5px; + margin-right: -10px; } + scale.color.fine-tune.horizontal { + padding: 0 0 10px 0; } + scale.color.fine-tune.horizontal trough { + padding-bottom: 5px; } + scale.color.fine-tune.horizontal slider { + margin-top: 5px; + margin-bottom: -10px; } + scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 10px; } + scale.color.fine-tune.vertical:dir(ltr) trough { + padding-left: 5px; } + scale.color.fine-tune.vertical:dir(ltr) slider { + margin-left: -10px; + margin-right: 5px; } + scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 10px 0 0; } + scale.color.fine-tune.vertical:dir(rtl) trough { + padding-right: 5px; } + scale.color.fine-tune.vertical:dir(rtl) slider { + margin-left: 5px; + margin-right: -10px; } + +scale.color.horizontal slider, scale.color.horizontal slider:hover, scale.color.horizontal slider:disabled, +scale.horizontal contents:last-child:not(:only-child) > trough > slider, scale.color.horizontal slider:active, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:active, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled { + margin: -15px -10px -10px -10px; } + +scale.horizontal contents:first-child:not(:only-child) > trough > slider, +scale.horizontal contents:first-child:not(:only-child) > trough > slider:active, +scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled { + margin: -10px -10px -15px -10px; } + +scale.color.vertical:dir(rtl) slider, scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:disabled, +scale.vertical contents:last-child:not(:only-child) > trough > slider, +scale.vertical contents:last-child:not(:only-child) > trough > slider:active, +scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled { + margin: -10px -10px -10px -15px; } + +scale.color.vertical:dir(ltr) slider, scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:disabled, +scale.vertical contents:first-child:not(:only-child) > trough > slider, +scale.vertical contents:first-child:not(:only-child) > trough > slider:active, +scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled { + margin: -10px -15px -10px -10px; } + +scale.color.fine-tune.horizontal slider, +scale.horizontal.fine-tune contents:last-child:not(:only-child) > tough > slider, scale.color.fine-tune.horizontal slider:active, +scale.horizontal.fine-tune contents:last-child:not(:only-child) > tough > slider:active, scale.color.fine-tune.horizontal slider:disabled, +scale.horizontal.fine-tune contents:last-child:not(:only-child) > tough > slider:disabled { + margin: -15px -10px -10px -10px; } + +scale.horizontal.fine-tune contents:first-child:not(:only-child) > tough > slider, +scale.horizontal.fine-tune contents:first-child:not(:only-child) > tough > slider:active, +scale.horizontal.fine-tune contents:first-child:not(:only-child) > tough > slider:disabled { + margin: -10px -10px -15px -10px; } + +scale.color.fine-tune.vertical:dir(rtl) slider, +scale.vertical.fine-tune contents:last-child:not(:only-child) > tough > slider, +scale.vertical.fine-tune contents:last-child:not(:only-child) > tough > slider:active, +scale.vertical.fine-tune contents:last-child:not(:only-child) > tough > slider:disabled { + margin: -10px -10px -10px -15px; } + +scale.color.fine-tune.vertical:dir(ltr) slider, +scale.vertical.fine-tune contents:first-child:not(:only-child) > tough > slider, +scale.vertical.fine-tune contents:first-child:not(:only-child) > tough > slider:active, +scale.vertical.fine-tune contents:first-child:not(:only-child) > tough > slider:disabled { + margin: -10px -15px -10px -10px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: 90%; + color: rgba(38, 50, 56, 0.5); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 4px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 4px; } + progressbar.horizontal progress { + margin: 0 -1px; } + progressbar.vertical progress { + margin: -1px 0; } + progressbar trough { + box-shadow: none; + border-radius: 0; + background-color: rgba(77, 182, 172, 0.2); } + progressbar progress { + box-shadow: none; + border-radius: 0; + background-color: #E8E8E8; } + progressbar progress.left { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + progressbar progress.right { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + progressbar progress.top { + border-top-left-radius: 0; + border-top-right-radius: 0; } + progressbar progress.bottom { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + progressbar.osd { + min-width: 4px; + min-height: 4px; } + progressbar.osd trough { + border-style: none; + box-shadow: none; + background-color: rgba(77, 182, 172, 0.2); } + progressbar.osd progress { + background-image: none; + background-color: #E8E8E8; + border-style: none; + border-radius: 0; } + +entry progress, spinbutton:not(.vertical) progress { + margin: -10px -6px; + border-style: none none solid; + border-width: 2px; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + border-radius: 0; + box-shadow: none; + background-color: transparent; + background-image: none; } + +/************* + * Level Bar * + *************/ +levelbar { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + levelbar block { + min-width: 2.70677rem; + min-height: 0.30075rem; } + levelbar.vertical block { + min-width: 0.30075rem; + min-height: 2.70677rem; } + levelbar trough { + padding: 0.15038rem; + border-radius: 2px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + levelbar trough:disabled { + box-shadow: none; } + levelbar trough.horizontal { + padding: 0.15038rem 0.07519rem; } + levelbar trough.vertical { + padding: 0.07519rem 0.15038rem; } + levelbar.horizontal.discrete block { + margin: 0 0.07519rem; } + levelbar.vertical.discrete block { + margin: 0.07519rem 0; } + levelbar block { + border-radius: 0; + border: none; + box-shadow: none; } + levelbar block.low { + background-color: #FF9800; } + levelbar block:not(.empty), + levelbar block.high { + background-color: #E8E8E8; } + levelbar block.full { + background-color: #00E676; } + levelbar block.empty { + background-color: alpha(currentColor, 0.2); } + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + color: #263238; + border: 1px solid rgba(0, 0, 0, 0.09); + background-color: white; } +printdialog .dialog-action-box { + margin: 0.90226rem; } + +/********** + * Frames * + **********/ +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.09); + box-shadow: none; } + frame > border.flat, + .frame.flat { + border-style: none; } + +actionbar > frame > border { + border-width: 1px 0 0; } + +actionbar > revealer > box { + padding: 0.3985rem; + border-top: 1px solid rgba(0, 0, 0, 0.09); } + +placessidebar viewport.frame, +scrolledwindow viewport.frame, +placessidebar viewport.frame { + border-style: none; } +placessidebar overshoot.top, +scrolledwindow overshoot.top, +placessidebar overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } +placessidebar overshoot.bottom, +scrolledwindow overshoot.bottom, +placessidebar overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } +placessidebar overshoot.left, +scrolledwindow overshoot.left, +placessidebar overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } +placessidebar overshoot.right, +scrolledwindow overshoot.right, +placessidebar overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } +placessidebar undershoot.top, +scrolledwindow undershoot.top, +placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +placessidebar undershoot.bottom, +scrolledwindow undershoot.bottom, +placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +placessidebar undershoot.left, +scrolledwindow undershoot.left, +placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +placessidebar undershoot.right, +scrolledwindow undershoot.right, +placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } +placessidebar junction, +scrolledwindow junction, +placessidebar junction { + border-color: transparent; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.09) 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #FFFFFF; } + placessidebar junction:dir(rtl), + scrolledwindow junction:dir(rtl), + placessidebar junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator { + color: transparent; + background-color: rgba(0, 0, 0, 0.09); + min-width: 1px; + min-height: 1px; } + +/********* + * Lists * + *********/ +list { + border-color: rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; } + +row { + padding: 2px; } + +row.activatable, .view, iconview, +.view text, +iconview text, +textview text, treeview.view header button, .tweak-category header button { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + background-repeat: no-repeat; + background-position: center, center; + background-size: 20.0188rem 20.0188rem, auto; } + row.activatable.has-open-popup, .has-open-popup.view, iconview.has-open-popup, + .view text.has-open-popup, + iconview text.has-open-popup, + textview text.has-open-popup, treeview.view header button.has-open-popup, .tweak-category header button.has-open-popup, row.activatable:hover, .view:hover, iconview:hover, + .view text:hover, + iconview text:hover, + textview text:hover, treeview.view header button:hover, .tweak-category header button:hover { + transition: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05), alpha(currentColor, 0.05)); } + row.activatable:active, .view:active, iconview:active, + .view text:active, + iconview text:active, + textview text:active, treeview.view header button:active, .tweak-category header button:active { + animation: list_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + +row button.image-button { + padding: 0.6015rem; + background-size: 2.44361rem 2.44361rem, auto; } +row button.circular { + min-width: 1rem; + min-height: 1rem; + padding: 0.6015rem; + background-size: 2.44361rem 2.44361rem, auto; } + +row:selected button:disabled { + color: rgba(255, 255, 255, 0.34); } +row:selected button.flat, row:selected button.osd.image-button, row:selected .osd toolbar button, .osd toolbar row:selected button, row:selected toolbar.osd button, toolbar.osd row:selected button, row:selected .app-notification button, .app-notification row:selected button, row:selected GeditViewFrame .gedit-search-slider button, GeditViewFrame .gedit-search-slider row:selected button, row:selected toolbar button, toolbar row:selected button, row:selected .titlebar button:not(.suggested-action):not(.destructive-action), .titlebar row:selected button:not(.suggested-action):not(.destructive-action), +row:selected headerbar button:not(.suggested-action):not(.destructive-action), +headerbar row:selected button:not(.suggested-action):not(.destructive-action), row:selected .menu > arrow, +row:selected .context-menu > arrow, +row:selected menu > arrow, placessidebar row:selected button.image-button, row:selected .ssd decoration button, .ssd decoration row:selected button, row:selected .csd headerbar button.titlebutton, .csd headerbar row:selected button.titlebutton, +row:selected .csd .titlebar button.titlebutton, +.csd .titlebar row:selected button.titlebutton, row:selected #gf-candidate-popup button, #gf-candidate-popup row:selected button, +row:selected #gf-candidate-popup .linked > button:first-child, +#gf-candidate-popup row:selected .linked > button:first-child, +row:selected #gf-candidate-popup .linked > button:last-child, +#gf-candidate-popup row:selected .linked > button:last-child, row:selected window > grid.vertical > box.vertical > widget button, window > grid.vertical > box.vertical > widget row:selected button, row:selected layouttabbar button, layouttabbar row:selected button, row:selected layouttab button, layouttab row:selected button { + color: rgba(255, 255, 255, 0.85); } + row:selected button.flat:hover, row:selected button.osd.image-button:hover, row:selected .osd toolbar button:hover, .osd toolbar row:selected button:hover, row:selected toolbar.osd button:hover, toolbar.osd row:selected button:hover, row:selected .app-notification button:hover, .app-notification row:selected button:hover, row:selected GeditViewFrame .gedit-search-slider button:hover, GeditViewFrame .gedit-search-slider row:selected button:hover, row:selected toolbar button:hover, toolbar row:selected button:hover, row:selected .titlebar button:hover:not(.suggested-action):not(.destructive-action), .titlebar row:selected button:hover:not(.suggested-action):not(.destructive-action), + row:selected headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar row:selected button:hover:not(.suggested-action):not(.destructive-action), row:selected .menu > arrow:hover, + row:selected .context-menu > arrow:hover, + row:selected menu > arrow:hover, placessidebar row:selected button.image-button:hover, row:selected .ssd decoration button:hover, .ssd decoration row:selected button:hover, row:selected .csd headerbar button.titlebutton:hover, .csd headerbar row:selected button.titlebutton:hover, + row:selected .csd .titlebar button.titlebutton:hover, + .csd .titlebar row:selected button.titlebutton:hover, row:selected #gf-candidate-popup button:hover, #gf-candidate-popup row:selected button:hover, row:selected window > grid.vertical > box.vertical > widget button:hover, window > grid.vertical > box.vertical > widget row:selected button:hover, row:selected layouttabbar button:hover, layouttabbar row:selected button:hover, row:selected layouttab button:hover, layouttab row:selected button:hover, row:selected button.flat:active, row:selected button.osd.image-button:active, row:selected .osd toolbar button:active, .osd toolbar row:selected button:active, row:selected toolbar.osd button:active, toolbar.osd row:selected button:active, row:selected .app-notification button:active, .app-notification row:selected button:active, row:selected GeditViewFrame .gedit-search-slider button:active, GeditViewFrame .gedit-search-slider row:selected button:active, row:selected toolbar button:active, toolbar row:selected button:active, row:selected .titlebar button:active:not(.suggested-action):not(.destructive-action), .titlebar row:selected button:active:not(.suggested-action):not(.destructive-action), + row:selected headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar row:selected button:active:not(.suggested-action):not(.destructive-action), row:selected .menu > arrow:active, + row:selected .context-menu > arrow:active, + row:selected menu > arrow:active, placessidebar row:selected button.image-button:active, row:selected .ssd decoration button:active, .ssd decoration row:selected button:active, row:selected .csd headerbar button.titlebutton:active, .csd headerbar row:selected button.titlebutton:active, + row:selected .csd .titlebar button.titlebutton:active, + .csd .titlebar row:selected button.titlebutton:active, row:selected #gf-candidate-popup button:active, #gf-candidate-popup row:selected button:active, row:selected window > grid.vertical > box.vertical > widget button:active, window > grid.vertical > box.vertical > widget row:selected button:active, row:selected layouttabbar button:active, layouttabbar row:selected button:active, row:selected layouttab button:active, layouttab row:selected button:active { + color: #FFFFFF; } + row:selected button.flat:disabled, row:selected button.osd.image-button:disabled, row:selected .osd toolbar button:disabled, .osd toolbar row:selected button:disabled, row:selected toolbar.osd button:disabled, toolbar.osd row:selected button:disabled, row:selected .app-notification button:disabled, .app-notification row:selected button:disabled, row:selected GeditViewFrame .gedit-search-slider button:disabled, GeditViewFrame .gedit-search-slider row:selected button:disabled, row:selected toolbar button:disabled, toolbar row:selected button:disabled, row:selected .titlebar button:disabled:not(.suggested-action):not(.destructive-action), .titlebar row:selected button:disabled:not(.suggested-action):not(.destructive-action), + row:selected headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar row:selected button:disabled:not(.suggested-action):not(.destructive-action), row:selected .menu > arrow:disabled, + row:selected .context-menu > arrow:disabled, + row:selected menu > arrow:disabled, placessidebar row:selected button.image-button:disabled, row:selected .ssd decoration button:disabled, .ssd decoration row:selected button:disabled, row:selected .csd headerbar button.titlebutton:disabled, .csd headerbar row:selected button.titlebutton:disabled, + row:selected .csd .titlebar button.titlebutton:disabled, + .csd .titlebar row:selected button.titlebutton:disabled, row:selected #gf-candidate-popup button:disabled, #gf-candidate-popup row:selected button:disabled, row:selected window > grid.vertical > box.vertical > widget button:disabled, window > grid.vertical > box.vertical > widget row:selected button:disabled, row:selected layouttabbar button:disabled, layouttabbar row:selected button:disabled, row:selected layouttab button:disabled, layouttab row:selected button:disabled { + color: rgba(255, 255, 255, 0.34); } + +row:hover { + transition: none; } + +/********************* + * App Notifications * + *********************/ +.app-notification border, +.app-notification.frame border { + border: none; } + +/************* + * Expanders * + *************/ +expander { + padding: 0.20301rem 0.30075rem 0.24812rem; } + expander arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + min-width: 1.20301rem; + min-height: 1.20301rem; } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + expander arrow:not(:hover):not(:active) { + color: alpha(currentColor, 0.75); } + expander arrow:selected { + color: #FFFFFF; } + expander label { + color: rgba(38, 50, 56, 0.75); } + expander label:hover, expander label:active { + color: #263238; } + expander label:selected { + color: #FFFFFF; } + +/************ + * Calendar * + ***********/ +calendar { + margin: 0.6015rem 0; + padding: 0.3985rem 0.09774rem 0.20301rem; + border: 1px solid rgba(0, 0, 0, 0.09); + color: #263238; } + calendar:selected { + border: none; + border-radius: 100px; + color: #E8E8E8; + background-color: transparent; + background-image: -gtk-scaled(url("assets/calendar-day-selected.png"), url("assets/calendar-day-selected@2.png")); + background-size: 1.45113rem 1.45113rem; + background-position: center top; + background-repeat: no-repeat; } + calendar.header { + border: 1px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.09); + border-radius: 0; } + calendar.button, calendar.header.button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: alpha(currentColor, 0.2); + background-size: 2.44361rem 2.44361rem, auto; } + calendar.button:hover, calendar.header.button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + calendar.button:active, calendar.header.button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + calendar.button:disabled, calendar.header.button:disabled { + box-shadow: none; + background-color: transparent; } + calendar:indeterminate { + color: alpha(currentColor, 0.2); } + calendar.highlight { + color: alpha(currentColor, 0.55); + font-size: 90%; + font-weight: 500; } + +/*********** + * Dialogs * + ***********/ +messagedialog .titlebar { + min-height: 20px; + background-color: rgba(0, 0, 0); + border-bottom: 1px solid rgba(212, 213, 219, 0.95); } + +messagedialog .dialog-action-area button { + padding: 8px; + min-height: 0; } + +messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; } + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 3px 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 3px; + border-left-style: none; } + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(220, 223, 227, 0.5); } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border: none; + color: rgba(38, 50, 56, 0.75); + background-color: #FFFFFF; } + .sidebar:dir(ltr), .sidebar list:dir(ltr) { + box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); } + .sidebar:dir(rtl), .sidebar list:dir(rtl) { + box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); } + .sidebar treeview.view, .sidebar .tweak-category, + .sidebar .frame, + .sidebar list { + background-color: transparent; } + .sidebar treeview.view, .sidebar .tweak-category { + box-shadow: none; } + .sidebar .frame list { + box-shadow: none; } + .sidebar list, + .sidebar row, + .sidebar row.activatable, + .sidebar .view, + .sidebar iconview, + .sidebar .view text, + .view .sidebar text, + .sidebar iconview text, + iconview .sidebar text, + .sidebar textview text, + textview .sidebar text, + .sidebar treeview.view header button, + treeview.view header .sidebar button, + .sidebar .tweak-category header button, + .tweak-category header .sidebar button { + color: rgba(38, 50, 56, 0.75); + background-color: transparent; + font-weight: 500; } + .sidebar list:hover, + .sidebar row:hover, + .sidebar row.activatable:hover, + .sidebar .view:hover, + .sidebar iconview:hover, + .sidebar .view text:hover, + .view .sidebar text:hover, + .sidebar iconview text:hover, + iconview .sidebar text:hover, + .sidebar textview text:hover, + textview .sidebar text:hover, + .sidebar treeview.view header button:hover, + treeview.view header .sidebar button:hover, + .sidebar .tweak-category header button:hover, + .tweak-category header .sidebar button:hover { + color: #263238; } + .sidebar list:selected, + .sidebar row:selected, + .sidebar row.activatable:selected, + .sidebar .view:selected, + .sidebar iconview:selected, + .sidebar .view text:selected, + .view .sidebar text:selected, + .sidebar iconview text:selected, + iconview .sidebar text:selected, + .sidebar textview text:selected, + textview .sidebar text:selected, + .sidebar treeview.view header button:selected, + treeview.view header .sidebar button:selected, + .sidebar .tweak-category header button:selected, + .tweak-category header .sidebar button:selected { + color: #E8E8E8; + background-color: transparent; } + .sidebar list:selected label, + .sidebar row:selected label, + .sidebar row.activatable:selected label, + .sidebar .view:selected label, + .sidebar iconview:selected label, + .sidebar .view text:selected label, + .view .sidebar text:selected label, + .sidebar iconview text:selected label, + iconview .sidebar text:selected label, + .sidebar textview text:selected label, + textview .sidebar text:selected label, + .sidebar treeview.view header button:selected label, + treeview.view header .sidebar button:selected label, + .sidebar .tweak-category header button:selected label, + .tweak-category header .sidebar button:selected label { + color: #E8E8E8; } + .sidebar overshoot, + .sidebar undershoot { + box-shadow: none; } + +stacksidebar row, +stacksidebar row.activatable, +stacksidebar .view, +stacksidebar iconview, +stacksidebar .view text, +.view stacksidebar text, +stacksidebar iconview text, +iconview stacksidebar text, +stacksidebar textview text, +textview stacksidebar text, +stacksidebar treeview.view header button, +treeview.view header stacksidebar button, +stacksidebar .tweak-category header button, +.tweak-category header stacksidebar button { + padding: 0.3985rem 0.6015rem 0.50376rem; + color: rgba(38, 50, 56, 0.75); + background-color: transparent; + font-weight: 500; } + stacksidebar row > label, + stacksidebar row.activatable > label, + stacksidebar .view > label, + stacksidebar iconview > label, + stacksidebar .view text > label, + .view stacksidebar text > label, + stacksidebar iconview text > label, + iconview stacksidebar text > label, + stacksidebar textview text > label, + textview stacksidebar text > label, + stacksidebar treeview.view header button > label, + treeview.view header stacksidebar button > label, + stacksidebar .tweak-category header button > label, + .tweak-category header stacksidebar button > label { + padding-left: 0.3985rem; + padding-right: 0.3985rem; } + stacksidebar row:hover, + stacksidebar row.activatable:hover, + stacksidebar .view:hover, + stacksidebar iconview:hover, + stacksidebar .view text:hover, + .view stacksidebar text:hover, + stacksidebar iconview text:hover, + iconview stacksidebar text:hover, + stacksidebar textview text:hover, + textview stacksidebar text:hover, + stacksidebar treeview.view header button:hover, + treeview.view header stacksidebar button:hover, + stacksidebar .tweak-category header button:hover, + .tweak-category header stacksidebar button:hover { + color: #263238; } + stacksidebar row:selected, + stacksidebar row.activatable:selected, + stacksidebar .view:selected, + stacksidebar iconview:selected, + stacksidebar .view text:selected, + .view stacksidebar text:selected, + stacksidebar iconview text:selected, + iconview stacksidebar text:selected, + stacksidebar textview text:selected, + textview stacksidebar text:selected, + stacksidebar treeview.view header button:selected, + treeview.view header stacksidebar button:selected, + stacksidebar .tweak-category header button:selected, + .tweak-category header stacksidebar button:selected { + color: #E8E8E8; + background-color: transparent; } + stacksidebar row:selected label, + stacksidebar row.activatable:selected label, + stacksidebar .view:selected label, + stacksidebar iconview:selected label, + stacksidebar .view text:selected label, + .view stacksidebar text:selected label, + stacksidebar iconview text:selected label, + iconview stacksidebar text:selected label, + stacksidebar textview text:selected label, + textview stacksidebar text:selected label, + stacksidebar treeview.view header button:selected label, + treeview.view header stacksidebar button:selected label, + stacksidebar .tweak-category header button:selected label, + .tweak-category header stacksidebar button:selected label { + color: #E8E8E8; } + stacksidebar row:backdrop, + stacksidebar row.activatable:backdrop, + stacksidebar .view:backdrop, + stacksidebar iconview:backdrop, + stacksidebar .view text:backdrop, + .view stacksidebar text:backdrop, + stacksidebar iconview text:backdrop, + iconview stacksidebar text:backdrop, + stacksidebar textview text:backdrop, + textview stacksidebar text:backdrop, + stacksidebar treeview.view header button:backdrop, + treeview.view header stacksidebar button:backdrop, + stacksidebar .tweak-category header button:backdrop, + .tweak-category header stacksidebar button:backdrop { + opacity: 1.0; } +stacksidebar .frame list { + background-color: rgba(12, 18, 0, 0.01); } + stacksidebar .frame list:dir(ltr) { + box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); } + stacksidebar .frame list:dir(rtl) { + box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); } +stacksidebar separator, +stacksidebar .separator { + min-height: 0; + border-color: transparent; + background-color: transparent; + color: transparent; } + +/**************** + * File chooser * + ****************/ +placessidebar list, +placessidebar row { + background-color: #FFFFFF; } +placessidebar row { + padding: 0.3985rem 0 0.50376rem; } + placessidebar row > revealer { + padding: 0.30075rem 1.05263rem 0.30075rem 0.90226rem; } + placessidebar row image.sidebar-icon { + opacity: 0.75; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 0.50376rem; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 0.50376rem; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 0.15038rem; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 0.15038rem; } + placessidebar row button.image-button { + padding: 0.50376rem; } + placessidebar row:selected { + color: #E8E8E8; } + placessidebar row:selected label { + color: #E8E8E8; } + placessidebar row:selected button.image-button { + color: #4DD0E1; } + placessidebar row:selected button.image-button:hover, placessidebar row:selected button.image-button:active { + color: #E8E8E8; } + placessidebar row.sidebar-placeholder-row { + border: solid 1px #E8E8E8; } + placessidebar row.sidebar-new-bookmark-row { + color: #E8E8E8; } + placessidebar row:drop(active):not(:disabled) { + color: #E8E8E8; + box-shadow: inset 0 1px #E8E8E8, inset 0 -1px #E8E8E8; } + placessidebar row:drop(active):not(:disabled):selected { + color: #FFFFFF; + background-color: #E8E8E8; } + +placesview row.activatable:hover, placesview .view:hover, placesview iconview:hover, +placesview .view text:hover, +.view placesview text:hover, +placesview iconview text:hover, +iconview placesview text:hover, +placesview textview text:hover, +textview placesview text:hover, placesview treeview.view header button:hover, treeview.view header placesview button:hover, placesview .tweak-category header button:hover, .tweak-category header placesview button:hover { + background-color: transparent; } +placesview > actionbar > revealer > box > label { + padding-left: 0.6015rem; + padding-right: 0.6015rem; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + border-style: none; + background-color: transparent; + -gtk-icon-source: none; + background-image: image(rgba(0, 0, 0, 0.09)); + background-size: 1px 1px; + transition: none; } + paned > separator:backdrop, paned > separator:selected { + background-image: image(#E5E9EC); + transition: none; } + window paned > separator, window paned > separator:backdrop, window paned > separator:selected { + background-image: image(rgba(0, 0, 0, 0.05)); + transition: none; } + window > grid.vertical paned > separator, window > grid.vertical paned > separator:backdrop, window > grid.vertical paned > separator:selected { + background-image: image(#E5E9EC); + transition: none; } + paned > separator.wide, button paned > separator, stacksidebar paned > separator, + stacksidebar paned > .separator, .tweak-categories paned > separator, + .tweak-categories paned > .separator, window overlay > grid > frame > grid list paned > separator { + min-width: 0.45113rem; + min-height: 0.45113rem; + margin: 0; + padding: 0; + background-color: #FFFFFF; + background-image: image(#E5E9EC), image(#E5E9EC); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop, button paned > separator:backdrop, stacksidebar paned > separator:backdrop, + stacksidebar paned > .separator:backdrop, .tweak-categories paned > separator:backdrop, + .tweak-categories paned > .separator:backdrop, window overlay > grid > frame > grid list paned > separator:backdrop, paned > separator.wide:selected, button paned > separator:selected, stacksidebar paned > separator:selected, + stacksidebar paned > .separator:selected, .tweak-categories paned > separator:selected, + .tweak-categories paned > .separator:selected, window overlay > grid > frame > grid list paned > separator:selected { + background-image: image(#E5E9EC), image(#E5E9EC); } +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -0.6015rem 0 0; + padding: 0 0.6015rem 0 0; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -0.6015rem; + padding: 0 0 0 0.6015rem; } + paned.horizontal > separator.wide, button paned.horizontal > separator, stacksidebar paned.horizontal > separator, + stacksidebar paned.horizontal > .separator, .tweak-categories paned.horizontal > separator, + .tweak-categories paned.horizontal > .separator, window overlay > grid > frame > grid list paned.horizontal > separator { + background-repeat: repeat-y, repeat-y; + background-position: left, right; } +paned.vertical > separator { + margin: 0 0 -0.6015rem 0; + padding: 0 0 0.6015rem 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide, button paned.vertical > separator, stacksidebar paned.vertical > separator, + stacksidebar paned.vertical > .separator, .tweak-categories paned.vertical > separator, + .tweak-categories paned.vertical > .separator, window overlay > grid > frame > grid list paned.vertical > separator { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************** + * GtkInfoBar * + **************/ +infobar, NautilusTrashBar { + padding: 0.3985rem; + border-width: 0 0 1px; + border-style: solid; + border-color: #E5E9EC; + background-color: #FFFFFF; } + +.info:not(.error), +.question:not(.error), +.warning:not(.error), +.error:not(.error) { + color: rgba(38, 50, 56, 0.75); } +.info button, +.question button, +.warning button, +.error button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); } + .info button:hover, + .question button:hover, + .warning button:hover, + .error button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + color: #263238; } + .info button:active, + .question button:active, + .warning button:active, + .error button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #263238; } + .info button:checked, + .question button:checked, + .warning button:checked, + .error button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + color: #263238; } + .info button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled { + color: rgba(38, 50, 56, 0.3); } + .info button.flat, .info button.osd.image-button, .info .osd toolbar button, .osd toolbar .info button, .info toolbar.osd button, toolbar.osd .info button, .info .app-notification button, .app-notification .info button, .info GeditViewFrame .gedit-search-slider button, GeditViewFrame .gedit-search-slider .info button, .info toolbar button, toolbar .info button, .info .titlebar button:not(.suggested-action):not(.destructive-action), .titlebar .info button:not(.suggested-action):not(.destructive-action), + .info headerbar button:not(.suggested-action):not(.destructive-action), + headerbar .info button:not(.suggested-action):not(.destructive-action), .info .menu > arrow, + .info .context-menu > arrow, + .info menu > arrow, .info placessidebar row button.image-button, placessidebar row .info button.image-button, .info .ssd decoration button, .ssd decoration .info button, .info .csd headerbar button.titlebutton, .csd headerbar .info button.titlebutton, + .info .csd .titlebar button.titlebutton, + .csd .titlebar .info button.titlebutton, .info #gf-candidate-popup button, #gf-candidate-popup .info button, + .info #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .info .linked > button:first-child, + .info #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .info .linked > button:last-child, .info window > grid.vertical > box.vertical > widget button, window > grid.vertical > box.vertical > widget .info button, .info layouttabbar button, layouttabbar .info button, .info layouttab button, layouttab .info button, + .question button.flat, + .question button.osd.image-button, + .question .osd toolbar button, + .osd toolbar .question button, + .question toolbar.osd button, + toolbar.osd .question button, + .question .app-notification button, + .app-notification .question button, + .question GeditViewFrame .gedit-search-slider button, + GeditViewFrame .gedit-search-slider .question button, + .question toolbar button, + toolbar .question button, + .question .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar .question button:not(.suggested-action):not(.destructive-action), + .question headerbar button:not(.suggested-action):not(.destructive-action), + headerbar .question button:not(.suggested-action):not(.destructive-action), + .question .menu > arrow, + .question .context-menu > arrow, + .question menu > arrow, + .question placessidebar row button.image-button, + placessidebar row .question button.image-button, + .question .ssd decoration button, + .ssd decoration .question button, + .question .csd headerbar button.titlebutton, + .csd headerbar .question button.titlebutton, + .question .csd .titlebar button.titlebutton, + .csd .titlebar .question button.titlebutton, + .question #gf-candidate-popup button, + #gf-candidate-popup .question button, + .question #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .question .linked > button:first-child, + .question #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .question .linked > button:last-child, + .question window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget .question button, + .question layouttabbar button, + layouttabbar .question button, + .question layouttab button, + layouttab .question button, + .warning button.flat, + .warning button.osd.image-button, + .warning .osd toolbar button, + .osd toolbar .warning button, + .warning toolbar.osd button, + toolbar.osd .warning button, + .warning .app-notification button, + .app-notification .warning button, + .warning GeditViewFrame .gedit-search-slider button, + GeditViewFrame .gedit-search-slider .warning button, + .warning toolbar button, + toolbar .warning button, + .warning .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar .warning button:not(.suggested-action):not(.destructive-action), + .warning headerbar button:not(.suggested-action):not(.destructive-action), + headerbar .warning button:not(.suggested-action):not(.destructive-action), + .warning .menu > arrow, + .warning .context-menu > arrow, + .warning menu > arrow, + .warning placessidebar row button.image-button, + placessidebar row .warning button.image-button, + .warning .ssd decoration button, + .ssd decoration .warning button, + .warning .csd headerbar button.titlebutton, + .csd headerbar .warning button.titlebutton, + .warning .csd .titlebar button.titlebutton, + .csd .titlebar .warning button.titlebutton, + .warning #gf-candidate-popup button, + #gf-candidate-popup .warning button, + .warning #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .warning .linked > button:first-child, + .warning #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .warning .linked > button:last-child, + .warning window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget .warning button, + .warning layouttabbar button, + layouttabbar .warning button, + .warning layouttab button, + layouttab .warning button, + .error button.flat, + .error button.osd.image-button, + .error .osd toolbar button, + .osd toolbar .error button, + .error toolbar.osd button, + toolbar.osd .error button, + .error .app-notification button, + .app-notification .error button, + .error GeditViewFrame .gedit-search-slider button, + GeditViewFrame .gedit-search-slider .error button, + .error toolbar button, + toolbar .error button, + .error .titlebar button:not(.suggested-action):not(.destructive-action), + .titlebar .error button:not(.suggested-action):not(.destructive-action), + .error headerbar button:not(.suggested-action):not(.destructive-action), + headerbar .error button:not(.suggested-action):not(.destructive-action), + .error .menu > arrow, + .error .context-menu > arrow, + .error menu > arrow, + .error placessidebar row button.image-button, + placessidebar row .error button.image-button, + .error .ssd decoration button, + .ssd decoration .error button, + .error .csd headerbar button.titlebutton, + .csd headerbar .error button.titlebutton, + .error .csd .titlebar button.titlebutton, + .csd .titlebar .error button.titlebutton, + .error #gf-candidate-popup button, + #gf-candidate-popup .error button, + .error #gf-candidate-popup .linked > button:first-child, + #gf-candidate-popup .error .linked > button:first-child, + .error #gf-candidate-popup .linked > button:last-child, + #gf-candidate-popup .error .linked > button:last-child, + .error window > grid.vertical > box.vertical > widget button, + window > grid.vertical > box.vertical > widget .error button, + .error layouttabbar button, + layouttabbar .error button, + .error layouttab button, + layouttab .error button { + color: rgba(38, 50, 56, 0.75); } + .info button.flat:hover, .info button.osd.image-button:hover, .info .osd toolbar button:hover, .osd toolbar .info button:hover, .info toolbar.osd button:hover, toolbar.osd .info button:hover, .info .app-notification button:hover, .app-notification .info button:hover, .info GeditViewFrame .gedit-search-slider button:hover, GeditViewFrame .gedit-search-slider .info button:hover, .info toolbar button:hover, toolbar .info button:hover, .info .titlebar button:hover:not(.suggested-action):not(.destructive-action), .titlebar .info button:hover:not(.suggested-action):not(.destructive-action), + .info headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar .info button:hover:not(.suggested-action):not(.destructive-action), .info .menu > arrow:hover, + .info .context-menu > arrow:hover, + .info menu > arrow:hover, .info placessidebar row button.image-button:hover, placessidebar row .info button.image-button:hover, .info .ssd decoration button:hover, .ssd decoration .info button:hover, .info .csd headerbar button.titlebutton:hover, .csd headerbar .info button.titlebutton:hover, + .info .csd .titlebar button.titlebutton:hover, + .csd .titlebar .info button.titlebutton:hover, .info #gf-candidate-popup button:hover, #gf-candidate-popup .info button:hover, .info window > grid.vertical > box.vertical > widget button:hover, window > grid.vertical > box.vertical > widget .info button:hover, .info layouttabbar button:hover, layouttabbar .info button:hover, .info layouttab button:hover, layouttab .info button:hover, .info button.flat:active, .info button.osd.image-button:active, .info .osd toolbar button:active, .osd toolbar .info button:active, .info toolbar.osd button:active, toolbar.osd .info button:active, .info .app-notification button:active, .app-notification .info button:active, .info GeditViewFrame .gedit-search-slider button:active, GeditViewFrame .gedit-search-slider .info button:active, .info toolbar button:active, toolbar .info button:active, .info .titlebar button:active:not(.suggested-action):not(.destructive-action), .titlebar .info button:active:not(.suggested-action):not(.destructive-action), + .info headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar .info button:active:not(.suggested-action):not(.destructive-action), .info .menu > arrow:active, + .info .context-menu > arrow:active, + .info menu > arrow:active, .info placessidebar row button.image-button:active, placessidebar row .info button.image-button:active, .info .ssd decoration button:active, .ssd decoration .info button:active, .info .csd headerbar button.titlebutton:active, .csd headerbar .info button.titlebutton:active, + .info .csd .titlebar button.titlebutton:active, + .csd .titlebar .info button.titlebutton:active, .info #gf-candidate-popup button:active, #gf-candidate-popup .info button:active, .info window > grid.vertical > box.vertical > widget button:active, window > grid.vertical > box.vertical > widget .info button:active, .info layouttabbar button:active, layouttabbar .info button:active, .info layouttab button:active, layouttab .info button:active, + .question button.flat:hover, + .question button.osd.image-button:hover, + .question .osd toolbar button:hover, + .osd toolbar .question button:hover, + .question toolbar.osd button:hover, + toolbar.osd .question button:hover, + .question .app-notification button:hover, + .app-notification .question button:hover, + .question GeditViewFrame .gedit-search-slider button:hover, + GeditViewFrame .gedit-search-slider .question button:hover, + .question toolbar button:hover, + toolbar .question button:hover, + .question .titlebar button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .question button:hover:not(.suggested-action):not(.destructive-action), + .question headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar .question button:hover:not(.suggested-action):not(.destructive-action), + .question .menu > arrow:hover, + .question .context-menu > arrow:hover, + .question menu > arrow:hover, + .question placessidebar row button.image-button:hover, + placessidebar row .question button.image-button:hover, + .question .ssd decoration button:hover, + .ssd decoration .question button:hover, + .question .csd headerbar button.titlebutton:hover, + .csd headerbar .question button.titlebutton:hover, + .question .csd .titlebar button.titlebutton:hover, + .csd .titlebar .question button.titlebutton:hover, + .question #gf-candidate-popup button:hover, + #gf-candidate-popup .question button:hover, + .question window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget .question button:hover, + .question layouttabbar button:hover, + layouttabbar .question button:hover, + .question layouttab button:hover, + layouttab .question button:hover, + .question button.flat:active, + .question button.osd.image-button:active, + .question .osd toolbar button:active, + .osd toolbar .question button:active, + .question toolbar.osd button:active, + toolbar.osd .question button:active, + .question .app-notification button:active, + .app-notification .question button:active, + .question GeditViewFrame .gedit-search-slider button:active, + GeditViewFrame .gedit-search-slider .question button:active, + .question toolbar button:active, + toolbar .question button:active, + .question .titlebar button:active:not(.suggested-action):not(.destructive-action), + .titlebar .question button:active:not(.suggested-action):not(.destructive-action), + .question headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar .question button:active:not(.suggested-action):not(.destructive-action), + .question .menu > arrow:active, + .question .context-menu > arrow:active, + .question menu > arrow:active, + .question placessidebar row button.image-button:active, + placessidebar row .question button.image-button:active, + .question .ssd decoration button:active, + .ssd decoration .question button:active, + .question .csd headerbar button.titlebutton:active, + .csd headerbar .question button.titlebutton:active, + .question .csd .titlebar button.titlebutton:active, + .csd .titlebar .question button.titlebutton:active, + .question #gf-candidate-popup button:active, + #gf-candidate-popup .question button:active, + .question window > grid.vertical > box.vertical > widget button:active, + window > grid.vertical > box.vertical > widget .question button:active, + .question layouttabbar button:active, + layouttabbar .question button:active, + .question layouttab button:active, + layouttab .question button:active, + .warning button.flat:hover, + .warning button.osd.image-button:hover, + .warning .osd toolbar button:hover, + .osd toolbar .warning button:hover, + .warning toolbar.osd button:hover, + toolbar.osd .warning button:hover, + .warning .app-notification button:hover, + .app-notification .warning button:hover, + .warning GeditViewFrame .gedit-search-slider button:hover, + GeditViewFrame .gedit-search-slider .warning button:hover, + .warning toolbar button:hover, + toolbar .warning button:hover, + .warning .titlebar button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .warning button:hover:not(.suggested-action):not(.destructive-action), + .warning headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar .warning button:hover:not(.suggested-action):not(.destructive-action), + .warning .menu > arrow:hover, + .warning .context-menu > arrow:hover, + .warning menu > arrow:hover, + .warning placessidebar row button.image-button:hover, + placessidebar row .warning button.image-button:hover, + .warning .ssd decoration button:hover, + .ssd decoration .warning button:hover, + .warning .csd headerbar button.titlebutton:hover, + .csd headerbar .warning button.titlebutton:hover, + .warning .csd .titlebar button.titlebutton:hover, + .csd .titlebar .warning button.titlebutton:hover, + .warning #gf-candidate-popup button:hover, + #gf-candidate-popup .warning button:hover, + .warning window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget .warning button:hover, + .warning layouttabbar button:hover, + layouttabbar .warning button:hover, + .warning layouttab button:hover, + layouttab .warning button:hover, + .warning button.flat:active, + .warning button.osd.image-button:active, + .warning .osd toolbar button:active, + .osd toolbar .warning button:active, + .warning toolbar.osd button:active, + toolbar.osd .warning button:active, + .warning .app-notification button:active, + .app-notification .warning button:active, + .warning GeditViewFrame .gedit-search-slider button:active, + GeditViewFrame .gedit-search-slider .warning button:active, + .warning toolbar button:active, + toolbar .warning button:active, + .warning .titlebar button:active:not(.suggested-action):not(.destructive-action), + .titlebar .warning button:active:not(.suggested-action):not(.destructive-action), + .warning headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar .warning button:active:not(.suggested-action):not(.destructive-action), + .warning .menu > arrow:active, + .warning .context-menu > arrow:active, + .warning menu > arrow:active, + .warning placessidebar row button.image-button:active, + placessidebar row .warning button.image-button:active, + .warning .ssd decoration button:active, + .ssd decoration .warning button:active, + .warning .csd headerbar button.titlebutton:active, + .csd headerbar .warning button.titlebutton:active, + .warning .csd .titlebar button.titlebutton:active, + .csd .titlebar .warning button.titlebutton:active, + .warning #gf-candidate-popup button:active, + #gf-candidate-popup .warning button:active, + .warning window > grid.vertical > box.vertical > widget button:active, + window > grid.vertical > box.vertical > widget .warning button:active, + .warning layouttabbar button:active, + layouttabbar .warning button:active, + .warning layouttab button:active, + layouttab .warning button:active, + .error button.flat:hover, + .error button.osd.image-button:hover, + .error .osd toolbar button:hover, + .osd toolbar .error button:hover, + .error toolbar.osd button:hover, + toolbar.osd .error button:hover, + .error .app-notification button:hover, + .app-notification .error button:hover, + .error GeditViewFrame .gedit-search-slider button:hover, + GeditViewFrame .gedit-search-slider .error button:hover, + .error toolbar button:hover, + toolbar .error button:hover, + .error .titlebar button:hover:not(.suggested-action):not(.destructive-action), + .titlebar .error button:hover:not(.suggested-action):not(.destructive-action), + .error headerbar button:hover:not(.suggested-action):not(.destructive-action), + headerbar .error button:hover:not(.suggested-action):not(.destructive-action), + .error .menu > arrow:hover, + .error .context-menu > arrow:hover, + .error menu > arrow:hover, + .error placessidebar row button.image-button:hover, + placessidebar row .error button.image-button:hover, + .error .ssd decoration button:hover, + .ssd decoration .error button:hover, + .error .csd headerbar button.titlebutton:hover, + .csd headerbar .error button.titlebutton:hover, + .error .csd .titlebar button.titlebutton:hover, + .csd .titlebar .error button.titlebutton:hover, + .error #gf-candidate-popup button:hover, + #gf-candidate-popup .error button:hover, + .error window > grid.vertical > box.vertical > widget button:hover, + window > grid.vertical > box.vertical > widget .error button:hover, + .error layouttabbar button:hover, + layouttabbar .error button:hover, + .error layouttab button:hover, + layouttab .error button:hover, + .error button.flat:active, + .error button.osd.image-button:active, + .error .osd toolbar button:active, + .osd toolbar .error button:active, + .error toolbar.osd button:active, + toolbar.osd .error button:active, + .error .app-notification button:active, + .app-notification .error button:active, + .error GeditViewFrame .gedit-search-slider button:active, + GeditViewFrame .gedit-search-slider .error button:active, + .error toolbar button:active, + toolbar .error button:active, + .error .titlebar button:active:not(.suggested-action):not(.destructive-action), + .titlebar .error button:active:not(.suggested-action):not(.destructive-action), + .error headerbar button:active:not(.suggested-action):not(.destructive-action), + headerbar .error button:active:not(.suggested-action):not(.destructive-action), + .error .menu > arrow:active, + .error .context-menu > arrow:active, + .error menu > arrow:active, + .error placessidebar row button.image-button:active, + placessidebar row .error button.image-button:active, + .error .ssd decoration button:active, + .ssd decoration .error button:active, + .error .csd headerbar button.titlebutton:active, + .csd headerbar .error button.titlebutton:active, + .error .csd .titlebar button.titlebutton:active, + .csd .titlebar .error button.titlebutton:active, + .error #gf-candidate-popup button:active, + #gf-candidate-popup .error button:active, + .error window > grid.vertical > box.vertical > widget button:active, + window > grid.vertical > box.vertical > widget .error button:active, + .error layouttabbar button:active, + layouttabbar .error button:active, + .error layouttab button:active, + layouttab .error button:active { + color: #263238; } + .info button.flat:disabled, .info button.osd.image-button:disabled, .info .osd toolbar button:disabled, .osd toolbar .info button:disabled, .info toolbar.osd button:disabled, toolbar.osd .info button:disabled, .info .app-notification button:disabled, .app-notification .info button:disabled, .info GeditViewFrame .gedit-search-slider button:disabled, GeditViewFrame .gedit-search-slider .info button:disabled, .info toolbar button:disabled, toolbar .info button:disabled, .info .titlebar button:disabled:not(.suggested-action):not(.destructive-action), .titlebar .info button:disabled:not(.suggested-action):not(.destructive-action), + .info headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar .info button:disabled:not(.suggested-action):not(.destructive-action), .info .menu > arrow:disabled, + .info .context-menu > arrow:disabled, + .info menu > arrow:disabled, .info placessidebar row button.image-button:disabled, placessidebar row .info button.image-button:disabled, .info .ssd decoration button:disabled, .ssd decoration .info button:disabled, .info .csd headerbar button.titlebutton:disabled, .csd headerbar .info button.titlebutton:disabled, + .info .csd .titlebar button.titlebutton:disabled, + .csd .titlebar .info button.titlebutton:disabled, .info #gf-candidate-popup button:disabled, #gf-candidate-popup .info button:disabled, .info window > grid.vertical > box.vertical > widget button:disabled, window > grid.vertical > box.vertical > widget .info button:disabled, .info layouttabbar button:disabled, layouttabbar .info button:disabled, .info layouttab button:disabled, layouttab .info button:disabled, + .question button.flat:disabled, + .question button.osd.image-button:disabled, + .question .osd toolbar button:disabled, + .osd toolbar .question button:disabled, + .question toolbar.osd button:disabled, + toolbar.osd .question button:disabled, + .question .app-notification button:disabled, + .app-notification .question button:disabled, + .question GeditViewFrame .gedit-search-slider button:disabled, + GeditViewFrame .gedit-search-slider .question button:disabled, + .question toolbar button:disabled, + toolbar .question button:disabled, + .question .titlebar button:disabled:not(.suggested-action):not(.destructive-action), + .titlebar .question button:disabled:not(.suggested-action):not(.destructive-action), + .question headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar .question button:disabled:not(.suggested-action):not(.destructive-action), + .question .menu > arrow:disabled, + .question .context-menu > arrow:disabled, + .question menu > arrow:disabled, + .question placessidebar row button.image-button:disabled, + placessidebar row .question button.image-button:disabled, + .question .ssd decoration button:disabled, + .ssd decoration .question button:disabled, + .question .csd headerbar button.titlebutton:disabled, + .csd headerbar .question button.titlebutton:disabled, + .question .csd .titlebar button.titlebutton:disabled, + .csd .titlebar .question button.titlebutton:disabled, + .question #gf-candidate-popup button:disabled, + #gf-candidate-popup .question button:disabled, + .question window > grid.vertical > box.vertical > widget button:disabled, + window > grid.vertical > box.vertical > widget .question button:disabled, + .question layouttabbar button:disabled, + layouttabbar .question button:disabled, + .question layouttab button:disabled, + layouttab .question button:disabled, + .warning button.flat:disabled, + .warning button.osd.image-button:disabled, + .warning .osd toolbar button:disabled, + .osd toolbar .warning button:disabled, + .warning toolbar.osd button:disabled, + toolbar.osd .warning button:disabled, + .warning .app-notification button:disabled, + .app-notification .warning button:disabled, + .warning GeditViewFrame .gedit-search-slider button:disabled, + GeditViewFrame .gedit-search-slider .warning button:disabled, + .warning toolbar button:disabled, + toolbar .warning button:disabled, + .warning .titlebar button:disabled:not(.suggested-action):not(.destructive-action), + .titlebar .warning button:disabled:not(.suggested-action):not(.destructive-action), + .warning headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar .warning button:disabled:not(.suggested-action):not(.destructive-action), + .warning .menu > arrow:disabled, + .warning .context-menu > arrow:disabled, + .warning menu > arrow:disabled, + .warning placessidebar row button.image-button:disabled, + placessidebar row .warning button.image-button:disabled, + .warning .ssd decoration button:disabled, + .ssd decoration .warning button:disabled, + .warning .csd headerbar button.titlebutton:disabled, + .csd headerbar .warning button.titlebutton:disabled, + .warning .csd .titlebar button.titlebutton:disabled, + .csd .titlebar .warning button.titlebutton:disabled, + .warning #gf-candidate-popup button:disabled, + #gf-candidate-popup .warning button:disabled, + .warning window > grid.vertical > box.vertical > widget button:disabled, + window > grid.vertical > box.vertical > widget .warning button:disabled, + .warning layouttabbar button:disabled, + layouttabbar .warning button:disabled, + .warning layouttab button:disabled, + layouttab .warning button:disabled, + .error button.flat:disabled, + .error button.osd.image-button:disabled, + .error .osd toolbar button:disabled, + .osd toolbar .error button:disabled, + .error toolbar.osd button:disabled, + toolbar.osd .error button:disabled, + .error .app-notification button:disabled, + .app-notification .error button:disabled, + .error GeditViewFrame .gedit-search-slider button:disabled, + GeditViewFrame .gedit-search-slider .error button:disabled, + .error toolbar button:disabled, + toolbar .error button:disabled, + .error .titlebar button:disabled:not(.suggested-action):not(.destructive-action), + .titlebar .error button:disabled:not(.suggested-action):not(.destructive-action), + .error headerbar button:disabled:not(.suggested-action):not(.destructive-action), + headerbar .error button:disabled:not(.suggested-action):not(.destructive-action), + .error .menu > arrow:disabled, + .error .context-menu > arrow:disabled, + .error menu > arrow:disabled, + .error placessidebar row button.image-button:disabled, + placessidebar row .error button.image-button:disabled, + .error .ssd decoration button:disabled, + .ssd decoration .error button:disabled, + .error .csd headerbar button.titlebutton:disabled, + .csd headerbar .error button.titlebutton:disabled, + .error .csd .titlebar button.titlebutton:disabled, + .csd .titlebar .error button.titlebutton:disabled, + .error #gf-candidate-popup button:disabled, + #gf-candidate-popup .error button:disabled, + .error window > grid.vertical > box.vertical > widget button:disabled, + window > grid.vertical > box.vertical > widget .error button:disabled, + .error layouttabbar button:disabled, + layouttabbar .error button:disabled, + .error layouttab button:disabled, + layouttab .error button:disabled { + color: rgba(38, 50, 56, 0.3); } + .info button.image-button, + .question button.image-button, + .warning button.image-button, + .error button.image-button { + min-height: 1rem; + min-width: 1rem; + padding: 0.50376rem 0.20301rem 0.50376rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } +.info selection, +.question selection, +.warning selection, +.error selection { + background-color: #008fa1; } +.info progressbar trough, +.question progressbar trough, +.warning progressbar trough, +.error progressbar trough { + background-color: rgba(255, 255, 255, 0.2); } +.info progressbar progress, +.question progressbar progress, +.warning progressbar progress, +.error progressbar progress { + background-color: #FFFFFF; } + +.info { + background-color: #00E5FF; } + +.question { + background-color: #FFEA00; } + +.warning { + background-color: #FF9100; } + +.error { + color: #FFFFFF; + background-color: #FF1744; } + +/************ + * Tooltips * + ************/ +tooltip { + color: #ECEFF1; + padding: 0.30075rem; + border-radius: 2px; + box-shadow: none; } + tooltip.background { + border: 1px solid rgba(42, 55, 62, 0.9); + background-color: rgba(42, 55, 62, 0.9); + background-clip: padding-box; } + tooltip decoration { + background-color: transparent; } + tooltip * { + background-color: transparent; + color: #ECEFF1; } + +/***************** + * Color Chooser * + *****************/ +colorswatch { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + colorswatch.top { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + colorswatch.bottom { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + colorswatch.left, colorswatch:first-child:not(.overlay):not(.top) { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + colorswatch.right, colorswatch:last-child:not(.overlay):not(.bottom) { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + colorswatch:only-child:not(.overlay) { + border-radius: 2px; } + colorswatch.top > .overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + colorswatch.bottom > .overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + colorswatch:first-child:not(.top) > .overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + colorswatch:last-child:not(.bottom) > .overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + colorswatch:only-child > .overlay { + border-radius: 2px; } + colorswatch:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + GtkColorEditor colorswatch { + border-radius: 2px; } + GtkColorEditor colorswatch:hover { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + colorswatch.color-dark { + color: white; } + colorswatch.color-light { + color: rgba(0, 0, 0, 0.8); } + colorswatch#add-color-button { + background-image: linear-gradient(to right, #FF1744 25%, #FF9100 25%, #FF9100 50%, #00E5FF 50%, #00E5FF 75%, #FFEA00 75%); + color: white; } + +colorchooser .popover.osd { + padding: 3px; + border-style: solid; + border-width: 9px; + border-radius: 2px; + border-image: -gtk-scaled(url("assets/osd-shadow.png"), url("assets/osd-shadow@2.png")) 10/10px stretch; + box-shadow: none; + color: #ECEFF1; + background-color: #FFFFFF; } + colorchooser .popover.osd:backdrop { + border-image: -gtk-scaled(url("assets/osd-shadow-backdrop.png"), url("assets/osd-shadow-backdrop@2.png")) 10/10px stretch; } + colorchooser .popover.osd label { + color: #E8E8E8; + font-weight: 700; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #FFFFFF; } + +@keyframes volume_hover { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.1)), to(transparent)); } } +.osd .scale-popup .vertical button, .scale-popup .vertical button { + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + .osd .scale-popup .vertical button:first-child:hover, .scale-popup .vertical button:first-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + background: none; + color: #00E676; + animation: volume_hover 0.2s linear forwards; } + .osd .scale-popup .vertical button:first-child:disabled, .scale-popup .vertical button:first-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#00E676, 0.4); } + .osd .scale-popup .vertical button:last-child:hover, .scale-popup .vertical button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + background: none; + color: #F44336; + animation: volume_hover 0.2s linear forwards; } + .osd .scale-popup .vertical button:last-child:disabled, .scale-popup .vertical button:last-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#F44336, 0.4); } +.osd .scale-popup button, +.scale-popup button { + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); } + .osd .scale-popup button:first-child:hover, + .scale-popup button:first-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + background: none; + color: #F44336; + animation: spin_hover 0.2s linear forwards; } + .osd .scale-popup button:first-child:disabled, + .scale-popup button:first-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#F44336, 0.4); } + .osd .scale-popup button:last-child:hover, + .scale-popup button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + background: none; + color: #00E676; + animation: spin_hover 0.2s linear forwards; } + .osd .scale-popup button:last-child:disabled, + .scale-popup button:last-child:disabled { + box-shadow: none; + background-color: transparent; + background: none; + color: alpha(#00E676, 0.4); } + +button.flat.scale, button.scale.osd.image-button, .app-notification button.scale, GeditViewFrame .gedit-search-slider button.scale, toolbar button.scale, .titlebar button.scale:not(.suggested-action):not(.destructive-action), +headerbar button.scale:not(.suggested-action):not(.destructive-action), .menu > arrow.scale, +.context-menu > arrow.scale, +menu > arrow.scale, placessidebar row button.scale.image-button, .ssd decoration button.scale, .csd headerbar button.scale.titlebutton, +.csd .titlebar button.scale.titlebutton, #gf-candidate-popup button.scale, +#gf-candidate-popup .linked > button.scale:first-child, +#gf-candidate-popup .linked > button.scale:last-child, window > grid.vertical > box.vertical > widget button.scale, layouttabbar button.scale, layouttab button.scale { + min-width: 1.30075rem; + min-height: 1.30075rem; + padding: 0.75188rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + +.nautilus-window .floating-bar { + padding: 0.09774rem 0 0.20301rem; + border: 1px solid transparent; + border-radius: 0; + color: #BBBBBB; + background-color: #FFFFFF; + transition: none; } + .nautilus-window .floating-bar button { + min-height: 1rem; + min-width: 1rem; + padding: 0.30075rem; + margin: 0 0.30075rem; + color: #E8E8E8; } + .nautilus-window .floating-bar button:hover, .nautilus-window .floating-bar button:active, .nautilus-window .floating-bar button:checked { + color: #E8E8E8; } + .nautilus-window .floating-bar button:disabled { + color: #E8E8E8; } + .nautilus-window .floating-bar spinner { + min-height: 0.90226rem; + min-width: 0.90226rem; + padding: 0.50376rem 0 0.50376rem; + margin: 0 -0.07519rem; } + +.nautilus-window .floating-bar.bottom.left { + border-width: 1px 1px 0 0; + border-radius: 0 3px 0 0; } + +.nautilus-window .floating-bar.bottom.right { + border-width: 1px 0 0 1px; + border-radius: 3px 0 0 0; } + +/********************** + * Window Decorations * + *********************/ +decoration { + transition: none; + border-radius: 2px 2px 0 0; + border-width: 0; + box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); + margin: 8px; } + decoration:backdrop { + box-shadow: 0 10px 6px transparent, 0 6px 8px -4px transparent, 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); + transition: none; } + .fullscreen decoration, .maximized decoration, .tiled decoration { + border-radius: 0; + transition: none; } + .popup decoration { + box-shadow: none; } + .ssd decoration { + box-shadow: 0 2px 2px transparent, 0 3px 4px transparent, 0 3px 3px -1px rgba(0, 0, 0, 0.08); } + .ssd decoration button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + .tiled .ssd decoration .titlebar { + transition: none; } + .maximized .ssd decoration .titlebar { + transition: none; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.2); } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + message-dialog.csd decoration { + border-radius: 2px; + box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); } + message-dialog.csd decoration:backdrop { + box-shadow: 0 10px 6px transparent, 0 6px 8px -4px transparent, 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); + transition: none; } + .solid-csd decoration { + border-radius: 2px 2px 0 0; + margin: -1px; + background-color: #FFFFFF; + border: none; + box-shadow: none; } + +.csd headerbar button.titlebutton, .csd headerbar.selection-mode button.titlebutton, +.csd .titlebar button.titlebutton, +.csd .titlebar.selection-mode button.titlebutton { + min-width: 1rem; + min-height: 1rem; + padding: 0.75188rem; + border-radius: 100px; + -gtk-outline-radius: 100px; } + .csd headerbar button.titlebutton.close:hover:backdrop, .csd headerbar button.titlebutton.close:active:backdrop, .csd headerbar button.titlebutton.minimize:hover:backdrop, .csd headerbar button.titlebutton.minimize:active:backdrop, .csd headerbar button.titlebutton.maximize:hover:backdrop, .csd headerbar button.titlebutton.maximize:active:backdrop, .csd headerbar.selection-mode button.titlebutton.close:hover:backdrop, .csd headerbar.selection-mode button.titlebutton.close:active:backdrop, .csd headerbar.selection-mode button.titlebutton.minimize:hover:backdrop, .csd headerbar.selection-mode button.titlebutton.minimize:active:backdrop, .csd headerbar.selection-mode button.titlebutton.maximize:hover:backdrop, .csd headerbar.selection-mode button.titlebutton.maximize:active:backdrop, + .csd .titlebar button.titlebutton.close:hover:backdrop, + .csd .titlebar button.titlebutton.close:active:backdrop, + .csd .titlebar button.titlebutton.minimize:hover:backdrop, + .csd .titlebar button.titlebutton.minimize:active:backdrop, + .csd .titlebar button.titlebutton.maximize:hover:backdrop, + .csd .titlebar button.titlebutton.maximize:active:backdrop, + .csd .titlebar.selection-mode button.titlebutton.close:hover:backdrop, + .csd .titlebar.selection-mode button.titlebutton.close:active:backdrop, + .csd .titlebar.selection-mode button.titlebutton.minimize:hover:backdrop, + .csd .titlebar.selection-mode button.titlebutton.minimize:active:backdrop, + .csd .titlebar.selection-mode button.titlebutton.maximize:hover:backdrop, + .csd .titlebar.selection-mode button.titlebutton.maximize:active:backdrop { + opacity: 1.0; } + .csd headerbar button.titlebutton.close > image, .csd headerbar button.titlebutton.minimize > image, .csd headerbar button.titlebutton.maximize > image, .csd headerbar.selection-mode button.titlebutton.close > image, .csd headerbar.selection-mode button.titlebutton.minimize > image, .csd headerbar.selection-mode button.titlebutton.maximize > image, + .csd .titlebar button.titlebutton.close > image, + .csd .titlebar button.titlebutton.minimize > image, + .csd .titlebar button.titlebutton.maximize > image, + .csd .titlebar.selection-mode button.titlebutton.close > image, + .csd .titlebar.selection-mode button.titlebutton.minimize > image, + .csd .titlebar.selection-mode button.titlebutton.maximize > image { + min-height: 16px; + min-width: 16px; + color: transparent; + background-size: 16px 16px; + background-repeat: no-repeat; + background-position: center; } + .csd headerbar button.titlebutton.close > image, .csd headerbar.selection-mode button.titlebutton.close > image, + .csd .titlebar button.titlebutton.close > image, + .csd .titlebar.selection-mode button.titlebutton.close > image { + background-image: -gtk-scaled(url("assets/window-close.png"), url("assets/window-close@2.png")); } + .csd headerbar button.titlebutton.close:hover, .csd headerbar.selection-mode button.titlebutton.close:hover, + .csd .titlebar button.titlebutton.close:hover, + .csd .titlebar.selection-mode button.titlebutton.close:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: #263238; + color: #FFFFFF; + background-color: #FF5252; } + .csd headerbar button.titlebutton.close:hover > image, .csd headerbar.selection-mode button.titlebutton.close:hover > image, + .csd .titlebar button.titlebutton.close:hover > image, + .csd .titlebar.selection-mode button.titlebutton.close:hover > image { + background-image: -gtk-scaled(url("assets/window-close-active.png"), url("assets/window-close-active@2.png")); } + .csd headerbar button.titlebutton.close:active, .csd headerbar.selection-mode button.titlebutton.close:active, + .csd .titlebar button.titlebutton.close:active, + .csd .titlebar.selection-mode button.titlebutton.close:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); + color: #263238; + transition-duration: 0; + animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #FFFFFF; + background-color: #E8E8E8; } + .csd headerbar button.titlebutton.close:active > image, .csd headerbar.selection-mode button.titlebutton.close:active > image, + .csd .titlebar button.titlebutton.close:active > image, + .csd .titlebar.selection-mode button.titlebutton.close:active > image { + background-image: -gtk-scaled(url("assets/window-close-active.png"), url("assets/window-close-active@2.png")); } + .csd headerbar button.titlebutton.minimize > image, .csd headerbar.selection-mode button.titlebutton.minimize > image, + .csd .titlebar button.titlebutton.minimize > image, + .csd .titlebar.selection-mode button.titlebutton.minimize > image { + background-image: -gtk-scaled(url("assets/window-minimize.png"), url("assets/window-minimize@2.png")); } + .csd headerbar button.titlebutton.minimize:hover > image, .csd headerbar button.titlebutton.minimize:active > image, .csd headerbar.selection-mode button.titlebutton.minimize:hover > image, .csd headerbar.selection-mode button.titlebutton.minimize:active > image, + .csd .titlebar button.titlebutton.minimize:hover > image, + .csd .titlebar button.titlebutton.minimize:active > image, + .csd .titlebar.selection-mode button.titlebutton.minimize:hover > image, + .csd .titlebar.selection-mode button.titlebutton.minimize:active > image { + background-image: -gtk-scaled(url("assets/window-minimize-active.png"), url("assets/window-minimize-active@2.png")); } + .csd headerbar button.titlebutton.maximize > image, .csd headerbar.selection-mode button.titlebutton.maximize > image, + .csd .titlebar button.titlebutton.maximize > image, + .csd .titlebar.selection-mode button.titlebutton.maximize > image { + background-image: -gtk-scaled(url("assets/window-maximize.png"), url("assets/window-maximize@2.png")); } + .csd headerbar button.titlebutton.maximize:hover > image, .csd headerbar button.titlebutton.maximize:active > image, .csd headerbar.selection-mode button.titlebutton.maximize:hover > image, .csd headerbar.selection-mode button.titlebutton.maximize:active > image, + .csd .titlebar button.titlebutton.maximize:hover > image, + .csd .titlebar button.titlebutton.maximize:active > image, + .csd .titlebar.selection-mode button.titlebutton.maximize:hover > image, + .csd .titlebar.selection-mode button.titlebutton.maximize:active > image { + background-image: -gtk-scaled(url("assets/window-maximize-active.png"), url("assets/window-maximize-active@2.png")); } + +.csd.maximized headerbar button.titlebutton.maximize > image, .csd.maximized headerbar.selection-mode button.titlebutton.maximize > image, +.csd.maximized .titlebar button.titlebutton.maximize > image, +.csd.maximized .titlebar.selection-mode button.titlebutton.maximize > image { + background-image: -gtk-scaled(url("assets/window-unmaximize.png"), url("assets/window-unmaximize@2.png")); } +.csd.maximized headerbar button.titlebutton.maximize:hover > image, .csd.maximized headerbar button.titlebutton.maximize:active > image, .csd.maximized headerbar.selection-mode button.titlebutton.maximize:hover > image, .csd.maximized headerbar.selection-mode button.titlebutton.maximize:active > image, +.csd.maximized .titlebar button.titlebutton.maximize:hover > image, +.csd.maximized .titlebar button.titlebutton.maximize:active > image, +.csd.maximized .titlebar.selection-mode button.titlebutton.maximize:hover > image, +.csd.maximized .titlebar.selection-mode button.titlebutton.maximize:active > image { + background-image: -gtk-scaled(url("assets/window-unmaximize-active.png"), url("assets/window-unmaximize-active@2.png")); } + +.ssd .titlebar button.titlebutton.close, .ssd .titlebar button.titlebutton.minimize, .ssd .titlebar button.titlebutton.maximize { + color: transparent; + background-size: 28px 28px; + background-repeat: no-repeat; + background-position: center; + background: none; + box-shadow: none; } + .ssd .titlebar button.titlebutton.close:backdrop, .ssd .titlebar button.titlebutton.close:hover:backdrop, .ssd .titlebar button.titlebutton.close:active:backdrop, .ssd .titlebar button.titlebutton.minimize:backdrop, .ssd .titlebar button.titlebutton.minimize:hover:backdrop, .ssd .titlebar button.titlebutton.minimize:active:backdrop, .ssd .titlebar button.titlebutton.maximize:backdrop, .ssd .titlebar button.titlebutton.maximize:hover:backdrop, .ssd .titlebar button.titlebutton.maximize:active:backdrop { + color: transparent; } +.ssd .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/window-close-ssd.png"), url("assets/window-close-ssd@2.png")); + box-shadow: none; } +.ssd .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/window-close-ssd-hover.png"), url("assets/window-close-ssd-hover@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } +.ssd .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/window-close-ssd-active.png"), url("assets/window-close-ssd-active@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } +.ssd .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop.png"), url("assets/window-close-ssd-backdrop@2.png")); + box-shadow: none; } +.ssd .titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop-hover.png"), url("assets/window-close-ssd-backdrop-hover@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } +.ssd .titlebar button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop-active.png"), url("assets/window-close-ssd-backdrop-active@2.png")); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } +.ssd .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/window-minimize-ssd.png"), url("assets/window-minimize-ssd@2.png")); } +.ssd .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-hover.png"), url("assets/window-minimize-ssd-hover@2.png")); } +.ssd .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-active.png"), url("assets/window-minimize-ssd-active@2.png")); } +.ssd .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop.png"), url("assets/window-minimize-ssd-backdrop@2.png")); } +.ssd .titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop-hover.png"), url("assets/window-minimize-ssd-backdrop-hover@2.png")); } +.ssd .titlebar button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop-active.png"), url("assets/window-minimize-ssd-backdrop-active@2.png")); } +.ssd .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/window-maximize-ssd.png"), url("assets/window-maximize-ssd@2.png")); } +.ssd .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-hover.png"), url("assets/window-maximize-ssd-hover@2.png")); } +.ssd .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-active.png"), url("assets/window-maximize-ssd-active@2.png")); } +.ssd .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop.png"), url("assets/window-maximize-ssd-backdrop@2.png")); } +.ssd .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop-hover.png"), url("assets/window-maximize-ssd-backdrop-hover@2.png")); } +.ssd .titlebar button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop-active.png"), url("assets/window-maximize-ssd-backdrop-active@2.png")); } + +.maximized.ssd .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd.png"), url("assets/window-unmaximize-ssd@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-hover.png"), url("assets/window-unmaximize-ssd-hover@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-active.png"), url("assets/window-unmaximize-ssd-active@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop.png"), url("assets/window-unmaximize-ssd-backdrop@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop-hover.png"), url("assets/window-unmaximize-ssd-backdrop-hover@2.png")); } +.maximized.ssd .titlebar button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop-active.png"), url("assets/window-unmaximize-ssd-backdrop-active@2.png")); } + +.ssd decoration .titlebar button.titlebutton { + min-width: 26.7px; + min-height: 26.7px; + padding: 0; } + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus, .view text selection, iconview text selection, .view text selection:focus, iconview text selection:focus, +textview text selection, +textview text selection:focus, flowbox flowboxchild:selected, label selection, +label selection:focus, entry selection, spinbutton:not(.vertical) selection, entry selection:focus, spinbutton:not(.vertical) selection:focus, treeview entry:selected, treeview spinbutton:selected:not(.vertical), treeview entry.flat:focus:selected, treeview .linked > entry:focus:selected:not(.flat), treeview .linked > spinbutton:focus:selected:not(.flat):not(.vertical), treeview spinbutton.flat:focus:selected:not(.vertical), treeview notebook:not(.reorderable-page) > entry:focus:selected, treeview notebook:not(.reorderable-page) > spinbutton:focus:selected:not(.vertical), treeview spinbutton entry:focus:selected, treeview spinbutton spinbutton:focus:selected:not(.vertical), treeview.view:selected, .tweak-category:selected, +treeview.view row:selected, +.tweak-category row:selected, paned treeview.view:selected, paned .tweak-category:selected, +paned treeview.view row:selected, +paned .tweak-category row:selected, row:selected, .sidebar treeview.view:selected, .sidebar .tweak-category:selected, +.sidebar treeview.view row:selected, +.sidebar .tweak-category row:selected, GdMainView .view:hover:selected, GdMainView iconview:hover:selected, GdMainView .view:selected, GdMainView iconview:selected, GdMainView .view row.activatable:hover:selected, GdMainView iconview row.activatable:hover:selected, GdMainView .view .view:hover:selected, GdMainView iconview .view:hover:selected, GdMainView .view iconview:hover:selected, GdMainView iconview iconview:hover:selected, +GdMainView .view text:hover:selected, +GdMainView iconview .view text:hover:selected, +.view GdMainView iconview text:hover:selected, +GdMainView .view iconview text:hover:selected, +iconview GdMainView .view text:hover:selected, +GdMainView iconview text:hover:selected, +GdMainView .view textview text:hover:selected, +textview GdMainView .view text:hover:selected, +GdMainView iconview textview text:hover:selected, +textview GdMainView iconview text:hover:selected, GdMainView treeview.view header button:hover:selected, GdMainView iconview treeview.view header button:hover:selected, treeview.view header GdMainView iconview button:hover:selected, GdMainView .view .tweak-category header button:hover:selected, .tweak-category header GdMainView .view button:hover:selected, GdMainView iconview .tweak-category header button:hover:selected, .tweak-category header GdMainView iconview button:hover:selected, GdMainView .view row.activatable:selected, GdMainView iconview row.activatable:selected, GdMainView .view .view:selected, GdMainView iconview .view:selected, GdMainView .view iconview:selected, GdMainView iconview iconview:selected, +GdMainView .view text:selected, +GdMainView iconview .view text:selected, +.view GdMainView iconview text:selected, +GdMainView .view iconview text:selected, +iconview GdMainView .view text:selected, +GdMainView iconview text:selected, +GdMainView .view textview text:selected, +textview GdMainView .view text:selected, +GdMainView iconview textview text:selected, +textview GdMainView iconview text:selected, GdMainView treeview.view header button:selected, GdMainView iconview treeview.view header button:selected, treeview.view header GdMainView iconview button:selected, GdMainView .view .tweak-category header button:selected, .tweak-category header GdMainView .view button:selected, GdMainView iconview .tweak-category header button:selected, .tweak-category header GdMainView iconview button:selected, +.side-panel .view:hover:selected, +.side-panel iconview:hover:selected, +.side-panel .view:selected, +.side-panel iconview:selected, +.side-panel .view row.activatable:hover:selected, +.side-panel iconview row.activatable:hover:selected, +.side-panel .view .view:hover:selected, +.side-panel iconview .view:hover:selected, +.side-panel .view iconview:hover:selected, +.side-panel iconview iconview:hover:selected, +.side-panel .view text:hover:selected, +.side-panel iconview .view text:hover:selected, +.view .side-panel iconview text:hover:selected, +.side-panel .view iconview text:hover:selected, +iconview .side-panel .view text:hover:selected, +.side-panel iconview text:hover:selected, +.side-panel .view textview text:hover:selected, +textview .side-panel .view text:hover:selected, +.side-panel iconview textview text:hover:selected, +textview .side-panel iconview text:hover:selected, +.side-panel treeview.view header button:hover:selected, +.side-panel iconview treeview.view header button:hover:selected, +treeview.view header .side-panel iconview button:hover:selected, +.side-panel .view .tweak-category header button:hover:selected, +.tweak-category header .side-panel .view button:hover:selected, +.side-panel iconview .tweak-category header button:hover:selected, +.tweak-category header .side-panel iconview button:hover:selected, +.side-panel .view row.activatable:selected, +.side-panel iconview row.activatable:selected, +.side-panel .view .view:selected, +.side-panel iconview .view:selected, +.side-panel .view iconview:selected, +.side-panel iconview iconview:selected, +.side-panel .view text:selected, +.side-panel iconview .view text:selected, +.view .side-panel iconview text:selected, +.side-panel .view iconview text:selected, +iconview .side-panel .view text:selected, +.side-panel iconview text:selected, +.side-panel .view textview text:selected, +textview .side-panel .view text:selected, +.side-panel iconview textview text:selected, +textview .side-panel iconview text:selected, +.side-panel treeview.view header button:selected, +.side-panel iconview treeview.view header button:selected, +treeview.view header .side-panel iconview button:selected, +.side-panel .view .tweak-category header button:selected, +.tweak-category header .side-panel .view button:selected, +.side-panel iconview .tweak-category header button:selected, +.tweak-category header .side-panel iconview button:selected { + background-color: #E8E8E8; } + label:selected, row:selected label, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, .view text selection, iconview text selection, .view text selection:focus, iconview text selection:focus, + textview text selection, + textview text selection:focus, flowbox flowboxchild:selected, label selection, + label selection:focus, entry selection, spinbutton:not(.vertical) selection, entry selection:focus, spinbutton:not(.vertical) selection:focus, treeview entry:selected, treeview spinbutton:selected:not(.vertical), treeview entry.flat:focus:selected, treeview .linked > entry:focus:selected:not(.flat), treeview .linked > spinbutton:focus:selected:not(.flat):not(.vertical), treeview spinbutton.flat:focus:selected:not(.vertical), treeview notebook:not(.reorderable-page) > entry:focus:selected, treeview notebook:not(.reorderable-page) > spinbutton:focus:selected:not(.vertical), treeview spinbutton entry:focus:selected, treeview spinbutton spinbutton:focus:selected:not(.vertical), treeview.view:selected, .tweak-category:selected, + treeview.view row:selected, + .tweak-category row:selected, paned treeview.view:selected, paned .tweak-category:selected, + paned treeview.view row:selected, + paned .tweak-category row:selected, row:selected, .sidebar treeview.view:selected, .sidebar .tweak-category:selected, + .sidebar treeview.view row:selected, + .sidebar .tweak-category row:selected, GdMainView .view:hover:selected, GdMainView iconview:hover:selected, GdMainView .view:selected, GdMainView iconview:selected, GdMainView .view row.activatable:hover:selected, GdMainView iconview row.activatable:hover:selected, GdMainView .view .view:hover:selected, GdMainView iconview .view:hover:selected, GdMainView .view iconview:hover:selected, GdMainView iconview iconview:hover:selected, + GdMainView .view text:hover:selected, + GdMainView iconview .view text:hover:selected, + .view GdMainView iconview text:hover:selected, + GdMainView .view iconview text:hover:selected, + iconview GdMainView .view text:hover:selected, + GdMainView iconview text:hover:selected, + GdMainView .view textview text:hover:selected, + textview GdMainView .view text:hover:selected, + GdMainView iconview textview text:hover:selected, + textview GdMainView iconview text:hover:selected, GdMainView treeview.view header button:hover:selected, GdMainView iconview treeview.view header button:hover:selected, treeview.view header GdMainView iconview button:hover:selected, GdMainView .view .tweak-category header button:hover:selected, .tweak-category header GdMainView .view button:hover:selected, GdMainView iconview .tweak-category header button:hover:selected, .tweak-category header GdMainView iconview button:hover:selected, GdMainView .view row.activatable:selected, GdMainView iconview row.activatable:selected, GdMainView .view .view:selected, GdMainView iconview .view:selected, GdMainView .view iconview:selected, GdMainView iconview iconview:selected, + GdMainView .view text:selected, + GdMainView iconview .view text:selected, + .view GdMainView iconview text:selected, + GdMainView .view iconview text:selected, + iconview GdMainView .view text:selected, + GdMainView iconview text:selected, + GdMainView .view textview text:selected, + textview GdMainView .view text:selected, + GdMainView iconview textview text:selected, + textview GdMainView iconview text:selected, GdMainView treeview.view header button:selected, GdMainView iconview treeview.view header button:selected, treeview.view header GdMainView iconview button:selected, GdMainView .view .tweak-category header button:selected, .tweak-category header GdMainView .view button:selected, GdMainView iconview .tweak-category header button:selected, .tweak-category header GdMainView iconview button:selected, + .side-panel .view:hover:selected, + .side-panel iconview:hover:selected, + .side-panel .view:selected, + .side-panel iconview:selected, + .side-panel .view row.activatable:hover:selected, + .side-panel iconview row.activatable:hover:selected, + .side-panel .view .view:hover:selected, + .side-panel iconview .view:hover:selected, + .side-panel .view iconview:hover:selected, + .side-panel iconview iconview:hover:selected, + .side-panel .view text:hover:selected, + .side-panel iconview .view text:hover:selected, + .view .side-panel iconview text:hover:selected, + .side-panel .view iconview text:hover:selected, + iconview .side-panel .view text:hover:selected, + .side-panel iconview text:hover:selected, + .side-panel .view textview text:hover:selected, + textview .side-panel .view text:hover:selected, + .side-panel iconview textview text:hover:selected, + textview .side-panel iconview text:hover:selected, + .side-panel treeview.view header button:hover:selected, + .side-panel iconview treeview.view header button:hover:selected, + treeview.view header .side-panel iconview button:hover:selected, + .side-panel .view .tweak-category header button:hover:selected, + .tweak-category header .side-panel .view button:hover:selected, + .side-panel iconview .tweak-category header button:hover:selected, + .tweak-category header .side-panel iconview button:hover:selected, + .side-panel .view row.activatable:selected, + .side-panel iconview row.activatable:selected, + .side-panel .view .view:selected, + .side-panel iconview .view:selected, + .side-panel .view iconview:selected, + .side-panel iconview iconview:selected, + .side-panel .view text:selected, + .side-panel iconview .view text:selected, + .view .side-panel iconview text:selected, + .side-panel .view iconview text:selected, + iconview .side-panel .view text:selected, + .side-panel iconview text:selected, + .side-panel .view textview text:selected, + textview .side-panel .view text:selected, + .side-panel iconview textview text:selected, + textview .side-panel iconview text:selected, + .side-panel treeview.view header button:selected, + .side-panel iconview treeview.view header button:selected, + treeview.view header .side-panel iconview button:selected, + .side-panel .view .tweak-category header button:selected, + .tweak-category header .side-panel .view button:selected, + .side-panel iconview .tweak-category header button:selected, + .tweak-category header .side-panel iconview button:selected { + color: #FFFFFF; } + label:disabled:selected, row:selected label:disabled, .view:disabled:selected, iconview:disabled:selected, .view:disabled:selected:focus, iconview:disabled:selected:focus, + .view text:disabled:selected, + iconview text:disabled:selected, + textview text:disabled:selected, + .view text:disabled:selected:focus, + iconview text:disabled:selected:focus, + textview text:disabled:selected:focus, .view text selection:disabled, iconview text selection:disabled, .view text selection:disabled:focus, iconview text selection:disabled:focus, + textview text selection:disabled, + textview text selection:disabled:focus, flowbox flowboxchild:disabled:selected, label selection:disabled, + label selection:disabled:focus, label:disabled selection, entry selection:disabled, spinbutton:not(.vertical) selection:disabled, entry selection:disabled:focus, spinbutton:not(.vertical) selection:disabled:focus, treeview entry:disabled:selected, treeview spinbutton:disabled:selected:not(.vertical), treeview entry.flat:disabled:focus:selected, treeview .linked > entry:disabled:focus:selected:not(.flat), treeview .linked > spinbutton:disabled:focus:selected:not(.flat):not(.vertical), treeview spinbutton.flat:disabled:focus:selected:not(.vertical), treeview notebook:not(.reorderable-page) > entry:disabled:focus:selected, treeview notebook:not(.reorderable-page) > spinbutton:disabled:focus:selected:not(.vertical), treeview spinbutton entry:disabled:focus:selected, treeview spinbutton spinbutton:disabled:focus:selected:not(.vertical), treeview.view:disabled:selected, .tweak-category:disabled:selected, + treeview.view row:disabled:selected, + .tweak-category row:disabled:selected, paned treeview.view:disabled:selected, paned .tweak-category:disabled:selected, + paned treeview.view row:disabled:selected, + paned .tweak-category row:disabled:selected, row:disabled:selected, .sidebar treeview.view:disabled:selected, .sidebar .tweak-category:disabled:selected, + .sidebar treeview.view row:disabled:selected, + .sidebar .tweak-category row:disabled:selected, placessidebar row:selected:disabled label, GdMainView .view:disabled:hover:selected, GdMainView iconview:disabled:hover:selected, GdMainView .view:disabled:selected, GdMainView iconview:disabled:selected, GdMainView .view row.activatable:disabled:hover:selected, GdMainView iconview row.activatable:disabled:hover:selected, GdMainView .view .view:disabled:hover:selected, GdMainView iconview .view:disabled:hover:selected, GdMainView .view iconview:disabled:hover:selected, GdMainView iconview iconview:disabled:hover:selected, + GdMainView .view text:disabled:hover:selected, + .view GdMainView iconview text:disabled:hover:selected, + GdMainView iconview text:disabled:hover:selected, + GdMainView iconview textview text:disabled:hover:selected, + textview GdMainView iconview text:disabled:hover:selected, GdMainView treeview.view header button:disabled:hover:selected, treeview.view header GdMainView iconview button:disabled:hover:selected, GdMainView .view .tweak-category header button:disabled:hover:selected, .tweak-category header GdMainView .view button:disabled:hover:selected, GdMainView iconview .tweak-category header button:disabled:hover:selected, .tweak-category header GdMainView iconview button:disabled:hover:selected, GdMainView .view row.activatable:disabled:selected, GdMainView iconview row.activatable:disabled:selected, GdMainView .view .view:disabled:selected, GdMainView iconview .view:disabled:selected, GdMainView .view iconview:disabled:selected, GdMainView iconview iconview:disabled:selected, + GdMainView .view text:disabled:selected, + .view GdMainView iconview text:disabled:selected, + GdMainView iconview text:disabled:selected, + GdMainView iconview textview text:disabled:selected, + textview GdMainView iconview text:disabled:selected, GdMainView treeview.view header button:disabled:selected, treeview.view header GdMainView iconview button:disabled:selected, GdMainView .view .tweak-category header button:disabled:selected, .tweak-category header GdMainView .view button:disabled:selected, GdMainView iconview .tweak-category header button:disabled:selected, .tweak-category header GdMainView iconview button:disabled:selected, + .side-panel .view:disabled:hover:selected, + .side-panel iconview:disabled:hover:selected, + .side-panel .view:disabled:selected, + .side-panel iconview:disabled:selected, + .side-panel .view row.activatable:disabled:hover:selected, + .side-panel iconview row.activatable:disabled:hover:selected, + .side-panel .view .view:disabled:hover:selected, + .side-panel iconview .view:disabled:hover:selected, + .side-panel .view iconview:disabled:hover:selected, + .side-panel iconview iconview:disabled:hover:selected, + .side-panel .view text:disabled:hover:selected, + .view .side-panel iconview text:disabled:hover:selected, + .side-panel iconview text:disabled:hover:selected, + .side-panel iconview textview text:disabled:hover:selected, + textview .side-panel iconview text:disabled:hover:selected, + .side-panel treeview.view header button:disabled:hover:selected, + treeview.view header .side-panel iconview button:disabled:hover:selected, + .side-panel .view .tweak-category header button:disabled:hover:selected, + .tweak-category header .side-panel .view button:disabled:hover:selected, + .side-panel iconview .tweak-category header button:disabled:hover:selected, + .tweak-category header .side-panel iconview button:disabled:hover:selected, + .side-panel .view row.activatable:disabled:selected, + .side-panel iconview row.activatable:disabled:selected, + .side-panel .view .view:disabled:selected, + .side-panel iconview .view:disabled:selected, + .side-panel .view iconview:disabled:selected, + .side-panel iconview iconview:disabled:selected, + .side-panel .view text:disabled:selected, + .view .side-panel iconview text:disabled:selected, + .side-panel iconview text:disabled:selected, + .side-panel iconview textview text:disabled:selected, + textview .side-panel iconview text:disabled:selected, + .side-panel treeview.view header button:disabled:selected, + treeview.view header .side-panel iconview button:disabled:selected, + .side-panel .view .tweak-category header button:disabled:selected, + .tweak-category header .side-panel .view button:disabled:selected, + .side-panel iconview .tweak-category header button:disabled:selected, + .tweak-category header .side-panel iconview button:disabled:selected { + color: rgba(255, 255, 255, 0.4); } + label:backdrop:disabled:selected, row:selected label:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view:backdrop:disabled:selected:focus, iconview:backdrop:disabled:selected:focus, + .view text:backdrop:disabled:selected, + iconview text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, + .view text:backdrop:disabled:selected:focus, + iconview text:backdrop:disabled:selected:focus, + textview text:backdrop:disabled:selected:focus, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, .view text selection:backdrop:disabled:focus, iconview text selection:backdrop:disabled:focus, + textview text selection:backdrop:disabled, + textview text selection:backdrop:disabled:focus, flowbox flowboxchild:backdrop:disabled:selected, label selection:backdrop:disabled, + label selection:backdrop:disabled:focus, label:disabled selection:backdrop, entry selection:backdrop:disabled, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled:focus, spinbutton:not(.vertical) selection:backdrop:disabled:focus, treeview entry:backdrop:disabled:selected, treeview spinbutton:backdrop:disabled:selected:not(.vertical), treeview entry.flat:backdrop:disabled:focus:selected, treeview .linked > entry:backdrop:disabled:focus:selected:not(.flat), treeview .linked > spinbutton:backdrop:disabled:focus:selected:not(.flat):not(.vertical), treeview spinbutton.flat:backdrop:disabled:focus:selected:not(.vertical), treeview notebook:not(.reorderable-page) > entry:backdrop:disabled:focus:selected, treeview notebook:not(.reorderable-page) > spinbutton:backdrop:disabled:focus:selected:not(.vertical), treeview spinbutton entry:backdrop:disabled:focus:selected, treeview spinbutton spinbutton:backdrop:disabled:focus:selected:not(.vertical), treeview.view:backdrop:disabled:selected, .tweak-category:backdrop:disabled:selected, + treeview.view row:backdrop:disabled:selected, + .tweak-category row:backdrop:disabled:selected, paned treeview.view:backdrop:disabled:selected, paned .tweak-category:backdrop:disabled:selected, + paned treeview.view row:backdrop:disabled:selected, + paned .tweak-category row:backdrop:disabled:selected, row:backdrop:disabled:selected, .sidebar treeview.view:backdrop:disabled:selected, .sidebar .tweak-category:backdrop:disabled:selected, + .sidebar treeview.view row:backdrop:disabled:selected, + .sidebar .tweak-category row:backdrop:disabled:selected, placessidebar row:selected:disabled label:backdrop, GdMainView .view:backdrop:disabled:hover:selected, GdMainView iconview:backdrop:disabled:hover:selected, GdMainView .view:backdrop:disabled:selected, GdMainView iconview:backdrop:disabled:selected, GdMainView .view row.activatable:backdrop:disabled:hover:selected, GdMainView iconview row.activatable:backdrop:disabled:hover:selected, GdMainView .view .view:backdrop:disabled:hover:selected, GdMainView iconview .view:backdrop:disabled:hover:selected, GdMainView .view iconview:backdrop:disabled:hover:selected, GdMainView iconview iconview:backdrop:disabled:hover:selected, + GdMainView .view text:backdrop:disabled:hover:selected, + GdMainView iconview text:backdrop:disabled:hover:selected, GdMainView treeview.view header button:backdrop:disabled:hover:selected, treeview.view header GdMainView iconview button:backdrop:disabled:hover:selected, GdMainView .view .tweak-category header button:backdrop:disabled:hover:selected, .tweak-category header GdMainView .view button:backdrop:disabled:hover:selected, GdMainView iconview .tweak-category header button:backdrop:disabled:hover:selected, .tweak-category header GdMainView iconview button:backdrop:disabled:hover:selected, GdMainView .view row.activatable:backdrop:disabled:selected, GdMainView iconview row.activatable:backdrop:disabled:selected, GdMainView .view .view:backdrop:disabled:selected, GdMainView iconview .view:backdrop:disabled:selected, GdMainView .view iconview:backdrop:disabled:selected, GdMainView iconview iconview:backdrop:disabled:selected, + GdMainView .view text:backdrop:disabled:selected, + GdMainView iconview text:backdrop:disabled:selected, GdMainView treeview.view header button:backdrop:disabled:selected, treeview.view header GdMainView iconview button:backdrop:disabled:selected, GdMainView .view .tweak-category header button:backdrop:disabled:selected, .tweak-category header GdMainView .view button:backdrop:disabled:selected, GdMainView iconview .tweak-category header button:backdrop:disabled:selected, .tweak-category header GdMainView iconview button:backdrop:disabled:selected, + .side-panel .view:backdrop:disabled:hover:selected, + .side-panel iconview:backdrop:disabled:hover:selected, + .side-panel .view:backdrop:disabled:selected, + .side-panel iconview:backdrop:disabled:selected, + .side-panel .view row.activatable:backdrop:disabled:hover:selected, + .side-panel iconview row.activatable:backdrop:disabled:hover:selected, + .side-panel .view .view:backdrop:disabled:hover:selected, + .side-panel iconview .view:backdrop:disabled:hover:selected, + .side-panel .view iconview:backdrop:disabled:hover:selected, + .side-panel iconview iconview:backdrop:disabled:hover:selected, + .side-panel .view text:backdrop:disabled:hover:selected, + .side-panel iconview text:backdrop:disabled:hover:selected, + .side-panel treeview.view header button:backdrop:disabled:hover:selected, + treeview.view header .side-panel iconview button:backdrop:disabled:hover:selected, + .side-panel .view .tweak-category header button:backdrop:disabled:hover:selected, + .tweak-category header .side-panel .view button:backdrop:disabled:hover:selected, + .side-panel iconview .tweak-category header button:backdrop:disabled:hover:selected, + .tweak-category header .side-panel iconview button:backdrop:disabled:hover:selected, + .side-panel .view row.activatable:backdrop:disabled:selected, + .side-panel iconview row.activatable:backdrop:disabled:selected, + .side-panel .view .view:backdrop:disabled:selected, + .side-panel iconview .view:backdrop:disabled:selected, + .side-panel .view iconview:backdrop:disabled:selected, + .side-panel iconview iconview:backdrop:disabled:selected, + .side-panel .view text:backdrop:disabled:selected, + .side-panel iconview text:backdrop:disabled:selected, + .side-panel treeview.view header button:backdrop:disabled:selected, + treeview.view header .side-panel iconview button:backdrop:disabled:selected, + .side-panel .view .tweak-category header button:backdrop:disabled:selected, + .tweak-category header .side-panel .view button:backdrop:disabled:selected, + .side-panel iconview .tweak-category header button:backdrop:disabled:selected, + .tweak-category header .side-panel iconview button:backdrop:disabled:selected { + color: rgba(255, 255, 255, 0.4); } + +.monospace { + font-family: Monospace; } + +/********************** + * Touch Copy & Paste * + *********************/ +cursor-handle { + background-color: #00E676; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); + padding-left: 10px; } + cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); } + cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); + padding-left: 10px; } + cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); } + cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); + padding-left: 10px; } + cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } + +.context-menu { + font: initial; } + +popover.touch-selection { + font: initial; + color: #263238; + background-color: #FFFFFF; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + popover.touch-selection:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } + +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; } + button.circular label { + padding: 0; } + +.keycap { + min-width: 1.50376rem; + min-height: 1.95489rem; + margin-top: 0.20301rem; + margin-bottom: 0.24812rem; + padding: 0 0.45113rem; + border: none; + border-radius: 2px; + color: #263238; + background-color: #FFFFFF; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); + font-size: 90%; + font-weight: 500; } + +*:drop(active):focus, +*:drop(active) { + border-color: #E8E8E8; + box-shadow: inset 0 0 0 1px #E8E8E8; + caret-color: #E8E8E8; } + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 2.80451rem; + min-height: 2.80451rem; + padding: 0; } + +box > scrolledwindow undershoot.top, box > placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(250, 251, 252, 0.01), rgba(250, 251, 252, 0.04), rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.44), rgba(250, 251, 252, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +box > scrolledwindow undershoot.bottom, box > placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(250, 251, 252, 0.01), rgba(250, 251, 252, 0.04), rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.44), rgba(250, 251, 252, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +box > scrolledwindow undershoot.left, box > placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(250, 251, 252, 0.01), rgba(250, 251, 252, 0.04), rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.44), rgba(250, 251, 252, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +box > scrolledwindow undershoot.right, box > placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(250, 251, 252, 0.01), rgba(250, 251, 252, 0.04), rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.44), rgba(250, 251, 252, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } +placessidebar undershoot.top, .sidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +placessidebar undershoot.bottom, .sidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +placessidebar undershoot.left, .sidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +placessidebar undershoot.right, .sidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +/*************** + * Gnome panel * + ***************/ +panel-toplevel.background { + background-color: #FFFFFF; } + +panel-plug, +panel-toplevel > grid.horizontal > widget > widget { + color: #BBBBBB; + background-color: #FFFFFF; + box-shadow: none; } + +.gnome-panel-menu-bar, +panel-applet > menubar, +#clock-applet-button { + font-weight: 700; + color: #BBBBBB; + background-color: transparent; + box-shadow: none; } + .gnome-panel-menu-bar label:backdrop, .gnome-panel-menu-bar:backdrop, + panel-applet > menubar label:backdrop, + panel-applet > menubar:backdrop, + #clock-applet-button label:backdrop, + #clock-applet-button:backdrop { + opacity: 1.0; } + +.gnome-panel-menu-bar, +panel-applet menubar { + box-shadow: none; } + .gnome-panel-menu-bar menuitem, + panel-applet menubar menuitem { + color: #BBBBBB; + background-color: transparent; } + .gnome-panel-menu-bar menuitem:hover, + panel-applet menubar menuitem:hover { + color: #ECEFF1; + box-shadow: inset 0 -2px #E8E8E8; } + .gnome-panel-menu-bar menuitem:backdrop, + panel-applet menubar menuitem:backdrop { + opacity: 1.0; } + .gnome-panel-menu-bar menu, + panel-applet menubar menu { + font: regular; } + .gnome-panel-menu-bar menu menuitem, + panel-applet menubar menu menuitem { + color: rgba(38, 50, 56, 0.75); + background-color: #FFFFFF; } + .gnome-panel-menu-bar menu menuitem:hover, + panel-applet menubar menu menuitem:hover { + color: #263238; + background-color: alpha(currentColor, 0.1); + box-shadow: none; } + .gnome-panel-menu-bar menu menuitem:backdrop, + panel-applet menubar menu menuitem:backdrop { + opacity: 1.0; } + .gnome-panel-menu-bar menu separator, + panel-applet menubar menu separator { + color: rgba(0, 0, 0, 0.09); } + +#tasklist-button, +#clock-applet-button, +#showdesktop-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + padding: 0px 0.30075rem; + border: none; + border-radius: 0; + color: #BBBBBB; + background-color: transparent; + font-weight: 700; } + #tasklist-button:hover, + #clock-applet-button:hover, + #showdesktop-button:hover { + color: #ECEFF1; + background-color: transparent; + box-shadow: inset 0 -2px alpha(currentColor, 0.2); } + #tasklist-button:checked, #tasklist-button:hover:checked, #tasklist-button:disabled:checked, + #clock-applet-button:checked, + #clock-applet-button:hover:checked, + #clock-applet-button:disabled:checked, + #showdesktop-button:checked, + #showdesktop-button:hover:checked, + #showdesktop-button:disabled:checked { + color: #ECEFF1; + background-color: transparent; + box-shadow: inset 0 -2px #E8E8E8; } + #tasklist-button label:backdrop, #tasklist-button:backdrop, + #clock-applet-button label:backdrop, + #clock-applet-button:backdrop, + #showdesktop-button label:backdrop, + #showdesktop-button:backdrop { + opacity: 1.0; } + +widget > menubar { + background-color: transparent; + background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF); + box-shadow: none; } + +wnck-pager:selected { + box-shadow: inset 0 -2px #E8E8E8; } +wnck-pager:backdrop { + opacity: 1.0; } + +na-tray-applet { + -NaTrayApplet-icon-padding: 2; + -NaTrayApplet-icon-size: 16; } + na-tray-applet:backdrop { + opacity: 1.0; } + +gp-arrow-button { + min-width: 1.50376rem; + min-height: 0; + border: 1px solid transparent; + background-image: none; + color: #BBBBBB; + margin: 0.15038rem; } + gp-arrow-button:hover, gp-arrow-button:active { + color: #ECEFF1; } + +sn-button { + padding: 0.30075rem; } + +/************** + * Tweak-tool * + **************/ +.tweak-categories { + background-color: #FFFFFF; + color: rgba(38, 50, 56, 0.75); } + .tweak-categories:dir(ltr) { + box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); } + .tweak-categories:dir(rtl) { + box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); } + .tweak-categories separator, + .tweak-categories .separator { + min-height: 0; + border-color: transparent; + background-color: transparent; + color: transparent; } + +.tweak-category { + border: none; + color: rgba(38, 50, 56, 0.75); + background-color: transparent; + font-weight: 500; } + .tweak-category:hover { + color: #263238; } + .tweak-category:selected { + color: #E8E8E8; + background-color: transparent; } + .tweak-category:selected label { + color: #E8E8E8; } + +.tweak-group { + padding: 6px; + background-color: #FFFFFF; } + +.tweak { + background-color: #FFFFFF; } + .tweak:hover { + background-color: transparent; } + +.tweak-group-white, +.tweak-white { + background-color: #FFFFFF; } + +/******************* + * Gnome-Flashback * + *******************/ +gf-popup-window { + border-radius: 2px; + border: 1px solid rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; + color: #ECEFF1; + opacity: 0.9; } + gf-popup-window.solid { + border-radius: 2px; + border: 1px solid rgba(0, 0, 0, 0.09); } + +#gf-label-window { + font-size: 3.38346rem; + font-weight: 400; } + +#gf-candidate-popup, #gf-candidate-popup.solid { + border-radius: 2px; + border: 1px solid rgba(0, 0, 0, 0.09); + color: #ECEFF1; } +#gf-candidate-popup #gf-input-source { + color: #ECEFF1; + font-size: 1.80451rem; + font-weight: 400; } + #gf-candidate-popup #gf-input-source:selected { + border-radius: 2px; + background-color: alpha(currentColor, 0.2); + color: #E8E8E8; } +#gf-candidate-popup gf-candidate-box { + transition: none; } + #gf-candidate-popup gf-candidate-box label { + padding: 0.20301rem 0.20301rem 0.30075rem; } + #gf-candidate-popup gf-candidate-box:last-child { + padding-left: 0; } + #gf-candidate-popup gf-candidate-box:hover, #gf-candidate-popup gf-candidate-box:selected { + border-radius: 0; + background-color: alpha(currentColor, 0.2); + color: #FFFFFF; } +#gf-candidate-popup button, #gf-candidate-popup button:first-child, #gf-candidate-popup button:last-child, +#gf-candidate-popup .linked > button, +#gf-candidate-popup .linked > button:first-child, +#gf-candidate-popup .linked > button:last-child { + border-radius: 0; + border: none; + background-color: transparent; + color: #E8E8E8; + box-shadow: none; } + +/************ + * Nautilus * + ************/ +.nautilus-desktop-window, +.nautilus-desktop-window notebook, +.nautilus-desktop-window notebook > stack { + background: transparent; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #FFFFFF; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-circular-button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + +.disk-space-display { + border: 0 none transparent; } + .disk-space-display.free { + background-color: alpha(currentColor, 0.2); + color: rgba(38, 50, 56, 0.3); } + .disk-space-display.used { + background-color: #E8E8E8; } + .disk-space-display.unknown { + background-color: #FF9800; } + +/********* + * Geary * + *********/ +.geary-titlebar-left separator { + opacity: 0; } + +.geary-titlebar-right { + box-shadow: none; } + +/************ + * Epiphany * + ************/ +EphyWindow .nautilus-window .floating-bar { + color: rgba(38, 50, 56, 0.75); } + +/************ + * Seahorse * + ************/ +SeahorseWidget .sidebar paned separator { + border: none; } + +window paned > box.vertical > box.vertical > toolbar.primary-toolbar { + box-shadow: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.09); } + +/********** + * Polari * + **********/ +.polari-room-list row { + font-weight: 700; } + .polari-room-list row:not(:hover):not(:active):not(:selected) label, + .polari-room-list row:not(:hover):not(:active):not(:selected) image { + opacity: 1.0; } + .polari-room-list row.inactive:not(:hover):not(:active):not(:selected) label, + .polari-room-list row.inactive:not(:hover):not(:active):not(:selected) image { + opacity: 0.65; } + +.polari-nick-entry { + border-image: none; + font-weight: 700; } + +.sidebar row.activatable.inactive, .sidebar .inactive.view, .sidebar iconview.inactive, +.sidebar .view text.inactive, +.view .sidebar text.inactive, +.sidebar iconview text.inactive, +iconview .sidebar text.inactive, +.sidebar textview text.inactive, +textview .sidebar text.inactive, .sidebar treeview.view header button.inactive, treeview.view header .sidebar button.inactive, .sidebar .tweak-category header button.inactive, .tweak-category header .sidebar button.inactive { + color: rgba(38, 50, 56, 0.75); + background-color: transparent; + font-weight: 500; } + .sidebar row.activatable.inactive:hover, .sidebar .inactive.view:hover, .sidebar iconview.inactive:hover, + .sidebar .view text.inactive:hover, + .view .sidebar text.inactive:hover, + .sidebar iconview text.inactive:hover, + iconview .sidebar text.inactive:hover, + .sidebar textview text.inactive:hover, + textview .sidebar text.inactive:hover, .sidebar treeview.view header button.inactive:hover, treeview.view header .sidebar button.inactive:hover, .sidebar .tweak-category header button.inactive:hover, .tweak-category header .sidebar button.inactive:hover { + color: #263238; } + .sidebar row.activatable.inactive:selected, .sidebar .inactive.view:selected, .sidebar iconview.inactive:selected, + .sidebar .view text.inactive:selected, + .view .sidebar text.inactive:selected, + .sidebar iconview text.inactive:selected, + iconview .sidebar text.inactive:selected, + .sidebar textview text.inactive:selected, + textview .sidebar text.inactive:selected, .sidebar treeview.view header button.inactive:selected, treeview.view header .sidebar button.inactive:selected, .sidebar .tweak-category header button.inactive:selected, .tweak-category header .sidebar button.inactive:selected { + color: #FFFFFF; + background-color: #E8E8E8; } + +box > headerbar > label.polari-titlebar-separator { + min-width: 0; + border: none; + opacity: 0; } + +/************* + * RhythmBox * + *************/ +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px #E5E9EC, inset 0 2px 2px rgba(0, 0, 0, 0.05), inset -2px 0 2px -2px rgba(0, 0, 0, 0.03), inset -3px 0 3px -2px rgba(0, 0, 0, 0.03); } + .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar:dir(rtl) { + box-shadow: inset 0 1px #E5E9EC, inset 0 2px 2px rgba(0, 0, 0, 0.05), inset 2px 0 2px -2px rgba(0, 0, 0, 0.03), inset 3px 0 3px -2px rgba(0, 0, 0, 0.03); } + +.sidebar-paned scrolledwindow:dir(ltr), .sidebar-paned placessidebar:dir(ltr) { + box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); } +.sidebar-paned scrolledwindow:dir(rtl), .sidebar-paned placessidebar:dir(rtl) { + box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); } +.sidebar-paned .sidebar { + background-color: rgba(12, 18, 0, 0.01); } + +window > box.vertical > box.vertical > toolbar.horizontal { + box-shadow: none; } + +window > box.vertical > box.vertical > toolbar .linked > button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + +/************** + * Calculator * + **************/ +window > grid.vertical > box.vertical > widget button { + min-width: 1rem; + min-height: 1rem; + padding: 0.75em 1em 0.75em; + border: 0.75em solid transparent; + border-radius: 2px; + font-weight: 700; } + window > grid.vertical > box.vertical > widget button.suggested-action { + color: transparent; + font-size: 0; } + window > grid.vertical > box.vertical > widget button.suggested-action { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); + background-color: #FFFFFF; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + color: rgba(38, 50, 56, 0.75); + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal.png"), url("assets/equal@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + window > grid.vertical > box.vertical > widget button.suggested-action:hover { + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-hover.png"), url("assets/equal-hover@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + window > grid.vertical > box.vertical > widget button.suggested-action:active { + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-active.png"), url("assets/equal-active@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + window > grid.vertical > box.vertical > widget button.suggested-action:disabled { + border-style: none; + border-radius: 100px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/equal-insensitive.png"), url("assets/equal-insensitive@2.png")); + background-size: 32px; + background-repeat: no-repeat; + background-position: center; + box-shadow: none; + transition-duration: 0.2s; + animation: none; } + +/********* + * Gedit * + *********/ +GeditViewFrame .gedit-search-slider { + padding: 3px; + border-radius: 2px; + border-width: 9px; + border-image: -gtk-scaled(url("assets/osd-shadow.png"), url("assets/osd-shadow@2.png")) 10/10px stretch; + color: #ECEFF1; + opacity: 0.9; } + GeditViewFrame .gedit-search-slider entry, GeditViewFrame .gedit-search-slider spinbutton:not(.vertical), GeditViewFrame .gedit-search-slider entry.error, GeditViewFrame .gedit-search-slider spinbutton.error:not(.vertical), GeditViewFrame .gedit-search-slider entry.warning, GeditViewFrame .gedit-search-slider spinbutton.warning:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry, + GeditViewFrame .gedit-search-slider .linked > spinbutton:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.error, + GeditViewFrame .gedit-search-slider .linked > spinbutton.error:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.warning, + GeditViewFrame .gedit-search-slider .linked > spinbutton.warning:not(.vertical) { + color: #ECEFF1; } + GeditViewFrame .gedit-search-slider entry:focus, GeditViewFrame .gedit-search-slider spinbutton:focus:not(.vertical), GeditViewFrame .gedit-search-slider entry.error:focus, GeditViewFrame .gedit-search-slider spinbutton.error:focus:not(.vertical), GeditViewFrame .gedit-search-slider entry.warning:focus, GeditViewFrame .gedit-search-slider spinbutton.warning:focus:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry:focus, + GeditViewFrame .gedit-search-slider .linked > spinbutton:focus:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.error:focus, + GeditViewFrame .gedit-search-slider .linked > spinbutton.error:focus:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.warning:focus, + GeditViewFrame .gedit-search-slider .linked > spinbutton.warning:focus:not(.vertical) { + color: #FFFFFF; } + GeditViewFrame .gedit-search-slider entry:disabled, GeditViewFrame .gedit-search-slider spinbutton:disabled:not(.vertical), GeditViewFrame .gedit-search-slider entry.error:disabled, GeditViewFrame .gedit-search-slider spinbutton.error:disabled:not(.vertical), GeditViewFrame .gedit-search-slider entry.warning:disabled, GeditViewFrame .gedit-search-slider spinbutton.warning:disabled:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry:disabled, + GeditViewFrame .gedit-search-slider .linked > spinbutton:disabled:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.error:disabled, + GeditViewFrame .gedit-search-slider .linked > spinbutton.error:disabled:not(.vertical), + GeditViewFrame .gedit-search-slider .linked > entry.warning:disabled, + GeditViewFrame .gedit-search-slider .linked > spinbutton.warning:disabled:not(.vertical) { + color: rgba(236, 239, 241, 0.3); } + +paned.titlebar.horizontal headerbar button.flat.toggle.popup, paned.titlebar.horizontal headerbar button.toggle.popup.osd.image-button, paned.titlebar.horizontal headerbar .osd toolbar button.toggle.popup, .osd toolbar paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar toolbar.osd button.toggle.popup, toolbar.osd paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar .app-notification button.toggle.popup, .app-notification paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar GeditViewFrame .gedit-search-slider button.toggle.popup, GeditViewFrame .gedit-search-slider paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar toolbar button.toggle.popup, toolbar paned.titlebar.horizontal headerbar button.toggle.popup, +paned.titlebar.horizontal headerbar button.toggle.popup:not(.suggested-action):not(.destructive-action), paned.titlebar.horizontal headerbar .menu > arrow.toggle.popup, +paned.titlebar.horizontal headerbar .context-menu > arrow.toggle.popup, +paned.titlebar.horizontal headerbar menu > arrow.toggle.popup, paned.titlebar.horizontal headerbar placessidebar row button.toggle.popup.image-button, placessidebar row paned.titlebar.horizontal headerbar button.toggle.popup.image-button, paned.titlebar.horizontal headerbar .ssd decoration button.toggle.popup, .ssd decoration paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal .csd headerbar button.toggle.popup.titlebutton, +.csd paned.titlebar.horizontal headerbar button.toggle.popup.titlebutton, +paned.titlebar.horizontal headerbar .csd .titlebar.selection-mode button.toggle.popup.titlebutton, paned.titlebar.horizontal headerbar #gf-candidate-popup button.toggle.popup, #gf-candidate-popup paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar window > grid.vertical > box.vertical > widget button.toggle.popup, window > grid.vertical > box.vertical > widget paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar layouttabbar button.toggle.popup, layouttabbar paned.titlebar.horizontal headerbar button.toggle.popup, paned.titlebar.horizontal headerbar layouttab button.toggle.popup, layouttab paned.titlebar.horizontal headerbar button.toggle.popup { + border-radius: 2px; + -gtk-outline-radius: 2px; } + +notebook grid.horizontal > widget > box.horizontal > scrolledwindow undershoot.top, notebook grid.horizontal > widget > box.horizontal > placessidebar undershoot.top, notebook grid.horizontal > widget > box.horizontal > scrolledwindow undershoot.bottom, notebook grid.horizontal > widget > box.horizontal > placessidebar undershoot.bottom, notebook grid.horizontal > widget > box.horizontal > scrolledwindow undershoot.left, notebook grid.horizontal > widget > box.horizontal > placessidebar undershoot.left, notebook grid.horizontal > widget > box.horizontal > scrolledwindow undershoot.right, notebook grid.horizontal > widget > box.horizontal > placessidebar undershoot.right { + background-image: none; } + +/*********** + * Builder * + ***********/ +filechooser actionbar button.combo { + padding: 0; } + +frame.gb-search-frame { + background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF); + padding: 0.45113rem; + border-style: solid; + border-color: rgba(0, 0, 0, 0.09); + border-left-width: 1px; + border-right-width: 1px; + border-bottom-width: 1px; + border-radius: 0; } + +frame.gb-search-frame border { + border: none; } + +.gb-search-entry-occurrences-tag { + color: rgba(38, 50, 56, 0.3); + margin: 0.15038rem; + padding: 0.15038rem; + border-width: 0; } + +editortweak button { + padding: 0 0.45113rem 0 0.45113rem; } + +editortweak list row { + padding: 0; } + +layouttabbar > box { + min-height: 2.93233rem; } + +eggsearchbar > revealer > box { + min-height: 2.93233rem; } + +eggsearchbar entry, eggsearchbar spinbutton:not(.vertical) { + min-height: 1.80451rem; } + +pillbox { + border-radius: 2px; } + +genesisperspective stack > box:first-child list row { + padding: 0.75188rem; + border-bottom: 1px solid #E5E9EC; } + genesisperspective stack > box:first-child list row:last-child { + border-bottom: none; } + +perspectiveswitcher { + padding: 0 0.30075rem; + border-right: 1px solid #E5E9EC; + background-color: #FFFFFF; } + perspectiveswitcher button { + padding: 0.45113rem; + border-radius: 100px; + border: none; + background: none; + color: rgba(38, 50, 56, 0.5); + box-shadow: none; } + perspectiveswitcher button image { + opacity: 0.55; } + perspectiveswitcher button:hover { + background: none; } + perspectiveswitcher button:hover image { + opacity: 0.75; } + perspectiveswitcher button:active, perspectiveswitcher button:checked { + background: none; } + perspectiveswitcher button:active image, perspectiveswitcher button:checked image { + opacity: 1.0; } + +layouttabbar { + min-height: 2.80451rem; + padding: 0.3985rem; + border-bottom: 1px solid #E5E9EC; + background-color: #FFFFFF; } + layouttabbar > box > button { + opacity: 0.55; } + layouttabbar > box > button:hover { + opacity: 0.75; } + layouttabbar > box > button:active { + opacity: 1.0; } + layouttabbar button { + padding: 0.30075rem 0.3985rem 0.3985rem; + margin: 0.20301rem; + border-radius: 2px; + background-color: transparent; } + +layouttab { + margin: 0.20301rem; + padding: 0.3985rem; + background-color: transparent; } + layouttab label { + padding: 0.30075rem; } + layouttab separator.vertical { + margin: 0.20301rem; + color: transparent; + background-color: rgba(0, 0, 0, 0.09); } + layouttab button { + margin: 0.20301rem; + border-radius: 2px; + padding-left: 0.3985rem; + padding-right: 0.3985rem; } + +layouttab > box > button:last-child { + min-height: 1rem; + min-width: 1rem; + padding: 0.50376rem; + border-radius: 100px; + -gtk-outline-radius: 100px; + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); } + layouttab > box > button:last-child:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); } + layouttab > box > button:last-child:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + layouttab > box > button:last-child:disabled { + box-shadow: none; + background-color: transparent; } +layouttab > box > button:last-child image { + opacity: 0.55; } +layouttab > box > button:last-child:hover image { + opacity: 0.75; } +layouttab > box > button:last-child:active image { + opacity: 1.0; } + +layout { + border: 1px solid #E5E9EC; + -PnlDockBin-handle-size: 1; } + +eggsearchbar box.search-bar { + background-color: #FFFFFF; } + +pillbox { + background-color: #FFFFFF; + border-radius: 2px; } + +docktabstrip, +tabstrip { + min-height: 2.60902rem; + padding: 0.3985rem 1.20301rem; + border-bottom: 1px solid #E5E9EC; + background-color: #FFFFFF; } + docktabstrip docktab, + docktabstrip tab, + tabstrip docktab, + tabstrip tab { + color: rgba(38, 50, 56, 0.5); + font-weight: 700; + box-shadow: inset 0 -1px alpha(currentColor, 0.2); } + docktabstrip docktab:hover, + docktabstrip tab:hover, + tabstrip docktab:hover, + tabstrip tab:hover { + color: #263238; + box-shadow: inset 0 -2px alpha(currentColor, 0.2); } + docktabstrip docktab:checked, + docktabstrip tab:checked, + tabstrip docktab:checked, + tabstrip tab:checked { + color: #263238; + box-shadow: inset 0 -2px #E8E8E8; } + +layoutstack widget scrolledwindow undershoot.top, layoutstack widget placessidebar undershoot.top, layoutstack widget scrolledwindow undershoot.bottom, layoutstack widget placessidebar undershoot.bottom, layoutstack widget scrolledwindow undershoot.left, layoutstack widget placessidebar undershoot.left, layoutstack widget scrolledwindow undershoot.right, layoutstack widget placessidebar undershoot.right { + background-image: none; } + +/*************** + * Gnome-music * + ***************/ +GdMainView:dir(ltr), +.side-panel:dir(ltr) { + border-right: 1px solid rgba(0, 0, 0, 0.09); } +GdMainView:dir(rtl), +.side-panel:dir(rtl) { + border-left: 1px solid rgba(0, 0, 0, 0.09); } +GdMainView .view, GdMainView iconview, +.side-panel .view, +.side-panel iconview { + background-color: #FFFFFF; + box-shadow: none; } + GdMainView .view, GdMainView iconview, GdMainView .view row.activatable, GdMainView iconview row.activatable, GdMainView .view .view, GdMainView iconview .view, GdMainView .view iconview, GdMainView iconview iconview, + GdMainView .view text, + GdMainView iconview .view text, + .view GdMainView iconview text, + GdMainView .view iconview text, + iconview GdMainView .view text, + GdMainView iconview text, + GdMainView .view textview text, + textview GdMainView .view text, + GdMainView iconview textview text, + textview GdMainView iconview text, GdMainView treeview.view header button, GdMainView iconview treeview.view header button, treeview.view header GdMainView iconview button, GdMainView .view .tweak-category header button, .tweak-category header GdMainView .view button, GdMainView iconview .tweak-category header button, .tweak-category header GdMainView iconview button, + .side-panel .view, + .side-panel iconview, + .side-panel .view row.activatable, + .side-panel iconview row.activatable, + .side-panel .view .view, + .side-panel iconview .view, + .side-panel .view iconview, + .side-panel iconview iconview, + .side-panel .view text, + .side-panel iconview .view text, + .view .side-panel iconview text, + .side-panel .view iconview text, + iconview .side-panel .view text, + .side-panel iconview text, + .side-panel .view textview text, + textview .side-panel .view text, + .side-panel iconview textview text, + textview .side-panel iconview text, + .side-panel treeview.view header button, + .side-panel iconview treeview.view header button, + treeview.view header .side-panel iconview button, + .side-panel .view .tweak-category header button, + .tweak-category header .side-panel .view button, + .side-panel iconview .tweak-category header button, + .tweak-category header .side-panel iconview button { + padding: 0; + background-color: transparent; + color: rgba(38, 50, 56, 0.75); + font-weight: 500; + box-shadow: none; } + GdMainView .view:hover, GdMainView iconview:hover, GdMainView .view row.activatable:hover, GdMainView iconview row.activatable:hover, GdMainView .view .view:hover, GdMainView iconview .view:hover, GdMainView .view iconview:hover, GdMainView iconview iconview:hover, + GdMainView .view text:hover, + GdMainView iconview .view text:hover, + .view GdMainView iconview text:hover, + GdMainView .view iconview text:hover, + iconview GdMainView .view text:hover, + GdMainView iconview text:hover, + GdMainView .view textview text:hover, + textview GdMainView .view text:hover, + GdMainView iconview textview text:hover, + textview GdMainView iconview text:hover, GdMainView treeview.view header button:hover, GdMainView iconview treeview.view header button:hover, treeview.view header GdMainView iconview button:hover, GdMainView .view .tweak-category header button:hover, .tweak-category header GdMainView .view button:hover, GdMainView iconview .tweak-category header button:hover, .tweak-category header GdMainView iconview button:hover, + .side-panel .view:hover, + .side-panel iconview:hover, + .side-panel .view row.activatable:hover, + .side-panel iconview row.activatable:hover, + .side-panel .view .view:hover, + .side-panel iconview .view:hover, + .side-panel .view iconview:hover, + .side-panel iconview iconview:hover, + .side-panel .view text:hover, + .side-panel iconview .view text:hover, + .view .side-panel iconview text:hover, + .side-panel .view iconview text:hover, + iconview .side-panel .view text:hover, + .side-panel iconview text:hover, + .side-panel .view textview text:hover, + textview .side-panel .view text:hover, + .side-panel iconview textview text:hover, + textview .side-panel iconview text:hover, + .side-panel treeview.view header button:hover, + .side-panel iconview treeview.view header button:hover, + treeview.view header .side-panel iconview button:hover, + .side-panel .view .tweak-category header button:hover, + .tweak-category header .side-panel .view button:hover, + .side-panel iconview .tweak-category header button:hover, + .tweak-category header .side-panel iconview button:hover { + color: #263238; } + +actionbar { + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } + actionbar, actionbar.frame { + background-color: #FFFFFF; } + actionbar button, + actionbar .linked > button.image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + border-radius: 100px; + -gtk-outline-radius: 100px; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: rgba(38, 50, 56, 0.75); + box-shadow: none; } + actionbar button:hover, + actionbar .linked > button.image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + border-image: none; + color: #263238; + box-shadow: none; } + actionbar button:checked, + actionbar .linked > button.image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #263238; + box-shadow: none; } + actionbar button:checked:disabled, + actionbar .linked > button.image-button:checked:disabled { + border-image: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); + box-shadow: none; } + actionbar button:checked:disabled > label, + actionbar .linked > button.image-button:checked:disabled > label { + color: inherit; } + actionbar button:checked:disabled > .label, + actionbar .linked > button.image-button:checked:disabled > .label { + color: inherit; } + actionbar button:disabled, + actionbar .linked > button.image-button:disabled { + box-shadow: none; + background-color: transparent; + border-image: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.225); + box-shadow: none; } + +/****************** + * Gnome-contacts * + ******************/ +window overlay > grid > frame > grid toolbar { + box-shadow: none; } +window overlay > grid > frame > grid list:dir(ltr) { + box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); } +window overlay > grid > frame > grid list:dir(rtl) { + box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); } +window overlay > grid > frame > grid list row { + color: rgba(38, 50, 56, 0.75); + background-color: rgba(12, 18, 0, 0.01); } + window overlay > grid > frame > grid list row:hover { + color: #263238; } + window overlay > grid > frame > grid list row:selected, window overlay > grid > frame > grid list row:selected.activatable, window overlay > grid > frame > grid list .view:selected, window overlay > grid > frame > grid list iconview:selected, + window overlay > grid > frame > grid list .view text:selected, + .view window overlay > grid > frame > grid list text:selected, + window overlay > grid > frame > grid list iconview text:selected, + iconview window overlay > grid > frame > grid list text:selected, + window overlay > grid > frame > grid list textview text:selected, + textview window overlay > grid > frame > grid list text:selected, window overlay > grid > frame > grid list treeview.view header button:selected, treeview.view header window overlay > grid > frame > grid list button:selected, window overlay > grid > frame > grid list .tweak-category header button:selected, .tweak-category header window overlay > grid > frame > grid list button:selected { + background-color: rgba(12, 18, 0, 0.01); } + window overlay > grid > frame > grid list row:selected, window overlay > grid > frame > grid list row:selected label, window overlay > grid > frame > grid list row:selected.activatable, window overlay > grid > frame > grid list .view:selected, window overlay > grid > frame > grid list iconview:selected, + window overlay > grid > frame > grid list .view text:selected, + .view window overlay > grid > frame > grid list text:selected, + window overlay > grid > frame > grid list iconview text:selected, + iconview window overlay > grid > frame > grid list text:selected, + window overlay > grid > frame > grid list textview text:selected, + textview window overlay > grid > frame > grid list text:selected, window overlay > grid > frame > grid list treeview.view header button:selected, treeview.view header window overlay > grid > frame > grid list button:selected, window overlay > grid > frame > grid list .tweak-category header button:selected, .tweak-category header window overlay > grid > frame > grid list button:selected, window overlay > grid > frame > grid list row:selected.activatable label, window overlay > grid > frame > grid list .view:selected label, window overlay > grid > frame > grid list iconview:selected label, + window overlay > grid > frame > grid list .view text:selected label, + .view window overlay > grid > frame > grid list text:selected label, + window overlay > grid > frame > grid list iconview text:selected label, + iconview window overlay > grid > frame > grid list text:selected label, + window overlay > grid > frame > grid list textview text:selected label, + textview window overlay > grid > frame > grid list text:selected label, window overlay > grid > frame > grid list treeview.view header button:selected label, treeview.view header window overlay > grid > frame > grid list button:selected label, window overlay > grid > frame > grid list .tweak-category header button:selected label, .tweak-category header window overlay > grid > frame > grid list button:selected label { + color: #E8E8E8; } + window overlay > grid > frame > grid list row:backdrop { + opacity: 1.0; } +window overlay > grid > frame > grid list separator { + min-height: 0; + border-color: transparent; + background-color: transparent; + color: transparent; } +window overlay > grid > frame > grid scrolledwindow undershoot.top, window overlay > grid > frame > grid placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +window overlay > grid > frame > grid scrolledwindow undershoot.bottom, window overlay > grid > frame > grid placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +window overlay > grid > frame > grid scrolledwindow undershoot.left, window overlay > grid > frame > grid placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +window overlay > grid > frame > grid scrolledwindow undershoot.right, window overlay > grid > frame > grid placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +/********** + * Baobab * + **********/ +window > box.vertical > grid.vertical > stack stack > spinner { + min-width: 1.80451rem; + min-height: 1.80451rem; + padding: 4rem 6rem 4rem; } + +/********** + * Evince * + **********/ +window.background { + padding: 0.3985rem; } + window.background > box.vertical > box.horizontal > widget > label { + color: #263238; + font-weight: 700; } + window.background > box.vertical > box.horizontal > button.flat:not(.image-button):not(.text-button):not(.toggle), window.background > box.vertical > box.horizontal > button.osd.image-button:not(.image-button):not(.text-button):not(.toggle), .osd toolbar window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), toolbar.osd window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), .app-notification window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), GeditViewFrame .gedit-search-slider window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), toolbar window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), .titlebar window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle):not(.suggested-action):not(.destructive-action), + headerbar window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle):not(.suggested-action):not(.destructive-action), window.background > box.vertical > box.menu.horizontal > arrow:not(.image-button):not(.text-button):not(.toggle), + window.background > box.vertical > box.context-menu.horizontal > arrow:not(.image-button):not(.text-button):not(.toggle), placessidebar row window.background > box.vertical > box.horizontal > button.image-button:not(.image-button):not(.text-button):not(.toggle), .ssd decoration window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), .csd headerbar window.background > box.vertical > box.horizontal > button.titlebutton:not(.image-button):not(.text-button):not(.toggle), + .csd .titlebar window.background > box.vertical > box.horizontal > button.titlebutton:not(.image-button):not(.text-button):not(.toggle), #gf-candidate-popup window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), window > grid.vertical > box.vertical > widget window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), layouttabbar window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle), layouttab window.background > box.vertical > box.horizontal > button:not(.image-button):not(.text-button):not(.toggle) { + min-width: 1rem; + min-height: 1rem; + padding: 0.80451rem; + border: none; + border-radius: 100px; + -gtk-outline-radius: 100px; + color: #263238; } + +/************** + * Gnome-Logs * + **************/ +headerbar > button.flat.popup.title-menu-button.toggle, headerbar > button.popup.title-menu-button.toggle.osd.image-button, .osd toolbar headerbar > button.popup.title-menu-button.toggle, toolbar.osd headerbar > button.popup.title-menu-button.toggle, .app-notification headerbar > button.popup.title-menu-button.toggle, GeditViewFrame .gedit-search-slider headerbar > button.popup.title-menu-button.toggle, toolbar headerbar > button.popup.title-menu-button.toggle, .titlebar headerbar > button.popup.title-menu-button.toggle:not(.suggested-action):not(.destructive-action), +headerbar > button.popup.title-menu-button.toggle:not(.suggested-action):not(.destructive-action), headerbar.menu > arrow.popup.title-menu-button.toggle, +headerbar.context-menu > arrow.popup.title-menu-button.toggle, placessidebar row headerbar > button.popup.title-menu-button.toggle.image-button, .ssd decoration headerbar > button.popup.title-menu-button.toggle, .csd headerbar > button.popup.title-menu-button.toggle.titlebutton, .csd headerbar.selection-mode headerbar > button.popup.title-menu-button.toggle.titlebutton, +.csd .titlebar headerbar > button.popup.title-menu-button.toggle.titlebutton, #gf-candidate-popup headerbar > button.popup.title-menu-button.toggle, window > grid.vertical > box.vertical > widget headerbar > button.popup.title-menu-button.toggle, layouttabbar headerbar > button.popup.title-menu-button.toggle, layouttab headerbar > button.popup.title-menu-button.toggle { + border-radius: 2px; + -gtk-outline-radius: 2px; } + headerbar > button.flat.popup.title-menu-button.toggle > grid .title, headerbar > button.popup.title-menu-button.toggle.osd.image-button > grid .title, .osd toolbar headerbar > button.popup.title-menu-button.toggle > grid .title, toolbar.osd headerbar > button.popup.title-menu-button.toggle > grid .title, .app-notification headerbar > button.popup.title-menu-button.toggle > grid .title, GeditViewFrame .gedit-search-slider headerbar > button.popup.title-menu-button.toggle > grid .title, toolbar headerbar > button.popup.title-menu-button.toggle > grid .title, + headerbar > button.popup.title-menu-button.toggle:not(.suggested-action):not(.destructive-action) > grid .title, headerbar.menu > arrow.popup.title-menu-button.toggle > grid .title, + headerbar.context-menu > arrow.popup.title-menu-button.toggle > grid .title, placessidebar row headerbar > button.popup.title-menu-button.toggle.image-button > grid .title, .ssd decoration headerbar > button.popup.title-menu-button.toggle > grid .title, .csd headerbar > button.popup.title-menu-button.toggle.titlebutton > grid .title, .csd headerbar.selection-mode headerbar > button.popup.title-menu-button.toggle.titlebutton > grid .title, #gf-candidate-popup headerbar > button.popup.title-menu-button.toggle > grid .title, window > grid.vertical > box.vertical > widget headerbar > button.popup.title-menu-button.toggle > grid .title, layouttabbar headerbar > button.popup.title-menu-button.toggle > grid .title, layouttab headerbar > button.popup.title-menu-button.toggle > grid .title, + headerbar > button.flat.popup.title-menu-button.toggle > grid .subtitle, + headerbar > button.popup.title-menu-button.toggle.osd.image-button > grid .subtitle, + .osd toolbar headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + toolbar.osd headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + .app-notification headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + GeditViewFrame .gedit-search-slider headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + toolbar headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + headerbar > button.popup.title-menu-button.toggle:not(.suggested-action):not(.destructive-action) > grid .subtitle, + headerbar.menu > arrow.popup.title-menu-button.toggle > grid .subtitle, + headerbar.context-menu > arrow.popup.title-menu-button.toggle > grid .subtitle, + placessidebar row headerbar > button.popup.title-menu-button.toggle.image-button > grid .subtitle, + .ssd decoration headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + .csd headerbar > button.popup.title-menu-button.toggle.titlebutton > grid .subtitle, + .csd headerbar.selection-mode headerbar > button.popup.title-menu-button.toggle.titlebutton > grid .subtitle, + #gf-candidate-popup headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + window > grid.vertical > box.vertical > widget headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + layouttabbar headerbar > button.popup.title-menu-button.toggle > grid .subtitle, + layouttab headerbar > button.popup.title-menu-button.toggle > grid .subtitle { + padding: 0.09774rem 1rem 0.09774rem; + font-size: 90%; } + +/****************** + * Budgie Desktop * + ******************/ +@keyframes budgie_ripple_effect { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(#ECEFF1, 0.2)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0.2)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(#ECEFF1, 0.2)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0.2)); } } +.budgie-container { + background-color: transparent; } + +.budgie-panel:backdrop, +.budgie-panel *:backdrop { + opacity: 1.0; } + +.budgie-panel { + background-color: #FFFFFF; + color: #ECEFF1; + font-weight: 700; } + .top .budgie-panel { + border-top: 2px solid #000000; } + .bottom .budgie-panel { + border-bottom: 2px solid #000000; } + .left .budgie-panel { + border-left: 2px solid #000000; } + .right .budgie-panel { + border-right: 2px solid #000000; } + .budgie-panel .alert { + color: #E8E8E8; } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } + +.budgie-panel #tasklist-button button, .budgie-panel #tasklist-button:backdrop button { + border: none; + background: none; + opacity: 0.5; } + .budgie-panel #tasklist-button button:hover, .budgie-panel #tasklist-button button:active, .budgie-panel #tasklist-button button:checked, .budgie-panel #tasklist-button:backdrop button:hover, .budgie-panel #tasklist-button:backdrop button:active, .budgie-panel #tasklist-button:backdrop button:checked { + opacity: 1.0; } + +.budgie-panel button.flat.launcher, .budgie-panel button.launcher.osd.image-button, .budgie-panel .osd toolbar button.launcher, .osd toolbar .budgie-panel button.launcher, .budgie-panel toolbar.osd button.launcher, toolbar.osd .budgie-panel button.launcher, .budgie-panel .app-notification button.launcher, .app-notification .budgie-panel button.launcher, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher, .budgie-panel toolbar button.launcher, toolbar .budgie-panel button.launcher, .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher, +.budgie-panel .context-menu > arrow.launcher, +.budgie-panel menu > arrow.launcher, .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .budgie-panel button.launcher.image-button, .budgie-panel .ssd decoration button.launcher, .ssd decoration .budgie-panel button.launcher, .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .budgie-panel button.launcher.titlebutton, +.budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .budgie-panel button.launcher.titlebutton, .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .budgie-panel button.launcher, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher, .budgie-panel layouttabbar button.launcher, layouttabbar .budgie-panel button.launcher, .budgie-panel layouttab button.launcher, layouttab .budgie-panel button.launcher, .budgie-panel button.flat.launcher:backdrop, .budgie-panel button.launcher.osd.image-button:backdrop, .budgie-panel .osd toolbar button.launcher:backdrop, .osd toolbar .budgie-panel button.launcher:backdrop, .budgie-panel toolbar.osd button.launcher:backdrop, toolbar.osd .budgie-panel button.launcher:backdrop, .budgie-panel .app-notification button.launcher:backdrop, .app-notification .budgie-panel button.launcher:backdrop, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher:backdrop, .budgie-panel toolbar button.launcher:backdrop, toolbar .budgie-panel button.launcher:backdrop, .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop, +.budgie-panel .context-menu > arrow.launcher:backdrop, +.budgie-panel menu > arrow.launcher:backdrop, .budgie-panel placessidebar row button.launcher.image-button:backdrop, placessidebar row .budgie-panel button.launcher.image-button:backdrop, .budgie-panel .ssd decoration button.launcher:backdrop, .ssd decoration .budgie-panel button.launcher:backdrop, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop, +.budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop, .budgie-panel #gf-candidate-popup button.launcher:backdrop, #gf-candidate-popup .budgie-panel button.launcher:backdrop, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop, .budgie-panel layouttabbar button.launcher:backdrop, layouttabbar .budgie-panel button.launcher:backdrop, .budgie-panel layouttab button.launcher:backdrop, layouttab .budgie-panel button.launcher:backdrop { + min-width: 1.80451rem; + min-height: 1.80451rem; + padding: 0; + border: 2px solid transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(#ECEFF1, 0)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0)); + background-size: 3.7594rem 3.7594rem, auto; + background-position: center center; + opacity: 0.5; + transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: opacity, border-color, background-color, background-image, box-shadow; + transition-duration: 0.2s; } + .budgie-panel button.flat.launcher:hover, .budgie-panel button.launcher.osd.image-button:hover, .budgie-panel .osd toolbar button.launcher:hover, .osd toolbar .budgie-panel button.launcher:hover, .budgie-panel toolbar.osd button.launcher:hover, toolbar.osd .budgie-panel button.launcher:hover, .budgie-panel .app-notification button.launcher:hover, .app-notification .budgie-panel button.launcher:hover, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher:hover, .budgie-panel toolbar button.launcher:hover, toolbar .budgie-panel button.launcher:hover, .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:hover, + .budgie-panel .context-menu > arrow.launcher:hover, + .budgie-panel menu > arrow.launcher:hover, .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .budgie-panel button.launcher.image-button:hover, .budgie-panel .ssd decoration button.launcher:hover, .ssd decoration .budgie-panel button.launcher:hover, .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .budgie-panel button.launcher.titlebutton:hover, + .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .budgie-panel button.launcher.titlebutton:hover, .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .budgie-panel button.launcher:hover, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:hover, .budgie-panel layouttabbar button.launcher:hover, layouttabbar .budgie-panel button.launcher:hover, .budgie-panel layouttab button.launcher:hover, layouttab .budgie-panel button.launcher:hover, .budgie-panel button.flat.launcher:backdrop:hover, .budgie-panel button.launcher.osd.image-button:backdrop:hover, .budgie-panel .osd toolbar button.launcher:backdrop:hover, .osd toolbar .budgie-panel button.launcher:backdrop:hover, .budgie-panel toolbar.osd button.launcher:backdrop:hover, toolbar.osd .budgie-panel button.launcher:backdrop:hover, .budgie-panel .app-notification button.launcher:backdrop:hover, .app-notification .budgie-panel button.launcher:backdrop:hover, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher:backdrop:hover, .budgie-panel toolbar button.launcher:backdrop:hover, toolbar .budgie-panel button.launcher:backdrop:hover, .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop:hover, + .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .budgie-panel menu > arrow.launcher:backdrop:hover, .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, placessidebar row .budgie-panel button.launcher.image-button:backdrop:hover, .budgie-panel .ssd decoration button.launcher:backdrop:hover, .ssd decoration .budgie-panel button.launcher:backdrop:hover, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop:hover, + .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop:hover, .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, #gf-candidate-popup .budgie-panel button.launcher:backdrop:hover, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop:hover, .budgie-panel layouttabbar button.launcher:backdrop:hover, layouttabbar .budgie-panel button.launcher:backdrop:hover, .budgie-panel layouttab button.launcher:backdrop:hover, layouttab .budgie-panel button.launcher:backdrop:hover { + opacity: 0.75; + -gtk-icon-effect: highlight; } + .budgie-panel button.flat.launcher:active, .budgie-panel button.launcher.osd.image-button:active, .budgie-panel .osd toolbar button.launcher:active, .osd toolbar .budgie-panel button.launcher:active, .budgie-panel toolbar.osd button.launcher:active, toolbar.osd .budgie-panel button.launcher:active, .budgie-panel .app-notification button.launcher:active, .app-notification .budgie-panel button.launcher:active, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:active, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher:active, .budgie-panel toolbar button.launcher:active, toolbar .budgie-panel button.launcher:active, .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:active, + .budgie-panel .context-menu > arrow.launcher:active, + .budgie-panel menu > arrow.launcher:active, .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .budgie-panel button.launcher.image-button:active, .budgie-panel .ssd decoration button.launcher:active, .ssd decoration .budgie-panel button.launcher:active, .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .budgie-panel button.launcher.titlebutton:active, + .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .budgie-panel button.launcher.titlebutton:active, .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .budgie-panel button.launcher:active, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:active, .budgie-panel layouttabbar button.launcher:active, layouttabbar .budgie-panel button.launcher:active, .budgie-panel layouttab button.launcher:active, layouttab .budgie-panel button.launcher:active, .budgie-panel button.flat.launcher:backdrop:active, .budgie-panel button.launcher.osd.image-button:backdrop:active, .budgie-panel .osd toolbar button.launcher:backdrop:active, .osd toolbar .budgie-panel button.launcher:backdrop:active, .budgie-panel toolbar.osd button.launcher:backdrop:active, toolbar.osd .budgie-panel button.launcher:backdrop:active, .budgie-panel .app-notification button.launcher:backdrop:active, .app-notification .budgie-panel button.launcher:backdrop:active, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:active, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher:backdrop:active, .budgie-panel toolbar button.launcher:backdrop:active, toolbar .budgie-panel button.launcher:backdrop:active, .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop:active, + .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .budgie-panel menu > arrow.launcher:backdrop:active, .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, placessidebar row .budgie-panel button.launcher.image-button:backdrop:active, .budgie-panel .ssd decoration button.launcher:backdrop:active, .ssd decoration .budgie-panel button.launcher:backdrop:active, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop:active, + .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop:active, .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, #gf-candidate-popup .budgie-panel button.launcher:backdrop:active, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop:active, .budgie-panel layouttabbar button.launcher:backdrop:active, layouttabbar .budgie-panel button.launcher:backdrop:active, .budgie-panel layouttab button.launcher:backdrop:active, layouttab .budgie-panel button.launcher:backdrop:active { + opacity: 1.0; + transition-duration: 0; + animation: budgie_ripple_effect 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } + .budgie-panel button.flat.launcher:checked, .budgie-panel button.launcher.osd.image-button:checked, .budgie-panel .osd toolbar button.launcher:checked, .osd toolbar .budgie-panel button.launcher:checked, .budgie-panel toolbar.osd button.launcher:checked, toolbar.osd .budgie-panel button.launcher:checked, .budgie-panel .app-notification button.launcher:checked, .app-notification .budgie-panel button.launcher:checked, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:checked, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher:checked, .budgie-panel toolbar button.launcher:checked, toolbar .budgie-panel button.launcher:checked, .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:checked, + .budgie-panel .context-menu > arrow.launcher:checked, + .budgie-panel menu > arrow.launcher:checked, .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .budgie-panel button.launcher.image-button:checked, .budgie-panel .ssd decoration button.launcher:checked, .ssd decoration .budgie-panel button.launcher:checked, .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .budgie-panel button.launcher.titlebutton:checked, + .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .budgie-panel button.launcher.titlebutton:checked, .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .budgie-panel button.launcher:checked, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:checked, .budgie-panel layouttabbar button.launcher:checked, layouttabbar .budgie-panel button.launcher:checked, .budgie-panel layouttab button.launcher:checked, layouttab .budgie-panel button.launcher:checked, .budgie-panel button.flat.launcher:backdrop:checked, .budgie-panel button.launcher.osd.image-button:backdrop:checked, .budgie-panel .osd toolbar button.launcher:backdrop:checked, .osd toolbar .budgie-panel button.launcher:backdrop:checked, .budgie-panel toolbar.osd button.launcher:backdrop:checked, toolbar.osd .budgie-panel button.launcher:backdrop:checked, .budgie-panel .app-notification button.launcher:backdrop:checked, .app-notification .budgie-panel button.launcher:backdrop:checked, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher:backdrop:checked, .budgie-panel toolbar button.launcher:backdrop:checked, toolbar .budgie-panel button.launcher:backdrop:checked, .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop:checked, + .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .budgie-panel menu > arrow.launcher:backdrop:checked, .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, placessidebar row .budgie-panel button.launcher.image-button:backdrop:checked, .budgie-panel .ssd decoration button.launcher:backdrop:checked, .ssd decoration .budgie-panel button.launcher:backdrop:checked, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop:checked, + .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop:checked, .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, #gf-candidate-popup .budgie-panel button.launcher:backdrop:checked, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop:checked, .budgie-panel layouttabbar button.launcher:backdrop:checked, layouttabbar .budgie-panel button.launcher:backdrop:checked, .budgie-panel layouttab button.launcher:backdrop:checked, layouttab .budgie-panel button.launcher:backdrop:checked { + opacity: 1.0; + background-color: transparent; } + .budgie-panel button.flat.launcher:checked:hover, .budgie-panel button.launcher.osd.image-button:checked:hover, .budgie-panel .osd toolbar button.launcher:checked:hover, .osd toolbar .budgie-panel button.launcher:checked:hover, .budgie-panel toolbar.osd button.launcher:checked:hover, toolbar.osd .budgie-panel button.launcher:checked:hover, .budgie-panel .app-notification button.launcher:checked:hover, .app-notification .budgie-panel button.launcher:checked:hover, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:checked:hover, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher:checked:hover, .budgie-panel toolbar button.launcher:checked:hover, toolbar .budgie-panel button.launcher:checked:hover, .budgie-panel .titlebar button.launcher:checked:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:checked:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:checked:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:checked:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:checked:hover, + .budgie-panel .context-menu > arrow.launcher:checked:hover, + .budgie-panel menu > arrow.launcher:checked:hover, .budgie-panel placessidebar row button.launcher.image-button:checked:hover, placessidebar row .budgie-panel button.launcher.image-button:checked:hover, .budgie-panel .ssd decoration button.launcher:checked:hover, .ssd decoration .budgie-panel button.launcher:checked:hover, .budgie-panel .csd headerbar button.launcher.titlebutton:checked:hover, .csd headerbar .budgie-panel button.launcher.titlebutton:checked:hover, + .budgie-panel .csd .titlebar button.launcher.titlebutton:checked:hover, + .csd .titlebar .budgie-panel button.launcher.titlebutton:checked:hover, .budgie-panel #gf-candidate-popup button.launcher:checked:hover, #gf-candidate-popup .budgie-panel button.launcher:checked:hover, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked:hover, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:checked:hover, .budgie-panel layouttabbar button.launcher:checked:hover, layouttabbar .budgie-panel button.launcher:checked:hover, .budgie-panel layouttab button.launcher:checked:hover, layouttab .budgie-panel button.launcher:checked:hover, .budgie-panel button.flat.launcher:backdrop:checked:hover, .budgie-panel button.launcher.osd.image-button:backdrop:checked:hover, .budgie-panel .osd toolbar button.launcher:backdrop:checked:hover, .osd toolbar .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel toolbar.osd button.launcher:backdrop:checked:hover, toolbar.osd .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel .app-notification button.launcher:backdrop:checked:hover, .app-notification .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked:hover, GeditViewFrame .gedit-search-slider .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel toolbar button.launcher:backdrop:checked:hover, toolbar .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel .titlebar button.launcher:backdrop:checked:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:backdrop:checked:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel headerbar button.launcher:backdrop:checked:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel button.launcher:backdrop:checked:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .menu > arrow.launcher:backdrop:checked:hover, + .budgie-panel .context-menu > arrow.launcher:backdrop:checked:hover, + .budgie-panel menu > arrow.launcher:backdrop:checked:hover, .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked:hover, placessidebar row .budgie-panel button.launcher.image-button:backdrop:checked:hover, .budgie-panel .ssd decoration button.launcher:backdrop:checked:hover, .ssd decoration .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked:hover, .csd headerbar .budgie-panel button.launcher.titlebutton:backdrop:checked:hover, + .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked:hover, + .csd .titlebar .budgie-panel button.launcher.titlebutton:backdrop:checked:hover, .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked:hover, #gf-candidate-popup .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked:hover, window > grid.vertical > box.vertical > widget .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel layouttabbar button.launcher:backdrop:checked:hover, layouttabbar .budgie-panel button.launcher:backdrop:checked:hover, .budgie-panel layouttab button.launcher:backdrop:checked:hover, layouttab .budgie-panel button.launcher:backdrop:checked:hover { + -gtk-icon-effect: highlight; } +.budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned button.launcher.osd.image-button, .budgie-panel .unpinned .osd toolbar button.launcher, .osd toolbar .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned toolbar.osd button.launcher, toolbar.osd .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned .app-notification button.launcher, .app-notification .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned toolbar button.launcher, toolbar .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .budgie-panel .unpinned .menu > arrow.launcher, +.budgie-panel .unpinned .context-menu > arrow.launcher, +.budgie-panel .unpinned menu > arrow.launcher, .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .budgie-panel .unpinned button.launcher.image-button, .budgie-panel .unpinned .ssd decoration button.launcher, .ssd decoration .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .budgie-panel .unpinned button.launcher.titlebutton, +.budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .budgie-panel .unpinned button.launcher.titlebutton, .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .budgie-panel .unpinned button.launcher, .budgie-panel .unpinned layouttab button.launcher, layouttab .budgie-panel .unpinned button.launcher, +.budgie-panel .unpinned button.flat.launcher:backdrop, +.budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.budgie-panel .unpinned .osd toolbar button.launcher:backdrop, +.osd toolbar .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned toolbar.osd button.launcher:backdrop, +toolbar.osd .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned .app-notification button.launcher:backdrop, +.app-notification .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop, +GeditViewFrame .gedit-search-slider .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned toolbar button.launcher:backdrop, +toolbar .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.budgie-panel .unpinned menu > arrow.launcher:backdrop, +.budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .budgie-panel .unpinned button.launcher.image-button:backdrop, +.budgie-panel .unpinned .ssd decoration button.launcher:backdrop, +.ssd decoration .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .budgie-panel .unpinned button.launcher:backdrop, +.budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned button.launcher.running.osd.image-button, +.budgie-panel .pinned .osd toolbar button.launcher.running, +.osd toolbar .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned toolbar.osd button.launcher.running, +toolbar.osd .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned .app-notification button.launcher.running, +.app-notification .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running, +GeditViewFrame .gedit-search-slider .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned toolbar button.launcher.running, +toolbar .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.budgie-panel .pinned .menu > arrow.launcher.running, +.budgie-panel .pinned .context-menu > arrow.launcher.running, +.budgie-panel .pinned menu > arrow.launcher.running, +.budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .budgie-panel .pinned button.launcher.running.image-button, +.budgie-panel .pinned .ssd decoration button.launcher.running, +.ssd decoration .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .budgie-panel .pinned button.launcher.running.titlebutton, +.budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .budgie-panel .pinned button.launcher.running.titlebutton, +.budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned layouttab button.launcher.running, +layouttab .budgie-panel .pinned button.launcher.running, +.budgie-panel .pinned button.flat.launcher.running:backdrop, +.budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.budgie-panel .pinned .osd toolbar button.launcher.running:backdrop, +.osd toolbar .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned toolbar.osd button.launcher.running:backdrop, +toolbar.osd .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned .app-notification button.launcher.running:backdrop, +.app-notification .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop, +GeditViewFrame .gedit-search-slider .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned toolbar button.launcher.running:backdrop, +toolbar .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.budgie-panel .pinned .ssd decoration button.launcher.running:backdrop, +.ssd decoration .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .budgie-panel .pinned button.launcher.running:backdrop, +.budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .budgie-panel .pinned button.launcher.running:backdrop { + opacity: 1.0; } + .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned button.launcher.osd.image-button:hover, .budgie-panel .unpinned .osd toolbar button.launcher:hover, .osd toolbar .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned toolbar.osd button.launcher:hover, toolbar.osd .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned .app-notification button.launcher:hover, .app-notification .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned toolbar button.launcher:hover, toolbar .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .unpinned .menu > arrow.launcher:hover, + .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .budgie-panel .unpinned menu > arrow.launcher:hover, .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .budgie-panel .unpinned button.launcher.image-button:hover, .budgie-panel .unpinned .ssd decoration button.launcher:hover, .ssd decoration .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .budgie-panel .unpinned button.launcher.titlebutton:hover, + .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .budgie-panel .unpinned button.launcher.titlebutton:hover, .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .budgie-panel .unpinned button.launcher:hover, .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .budgie-panel .unpinned button.launcher:hover, + .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:hover, + .osd toolbar .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:hover, + toolbar.osd .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned .app-notification button.launcher:backdrop:hover, + .app-notification .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, + GeditViewFrame .gedit-search-slider .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned toolbar button.launcher:backdrop:hover, + toolbar .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:hover, + .ssd decoration .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .budgie-panel .unpinned button.launcher:backdrop:hover, + .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .budgie-panel .pinned .osd toolbar button.launcher.running:hover, + .osd toolbar .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned toolbar.osd button.launcher.running:hover, + toolbar.osd .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned .app-notification button.launcher.running:hover, + .app-notification .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:hover, + GeditViewFrame .gedit-search-slider .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned toolbar button.launcher.running:hover, + toolbar .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .budgie-panel .pinned menu > arrow.launcher.running:hover, + .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .budgie-panel .pinned button.launcher.running.image-button:hover, + .budgie-panel .pinned .ssd decoration button.launcher.running:hover, + .ssd decoration .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .budgie-panel .pinned button.launcher.running:hover, + .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:hover, + .osd toolbar .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:hover, + toolbar.osd .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned .app-notification button.launcher.running:backdrop:hover, + .app-notification .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:hover, + GeditViewFrame .gedit-search-slider .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned toolbar button.launcher.running:backdrop:hover, + toolbar .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:hover, + .ssd decoration .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .budgie-panel .pinned button.launcher.running:backdrop:hover, + .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .budgie-panel .pinned button.launcher.running:backdrop:hover { + -gtk-icon-effect: highlight; } + +.top .budgie-panel #tasklist-button button, +.top .budgie-panel #tasklist-button button:backdrop { + border: 2px solid transparent; } + .top .budgie-panel #tasklist-button button:hover, + .top .budgie-panel #tasklist-button button:backdrop:hover { + border-top: 2px solid alpha(#ECEFF1, 0.4); } + .top .budgie-panel #tasklist-button button:active, .top .budgie-panel #tasklist-button button:checked, + .top .budgie-panel #tasklist-button button:backdrop:active, + .top .budgie-panel #tasklist-button button:backdrop:checked { + border-top: 2px solid #E8E8E8; } +.top .budgie-panel button.flat.launcher, .top .budgie-panel button.launcher.osd.image-button, .top .budgie-panel .osd toolbar button.launcher, .osd toolbar .top .budgie-panel button.launcher, .top .budgie-panel toolbar.osd button.launcher, toolbar.osd .top .budgie-panel button.launcher, .top .budgie-panel .app-notification button.launcher, .app-notification .top .budgie-panel button.launcher, .top .budgie-panel GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .top .budgie-panel button.launcher, .top .budgie-panel toolbar button.launcher, toolbar .top .budgie-panel button.launcher, .top .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.top .budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .top .budgie-panel .menu > arrow.launcher, +.top .budgie-panel .context-menu > arrow.launcher, +.top .budgie-panel menu > arrow.launcher, .top .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .top .budgie-panel button.launcher.image-button, .top .budgie-panel .ssd decoration button.launcher, .ssd decoration .top .budgie-panel button.launcher, .top .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .top .budgie-panel button.launcher.titlebutton, +.top .budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .top .budgie-panel button.launcher.titlebutton, .top .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .top .budgie-panel button.launcher, .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher, .top .budgie-panel layouttabbar button.launcher, layouttabbar .top .budgie-panel button.launcher, .top .budgie-panel layouttab button.launcher, layouttab .top .budgie-panel button.launcher, +.top .budgie-panel button.flat.launcher:backdrop, +.top .budgie-panel button.launcher.osd.image-button:backdrop, +.top .budgie-panel .osd toolbar button.launcher:backdrop, +.osd toolbar .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel toolbar.osd button.launcher:backdrop, +toolbar.osd .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel .app-notification button.launcher:backdrop, +.app-notification .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop, +GeditViewFrame .gedit-search-slider .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel toolbar button.launcher:backdrop, +toolbar .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .top .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .menu > arrow.launcher:backdrop, +.top .budgie-panel .context-menu > arrow.launcher:backdrop, +.top .budgie-panel menu > arrow.launcher:backdrop, +.top .budgie-panel placessidebar row button.launcher.image-button:backdrop, +placessidebar row .top .budgie-panel button.launcher.image-button:backdrop, +.top .budgie-panel .ssd decoration button.launcher:backdrop, +.ssd decoration .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .top .budgie-panel button.launcher.titlebutton:backdrop, +.top .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .top .budgie-panel button.launcher.titlebutton:backdrop, +.top .budgie-panel #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel layouttabbar button.launcher:backdrop, +layouttabbar .top .budgie-panel button.launcher:backdrop, +.top .budgie-panel layouttab button.launcher:backdrop, +layouttab .top .budgie-panel button.launcher:backdrop { + border: 2px solid transparent; } + .top .budgie-panel button.flat.launcher:hover, .top .budgie-panel button.launcher.osd.image-button:hover, .top .budgie-panel .osd toolbar button.launcher:hover, .osd toolbar .top .budgie-panel button.launcher:hover, .top .budgie-panel toolbar.osd button.launcher:hover, toolbar.osd .top .budgie-panel button.launcher:hover, .top .budgie-panel .app-notification button.launcher:hover, .app-notification .top .budgie-panel button.launcher:hover, .top .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .top .budgie-panel button.launcher:hover, .top .budgie-panel toolbar button.launcher:hover, toolbar .top .budgie-panel button.launcher:hover, .top .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .top .budgie-panel .menu > arrow.launcher:hover, + .top .budgie-panel .context-menu > arrow.launcher:hover, + .top .budgie-panel menu > arrow.launcher:hover, .top .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .top .budgie-panel button.launcher.image-button:hover, .top .budgie-panel .ssd decoration button.launcher:hover, .ssd decoration .top .budgie-panel button.launcher:hover, .top .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .top .budgie-panel button.launcher.titlebutton:hover, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:hover, .top .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .top .budgie-panel button.launcher:hover, .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:hover, .top .budgie-panel layouttabbar button.launcher:hover, layouttabbar .top .budgie-panel button.launcher:hover, .top .budgie-panel layouttab button.launcher:hover, layouttab .top .budgie-panel button.launcher:hover, + .top .budgie-panel button.flat.launcher:backdrop:hover, + .top .budgie-panel button.launcher.osd.image-button:backdrop:hover, + .top .budgie-panel .osd toolbar button.launcher:backdrop:hover, + .osd toolbar .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel toolbar.osd button.launcher:backdrop:hover, + toolbar.osd .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel .app-notification button.launcher:backdrop:hover, + .app-notification .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, + GeditViewFrame .gedit-search-slider .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel toolbar button.launcher:backdrop:hover, + toolbar .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .menu > arrow.launcher:backdrop:hover, + .top .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .top .budgie-panel menu > arrow.launcher:backdrop:hover, + .top .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .top .budgie-panel button.launcher.image-button:backdrop:hover, + .top .budgie-panel .ssd decoration button.launcher:backdrop:hover, + .ssd decoration .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .top .budgie-panel button.launcher.titlebutton:backdrop:hover, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:backdrop:hover, + .top .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel layouttabbar button.launcher:backdrop:hover, + layouttabbar .top .budgie-panel button.launcher:backdrop:hover, + .top .budgie-panel layouttab button.launcher:backdrop:hover, + layouttab .top .budgie-panel button.launcher:backdrop:hover { + border-top: 2px solid alpha(#ECEFF1, 0.4); } + .top .budgie-panel button.flat.launcher:active, .top .budgie-panel button.launcher.osd.image-button:active, .top .budgie-panel .osd toolbar button.launcher:active, .osd toolbar .top .budgie-panel button.launcher:active, .top .budgie-panel toolbar.osd button.launcher:active, toolbar.osd .top .budgie-panel button.launcher:active, .top .budgie-panel .app-notification button.launcher:active, .app-notification .top .budgie-panel button.launcher:active, .top .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:active, GeditViewFrame .gedit-search-slider .top .budgie-panel button.launcher:active, .top .budgie-panel toolbar button.launcher:active, toolbar .top .budgie-panel button.launcher:active, .top .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .top .budgie-panel .menu > arrow.launcher:active, + .top .budgie-panel .context-menu > arrow.launcher:active, + .top .budgie-panel menu > arrow.launcher:active, .top .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .top .budgie-panel button.launcher.image-button:active, .top .budgie-panel .ssd decoration button.launcher:active, .ssd decoration .top .budgie-panel button.launcher:active, .top .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .top .budgie-panel button.launcher.titlebutton:active, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:active, .top .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .top .budgie-panel button.launcher:active, .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:active, .top .budgie-panel layouttabbar button.launcher:active, layouttabbar .top .budgie-panel button.launcher:active, .top .budgie-panel layouttab button.launcher:active, layouttab .top .budgie-panel button.launcher:active, .top .budgie-panel button.flat.launcher:checked, .top .budgie-panel button.launcher.osd.image-button:checked, .top .budgie-panel .osd toolbar button.launcher:checked, .osd toolbar .top .budgie-panel button.launcher:checked, .top .budgie-panel toolbar.osd button.launcher:checked, toolbar.osd .top .budgie-panel button.launcher:checked, .top .budgie-panel .app-notification button.launcher:checked, .app-notification .top .budgie-panel button.launcher:checked, .top .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:checked, GeditViewFrame .gedit-search-slider .top .budgie-panel button.launcher:checked, .top .budgie-panel toolbar button.launcher:checked, toolbar .top .budgie-panel button.launcher:checked, .top .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .top .budgie-panel .menu > arrow.launcher:checked, + .top .budgie-panel .context-menu > arrow.launcher:checked, + .top .budgie-panel menu > arrow.launcher:checked, .top .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .top .budgie-panel button.launcher.image-button:checked, .top .budgie-panel .ssd decoration button.launcher:checked, .ssd decoration .top .budgie-panel button.launcher:checked, .top .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .top .budgie-panel button.launcher.titlebutton:checked, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:checked, .top .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .top .budgie-panel button.launcher:checked, .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:checked, .top .budgie-panel layouttabbar button.launcher:checked, layouttabbar .top .budgie-panel button.launcher:checked, .top .budgie-panel layouttab button.launcher:checked, layouttab .top .budgie-panel button.launcher:checked, + .top .budgie-panel button.flat.launcher:backdrop:active, + .top .budgie-panel button.launcher.osd.image-button:backdrop:active, + .top .budgie-panel .osd toolbar button.launcher:backdrop:active, + .osd toolbar .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel toolbar.osd button.launcher:backdrop:active, + toolbar.osd .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel .app-notification button.launcher:backdrop:active, + .app-notification .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:active, + GeditViewFrame .gedit-search-slider .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel toolbar button.launcher:backdrop:active, + toolbar .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .menu > arrow.launcher:backdrop:active, + .top .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .top .budgie-panel menu > arrow.launcher:backdrop:active, + .top .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .top .budgie-panel button.launcher.image-button:backdrop:active, + .top .budgie-panel .ssd decoration button.launcher:backdrop:active, + .ssd decoration .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .top .budgie-panel button.launcher.titlebutton:backdrop:active, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:backdrop:active, + .top .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel layouttabbar button.launcher:backdrop:active, + layouttabbar .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel layouttab button.launcher:backdrop:active, + layouttab .top .budgie-panel button.launcher:backdrop:active, + .top .budgie-panel button.flat.launcher:backdrop:checked, + .top .budgie-panel button.launcher.osd.image-button:backdrop:checked, + .top .budgie-panel .osd toolbar button.launcher:backdrop:checked, + .osd toolbar .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel toolbar.osd button.launcher:backdrop:checked, + toolbar.osd .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel .app-notification button.launcher:backdrop:checked, + .app-notification .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked, + GeditViewFrame .gedit-search-slider .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel toolbar button.launcher:backdrop:checked, + toolbar .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .menu > arrow.launcher:backdrop:checked, + .top .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .top .budgie-panel menu > arrow.launcher:backdrop:checked, + .top .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .top .budgie-panel button.launcher.image-button:backdrop:checked, + .top .budgie-panel .ssd decoration button.launcher:backdrop:checked, + .ssd decoration .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .top .budgie-panel button.launcher.titlebutton:backdrop:checked, + .top .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .top .budgie-panel button.launcher.titlebutton:backdrop:checked, + .top .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel layouttabbar button.launcher:backdrop:checked, + layouttabbar .top .budgie-panel button.launcher:backdrop:checked, + .top .budgie-panel layouttab button.launcher:backdrop:checked, + layouttab .top .budgie-panel button.launcher:backdrop:checked { + border-top: 2px solid #E8E8E8; } + +.bottom .budgie-panel #tasklist-button button, +.bottom .budgie-panel #tasklist-button button:backdrop { + border: 2px solid transparent; } + .bottom .budgie-panel #tasklist-button button:hover, + .bottom .budgie-panel #tasklist-button button:backdrop:hover { + border-bottom: 2px solid alpha(#ECEFF1, 0.4); } + .bottom .budgie-panel #tasklist-button button:active, .bottom .budgie-panel #tasklist-button button:checked, + .bottom .budgie-panel #tasklist-button button:backdrop:active, + .bottom .budgie-panel #tasklist-button button:backdrop:checked { + border-bottom: 2px solid #E8E8E8; } +.bottom .budgie-panel button.flat.launcher, .bottom .budgie-panel button.launcher.osd.image-button, .bottom .budgie-panel .osd toolbar button.launcher, .osd toolbar .bottom .budgie-panel button.launcher, .bottom .budgie-panel toolbar.osd button.launcher, toolbar.osd .bottom .budgie-panel button.launcher, .bottom .budgie-panel .app-notification button.launcher, .app-notification .bottom .budgie-panel button.launcher, .bottom .budgie-panel GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .bottom .budgie-panel button.launcher, .bottom .budgie-panel toolbar button.launcher, toolbar .bottom .budgie-panel button.launcher, .bottom .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .menu > arrow.launcher, +.bottom .budgie-panel .context-menu > arrow.launcher, +.bottom .budgie-panel menu > arrow.launcher, .bottom .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .bottom .budgie-panel button.launcher.image-button, .bottom .budgie-panel .ssd decoration button.launcher, .ssd decoration .bottom .budgie-panel button.launcher, .bottom .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .bottom .budgie-panel button.launcher.titlebutton, +.bottom .budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .bottom .budgie-panel button.launcher.titlebutton, .bottom .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .bottom .budgie-panel button.launcher, .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher, .bottom .budgie-panel layouttabbar button.launcher, layouttabbar .bottom .budgie-panel button.launcher, .bottom .budgie-panel layouttab button.launcher, layouttab .bottom .budgie-panel button.launcher, +.bottom .budgie-panel button.flat.launcher:backdrop, +.bottom .budgie-panel button.launcher.osd.image-button:backdrop, +.bottom .budgie-panel .osd toolbar button.launcher:backdrop, +.osd toolbar .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel toolbar.osd button.launcher:backdrop, +toolbar.osd .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel .app-notification button.launcher:backdrop, +.app-notification .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop, +GeditViewFrame .gedit-search-slider .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel toolbar button.launcher:backdrop, +toolbar .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .bottom .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .menu > arrow.launcher:backdrop, +.bottom .budgie-panel .context-menu > arrow.launcher:backdrop, +.bottom .budgie-panel menu > arrow.launcher:backdrop, +.bottom .budgie-panel placessidebar row button.launcher.image-button:backdrop, +placessidebar row .bottom .budgie-panel button.launcher.image-button:backdrop, +.bottom .budgie-panel .ssd decoration button.launcher:backdrop, +.ssd decoration .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .bottom .budgie-panel button.launcher.titlebutton:backdrop, +.bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:backdrop, +.bottom .budgie-panel #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel layouttabbar button.launcher:backdrop, +layouttabbar .bottom .budgie-panel button.launcher:backdrop, +.bottom .budgie-panel layouttab button.launcher:backdrop, +layouttab .bottom .budgie-panel button.launcher:backdrop { + border: 2px solid transparent; } + .bottom .budgie-panel button.flat.launcher:hover, .bottom .budgie-panel button.launcher.osd.image-button:hover, .bottom .budgie-panel .osd toolbar button.launcher:hover, .osd toolbar .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel toolbar.osd button.launcher:hover, toolbar.osd .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel .app-notification button.launcher:hover, .app-notification .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel toolbar button.launcher:hover, toolbar .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .menu > arrow.launcher:hover, + .bottom .budgie-panel .context-menu > arrow.launcher:hover, + .bottom .budgie-panel menu > arrow.launcher:hover, .bottom .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .bottom .budgie-panel button.launcher.image-button:hover, .bottom .budgie-panel .ssd decoration button.launcher:hover, .ssd decoration .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:hover, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:hover, .bottom .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel layouttabbar button.launcher:hover, layouttabbar .bottom .budgie-panel button.launcher:hover, .bottom .budgie-panel layouttab button.launcher:hover, layouttab .bottom .budgie-panel button.launcher:hover, + .bottom .budgie-panel button.flat.launcher:backdrop:hover, + .bottom .budgie-panel button.launcher.osd.image-button:backdrop:hover, + .bottom .budgie-panel .osd toolbar button.launcher:backdrop:hover, + .osd toolbar .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel toolbar.osd button.launcher:backdrop:hover, + toolbar.osd .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel .app-notification button.launcher:backdrop:hover, + .app-notification .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel toolbar button.launcher:backdrop:hover, + toolbar .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .bottom .budgie-panel button.launcher.image-button:backdrop:hover, + .bottom .budgie-panel .ssd decoration button.launcher:backdrop:hover, + .ssd decoration .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:backdrop:hover, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:backdrop:hover, + .bottom .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel layouttabbar button.launcher:backdrop:hover, + layouttabbar .bottom .budgie-panel button.launcher:backdrop:hover, + .bottom .budgie-panel layouttab button.launcher:backdrop:hover, + layouttab .bottom .budgie-panel button.launcher:backdrop:hover { + border-bottom: 2px solid alpha(#ECEFF1, 0.4); } + .bottom .budgie-panel button.flat.launcher:active, .bottom .budgie-panel button.launcher.osd.image-button:active, .bottom .budgie-panel .osd toolbar button.launcher:active, .osd toolbar .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel toolbar.osd button.launcher:active, toolbar.osd .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel .app-notification button.launcher:active, .app-notification .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:active, GeditViewFrame .gedit-search-slider .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel toolbar button.launcher:active, toolbar .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .menu > arrow.launcher:active, + .bottom .budgie-panel .context-menu > arrow.launcher:active, + .bottom .budgie-panel menu > arrow.launcher:active, .bottom .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .bottom .budgie-panel button.launcher.image-button:active, .bottom .budgie-panel .ssd decoration button.launcher:active, .ssd decoration .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:active, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:active, .bottom .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel layouttabbar button.launcher:active, layouttabbar .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel layouttab button.launcher:active, layouttab .bottom .budgie-panel button.launcher:active, .bottom .budgie-panel button.flat.launcher:checked, .bottom .budgie-panel button.launcher.osd.image-button:checked, .bottom .budgie-panel .osd toolbar button.launcher:checked, .osd toolbar .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel toolbar.osd button.launcher:checked, toolbar.osd .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel .app-notification button.launcher:checked, .app-notification .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:checked, GeditViewFrame .gedit-search-slider .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel toolbar button.launcher:checked, toolbar .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .menu > arrow.launcher:checked, + .bottom .budgie-panel .context-menu > arrow.launcher:checked, + .bottom .budgie-panel menu > arrow.launcher:checked, .bottom .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .bottom .budgie-panel button.launcher.image-button:checked, .bottom .budgie-panel .ssd decoration button.launcher:checked, .ssd decoration .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:checked, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:checked, .bottom .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel layouttabbar button.launcher:checked, layouttabbar .bottom .budgie-panel button.launcher:checked, .bottom .budgie-panel layouttab button.launcher:checked, layouttab .bottom .budgie-panel button.launcher:checked, + .bottom .budgie-panel button.flat.launcher:backdrop:active, + .bottom .budgie-panel button.launcher.osd.image-button:backdrop:active, + .bottom .budgie-panel .osd toolbar button.launcher:backdrop:active, + .osd toolbar .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel toolbar.osd button.launcher:backdrop:active, + toolbar.osd .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel .app-notification button.launcher:backdrop:active, + .app-notification .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:active, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel toolbar button.launcher:backdrop:active, + toolbar .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .bottom .budgie-panel button.launcher.image-button:backdrop:active, + .bottom .budgie-panel .ssd decoration button.launcher:backdrop:active, + .ssd decoration .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:backdrop:active, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:backdrop:active, + .bottom .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel layouttabbar button.launcher:backdrop:active, + layouttabbar .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel layouttab button.launcher:backdrop:active, + layouttab .bottom .budgie-panel button.launcher:backdrop:active, + .bottom .budgie-panel button.flat.launcher:backdrop:checked, + .bottom .budgie-panel button.launcher.osd.image-button:backdrop:checked, + .bottom .budgie-panel .osd toolbar button.launcher:backdrop:checked, + .osd toolbar .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel toolbar.osd button.launcher:backdrop:checked, + toolbar.osd .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel .app-notification button.launcher:backdrop:checked, + .app-notification .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel toolbar button.launcher:backdrop:checked, + toolbar .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .bottom .budgie-panel button.launcher.image-button:backdrop:checked, + .bottom .budgie-panel .ssd decoration button.launcher:backdrop:checked, + .ssd decoration .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .bottom .budgie-panel button.launcher.titlebutton:backdrop:checked, + .bottom .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .bottom .budgie-panel button.launcher.titlebutton:backdrop:checked, + .bottom .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel layouttabbar button.launcher:backdrop:checked, + layouttabbar .bottom .budgie-panel button.launcher:backdrop:checked, + .bottom .budgie-panel layouttab button.launcher:backdrop:checked, + layouttab .bottom .budgie-panel button.launcher:backdrop:checked { + border-bottom: 2px solid #E8E8E8; } + +.left .budgie-panel #tasklist-button button, +.left .budgie-panel #tasklist-button button:backdrop { + border: 2px solid transparent; } + .left .budgie-panel #tasklist-button button:hover, + .left .budgie-panel #tasklist-button button:backdrop:hover { + border-left: 2px solid alpha(#ECEFF1, 0.4); } + .left .budgie-panel #tasklist-button button:active, .left .budgie-panel #tasklist-button button:checked, + .left .budgie-panel #tasklist-button button:backdrop:active, + .left .budgie-panel #tasklist-button button:backdrop:checked { + border-left: 2px solid #E8E8E8; } +.left .budgie-panel button.flat.launcher, .left .budgie-panel button.launcher.osd.image-button, .left .budgie-panel .osd toolbar button.launcher, .osd toolbar .left .budgie-panel button.launcher, .left .budgie-panel toolbar.osd button.launcher, toolbar.osd .left .budgie-panel button.launcher, .left .budgie-panel .app-notification button.launcher, .app-notification .left .budgie-panel button.launcher, .left .budgie-panel GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .left .budgie-panel button.launcher, .left .budgie-panel toolbar button.launcher, toolbar .left .budgie-panel button.launcher, .left .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.left .budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .left .budgie-panel .menu > arrow.launcher, +.left .budgie-panel .context-menu > arrow.launcher, +.left .budgie-panel menu > arrow.launcher, .left .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .left .budgie-panel button.launcher.image-button, .left .budgie-panel .ssd decoration button.launcher, .ssd decoration .left .budgie-panel button.launcher, .left .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .left .budgie-panel button.launcher.titlebutton, +.left .budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .left .budgie-panel button.launcher.titlebutton, .left .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .left .budgie-panel button.launcher, .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher, .left .budgie-panel layouttabbar button.launcher, layouttabbar .left .budgie-panel button.launcher, .left .budgie-panel layouttab button.launcher, layouttab .left .budgie-panel button.launcher, +.left .budgie-panel button.flat.launcher:backdrop, +.left .budgie-panel button.launcher.osd.image-button:backdrop, +.left .budgie-panel .osd toolbar button.launcher:backdrop, +.osd toolbar .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel toolbar.osd button.launcher:backdrop, +toolbar.osd .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel .app-notification button.launcher:backdrop, +.app-notification .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop, +GeditViewFrame .gedit-search-slider .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel toolbar button.launcher:backdrop, +toolbar .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .left .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .menu > arrow.launcher:backdrop, +.left .budgie-panel .context-menu > arrow.launcher:backdrop, +.left .budgie-panel menu > arrow.launcher:backdrop, +.left .budgie-panel placessidebar row button.launcher.image-button:backdrop, +placessidebar row .left .budgie-panel button.launcher.image-button:backdrop, +.left .budgie-panel .ssd decoration button.launcher:backdrop, +.ssd decoration .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .left .budgie-panel button.launcher.titlebutton:backdrop, +.left .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .left .budgie-panel button.launcher.titlebutton:backdrop, +.left .budgie-panel #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel layouttabbar button.launcher:backdrop, +layouttabbar .left .budgie-panel button.launcher:backdrop, +.left .budgie-panel layouttab button.launcher:backdrop, +layouttab .left .budgie-panel button.launcher:backdrop { + border: 2px solid transparent; } + .left .budgie-panel button.flat.launcher:hover, .left .budgie-panel button.launcher.osd.image-button:hover, .left .budgie-panel .osd toolbar button.launcher:hover, .osd toolbar .left .budgie-panel button.launcher:hover, .left .budgie-panel toolbar.osd button.launcher:hover, toolbar.osd .left .budgie-panel button.launcher:hover, .left .budgie-panel .app-notification button.launcher:hover, .app-notification .left .budgie-panel button.launcher:hover, .left .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .left .budgie-panel button.launcher:hover, .left .budgie-panel toolbar button.launcher:hover, toolbar .left .budgie-panel button.launcher:hover, .left .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .left .budgie-panel .menu > arrow.launcher:hover, + .left .budgie-panel .context-menu > arrow.launcher:hover, + .left .budgie-panel menu > arrow.launcher:hover, .left .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .left .budgie-panel button.launcher.image-button:hover, .left .budgie-panel .ssd decoration button.launcher:hover, .ssd decoration .left .budgie-panel button.launcher:hover, .left .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .left .budgie-panel button.launcher.titlebutton:hover, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:hover, .left .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .left .budgie-panel button.launcher:hover, .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:hover, .left .budgie-panel layouttabbar button.launcher:hover, layouttabbar .left .budgie-panel button.launcher:hover, .left .budgie-panel layouttab button.launcher:hover, layouttab .left .budgie-panel button.launcher:hover, + .left .budgie-panel button.flat.launcher:backdrop:hover, + .left .budgie-panel button.launcher.osd.image-button:backdrop:hover, + .left .budgie-panel .osd toolbar button.launcher:backdrop:hover, + .osd toolbar .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel toolbar.osd button.launcher:backdrop:hover, + toolbar.osd .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel .app-notification button.launcher:backdrop:hover, + .app-notification .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, + GeditViewFrame .gedit-search-slider .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel toolbar button.launcher:backdrop:hover, + toolbar .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .menu > arrow.launcher:backdrop:hover, + .left .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .left .budgie-panel menu > arrow.launcher:backdrop:hover, + .left .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .left .budgie-panel button.launcher.image-button:backdrop:hover, + .left .budgie-panel .ssd decoration button.launcher:backdrop:hover, + .ssd decoration .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .left .budgie-panel button.launcher.titlebutton:backdrop:hover, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:backdrop:hover, + .left .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel layouttabbar button.launcher:backdrop:hover, + layouttabbar .left .budgie-panel button.launcher:backdrop:hover, + .left .budgie-panel layouttab button.launcher:backdrop:hover, + layouttab .left .budgie-panel button.launcher:backdrop:hover { + border-left: 2px solid alpha(#ECEFF1, 0.4); } + .left .budgie-panel button.flat.launcher:active, .left .budgie-panel button.launcher.osd.image-button:active, .left .budgie-panel .osd toolbar button.launcher:active, .osd toolbar .left .budgie-panel button.launcher:active, .left .budgie-panel toolbar.osd button.launcher:active, toolbar.osd .left .budgie-panel button.launcher:active, .left .budgie-panel .app-notification button.launcher:active, .app-notification .left .budgie-panel button.launcher:active, .left .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:active, GeditViewFrame .gedit-search-slider .left .budgie-panel button.launcher:active, .left .budgie-panel toolbar button.launcher:active, toolbar .left .budgie-panel button.launcher:active, .left .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .left .budgie-panel .menu > arrow.launcher:active, + .left .budgie-panel .context-menu > arrow.launcher:active, + .left .budgie-panel menu > arrow.launcher:active, .left .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .left .budgie-panel button.launcher.image-button:active, .left .budgie-panel .ssd decoration button.launcher:active, .ssd decoration .left .budgie-panel button.launcher:active, .left .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .left .budgie-panel button.launcher.titlebutton:active, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:active, .left .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .left .budgie-panel button.launcher:active, .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:active, .left .budgie-panel layouttabbar button.launcher:active, layouttabbar .left .budgie-panel button.launcher:active, .left .budgie-panel layouttab button.launcher:active, layouttab .left .budgie-panel button.launcher:active, .left .budgie-panel button.flat.launcher:checked, .left .budgie-panel button.launcher.osd.image-button:checked, .left .budgie-panel .osd toolbar button.launcher:checked, .osd toolbar .left .budgie-panel button.launcher:checked, .left .budgie-panel toolbar.osd button.launcher:checked, toolbar.osd .left .budgie-panel button.launcher:checked, .left .budgie-panel .app-notification button.launcher:checked, .app-notification .left .budgie-panel button.launcher:checked, .left .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:checked, GeditViewFrame .gedit-search-slider .left .budgie-panel button.launcher:checked, .left .budgie-panel toolbar button.launcher:checked, toolbar .left .budgie-panel button.launcher:checked, .left .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .left .budgie-panel .menu > arrow.launcher:checked, + .left .budgie-panel .context-menu > arrow.launcher:checked, + .left .budgie-panel menu > arrow.launcher:checked, .left .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .left .budgie-panel button.launcher.image-button:checked, .left .budgie-panel .ssd decoration button.launcher:checked, .ssd decoration .left .budgie-panel button.launcher:checked, .left .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .left .budgie-panel button.launcher.titlebutton:checked, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:checked, .left .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .left .budgie-panel button.launcher:checked, .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:checked, .left .budgie-panel layouttabbar button.launcher:checked, layouttabbar .left .budgie-panel button.launcher:checked, .left .budgie-panel layouttab button.launcher:checked, layouttab .left .budgie-panel button.launcher:checked, + .left .budgie-panel button.flat.launcher:backdrop:active, + .left .budgie-panel button.launcher.osd.image-button:backdrop:active, + .left .budgie-panel .osd toolbar button.launcher:backdrop:active, + .osd toolbar .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel toolbar.osd button.launcher:backdrop:active, + toolbar.osd .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel .app-notification button.launcher:backdrop:active, + .app-notification .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:active, + GeditViewFrame .gedit-search-slider .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel toolbar button.launcher:backdrop:active, + toolbar .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .menu > arrow.launcher:backdrop:active, + .left .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .left .budgie-panel menu > arrow.launcher:backdrop:active, + .left .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .left .budgie-panel button.launcher.image-button:backdrop:active, + .left .budgie-panel .ssd decoration button.launcher:backdrop:active, + .ssd decoration .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .left .budgie-panel button.launcher.titlebutton:backdrop:active, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:backdrop:active, + .left .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel layouttabbar button.launcher:backdrop:active, + layouttabbar .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel layouttab button.launcher:backdrop:active, + layouttab .left .budgie-panel button.launcher:backdrop:active, + .left .budgie-panel button.flat.launcher:backdrop:checked, + .left .budgie-panel button.launcher.osd.image-button:backdrop:checked, + .left .budgie-panel .osd toolbar button.launcher:backdrop:checked, + .osd toolbar .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel toolbar.osd button.launcher:backdrop:checked, + toolbar.osd .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel .app-notification button.launcher:backdrop:checked, + .app-notification .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked, + GeditViewFrame .gedit-search-slider .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel toolbar button.launcher:backdrop:checked, + toolbar .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .menu > arrow.launcher:backdrop:checked, + .left .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .left .budgie-panel menu > arrow.launcher:backdrop:checked, + .left .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .left .budgie-panel button.launcher.image-button:backdrop:checked, + .left .budgie-panel .ssd decoration button.launcher:backdrop:checked, + .ssd decoration .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .left .budgie-panel button.launcher.titlebutton:backdrop:checked, + .left .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .left .budgie-panel button.launcher.titlebutton:backdrop:checked, + .left .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel layouttabbar button.launcher:backdrop:checked, + layouttabbar .left .budgie-panel button.launcher:backdrop:checked, + .left .budgie-panel layouttab button.launcher:backdrop:checked, + layouttab .left .budgie-panel button.launcher:backdrop:checked { + border-left: 2px solid #E8E8E8; } + +.right .budgie-panel #tasklist-button button, +.right .budgie-panel #tasklist-button button:backdrop { + border: 2px solid transparent; } + .right .budgie-panel #tasklist-button button:hover, + .right .budgie-panel #tasklist-button button:backdrop:hover { + border-right: 2px solid alpha(#ECEFF1, 0.4); } + .right .budgie-panel #tasklist-button button:active, .right .budgie-panel #tasklist-button button:checked, + .right .budgie-panel #tasklist-button button:backdrop:active, + .right .budgie-panel #tasklist-button button:backdrop:checked { + border-right: 2px solid #E8E8E8; } +.right .budgie-panel button.flat.launcher, .right .budgie-panel button.launcher.osd.image-button, .right .budgie-panel .osd toolbar button.launcher, .osd toolbar .right .budgie-panel button.launcher, .right .budgie-panel toolbar.osd button.launcher, toolbar.osd .right .budgie-panel button.launcher, .right .budgie-panel .app-notification button.launcher, .app-notification .right .budgie-panel button.launcher, .right .budgie-panel GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .right .budgie-panel button.launcher, .right .budgie-panel toolbar button.launcher, toolbar .right .budgie-panel button.launcher, .right .budgie-panel .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), +.right .budgie-panel headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel button.launcher:not(.suggested-action):not(.destructive-action), .right .budgie-panel .menu > arrow.launcher, +.right .budgie-panel .context-menu > arrow.launcher, +.right .budgie-panel menu > arrow.launcher, .right .budgie-panel placessidebar row button.launcher.image-button, placessidebar row .right .budgie-panel button.launcher.image-button, .right .budgie-panel .ssd decoration button.launcher, .ssd decoration .right .budgie-panel button.launcher, .right .budgie-panel .csd headerbar button.launcher.titlebutton, .csd headerbar .right .budgie-panel button.launcher.titlebutton, +.right .budgie-panel .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .right .budgie-panel button.launcher.titlebutton, .right .budgie-panel #gf-candidate-popup button.launcher, #gf-candidate-popup .right .budgie-panel button.launcher, .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher, .right .budgie-panel layouttabbar button.launcher, layouttabbar .right .budgie-panel button.launcher, .right .budgie-panel layouttab button.launcher, layouttab .right .budgie-panel button.launcher, +.right .budgie-panel button.flat.launcher:backdrop, +.right .budgie-panel button.launcher.osd.image-button:backdrop, +.right .budgie-panel .osd toolbar button.launcher:backdrop, +.osd toolbar .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel toolbar.osd button.launcher:backdrop, +toolbar.osd .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel .app-notification button.launcher:backdrop, +.app-notification .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop, +GeditViewFrame .gedit-search-slider .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel toolbar button.launcher:backdrop, +toolbar .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .right .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .menu > arrow.launcher:backdrop, +.right .budgie-panel .context-menu > arrow.launcher:backdrop, +.right .budgie-panel menu > arrow.launcher:backdrop, +.right .budgie-panel placessidebar row button.launcher.image-button:backdrop, +placessidebar row .right .budgie-panel button.launcher.image-button:backdrop, +.right .budgie-panel .ssd decoration button.launcher:backdrop, +.ssd decoration .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .right .budgie-panel button.launcher.titlebutton:backdrop, +.right .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .right .budgie-panel button.launcher.titlebutton:backdrop, +.right .budgie-panel #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel layouttabbar button.launcher:backdrop, +layouttabbar .right .budgie-panel button.launcher:backdrop, +.right .budgie-panel layouttab button.launcher:backdrop, +layouttab .right .budgie-panel button.launcher:backdrop { + border: 2px solid transparent; } + .right .budgie-panel button.flat.launcher:hover, .right .budgie-panel button.launcher.osd.image-button:hover, .right .budgie-panel .osd toolbar button.launcher:hover, .osd toolbar .right .budgie-panel button.launcher:hover, .right .budgie-panel toolbar.osd button.launcher:hover, toolbar.osd .right .budgie-panel button.launcher:hover, .right .budgie-panel .app-notification button.launcher:hover, .app-notification .right .budgie-panel button.launcher:hover, .right .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .right .budgie-panel button.launcher:hover, .right .budgie-panel toolbar button.launcher:hover, toolbar .right .budgie-panel button.launcher:hover, .right .budgie-panel .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:hover:not(.suggested-action):not(.destructive-action), .right .budgie-panel .menu > arrow.launcher:hover, + .right .budgie-panel .context-menu > arrow.launcher:hover, + .right .budgie-panel menu > arrow.launcher:hover, .right .budgie-panel placessidebar row button.launcher.image-button:hover, placessidebar row .right .budgie-panel button.launcher.image-button:hover, .right .budgie-panel .ssd decoration button.launcher:hover, .ssd decoration .right .budgie-panel button.launcher:hover, .right .budgie-panel .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .right .budgie-panel button.launcher.titlebutton:hover, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:hover, .right .budgie-panel #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .right .budgie-panel button.launcher:hover, .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:hover, .right .budgie-panel layouttabbar button.launcher:hover, layouttabbar .right .budgie-panel button.launcher:hover, .right .budgie-panel layouttab button.launcher:hover, layouttab .right .budgie-panel button.launcher:hover, + .right .budgie-panel button.flat.launcher:backdrop:hover, + .right .budgie-panel button.launcher.osd.image-button:backdrop:hover, + .right .budgie-panel .osd toolbar button.launcher:backdrop:hover, + .osd toolbar .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel toolbar.osd button.launcher:backdrop:hover, + toolbar.osd .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel .app-notification button.launcher:backdrop:hover, + .app-notification .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, + GeditViewFrame .gedit-search-slider .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel toolbar button.launcher:backdrop:hover, + toolbar .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .menu > arrow.launcher:backdrop:hover, + .right .budgie-panel .context-menu > arrow.launcher:backdrop:hover, + .right .budgie-panel menu > arrow.launcher:backdrop:hover, + .right .budgie-panel placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .right .budgie-panel button.launcher.image-button:backdrop:hover, + .right .budgie-panel .ssd decoration button.launcher:backdrop:hover, + .ssd decoration .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .right .budgie-panel button.launcher.titlebutton:backdrop:hover, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:backdrop:hover, + .right .budgie-panel #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel layouttabbar button.launcher:backdrop:hover, + layouttabbar .right .budgie-panel button.launcher:backdrop:hover, + .right .budgie-panel layouttab button.launcher:backdrop:hover, + layouttab .right .budgie-panel button.launcher:backdrop:hover { + border-right: 2px solid alpha(#ECEFF1, 0.4); } + .right .budgie-panel button.flat.launcher:active, .right .budgie-panel button.launcher.osd.image-button:active, .right .budgie-panel .osd toolbar button.launcher:active, .osd toolbar .right .budgie-panel button.launcher:active, .right .budgie-panel toolbar.osd button.launcher:active, toolbar.osd .right .budgie-panel button.launcher:active, .right .budgie-panel .app-notification button.launcher:active, .app-notification .right .budgie-panel button.launcher:active, .right .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:active, GeditViewFrame .gedit-search-slider .right .budgie-panel button.launcher:active, .right .budgie-panel toolbar button.launcher:active, toolbar .right .budgie-panel button.launcher:active, .right .budgie-panel .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:active:not(.suggested-action):not(.destructive-action), .right .budgie-panel .menu > arrow.launcher:active, + .right .budgie-panel .context-menu > arrow.launcher:active, + .right .budgie-panel menu > arrow.launcher:active, .right .budgie-panel placessidebar row button.launcher.image-button:active, placessidebar row .right .budgie-panel button.launcher.image-button:active, .right .budgie-panel .ssd decoration button.launcher:active, .ssd decoration .right .budgie-panel button.launcher:active, .right .budgie-panel .csd headerbar button.launcher.titlebutton:active, .csd headerbar .right .budgie-panel button.launcher.titlebutton:active, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:active, .right .budgie-panel #gf-candidate-popup button.launcher:active, #gf-candidate-popup .right .budgie-panel button.launcher:active, .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:active, .right .budgie-panel layouttabbar button.launcher:active, layouttabbar .right .budgie-panel button.launcher:active, .right .budgie-panel layouttab button.launcher:active, layouttab .right .budgie-panel button.launcher:active, .right .budgie-panel button.flat.launcher:checked, .right .budgie-panel button.launcher.osd.image-button:checked, .right .budgie-panel .osd toolbar button.launcher:checked, .osd toolbar .right .budgie-panel button.launcher:checked, .right .budgie-panel toolbar.osd button.launcher:checked, toolbar.osd .right .budgie-panel button.launcher:checked, .right .budgie-panel .app-notification button.launcher:checked, .app-notification .right .budgie-panel button.launcher:checked, .right .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:checked, GeditViewFrame .gedit-search-slider .right .budgie-panel button.launcher:checked, .right .budgie-panel toolbar button.launcher:checked, toolbar .right .budgie-panel button.launcher:checked, .right .budgie-panel .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:checked:not(.suggested-action):not(.destructive-action), .right .budgie-panel .menu > arrow.launcher:checked, + .right .budgie-panel .context-menu > arrow.launcher:checked, + .right .budgie-panel menu > arrow.launcher:checked, .right .budgie-panel placessidebar row button.launcher.image-button:checked, placessidebar row .right .budgie-panel button.launcher.image-button:checked, .right .budgie-panel .ssd decoration button.launcher:checked, .ssd decoration .right .budgie-panel button.launcher:checked, .right .budgie-panel .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .right .budgie-panel button.launcher.titlebutton:checked, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:checked, .right .budgie-panel #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .right .budgie-panel button.launcher:checked, .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:checked, .right .budgie-panel layouttabbar button.launcher:checked, layouttabbar .right .budgie-panel button.launcher:checked, .right .budgie-panel layouttab button.launcher:checked, layouttab .right .budgie-panel button.launcher:checked, + .right .budgie-panel button.flat.launcher:backdrop:active, + .right .budgie-panel button.launcher.osd.image-button:backdrop:active, + .right .budgie-panel .osd toolbar button.launcher:backdrop:active, + .osd toolbar .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel toolbar.osd button.launcher:backdrop:active, + toolbar.osd .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel .app-notification button.launcher:backdrop:active, + .app-notification .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:active, + GeditViewFrame .gedit-search-slider .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel toolbar button.launcher:backdrop:active, + toolbar .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .menu > arrow.launcher:backdrop:active, + .right .budgie-panel .context-menu > arrow.launcher:backdrop:active, + .right .budgie-panel menu > arrow.launcher:backdrop:active, + .right .budgie-panel placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .right .budgie-panel button.launcher.image-button:backdrop:active, + .right .budgie-panel .ssd decoration button.launcher:backdrop:active, + .ssd decoration .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .right .budgie-panel button.launcher.titlebutton:backdrop:active, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:backdrop:active, + .right .budgie-panel #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel layouttabbar button.launcher:backdrop:active, + layouttabbar .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel layouttab button.launcher:backdrop:active, + layouttab .right .budgie-panel button.launcher:backdrop:active, + .right .budgie-panel button.flat.launcher:backdrop:checked, + .right .budgie-panel button.launcher.osd.image-button:backdrop:checked, + .right .budgie-panel .osd toolbar button.launcher:backdrop:checked, + .osd toolbar .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel toolbar.osd button.launcher:backdrop:checked, + toolbar.osd .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel .app-notification button.launcher:backdrop:checked, + .app-notification .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked, + GeditViewFrame .gedit-search-slider .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel toolbar button.launcher:backdrop:checked, + toolbar .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .menu > arrow.launcher:backdrop:checked, + .right .budgie-panel .context-menu > arrow.launcher:backdrop:checked, + .right .budgie-panel menu > arrow.launcher:backdrop:checked, + .right .budgie-panel placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .right .budgie-panel button.launcher.image-button:backdrop:checked, + .right .budgie-panel .ssd decoration button.launcher:backdrop:checked, + .ssd decoration .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .right .budgie-panel button.launcher.titlebutton:backdrop:checked, + .right .budgie-panel .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .right .budgie-panel button.launcher.titlebutton:backdrop:checked, + .right .budgie-panel #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel layouttabbar button.launcher:backdrop:checked, + layouttabbar .right .budgie-panel button.launcher:backdrop:checked, + .right .budgie-panel layouttab button.launcher:backdrop:checked, + layouttab .right .budgie-panel button.launcher:backdrop:checked { + border-right: 2px solid #E8E8E8; } + +.top .budgie-panel .unpinned button.flat.launcher, .top .budgie-panel .unpinned button.launcher.osd.image-button, .top .budgie-panel .unpinned .osd toolbar button.launcher, .osd toolbar .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned toolbar.osd button.launcher, toolbar.osd .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned .app-notification button.launcher, .app-notification .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned toolbar button.launcher, toolbar .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .top .budgie-panel .unpinned .menu > arrow.launcher, +.top .budgie-panel .unpinned .context-menu > arrow.launcher, +.top .budgie-panel .unpinned menu > arrow.launcher, .top .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .top .budgie-panel .unpinned button.launcher.image-button, .top .budgie-panel .unpinned .ssd decoration button.launcher, .ssd decoration .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton, +.top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton, .top .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .top .budgie-panel .unpinned button.launcher, .top .budgie-panel .unpinned layouttab button.launcher, layouttab .top .budgie-panel .unpinned button.launcher, +.top .budgie-panel .unpinned button.flat.launcher:backdrop, +.top .budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.top .budgie-panel .unpinned .osd toolbar button.launcher:backdrop, +.osd toolbar .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned toolbar.osd button.launcher:backdrop, +toolbar.osd .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned .app-notification button.launcher:backdrop, +.app-notification .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop, +GeditViewFrame .gedit-search-slider .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned toolbar button.launcher:backdrop, +toolbar .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .top .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.top .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.top .budgie-panel .unpinned menu > arrow.launcher:backdrop, +.top .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:backdrop, +.top .budgie-panel .unpinned .ssd decoration button.launcher:backdrop, +.ssd decoration .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.top .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .top .budgie-panel .unpinned button.launcher:backdrop, +.top .budgie-panel .pinned button.flat.launcher.running, +.top .budgie-panel .pinned button.launcher.running.osd.image-button, +.top .budgie-panel .pinned .osd toolbar button.launcher.running, +.osd toolbar .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned toolbar.osd button.launcher.running, +toolbar.osd .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned .app-notification button.launcher.running, +.app-notification .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running, +GeditViewFrame .gedit-search-slider .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned toolbar button.launcher.running, +toolbar .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .top .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .pinned .menu > arrow.launcher.running, +.top .budgie-panel .pinned .context-menu > arrow.launcher.running, +.top .budgie-panel .pinned menu > arrow.launcher.running, +.top .budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button, +.top .budgie-panel .pinned .ssd decoration button.launcher.running, +.ssd decoration .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton, +.top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton, +.top .budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned layouttab button.launcher.running, +layouttab .top .budgie-panel .pinned button.launcher.running, +.top .budgie-panel .pinned button.flat.launcher.running:backdrop, +.top .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.top .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop, +.osd toolbar .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop, +toolbar.osd .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned .app-notification button.launcher.running:backdrop, +.app-notification .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop, +GeditViewFrame .gedit-search-slider .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned toolbar button.launcher.running:backdrop, +toolbar .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .top .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .top .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.top .budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.top .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.top .budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.top .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop, +.ssd decoration .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .top .budgie-panel .pinned button.launcher.running:backdrop, +.top .budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .top .budgie-panel .pinned button.launcher.running:backdrop { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-top.png"), url("assets/running-dot-top@2.png")) 2/2px; } + .top .budgie-panel .unpinned button.flat.launcher:hover, .top .budgie-panel .unpinned button.launcher.osd.image-button:hover, .top .budgie-panel .unpinned .osd toolbar button.launcher:hover, .osd toolbar .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned toolbar.osd button.launcher:hover, toolbar.osd .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned .app-notification button.launcher:hover, .app-notification .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned toolbar button.launcher:hover, toolbar .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .top .budgie-panel .unpinned .menu > arrow.launcher:hover, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .top .budgie-panel .unpinned menu > arrow.launcher:hover, .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:hover, .top .budgie-panel .unpinned .ssd decoration button.launcher:hover, .ssd decoration .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:hover, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:hover, .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .top .budgie-panel .unpinned button.launcher:hover, .top .budgie-panel .unpinned button.flat.launcher:active, .top .budgie-panel .unpinned button.launcher.osd.image-button:active, .top .budgie-panel .unpinned .osd toolbar button.launcher:active, .osd toolbar .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned toolbar.osd button.launcher:active, toolbar.osd .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned .app-notification button.launcher:active, .app-notification .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:active, GeditViewFrame .gedit-search-slider .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned toolbar button.launcher:active, toolbar .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), .top .budgie-panel .unpinned .menu > arrow.launcher:active, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:active, + .top .budgie-panel .unpinned menu > arrow.launcher:active, .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:active, placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:active, .top .budgie-panel .unpinned .ssd decoration button.launcher:active, .ssd decoration .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:active, .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:active, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:active, .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:active, #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned layouttabbar button.launcher:active, layouttabbar .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned layouttab button.launcher:active, layouttab .top .budgie-panel .unpinned button.launcher:active, .top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .unpinned button.launcher.osd.image-button:checked, .top .budgie-panel .unpinned .osd toolbar button.launcher:checked, .osd toolbar .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned toolbar.osd button.launcher:checked, toolbar.osd .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned .app-notification button.launcher:checked, .app-notification .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:checked, GeditViewFrame .gedit-search-slider .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned toolbar button.launcher:checked, toolbar .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .top .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), .top .budgie-panel .unpinned .menu > arrow.launcher:checked, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:checked, + .top .budgie-panel .unpinned menu > arrow.launcher:checked, .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:checked, placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:checked, .top .budgie-panel .unpinned .ssd decoration button.launcher:checked, .ssd decoration .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:checked, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:checked, .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned layouttabbar button.launcher:checked, layouttabbar .top .budgie-panel .unpinned button.launcher:checked, .top .budgie-panel .unpinned layouttab button.launcher:checked, layouttab .top .budgie-panel .unpinned button.launcher:checked, + .top .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .top .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .top .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:hover, + .osd toolbar .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:hover, + toolbar.osd .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned .app-notification button.launcher:backdrop:hover, + .app-notification .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, + GeditViewFrame .gedit-search-slider .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned toolbar button.launcher:backdrop:hover, + toolbar .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .top .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .top .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:hover, + .ssd decoration .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .top .budgie-panel .unpinned button.launcher:backdrop:hover, + .top .budgie-panel .unpinned button.flat.launcher:backdrop:active, + .top .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:active, + .top .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:active, + .osd toolbar .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:active, + toolbar.osd .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned .app-notification button.launcher:backdrop:active, + .app-notification .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:active, + GeditViewFrame .gedit-search-slider .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned toolbar button.launcher:backdrop:active, + toolbar .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned .menu > arrow.launcher:backdrop:active, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:active, + .top .budgie-panel .unpinned menu > arrow.launcher:backdrop:active, + .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:backdrop:active, + .top .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:active, + .ssd decoration .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned layouttabbar button.launcher:backdrop:active, + layouttabbar .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned layouttab button.launcher:backdrop:active, + layouttab .top .budgie-panel .unpinned button.launcher:backdrop:active, + .top .budgie-panel .unpinned button.flat.launcher:backdrop:checked, + .top .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:checked, + .top .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:checked, + .osd toolbar .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:checked, + toolbar.osd .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned .app-notification button.launcher:backdrop:checked, + .app-notification .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked, + GeditViewFrame .gedit-search-slider .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned toolbar button.launcher:backdrop:checked, + toolbar .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .unpinned .menu > arrow.launcher:backdrop:checked, + .top .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:checked, + .top .budgie-panel .unpinned menu > arrow.launcher:backdrop:checked, + .top .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .top .budgie-panel .unpinned button.launcher.image-button:backdrop:checked, + .top .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:checked, + .ssd decoration .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .top .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .top .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .top .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned layouttabbar button.launcher:backdrop:checked, + layouttabbar .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .unpinned layouttab button.launcher:backdrop:checked, + layouttab .top .budgie-panel .unpinned button.launcher:backdrop:checked, + .top .budgie-panel .pinned button.flat.launcher.running:hover, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .top .budgie-panel .pinned .osd toolbar button.launcher.running:hover, + .osd toolbar .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned toolbar.osd button.launcher.running:hover, + toolbar.osd .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned .app-notification button.launcher.running:hover, + .app-notification .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:hover, + GeditViewFrame .gedit-search-slider .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned toolbar button.launcher.running:hover, + toolbar .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .top .budgie-panel .pinned menu > arrow.launcher.running:hover, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:hover, + .top .budgie-panel .pinned .ssd decoration button.launcher.running:hover, + .ssd decoration .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .top .budgie-panel .pinned button.launcher.running:hover, + .top .budgie-panel .pinned button.flat.launcher.running:active, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:active, + .top .budgie-panel .pinned .osd toolbar button.launcher.running:active, + .osd toolbar .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned toolbar.osd button.launcher.running:active, + toolbar.osd .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned .app-notification button.launcher.running:active, + .app-notification .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:active, + GeditViewFrame .gedit-search-slider .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned toolbar button.launcher.running:active, + toolbar .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned .titlebar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:active, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:active, + .top .budgie-panel .pinned menu > arrow.launcher.running:active, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:active, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:active, + .top .budgie-panel .pinned .ssd decoration button.launcher.running:active, + .ssd decoration .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:active, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:active, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:active, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:active, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:active, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:active, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned layouttabbar button.launcher.running:active, + layouttabbar .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned layouttab button.launcher.running:active, + layouttab .top .budgie-panel .pinned button.launcher.running:active, + .top .budgie-panel .pinned button.flat.launcher.running:checked, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:checked, + .top .budgie-panel .pinned .osd toolbar button.launcher.running:checked, + .osd toolbar .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned toolbar.osd button.launcher.running:checked, + toolbar.osd .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned .app-notification button.launcher.running:checked, + .app-notification .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:checked, + GeditViewFrame .gedit-search-slider .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned toolbar button.launcher.running:checked, + toolbar .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned .titlebar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:checked, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:checked, + .top .budgie-panel .pinned menu > arrow.launcher.running:checked, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:checked, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:checked, + .top .budgie-panel .pinned .ssd decoration button.launcher.running:checked, + .ssd decoration .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:checked, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:checked, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:checked, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:checked, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned layouttabbar button.launcher.running:checked, + layouttabbar .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned layouttab button.launcher.running:checked, + layouttab .top .budgie-panel .pinned button.launcher.running:checked, + .top .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .top .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:hover, + .osd toolbar .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:hover, + toolbar.osd .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned .app-notification button.launcher.running:backdrop:hover, + .app-notification .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:hover, + GeditViewFrame .gedit-search-slider .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned toolbar button.launcher.running:backdrop:hover, + toolbar .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .top .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .top .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:hover, + .ssd decoration .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .top .budgie-panel .pinned button.launcher.running:backdrop:hover, + .top .budgie-panel .pinned button.flat.launcher.running:backdrop:active, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:active, + .top .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:active, + .osd toolbar .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:active, + toolbar.osd .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned .app-notification button.launcher.running:backdrop:active, + .app-notification .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:active, + GeditViewFrame .gedit-search-slider .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned toolbar button.launcher.running:backdrop:active, + toolbar .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned .titlebar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:active, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:active, + .top .budgie-panel .pinned menu > arrow.launcher.running:backdrop:active, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:active, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:backdrop:active, + .top .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:active, + .ssd decoration .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:active, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:active, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:active, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:active, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:active, + layouttabbar .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned layouttab button.launcher.running:backdrop:active, + layouttab .top .budgie-panel .pinned button.launcher.running:backdrop:active, + .top .budgie-panel .pinned button.flat.launcher.running:backdrop:checked, + .top .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:checked, + .top .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:checked, + .osd toolbar .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:checked, + toolbar.osd .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned .app-notification button.launcher.running:backdrop:checked, + .app-notification .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:checked, + GeditViewFrame .gedit-search-slider .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned toolbar button.launcher.running:backdrop:checked, + toolbar .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned .titlebar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .top .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned headerbar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .top .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .top .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:checked, + .top .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:checked, + .top .budgie-panel .pinned menu > arrow.launcher.running:backdrop:checked, + .top .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:checked, + placessidebar row .top .budgie-panel .pinned button.launcher.running.image-button:backdrop:checked, + .top .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:checked, + .ssd decoration .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:checked, + .csd headerbar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .top .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:checked, + .csd .titlebar .top .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .top .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:checked, + #gf-candidate-popup .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:checked, + window > grid.vertical > box.vertical > widget .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:checked, + layouttabbar .top .budgie-panel .pinned button.launcher.running:backdrop:checked, + .top .budgie-panel .pinned layouttab button.launcher.running:backdrop:checked, + layouttab .top .budgie-panel .pinned button.launcher.running:backdrop:checked { + border-top: 2px solid #E8E8E8; + border-image: none; } + +.bottom .budgie-panel .unpinned button.flat.launcher, .bottom .budgie-panel .unpinned button.launcher.osd.image-button, .bottom .budgie-panel .unpinned .osd toolbar button.launcher, .osd toolbar .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned toolbar.osd button.launcher, toolbar.osd .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned .app-notification button.launcher, .app-notification .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned toolbar button.launcher, toolbar .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .unpinned .menu > arrow.launcher, +.bottom .budgie-panel .unpinned .context-menu > arrow.launcher, +.bottom .budgie-panel .unpinned menu > arrow.launcher, .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button, .bottom .budgie-panel .unpinned .ssd decoration button.launcher, .ssd decoration .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton, +.bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton, .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .bottom .budgie-panel .unpinned button.launcher, .bottom .budgie-panel .unpinned layouttab button.launcher, layouttab .bottom .budgie-panel .unpinned button.launcher, +.bottom .budgie-panel .unpinned button.flat.launcher:backdrop, +.bottom .budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.bottom .budgie-panel .unpinned .osd toolbar button.launcher:backdrop, +.osd toolbar .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned toolbar.osd button.launcher:backdrop, +toolbar.osd .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned .app-notification button.launcher:backdrop, +.app-notification .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop, +GeditViewFrame .gedit-search-slider .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned toolbar button.launcher:backdrop, +toolbar .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .bottom .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.bottom .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.bottom .budgie-panel .unpinned menu > arrow.launcher:backdrop, +.bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:backdrop, +.bottom .budgie-panel .unpinned .ssd decoration button.launcher:backdrop, +.ssd decoration .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .bottom .budgie-panel .unpinned button.launcher:backdrop, +.bottom .budgie-panel .pinned button.flat.launcher.running, +.bottom .budgie-panel .pinned button.launcher.running.osd.image-button, +.bottom .budgie-panel .pinned .osd toolbar button.launcher.running, +.osd toolbar .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned toolbar.osd button.launcher.running, +toolbar.osd .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned .app-notification button.launcher.running, +.app-notification .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running, +GeditViewFrame .gedit-search-slider .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned toolbar button.launcher.running, +toolbar .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .bottom .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .pinned .menu > arrow.launcher.running, +.bottom .budgie-panel .pinned .context-menu > arrow.launcher.running, +.bottom .budgie-panel .pinned menu > arrow.launcher.running, +.bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button, +.bottom .budgie-panel .pinned .ssd decoration button.launcher.running, +.ssd decoration .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton, +.bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton, +.bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned layouttab button.launcher.running, +layouttab .bottom .budgie-panel .pinned button.launcher.running, +.bottom .budgie-panel .pinned button.flat.launcher.running:backdrop, +.bottom .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.bottom .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop, +.osd toolbar .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop, +toolbar.osd .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned .app-notification button.launcher.running:backdrop, +.app-notification .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop, +GeditViewFrame .gedit-search-slider .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned toolbar button.launcher.running:backdrop, +toolbar .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .bottom .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.bottom .budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.bottom .budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.bottom .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop, +.ssd decoration .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .bottom .budgie-panel .pinned button.launcher.running:backdrop, +.bottom .budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .bottom .budgie-panel .pinned button.launcher.running:backdrop { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-bottom.png"), url("assets/running-dot-bottom@2.png")) 2/2px; } + .bottom .budgie-panel .unpinned button.flat.launcher:hover, .bottom .budgie-panel .unpinned button.launcher.osd.image-button:hover, .bottom .budgie-panel .unpinned .osd toolbar button.launcher:hover, .osd toolbar .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned toolbar.osd button.launcher:hover, toolbar.osd .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned .app-notification button.launcher:hover, .app-notification .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned toolbar button.launcher:hover, toolbar .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .unpinned .menu > arrow.launcher:hover, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .bottom .budgie-panel .unpinned menu > arrow.launcher:hover, .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:hover, .bottom .budgie-panel .unpinned .ssd decoration button.launcher:hover, .ssd decoration .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:hover, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:hover, .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .bottom .budgie-panel .unpinned button.launcher:hover, .bottom .budgie-panel .unpinned button.flat.launcher:active, .bottom .budgie-panel .unpinned button.launcher.osd.image-button:active, .bottom .budgie-panel .unpinned .osd toolbar button.launcher:active, .osd toolbar .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned toolbar.osd button.launcher:active, toolbar.osd .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned .app-notification button.launcher:active, .app-notification .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:active, GeditViewFrame .gedit-search-slider .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned toolbar button.launcher:active, toolbar .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .unpinned .menu > arrow.launcher:active, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:active, + .bottom .budgie-panel .unpinned menu > arrow.launcher:active, .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:active, placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:active, .bottom .budgie-panel .unpinned .ssd decoration button.launcher:active, .ssd decoration .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:active, .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:active, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:active, .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:active, #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned layouttabbar button.launcher:active, layouttabbar .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned layouttab button.launcher:active, layouttab .bottom .budgie-panel .unpinned button.launcher:active, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.launcher.osd.image-button:checked, .bottom .budgie-panel .unpinned .osd toolbar button.launcher:checked, .osd toolbar .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned toolbar.osd button.launcher:checked, toolbar.osd .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned .app-notification button.launcher:checked, .app-notification .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:checked, GeditViewFrame .gedit-search-slider .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned toolbar button.launcher:checked, toolbar .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .bottom .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), .bottom .budgie-panel .unpinned .menu > arrow.launcher:checked, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:checked, + .bottom .budgie-panel .unpinned menu > arrow.launcher:checked, .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:checked, placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:checked, .bottom .budgie-panel .unpinned .ssd decoration button.launcher:checked, .ssd decoration .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:checked, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:checked, .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned layouttabbar button.launcher:checked, layouttabbar .bottom .budgie-panel .unpinned button.launcher:checked, .bottom .budgie-panel .unpinned layouttab button.launcher:checked, layouttab .bottom .budgie-panel .unpinned button.launcher:checked, + .bottom .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .bottom .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:hover, + .osd toolbar .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:hover, + toolbar.osd .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned .app-notification button.launcher:backdrop:hover, + .app-notification .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned toolbar button.launcher:backdrop:hover, + toolbar .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .bottom .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:hover, + .ssd decoration .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .bottom .budgie-panel .unpinned button.launcher:backdrop:hover, + .bottom .budgie-panel .unpinned button.flat.launcher:backdrop:active, + .bottom .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:active, + .bottom .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:active, + .osd toolbar .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:active, + toolbar.osd .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned .app-notification button.launcher:backdrop:active, + .app-notification .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:active, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned toolbar button.launcher:backdrop:active, + toolbar .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned .menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel .unpinned menu > arrow.launcher:backdrop:active, + .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:backdrop:active, + .bottom .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:active, + .ssd decoration .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned layouttabbar button.launcher:backdrop:active, + layouttabbar .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned layouttab button.launcher:backdrop:active, + layouttab .bottom .budgie-panel .unpinned button.launcher:backdrop:active, + .bottom .budgie-panel .unpinned button.flat.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:checked, + .bottom .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:checked, + .osd toolbar .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:checked, + toolbar.osd .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned .app-notification button.launcher:backdrop:checked, + .app-notification .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned toolbar button.launcher:backdrop:checked, + toolbar .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .unpinned .menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned menu > arrow.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .bottom .budgie-panel .unpinned button.launcher.image-button:backdrop:checked, + .bottom .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:checked, + .ssd decoration .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .bottom .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .bottom .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .bottom .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned layouttabbar button.launcher:backdrop:checked, + layouttabbar .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .unpinned layouttab button.launcher:backdrop:checked, + layouttab .bottom .budgie-panel .unpinned button.launcher:backdrop:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:hover, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .bottom .budgie-panel .pinned .osd toolbar button.launcher.running:hover, + .osd toolbar .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned toolbar.osd button.launcher.running:hover, + toolbar.osd .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned .app-notification button.launcher.running:hover, + .app-notification .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:hover, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned toolbar button.launcher.running:hover, + toolbar .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:hover, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:hover, + .bottom .budgie-panel .pinned .ssd decoration button.launcher.running:hover, + .ssd decoration .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .bottom .budgie-panel .pinned button.launcher.running:hover, + .bottom .budgie-panel .pinned button.flat.launcher.running:active, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:active, + .bottom .budgie-panel .pinned .osd toolbar button.launcher.running:active, + .osd toolbar .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned toolbar.osd button.launcher.running:active, + toolbar.osd .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned .app-notification button.launcher.running:active, + .app-notification .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:active, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned toolbar button.launcher.running:active, + toolbar .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:active, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:active, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:active, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:active, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:active, + .bottom .budgie-panel .pinned .ssd decoration button.launcher.running:active, + .ssd decoration .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:active, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:active, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:active, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:active, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:active, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:active, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:active, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned layouttab button.launcher.running:active, + layouttab .bottom .budgie-panel .pinned button.launcher.running:active, + .bottom .budgie-panel .pinned button.flat.launcher.running:checked, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:checked, + .bottom .budgie-panel .pinned .osd toolbar button.launcher.running:checked, + .osd toolbar .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned toolbar.osd button.launcher.running:checked, + toolbar.osd .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned .app-notification button.launcher.running:checked, + .app-notification .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:checked, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned toolbar button.launcher.running:checked, + toolbar .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:checked, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:checked, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:checked, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:checked, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:checked, + .bottom .budgie-panel .pinned .ssd decoration button.launcher.running:checked, + .ssd decoration .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:checked, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:checked, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:checked, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:checked, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:checked, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned layouttab button.launcher.running:checked, + layouttab .bottom .budgie-panel .pinned button.launcher.running:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .bottom .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:hover, + .osd toolbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:hover, + toolbar.osd .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned .app-notification button.launcher.running:backdrop:hover, + .app-notification .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:hover, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned toolbar button.launcher.running:backdrop:hover, + toolbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .bottom .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:hover, + .ssd decoration .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .bottom .budgie-panel .pinned button.launcher.running:backdrop:hover, + .bottom .budgie-panel .pinned button.flat.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:active, + .bottom .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:active, + .osd toolbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:active, + toolbar.osd .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned .app-notification button.launcher.running:backdrop:active, + .app-notification .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:active, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned toolbar button.launcher.running:backdrop:active, + toolbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:active, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:backdrop:active, + .bottom .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:active, + .ssd decoration .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:active, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:active, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:active, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:active, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:active, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned layouttab button.launcher.running:backdrop:active, + layouttab .bottom .budgie-panel .pinned button.launcher.running:backdrop:active, + .bottom .budgie-panel .pinned button.flat.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:checked, + .bottom .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:checked, + .osd toolbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:checked, + toolbar.osd .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned .app-notification button.launcher.running:backdrop:checked, + .app-notification .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:checked, + GeditViewFrame .gedit-search-slider .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned toolbar button.launcher.running:backdrop:checked, + toolbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned .titlebar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned headerbar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .bottom .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned menu > arrow.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:checked, + placessidebar row .bottom .budgie-panel .pinned button.launcher.running.image-button:backdrop:checked, + .bottom .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:checked, + .ssd decoration .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:checked, + .csd headerbar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .bottom .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:checked, + .csd .titlebar .bottom .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .bottom .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:checked, + #gf-candidate-popup .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:checked, + window > grid.vertical > box.vertical > widget .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:checked, + layouttabbar .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked, + .bottom .budgie-panel .pinned layouttab button.launcher.running:backdrop:checked, + layouttab .bottom .budgie-panel .pinned button.launcher.running:backdrop:checked { + border-bottom: 2px solid #E8E8E8; + border-image: none; } + +.left .budgie-panel .unpinned button.flat.launcher, .left .budgie-panel .unpinned button.launcher.osd.image-button, .left .budgie-panel .unpinned .osd toolbar button.launcher, .osd toolbar .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned toolbar.osd button.launcher, toolbar.osd .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned .app-notification button.launcher, .app-notification .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned toolbar button.launcher, toolbar .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .left .budgie-panel .unpinned .menu > arrow.launcher, +.left .budgie-panel .unpinned .context-menu > arrow.launcher, +.left .budgie-panel .unpinned menu > arrow.launcher, .left .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .left .budgie-panel .unpinned button.launcher.image-button, .left .budgie-panel .unpinned .ssd decoration button.launcher, .ssd decoration .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton, +.left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton, .left .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .left .budgie-panel .unpinned button.launcher, .left .budgie-panel .unpinned layouttab button.launcher, layouttab .left .budgie-panel .unpinned button.launcher, +.left .budgie-panel .unpinned button.flat.launcher:backdrop, +.left .budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.left .budgie-panel .unpinned .osd toolbar button.launcher:backdrop, +.osd toolbar .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned toolbar.osd button.launcher:backdrop, +toolbar.osd .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned .app-notification button.launcher:backdrop, +.app-notification .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop, +GeditViewFrame .gedit-search-slider .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned toolbar button.launcher:backdrop, +toolbar .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .left .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.left .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.left .budgie-panel .unpinned menu > arrow.launcher:backdrop, +.left .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:backdrop, +.left .budgie-panel .unpinned .ssd decoration button.launcher:backdrop, +.ssd decoration .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.left .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .left .budgie-panel .unpinned button.launcher:backdrop, +.left .budgie-panel .pinned button.flat.launcher.running, +.left .budgie-panel .pinned button.launcher.running.osd.image-button, +.left .budgie-panel .pinned .osd toolbar button.launcher.running, +.osd toolbar .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned toolbar.osd button.launcher.running, +toolbar.osd .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned .app-notification button.launcher.running, +.app-notification .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running, +GeditViewFrame .gedit-search-slider .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned toolbar button.launcher.running, +toolbar .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .left .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .pinned .menu > arrow.launcher.running, +.left .budgie-panel .pinned .context-menu > arrow.launcher.running, +.left .budgie-panel .pinned menu > arrow.launcher.running, +.left .budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button, +.left .budgie-panel .pinned .ssd decoration button.launcher.running, +.ssd decoration .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton, +.left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton, +.left .budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned layouttab button.launcher.running, +layouttab .left .budgie-panel .pinned button.launcher.running, +.left .budgie-panel .pinned button.flat.launcher.running:backdrop, +.left .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.left .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop, +.osd toolbar .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop, +toolbar.osd .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned .app-notification button.launcher.running:backdrop, +.app-notification .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop, +GeditViewFrame .gedit-search-slider .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned toolbar button.launcher.running:backdrop, +toolbar .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .left .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .left .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.left .budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.left .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.left .budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.left .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop, +.ssd decoration .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .left .budgie-panel .pinned button.launcher.running:backdrop, +.left .budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .left .budgie-panel .pinned button.launcher.running:backdrop { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-left.png"), url("assets/running-dot-left@2.png")) 2/2px; } + .left .budgie-panel .unpinned button.flat.launcher:hover, .left .budgie-panel .unpinned button.launcher.osd.image-button:hover, .left .budgie-panel .unpinned .osd toolbar button.launcher:hover, .osd toolbar .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned toolbar.osd button.launcher:hover, toolbar.osd .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned .app-notification button.launcher:hover, .app-notification .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned toolbar button.launcher:hover, toolbar .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .left .budgie-panel .unpinned .menu > arrow.launcher:hover, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .left .budgie-panel .unpinned menu > arrow.launcher:hover, .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:hover, .left .budgie-panel .unpinned .ssd decoration button.launcher:hover, .ssd decoration .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:hover, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:hover, .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .left .budgie-panel .unpinned button.launcher:hover, .left .budgie-panel .unpinned button.flat.launcher:active, .left .budgie-panel .unpinned button.launcher.osd.image-button:active, .left .budgie-panel .unpinned .osd toolbar button.launcher:active, .osd toolbar .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned toolbar.osd button.launcher:active, toolbar.osd .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned .app-notification button.launcher:active, .app-notification .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:active, GeditViewFrame .gedit-search-slider .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned toolbar button.launcher:active, toolbar .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), .left .budgie-panel .unpinned .menu > arrow.launcher:active, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:active, + .left .budgie-panel .unpinned menu > arrow.launcher:active, .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:active, placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:active, .left .budgie-panel .unpinned .ssd decoration button.launcher:active, .ssd decoration .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:active, .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:active, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:active, .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:active, #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned layouttabbar button.launcher:active, layouttabbar .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned layouttab button.launcher:active, layouttab .left .budgie-panel .unpinned button.launcher:active, .left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .unpinned button.launcher.osd.image-button:checked, .left .budgie-panel .unpinned .osd toolbar button.launcher:checked, .osd toolbar .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned toolbar.osd button.launcher:checked, toolbar.osd .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned .app-notification button.launcher:checked, .app-notification .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:checked, GeditViewFrame .gedit-search-slider .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned toolbar button.launcher:checked, toolbar .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .left .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), .left .budgie-panel .unpinned .menu > arrow.launcher:checked, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:checked, + .left .budgie-panel .unpinned menu > arrow.launcher:checked, .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:checked, placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:checked, .left .budgie-panel .unpinned .ssd decoration button.launcher:checked, .ssd decoration .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:checked, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:checked, .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned layouttabbar button.launcher:checked, layouttabbar .left .budgie-panel .unpinned button.launcher:checked, .left .budgie-panel .unpinned layouttab button.launcher:checked, layouttab .left .budgie-panel .unpinned button.launcher:checked, + .left .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .left .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .left .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:hover, + .osd toolbar .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:hover, + toolbar.osd .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned .app-notification button.launcher:backdrop:hover, + .app-notification .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, + GeditViewFrame .gedit-search-slider .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned toolbar button.launcher:backdrop:hover, + toolbar .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .left .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .left .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:hover, + .ssd decoration .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .left .budgie-panel .unpinned button.launcher:backdrop:hover, + .left .budgie-panel .unpinned button.flat.launcher:backdrop:active, + .left .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:active, + .left .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:active, + .osd toolbar .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:active, + toolbar.osd .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned .app-notification button.launcher:backdrop:active, + .app-notification .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:active, + GeditViewFrame .gedit-search-slider .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned toolbar button.launcher:backdrop:active, + toolbar .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned .menu > arrow.launcher:backdrop:active, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:active, + .left .budgie-panel .unpinned menu > arrow.launcher:backdrop:active, + .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:backdrop:active, + .left .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:active, + .ssd decoration .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned layouttabbar button.launcher:backdrop:active, + layouttabbar .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned layouttab button.launcher:backdrop:active, + layouttab .left .budgie-panel .unpinned button.launcher:backdrop:active, + .left .budgie-panel .unpinned button.flat.launcher:backdrop:checked, + .left .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:checked, + .left .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:checked, + .osd toolbar .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:checked, + toolbar.osd .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned .app-notification button.launcher:backdrop:checked, + .app-notification .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked, + GeditViewFrame .gedit-search-slider .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned toolbar button.launcher:backdrop:checked, + toolbar .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .unpinned .menu > arrow.launcher:backdrop:checked, + .left .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:checked, + .left .budgie-panel .unpinned menu > arrow.launcher:backdrop:checked, + .left .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .left .budgie-panel .unpinned button.launcher.image-button:backdrop:checked, + .left .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:checked, + .ssd decoration .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .left .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .left .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .left .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned layouttabbar button.launcher:backdrop:checked, + layouttabbar .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .unpinned layouttab button.launcher:backdrop:checked, + layouttab .left .budgie-panel .unpinned button.launcher:backdrop:checked, + .left .budgie-panel .pinned button.flat.launcher.running:hover, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .left .budgie-panel .pinned .osd toolbar button.launcher.running:hover, + .osd toolbar .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned toolbar.osd button.launcher.running:hover, + toolbar.osd .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned .app-notification button.launcher.running:hover, + .app-notification .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:hover, + GeditViewFrame .gedit-search-slider .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned toolbar button.launcher.running:hover, + toolbar .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .left .budgie-panel .pinned menu > arrow.launcher.running:hover, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:hover, + .left .budgie-panel .pinned .ssd decoration button.launcher.running:hover, + .ssd decoration .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .left .budgie-panel .pinned button.launcher.running:hover, + .left .budgie-panel .pinned button.flat.launcher.running:active, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:active, + .left .budgie-panel .pinned .osd toolbar button.launcher.running:active, + .osd toolbar .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned toolbar.osd button.launcher.running:active, + toolbar.osd .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned .app-notification button.launcher.running:active, + .app-notification .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:active, + GeditViewFrame .gedit-search-slider .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned toolbar button.launcher.running:active, + toolbar .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned .titlebar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:active, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:active, + .left .budgie-panel .pinned menu > arrow.launcher.running:active, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:active, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:active, + .left .budgie-panel .pinned .ssd decoration button.launcher.running:active, + .ssd decoration .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:active, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:active, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:active, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:active, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:active, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:active, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned layouttabbar button.launcher.running:active, + layouttabbar .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned layouttab button.launcher.running:active, + layouttab .left .budgie-panel .pinned button.launcher.running:active, + .left .budgie-panel .pinned button.flat.launcher.running:checked, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:checked, + .left .budgie-panel .pinned .osd toolbar button.launcher.running:checked, + .osd toolbar .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned toolbar.osd button.launcher.running:checked, + toolbar.osd .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned .app-notification button.launcher.running:checked, + .app-notification .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:checked, + GeditViewFrame .gedit-search-slider .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned toolbar button.launcher.running:checked, + toolbar .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned .titlebar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:checked, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:checked, + .left .budgie-panel .pinned menu > arrow.launcher.running:checked, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:checked, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:checked, + .left .budgie-panel .pinned .ssd decoration button.launcher.running:checked, + .ssd decoration .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:checked, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:checked, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:checked, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:checked, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned layouttabbar button.launcher.running:checked, + layouttabbar .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned layouttab button.launcher.running:checked, + layouttab .left .budgie-panel .pinned button.launcher.running:checked, + .left .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .left .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:hover, + .osd toolbar .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:hover, + toolbar.osd .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned .app-notification button.launcher.running:backdrop:hover, + .app-notification .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:hover, + GeditViewFrame .gedit-search-slider .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned toolbar button.launcher.running:backdrop:hover, + toolbar .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .left .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .left .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:hover, + .ssd decoration .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .left .budgie-panel .pinned button.launcher.running:backdrop:hover, + .left .budgie-panel .pinned button.flat.launcher.running:backdrop:active, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:active, + .left .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:active, + .osd toolbar .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:active, + toolbar.osd .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned .app-notification button.launcher.running:backdrop:active, + .app-notification .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:active, + GeditViewFrame .gedit-search-slider .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned toolbar button.launcher.running:backdrop:active, + toolbar .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned .titlebar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:active, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:active, + .left .budgie-panel .pinned menu > arrow.launcher.running:backdrop:active, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:active, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:backdrop:active, + .left .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:active, + .ssd decoration .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:active, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:active, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:active, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:active, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:active, + layouttabbar .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned layouttab button.launcher.running:backdrop:active, + layouttab .left .budgie-panel .pinned button.launcher.running:backdrop:active, + .left .budgie-panel .pinned button.flat.launcher.running:backdrop:checked, + .left .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:checked, + .left .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:checked, + .osd toolbar .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:checked, + toolbar.osd .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned .app-notification button.launcher.running:backdrop:checked, + .app-notification .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:checked, + GeditViewFrame .gedit-search-slider .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned toolbar button.launcher.running:backdrop:checked, + toolbar .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned .titlebar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .left .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned headerbar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .left .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .left .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:checked, + .left .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:checked, + .left .budgie-panel .pinned menu > arrow.launcher.running:backdrop:checked, + .left .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:checked, + placessidebar row .left .budgie-panel .pinned button.launcher.running.image-button:backdrop:checked, + .left .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:checked, + .ssd decoration .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:checked, + .csd headerbar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .left .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:checked, + .csd .titlebar .left .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .left .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:checked, + #gf-candidate-popup .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:checked, + window > grid.vertical > box.vertical > widget .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:checked, + layouttabbar .left .budgie-panel .pinned button.launcher.running:backdrop:checked, + .left .budgie-panel .pinned layouttab button.launcher.running:backdrop:checked, + layouttab .left .budgie-panel .pinned button.launcher.running:backdrop:checked { + border-left: 2px solid #E8E8E8; + border-image: none; } + +.right .budgie-panel .unpinned button.flat.launcher, .right .budgie-panel .unpinned button.launcher.osd.image-button, .right .budgie-panel .unpinned .osd toolbar button.launcher, .osd toolbar .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned toolbar.osd button.launcher, toolbar.osd .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned .app-notification button.launcher, .app-notification .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher, GeditViewFrame .gedit-search-slider .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned toolbar button.launcher, toolbar .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned .titlebar button.launcher:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .unpinned headerbar button.launcher:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel .unpinned button.launcher:not(.suggested-action):not(.destructive-action), .right .budgie-panel .unpinned .menu > arrow.launcher, +.right .budgie-panel .unpinned .context-menu > arrow.launcher, +.right .budgie-panel .unpinned menu > arrow.launcher, .right .budgie-panel .unpinned placessidebar row button.launcher.image-button, placessidebar row .right .budgie-panel .unpinned button.launcher.image-button, .right .budgie-panel .unpinned .ssd decoration button.launcher, .ssd decoration .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton, .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton, +.right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton, +.csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton, .right .budgie-panel .unpinned #gf-candidate-popup button.launcher, #gf-candidate-popup .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher, window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned layouttabbar button.launcher, layouttabbar .right .budgie-panel .unpinned button.launcher, .right .budgie-panel .unpinned layouttab button.launcher, layouttab .right .budgie-panel .unpinned button.launcher, +.right .budgie-panel .unpinned button.flat.launcher:backdrop, +.right .budgie-panel .unpinned button.launcher.osd.image-button:backdrop, +.right .budgie-panel .unpinned .osd toolbar button.launcher:backdrop, +.osd toolbar .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned toolbar.osd button.launcher:backdrop, +toolbar.osd .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned .app-notification button.launcher:backdrop, +.app-notification .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop, +GeditViewFrame .gedit-search-slider .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned toolbar button.launcher:backdrop, +toolbar .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned .titlebar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .right .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .unpinned headerbar button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel .unpinned button.launcher:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .unpinned .menu > arrow.launcher:backdrop, +.right .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop, +.right .budgie-panel .unpinned menu > arrow.launcher:backdrop, +.right .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop, +placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:backdrop, +.right .budgie-panel .unpinned .ssd decoration button.launcher:backdrop, +.ssd decoration .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop, +.csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop, +.csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop, +.right .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop, +#gf-candidate-popup .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop, +window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned layouttabbar button.launcher:backdrop, +layouttabbar .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .unpinned layouttab button.launcher:backdrop, +layouttab .right .budgie-panel .unpinned button.launcher:backdrop, +.right .budgie-panel .pinned button.flat.launcher.running, +.right .budgie-panel .pinned button.launcher.running.osd.image-button, +.right .budgie-panel .pinned .osd toolbar button.launcher.running, +.osd toolbar .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned toolbar.osd button.launcher.running, +toolbar.osd .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned .app-notification button.launcher.running, +.app-notification .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running, +GeditViewFrame .gedit-search-slider .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned toolbar button.launcher.running, +toolbar .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned .titlebar button.launcher.running:not(.suggested-action):not(.destructive-action), +.titlebar .right .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .pinned headerbar button.launcher.running:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel .pinned button.launcher.running:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .pinned .menu > arrow.launcher.running, +.right .budgie-panel .pinned .context-menu > arrow.launcher.running, +.right .budgie-panel .pinned menu > arrow.launcher.running, +.right .budgie-panel .pinned placessidebar row button.launcher.running.image-button, +placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button, +.right .budgie-panel .pinned .ssd decoration button.launcher.running, +.ssd decoration .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton, +.csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton, +.right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton, +.csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton, +.right .budgie-panel .pinned #gf-candidate-popup button.launcher.running, +#gf-candidate-popup .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running, +window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned layouttabbar button.launcher.running, +layouttabbar .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned layouttab button.launcher.running, +layouttab .right .budgie-panel .pinned button.launcher.running, +.right .budgie-panel .pinned button.flat.launcher.running:backdrop, +.right .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop, +.right .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop, +.osd toolbar .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop, +toolbar.osd .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned .app-notification button.launcher.running:backdrop, +.app-notification .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop, +GeditViewFrame .gedit-search-slider .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned toolbar button.launcher.running:backdrop, +toolbar .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned .titlebar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.titlebar .right .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .pinned headerbar button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +headerbar .right .budgie-panel .pinned button.launcher.running:backdrop:not(.suggested-action):not(.destructive-action), +.right .budgie-panel .pinned .menu > arrow.launcher.running:backdrop, +.right .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop, +.right .budgie-panel .pinned menu > arrow.launcher.running:backdrop, +.right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop, +placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:backdrop, +.right .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop, +.ssd decoration .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop, +.csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop, +.csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop, +.right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop, +#gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop, +window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned layouttabbar button.launcher.running:backdrop, +layouttabbar .right .budgie-panel .pinned button.launcher.running:backdrop, +.right .budgie-panel .pinned layouttab button.launcher.running:backdrop, +layouttab .right .budgie-panel .pinned button.launcher.running:backdrop { + border: 2px solid transparent; + border-image: -gtk-scaled(url("assets/running-dot-right.png"), url("assets/running-dot-right@2.png")) 2/2px; } + .right .budgie-panel .unpinned button.flat.launcher:hover, .right .budgie-panel .unpinned button.launcher.osd.image-button:hover, .right .budgie-panel .unpinned .osd toolbar button.launcher:hover, .osd toolbar .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned toolbar.osd button.launcher:hover, toolbar.osd .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned .app-notification button.launcher:hover, .app-notification .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:hover, GeditViewFrame .gedit-search-slider .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned toolbar button.launcher:hover, toolbar .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned .titlebar button.launcher:hover:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:hover:not(.suggested-action):not(.destructive-action), .right .budgie-panel .unpinned .menu > arrow.launcher:hover, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:hover, + .right .budgie-panel .unpinned menu > arrow.launcher:hover, .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:hover, placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:hover, .right .budgie-panel .unpinned .ssd decoration button.launcher:hover, .ssd decoration .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:hover, .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:hover, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:hover, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:hover, .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:hover, #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:hover, window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned layouttabbar button.launcher:hover, layouttabbar .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned layouttab button.launcher:hover, layouttab .right .budgie-panel .unpinned button.launcher:hover, .right .budgie-panel .unpinned button.flat.launcher:active, .right .budgie-panel .unpinned button.launcher.osd.image-button:active, .right .budgie-panel .unpinned .osd toolbar button.launcher:active, .osd toolbar .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned toolbar.osd button.launcher:active, toolbar.osd .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned .app-notification button.launcher:active, .app-notification .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:active, GeditViewFrame .gedit-search-slider .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned toolbar button.launcher:active, toolbar .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned .titlebar button.launcher:active:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:active:not(.suggested-action):not(.destructive-action), .right .budgie-panel .unpinned .menu > arrow.launcher:active, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:active, + .right .budgie-panel .unpinned menu > arrow.launcher:active, .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:active, placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:active, .right .budgie-panel .unpinned .ssd decoration button.launcher:active, .ssd decoration .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:active, .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:active, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:active, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:active, .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:active, #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:active, window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned layouttabbar button.launcher:active, layouttabbar .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned layouttab button.launcher:active, layouttab .right .budgie-panel .unpinned button.launcher:active, .right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .unpinned button.launcher.osd.image-button:checked, .right .budgie-panel .unpinned .osd toolbar button.launcher:checked, .osd toolbar .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned toolbar.osd button.launcher:checked, toolbar.osd .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned .app-notification button.launcher:checked, .app-notification .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:checked, GeditViewFrame .gedit-search-slider .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned toolbar button.launcher:checked, toolbar .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned .titlebar button.launcher:checked:not(.suggested-action):not(.destructive-action), .titlebar .right .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:checked:not(.suggested-action):not(.destructive-action), .right .budgie-panel .unpinned .menu > arrow.launcher:checked, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:checked, + .right .budgie-panel .unpinned menu > arrow.launcher:checked, .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:checked, placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:checked, .right .budgie-panel .unpinned .ssd decoration button.launcher:checked, .ssd decoration .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:checked, .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:checked, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:checked, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:checked, .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:checked, #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:checked, window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned layouttabbar button.launcher:checked, layouttabbar .right .budgie-panel .unpinned button.launcher:checked, .right .budgie-panel .unpinned layouttab button.launcher:checked, layouttab .right .budgie-panel .unpinned button.launcher:checked, + .right .budgie-panel .unpinned button.flat.launcher:backdrop:hover, + .right .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:hover, + .right .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:hover, + .osd toolbar .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:hover, + toolbar.osd .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned .app-notification button.launcher:backdrop:hover, + .app-notification .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:hover, + GeditViewFrame .gedit-search-slider .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned toolbar button.launcher:backdrop:hover, + toolbar .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned .titlebar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned .menu > arrow.launcher:backdrop:hover, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:hover, + .right .budgie-panel .unpinned menu > arrow.launcher:backdrop:hover, + .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:hover, + placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:backdrop:hover, + .right .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:hover, + .ssd decoration .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:hover, + .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:hover, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:hover, + .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:hover, + #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:hover, + window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned layouttabbar button.launcher:backdrop:hover, + layouttabbar .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned layouttab button.launcher:backdrop:hover, + layouttab .right .budgie-panel .unpinned button.launcher:backdrop:hover, + .right .budgie-panel .unpinned button.flat.launcher:backdrop:active, + .right .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:active, + .right .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:active, + .osd toolbar .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:active, + toolbar.osd .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned .app-notification button.launcher:backdrop:active, + .app-notification .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:active, + GeditViewFrame .gedit-search-slider .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned toolbar button.launcher:backdrop:active, + toolbar .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned .titlebar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned .menu > arrow.launcher:backdrop:active, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:active, + .right .budgie-panel .unpinned menu > arrow.launcher:backdrop:active, + .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:active, + placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:backdrop:active, + .right .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:active, + .ssd decoration .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:active, + .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:active, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:active, + .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:active, + #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:active, + window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned layouttabbar button.launcher:backdrop:active, + layouttabbar .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned layouttab button.launcher:backdrop:active, + layouttab .right .budgie-panel .unpinned button.launcher:backdrop:active, + .right .budgie-panel .unpinned button.flat.launcher:backdrop:checked, + .right .budgie-panel .unpinned button.launcher.osd.image-button:backdrop:checked, + .right .budgie-panel .unpinned .osd toolbar button.launcher:backdrop:checked, + .osd toolbar .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned toolbar.osd button.launcher:backdrop:checked, + toolbar.osd .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned .app-notification button.launcher:backdrop:checked, + .app-notification .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned GeditViewFrame .gedit-search-slider button.launcher:backdrop:checked, + GeditViewFrame .gedit-search-slider .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned toolbar button.launcher:backdrop:checked, + toolbar .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned .titlebar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned headerbar button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .unpinned button.launcher:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .unpinned .menu > arrow.launcher:backdrop:checked, + .right .budgie-panel .unpinned .context-menu > arrow.launcher:backdrop:checked, + .right .budgie-panel .unpinned menu > arrow.launcher:backdrop:checked, + .right .budgie-panel .unpinned placessidebar row button.launcher.image-button:backdrop:checked, + placessidebar row .right .budgie-panel .unpinned button.launcher.image-button:backdrop:checked, + .right .budgie-panel .unpinned .ssd decoration button.launcher:backdrop:checked, + .ssd decoration .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned .csd headerbar button.launcher.titlebutton:backdrop:checked, + .csd headerbar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .right .budgie-panel .unpinned .csd .titlebar button.launcher.titlebutton:backdrop:checked, + .csd .titlebar .right .budgie-panel .unpinned button.launcher.titlebutton:backdrop:checked, + .right .budgie-panel .unpinned #gf-candidate-popup button.launcher:backdrop:checked, + #gf-candidate-popup .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned window > grid.vertical > box.vertical > widget button.launcher:backdrop:checked, + window > grid.vertical > box.vertical > widget .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned layouttabbar button.launcher:backdrop:checked, + layouttabbar .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .unpinned layouttab button.launcher:backdrop:checked, + layouttab .right .budgie-panel .unpinned button.launcher:backdrop:checked, + .right .budgie-panel .pinned button.flat.launcher.running:hover, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:hover, + .right .budgie-panel .pinned .osd toolbar button.launcher.running:hover, + .osd toolbar .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned toolbar.osd button.launcher.running:hover, + toolbar.osd .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned .app-notification button.launcher.running:hover, + .app-notification .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:hover, + GeditViewFrame .gedit-search-slider .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned toolbar button.launcher.running:hover, + toolbar .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned .titlebar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:hover, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:hover, + .right .budgie-panel .pinned menu > arrow.launcher.running:hover, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:hover, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:hover, + .right .budgie-panel .pinned .ssd decoration button.launcher.running:hover, + .ssd decoration .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:hover, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:hover, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:hover, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:hover, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:hover, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned layouttabbar button.launcher.running:hover, + layouttabbar .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned layouttab button.launcher.running:hover, + layouttab .right .budgie-panel .pinned button.launcher.running:hover, + .right .budgie-panel .pinned button.flat.launcher.running:active, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:active, + .right .budgie-panel .pinned .osd toolbar button.launcher.running:active, + .osd toolbar .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned toolbar.osd button.launcher.running:active, + toolbar.osd .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned .app-notification button.launcher.running:active, + .app-notification .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:active, + GeditViewFrame .gedit-search-slider .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned toolbar button.launcher.running:active, + toolbar .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned .titlebar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:active, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:active, + .right .budgie-panel .pinned menu > arrow.launcher.running:active, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:active, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:active, + .right .budgie-panel .pinned .ssd decoration button.launcher.running:active, + .ssd decoration .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:active, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:active, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:active, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:active, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:active, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:active, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned layouttabbar button.launcher.running:active, + layouttabbar .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned layouttab button.launcher.running:active, + layouttab .right .budgie-panel .pinned button.launcher.running:active, + .right .budgie-panel .pinned button.flat.launcher.running:checked, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:checked, + .right .budgie-panel .pinned .osd toolbar button.launcher.running:checked, + .osd toolbar .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned toolbar.osd button.launcher.running:checked, + toolbar.osd .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned .app-notification button.launcher.running:checked, + .app-notification .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:checked, + GeditViewFrame .gedit-search-slider .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned toolbar button.launcher.running:checked, + toolbar .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned .titlebar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:checked, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:checked, + .right .budgie-panel .pinned menu > arrow.launcher.running:checked, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:checked, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:checked, + .right .budgie-panel .pinned .ssd decoration button.launcher.running:checked, + .ssd decoration .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:checked, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:checked, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:checked, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:checked, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:checked, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned layouttabbar button.launcher.running:checked, + layouttabbar .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned layouttab button.launcher.running:checked, + layouttab .right .budgie-panel .pinned button.launcher.running:checked, + .right .budgie-panel .pinned button.flat.launcher.running:backdrop:hover, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:hover, + .right .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:hover, + .osd toolbar .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:hover, + toolbar.osd .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned .app-notification button.launcher.running:backdrop:hover, + .app-notification .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:hover, + GeditViewFrame .gedit-search-slider .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned toolbar button.launcher.running:backdrop:hover, + toolbar .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned .titlebar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:backdrop:hover:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:hover, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:hover, + .right .budgie-panel .pinned menu > arrow.launcher.running:backdrop:hover, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:hover, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:backdrop:hover, + .right .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:hover, + .ssd decoration .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:hover, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:hover, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:hover, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:hover, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:hover, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:hover, + layouttabbar .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned layouttab button.launcher.running:backdrop:hover, + layouttab .right .budgie-panel .pinned button.launcher.running:backdrop:hover, + .right .budgie-panel .pinned button.flat.launcher.running:backdrop:active, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:active, + .right .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:active, + .osd toolbar .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:active, + toolbar.osd .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned .app-notification button.launcher.running:backdrop:active, + .app-notification .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:active, + GeditViewFrame .gedit-search-slider .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned toolbar button.launcher.running:backdrop:active, + toolbar .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned .titlebar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:backdrop:active:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:active, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:active, + .right .budgie-panel .pinned menu > arrow.launcher.running:backdrop:active, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:active, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:backdrop:active, + .right .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:active, + .ssd decoration .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:active, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:active, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:active, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:active, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:active, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:active, + layouttabbar .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned layouttab button.launcher.running:backdrop:active, + layouttab .right .budgie-panel .pinned button.launcher.running:backdrop:active, + .right .budgie-panel .pinned button.flat.launcher.running:backdrop:checked, + .right .budgie-panel .pinned button.launcher.running.osd.image-button:backdrop:checked, + .right .budgie-panel .pinned .osd toolbar button.launcher.running:backdrop:checked, + .osd toolbar .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned toolbar.osd button.launcher.running:backdrop:checked, + toolbar.osd .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned .app-notification button.launcher.running:backdrop:checked, + .app-notification .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned GeditViewFrame .gedit-search-slider button.launcher.running:backdrop:checked, + GeditViewFrame .gedit-search-slider .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned toolbar button.launcher.running:backdrop:checked, + toolbar .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned .titlebar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .titlebar .right .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned headerbar button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + headerbar .right .budgie-panel .pinned button.launcher.running:backdrop:checked:not(.suggested-action):not(.destructive-action), + .right .budgie-panel .pinned .menu > arrow.launcher.running:backdrop:checked, + .right .budgie-panel .pinned .context-menu > arrow.launcher.running:backdrop:checked, + .right .budgie-panel .pinned menu > arrow.launcher.running:backdrop:checked, + .right .budgie-panel .pinned placessidebar row button.launcher.running.image-button:backdrop:checked, + placessidebar row .right .budgie-panel .pinned button.launcher.running.image-button:backdrop:checked, + .right .budgie-panel .pinned .ssd decoration button.launcher.running:backdrop:checked, + .ssd decoration .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned .csd headerbar button.launcher.running.titlebutton:backdrop:checked, + .csd headerbar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .right .budgie-panel .pinned .csd .titlebar button.launcher.running.titlebutton:backdrop:checked, + .csd .titlebar .right .budgie-panel .pinned button.launcher.running.titlebutton:backdrop:checked, + .right .budgie-panel .pinned #gf-candidate-popup button.launcher.running:backdrop:checked, + #gf-candidate-popup .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned window > grid.vertical > box.vertical > widget button.launcher.running:backdrop:checked, + window > grid.vertical > box.vertical > widget .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned layouttabbar button.launcher.running:backdrop:checked, + layouttabbar .right .budgie-panel .pinned button.launcher.running:backdrop:checked, + .right .budgie-panel .pinned layouttab button.launcher.running:backdrop:checked, + layouttab .right .budgie-panel .pinned button.launcher.running:backdrop:checked { + border-right: 2px solid #E8E8E8; + border-image: none; } + +.budgie-menu { + border-radius: 2px; + background-color: #fdfdfe; } + .budgie-menu scrolledwindow, .budgie-menu placessidebar, + .budgie-menu list, + .budgie-menu row, + .budgie-menu scrollbar { + min-width: 0; + min-height: 0; + border: none; + background: none; + box-shadow: none; } + .budgie-menu row, .budgie-menu row.activatable, .budgie-menu .view, .budgie-menu iconview, + .budgie-menu .view text, + .view .budgie-menu text, + .budgie-menu iconview text, + iconview .budgie-menu text, + .budgie-menu textview text, + textview .budgie-menu text, .budgie-menu treeview.view header button, treeview.view header .budgie-menu button, .budgie-menu .tweak-category header button, .tweak-category header .budgie-menu button { + background-image: none; + background-color: #fdfdfe; + color: rgba(38, 50, 56, 0.75); + transition: none; } + .budgie-menu row image, .budgie-menu row.activatable image, .budgie-menu .view image, .budgie-menu iconview image, + .budgie-menu .view text image, + .view .budgie-menu text image, + .budgie-menu iconview text image, + iconview .budgie-menu text image, + .budgie-menu textview text image, + textview .budgie-menu text image, .budgie-menu treeview.view header button image, treeview.view header .budgie-menu button image, .budgie-menu .tweak-category header button image, .tweak-category header .budgie-menu button image { + padding: 0.3985rem 0 0.50376rem; } + .budgie-menu row:hover, .budgie-menu row.activatable:hover, .budgie-menu .view:hover, .budgie-menu iconview:hover, + .budgie-menu .view text:hover, + .view .budgie-menu text:hover, + .budgie-menu iconview text:hover, + iconview .budgie-menu text:hover, + .budgie-menu textview text:hover, + textview .budgie-menu text:hover, .budgie-menu treeview.view header button:hover, treeview.view header .budgie-menu button:hover, .budgie-menu .tweak-category header button:hover, .tweak-category header .budgie-menu button:hover { + background-image: none; + background-color: #fdfdfe; + color: #263238; + transition: none; } + .budgie-menu scrolledwindow undershoot.top, .budgie-menu placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to top, rgba(253, 253, 254, 0.01), rgba(253, 253, 254, 0.04), rgba(253, 253, 254, 0.2), rgba(253, 253, 254, 0.44), rgba(253, 253, 254, 0.94)); + padding-top: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } + .budgie-menu scrolledwindow undershoot.bottom, .budgie-menu placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(253, 253, 254, 0.01), rgba(253, 253, 254, 0.04), rgba(253, 253, 254, 0.2), rgba(253, 253, 254, 0.44), rgba(253, 253, 254, 0.94)); + padding-bottom: 0; + background-size: 16px 32px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } + .budgie-menu scrolledwindow undershoot.left, .budgie-menu placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to left, rgba(253, 253, 254, 0.01), rgba(253, 253, 254, 0.04), rgba(253, 253, 254, 0.2), rgba(253, 253, 254, 0.44), rgba(253, 253, 254, 0.94)); + padding-left: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } + .budgie-menu scrolledwindow undershoot.right, .budgie-menu placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to right, rgba(253, 253, 254, 0.01), rgba(253, 253, 254, 0.04), rgba(253, 253, 254, 0.2), rgba(253, 253, 254, 0.44), rgba(253, 253, 254, 0.94)); + padding-right: 0; + background-size: 32px 16px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +.raven-frame { + border: none; } + +.raven { + margin: -1px; + padding: 0; + border: none; + color: rgba(38, 50, 56, 0.75); + background-color: rgba(229, 233, 236, 0.9); } + .raven:dir(ltr) { + box-shadow: -1px 0 1px rgba(0, 0, 0, 0.12); } + .raven:dir(rtl) { + box-shadow: 1px 0 1px rgba(0, 0, 0, 0.12); } + .raven .raven-header { + border: none; + color: rgba(38, 50, 56, 0.5); + background-color: transparent; + font-weight: 700; } + .raven .raven-background { + border-width: 1px 0 0; + border-style: solid none none; + border-color: rgba(0, 0, 0, 0.09); + background-color: transparent; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } + .raven .powerstrip { + border-top: 1px solid rgba(0, 0, 0, 0.09); + background-color: #FFFFFF; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } + .raven .powerstrip button { + padding: 1rem; + color: #E8E8E8; } + .raven .powerstrip button:hover, .raven .powerstrip button:active, .raven .powerstrip button:checked { + color: #E8E8E8; } + .raven .powerstrip button:disabled { + color: #E8E8E8; } + .raven .option-subtitle { + color: rgba(38, 50, 56, 0.225); + font-size: 90%; } + .raven scrolledwindow, .raven placessidebar { + background: transparent; } + .raven list, + .raven row, + .raven row.activatable, + .raven .view, + .raven iconview, + .raven .view text, + .view .raven text, + .raven iconview text, + iconview .raven text, + .raven textview text, + textview .raven text, + .raven treeview.view header button, + treeview.view header .raven button, + .raven .tweak-category header button, + .tweak-category header .raven button { + background-color: transparent; } + .raven list:not(.list):hover, + .raven row:not(.list):hover, + .raven row.activatable:not(.list):hover, + .raven .view:not(.list):hover, + .raven iconview:not(.list):hover, + .raven .view text:not(.list):hover, + .view .raven text:not(.list):hover, + .raven iconview text:not(.list):hover, + iconview .raven text:not(.list):hover, + .raven textview text:not(.list):hover, + textview .raven text:not(.list):hover, + .raven treeview.view header button:not(.list):hover, + treeview.view header .raven button:not(.list):hover, + .raven .tweak-category header button:not(.list):hover, + .tweak-category header .raven button:not(.list):hover { + color: #263238; } + .raven list:not(.list):selected, .raven list:not(.list):selected label, + .raven row:not(.list):selected, + .raven row:not(.list):selected label, + .raven row.activatable:not(.list):selected, + .raven .view:not(.list):selected, + .raven iconview:not(.list):selected, + .raven .view text:not(.list):selected, + .view .raven text:not(.list):selected, + .raven iconview text:not(.list):selected, + iconview .raven text:not(.list):selected, + .raven textview text:not(.list):selected, + textview .raven text:not(.list):selected, + .raven treeview.view header button:not(.list):selected, + treeview.view header .raven button:not(.list):selected, + .raven .tweak-category header button:not(.list):selected, + .tweak-category header .raven button:not(.list):selected, + .raven row.activatable:not(.list):selected label, + .raven .view:not(.list):selected label, + .raven iconview:not(.list):selected label, + .raven .view text:not(.list):selected label, + .view .raven text:not(.list):selected label, + .raven iconview text:not(.list):selected label, + iconview .raven text:not(.list):selected label, + .raven textview text:not(.list):selected label, + textview .raven text:not(.list):selected label, + .raven treeview.view header button:not(.list):selected label, + treeview.view header .raven button:not(.list):selected label, + .raven .tweak-category header button:not(.list):selected label, + .tweak-category header .raven button:not(.list):selected label { + color: #E8E8E8; } + .raven list:not(.list):selected:hover, + .raven row:not(.list):selected:hover, + .raven row.activatable:not(.list):selected:hover, + .raven .view:not(.list):selected:hover, + .raven iconview:not(.list):selected:hover, + .raven .view text:not(.list):selected:hover, + .view .raven text:not(.list):selected:hover, + .raven iconview text:not(.list):selected:hover, + iconview .raven text:not(.list):selected:hover, + .raven textview text:not(.list):selected:hover, + textview .raven text:not(.list):selected:hover, + .raven treeview.view header button:not(.list):selected:hover, + treeview.view header .raven button:not(.list):selected:hover, + .raven .tweak-category header button:not(.list):selected:hover, + .tweak-category header .raven button:not(.list):selected:hover { + background-color: rgba(0, 188, 212, 0.1); } + .raven list separator, + .raven row separator, + .raven row.activatable separator, + .raven .view separator, + .raven iconview separator, + .raven .view text separator, + .view .raven text separator, + .raven iconview text separator, + iconview .raven text separator, + .raven textview text separator, + textview .raven text separator, + .raven treeview.view header button separator, + treeview.view header .raven button separator, + .raven .tweak-category header button separator, + .tweak-category header .raven button separator { + min-height: 1px; + min-width: 1px; + margin-bottom: 0.50376rem; + border: none; + color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 -1px rgba(38, 50, 56, 0.165); } + .raven button.image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); } + .raven button.image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + -gtk-icon-effect: highlight; } + .raven button.image-button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } + .raven button.image-button:disabled { + box-shadow: none; + background-color: transparent; } + .raven button.image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; } + .raven button.image-button:checked:disabled > label { + color: inherit; } + .raven .raven-header > .linked { + margin: 0 0.80451rem; } + .raven .raven-header > button.text-button { + min-height: 1rem; + min-width: 1rem; + padding: 0.69925rem 0.80451rem 0.80451rem; + color: rgba(255, 255, 255, 0.85); + background-color: #E8E8E8; } + .raven .raven-header > button.text-button:hover { + color: #FFFFFF; } + .raven .raven-header > button.text-button:active { + color: #FFFFFF; + background-color: #E8E8E8; } + .raven .raven-header > button.text-button:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #33aba0; } + .raven .raven-header > button.text-button:disabled { + box-shadow: none; + background-color: transparent; } + .raven .raven-header button.flat.expander-button, .raven .raven-header button.expander-button.osd.image-button, .raven .raven-header .osd toolbar button.expander-button, .osd toolbar .raven .raven-header button.expander-button, .raven .raven-header toolbar.osd button.expander-button, toolbar.osd .raven .raven-header button.expander-button, .raven .raven-header .app-notification button.expander-button, .app-notification .raven .raven-header button.expander-button, .raven .raven-header GeditViewFrame .gedit-search-slider button.expander-button, GeditViewFrame .gedit-search-slider .raven .raven-header button.expander-button, .raven .raven-header toolbar button.expander-button, toolbar .raven .raven-header button.expander-button, .raven .raven-header .titlebar button.expander-button:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header button.expander-button:not(.suggested-action):not(.destructive-action), + .raven .raven-header headerbar button.expander-button:not(.suggested-action):not(.destructive-action), + headerbar .raven .raven-header button.expander-button:not(.suggested-action):not(.destructive-action), .raven .raven-header .menu > arrow.expander-button, + .raven .raven-header .context-menu > arrow.expander-button, + .raven .raven-header menu > arrow.expander-button, .raven .raven-header placessidebar row button.expander-button.image-button, placessidebar row .raven .raven-header button.expander-button.image-button, .raven .raven-header .ssd decoration button.expander-button, .ssd decoration .raven .raven-header button.expander-button, .raven .raven-header .csd headerbar button.expander-button.titlebutton, .csd headerbar .raven .raven-header button.expander-button.titlebutton, + .raven .raven-header .csd .titlebar button.expander-button.titlebutton, + .csd .titlebar .raven .raven-header button.expander-button.titlebutton, .raven .raven-header #gf-candidate-popup button.expander-button, #gf-candidate-popup .raven .raven-header button.expander-button, .raven .raven-header window > grid.vertical > box.vertical > widget button.expander-button, window > grid.vertical > box.vertical > widget .raven .raven-header button.expander-button, .raven .raven-header layouttabbar button.expander-button, layouttabbar .raven .raven-header button.expander-button, .raven .raven-header layouttab button.expander-button, layouttab .raven .raven-header button.expander-button { + min-width: 1rem; + min-height: 1rem; + padding: 0.80451rem; + border-radius: 100px; + -gtk-outline-radius: 100px; + color: rgba(38, 50, 56, 0.5); } + .raven .raven-header button.flat.expander-button:hover, .raven .raven-header button.expander-button.osd.image-button:hover, .raven .raven-header .osd toolbar button.expander-button:hover, .osd toolbar .raven .raven-header button.expander-button:hover, .raven .raven-header toolbar.osd button.expander-button:hover, toolbar.osd .raven .raven-header button.expander-button:hover, .raven .raven-header .app-notification button.expander-button:hover, .app-notification .raven .raven-header button.expander-button:hover, .raven .raven-header GeditViewFrame .gedit-search-slider button.expander-button:hover, GeditViewFrame .gedit-search-slider .raven .raven-header button.expander-button:hover, .raven .raven-header toolbar button.expander-button:hover, toolbar .raven .raven-header button.expander-button:hover, .raven .raven-header .titlebar button.expander-button:hover:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header button.expander-button:hover:not(.suggested-action):not(.destructive-action), + .raven .raven-header headerbar button.expander-button:hover:not(.suggested-action):not(.destructive-action), + headerbar .raven .raven-header button.expander-button:hover:not(.suggested-action):not(.destructive-action), .raven .raven-header .menu > arrow.expander-button:hover, + .raven .raven-header .context-menu > arrow.expander-button:hover, + .raven .raven-header menu > arrow.expander-button:hover, .raven .raven-header placessidebar row button.expander-button.image-button:hover, placessidebar row .raven .raven-header button.expander-button.image-button:hover, .raven .raven-header .ssd decoration button.expander-button:hover, .ssd decoration .raven .raven-header button.expander-button:hover, .raven .raven-header .csd headerbar button.expander-button.titlebutton:hover, .csd headerbar .raven .raven-header button.expander-button.titlebutton:hover, + .raven .raven-header .csd .titlebar button.expander-button.titlebutton:hover, + .csd .titlebar .raven .raven-header button.expander-button.titlebutton:hover, .raven .raven-header #gf-candidate-popup button.expander-button:hover, #gf-candidate-popup .raven .raven-header button.expander-button:hover, .raven .raven-header window > grid.vertical > box.vertical > widget button.expander-button:hover, window > grid.vertical > box.vertical > widget .raven .raven-header button.expander-button:hover, .raven .raven-header layouttabbar button.expander-button:hover, layouttabbar .raven .raven-header button.expander-button:hover, .raven .raven-header layouttab button.expander-button:hover, layouttab .raven .raven-header button.expander-button:hover, .raven .raven-header button.flat.expander-button:active, .raven .raven-header button.expander-button.osd.image-button:active, .raven .raven-header .osd toolbar button.expander-button:active, .osd toolbar .raven .raven-header button.expander-button:active, .raven .raven-header toolbar.osd button.expander-button:active, toolbar.osd .raven .raven-header button.expander-button:active, .raven .raven-header .app-notification button.expander-button:active, .app-notification .raven .raven-header button.expander-button:active, .raven .raven-header GeditViewFrame .gedit-search-slider button.expander-button:active, GeditViewFrame .gedit-search-slider .raven .raven-header button.expander-button:active, .raven .raven-header toolbar button.expander-button:active, toolbar .raven .raven-header button.expander-button:active, .raven .raven-header .titlebar button.expander-button:active:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header button.expander-button:active:not(.suggested-action):not(.destructive-action), + .raven .raven-header headerbar button.expander-button:active:not(.suggested-action):not(.destructive-action), + headerbar .raven .raven-header button.expander-button:active:not(.suggested-action):not(.destructive-action), .raven .raven-header .menu > arrow.expander-button:active, + .raven .raven-header .context-menu > arrow.expander-button:active, + .raven .raven-header menu > arrow.expander-button:active, .raven .raven-header placessidebar row button.expander-button.image-button:active, placessidebar row .raven .raven-header button.expander-button.image-button:active, .raven .raven-header .ssd decoration button.expander-button:active, .ssd decoration .raven .raven-header button.expander-button:active, .raven .raven-header .csd headerbar button.expander-button.titlebutton:active, .csd headerbar .raven .raven-header button.expander-button.titlebutton:active, + .raven .raven-header .csd .titlebar button.expander-button.titlebutton:active, + .csd .titlebar .raven .raven-header button.expander-button.titlebutton:active, .raven .raven-header #gf-candidate-popup button.expander-button:active, #gf-candidate-popup .raven .raven-header button.expander-button:active, .raven .raven-header window > grid.vertical > box.vertical > widget button.expander-button:active, window > grid.vertical > box.vertical > widget .raven .raven-header button.expander-button:active, .raven .raven-header layouttabbar button.expander-button:active, layouttabbar .raven .raven-header button.expander-button:active, .raven .raven-header layouttab button.expander-button:active, layouttab .raven .raven-header button.expander-button:active { + color: #263238; } + .raven calendar { + border: none; + background-color: transparent; } + .raven undershoot.top, .raven undershoot.bottom, .raven undershoot.left, .raven undershoot.right { + background-image: none; } + +.raven-mpris { + border: none; + color: #263238; + background-color: rgba(229, 233, 236, 0.9); } + .raven-mpris button.image-button { + padding: 0.6015rem; } + +.budgie-notification-window { + border-radius: 2px; + background: none; } + +.budgie-notification.background { + border-radius: 2px; } +.budgie-notification .notification-title { + color: rgba(38, 50, 56, 0.75); + font-size: 110%; + font-weight: 500; } +.budgie-notification .notification-body { + color: #263238; } + +.background.csd.budgie-run-dialog { + border: 1px solid rgba(0, 0, 0, 0.09); + border-top-color: rgba(255, 255, 255, 0.07); + background-color: transparent; } + .background.csd.budgie-run-dialog decoration { + border-radius: 2px; + background-color: rgba(229, 233, 236, 0.9); } + .background.csd.budgie-run-dialog decoration headerbar { + border-radius: 2px; } + .background.csd.budgie-run-dialog scrolledwindow, .background.csd.budgie-run-dialog placessidebar { + border-image: none; } + .background.csd.budgie-run-dialog scrolledwindow undershoot.top, .background.csd.budgie-run-dialog placessidebar undershoot.top, .background.csd.budgie-run-dialog scrolledwindow undershoot.bottom, .background.csd.budgie-run-dialog placessidebar undershoot.bottom, .background.csd.budgie-run-dialog scrolledwindow undershoot.left, .background.csd.budgie-run-dialog placessidebar undershoot.left, .background.csd.budgie-run-dialog scrolledwindow undershoot.right, .background.csd.budgie-run-dialog placessidebar undershoot.right { + background-image: none; } + .background.csd.budgie-run-dialog box > box > separator { + border: 0 none transparent; + color: transparent; + background-color: transparent; } + .background.csd.budgie-run-dialog button.image-button { + color: #E8E8E8; } + .background.csd.budgie-run-dialog button.image-button:hover, .background.csd.budgie-run-dialog button.image-button:active, .background.csd.budgie-run-dialog button.image-button:checked { + color: #E8E8E8; } + .background.csd.budgie-run-dialog button.image-button:disabled { + color: #E8E8E8; } + +.budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 2px; + border-width: 0; + background-color: #3e515a; + color: #ECEFF1; + font-weight: 700; + opacity: 0.9; } + .budgie-session-dialog decoration, + .budgie-polkit-dialog decoration { + border-radius: 2px; + box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); } + .budgie-session-dialog decoration:backdrop, + .budgie-polkit-dialog decoration:backdrop { + box-shadow: 0 10px 6px transparent, 0 6px 8px -4px transparent, 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); + transition: none; } + .budgie-session-dialog button, + .budgie-session-dialog .linked > button, + .budgie-polkit-dialog button, + .budgie-polkit-dialog .linked > button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + padding: 0.69925rem 1rem 0.80451rem; + border: 2px solid transparent; + border-radius: 0; + color: #E8E8E8; + background-color: transparent; + background-size: 9.96241rem 9.96241rem, auto; } + .budgie-session-dialog button:hover, + .budgie-session-dialog .linked > button:hover, + .budgie-polkit-dialog button:hover, + .budgie-polkit-dialog .linked > button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + color: #E8E8E8; } + .budgie-session-dialog button:active, + .budgie-session-dialog .linked > button:active, + .budgie-polkit-dialog button:active, + .budgie-polkit-dialog .linked > button:active { + box-shadow: none; + animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; + color: #E8E8E8; } + .budgie-session-dialog button:checked, + .budgie-session-dialog .linked > button:checked, + .budgie-polkit-dialog button:checked, + .budgie-polkit-dialog .linked > button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + color: #E8E8E8; } + .budgie-session-dialog button:disabled, + .budgie-session-dialog .linked > button:disabled, + .budgie-polkit-dialog button:disabled, + .budgie-polkit-dialog .linked > button:disabled { + box-shadow: none; + background-color: transparent; } + .budgie-session-dialog button:first-child, + .budgie-session-dialog .linked > button:first-child, + .budgie-polkit-dialog button:first-child, + .budgie-polkit-dialog .linked > button:first-child { + border-radius: 0 0 0 2px; + border-right-width: 0; } + .budgie-session-dialog button:last-child, + .budgie-session-dialog .linked > button:last-child, + .budgie-polkit-dialog button:last-child, + .budgie-polkit-dialog .linked > button:last-child { + border-radius: 0 0 2px 0; + border-left-width: 0; } + .budgie-session-dialog:not(.budgie-session-dialog) .message, + .budgie-polkit-dialog:not(.budgie-session-dialog) .message { + color: rgba(38, 50, 56, 0.75); } + .budgie-session-dialog:not(.budgie-session-dialog) .failure, + .budgie-polkit-dialog:not(.budgie-session-dialog) .failure { + color: #E8E8E8; + font-weight: 700; } + +.drop-shadow { + background-color: #e5e9ec; + background-image: none; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } + +/***************** + * Unity Desktop * + *****************/ +UnityDecoration { + -UnityDecoration-extents: 28px 0 0 0; + -UnityDecoration-input-extents: 8px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 8px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.24); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.16); + -UnityDecoration-inactive-shadow-radius: 6px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #E8E8E8; + -UnityDecoration-title-indent: 16px; + -UnityDecoration-title-fade: 32px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border-width: 1px 0 0; + border-style: solid none none; + border-color: rgba(0, 0, 0, 0.09); + border-radius: 2px 2px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF); + color: #ECEFF1; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } + UnityDecoration.top:backdrop { + color: rgba(236, 239, 241, 0.3); } + UnityDecoration.left, UnityDecoration.left:backdrop, UnityDecoration.right, UnityDecoration.right:backdrop, UnityDecoration.bottom, UnityDecoration.bottom:backdrop { + background-image: none; } + +UnityPanelWidget, UnityPanelWidget:backdrop, +.unity-panel, +.unity-panel:backdrop { + border-bottom: 1px solid #FFFFFF; + color: #ECEFF1; + background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF); + box-shadow: none; } + +.unity-panel.menubar, +.unity-panel .menubar { + background-color: transparent; + background-image: none; + box-shadow: none; } + .unity-panel.menubar.menuitem, .unity-panel.menubar .menuitem *, + .unity-panel .menubar.menuitem, + .unity-panel .menubar .menuitem * { + padding: 0 6px; + border-radius: 0; + border-bottom: none; + color: #ECEFF1; + background-color: transparent; } + .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover, + .unity-panel .menubar.menuitem:hover, + .unity-panel .menubar .menuitem *:hover { + color: #FFFFFF; + box-shadow: inset 0 -2px #E8E8E8; } + +/************ + * Corebird * + ************/ +stack button.profile-button:checked { + color: #263238; } + +headerbar.titlebar box button.toggle.account-button { + min-width: 1rem; + min-height: 1rem; + padding: 0.50376rem 0.75188rem 0.50376rem; + border-radius: 2px; + -gtk-outline-radius: 2px; } + headerbar.titlebar box button.toggle.account-button .avatar-round { + border-color: transparent; } +headerbar.titlebar box button.image-button.toggle { + min-width: 1rem; + min-height: 1rem; + padding: 0.50376rem 0.75188rem 0.50376rem; } + +/******** + * Nemo * + ********/ +window EelEditableLabel { + transition: none; } +window grid > box > box > toolbar.primary-toolbar { + border-bottom: 1px solid rgba(0, 0, 0, 0.09); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18), inset 0 4px 2px -4px rgba(0, 0, 0, 0.2), inset 0 8px 3px -5px rgba(0, 0, 0, 0.24); } +window grid > paned > box > paned > box > notebook, window grid > paned > box > paned > box > notebook > stack:not(:only-child) { + background-color: #FFFFFF; } +window grid.vertical > paned.horizontal > box.vertical > scrolledwindow.frame, window grid.vertical > paned.horizontal > box.vertical > placessidebar.frame { + border-width: 0; } +window grid.vertical > widget > box { + padding: 0.20301rem; } +window grid.vertical > widget > box > button.image-button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + min-width: 1rem; + min-height: 2.20301rem; + border-radius: 2px; + -gtk-outline-radius: 2px; + padding: 0 0.75188rem 0; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; + color: rgba(38, 50, 56, 0.75); + box-shadow: none; } + window grid.vertical > widget > box > button.image-button:hover { + box-shadow: none; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1), alpha(currentColor, 0.1)); + border-image: none; + color: #263238; + box-shadow: none; } + window grid.vertical > widget > box > button.image-button:checked { + background-color: alpha(currentColor, 0.2); + color: #263238; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; + background-color: transparent; + color: #263238; + box-shadow: none; } + window grid.vertical > widget > box > button.image-button:checked:disabled { + border-image: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.3); + box-shadow: none; } + window grid.vertical > widget > box > button.image-button:checked:disabled > label { + color: inherit; } + window grid.vertical > widget > box > button.image-button:checked:disabled > label { + color: inherit; } + window grid.vertical > widget > box > button.image-button:disabled { + box-shadow: none; + background-color: transparent; + border-image: none; + background-color: transparent; + color: rgba(38, 50, 56, 0.225); + box-shadow: none; } +window grid.vertical > widget box > separator.vertical { + min-width: 0; + color: transparent; + background-color: transparent; } + +/************ + * Lollypop * + ************/ +window > headerbar > widget > box.horizontal > grid.horizontal > button.toggle.image-button { + min-width: 1.30075rem; + min-height: 2.80451rem; + padding: 0 0.75188rem 0; } +window > headerbar > widget > box.horizontal > button.image-button { + min-width: 1.30075rem; + min-height: 2.80451rem; + margin: -0.15038rem 0; + padding: 0 0.75188rem 0; } + +/*************************** + * Cinnamon-control-center * + ***************************/ +window > box.vertical > stack > scrolledwindow iconview, window > box.vertical > stack > placessidebar iconview, window > box.vertical > stack > scrolledwindow iconview.view, window > box.vertical > stack > placessidebar iconview.view, window > box.vertical > stack > scrolledwindow iconview, window > box.vertical > stack > placessidebar iconview { + background-color: transparent; } +window > box.vertical > stack > scrolledwindow toolbar, window > box.vertical > stack > placessidebar toolbar { + background-color: #FFFFFF; + box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } + +/********* + * XFce4 * + *********/ +.xfce4-panel { + background-color: #FFFFFF; + color: #ECEFF1; + font-weight: 700; } + .xfce4-panel button { + box-shadow: none; + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0), alpha(currentColor, 0)); + padding: 0px 4px; + border: none; + border-radius: 0; + color: #ECEFF1; + background-color: transparent; } + .xfce4-panel button:hover { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px alpha(currentColor, 0.2); } + .xfce4-panel button:checked, .xfce4-panel button:hover:checked, .xfce4-panel button:disabled:checked { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px #E8E8E8; } + .xfce4-panel button label:backdrop, .xfce4-panel button:backdrop { + opacity: 1.0; } + .xfce4-panel menu { + -gtk-icon-effect: none; } + +TopMenuAppMenuBar { + background-color: #FFFFFF; + color: #ECEFF1; + box-shadow: none; } + TopMenuAppMenuBar > menuitem { + color: #ECEFF1; + background-color: transparent; } + TopMenuAppMenuBar > menuitem:hover { + color: #FFFFFF; + box-shadow: inset 0 -2px #E8E8E8; } + TopMenuAppMenuBar > menuitem:backdrop { + opacity: 1.0; } + +/************** + * FeedReader * + **************/ +window > paned.titlebar > headerbar.titlebar button.flat:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar button.osd.image-button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar .osd toolbar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), .osd toolbar window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar toolbar.osd button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), toolbar.osd window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar .app-notification button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), .app-notification window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar GeditViewFrame .gedit-search-slider button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), GeditViewFrame .gedit-search-slider window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar toolbar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), toolbar window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle):not(.suggested-action):not(.destructive-action), window > paned.titlebar > headerbar.titlebar .menu > arrow:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +window > paned.titlebar > headerbar.titlebar .context-menu > arrow:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +window > paned.titlebar > headerbar.titlebar menu > arrow:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar placessidebar row button.image-button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), placessidebar row window > paned.titlebar > headerbar.titlebar button.image-button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar .ssd decoration button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), .ssd decoration window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar .csd headerbar.selection-mode button.titlebutton:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +.csd window > paned.titlebar > headerbar.titlebar button.titlebutton:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), +window > paned.titlebar > headerbar.titlebar .csd .titlebar.selection-mode button.titlebutton:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar #gf-candidate-popup button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), #gf-candidate-popup window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar window > grid.vertical > box.vertical > widget button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > grid.vertical > box.vertical > widget window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar layouttabbar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), layouttabbar window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), window > paned.titlebar > headerbar.titlebar layouttab button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle), layouttab window > paned.titlebar > headerbar.titlebar button:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle) { + min-width: 1rem; + padding-left: 0.90226rem; + padding-right: 0.90226rem; } + +/************ + * Synaptic * + ************/ +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; } + window > box.vertical > box.horizontal > toolbar toolitem > box label, + window > box.vertical > box.horizontal > toolbar toolitem > box entry, + window > box.vertical > box.horizontal > toolbar toolitem > box spinbutton:not(.vertical) { + min-height: 1rem; + padding-top: 0.09774rem; + padding-bottom: 0.09774rem; + font-size: 90%; } + window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: rgba(38, 50, 56, 0.3); } +window > box.vertical > box.horizontal > widget { + background-color: transparent; } + +/*********** + * Colours * + ***********/ +@define-color theme_fg_color #263238; +@define-color theme_inverted_fg_color #ECEFF1; +@define-color theme_text_color #263238; +@define-color theme_bg_color #FFFFFF; +@define-color theme_base_color #FFFFFF; +@define-color theme_selected_bg_color #E8E8E8; +@define-color theme_selected_fg_color #FFFFFF; +@define-color insensitive_bg_color #FFFFFF; +@define-color insensitive_fg_color rgba(38, 50, 56, 0.3); +@define-color insensitive_base_color #fdfdfe; +@define-color theme_unfocused_fg_color rgba(38, 50, 56, 0.3); +@define-color theme_unfocused_inverted_fg_color rgba(236, 239, 241, 0.3); +@define-color theme_unfocused_text_color rgba(38, 50, 56, 0.3); +@define-color theme_unfocused_inverted_text_color rgba(236, 239, 241, 0.3); +@define-color theme_unfocused_bg_color #FFFFFF; +@define-color theme_unfocused_base_color #FFFFFF; +@define-color theme_unfocused_selected_bg_color #E8E8E8; +@define-color theme_unfocused_selected_fg_color #FFFFFF; +@define-color placeholder_text_color #CFD8DC; +@define-color borders rgba(0, 0, 0, 0.09); +@define-color unfocused_borders rgba(0, 0, 0, 0.09); +@define-color warning_color #FF9800; +@define-color error_color #F44336; +@define-color success_color #00E676; +@define-color link_color #E8E8E8; +@define-color wm_bg_a #FFFFFF; +@define-color wm_bg_b rgba(255, 255, 255, 0.07); +@define-color content_view_bg #FFFFFF;
A
themes/whitey/gtk-3.22/gtk.scss
@@ -0,0 +1,14 @@
+// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade +// - if you need to inverse a color function use the @if directive to match for dark $variant + +$variant: 'light'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'misc'; // specific styling for Gnome-hosted apps +@import '3rd-party'; // other apps/desktops styling +@import 'colors-public';
A
themes/whitey/gtk-3.22/parse-sass.sh
@@ -0,0 +1,3 @@
+#!/bin/sh + +bundle exec sass --update --sourcemap=none .
A
themes/whitey/index.theme
@@ -0,0 +1,9 @@
+[Desktop Entry] +Type=X-GNOME-Metatheme +Name=whitey +Comment=GTK based on xfcolorize, xfwm based on puro osx by kartoni +Encoding=UTF-8 + +[X-GNOME-Metatheme] +GtkTheme=whitey +ButtonLayout=:minimize,maximize,close
A
themes/whitey/xfce-notify-4.0/gtk.css
@@ -0,0 +1,48 @@
+/* This file is part of adapta-gtk-theme Copyright (C) 2016-2017 Tista <tista.gma500@gmail.com> This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. */ +@keyframes ripple_effect { 0% { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.1) 0%, transparent 0%), image(alpha(currentColor, 0)); } + 66% { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.1) 100%, transparent 0%), image(alpha(currentColor, 0.1)); } + 100% { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0)); } } + +@keyframes flat_ripple_effect { 0% { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.1) 0%, transparent 0%), image(alpha(currentColor, 0.1)); } + 66% { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.1) 100%, transparent 0%), image(alpha(currentColor, 0.1)); } + 100% { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0.1)); } } + +@keyframes list_ripple_effect { 0% { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.05) 0%, transparent 0%), image(alpha(currentColor, 0.05)); } + 50% { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.05) 50%, transparent 0%), image(alpha(currentColor, 0.05)); } } + +#XfceNotifyWindow buttonbox button { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0)); box-shadow: none; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.2s; } + +#XfceNotifyWindow buttonbox button:hover { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0.1)); box-shadow: none; } + +#XfceNotifyWindow buttonbox button:active { box-shadow: none; transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0; animation: flat_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; } + +#XfceNotifyWindow buttonbox button:checked { box-shadow: none; } + +#XfceNotifyWindow buttonbox button:disabled { box-shadow: none; } + +#XfceNotifyWindow buttonbox button:disabled > label { color: inherit; } + +/******************* Xfce-Notify-4.0 * */ +#XfceNotifyWindow, #XfceNotifyWindow:hover { border-radius: 2px; border: 1px solid #ffffff; color: #F6F6F6; background-color: rgba(255, 255, 255, 0.9); box-shadow: none; } + +#XfceNotifyWindow box.vertical > label#summary { color: #F6F6F6; font-weight: 700; } + +#XfceNotifyWindow box.vertical > label#body { color: rgba(187, 187, 187, 0.75); } + +#XfceNotifyWindow buttonbox button { background-color: transparent; } + +#XfceNotifyWindow buttonbox button:not(:active):not(:disabled):not(hover) { background-color: transparent; color: rgba(142, 209, 218, 0.9); } + +#XfceNotifyWindow buttonbox button:hover { background-color: transparent; color: #F2A4A2; } + +#XfceNotifyWindow buttonbox button:active { border-image: none; background-color: transparent; color: #ACDA95; box-shadow: none; } + +#XfceNotifyWindow buttonbox button:checked { border-image: none; background-color: transparent; color: #ACDA95; box-shadow: none; } + +#XfceNotifyWindow buttonbox button:disabled { background-color: transparent; color: rgba(142, 209, 218, 0.4); } + +#XfceNotifyWindow progressbar { min-width: 4px; min-height: 4px; } + +#XfceNotifyWindow progressbar trough { border-style: none; background-color: rgba(187, 187, 187, 0.2); box-shadow: none; } + +#XfceNotifyWindow progressbar progress { border-style: none; border-radius: 0; background-image: none; background-color: #48B9C7; }
A
themes/whitey/xfwm4/bottom-active.xpm
@@ -0,0 +1,7 @@
+/* XPM */ +static char * bottom_active_xpm[] = { +"2 2 2 1", +" c None", +". c #F0F0F0", +"..", +".."};
A
themes/whitey/xfwm4/bottom-inactive.xpm
@@ -0,0 +1,7 @@
+/* XPM */ +static char * bottom_inactive_xpm[] = { +"2 2 2 1", +" c None", +". c #F0F0F0", +"..", +".."};
A
themes/whitey/xfwm4/close-active.xpm
@@ -0,0 +1,53 @@
+/* XPM */ +static char * close_active_xpm[] = { +"15 25 25 1", +" c None", +". c #F8F8F8", +"+ c #F7F4F4", +"@ c #F3CCCB", +"# c #F0AAA8", +"$ c #EFA09E", +"% c #F0AAA9", +"& c #F7F3F3", +"* c #F1B3B2", +"= c #F1A3A1", +"- c #F5AAA8", +"; c #F7ADAA", +"> c #F1A2A0", +", c #F1B5B4", +"' c #F7F0F0", +") c #F3A4A2", +"! c #F2C4C3", +"~ c #F7ABA9", +"{ c #F0ABAA", +"] c #F7ACA9", +"^ c #F0ABA9", +"/ c #F2A4A2", +"( c #F2C5C4", +"_ c #F1BAB9", +": c #F6ECEB", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"....+@#$%@&....", +"...+*=-;->,'...", +"...@=;;;;;)!...", +"...#-;;;;;~{...", +"...$;;;;;;;$...", +"...%-;;;;;]^...", +"...@>;;;;;/(...", +"...&,)~;]/_:...", +"....'!{$^(:....", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/close-inactive.xpm
@@ -0,0 +1,53 @@
+/* XPM */ +static char * close_inactive_xpm[] = { +"15 25 25 1", +" c None", +". c #F8F8F8", +"+ c #F7F4F4", +"@ c #F3CCCB", +"# c #F0AAA8", +"$ c #EFA09E", +"% c #F0AAA9", +"& c #F7F3F3", +"* c #F1B3B2", +"= c #F1A3A1", +"- c #F5AAA8", +"; c #F7ADAA", +"> c #F1A2A0", +", c #F1B5B4", +"' c #F7F0F0", +") c #F3A4A2", +"! c #F2C4C3", +"~ c #F7ABA9", +"{ c #F0ABAA", +"] c #F7ACA9", +"^ c #F0ABA9", +"/ c #F2A4A2", +"( c #F2C5C4", +"_ c #F1BAB9", +": c #F6ECEB", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"....+@#$%@&....", +"...+*=-;->,'...", +"...@=;;;;;)!...", +"...#-;;;;;~{...", +"...$;;;;;;;$...", +"...%-;;;;;]^...", +"...@>;;;;;/(...", +"...&,)~;]/_:...", +"....'!{$^(:....", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/close-prelight.xpm
@@ -0,0 +1,53 @@
+/* XPM */ +static char * close_prelight_xpm[] = { +"15 25 25 1", +" c None", +". c #F8F8F8", +"+ c #F7F4F4", +"@ c #F3CCCB", +"# c #F0AAA8", +"$ c #EFA09E", +"% c #F0AAA9", +"& c #F7F3F3", +"* c #F1B3B2", +"= c #F1A3A1", +"- c #F5AAA8", +"; c #F7ADAA", +"> c #F1A2A0", +", c #F1B5B4", +"' c #F7F0F0", +") c #F3A4A2", +"! c #F2C4C3", +"~ c #F7ABA9", +"{ c #F0ABAA", +"] c #F7ACA9", +"^ c #F0ABA9", +"/ c #F2A4A2", +"( c #F2C5C4", +"_ c #F1BAB9", +": c #F6ECEB", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"....+@#$%@&....", +"...+*=-;->,'...", +"...@=;;;;;)!...", +"...#-;;;;;~{...", +"...$;;;;;;;$...", +"...%-;;;;;]^...", +"...@>;;;;;/(...", +"...&,)~;]/_:...", +"....'!{$^(:....", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/close-pressed.xpm
@@ -0,0 +1,53 @@
+/* XPM */ +static char * close_pressed_xpm[] = { +"15 25 25 1", +" c None", +". c #F8F8F8", +"+ c #F7F4F4", +"@ c #F3CCCB", +"# c #F0AAA8", +"$ c #EFA09E", +"% c #F0AAA9", +"& c #F7F3F3", +"* c #F1B3B2", +"= c #F1A3A1", +"- c #F5AAA8", +"; c #F7ADAA", +"> c #F1A2A0", +", c #F1B5B4", +"' c #F7F0F0", +") c #F3A4A2", +"! c #F2C4C3", +"~ c #F7ABA9", +"{ c #F0ABAA", +"] c #F7ACA9", +"^ c #F0ABA9", +"/ c #F2A4A2", +"( c #F2C5C4", +"_ c #F1BAB9", +": c #F6ECEB", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"....+@#$%@&....", +"...+*=-;->,'...", +"...@=;;;;;)!...", +"...#-;;;;;~{...", +"...$;;;;;;;$...", +"...%-;;;;;]^...", +"...@>;;;;;/(...", +"...&,)~;]/_:...", +"....'!{$^(:....", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/hide-active.xpm
@@ -0,0 +1,51 @@
+/* XPM */ +static char * hide_active_xpm[] = { +"15 25 23 1", +" c None", +". c #F8F8F8", +"+ c #F7F6F4", +"@ c #F4E4C6", +"# c #F1D5A0", +"$ c #F0D095", +"% c #F1D5A1", +"& c #F7F5F2", +"* c #F1D9AB", +"= c #F3D495", +"- c #FBDB96", +"; c #FDDE96", +"> c #F3D395", +", c #F2DAAD", +"' c #F7F4EF", +") c #FDDF97", +"! c #F5D595", +"~ c #F3E0BE", +"{ c #FBDD96", +"] c #F1D5A2", +"^ c #F3E1BF", +"/ c #F2DCB2", +"( c #F6F2EA", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"....+@#$%@&....", +"...+*=-;->,'...", +"...@=)))))!~...", +"...#-))))){]...", +"...$;)))));$...", +"...%-))))){]...", +"...@>)))))!^...", +"...&,!{;{!/(...", +"....'~]$]^(....", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/hide-inactive.xpm
@@ -0,0 +1,51 @@
+/* XPM */ +static char * hide_inactive_xpm[] = { +"15 25 23 1", +" c None", +". c #F8F8F8", +"+ c #F7F6F4", +"@ c #F4E4C6", +"# c #F1D5A0", +"$ c #F0D095", +"% c #F1D5A1", +"& c #F7F5F2", +"* c #F1D9AB", +"= c #F3D495", +"- c #FBDB96", +"; c #FDDE96", +"> c #F3D395", +", c #F2DAAD", +"' c #F7F4EF", +") c #FDDF97", +"! c #F5D595", +"~ c #F3E0BE", +"{ c #FBDD96", +"] c #F1D5A2", +"^ c #F3E1BF", +"/ c #F2DCB2", +"( c #F6F2EA", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"....+@#$%@&....", +"...+*=-;->,'...", +"...@=)))))!~...", +"...#-))))){]...", +"...$;)))));$...", +"...%-))))){]...", +"...@>)))))!^...", +"...&,!{;{!/(...", +"....'~]$]^(....", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/hide-prelight.xpm
@@ -0,0 +1,51 @@
+/* XPM */ +static char * hide_prelight_xpm[] = { +"15 25 23 1", +" c None", +". c #F8F8F8", +"+ c #F7F6F4", +"@ c #F4E4C6", +"# c #F1D5A0", +"$ c #F0D095", +"% c #F1D5A1", +"& c #F7F5F2", +"* c #F1D9AB", +"= c #F3D495", +"- c #FBDB96", +"; c #FDDE96", +"> c #F3D395", +", c #F2DAAD", +"' c #F7F4EF", +") c #FDDF97", +"! c #F5D595", +"~ c #F3E0BE", +"{ c #FBDD96", +"] c #F1D5A2", +"^ c #F3E1BF", +"/ c #F2DCB2", +"( c #F6F2EA", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"....+@#$%@&....", +"...+*=-;->,'...", +"...@=)))))!~...", +"...#-))))){]...", +"...$;)))));$...", +"...%-))))){]...", +"...@>)))))!^...", +"...&,!{;{!/(...", +"....'~]$]^(....", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/hide-pressed.xpm
@@ -0,0 +1,51 @@
+/* XPM */ +static char * hide_pressed_xpm[] = { +"15 25 23 1", +" c None", +". c #F8F8F8", +"+ c #F7F6F4", +"@ c #F4E4C6", +"# c #F1D5A0", +"$ c #F0D095", +"% c #F1D5A1", +"& c #F7F5F2", +"* c #F1D9AB", +"= c #F3D495", +"- c #FBDB96", +"; c #FDDE96", +"> c #F3D395", +", c #F2DAAD", +"' c #F7F4EF", +") c #FDDF97", +"! c #F5D595", +"~ c #F3E0BE", +"{ c #FBDD96", +"] c #F1D5A2", +"^ c #F3E1BF", +"/ c #F2DCB2", +"( c #F6F2EA", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"....+@#$%@&....", +"...+*=-;->,'...", +"...@=)))))!~...", +"...#-))))){]...", +"...$;)))));$...", +"...%-))))){]...", +"...@>)))))!^...", +"...&,!{;{!/(...", +"....'~]$]^(....", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/left-active.xpm
@@ -0,0 +1,6 @@
+/* XPM */ +static char * left_active_xpm[] = { +"2 2 1 1", +" c None", +" ", +" "};
A
themes/whitey/xfwm4/left-inactive.xpm
@@ -0,0 +1,6 @@
+/* XPM */ +static char * left_inactive_xpm[] = { +"2 2 1 1", +" c None", +" ", +" "};
A
themes/whitey/xfwm4/maximize-active.xpm
@@ -0,0 +1,54 @@
+/* XPM */ +static char * maximize_active_xpm[] = { +"15 25 26 1", +" c None", +". c #F8F8F8", +"+ c #F4F6F4", +"@ c #D1E7C6", +"# c #B4DA9F", +"$ c #AAD693", +"% c #D1E7C5", +"& c #F3F6F2", +"* c #BCDEAA", +"= c #ACDA96", +"- c #AFE29D", +"; c #B0E5A0", +"> c #ACDA95", +", c #BDDEAC", +"' c #F1F5EF", +") c #B1E5A0", +"! c #ADDB97", +"~ c #CBE4BD", +"{ c #B0E39E", +"] c #B5DAA0", +"^ c #ABD694", +"/ c #B0E39F", +"( c #ACDB97", +"_ c #CBE4BE", +": c #C2E0B1", +"< c #EDF3EA", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"....+@#$#%&....", +"...+*=-;->,'...", +"...@=)))))!~...", +"...#-))))){]...", +"...$;)))));^...", +"...#-)))))/]...", +"...%>)))))(_...", +"...&,!{;/(:<...", +"....'~]^]_<....", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/maximize-inactive.xpm
@@ -0,0 +1,54 @@
+/* XPM */ +static char * maximize_inactive_xpm[] = { +"15 25 26 1", +" c None", +". c #F8F8F8", +"+ c #F4F6F4", +"@ c #D1E7C6", +"# c #B4DA9F", +"$ c #AAD693", +"% c #D1E7C5", +"& c #F3F6F2", +"* c #BCDEAA", +"= c #ACDA96", +"- c #AFE29D", +"; c #B0E5A0", +"> c #ACDA95", +", c #BDDEAC", +"' c #F1F5EF", +") c #B1E5A0", +"! c #ADDB97", +"~ c #CBE4BD", +"{ c #B0E39E", +"] c #B5DAA0", +"^ c #ABD694", +"/ c #B0E39F", +"( c #ACDB97", +"_ c #CBE4BE", +": c #C2E0B1", +"< c #EDF3EA", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"....+@#$#%&....", +"...+*=-;->,'...", +"...@=)))))!~...", +"...#-))))){]...", +"...$;)))));^...", +"...#-)))))/]...", +"...%>)))))(_...", +"...&,!{;/(:<...", +"....'~]^]_<....", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/maximize-prelight.xpm
@@ -0,0 +1,54 @@
+/* XPM */ +static char * maximize_prelight_xpm[] = { +"15 25 26 1", +" c None", +". c #F8F8F8", +"+ c #F4F6F4", +"@ c #D1E7C6", +"# c #B4DA9F", +"$ c #AAD693", +"% c #D1E7C5", +"& c #F3F6F2", +"* c #BCDEAA", +"= c #ACDA96", +"- c #AFE29D", +"; c #B0E5A0", +"> c #ACDA95", +", c #BDDEAC", +"' c #F1F5EF", +") c #B1E5A0", +"! c #ADDB97", +"~ c #CBE4BD", +"{ c #B0E39E", +"] c #B5DAA0", +"^ c #ABD694", +"/ c #B0E39F", +"( c #ACDB97", +"_ c #CBE4BE", +": c #C2E0B1", +"< c #EDF3EA", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"....+@#$#%&....", +"...+*=-;->,'...", +"...@=)))))!~...", +"...#-))))){]...", +"...$;)))));^...", +"...#-)))))/]...", +"...%>)))))(_...", +"...&,!{;/(:<...", +"....'~]^]_<....", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/maximize-pressed.xpm
@@ -0,0 +1,54 @@
+/* XPM */ +static char * maximize_pressed_xpm[] = { +"15 25 26 1", +" c None", +". c #F8F8F8", +"+ c #F4F6F4", +"@ c #D1E7C6", +"# c #B4DA9F", +"$ c #AAD693", +"% c #D1E7C5", +"& c #F3F6F2", +"* c #BCDEAA", +"= c #ACDA96", +"- c #AFE29D", +"; c #B0E5A0", +"> c #ACDA95", +", c #BDDEAC", +"' c #F1F5EF", +") c #B1E5A0", +"! c #ADDB97", +"~ c #CBE4BD", +"{ c #B0E39E", +"] c #B5DAA0", +"^ c #ABD694", +"/ c #B0E39F", +"( c #ACDB97", +"_ c #CBE4BE", +": c #C2E0B1", +"< c #EDF3EA", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"....+@#$#%&....", +"...+*=-;->,'...", +"...@=)))))!~...", +"...#-))))){]...", +"...$;)))));^...", +"...#-)))))/]...", +"...%>)))))(_...", +"...&,!{;/(:<...", +"....'~]^]_<....", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/right-active.xpm
@@ -0,0 +1,6 @@
+/* XPM */ +static char * right_active_xpm[] = { +"2 2 1 1", +" c None", +" ", +" "};
A
themes/whitey/xfwm4/right-inactive.xpm
@@ -0,0 +1,6 @@
+/* XPM */ +static char * right_inactive_xpm[] = { +"2 2 1 1", +" c None", +" ", +" "};
A
themes/whitey/xfwm4/themerc
@@ -0,0 +1,11 @@
+button_offset=10 +button_spacing=8 +full_width_title=true + +title_horizontal_offset_=0 +title_vertical_offset_active=1 +title_vertical_offset_inactive=1 + + +active_text_color=#222222 +inactive_text_color=#bebebe
A
themes/whitey/xfwm4/title-1-active.xpm
@@ -0,0 +1,31 @@
+/* XPM */ +static char * title_1_active_xpm[] = { +"15 26 2 1", +" c None", +". c #F8F8F8", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/title-1-inactive.xpm
@@ -0,0 +1,31 @@
+/* XPM */ +static char * title_1_inactive_xpm[] = { +"15 26 2 1", +" c None", +". c #F8F8F8", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/title-2-active.xpm
@@ -0,0 +1,31 @@
+/* XPM */ +static char * title_2_active_xpm[] = { +"15 26 2 1", +" c None", +". c #F8F8F8", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/title-2-inactive.xpm
@@ -0,0 +1,31 @@
+/* XPM */ +static char * title_2_inactive_xpm[] = { +"15 26 2 1", +" c None", +". c #F8F8F8", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/title-3-active.xpm
@@ -0,0 +1,31 @@
+/* XPM */ +static char * title_3_active_xpm[] = { +"15 26 2 1", +" c None", +". c #F8F8F8", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/title-3-inactive.xpm
@@ -0,0 +1,31 @@
+/* XPM */ +static char * title_3_inactive_xpm[] = { +"15 26 2 1", +" c None", +". c #F8F8F8", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/title-4-active.xpm
@@ -0,0 +1,31 @@
+/* XPM */ +static char * title_4_active_xpm[] = { +"15 26 2 1", +" c None", +". c #F8F8F8", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/title-4-inactive.xpm
@@ -0,0 +1,31 @@
+/* XPM */ +static char * title_4_inactive_xpm[] = { +"15 26 2 1", +" c None", +". c #F8F8F8", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/title-5-active.xpm
@@ -0,0 +1,31 @@
+/* XPM */ +static char * title_5_active_xpm[] = { +"15 26 2 1", +" c None", +". c #F8F8F8", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/title-5-inactive.xpm
@@ -0,0 +1,31 @@
+/* XPM */ +static char * title_5_inactive_xpm[] = { +"15 26 2 1", +" c None", +". c #F8F8F8", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"...............", +"..............."};
A
themes/whitey/xfwm4/top-left-active.xpm
@@ -0,0 +1,31 @@
+/* XPM */ +static char * top_left_active_xpm[] = { +"15 26 2 1", +" c None", +". c #F8F8F8", +" ............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" ............."};
A
themes/whitey/xfwm4/top-left-inactive.xpm
@@ -0,0 +1,31 @@
+/* XPM */ +static char * top_left_inactive_xpm[] = { +"15 26 2 1", +" c None", +". c #F8F8F8", +" ............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" .............", +" ............."};
A
themes/whitey/xfwm4/top-right-active.xpm
@@ -0,0 +1,31 @@
+/* XPM */ +static char * top_right_active_xpm[] = { +"15 26 2 1", +" c None", +". c #F8F8F8", +"............ ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. "};
A
themes/whitey/xfwm4/top-right-inactive.xpm
@@ -0,0 +1,31 @@
+/* XPM */ +static char * top_right_inactive_xpm[] = { +"15 26 2 1", +" c None", +". c #F8F8F8", +"............ ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. ", +"............. "};