GTK+-3.20 TraditionalGreen: sync with TraditionalOK theme

author: raveit65 <[email protected]> 2016-03-02 15:47:36 +0100
committer: raveit65 <[email protected]> 2016-03-02 15:47:36 +0100
commit: 067d4c9b6724576e352c5b371c19ebf619855973 (patch)
tree: 643c36a17609e8c12194bc2bf19e52f6efd3e2d7 /desktop-themes
parent: cfc4d79b005314ceb4d7315b49763339099d9d9a (diff)
download: mate-themes-067d4c9b6724576e352c5b371c19ebf619855973.tar.bz2
mate-themes-067d4c9b6724576e352c5b371c19ebf619855973.tar.xz
5 files changed, 2956 insertions, 2967 deletions
diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/applications.css b/desktop-themes/TraditionalGreen/gtk-3.0/applications.css
index b70fde9a..ea0994da 100644
--- a/desktop-themes/TraditionalGreen/gtk-3.0/applications.css
+++ b/desktop-themes/TraditionalGreen/gtk-3.0/applications.css
@@ -2,90 +2,20 @@
 * Nautilus *
 ************/
 
-/*
 .nautilus-desktop.nautilus-canvas-item {
- color: @theme_base_color;
- text-shadow: 1 1 alpha (@theme_fg_color, 0.8);
+ color: @theme_base_color;
+ text-shadow: 1px 1px alpha (@theme_fg_color, 0.8);
 }
 
 .nautilus-desktop.nautilus-canvas-item:active,
-.nautilus-desktop.nautilus-canvas-item:prelight,
+.nautilus-desktop.nautilus-canvas-item:hover,
 .nautilus-desktop.nautilus-canvas-item:selected {
- text-shadow: none;
+ text-shadow: none;
 }
-*/
 
 .nautilus-desktop .entry {
- background-image: none;
- border-image: none;
-}
-
-NautilusToolbar .linked.raised GtkToggleButton.button:first-child,
-NautilusToolbar .linked.raised GtkToggleButton.button:first-child:active:hover {
- border-right-width: 1px;
-}
-
-/*********
- * gedit *
- *********/
-
-GeditMenuStackSwitcher.button.flat {
- border-image: url("img/border.svg") 3 3 4 3 / 3px 3px 4px 3px repeat;
- border-radius: 3px;
- border-width: 1px 1px 2px 1px;
- border-style: solid;
- border-color: transparent;
-}
-
-.gedit-side-panel-paned,
-.gedit-bottom-panel-paned,
-.gedit-bottom-panel-stack-switcher .notebook GtkBox.vertical {
- border-style: solid;
- border-color: @toolbar_border_top_color;
-}
-
-.gedit-side-panel-paned {
- border-width: 0px 1px 0px 0px;
-}
-
-.gedit-bottom-panel-paned {
- border-width: 1px 0px 0px 0px;
-}
-
-.gedit-bottom-panel-stack-switcher .notebook GtkBox.vertical {
- border-width: 1px;
-}
-
-.gedit-menu-stack-switcher {
- padding: 15px 15px 2px 15px;
-}
-
-GeditMultiNotebook .notebook {
- border-width: 0px 0px 1px 1px;
-}
-
-GeditViewFrame .gedit-search-slider {
- padding: 4px;
- border-image: url("img/border-focused.svg") 3 3 4 3 / 3px 3px 4px 3px repeat;
-}
-
-.gedit-search-entry-occurrences-tag {
- color: @theme_text_color;
- background-color: @theme_bg_color;
- margin: 2px 0px 2px 2px;
- padding: 2px;
-}
-
-GeditStatusbar .frame.flat {
- border: none;
-}
-
-/**********
- * evince *
- **********/
-
-EvPageActionWidget .linked .entry:first-child {
- border-right-width: 0px;
+ background-image: none;
+ border-image: none;
 }
 
 /*******************
@@ -93,46 +23,37 @@ EvPageActionWidget .linked .entry:first-child {
 *******************/
 
 .documents-scrolledwin.frame {
- border-width: 1px 0 0 0;
- border-radius: 0;
+ border-width: 1px 0 0 0;
+ border-radius: 0;
 }
 
 .documents-main-view.view {
- background-color: @theme_base_color;
+ background-color: @theme_base_color;
 }
 
 GtkIconView.documents-main-view.check {
- background-repeat: no-repeat;
- background-position: center;
- background-color: @theme_base_color;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-color: @theme_base_color;
 }
 
 .documents-selection-mode.toolbar {
- border-width: 0;
+ border-width: 0;
 }
 
 .documents-selection-mode.toolbar .dim-label {
- color: @theme_fg_color;
+ color: @theme_fg_color;
 }
 
 .documents-icon-bg {
- background-color: @switch_trough_active_gradient_a;
- border-radius: 3px;
- color: @theme_base_color;
+ background-color: @switch_trough_active_gradient_a;
+ border-radius: 3px;
+ color: @theme_base_color;
 }
 
 .documents-collection-icon {
- background-color: @theme_bg_color;
- border-radius: 3px;
-}
-
-/******************
- * gnome-terminal *
- ******************/
-
-TerminalScreen {
- background-color: @theme_base_color;
- color: @theme_fg_color;
+ background-color: @theme_bg_color;
+ border-radius: 3px;
 }
 
 /*********
@@ -141,23 +62,24 @@ TerminalScreen {
 
 UnityPanelWidget,
 .unity-panel {
- background-image: none;
- background-color: @theme_bg_color;
- color: @theme_fg_color;
- border-width: 0;
+ background-image: none;
+ background-color: @theme_bg_color;
+ color: @theme_fg_color;
+ border-width: 0;
+}
+
+.unity-panel menubar menuitem:hover {
+ background-color: @menu_bg_color;
+ border-style: solid;
+ border-width: 1px 1px 0px;
+ border-color: @menubar_menuitem_hover_border_color;
+ border-radius: 3px 3px 0 0;
+ background-image: -gtk-gradient (linear,
+ left top,
+ left bottom,
+ from (@menubar_menuitem_hover_gradient_a),
+ color-stop (0.50, @menubar_menuitem_hover_gradient_b),
+ color-stop (0.50, @menubar_menuitem_hover_gradient_c),
+ to (@menubar_menuitem_hover_gradient_d));
 }
 
-.unity-panel.menubar.menuitem:hover {
- background-color: @menu_bg_color;
- border-style: solid;
- border-width: 1px 1px 0px;
- border-color: @menubar_menuitem_hover_border_color;
- border-radius: 3px 3px 0 0;
- background-image: -gtk-gradient (linear,
- left top,
- left bottom,
- from (@menubar_menuitem_hover_gradient_a),
- color-stop (0.50, @menubar_menuitem_hover_gradient_b),
- color-stop (0.50, @menubar_menuitem_hover_gradient_c),
- to (@menubar_menuitem_hover_gradient_d));
-}
diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets-img.css b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets-img.css
index d18f5cda..0016d914 100644
--- a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets-img.css
+++ b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets-img.css
@@ -6,378 +6,371 @@
 * GtkSwitch *
 *************/
 
-GtkSwitch.slider {
- background-image: linear-gradient(to bottom,
- alpha (@switch_slider_gradient_a, 0.5),
- alpha (@switch_slider_gradient_b, 0.5) 50%,
- alpha (@switch_slider_gradient_c, 0.5) 50%,
- alpha (@switch_slider_gradient_d, 0.5)),
- url("img/slider-horz-grip.png");
- background-repeat: no-repeat;
- background-position: center center;
-}
-
-GtkSwitch.slider:insensitive {
- background-image: linear-gradient(to bottom,
- alpha (@switch_slider_insensitive_gradient_a, 0.8),
- alpha (@switch_slider_insensitive_gradient_b, 0.8) 50%,
- alpha (@switch_slider_insensitive_gradient_c, 0.8) 50%,
- alpha (@switch_slider_insensitive_gradient_d, 0.8)),
- url("img/slider-horz-grip.png");
+switch slider {
+ background-image: linear-gradient(to bottom,
+ alpha (@switch_slider_gradient_a, 0.5),
+ alpha (@switch_slider_gradient_b, 0.5) 50%,
+ alpha (@switch_slider_gradient_c, 0.5) 50%,
+ alpha (@switch_slider_gradient_d, 0.5)),
+ url("img/slider-horz-grip.png");
+ background-repeat: no-repeat;
+ background-position: center center;
 }
 
-/***************
- * Resize grip *
- ***************/
-
-.grip {
- background-image: url("img/resize-grip.png");
+switch slider:disabled {
+ background-image: linear-gradient(to bottom,
+ alpha (@switch_slider_insensitive_gradient_a, 0.8),
+ alpha (@switch_slider_insensitive_gradient_b, 0.8) 50%,
+ alpha (@switch_slider_insensitive_gradient_c, 0.8) 50%,
+ alpha (@switch_slider_insensitive_gradient_d, 0.8)),
+ url("img/slider-horz-grip.png");
 }
 
 /*************
 * Scrollbar *
 *************/
 
-.scrollbar.slider {
- background-repeat: no-repeat;
- background-position: center center;
-}
-
-.scrollbar.slider.vertical {
- background-image: linear-gradient(to right,
- alpha (@scrollbar_slider_inner_border_color, 0.5),
- alpha (@scrollbar_slider_gradient_a, 0.5) 1px,
- alpha (@scrollbar_slider_gradient_b, 0.5) 50%,
- alpha (@scrollbar_slider_gradient_c, 0.5) 50%,
- alpha (@scrollbar_slider_gradient_d, 0.5) 95%,
- alpha (@scrollbar_slider_inner_border_color, 0.5)),
- url("img/slider-vert-grip.png");
-}
-
-.scrollbar.slider.horizontal {
- background-image: linear-gradient(to bottom,
- alpha (@scrollbar_slider_inner_border_color, 0.5),
- alpha (@scrollbar_slider_gradient_a, 0.5) 1px,
- alpha (@scrollbar_slider_gradient_b, 0.5) 50%,
- alpha (@scrollbar_slider_gradient_c, 0.5) 50%,
- alpha (@scrollbar_slider_gradient_d, 0.5) 95%,
- alpha (@scrollbar_slider_inner_border_color, 0.5)),
- url("img/slider-horz-grip.png");
-}
-
-.scrollbar.slider.vertical:hover {
- background-image: linear-gradient(to right,
- alpha (@scrollbar_slider_inner_border_color, 0.5),
- alpha (@scrollbar_slider_hover_gradient_a, 0.5) 1px,
- alpha (@scrollbar_slider_hover_gradient_b, 0.5) 50%,
- alpha (@scrollbar_slider_hover_gradient_c, 0.5) 50%,
- alpha (@scrollbar_slider_hover_gradient_d, 0.5) 95%,
- alpha (@scrollbar_slider_inner_border_color, 0.5)),
- url("img/slider-vert-grip.png");
-}
-
-.scrollbar.slider.horizontal:hover {
- background-image: linear-gradient(to bottom,
- alpha (@scrollbar_slider_inner_border_color, 0.5),
- alpha (@scrollbar_slider_hover_gradient_a, 0.5) 1px,
- alpha (@scrollbar_slider_hover_gradient_b, 0.5) 50%,
- alpha (@scrollbar_slider_hover_gradient_c, 0.5) 50%,
- alpha (@scrollbar_slider_hover_gradient_d, 0.5) 95%,
- alpha (@scrollbar_slider_inner_border_color, 0.5)),
- url("img/slider-horz-grip.png");
+scrollbar slider {
+ background-repeat: no-repeat;
+ background-position: center center;
+}
+
+scrollbar.vertical slider {
+ background-image: linear-gradient(to right,
+ alpha (@scrollbar_slider_inner_border_color, 0.5),
+ alpha (@scrollbar_slider_gradient_a, 0.5) 1px,
+ alpha (@scrollbar_slider_gradient_b, 0.5) 50%,
+ alpha (@scrollbar_slider_gradient_c, 0.5) 50%,
+ alpha (@scrollbar_slider_gradient_d, 0.5) 95%,
+ alpha (@scrollbar_slider_inner_border_color, 0.5)),
+ url("img/slider-vert-grip.png");
+}
+
+scrollbar.horizontal slider {
+ background-image: linear-gradient(to bottom,
+ alpha (@scrollbar_slider_inner_border_color, 0.5),
+ alpha (@scrollbar_slider_gradient_a, 0.5) 1px,
+ alpha (@scrollbar_slider_gradient_b, 0.5) 50%,
+ alpha (@scrollbar_slider_gradient_c, 0.5) 50%,
+ alpha (@scrollbar_slider_gradient_d, 0.5) 95%,
+ alpha (@scrollbar_slider_inner_border_color, 0.5)),
+ url("img/slider-horz-grip.png");
+}
+
+scrollbar.vertical slider:hover {
+ background-image: linear-gradient(to right,
+ alpha (@scrollbar_slider_inner_border_color, 0.5),
+ alpha (@scrollbar_slider_hover_gradient_a, 0.5) 1px,
+ alpha (@scrollbar_slider_hover_gradient_b, 0.5) 50%,
+ alpha (@scrollbar_slider_hover_gradient_c, 0.5) 50%,
+ alpha (@scrollbar_slider_hover_gradient_d, 0.5) 95%,
+ alpha (@scrollbar_slider_inner_border_color, 0.5)),
+ url("img/slider-vert-grip.png");
+}
+
+scrollbar.horizontal slider:hover {
+ background-image: linear-gradient(to bottom,
+ alpha (@scrollbar_slider_inner_border_color, 0.5),
+ alpha (@scrollbar_slider_hover_gradient_a, 0.5) 1px,
+ alpha (@scrollbar_slider_hover_gradient_b, 0.5) 50%,
+ alpha (@scrollbar_slider_hover_gradient_c, 0.5) 50%,
+ alpha (@scrollbar_slider_hover_gradient_d, 0.5) 95%,
+ alpha (@scrollbar_slider_inner_border_color, 0.5)),
+ url("img/slider-horz-grip.png");
 }
 
 /*************************
 * Check and Radio items *
 *************************/
 
-.check,
-.check row:selected,
-.check row:selected:focus {
- -gtk-icon-source: url("img/checkbox-unchecked.png");
+check,
+check row:selected,
+check row:selected:focus {
+ -gtk-icon-source: url("img/checkbox-unchecked.png");
 }
 
-.check:hover,
-.check row:selected:hover,
-.check row:selected:focus:hover {
- -gtk-icon-source: url("img/checkbox-unchecked-hover.png");
+check:hover,
+check row:selected:hover,
+check row:selected:focus:hover {
+ -gtk-icon-source: url("img/checkbox-unchecked-hover.png");
 }
 
-.check:insensitive,
-.check row:selected:insensitive,
-.check row:selected:focus:insensitive {
- -gtk-icon-source: url("img/checkbox-unchecked-insensitive.png");
+check:disabled,
+check row:selected:disabled,
+check row:selected:focus:disabled {
+ -gtk-icon-source: url("img/checkbox-unchecked-insensitive.png");
 }
 
-.check:checked,
-.check row:selected:checked,
-.check row:selected:focus:checked,
-.check:active,
-.check row:selected:active,
-.check row:selected:focus:active {
- -gtk-icon-source: url("img/checkbox-checked.png");
+check:checked,
+check row:selected:checked,
+check row:selected:focus:checked,
+check:active,
+check row:selected:active,
+check row:selected:focus:active {
+ -gtk-icon-source: url("img/checkbox-checked.png");
 }
 
-.check:checked:hover,
-.check row:selected:checked:hover,
-.check row:selected:focus:checked:hover,
-.check:active:hover,
-.check row:selected:active:hover,
-.check row:selected:focus:active:hover {
- -gtk-icon-source: url("img/checkbox-checked-hover.png");
-}
- 
-.check:checked:insensitive,
-.check row:selected:checked:insensitive,
-.check row:selected:focus:checked:insensitive,
-.check:active:insensitive,
-.check row:selected:active:insensitive,
-.check row:selected:focus:active:insensitive {
- -gtk-icon-source: url("img/checkbox-checked-insensitive.png");
+check:checked:hover,
+check row:selected:checked:hover,
+check row:selected:focus:checked:hover,
+check:active:hover,
+check row:selected:active:hover,
+check row:selected:focus:active:hover {
+ -gtk-icon-source: url("img/checkbox-checked-hover.png");
 }
- 
-.check:inconsistent,
-.check row:selected:inconsistent,
-.check row:selected:focus:inconsistent {
- -gtk-icon-source: url("img/checkbox-mixed.png");
+
+check:checked:disabled,
+check row:selected:checked:disabled,
+check row:selected:focus:checked:disabled,
+check:active:disabled,
+check row:selected:active:disabled,
+check row:selected:focus:active:disabled {
+ -gtk-icon-source: url("img/checkbox-checked-insensitive.png");
+ }
+
+check:indeterminate,
+check row:selected:indeterminate,
+check row:selected:focus:indeterminate {
+ -gtk-icon-source: url("img/checkbox-mixed.png");
 }
- 
-.check:inconsistent:hover,
-.check row:selected:inconsistent:hover,
-.check row:selected:focus:inconsistent:hover {
- -gtk-icon-source: url("img/checkbox-mixed-hover.png");
+
+check:indeterminate:hover,
+check row:selected:indeterminate:hover,
+check row:selected:focus:indeterminate:hover {
+ -gtk-icon-source: url("img/checkbox-mixed-hover.png");
 }
- 
-.check:inconsistent:insensitive,
-.check row:selected:inconsistent:insensitive,
-.check row:selected:focus:inconsistent:insensitive {
- -gtk-icon-source: url("img/checkbox-mixed-insensitive.png");
+
+check:indeterminate:disabled,
+check row:selected:indeterminate:disabled,
+check row:selected:focus:indeterminate:disabled {
+ -gtk-icon-source: url("img/checkbox-mixed-insensitive.png");
 }
- 
-.radio,
-.radio row:selected,
-.radio row:selected:focus {
- -gtk-icon-source: url("img/radio-unchecked.png");
+
+radio,
+radio row:selected,
+radio row:selected:focus {
+ -gtk-icon-source: url("img/radio-unchecked.png");
 }
- 
-.radio:hover,
-.radio row:selected:hover,
-.radio row:selected:focus:hover {
- -gtk-icon-source: url("img/radio-unchecked-hover.png");
+
+radio:hover,
+radio row:selected:hover,
+radio row:selected:focus:hover {
+ -gtk-icon-source: url("img/radio-unchecked-hover.png");
 }
- 
-.radio:insensitive,
-.radio row:selected:insensitive,
-.radio row:selected:focus:insensitive {
- -gtk-icon-source: url("img/radio-unchecked-insensitive.png");
+
+radio:disabled,
+radio row:selected:disabled,
+radio row:selected:focus:disabled {
+ -gtk-icon-source: url("img/radio-unchecked-insensitive.png");
 }
- 
-.radio:checked,
-.radio row:selected:checked,
-.radio row:selected:focus:checked,
-.radio:active,
-.radio row:selected:active,
-.radio row:selected:focus:active {
- -gtk-icon-source: url("img/radio-checked.png");
+
+radio:checked,
+radio row:selected:checked,
+radio row:selected:focus:checked,
+radio:active,
+radio row:selected:active,
+radio row:selected:focus:active {
+ -gtk-icon-source: url("img/radio-checked.png");
 }
- 
-.radio:checked:hover,
-.radio row:selected:checked:hover,
-.radio row:selected:focus:checked:hover,
-.radio:active:hover,
-.radio row:selected:active:hover,
-.radio row:selected:focus:active:hover {
- -gtk-icon-source: url("img/radio-checked-hover.png");
+
+radio:checked:hover,
+radio row:selected:checked:hover,
+radio row:selected:focus:checked:hover,
+radio:active:hover,
+radio row:selected:active:hover,
+radio row:selected:focus:active:hover {
+ -gtk-icon-source: url("img/radio-checked-hover.png");
 }
 
-.radio:checked:insensitive,
-.radio row:selected:checked:insensitive,
-.radio row:selected:focus:checked:insensitive,
-.radio:active:insensitive,
-.radio row:selected:active:insensitive,
-.radio row:selected:focus:active:insensitive {
- -gtk-icon-source: url("img/radio-checked-insensitive.png");
+radio:checked:disabled,
+radio row:selected:checked:disabled,
+radio row:selected:focus:checked:disabled,
+radio:active:disabled,
+radio row:selected:active:disabled,
+radio row:selected:focus:active:disabled {
+ -gtk-icon-source: url("img/radio-checked-insensitive.png");
 }
 
-.radio:inconsistent,
-.radio row:selected:inconsistent,
-.radio row:selected:focus:inconsistent {
- -gtk-icon-source: url("img/radio-mixed.png");
+radio:indeterminate,
+radio row:selected:indeterminate,
+radio row:selected:focus:indeterminate {
+ -gtk-icon-source: url("img/radio-mixed.png");
 }
 
-.radio:inconsistent:hover,
-.radio row:selected:inconsistent:hover,
-.radio row:selected:focus:inconsistent:hover {
- -gtk-icon-source: url("img/radio-mixed-hover.png");
+radio:indeterminate:hover,
+radio row:selected:indeterminate:hover,
+radio row:selected:focus:indeterminate:hover {
+ -gtk-icon-source: url("img/radio-mixed-hover.png");
 }
 
-.radio:inconsistent:insensitive,
-.radio row:selected:inconsistent:insensitive,
-.radio row:selected:focus:inconsistent:insensitive {
- -gtk-icon-source: url("img/radio-mixed-insensitive.png");
+radio:indeterminate:disabled,
+radio row:selected:indeterminate:disabled,
+radio row:selected:focus:indeterminate:disabled {
+ -gtk-icon-source: url("img/radio-mixed-insensitive.png");
 }
+
 /*********************
 * GtkScale's slider *
 *********************/
 
-GtkScale.slider,
-GtkScale.slider.horizontal {
- background-image: url("img/scale-slider-horz.png");
+scale slider,
+scale.horizontal slider {
+ background-image: url("img/scale-slider-horz.png");
 }
 
-GtkScale.slider:hover,
-GtkScale.slider.horizontal:hover {
- background-image: url("img/scale-slider-horz-hover.png");
+scale slider:hover,
+scale.horizontal slider:hover {
+ background-image: url("img/scale-slider-horz-hover.png");
 }
 
-GtkScale.slider:insensitive,
-GtkScale.slider.horizontal:insensitive {
- background-image: url("img/scale-slider-horz-insensitive.png");
+scale slider:disabled,
+scale.horizontal slider:disabled {
+ background-image: url("img/scale-slider-horz-insensitive.png");
 }
 
-GtkScale.slider.vertical {
- background-image: url("img/scale-slider-vert.png");
+scale.vertical slider {
+ background-image: url("img/scale-slider-vert.png");
 }
 
-GtkScale.slider.vertical:hover {
- background-image: url("img/scale-slider-vert-hover.png");
+scale.vertical slider:hover {
+ background-image: url("img/scale-slider-vert-hover.png");
 }
 
-GtkScale.slider.vertical:insensitive {
- background-image: url("img/scale-slider-vert-insensitive.png");
+scale.vertical slider:disabled {
+ background-image: url("img/scale-slider-vert-insensitive.png");
 }
 
-GtkScale.scale-has-marks-above.slider.horizontal {
- background-image: url("img/scale-slider-horz.png");
+scale.horizontal.scale-has-marks-above slider {
+ background-image: url("img/scale-slider-horz.png");
 }
 
-GtkScale.scale-has-marks-above.slider.horizontal:hover {
- background-image: url("img/scale-slider-horz-hover.png");
+scale.horizontal.scale-has-marks-above slider:hover {
+ background-image: url("img/scale-slider-horz-hover.png");
 }
 
-GtkScale.scale-has-marks-above.slider.horizontal:insensitive {
- background-image: url("img/scale-slider-horz-insensitive.png");
+scale.horizontal.scale-has-marks-above slider:disabled {
+ background-image: url("img/scale-slider-horz-insensitive.png");
 }
 
-GtkScale.scale-has-marks-above.slider.vertical {
- background-image: url("img/scale-slider-vert.png");
+scale.vertical.scale-has-marks-above slider {
+ background-image: url("img/scale-slider-vert.png");
 }
 
-GtkScale.scale-has-marks-above.slider.vertical:hover {
- background-image: url("img/scale-slider-vert-hover.png");
+scale.vertical.scale-has-marks-above slider:hover {
+ background-image: url("img/scale-slider-vert-hover.png");
 }
 
-GtkScale.scale-has-marks-above.slider.vertical:insensitive {
- background-image: url("img/scale-slider-vert-insensitive.png");
+scale.vertical.scale-has-marks-above slider:disabled {
+ background-image: url("img/scale-slider-vert-insensitive.png");
 }
 
-GtkScale.scale-has-marks-below.slider.horizontal {
- background-image: url("img/scale-slider-horz.png");
+scale.horizontal.scale-has-marks-below slider {
+ background-image: url("img/scale-slider-horz.png");
 }
 
-GtkScale.scale-has-marks-below.slider.horizontal:hover {
- background-image: url("img/scale-slider-horz-hover.png");
+scale.horizontal.scale-has-marks-below slider:hover {
+ background-image: url("img/scale-slider-horz-hover.png");
 }
 
-GtkScale.scale-has-marks-below.slider.horizontal:insensitive {
- background-image: url("img/scale-slider-horz-insensitive.png");
+scale.horizontal.scale-has-marks-below slider:disabled {
+ background-image: url("img/scale-slider-horz-insensitive.png");
 }
 
-GtkScale.scale-has-marks-below.slider.vertical {
- background-image: url("img/scale-slider-vert.png");
+scale.vertical.scale-has-marks-below slider {
+ background-image: url("img/scale-slider-vert.png");
 }
 
-GtkScale.scale-has-marks-below.slider.vertical:hover {
- background-image: url("img/scale-slider-vert-hover.png");
+scale.vertical.scale-has-marks-below slider:hover {
+ background-image: url("img/scale-slider-vert-hover.png");
 }
 
-GtkScale.scale-has-marks-below.slider.vertical:insensitive {
- background-image: url("img/scale-slider-vert-insensitive.png");
+scale.vertical.scale-has-marks-below slider:disabled {
+ background-image: url("img/scale-slider-vert-insensitive.png");
 }
 
 /*********
 * Menus *
 *********/
 
-.menu .menuitem.check {
- -gtk-icon-source: url("img/menuitem-checkbox.png");
+menu menuitem check {
+ -gtk-icon-source: url("img/menuitem-checkbox.png");
 }
 
-.menu .menuitem.check:hover {
- -gtk-icon-source: url("img/menuitem-checkbox-hover.png");
+menu menuitem check:hover {
+ -gtk-icon-source: url("img/menuitem-checkbox-hover.png");
 }
 
-.menu .menuitem.check:insensitive {
- -gtk-icon-source: url("img/menuitem-checkbox-insensitive.png");
+menu menuitem check:disabled {
+ -gtk-icon-source: url("img/menuitem-checkbox-insensitive.png");
 }
 
-.menu .menuitem.check:checked,
-.menu .menuitem.check:active {
- -gtk-icon-source: url("img/menuitem-checkbox-checked.png");
+menu menuitem check:checked,
+menu menuitem check:active {
+ -gtk-icon-source: url("img/menuitem-checkbox-checked.png");
 }
 
-.menu .menuitem.check:checked:hover,
-.menu .menuitem.check:active:hover {
- -gtk-icon-source: url("img/menuitem-checkbox-checked-hover.png");
+menu menuitem check:checked:hover,
+menu menuitem check:active:hover {
+ -gtk-icon-source: url("img/menuitem-checkbox-checked-hover.png");
 }
 
-.menu .menuitem.check:checked:insensitive,
-.menu .menuitem.check:active:insensitive {
- -gtk-icon-source: url("img/menuitem-checkbox-checked-insensitive.png");
+menu menuitem check:checked:disabled,
+menu menuitem check:active:disabled {
+ -gtk-icon-source: url("img/menuitem-checkbox-checked-insensitive.png");
 }
 
-.menu .menuitem.check:inconsistent,
-.menu .menuitem.radio:inconsistent {
- -gtk-icon-source: url("img/menuitem-checkbox-mixed.png");
+menu menuitem check:indeterminate,
+menu menuitem radio:indeterminate {
+ -gtk-icon-source: url("img/menuitem-checkbox-mixed.png");
 }
 
-.menu .menuitem.check:inconsistent:hover,
-.menu .menuitem.radio:inconsistent:hover {
- -gtk-icon-source: url("img/menuitem-checkbox-mixed-hover.png");
+menu menuitem check:indeterminate:hover,
+menu menuitem radio:indeterminate:hover {
+ -gtk-icon-source: url("img/menuitem-checkbox-mixed-hover.png");
 }
 
-.menu .menuitem.check:inconsistent:insensitive,
-.menu .menuitem.radio:inconsistent:insensitive {
- -gtk-icon-source: url("img/menuitem-checkbox-mixed-insensitive.png");
+menu menuitem check:indeterminate:disabled,
+menu menuitem radio:indeterminate:disabled {
+ -gtk-icon-source: url("img/menuitem-checkbox-mixed-insensitive.png");
 }
 
-.menu .menuitem.radio {
- -gtk-icon-source: url("img/menuitem-radio.png");
+menu menuitem radio {
+ -gtk-icon-source: url("img/menuitem-radio.png");
 }
 
-.menu .menuitem.radio:hover {
- -gtk-icon-source: url("img/menuitem-radio-hover.png");
+menu menuitem radio:hover {
+ -gtk-icon-source: url("img/menuitem-radio-hover.png");
 }
 
-.menu .menuitem.radio:insensitive {
- -gtk-icon-source: url("img/menuitem-radio-insensitive.png");
+menu menuitem radio:disabled {
+ -gtk-icon-source: url("img/menuitem-radio-insensitive.png");
 }
 
-.menu .menuitem.radio:checked,
-.menu .menuitem.radio:active {
- -gtk-icon-source: url("img/menuitem-radio-checked.png");
+menu menuitem radio:checked,
+menu menuitem radio:active {
+ -gtk-icon-source: url("img/menuitem-radio-checked.png");
 }
 
-.menu .menuitem.radio:checked:hover,
-.menu .menuitem.radio:active:hover {
- -gtk-icon-source: url("img/menuitem-radio-checked-hover.png");
+menu menuitem radio:checked:hover,
+menu menuitem radio:active:hover {
+ -gtk-icon-source: url("img/menuitem-radio-checked-hover.png");
 }
 
-.menu .menuitem.radio:checked:insensitive,
-.menu .menuitem.radio:active:insensitive {
- -gtk-icon-source: url("img/menuitem-radio-checked-insensitive.png");
+menu menuitem radio:checked:disabled,
+menu menuitem radio:active:disabled {
+ -gtk-icon-source: url("img/menuitem-radio-checked-insensitive.png");
 }
 
 /*********
 * Panes *
 *********/
 
-.pane-separator {
- background-image: url("img/pane-separator-grip-horz.png");
+paned > separator {
+ background-image: url("img/pane-separator-grip-horz.png");
 }
 
-.pane-separator.vertical {
- background-image: url("img/pane-separator-grip-vert.png");
+paned.vertical > separator {
+ background-image: url("img/pane-separator-grip-vert.png");
 }
 
 /***********
@@ -385,531 +378,247 @@ GtkScale.scale-has-marks-below.slider.vertical:insensitive {
 ***********/
 
 /* generic element borders */
-.entry,
-.combobox-entry .entry,
-.combobox-entry .button,
-.button:active,
-.trough,
-.trough.highlight,
-GtkSwitch.trough,
+entry,
+combobox entry,
+combobox entry button,
+button:active,
+trough,
+trough highlight,
+switch,
 /* generic button borders */
-.button,
-.button.flat:active,
-.button.flat:hover,
+button,
+button.flat:active,
+button.flat:hover,
 .menu-button:active,
-.titlebar .titlebutton:hover,
-.primary-toolbar .button:checked,
-.primary-toolbar .button.raised,
-.primary-toolbar .raised .button,
-.primary-toolbar GtkComboBox .button,
+.titlebar button.titlebutton:hover,
+toolbar.primary-toolbar button:checked,
+.titlebar button.titlebutton:hover,
+toolbar.primary-toolbar button.raised,
+toolbar.primary-toolbar .raised button,
+toolbar.primary-toolbar combobox button,
 /* primary toolbar - generic element borders */
-.primary-toolbar .entry,
-.primary-toolbar .combobox-entry .entry,
-.primary-toolbar .combobox-entry .button,
-.primary-toolbar .button:active,
-.primary-toolbar .button.raised:active,
-.primary-toolbar .raised .button:active,
-.primary-toolbar .button.raised:insensitive,
-.primary-toolbar .raised .button:insensitive,
-.primary-toolbar GtkSwitch.trough,
-.primary-toolbar GtkSwitch.trough:insensitive,
-.primary-toolbar GtkComboBox .button:active,
-.primary-toolbar GtkComboBox .button:insensitive,
+toolbar.primary-toolbar entry,
+toolbar.primary-toolbar combobox entry,
+toolbar.primary-toolbar combobox button,
+toolbar.primary-toolbar button:active,
+toolbar.primary-toolbar button.raised:active,
+toolbar.primary-toolbar .raised button:active,
+toolbar.primary-toolbar button.raised:disabled,
+toolbar.primary-toolbar .raised button:disabled,
+toolbar.primary-toolbar switch,
+toolbar.primary-toolbar switch:disabled,
+toolbar.primary-toolbar combobox button:active,
+toolbar.primary-toolbar combobox button:disabled,
 /* primary toolbar - hover button borders */
-.primary-toolbar .button:hover {
- border-image: url("img/border.svg") 3 3 4 3 / 3px 3px 4px 3px repeat;
- border-radius: 3px;
- border-width: 1px 1px 2px 1px;
- border-style: solid;
- border-color: transparent;
+toolbar.primary-toolbar button:hover {
+ border-image: url("img/border.svg") 3 3 4 3 / 3px 3px 4px 3px repeat;
+ border-radius: 3px;
+ border-width: 1px 1px 2px 1px;
+ border-style: solid;
+ border-color: transparent;
 }
 
-.primary-toolbar .entry,
-.primary-toolbar .combobox-entry .entry {
- border-width: 1px 2px 2px;
+toolbar.primary-toolbar entry,
+toolbar.primary-toolbar combobox entry {
+ border-width: 1px 2px 2px;
 }
 
-.primary-toolbar .entry:focus,
-.primary-toolbar .combobox-entry .entry:focus {
- border-width: 1px 2px 2px;
+toolbar.primary-toolbar entry:focus,
+toolbar.primary-toolbar combobox entry:focus {
+ border-width: 1px 2px 2px;
 }
 
 /* Linked single button */
-.linked .entry:only-child,
-.linked .button:only-child,
-.linked .button:active:only-child,
-.linked .button:active:hover:only-child,
-.linked .button:focus:only-child,
-.linked .button:focus:active:only-child,
-.linked .button:insensitive:only-child,
+.linked entry:only-child,
+.linked button:only-child,
+.linked button:active:only-child,
+.linked button:active:hover:only-child,
+.linked button:focus:only-child,
+.linked button:focus:active:only-child,
+.linked button:disabled:only-child,
 /* Middle button (vertical) */
-.linked.vertical .entry,
-.linked.vertical .button,
-.linked.vertical .button:active,
-.linked.vertical .button:active:hover,
-.linked.vertical .button:focus,
-.linked.vertical .button:focus:active,
-.linked.vertical .button:insensitive,
+.linked.vertical entry,
+.linked.vertical button,
+.linked.vertical button:active,
+.linked.vertical button:active:hover,
+.linked.vertical button:focus,
+.linked.vertical button:focus:active,
+.linked.vertical button:disabled,
 /* Top button (vertical) */
-.linked.vertical .entry:first-child,
-.linked.vertical .button:first-child,
-.linked.vertical .button:active:first-child,
-.linked.vertical .button:active:hover:first-child,
-.linked.vertical .button:focus:first-child,
-.linked.vertical .button:focus:active:first-child,
-.linked.vertical .button:insensitive:first-child,
+.linked.vertical entry:first-child,
+.linked.vertical button:first-child,
+.linked.vertical button:active:first-child,
+.linked.vertical button:active:hover:first-child,
+.linked.vertical button:focus:first-child,
+.linked.vertical button:focus:active:first-child,
+.linked.vertical button:disabled:first-child,
 /* Bottom button (vertical) */
-.linked.vertical .entry:last-child,
-.linked.vertical .button:last-child,
-.linked.vertical .button:active:last-child,
-.linked.vertical .button:active:hover:last-child,
-.linked.vertical .button:focus:last-child,
-.linked.vertical .button:focus:active:last-child,
-.linked.vertical .button:insensitive:last-child,
+.linked.vertical entry:last-child,
+.linked.vertical button:last-child,
+.linked.vertical button:active:last-child,
+.linked.vertical button:active:hover:last-child,
+.linked.vertical button:focus:last-child,
+.linked.vertical button:focus:active:last-child,
+.linked.vertical button:disabled:last-child,
 /* Linked single button (vertical) */
-.linked.vertical .entry:only-child,
-.linked.vertical .button:only-child,
-.linked.vertical .button:active:only-child,
-.linked.vertical .button:active:hover:only-child,
-.linked.vertical .button:focus:only-child,
-.linked.vertical .button:focus:active:only-child,
-.linked.vertical .button:insensitive:only-child,
+.linked.vertical entry:only-child,
+.linked.vertical button:only-child,
+.linked.vertical button:active:only-child,
+.linked.vertical button:active:hover:only-child,
+.linked.vertical button:focus:only-child,
+.linked.vertical button:focus:active:only-child,
+.linked.vertical button:disabled:only-child,
 /* Linked buttons on primary toolbars */
 /* Middle button */
-.primary-toolbar .button.raised.linked,
-.primary-toolbar .button.raised.linked:active,
-.primary-toolbar .button.raised.linked:focus,
-.primary-toolbar .button.raised.linked:focus:active,
-.primary-toolbar .button.raised.linked:insensitive,
-.primary-toolbar .raised.linked .button,
-.primary-toolbar .raised.linked .button:active,
-.primary-toolbar .raised.linked .button:focus,
-.primary-toolbar .raised.linked .button:focus:active,
-.primary-toolbar .raised.linked .button:insensitive,
-.inline-toolbar.toolbar .button,
-.inline-toolbar.toolbar .button:active,
-.inline-toolbar.toolbar .button:focus,
-.inline-toolbar.toolbar .button:focus:active,
-.inline-toolbar.toolbar .button:insensitive,
-.inline-toolbar.toolbar GtkToolButton .button,
-.inline-toolbar.toolbar GtkToolButton .button:active,
-.inline-toolbar.toolbar GtkToolButton .button:focus,
-.inline-toolbar.toolbar GtkToolButton .button:focus:active,
-.inline-toolbar.toolbar GtkToolButton .button:insensitive,
+toolbar.primary-toolbar button.raised.linked,
+toolbar.primary-toolbar button.raised.linked:active,
+toolbar.primary-toolbar button.raised.linked:focus,
+toolbar.primary-toolbar button.raised.linked:focus:active,
+toolbar.primary-toolbar button.raised.linked:disabled,
+toolbar.primary-toolbar .raised.linked button,
+toolbar.primary-toolbar .raised.linked button:active,
+toolbar.primary-toolbar .raised.linked button:focus,
+toolbar.primary-toolbar .raised.linked button:focus:active,
+toolbar.primary-toolbar .raised.linked button:disabled,
+toolbar.inline-toolbar button,
+toolbar.inline-toolbar button:active,
+toolbar.inline-toolbar button:focus,
+toolbar.inline-toolbar button:focus:active,
+toolbar.inline-toolbar button:disabled,
+toolbar.inline-toolbar toolbutton button,
+toolbar.inline-toolbar toolbutton button:active,
+toolbar.inline-toolbar toolbutton button:focus,
+toolbar.inline-toolbar toolbutton button:focus:active,
+toolbar.inline-toolbar toolbutton button:disabled,
 /* Leftmost button */
-.primary-toolbar .button.raised.linked:first-child,
-.primary-toolbar .button.raised.linked:active:first-child,
-.primary-toolbar .button.raised.linked:focus:first-child,
-.primary-toolbar .button.raised.linked:focus:active:first-child,
-.primary-toolbar .button.raised.linked:insensitive:first-child,
-.primary-toolbar .raised.linked .button:first-child,
-.primary-toolbar .raised.linked .button:active:first-child,
-.primary-toolbar .raised.linked .button:focus:first-child,
-.primary-toolbar .raised.linked .button:focus:active:first-child,
-.primary-toolbar .raised.linked .button:insensitive:first-child,
-.inline-toolbar.toolbar .button:first-child,
-.inline-toolbar.toolbar .button:active:first-child,
-.inline-toolbar.toolbar .button:focus:first-child,
-.inline-toolbar.toolbar .button:focus:active:first-child,
-.inline-toolbar.toolbar .button:insensitive:first-child,
-.inline-toolbar.toolbar GtkToolButton:first-child .button,
-.inline-toolbar.toolbar GtkToolButton:first-child .button:active,
-.inline-toolbar.toolbar GtkToolButton:first-child .button:focus,
-.inline-toolbar.toolbar GtkToolButton:first-child .button:focus:active,
-.inline-toolbar.toolbar GtkToolButton:first-child .button:insensitive,
+toolbar.primary-toolbar button.raised.linked:first-child,
+toolbar.primary-toolbar button.raised.linked:active:first-child,
+toolbar.primary-toolbar button.raised.linked:focus:first-child,
+toolbar.primary-toolbar button.raised.linked:focus:active:first-child,
+toolbar.primary-toolbar button.raised.linked:disabled:first-child,
+toolbar.primary-toolbar .raised.linked button:first-child,
+toolbar.primary-toolbar .raised.linked button:active:first-child,
+toolbar.primary-toolbar .raised.linked button:focus:first-child,
+toolbar.primary-toolbar .raised.linked button:focus:active:first-child,
+toolbar.primary-toolbar .raised.linked button:disabled:first-child,
+toolbar.inline-toolbar button:first-child,
+toolbar.inline-toolbar button:active:first-child,
+toolbar.inline-toolbar button:focus:first-child,
+toolbar.inline-toolbar button:focus:active:first-child,
+toolbar.inline-toolbar button:disabled:first-child,
+toolbar.inline-toolbar toolbutton button :first-child,
+toolbar.inline-toolbar toolbutton button :first-child:active,
+toolbar.inline-toolbar toolbutton button :first-child:focus,
+toolbar.inline-toolbar toolbutton button :first-child:focus:active,
+toolbar.inline-toolbar toolbutton button :first-child:disabled,
 /* Rightmost button */
-.primary-toolbar .button.raised.linked:last-child,
-.primary-toolbar .button.raised.linked:active:last-child,
-.primary-toolbar .button.raised.linked:focus:last-child,
-.primary-toolbar .button.raised.linked:focus:active:last-child,
-.primary-toolbar .button.raised.linked:insensitive:last-child,
-.primary-toolbar .raised.linked .button:last-child,
-.primary-toolbar .raised.linked .button:active:last-child,
-.primary-toolbar .raised.linked .button:focus:last-child,
-.primary-toolbar .raised.linked .button:focus:active:last-child,
-.primary-toolbar .raised.linked .button:insensitive:last-child,
-.inline-toolbar.toolbar .button:last-child,
-.inline-toolbar.toolbar .button:active:last-child,
-.inline-toolbar.toolbar .button:focus:last-child,
-.inline-toolbar.toolbar .button:focus:active:last-child,
-.inline-toolbar.toolbar .button:insensitive:last-child,
-.inline-toolbar.toolbar GtkToolButton:last-child .button,
-.inline-toolbar.toolbar GtkToolButton:last-child .button:active,
-.inline-toolbar.toolbar GtkToolButton:last-child .button:focus,
-.inline-toolbar.toolbar GtkToolButton:last-child .button:focus:active,
-.inline-toolbar.toolbar GtkToolButton:last-child .button:insensitive,
+toolbar.primary-toolbar button.raised.linked:last-child,
+toolbar.primary-toolbar button.raised.linked:active:last-child,
+toolbar.primary-toolbar button.raised.linked:focus:last-child,
+toolbar.primary-toolbar button.raised.linked:focus:active:last-child,
+toolbar.primary-toolbar button.raised.linked:disabled:last-child,
+toolbar.primary-toolbar .raised.linked button:last-child,
+toolbar.primary-toolbar .raised.linked button:active:last-child,
+toolbar.primary-toolbar .raised.linked button:focus:last-child,
+toolbar.primary-toolbar .raised.linked button:focus:active:last-child,
+toolbar.primary-toolbar .raised.linked button:disabled:last-child,
+toolbar.inline-toolbar button:last-child,
+toolbar.inline-toolbar button:active:last-child,
+toolbar.inline-toolbar button:focus:last-child,
+toolbar.inline-toolbar button:focus:active:last-child,
+toolbar.inline-toolbar button:disabled:last-child,
+toolbar.inline-toolbar toolbutton button :last-child,
+toolbar.inline-toolbar toolbutton button :last-child:active,
+toolbar.inline-toolbar toolbutton button :last-child:focus,
+toolbar.inline-toolbar toolbutton button :last-child:focus:active,
+toolbar.inline-toolbar toolbutton button :last-child:disabled,
 /* Single button */
-.inline-toolbar.toolbar .button:only-child,
-.inline-toolbar.toolbar .button:active:only-child,
-.inline-toolbar.toolbar .button:focus:only-child,
-.inline-toolbar.toolbar .button:focus:active:only-child,
-.inline-toolbar.toolbar .button:insensitive:only-child,
-.inline-toolbar.toolbar GtkToolButton:only-child .button,
-.inline-toolbar.toolbar GtkToolButton:only-child .button:active,
-.inline-toolbar.toolbar GtkToolButton:only-child .button:focus,
-.inline-toolbar.toolbar GtkToolButton:only-child .button:focus:active,
-.inline-toolbar.toolbar GtkToolButton:only-child .button:insensitive {
- border-image: url("img/border-inline-button.svg") 3 3 4 3 / 3px 3px 4px 3px repeat;
- border-radius: 3px;
- border-width: 1px 1px 2px 1px;
- border-style: solid;
- border-color: transparent;
-}
-
-/* generic insensitive element borders */
-GtkSwitch.trough:insensitive,
-.combobox-entry .entry:insensitive,
-.combobox-entry .button:insensitive,
-.entry:insensitive,
-.button:insensitive,
-.trough row {
- border-image: url("img/border-insensitive.svg") 3 3 4 3 / 3px 3px 4px 3px repeat;
- border-radius: 3px;
- border-width: 1px 1px 2px 1px;
- border-style: solid;
- border-color: transparent;
-}
-
-.menuitem.button.flat,
-.button.flat,
-.button.flat:insensitive,
-GtkListBoxRow.button.list-row,
-GtkListBoxRow.button.list-row:hover {
- border-image: none;
- background-image: none;
-}
-
-
-/* focused element borders */
-.entry:focus,
-.combobox-entry .entry:focus,
-.button.flat:focus:active,
-.button:focus:active,
-.button.default:active,
-/* focused button borders */
-.button.flat:focus,
-.button.default,
-.primary-toolbar .entry:focus,
-.primary-toolbar .button:active:focus,
-.primary-toolbar .button:focus:hover,
-.primary-toolbar .combobox-entry .entry:focus,
-.primary-toolbar .combobox-entry .button:focus,
-.primary-toolbar .button.raised:focus:active,
-.primary-toolbar .raised .button:focus:active,
-.primary-toolbar .button.raised.default:active,
-.primary-toolbar .raised .button.default:active,
-.primary-toolbar GtkComboBox .button:active:focus,
-.primary-toolbar .button.raised:focus,
-.primary-toolbar .button.raised.default,
-.primary-toolbar .raised .button:focus,
-.primary-toolbar .raised .button.default,
-.primary-toolbar GtkComboBox .button:focus {
- border-image: url("img/border-focused.svg") 3 3 4 3 / 3px 3px 4px 3px repeat;
- border-radius: 3px;
- border-width: 1px 1px 2px 1px;
- border-style: solid;
- border-color: transparent;
-}
-
-/* focused primary toolbar button borders */
-.primary-toolbar .button:focus {
- border-image: url("img/border-focused-ptb.svg") 3 3 4 3 / 3px 3px 4px 3px repeat;
- border-radius: 3px;
- border-width: 1px 1px 2px 1px;
- border-style: solid;
- border-color: transparent;
-}
-
-/* focused switch trough borders */
-GtkSwitch.trough:active {
- border-image: url("img/border-focused-switch.svg") 3 3 4 3 / 3px 3px 4px 3px stretch;
- border-radius: 3px;
- border-width: 1px 1px 2px 1px;
- border-style: solid;
- border-color: transparent;
-}
-
-/* column-headers borders */
-column-header.button,
-column-header .button,
-column-header.button:focus,
-column-header .button:focus,
-column-header.button:active,
-column-header .button:active,
-column-header.button:active:hover,
-column-header .button:active:hover
-column-header.button:active:focus,
-column-header .button:active:focus {
- border-image: none;
- border-width: 1px;
- border-radius: 0;
- border-style: solid;
- border-color: @column_header_border_top_color @column_header_border_right_color
- @column_header_border_bottom_color @column_header_border_left_color;
-
-}
-
-column-header.button:last-child,
-column-header:last-child .button,
-column-header.button:last-child:focus,
-column-header:last-child .button:focus,
-column-header.button:last-child:active,
-column-header:last-child .button:active,
-column-header.button:last-child:active:hover,
-column-header:last-child .button:active:hover,
-column-header.button:last-child:active:focus,
-column-header:last-child .button:active:focus {
- border-right: none;
-}
-
-/* Leftmost button */
-.linked .entry:first-child,
-.linked > GtkComboBox:first-child > .button:last-child,
-.linked > GtkComboBox:first-child > .button:active:last-child,
-.linked > GtkComboBox:first-child > .button:active:hover:last-child,
-.linked > GtkComboBox:first-child > .button:focus:last-child,
-.linked > GtkComboBox:first-child > .button:focus:active:last-child,
-.linked > GtkComboBox:first-child > .button:insensitive:last-child,
-.linked .button:first-child,
-.linked .button:active:first-child,
-.linked .button:active:hover:first-child,
-.linked .button:focus:first-child,
-.linked .button:focus:active:first-child,
-.linked .button:insensitive:first-child {
- border-image: none;
- border-radius: 3px 0 0 3px;
- border-color: @border_color;
- border-width: 1px;
- padding: 1px 2px;
-}
-
-.linked .entry:first-child {
- padding: 6px;
-}
-
-/* Middle button */
-.linked .entry,
-.linked > GtkComboBox > .button:last-child,
-.linked > GtkComboBox > .button:active:last-child,
-.linked > GtkComboBox > .button:active:hover:last-child,
-.linked > GtkComboBox > .button:focus:last-child,
-.linked > GtkComboBox > .button:focus:active:last-child,
-.linked > GtkComboBox > .button:insensitive:last-child,
-.linked .button,
-.linked .button:active,
-.linked .button:active:hover,
-.linked .button:focus,
-.linked .button:focus:active,
-.linked .button:insensitive {
- border-image: none;
- border-radius: 0;
- border-color: @border_color;
- border-width: 1px 0;
- padding: 1px 2px;
-}
-
-/* Rightmost button */
-.linked .entry:last-child,
-.linked > GtkComboBox:last-child > .button,
-.linked > GtkComboBox:last-child > .button:last-child,
-.linked .button:last-child,
-.linked .button:active:last-child,
-.linked .button:active:hover:last-child,
-.linked .button:focus:last-child,
-.linked .button:focus:active:last-child,
-.linked .button:insensitive:last-child {
- border-image: none;
- border-radius: 0 3px 3px 0;
- border-color: @border_color;
- border-width: 1px;
- padding: 1px 2px;
-}
-
-.linked .entry:last-child {
- padding: 6px;
-}
-
-/* vertical */
-
-.vertical .horizontal .vertical .frame .horizontal .vertical .button.image-button,
-.vertical .horizontal .vertical .frame .horizontal .vertical .button.image-button:active,
-.vertical .horizontal .vertical .frame .horizontal .vertical .button.image-button:active:hover,
-.vertical .horizontal .vertical .frame .horizontal .vertical .button.image-button:checked,
-.vertical .horizontal .vertical .frame .horizontal .vertical .button.image-button:checked:hover,
-.vertical .horizontal .vertical .frame .horizontal .vertical .button.image-button:focus,
-.vertical .horizontal .vertical .frame .horizontal .vertical .button.image-button:focus:active,
-.vertical .horizontal .vertical .frame .horizontal .vertical .button.image-button:focus:checked,
-.vertical .horizontal .vertical .frame .horizontal .vertical .button.image-button:insensitive {
- border-image: none;
- border-radius: 3px 3px 3px 3px;
- border-color: @border_color;
- border-width: 1px 1px 1px 1px;
- padding: 4px 5px;
-}
-
-.vertical .horizontal .vertical .frame .horizontal .vertical.toolbar .button.flat.image-button,
-.vertical .horizontal .vertical .frame .horizontal .vertical.toolbar .button.flat.image-button:focus {
- background-image: none;
- border-style: none;
+toolbar.inline-toolbar button:only-child,
+toolbar.inline-toolbar button:active:only-child,
+toolbar.inline-toolbar button:focus:only-child,
+toolbar.inline-toolbar button:focus:active:only-child,
+toolbar.inline-toolbar button:disabled:only-child,
+toolbar.inline-toolbar toolbutton button :only-child,
+toolbar.inline-toolbar toolbutton button :only-child:active,
+toolbar.inline-toolbar toolbutton button :only-child:focus,
+toolbar.inline-toolbar toolbutton button :only-child:focus:active,
+toolbar.inline-toolbar toolbutton button :only-child:disabled {
+ border-image: url("img/border-inline-button.svg") 3 3 4 3 / 3px 3px 4px 3px repeat;
 border-radius: 3px;
- border-width: 1px 1px 1px 1px;
- border-color: @theme_bg_color;
- border-image: none;
- padding: 6px;
- box-shadow: none;
+ border-width: 1px 1px 2px 1px;
+ border-style: solid;
+ border-color: transparent;
 }
 
-.vertical .horizontal .vertical .frame .horizontal .vertical.toolbar .button.flat.image-button:hover,
-.vertical .horizontal .vertical .frame .horizontal .vertical.toolbar .button.flat.image-button:focus:hover {
- background-image: linear-gradient(to bottom,
- @button_hover_gradient_a 5%,
- @button_hover_gradient_b 95%,
- @button_hover_gradient_c);
- border-image: none;
+/* generic disabled element borders */
+switch:disabled,
+combobox entry:disabled,
+combobox button:disabled,
+entry:disabled,
+button:disabled,
+trough row {
+ border-image: url("img/border-insensitive.svg") 3 3 4 3 / 3px 3px 4px 3px repeat;
 border-radius: 3px;
- border-width: 1px 1px 1px 1px;
+ border-width: 1px 1px 2px 1px;
 border-style: solid;
- border-color: @border_color;
- padding: 5px;
+ border-color: transparent;
 }
 
-/* Middle button */
-
-.linked.vertical > GtkComboBox > .button:last-child,
-.linked.vertical > GtkComboBox > .button:active:last-child,
-.linked.vertical > GtkComboBox > .button:active:hover:last-child,
-.linked.vertical > GtkComboBox > .button:focus:last-child,
-.linked.vertical > GtkComboBox > .button:focus:active:last-child,
-.linked.vertical > GtkComboBox > .button:insensitive:last-child,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:active,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:active:hover,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:focus,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:focus:active,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:insensitive {
- border-image: none;
- border-radius: 0;
- border-color: @border_color;
- border-width: 0px 1px 0px 1px;
- padding: 5px 5px;
-}
-
-/* top button */
-
-.linked.vertical > GtkComboBox:first-child > .button:last-child,
-.linked.vertical > GtkComboBox:first-child > .button:active:last-child,
-.linked.vertical > GtkComboBox:first-child > .button:active:hover:last-child,
-.linked.vertical > GtkComboBox:first-child > .button:checked:last-child,
-.linked.vertical > GtkComboBox:first-child > .button:checked:hover:last-child,
-.linked.vertical > GtkComboBox:first-child > .button:focus:last-child,
-.linked.vertical > GtkComboBox:first-child > .button:focus:active:last-child,
-.linked.vertical > GtkComboBox:first-child > .button:focus:checked:last-child,
-.linked.vertical > GtkComboBox:first-child > .button:insensitive:last-child {
- border-image: none;
- border-radius: 3px 3px 0px 0px;
- border-color: @border_color;
- border-width: 1px 1px 1px 1px;
- padding: 5px 5px;
-}
-
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:first-child,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:active:first-child,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:active:hover:first-child,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:checked:first-child,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:checked:hover:first-child,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:focus:first-child,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:focus:active:first-child,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:focus:checked:first-child,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:insensitive:first-child {
- border-image: none;
- border-radius: 3px 3px 0px 0px;
- border-color: @border_color;
- border-width: 1px 1px 0px 1px;
- padding: 5px 5px;
-}
-
-/* bottom button */
-
-.linked.vertical > GtkComboBox:last-child > .button,
-.linked.vertical > GtkComboBox:last-child > .button:last-child,
-.linked.vertical .button:last-child,
-.linked.vertical .button:active:last-child,
-.linked.vertical .button:active:hover:last-child,
-.linked.vertical .button:focus:last-child,
-.linked.vertical .button:focus:active:last-child,
-.linked.vertical .button:insensitive:last-child,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:last-child,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:active:last-child,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:active:hover:last-child,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:focus:last-child,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:focus:active:last-child,
-.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:insensitive:last-child {
- border-image: none;
- border-radius: 0px 0px 3px 3px;
- border-color: @border_color;
- border-width: 0px 1px 1px 1px;
- padding: 5px 5px;
-}
-
-/* vertical linked spinbutton */
-
-.linked.vertical .horizontal.entry.spinbutton {
+menuitem button.flat,
+button.flat,
+button.flat:disabled,
+list row button,
+list row button:hover {
 border-image: none;
- border-color: @border_color;
- border-radius: 0px;
- border-width: 0px 1px 1px 1px;
- padding: 4px 5px;
 background-image: none;
 }
 
-.linked.vertical .horizontal.entry.spinbutton .button,
-.linked.vertical .horizontal.entry.spinbutton .button:hover,
-.linked.vertical .horizontal.entry.spinbutton .button:focus,
-.linked.vertical .horizontal.entry.spinbutton .button:active,
-.linked.vertical .horizontal.entry.spinbutton .button:checked,
-.linked.vertical .horizontal.entry.spinbutton .button:active:hover,
-.linked.vertical .horizontal.entry.spinbutton .button:checked:hover,
-.linked.vertical .horizontal.entry.spinbutton .button:insensitive {
- border-image: none;
- border-color: @border_color;
- border-radius: 0px;
- border-width: 0px 1px 0px 1px;
+/* focused element borders */
+entry:focus,
+combobox entry:focus,
+button.flat:focus:active,
+button:focus:active,
+button.default:active,
+/* focused button borders */
+button.flat:focus,
+button.default,
+toolbar.primary-toolbar entry:focus,
+toolbar.primary-toolbar button:active:focus,
+toolbar.primary-toolbar button:focus:hover,
+toolbar.primary-toolbar combobox entry:focus,
+toolbar.primary-toolbar combobox button:focus,
+toolbar.primary-toolbar button.raised:focus:active,
+toolbar.primary-toolbar .raised button:focus:active,
+toolbar.primary-toolbar button.raised.default:active,
+toolbar.primary-toolbar .raised button.default:active,
+toolbar.primary-toolbar combobox button:active:focus,
+toolbar.primary-toolbar button.raised:focus,
+toolbar.primary-toolbar button.raised.default,
+toolbar.primary-toolbar .raised button:focus,
+toolbar.primary-toolbar .raised button.default,
+toolbar.primary-toolbar combobox button:focus {
+ border-image: url("img/border-focused.svg") 3 3 4 3 / 3px 3px 4px 3px repeat;
+ border-radius: 3px;
+ border-width: 1px 1px 2px 1px;
+ border-style: solid;
+ border-color: transparent;
 }
 
-.linked.vertical .horizontal.entry.spinbutton .button:last-child,
-.linked.vertical .horizontal.entry.spinbutton .button:hover:last-child,
-.linked.vertical .horizontal.entry.spinbutton .button:focus:last-child,
-.linked.vertical .horizontal.entry.spinbutton .button:active:last-child,
-.linked.vertical .horizontal.entry.spinbutton .button:checked:last-child,
-.linked.vertical .horizontal.entry.spinbutton .button:active:hover:last-child,
-.linked.vertical .horizontal.entry.spinbutton .button:checked:hover:last-child,
-.linked.vertical .horizontal.entry.spinbutton .button:insensitive:last-child {
- border-width: 0px 0px 0px 0px;
+/* focused primary toolbar button borders */
+toolbar.primary-toolbar button:focus {
+ border-image: url("img/border-focused-ptb.svg") 3 3 4 3 / 3px 3px 4px 3px repeat;
+ border-radius: 3px;
+ border-width: 1px 1px 2px 1px;
+ border-style: solid;
+ border-color: transparent;
 }
 
-/* Dialog Action Area */
-
-/* Leftmost button */
-.dialog-action-area.linked .button:first-child,
-.dialog-action-area.linked .button:active:first-child,
-.dialog-action-area.linked .button:active:hover:first-child,
-.dialog-action-area.linked .button:focus:first-child,
-.dialog-action-area.linked .button:focus:active:first-child,
-.dialog-action-area.linked .button:insensitive:first-child,
-/* Middle button */
-.dialog-action-area.linked .button,
-.dialog-action-area.linked .button:active,
-.dialog-action-area.linked .button:active:hover,
-.dialog-action-area.linked .button:focus,
-.dialog-action-area.linked .button:focus:active,
-.dialog-action-area.linked .button:insensitive,
-/* Rightmost button */
-.dialog-action-area.linked .button:last-child,
-.dialog-action-area.linked .button:active:last-child,
-.dialog-action-area.linked .button:active:hover:last-child,
-.dialog-action-area.linked .button:focus:last-child,
-.dialog-action-area.linked .button:focus:active:last-child,
-.dialog-action-area.linked .button:insensitive:last-child {
- border-radius: 3px;
- border-width: 1px;
+/* focused switch trough borders */
+switch:active {
+ border-image: url("img/border-focused-switch.svg") 3 3 4 3 / 3px 3px 4px 3px stretch;
+ border-radius: 3px;
+ border-width: 1px 1px 2px 1px;
+ border-style: solid;
+ border-color: transparent;
 }
+
diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
index d6ea9957..842b56c7 100644
--- a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
@@ -1,98 +1,95 @@
 * {
- engine: none;
- padding: 0;
+/* engine: none; */
+ padding: 0;
 
- background-clip: padding-box;
+ background-clip: padding-box;
 
- -GtkToolButton-icon-spacing: 4;
+ -GtkToolButton-icon-spacing: 4;
 
- -GtkTextView-error-underline-color: @error_color;
+ -GtkTextView-error-underline-color: @error_color;
 
- -GtkPaned-handle-size: 5;
+/* -GtkPaned-handle-size: 5; deprecated */
 
- -GtkCheckButton-indicator-size: 16;
- -GtkCheckMenuItem-indicator-size: 10;
+/* -GtkCheckButton-indicator-size: 16; deprecated */
+/* -GtkCheckMenuItem-indicator-size: 10; deprecated */
 
- -GtkScrolledWindow-scrollbar-spacing: 3;
- -GtkScrolledWindow-scrollbars-within-bevel: 0;
+ -GtkScrolledWindow-scrollbar-spacing: 3;
+/* -GtkScrolledWindow-scrollbars-within-bevel: 0; deprecated */
 
- -GtkToolItemGroup-expander-size: 11;
- -GtkExpander-expander-size: 14;
+ -GtkToolItemGroup-expander-size: 11;
+/* -GtkExpander-expander-size: 14; deprecated */
 
- -GtkMenu-horizontal-padding: 0;
- -GtkMenu-vertical-padding: 0;
+/* -GtkMenu-horizontal-padding: 0; */
+/* -GtkMenu-vertical-padding: 0; */
 
- -GtkIMHtml-hyperlink-color: @link_color;
- -GtkHTML-link-color: @link_color;
+ -GtkIMHtml-hyperlink-color: @link_color;
+ -GtkHTML-link-color: @link_color;
 
- -WnckTasklist-fade-overlay-rect: 0;
+ -WnckTasklist-fade-overlay-rect: 0;
 
- -GtkWidget-focus-padding: 2;
- /* disable focusline on active notebook tabs if focused*/
- -GtkWidget-focus-line-width: 0;
- outline-color: @focus_border_color;
- outline-style: dashed;
- outline-offset: -2px;
- outline-width: 0px; /* disable ugly focus-line */
- outline-radius: 2px;
- -gtk-icon-style: regular; /* disable symbolic icons */
- -GtkWindow-resize-grip-width: 11;
- -GtkWindow-resize-grip-height: 11;
+ outline-color: @focus_border_color;
+ outline-style: dashed;
+ outline-offset: -2px;
+ outline-width: 0px; /* disable ugly focus-line */
+ -gtk-outline-radius: 2px;
+ -gtk-icon-style: regular; /* disable symbolic icons */
+ -GtkWindow-resize-grip-width: 11;
+ -GtkWindow-resize-grip-height: 11;
 }
 
 /***************
 * Base States *
 ***************/
 
-GtkWindow {
- color: @theme_fg_color;
+window {
+ color: @theme_fg_color;
 }
 
 .background {
- color: @theme_fg_color;
- background-color: @theme_bg_color;
+ color: @theme_fg_color;
+ background-color: @theme_bg_color;
 }
 
 *:selected,
 *:selected:focus {
- background-color: @theme_selected_bg_color;
- color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
 }
 
-*:insensitive {
- background-color: @insensitive_bg_color;
- color: @insensitive_fg_color;
- text-shadow: 1px 1px @insensitive_text_shadow_color;
- border-color: @insensitive_border_color;
+*:disabled {
+ background-color: @insensitive_bg_color;
+ color: @insensitive_fg_color;
+ text-shadow: 1px 1px @insensitive_text_shadow_color;
+ border-color: @insensitive_border_color;
 }
 
-GtkImage,
-GtkImage:insensitive,
-GtkLabel,
-GtkLabel:insensitive,
-GtkBox,
-GtkBox:insensitive,
+image,
+image:disabled,
+label,
+label:disabled,
+box,
+box:disabled,
 GtkGrid,
-GtkGrid:insensitive {
- background-color: transparent;
+GtkGrid:disabled {
+ background-color: transparent;
 }
 
 /************
 * Tooltips *
 ************/
-.tooltip,
-.tooltip.background {
- padding: 4px;
- border-style: solid;
- border-width: 1px;
- border-color: @theme_tooltip_border_color;
- border-radius: 0px;
- background-color: @theme_tooltip_bg_color;
- color: @theme_tooltip_fg_color;
+tooltip,
+tooltip.background {
+ padding: 4px;
+ border-style: solid;
+ border-width: 1px;
+ border-color: @theme_tooltip_border_color;
+ border-radius: 0px;
+ background-color: @theme_tooltip_bg_color;
+ color: @theme_tooltip_fg_color;
 }
 
-.tooltip * {
- background-color: transparent;
+tooltip * {
+ background-color: transparent;
 }
 
 /*********************
@@ -101,25 +98,27 @@ GtkGrid:insensitive {
 /* This is could be CPU-intensive */
 
 @keyframes spin {
- to { -gtk-icon-transform: rotate(1turn); }
+ to { -gtk-icon-transform: rotate(1turn); }
+}
+
+spinner {
+ background: none;
+ background-color: transparent;
+ opacity: 0;
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
 }
 
-.spinner {
- background-image: none;
- background-color: blue;
- opacity: 0;
- -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+spinner:checked {
+ opacity: 1;
+ animation: spin 1s linear infinite;
 }
 
-.spinner:active {
- opacity: 1;
- animation: spin 1s linear infinite; }
-.spinner:active:insensitive {
- opacity: 0.5;
+spinner:active:disabled {
+ opacity: 0.5;
 }
 
-.button .spinner:active {
- color: @theme_fg_color;
+button spinner:checked {
+ color: @theme_fg_color;
 }
 
 /*****************
@@ -127,96 +126,124 @@ GtkGrid:insensitive {
 *****************/
 
 .floating-bar {
- background-image: linear-gradient(
- to bottom,
- @theme_base_color 20%,
- shade(@theme_base_color, 0.9));
- background-color: @theme_base_color;
- border-color: @border_color;
- border-radius: 3px;
- border-width: 1px;
- border-style: solid;
+ background-image: linear-gradient(
+ to bottom,
+ @theme_base_color 20%,
+ shade(@theme_base_color, 0.9));
+ background-color: @theme_base_color;
+ border-color: @border_color;
+ border-radius: 3px;
+ border-width: 1px;
+ border-style: solid;
 }
 
 .floating-bar.top {
- border-top-width: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
+ border-top-width: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
 }
 
 .floating-bar.right {
- border-right-width: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
+ border-right-width: 0;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
 }
 
 .floating-bar.bottom {
- border-bottom-width: 0;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+ border-bottom-width: 0;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
 }
 
 .floating-bar.left {
- border-left-width: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
+ border-left-width: 0;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
 }
 
-.floating-bar .button {
- background-color: alpha (@theme_base_color, 0.0);
- background-image: none;
- border-style: none;
- border-image: none;
- -GtkButton-image-spacing: 0;
- -GtkButton-inner-border: 0;
+.floating-bar button {
+ background-color: alpha (@theme_base_color, 0.0);
+ background-image: none;
+ border-style: none;
+ border-image: none;
 }
 
 .view.rubberband,
-.rubberband {
- background-color: alpha (@theme_selected_bg_color, 0.35);
- border-color: @theme_selected_bg_color;
- border-style: solid;
- border-width: 1px;
- border-radius: 2px;
+.rubberband,
+view rubberband,
+rubberband {
+ background-color: alpha (@theme_selected_bg_color, 0.35);
+ border-color: @theme_selected_bg_color;
+ border-style: solid;
+ border-width: 1px;
+ border-radius: 2px;
 }
 
-GtkStatusbar .label,
-GtkStatusbar .frame.flat {
- color: @theme_fg_color;
- -GtkStatusbar-shadow-type: none;
- font-size: smaller;
+statusbar label,
+statusbar frame {
+ color: @theme_fg_color;
+ font-size: smaller;
 }
 
-GtkStatusbar .frame.flat {
- padding: 2px 0px;
- border-width: 0;
+statusbar frame {
+ padding: 2px 0px;
+ border-width: 0;
 }
 
-GtkStatusbar .frame.flat .button.flat {
- padding: 2px 0px 0px 0px;
+statusbar frame button.flat {
+ padding: 2px 0px 0px 0px;
 }
 
 .dnd {
- border-width: 1px;
- border-style: solid;
- border-color: @theme_selected_bg_color;
- border-radius: 0;
+ border-width: 1px;
+ border-style: solid;
+ border-color: @theme_selected_bg_color;
+ border-radius: 0;
+}
+
+/*Keep treeviews from jumping, separators drawn at 0 by default until hovered*/
+treeview.view.separator {
+ min-height: 2px;
+}
+
+treeview.view separator,
+treeview.view .separator, /* why ?*/
+treeview separator,
+separator,
+separator:hover {
+ color: shade(@border_color, 1.30);
+}
+
+/*********
+ * Paned *
+ *********/
+
+/* the small line between sidebar and view */
+paned > separator {
+ min-width: 3px;
+ min-height: 3px;
+ border-style: none;
+ background-color: @theme_bg_color;
+ background-size: 1px 1px;
+ }
+
+paned > separator:hover,
+paned > separator:selected {
+ background-color: @theme_bg_color;
+}
+
+paned > separator:backdrop {
 }
 
-GtkTreeView.view.separator,
-GtkTreeView.separator,
-.separator,
-.separator:hover {
- color: shade(@border_color, 1.30);
+paned > separator.wide {
+ margin: 0;
+ padding: 0;
+ min-width: 5px;
+ min-height: 5px;
+ background-size: 1px 1px, 1px 1px;
 }
 
-.pane-separator,
-.pane-separator:hover,
-.pane-separator:selected {
- color: @theme_bg_color;
- background-color: @theme_bg_color;
- background-repeat: no-repeat;
- background-position: center;
+paned > separator.wide:backdrop {
 }
 
 /************************
@@ -224,7 +251,7 @@ GtkTreeView.separator,
 ************************/
 
 /* displays at end of mouse scrolling */
-.overshoot.top {
+overshoot.top {
 background-image: -gtk-gradient(radial,
 center top, 0,
 center top, 0.5,
@@ -243,7 +270,7 @@ GtkTreeView.separator,
 box-shadow: none;
 }
 
-.overshoot.top:backdrop {
+overshoot.top:backdrop {
 background-image: -gtk-gradient(radial,
 center top, 0,
 center top, 0.5,
@@ -257,7 +284,7 @@ GtkTreeView.separator,
 box-shadow: none;
 }
 
-.overshoot.bottom {
+overshoot.bottom {
 background-image: -gtk-gradient(radial,
 center bottom, 0,
 center bottom, 0.5,
@@ -276,7 +303,7 @@ GtkTreeView.separator,
 box-shadow: none;
 }
 
-.overshoot.bottom:backdrop {
+overshoot.bottom:backdrop {
 background-image: -gtk-gradient(radial,
 center bottom, 0,
 center bottom, 0.5,
@@ -290,7 +317,7 @@ GtkTreeView.separator,
 box-shadow: none;
 }
 
-.overshoot.left {
+overshoot.left {
 background-image: -gtk-gradient(radial,
 left center, 0,
 left center, 0.5,
@@ -309,7 +336,7 @@ GtkTreeView.separator,
 box-shadow: none;
 }
 
-.overshoot.left:backdrop {
+overshoot.left:backdrop {
 background-image: -gtk-gradient(radial,
 left center, 0,
 left center, 0.5,
@@ -323,7 +350,7 @@ GtkTreeView.separator,
 box-shadow: none;
 }
 
-.overshoot.right {
+overshoot.right {
 background-image: -gtk-gradient(radial,
 right center, 0,
 right center, 0.5,
@@ -342,7 +369,7 @@ GtkTreeView.separator,
 box-shadow: none;
 }
 
-.overshoot.right:backdrop {
+overshoot.right:backdrop {
 background-image: -gtk-gradient(radial,
 right center, 0,
 right center, 0.5,
@@ -357,7 +384,7 @@ GtkTreeView.separator,
 }
 
 /* result is disable undershoot */
-.undershoot.top {
+undershoot.top {
 background-color: transparent;
 background-image: linear-gradient(to left,
 rgba(255, 255, 255, 0.2) 50%,
@@ -368,7 +395,7 @@ GtkTreeView.separator,
 background-position: center top;
 }
 
-.undershoot.bottom {
+undershoot.bottom {
 background-color: transparent;
 background-image: linear-gradient(to left,
 rgba(255, 255, 255, 0.2) 50%,
@@ -379,7 +406,7 @@ GtkTreeView.separator,
 background-position: center bottom;
 }
 
-.undershoot.left {
+undershoot.left {
 background-color: transparent;
 background-image: linear-gradient(to top,
 rgba(255, 255, 255, 0.2) 50%,
@@ -390,7 +417,7 @@ GtkTreeView.separator,
 background-position: left center;
 }
 
-.undershoot.right {
+undershoot.right {
 background-color: transparent;
 background-image: linear-gradient(to top,
 rgba(255, 255, 255, 0.2) 50%,
@@ -401,653 +428,914 @@ GtkTreeView.separator,
 background-position: right center;
 }
 
-
 /****************
 * Text Entries *
 ****************/
 
-.entry {
- border-style: solid;
- padding: 4px;
- color: @entry_text_color;
- background-color: @theme_base_color;
+entry {
+ border-style: solid;
+ padding: 4px;
+ color: @entry_text_color;
+ background-color: @theme_base_color;
 }
 
-.entry.progressbar {
- background-color: @theme_selected_bg_color;
- color: @theme_selected_fg_color;
+entry progressbar {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
 }
 
-.entry:selected {
- color: @theme_selected_fg_color;
- background-color: @theme_selected_bg_color;
+entry selection,
+entry selection:focus,
+entry:selected {
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color;
 }
 
-.entry:insensitive {
- color: @insensitive_fg_color;
+entry:disabled {
+ color: @insensitive_fg_color;
 }
 
 /* Entry background */
-.entry {
- background-color: @entry_bg_color;
- background-image: linear-gradient(to bottom,
- @entry_inner_border_color 1px,
- @entry_bg_color 2px);
-}
-
-/* Focused entry background */
-.entry:focus {
- background-image: none;
+entry {
+ background-color: @entry_bg_color;
+ background-image: linear-gradient(to bottom,
+ @entry_inner_border_color 1px,
+ @entry_bg_color 2px);
 }
 
-/* Insensitive entry background */
-.entry:insensitive {
- background-image: linear-gradient(to bottom,
- @entry_insensitive_inner_border_color 2px,
- @entry_insensitive_bg_color 3px);
+/* disabled entry background */
+entry:disabled {
+ background-image: linear-gradient(to bottom,
+ @entry_insensitive_inner_border_color 2px,
+ @entry_insensitive_bg_color 3px);
 }
 
 /*******************
 * Symbolic images *
 *******************/
 
-.image {
- color: @internal_element_color;
+image {
+ color: @internal_element_color;
 }
 
-.image:hover {
- color: @internal_element_hover_color;
+image:hover {
+ color: @internal_element_hover_color;
 }
 
-.image:selected {
- color: @theme_selected_fg_color;
+image:selected {
+ color: @theme_selected_fg_color;
 }
 
 /*****************
 * Color Chooser *
 *****************/
 
-GtkColorSwatch,
-GtkColorSwatch:selected {
- border-width: 1px;
- border-style: solid;
- border-radius: 3px;
- border-color: @color_swatch_border_color;
- background-color: transparent;
- background-clip: border-box;
+colorswatch,
+colorswatch:selected {
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 3px;
+ border-color: @color_swatch_border_color;
+ background-color: transparent;
+ background-clip: border-box;
 }
 
-GtkColorSwatch:hover,
-GtkColorSwatch:selected:hover {
- border-color: @color_swatch_hover_border_color;
+colorswatch:hover,
+colorswatch:selected:hover {
+ border-color: @color_swatch_hover_border_color;
 }
 
-GtkColorChooserWidget #add-color-button:hover,
-GtkColorChooserWidget #add-color-button:selected:hover {
+colorchooser #add-color-button:hover,
+colorchooser #add-color-button:selected:hover {
 }
 
 .color-active-badge,
 .color-active-badge:selected {
- border-style: solid;
- border-width: 2px;
- background-color: transparent;
+ border-style: solid;
+ border-width: 2px;
+ background-color: transparent;
 }
 
 .color-active-badge.color-light,
 .color-active-badge.color-light:hover {
- border-color: @color_active_badge_light_border_color;
- color: @color_active_badge_light_color;
+ border-color: @color_active_badge_light_border_color;
+ color: @color_active_badge_light_color;
 }
 
 .color-active-badge.color-dark,
 .color-active-badge.color-dark:hover {
- border-color: @color_active_badge_dark_border_color;
- color: @color_active_badge_dark_color;
+ border-color: @color_active_badge_dark_border_color;
+ color: @color_active_badge_dark_color;
 }
 
-GtkColorEditor GtkColorSwatch.color-light:hover,
-GtkColorEditor GtkColorSwatch.color-dark:hover {
- background-image: none;
+GtkColorEditor colorswatch.color-light:hover,
+GtkColorEditor colorswatch.color-dark:hover {
+ background-image: none;
 }
 
 /****************
 * Progress bar *
 ****************/
 
-GtkProgressBar {
- /* FIXME - Not working 3.14 */
- -GtkProgressBar-min-horizontal-bar-height: 16;
- -GtkProgressBar-min-vertical-bar-width: 16;
- border-radius: 3px;
- padding: 0 0 1px 0;
+progressbar {
+ border-radius: 3px;
+ padding: 0;
+}
+
+progressbar.horizontal {
+ min-height: 16px;
+}
+
+progressbar.vertical {
+ min-width: 16px;
 }
 
 /* progress component */
-.progressbar,
-.progressbar row,
-.progressbar row:hover,
-.progressbar row:selected,
-.progressbar row:selected:focus {
- background-color: @progressbar_bg_color;
- background-image: linear-gradient(to bottom,
- alpha (@progressbar_gradient_a, 0.7),
- alpha (@progressbar_gradient_b, 0.7) 50%,
- alpha (@progressbar_gradient_c, 0.7) 50%,
- alpha (@progressbar_gradient_d, 0.7)),
- repeating-linear-gradient(135deg,
- alpha (@progressbar_pattern_color, 0.0),
- alpha (@progressbar_pattern_color, 0.0) 12px,
- alpha (@progressbar_pattern_color, 0.5) 12px,
- alpha (@progressbar_pattern_color, 0.5) 24px);
- border-radius: 3px;
- border-width: 1px;
- border-style: solid;
- border-color: @progressbar_border_color;
-}
-
-.progressbar row:selected,
-.progressbar row:selected:focus {
- border-color: shade(@progressbar_border_color, 0.85);
-}
-
-.progressbar.vertical {
- background-image: linear-gradient(to right,
- alpha (@progressbar_gradient_a, 0.7),
- alpha (@progressbar_gradient_b, 0.7) 50%,
- alpha (@progressbar_gradient_c, 0.7) 50%,
- alpha (@progressbar_gradient_d, 0.7)),
- repeating-linear-gradient(45deg,
- alpha (@progressbar_pattern_color, 0.0),
- alpha (@progressbar_pattern_color, 0.0) 12px,
- alpha (@progressbar_pattern_color, 0.5) 12px,
- alpha (@progressbar_pattern_color, 0.5) 24px);
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 16px;
+ border-radius: 3px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 16px;
+ border-radius: 3px;
+}
+
+progressbar progress.left {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+progressbar progress.right {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+progressbar progress.top {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+
+progressbar progress.bottom {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+progressbar.horizontal progress,
+row progressbar progress,
+row:hover progressbar progress,
+row:selected progressbar progress,
+row:selected:focus progressbar progress {
+ background-color: @progressbar_bg_color;
+ background-image: linear-gradient(to bottom,
+ alpha (@progressbar_gradient_a, 0.7),
+ alpha (@progressbar_gradient_b, 0.7) 50%,
+ alpha (@progressbar_gradient_c, 0.7) 50%,
+ alpha (@progressbar_gradient_d, 0.7)),
+ repeating-linear-gradient(135deg,
+ alpha (@progressbar_pattern_color, 0.0),
+ alpha (@progressbar_pattern_color, 0.0) 12px,
+ alpha (@progressbar_pattern_color, 0.5) 12px,
+ alpha (@progressbar_pattern_color, 0.5) 24px);
+ border-radius: 3px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: @progressbar_border_color;
+}
+
+row:selected progressbar trough,
+row:selected:focus progressbar trough {
+ border-color: shade(@progressbar_border_color, 0.85);
+}
+
+progressbar.vertical progress {
+ background-image: linear-gradient(to right,
+ alpha (@progressbar_gradient_a, 0.7),
+ alpha (@progressbar_gradient_b, 0.7) 50%,
+ alpha (@progressbar_gradient_c, 0.7) 50%,
+ alpha (@progressbar_gradient_d, 0.7)),
+ repeating-linear-gradient(45deg,
+ alpha (@progressbar_pattern_color, 0.0),
+ alpha (@progressbar_pattern_color, 0.0) 12px,
+ alpha (@progressbar_pattern_color, 0.5) 12px,
+ alpha (@progressbar_pattern_color, 0.5) 24px);
+ border-radius: 3px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: @progressbar_border_color;
 }
 
 /* for progressbars in cell renderers */
-.trough row {
- padding: 0;
+row trough {
+ padding: 0;
 }
 
-.trough row:selected,
-.trough row:selected:focus {
- background-image: -gtk-gradient (linear,
- left top, left bottom,
- from (mix (@trough_gradient_a, @theme_selected_bg_color, 0.25)),
- to (mix (@trough_gradient_b, @theme_selected_bg_color, 0.25)));
+row:selected progressbar trough,
+row:selected:focus progressbar trough {
+ background-image: -gtk-gradient (linear,
+ left top, left bottom,
+ from (mix (@trough_gradient_a, @theme_selected_bg_color, 0.25)),
+ to (mix (@trough_gradient_b, @theme_selected_bg_color, 0.25)));
 }
 
 /************
 * GtkScale *
 ************/
 
-GtkScale {
- -GtkScale-slider-length: 21;
- -GtkRange-slider-width: 13;
- -GtkRange-trough-border: 4;
+scale {
+ -GtkScale-slider-length: 21;
+ -GtkRange-slider-width: 13;
+ -GtkRange-trough-border: 4;
 }
 
-GtkScale.slider,
-GtkScale.slider:hover,
-GtkScale.slider:insensitive {
- border-radius: 0;
- border-style: none;
- background-color: transparent;
+scale slider,
+scale slider:hover,
+scale slider:disabled {
+ border-radius: 0;
+ border-style: none;
+ background-color: transparent;
 }
 
-GtkScale.trough,
-GtkScale.trough.highlight,
-GtkScale.trough.vertical,
-GtkScale.trough:insensitive {
- border-image: none;
- border-style: solid;
- border-width: 1px;
- border-radius: 1px;
- background-image: none;
+scale trough,
+scale trough highlight,
+scale.vertical trough,
+scale trough:disabled {
+ border-image: none;
+ border-style: solid;
+ border-width: 1px;
+ border-radius: 1px;
+ background-image: none;
 }
 
-GtkScale.trough {
- margin: 8px 0;
- border-color: @scale_trough_border_color;
- background-color: @scale_trough_bg_color;
+scale trough {
+ margin: 8px 0;
+ border-color: @scale_trough_border_color;
+ background-color: @scale_trough_bg_color;
 }
 
-GtkScale.trough.vertical {
- margin: 0 8px;
+scale.vertical trough {
+ margin: 0 8px;
 }
 
-GtkScale.trough.highlight {
- border-color: @scale_trough_highlight_border_color;
- background-color: @scale_trough_highlight_bg_color;
+scale trough highlight {
+ border-color: @scale_trough_highlight_border_color;
+ background-color: @scale_trough_highlight_bg_color;
 }
 
-GtkScale.trough:insensitive {
- border-color: @scale_trough_insensitive_border_color;
- background-color: @scale_trough_insensitive_highlight_bg_color;
+scale trough:disabled {
+ border-color: @scale_trough_insensitive_border_color;
+ background-color: @scale_trough_insensitive_highlight_bg_color;
 }
 
-GtkScale.trough.highlight:insensitive {
- border-color: @scale_trough_highlight_insensitive_border_color;
- background-color: @scale_trough_highlight_insensitive_bg_color;
+scale trough highlight:disabled {
+ border-color: @scale_trough_highlight_insensitive_border_color;
+ background-color: @scale_trough_highlight_insensitive_bg_color;
 }
 
-GtkScale.progressbar {
- background-color: @scale_progressbar_bg_color;
+scale progressbar {
+ background-color: @scale_progressbar_bg_color;
 }
 
-GtkScale.mark {
- color: @scale_mark_color;
+scale marks {
+ color: @scale_mark_color;
 }
 
 /**********
 * Frames *
 **********/
 
-.frame {
- border-width: 1px;
- border-color: @border_color;
- border-style: solid;
- border-radius: 3px;
- background-color: @notebook_bg_color;
- padding: 0;
+frame {
+ border-width: 1px;
+ border-color: @border_color;
+ border-style: solid;
+ border-radius: 3px;
+ background-color: @notebook_bg_color;
+ padding: 0;
 }
 
-.frame.flat {
+frame.flat {
 border-style:none;
 }
 
-GtkScrolledWindow.frame {
- border-style: solid;
- border-color: @border_color;
- border-width: 1px;
- border-radius: 2px;
- padding: 0;
+scrolledwindow.frame {
+ border-style: solid;
+ border-color: @border_color;
+ border-width: 1px;
+ border-radius: 2px;
+ padding: 0;
 }
 
-GtkScrolledWindow GtkViewport {
- background-color: @theme_bg_color;
+scrolledwindow viewport {
+ background-color: @theme_bg_color;
 }
 
 /* avoid double borders when a viewport is
 * packed into a GtkScrolledWindow */
-GtkScrolledWindow GtkViewport.frame {
- border-style: none;
+scrolledwindow viewport.frame {
+ border-style: none;
 }
 
 /***********
 * Buttons *
 ***********/
 
-.button,
-.button.menuitem.menubar,
-.combobox-entry .button,
-.inline-toolbar.toolbar .button,
-.primary-toolbar.toolbar.horizontal .button,
-.primary-toolbar.toolbar.horizontal .button:active,
-.toolbar.horizontal .button,
-.toolbar.horizontal .button:active,
-.titlebar .linked.raised .button,
-.titlebar .linked.raised .button:active {
- padding: 5px 5px 6px; /* larger values makes the button arrow smaller*/
+button {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+button,
+button.menuitem.menubar,
+combobox entry button,
+toolbar.inline-toolbar button,
+toolbar.primary-toolbar.horizontal button,
+toolbar.primary-toolbar.horizontal button:active,
+toolbar.horizontal button,
+toolbar.horizontal button:active,
+.titlebar .linked.raised button,
+.titlebar .linked.raised button:active {
+ padding: 5px 5px 6px; /* larger values makes the button arrow smaller*/
 }
 
-.toolbar.horizontal .button,
-.toolbar.horizontal .button:active,
-.primary-toolbar.toolbar.horizontal .button,
-.primary-toolbar.toolbar.horizontal .button:active {
- padding: 2px 2px;
+toolbar.horizontal button,
+toolbar.horizontal button:active,
+toolbar.primary-toolbar.horizontal button,
+toolbar.primary-toolbar.horizontal button:active {
+ padding: 2px 2px;
 }
 
-.button.default {
- text-shadow: none;
- color: @theme_fg_color;
+button.default {
+ text-shadow: none;
+ color: @theme_fg_color;
 }
 
-.button.flat {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255,255,255,0), 0 1px rgba(255,255,255,0);
- text-shadow: none;
- icon-shadow: none;
- border-image: none;
+button.flat {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: inset 0 1px rgba(255,255,255,0), 0 1px rgba(255,255,255,0);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ border-image: none;
 }
 
-.button.flat.hover {
- border-radius: 3px;
+button.flat.hover {
+ border-radius: 3px;
 }
 
-.button.image-button.circular-button {
+button.image-button.circular-button {
 border-image: none;
 border-width: 1px;
 border-style: solid;
 border-color: @border_color;
 }
 
-GtkComboBox GtkToggleButton.button,
-GtkComboBoxText GtkToggleButton.button,
-.toolbar.horizontal GtkComboBox GtkToggleButton.button,
-.toolbar.horizontal GtkComboBoxText GtkToggleButton.button {
- padding: 4px;
+combobox button.toggle,
+combobox button.text-button.toggle,
+toolbar.horizontal combobox button.toggle,
+toolbar.horizontal button.text-button.toggle {
+ padding: 4px;
 }
 
-.path-bar .button,
-.path-bar .button GtkImage,
-.path-bar .button GtkLabel {
- padding: 2px;
+.path-bar button,
+.linked.path-bar button,
+.path-bar button image,
+.path-bar button label {
+ padding: 4px 2px;
 }
 
-.path-bar .button {
- border-width: 1px 0px 1px 1px;
+.path-bar button {
+ border-width: 1px 0px 1px 1px;
 }
 
-.path-bar .button:hover:active {
- border-left-width: 1px;
+.linked.path-bar button.toggle,
+.linked.path-bar button.toggle:checked:hover, /* this is really weird */
+.linked.path-bar button.image-button,
+.linked.path-bar button.toggle.image-button,
+.linked.path-bar button.toggle.text-button {
+ border-width: 1px 1px 1px 0px;
 }
 
-.path-bar .button:first-child,
-.path-bar .button:first-child:hover:active {
- border-right-width: 0px;
+.linked.path-bar button.toggle:first-child,
+.linked.path-bar button.image-button:first-child,
+.linked.path-bar button.toggle.image-button:first-child,
+.linked.path-bar button.toggle.text-button:first-child {
+ border-width: 1px 1px 1px 1px;
 }
 
-.path-bar .button:only-child,
-.path-bar .button:only-child:hover:active {
- border-radius: 3px;
- border-right-width: 1px;
+.linked.path-bar button.toggle:last-child,
+.linked.path-bar button.image-button:last-child,
+.linked.path-bar button.toggle.image-button:last-child,
+.linked.path-bar button.toggle.text-button:last-child {
+ border-width: 1px 1px 1px 0px;
 }
 
-.linked.raised .button:first-child,
-.linked.raised .button:first-child:hover:active {
- border-right-width: 0px;
+.linked.raised button:first-child,
+.linked.raised button:first-child:hover:active {
+ border-right-width: 0px;
 }
 
-.button {
- -GtkButton-image-spacing: 4;
- -GtkButton-interior-focus: true;
- -GtkButton-default-border: 0;
- -GtkButton-inner-border: 3;
- -GtkArrow-arrow-scaling: 0.5;
- color: @theme_text_color;
- border-style: solid;
- border-color: transparent;
+button {
+ color: @theme_text_color;
+ border-style: solid;
+ border-color: transparent;
 }
 
 /* We want anything inside the buttons to use their background */
-.button * {
- background-color: transparent;
+button * {
+ background-color: transparent;
 }
 
 /* We may want a background for focused buttons, but in the meantime let's remove it too */
 GtkMenuToolButton *,
-.primary-toolbar .button,
-.primary-toolbar .button:insensitive {
- background-image: none;
- background-color: transparent;
+toolbar.primary-toolbar button,
+toolbar.primary-toolbar button:disabled {
+ background-image: none;
+ background-color: transparent;
+}
+
+toolbar.primary-toolbar button {
+ border-image: none;
+ border-style: solid;
+ border-width: 1px 1px 2px 1px;
+ border-color: transparent;
+}
+
+toolbar.primary-toolbar button *:active,
+toolbar.inline-toolbar button *:active,
+button *:active,
+button *:active:focus,
+button *:focus {
+ color: @button_active_text_color;
+}
+
+button *:disabled,
+button *:active:disabled {
+ color: @insensitive_fg_color;
+}
+
+button .separator {
+ color: shade(@internal_element_color, 1.30);
+}
+
+/* linked buttons and entries */
+
+/* Middle button */
+.linked entry,
+.linked > combobox > button.combo,
+.linked > combobox > button.combo:hover,
+.linked > combobox > button.combo:focus,
+.linked > combobox > button.combo:focus:hover,
+.linked > combobox > button.combo:checked,
+.linked > combobox > button.combo:disabled,
+.linked button,
+.linked button:hover,
+.linked button:focus,
+.linked button:focus:hover,
+.linked button:focus:hover:active,
+.linked button:checked,
+.linked button:checked:hover,
+.linked button:checked:hover:active,
+.linked button:disabled {
+ border-image: none;
+ border-radius: 0;
+ border-color: @border_color;
+ border-width: 1px;
+ padding: 4px 2px;
+}
+
+/* Leftmost button */
+.linked entry:first-child,
+.linked > combobox:first-child > button.combo:first-child,
+.linked > combobox:first-child > button.combo:hover:first-child,
+.linked > combobox:first-child > button.combo:focus:first-child,
+.linked > combobox:first-child > button.combo:focus:hover:first-child,
+.linked > combobox:first-child > button.combo:checked:first-child,
+.linked > combobox:first-child > button.combo:disabled:first-child,
+.linked button:first-child,
+.linked button:hover:first-child,
+.linked button:focus:first-child,
+.linked button:focus:hover:first-child,
+.linked button:focus:hover:active:first-child,
+.linked button:checked:first-child,
+.linked button:checked:hover:first-child,
+.linked button:checked:hover:active:first-child,
+.linked button:disabled:first-child {
+ border-image: none;
+ border-radius: 3px 0 0 3px;
+ border-color: @border_color;
+ border-width: 1px 0px 1px 1px;
+ padding: 4px 2px;
+}
+
+.linked entry:first-child {
+ padding: 6px;
+ border-width: 1px;
 }
 
-.primary-toolbar .button {
- border-image: none;
- border-style: solid;
- border-width: 1px 1px 2px 1px;
- border-color: transparent;
+/* Rightmost button */
+.linked entry:last-child,
+.linked > combobox:last-child > button.combo:last-child,
+.linked > combobox:last-child > button.combo:hover:last-child,
+.linked > combobox:last-child > button.combo:focus:last-child,
+.linked > combobox:last-child > button.combo:focus:hover:last-child,
+.linked > combobox:last-child > button.combo:checked:last-child,
+.linked > combobox:last-child > button.combo:disabled:last-child,
+.linked button:last-child,
+.linked button:hover:last-child,
+.linked button:focus:last-child,
+.linked button:focus:hover:last-child,
+.linked button:focus:hover:active:last-child,
+.linked button:checked:last-child,
+.linked button:checked:hover:last-child,
+.linked button:checked:hover:active:last-child,
+.linked button:disabled:last-child {
+ border-image: none;
+ border-radius: 0 3px 3px 0;
+ border-color: @border_color;
+ border-width: 1px 1px 1px 0px;
+ padding: 4px 2px;
 }
 
-.primary-toolbar .button *:active,
-.inline-toolbar .button *:active,
-.button *:active,
-.button *:active:focus,
-.button *:focus {
- color: @button_active_text_color;
+.linked entry:last-child {
+ padding: 6px;
 }
 
-.button *:insensitive,
-.button *:active:insensitive {
- color: @insensitive_fg_color;
+/* vertical */
+
+/* Middle button */
+.linked.vertical > combobox > button.combo,
+.linked.vertical > combobox > button.combo:hover,
+.linked.vertical > combobox > button.combo:focus,
+.linked.vertical > combobox > button.combo:focus:hover,
+.linked.vertical > combobox > button.combo:checked,
+.linked.vertical > combobox > button.combo:disabled,
+.linked.vertical button.image-button,
+.linked.vertical button.image-button:hover,
+.linked.vertical button.image-button:focus,
+.linked.vertical button.image-button:focus:hover,
+.linked.vertical button.image-button:focus:hover:active,
+.linked.vertical button.image-button:checked,
+.linked.vertical button.image-button:checked:hover,
+.linked.vertical button.image-button:checked:hover:active,
+.linked.vertical button.image-button:disabled {
+ border-image: none;
+ border-radius: 0;
+ border-color: @border_color;
+ border-width: 0px 1px 0px 1px;
+ padding: 5px 5px;
 }
 
-.button .separator {
- color: shade(@internal_element_color, 1.30);
+/* top button */
+.linked.vertical > combobox:first-child > button.combo:first-child,
+.linked.vertical > combobox:first-child > button.combo:hover:first-child,
+.linked.vertical > combobox:first-child > button.combo:focus:first-child,
+.linked.vertical > combobox:first-child > button.combo:focus:hover:first-child,
+.linked.vertical > combobox:first-child > button.combo:checked:first-child,
+.linked.vertical > combobox:first-child > button.combo:disabled:first-child {
+ border-image: none;
+ border-radius: 3px 3px 0px 0px;
+ border-color: @border_color;
+ border-width: 1px 1px 1px 1px;
+ padding: 5px 5px;
+}
+
+.linked.vertical button.image-button:first-child,
+.linked.vertical button.image-button:hover:first-child,
+.linked.vertical button.image-button:focus:first-child,
+.linked.vertical button.image-button:focus:hover:first-child,
+.linked.vertical button.image-button:focus:hover:active:first-child,
+.linked.vertical button.image-button:checked:first-child,
+.linked.vertical button.image-button:checked:hover:first-child,
+.linked.vertical button.image-button:checked:hover:active:first-child,
+.linked.vertical button.image-button:disabled:first-child {
+ border-image: none;
+ border-radius: 3px 3px 0px 0px;
+ border-color: @border_color;
+ border-width: 1px 1px 0px 1px;
+ padding: 5px 5px;
+}
+
+/* bottom button */
+.linked.vertical > combobox:last-child > button.combo:last-child,
+.linked.vertical > combobox:last-child > button.combo:hover:last-child,
+.linked.vertical > combobox:last-child > button.combo:focus:last-child,
+.linked.vertical > combobox:last-child > button:focus:hover:last-child,
+.linked.vertical > combobox:last-child > button.combo:checked:last-child,
+.linked.vertical > combobox:last-child > button.combo:disabled:last-child,
+.linked.vertical button:last-child,
+.linked.vertical button:hover:last-child,
+.linked.vertical button:focus:last-child,
+.linked.vertical button:focus:hover:last-child,
+.linked.vertical button:focus:hover:active:last-child,
+.linked.vertical button:checked:last-child,
+.linked.vertical button:checked:hover:last-child,
+.linked.vertical button:checked:hover:active:last-child,
+.linked.vertical button:disabled:last-child {
+ border-image: none;
+ border-radius: 0px 0px 3px 3px;
+ border-color: @border_color;
+ border-width: 0px 1px 1px 1px;
+ padding: 5px 5px;
+}
+
+/* Dialog Action Area */
+
+/* Middle button */
+.dialog-action-area.linked button,
+.dialog-action-area.linked button:hover,
+.dialog-action-area.linked button:focus,
+.dialog-action-area.linked button:focus:hover,
+.dialog-action-area.linked button:focus:hover:active,
+.dialog-action-area.linked button:checked,
+.dialog-action-area.linked button:checked:hover,
+.dialog-action-area.linked button:checked:hover:active,
+.dialog-action-area.linked button:disabled {
+ padding: 4px 6px;
+ border-width: 1px 1px 1px 0px;
+}
+
+/* Leftmost button */
+.dialog-action-area.linked button:first-child,
+.dialog-action-area.linked button:hover:first-child,
+.dialog-action-area.linked button:focus:first-child,
+.dialog-action-area.linked button:focus:hover:first-child,
+.dialog-action-area.linked button:focus:hover:active:first-child,
+.dialog-action-area.linked button:checked:first-child,
+.dialog-action-area.linked button:checked:hover:first-child,
+.dialog-action-area.linked button:checked:hover:active:first-child,
+.dialog-action-area.linked button:disabled:first-child {
+ padding: 4px 6px;
+ border-width: 1px 1px 1px 1px;
+}
+
+/* Rightmost button */
+.dialog-action-area.linked button:last-child,
+.dialog-action-area.linked button:hover:last-child,
+.dialog-action-area.linked button:focus:last-child,
+.dialog-action-area.linked button:focus:hover:last-child,
+.dialog-action-area.linked button:focus:hover:active:last-child,
+.dialog-action-area.linked button:checked:last-child,
+.dialog-action-area.linked button:checked:hover:last-child,
+.dialog-action-area.linked button:checked:hover:active:last-child,
+.dialog-action-area.linked button:disabled:last-child {
+ padding: 4px 6px;
+ border-width: 1px 1px 1px 0px;
 }
 
 /*****************
 * GtkSpinButton *
 *****************/
 
-.spinbutton .button,
-.spinbutton .button:focus {
- color: @internal_element_color;
- padding: 2px 6px;
- border-width: 0 0 0 1px;
- border-radius: 0;
- border-style: solid;
- border-color: @spinbutton_border_color;
- border-image: none;
+spinbutton,
+spinbutton:focus {
+ background-color: transparent;
+ padding: 0px;
+ border-width: 1px;
+ border-radius: 3px;
+ border-style: solid;
+ border-color: @spinbutton_border_color;
 }
 
-.spinbutton .button {
- background-color: transparent;
+spinbutton.horizontal > entry,
+spinbutton.horizontal > entry:focus {
+ padding: 0px 10px 0px 3px;
+ box-shadow: none;
+ border-radius: 3px 0px 0px 3px;
+ border-style: none;
+ border-image: none;
 }
 
-.spinbutton .button:insensitive {
- color: @internal_element_insensitive_color;
+spinbutton > button,
+spinbutton > button:focus,
+spinbutton > button:focus:active {
+ background-color: transparent;
+ color: @internal_element_color;
+ padding: 2px 6px;
+ border-radius: 0;
+ border-width: 0 0 0 1px;
+ border-style: solid;
+ border-color: @spinbutton_border_color;
+ border-image: none;
 }
 
-.spinbutton .button:active,
-.spinbutton .button:active:focus,
-.spinbutton .button:hover {
- color: @internal_element_hover_color;
+spinbutton > button:disabled {
+ color: @internal_element_insensitive_color;
+ border-color: @insensitive_border_color;
+ border-image: none;
+ border-radius: 0;
 }
 
-.spinbutton .button:first-child {
- border-radius: 2px 0 0 2px;
+spinbutton > button:checked,
+spinbutton > button:focus:checked,
+spinbutton > button:hover {
+ color: @internal_element_hover_color;
 }
 
-.spinbutton .button:last-child {
- border-radius: 0 2px 2px 0;
+spinbutton.horizontal > button {
+ border-width: 0 0 0 1px;
 }
 
-/*vertical */
+spinbutton.horizontal > button:last-child {
+ border-radius: 0 3px 3px 0;
+}
 
-.vertical.entry.spinbutton.entry {
+/*vertical */
+spinbutton.vertical > entry,
+spinbutton.vertical > entry:focus {
 border-image: none;
- border-color: @border_color;
+ border-color: @spinbutton_border_color;
 border-radius: 0px;
- border-width: 0px 1px 0px 1px;
- background-image: none;
- padding: 4px;
+ border-width: 1px 0px 1px 0px;
+ padding: 6px 2px;
 }
 
-.vertical.entry.spinbutton .button,
-.vertical.entry.spinbutton .button:hover,
-.vertical.entry.spinbutton .button:focus,
-.vertical.entry.spinbutton .button:active,
-.vertical.entry.spinbutton .button:checked,
-.vertical.entry.spinbutton .button:active:hover,
-.vertical.entry.spinbutton .button:checked:hover,
-.vertical.entry.spinbutton .button:insensitive {
+spinbutton.vertical > button,
+spinbutton.vertical > button:focus,
+spinbutton.vertical > button:focus:active,
+spinbutton.vertical > button:last-child,
+spinbutton.vertical > button:focus:last-child,
+spinbutton.vertical > button:focus:active:last-child {
+ padding: 6px 2px;
+ border-width: 0px;
+}
+
+spinbutton.vertical > button,
+spinbutton.vertical > button:focus,
+spinbutton.vertical > button:focus:active {
 border-radius: 3px 3px 0px 0px;
- border-width: 1px;
 }
 
-.vertical.entry.spinbutton .button:last-child,
-.vertical.entry.spinbutton .button:hover:last-child,
-.vertical.entry.spinbutton .button:focus:last-child,
-.vertical.entry.spinbutton .button:active:last-child,
-.vertical.entry.spinbutton .button:checked:last-child,
-.vertical.entry.spinbutton .button:active:hover:last-child,
-.vertical.entry.spinbutton .button:checked:hover:last-child,
-.vertical.entry.spinbutton .button:insensitive:last-child {
- border-width: 1px;
+spinbutton.vertical > button:last-child,
+spinbutton.vertical > button:focus:last-child,
+spinbutton.vertical > button:focus:active:last-child {
 border-radius: 0px 0px 3px 3px;
 }
 
+/* linked */
+.linked.vertical > spinbutton.horizontal {
+ padding: 0px;
+ border-radius: 0px ;
+ border-width: 0px 1px 1px 1px;
+}
+
+.linked.vertical > spinbutton.horizontal > entry,
+.linked.vertical > spinbutton.horizontal > entry:focus {
+ padding: 0px 10px 0px 3px;
+ border-radius: 0px ;
+ border-style: none;
+ border-image: none;
+ box-shadow: none;
+}
+
+.linked.vertical > spinbutton.horizontal > button,
+.linked.vertical > spinbutton.horizontal > button:focus,
+.linked.vertical > spinbutton.horizontal > button:hover,
+.linked.vertical > spinbutton.horizontal > button:focus:active,
+.linked.vertical > spinbutton.horizontal > button:focus:hover {
+ border-radius: 0px;
+ border-width: 0 0 0 1px;
+ border-image: none;
+ border-color: @spinbutton_border_color;
+ padding: 4px 6px;
+}
+
+
 /*********************
 * Button background *
 *********************/
 
 /* Button background */
-.button,
-.spinbutton .button,
-.toolbar .button.raised,
-.toolbar .raised .button,
-.toolbar .button.raised:focus,
-.toolbar .raised .button:focus,
-.toolbar GtkComboBox .button,
-.toolbar GtkComboBox .button:focus,
-.combobox-entry .button,
-.primary-toolbar .combobox-entry .button,
-.titlebar .titlebutton:hover,
+button,
+spinbutton button,
+toolbar button.raised,
+toolbar button,
+toolbar .raised button,
+toolbar button.raised:focus,
+toolbar .raised button:focus,
+toolbar combobox button,
+toolbar combobox button:focus,
+combobox entry button,
+toolbar.primary-toolbar combobox entry button,
 .titlebar .titlebutton:hover,
 GtkColorChooserWidget #add-color-button {
- background-image: -gtk-gradient (linear,
- left top,
- left bottom,
- from (@button_gradient_a),
- to (@button_gradient_d));
- background-color: transparent;
+ background-image: -gtk-gradient (linear,
+ left top,
+ left bottom,
+ from (@button_gradient_a),
+ to (@button_gradient_d));
+ background-color: transparent;
 }
 
 /* Pushed button background */
-.button:checked,
-.button:checked:hover,
-.button:active,
-.button:active:hover,
-.menuitem.button:hover,
-.spinbutton .button:active,
-.spinbutton .button:active:hover,
-.toolbar .button:active,
-.toolbar .button:active:hover,
-.toolbar .button.raised:active,
-.toolbar .button.raised:checked,
-.toolbar .raised .button:active,
-.toolbar .raised .button:checked,
-.toolbar .button.raised:active:hover,
-.toolbar .button.raised:checked:hover,
-.toolbar .raised .button:active:hover,
-.toolbar .raised .button:checked:hover,
-.primary-toolbar .combobox-entry .button:active,
-.combobox-entry .button:active,
-.primary-toolbar .button:active,
-.primary-toolbar .button:active:hover,
-.primary-toolbar .button:focus:active,
-.primary-toolbar .button:focus:active:hover,
-.inline-toolbar .button:active,
-.inline-toolbar .button:active:hover {
- background-image: linear-gradient(to bottom,
- @button_active_gradient_a,
- @button_active_gradient_b 3px,
- @button_active_gradient_c 4px,
- @button_active_gradient_d 50%,
- @button_active_gradient_e 50%,
- @button_active_gradient_f);
- background-color: transparent;
-}
-
-GtkListBoxRow.list-row,
-GtkListBoxRow.button.list-row {
- color: @theme_text_color;
- background-color: @theme_base_color;
- border-radius: 0px;
- border-style: none;
- padding: 2px;
-}
-
-GtkListBoxRow.list-row:hover,
-GtkListBoxRow.button.list-row:hover {
- background-image: linear-gradient(to bottom,
- @button_hover_gradient_a 5%,
- @button_hover_gradient_b 95%,
- @button_hover_gradient_c);
- background-color: transparent;
-}
-
-GtkListBoxRow.list-row:selected,
-GtkListBoxRow.button.list-row:selected {
- color: @theme_selected_fg_color;
- border-style: solid;
- border-width: 1px;
- border-color: @menubar_menuitem_hover_border_color;
- background-image: -gtk-gradient (linear,
- left top,
- left bottom,
- from (@menubar_menuitem_hover_gradient_a),
- color-stop (0.50, @menubar_menuitem_hover_gradient_b),
- color-stop (0.50, @menubar_menuitem_hover_gradient_c),
- to (@menubar_menuitem_hover_gradient_d));
+button:checked,
+button:checked:hover,
+button:hover:active,
+menuitem button:hover,
+spinbutton button:active,
+spinbutton button:active:hover,
+toolbar button:checked,
+toolbar button:checked:hover,
+toolbar button:hover:active,
+toolbar button.raised:checked,
+toolbar .raised button:checked,
+toolbar button.raised:hover:active,
+toolbar button.raised:checked:hover,
+toolbar .raised button:hover:active,
+toolbar .raised button:checked:hover,
+toolbar.primary-toolbar combobox entry button:active,
+combobox entry button:active,
+toolbar.primary-toolbar button:checked,
+toolbar.primary-toolbar button:hover:active,
+toolbar.primary-toolbar button:focus:active,
+toolbar.primary-toolbar button:focus:hover:active,
+toolbar.inline-toolbar button:checked,
+toolbar.inline-toolbar button:hover:active {
+ background-image: linear-gradient(to bottom,
+ @button_active_gradient_a,
+ @button_active_gradient_b 3px,
+ @button_active_gradient_c 4px,
+ @button_active_gradient_d 50%,
+ @button_active_gradient_e 50%,
+ @button_active_gradient_f);
+ background-color: transparent;
 }
 
-.trough,
-.trough.highlight,
-.trough row,
-.trough row:hover {
- background-image: linear-gradient(to bottom,
- @trough_gradient_a,
- @trough_gradient_b 4px);
+trough,
+trough highlight,
+trough row,
+trough row:hover {
+ background-image: linear-gradient(to bottom,
+ @trough_gradient_a,
+ @trough_gradient_b 4px);
 }
 
 /* Flipped pushed button background for vertical progressbar through and the like */
-.trough.vertical {
- background-image: linear-gradient(to right,
- @trough_gradient_a,
- @trough_gradient_b 4px);
+trough.vertical {
+ background-image: linear-gradient(to right,
+ @trough_gradient_a,
+ @trough_gradient_b 4px);
 }
 
 /* Prelight button background */
-.button:hover,
-.spinbutton .button:hover,
-.toolbar .button:hover,
-.toolbar .button.raised:hover,
-.toolbar .raised .button:hover,
-.toolbar GtkComboBox .button:hover,
-.primary-toolbar .button:hover,
-.combobox-entry .button:hover,
-.primary-toolbar .combobox-entry .button:hover,
-GtkColorChooserWidget #add-color-button:hover {
- background-color: transparent;
- background-image: linear-gradient(to bottom,
- @button_hover_gradient_a 5%,
- @button_hover_gradient_b 95%,
- @button_hover_gradient_c);
-}
-
-/* Insensitive button background */
-.button:insensitive,
-.toolbar GtkComboBox .button:insensitive,
-.combobox-entry .button:insensitive {
- background-image: none;
- background-color: transparent;
+button:hover,
+spinbutton button:hover,
+toolbar button:hover,
+toolbar button.raised:hover,
+toolbar .raised button:hover,
+toolbar combobox button:hover,
+toolbar.primary-toolbar button:hover,
+combobox entry button:hover,
+toolbar.primary-toolbar combobox entry button:hover,
+colorchooser #add-color-button:hover {
+ background-color: transparent;
+ background-image: linear-gradient(to bottom,
+ @button_hover_gradient_a 5%,
+ @button_hover_gradient_b 95%,
+ @button_hover_gradient_c);
+}
+
+/* disabled button background */
+button:disabled,
+toolbar combobox button:disabled,
+combobox entry button:disabled {
+ background-image: none;
+ background-color: transparent;
 color: @insensitive_fg_color;
 }
 
-/* Pushed + Insensitive button background */
-.button:active:insensitive,
-.toolbar .button:active:insensitive,
-.toolbar GtkComboBox .button:active:insensitive {
- background-image: linear-gradient(to bottom,
- @button_active_insensitive_gradient_a,
- @button_active_insensitive_gradient_b 3px,
- @button_active_insensitive_gradient_c 4px,
- @button_active_insensitive_gradient_d 50%,
- @button_active_insensitive_gradient_e 50%,
- @button_active_insensitive_gradient_f);
- background-color: transparent;
+/* Pushed + disabled button background */
+button:active:disabled,
+toolbar button:active:disabled,
+toolbar combobox button:active:disabled {
+ background-image: linear-gradient(to bottom,
+ @button_active_insensitive_gradient_a,
+ @button_active_insensitive_gradient_b 3px,
+ @button_active_insensitive_gradient_c 4px,
+ @button_active_insensitive_gradient_d 50%,
+ @button_active_insensitive_gradient_e 50%,
+ @button_active_insensitive_gradient_f);
+ background-color: transparent;
 }
 
 /* Focused primary toolbar button background */
-.primary-toolbar .button:focus {
- background-image: linear-gradient(to bottom,
- @pt_button_focus_gradient_a,
- @pt_button_focus_gradient_b 50%,
- @pt_button_focus_gradient_c 50%,
- @pt_button_focus_gradient_d);
+toolbar.primary-toolbar button:focus {
+ background-image: linear-gradient(to bottom,
+ @pt_button_focus_gradient_a,
+ @pt_button_focus_gradient_b 50%,
+ @pt_button_focus_gradient_c 50%,
+ @pt_button_focus_gradient_d);
 }
 
 /* Focused + prelit primary toolbar button background */
-.primary-toolbar .button:focus:hover {
- background-image: linear-gradient(to bottom,
- @pt_button_focus_hover_gradient_a,
- @pt_button_focus_hover_gradient_b 50%,
- @pt_button_focus_hover_gradient_c 50%,
- @pt_button_focus_hover_gradient_d);
+toolbar.primary-toolbar button:focus:hover {
+ background-image: linear-gradient(to bottom,
+ @pt_button_focus_hover_gradient_a,
+ @pt_button_focus_hover_gradient_b 50%,
+ @pt_button_focus_hover_gradient_c 50%,
+ @pt_button_focus_hover_gradient_d);
 }
 
 /*****************
@@ -1055,373 +1343,486 @@ GtkColorChooserWidget #add-color-button:hover {
 * tabs *
 *****************/
 
-.notebook {
- padding: 0;
- background-clip: border-box;
- background-color: @notebook_bg_color;
- -GtkNotebook-tab-overlap: 2;
- -GtkNotebook-tab-curvature: 3;
- -GtkNotebook-initial-gap: 0;
-}
-
-.notebook.header.frame {
- border-width: 0;
-}
-
-.notebook GtkViewport {
- background-color: @theme_bg_color;
-}
-
-.notebook tab {
- padding: 3px;
- border-radius: 3px;
- border-color: @border_color;
- border-style: solid;
- border-width: 1px;
- background-color: transparent;
-}
-
-.notebook tab.top {
- padding: 4px 2px 0 2px;
- border-width: 1px 1px 0px;
- background-image: linear-gradient(to bottom,
- @notebook_tab_inner_border_color 1px,
- @notebook_tab_gradient_a 2px,
- @notebook_tab_gradient_b 50%,
- @notebook_tab_gradient_c 50%,
- @notebook_tab_gradient_d);
-}
-
-.notebook tab.right {
- padding: 2px 4px 2px 0;
- border-width: 1px 1px 1px 0;
- background-image: linear-gradient(to left,
- @notebook_tab_inner_border_color 1px,
- @notebook_tab_gradient_a 2px,
- @notebook_tab_gradient_b 50%,
- @notebook_tab_gradient_c 50%,
- @notebook_tab_gradient_d);
-}
-
-.notebook tab.bottom {
- padding: 0 2px 4px;
- border-width: 0px 1px 1px;
- background-image: linear-gradient(to top,
- @notebook_tab_inner_border_color 1px,
- @notebook_tab_gradient_a 2px,
- @notebook_tab_gradient_b 50%,
- @notebook_tab_gradient_c 50%,
- @notebook_tab_gradient_d);
-}
-
-.notebook tab.left {
- padding: 2px 0 2px 4px;
- border-width: 1px 0 1px 1px;
- background-image: linear-gradient(to right,
- @notebook_tab_inner_border_color 1px,
- @notebook_tab_gradient_a 2px,
- @notebook_tab_gradient_b 50%,
- @notebook_tab_gradient_c 50%,
- @notebook_tab_gradient_d);
-}
-
-.notebook tab.top:active {
- padding-top: 7px;
- border-top-color: @notebook_active_tab_border;
- background-image: linear-gradient(to bottom,
- @notebook_active_tab_strip_gradient_a,
- @notebook_active_tab_strip_gradient_b 3px,
- @notebook_active_tab_strip_border_bottom_color 4px,
- @notebook_active_tab_gradient_a 4px,
- @notebook_active_tab_gradient_b);
-}
-
-.notebook tab.right:active {
- padding-right: 7px;
- border-right-color: @notebook_active_tab_border;
- background-image: linear-gradient(to left,
- @notebook_active_tab_strip_gradient_a,
- @notebook_active_tab_strip_gradient_b 3px,
- @notebook_active_tab_strip_border_bottom_color 4px,
- @notebook_active_tab_gradient_a 4px,
- @notebook_active_tab_gradient_b);
-}
-
-.notebook tab.bottom:active {
- padding-bottom: 7px;
- border-bottom-color: @notebook_active_tab_border;
- background-image: linear-gradient(to top,
- @notebook_active_tab_strip_gradient_a,
- @notebook_active_tab_strip_gradient_b 3px,
- @notebook_active_tab_strip_border_bottom_color 4px,
- @notebook_active_tab_gradient_a 4px,
- @notebook_active_tab_gradient_b);
-}
-
-.notebook tab.left:active {
- padding-left: 7px;
- border-left-color: @notebook_active_tab_border;
- background-image: linear-gradient(to right,
- @notebook_active_tab_strip_gradient_a,
- @notebook_active_tab_strip_gradient_b 3px,
- @notebook_active_tab_strip_border_bottom_color 4px,
- @notebook_active_tab_gradient_a 4px,
- @notebook_active_tab_gradient_b);
+notebook {
+ padding: 0;
+ background-clip: border-box;
+ background-color: @notebook_bg_color;
+ border-color: @border_color;
+ border-style: solid;
+ border-width: 1px;
+ border-radius: 3px 3px 0px 0px;
 }
 
-.notebook tab * {
- background-color: transparent;
+/* view areas, ie. pluma-, caja-tabs */
+paned.horizontal notebook {
+ border-style: none;
+}
+
+paned.horizontal notebook header {
+ box-shadow: none;
+}
+
+notebook header.top {
+ border-width: 0px 0px 1px 0px;
+ box-shadow: inset 0px -1px 0 0 @border_color;
+}
+
+
+notebook header.bottom {
+ border-width: 1px 1px 0px 0px;
+ box-shadow: inset 0px 1px 0 0 @border_color;
+}
+
+notebook header.left {
+ border-width: 0px 1px 0px 0px;
+ box-shadow: inset -1px 0px 0 0 @border_color;
+}
+
+notebook header.right {
+ border-width: 0px 0px 0px 1px;
+ box-shadow: inset 1px 0px 0 0 @border_color;
+}
+
+/* tabs in view areas, ie. pluma-, caja-tabs */
+paned.horizontal notebook header tab {
+ padding: 4px 2px;
+}
+
+notebook header tab {
+ padding: 3px;
+ border-color: @border_color;
+ border-style: solid;
+ border-width: 1px;
+ background-color: transparent;
+}
+
+notebook header.top tab {
+ padding: 7px 28px 0 28px;
+ border-width: 0px 0px 1px 0px;
+ border-radius: 0px;
+ background-image: linear-gradient(to bottom,
+ @notebook_tab_gradient_a,
+ @notebook_tab_gradient_b 50%,
+ @notebook_tab_gradient_c 50%,
+ @notebook_tab_gradient_d);
+}
+
+notebook header.top tab:active {
+ border-radius: 3px 3px 0px 0px;
+ border-width: 0px 1px 0px 1px;
+ border-top-color: @notebook_active_tab_border;
+ background-image: linear-gradient(to bottom,
+ @notebook_active_tab_strip_gradient_a,
+ @notebook_active_tab_strip_gradient_b 3px,
+ @notebook_active_tab_strip_border_bottom_color 4px,
+ @notebook_active_tab_gradient_a 4px,
+ @notebook_active_tab_gradient_b);
+}
+
+notebook header.top tab:active:first-child {
+ border-width: 0px 1px 0px 0px;
+}
+
+notebook header.top tab:active:last-child {
+ border-width: 0px 0px 0px 1px;
+}
+
+notebook header.right tab {
+ padding: 2px 7px 2px 0;
+ border-width: 0px 0px 0px 1px;
+ border-radius: 0px;
+ background-image: linear-gradient(to left,
+ @notebook_tab_gradient_a,
+ @notebook_tab_gradient_b 50%,
+ @notebook_tab_gradient_c 50%,
+ @notebook_tab_gradient_d);
+}
+
+notebook header.right tab:active {
+ border-width: 1px 0px 1px 0px;
+ border-right-color: @notebook_active_tab_border;
+ background-image: linear-gradient(to left,
+ @notebook_active_tab_strip_gradient_a,
+ @notebook_active_tab_strip_gradient_b 3px,
+ @notebook_active_tab_strip_border_bottom_color 4px,
+ @notebook_active_tab_gradient_a 4px,
+ @notebook_active_tab_gradient_b);
+}
+
+notebook header.right tab:active:first-child {
+ border-width: 0px 0px 1px 0px;
+}
+
+notebook header.right tab:active:last-child {
+ border-width: 1px 0px 0px 0px;
+}
+
+notebook header.bottom tab {
+ padding: 0px 28px 7px 28px;
+ border-width: 1px 0px 0px 0px;
+ border-radius: 0px;
+ background-image: linear-gradient(to top,
+ @notebook_tab_gradient_a,
+ @notebook_tab_gradient_b 50%,
+ @notebook_tab_gradient_c 50%,
+ @notebook_tab_gradient_d);
+}
+
+notebook header.bottom tab:active {
+ border-width: 0px 1px 0px 1px;
+ border-bottom-color: @notebook_active_tab_border;
+ background-image: linear-gradient(to top,
+ @notebook_active_tab_strip_gradient_a,
+ @notebook_active_tab_strip_gradient_b 3px,
+ @notebook_active_tab_strip_border_bottom_color 4px,
+ @notebook_active_tab_gradient_a 4px,
+ @notebook_active_tab_gradient_b);
+}
+
+notebook header.bottom tab:active:first-child {
+ border-width: 0px 1px 0px 0px;
+}
+
+notebook header.bottom tab:active:last-child {
+ border-width: 0px 0px 0px 1px;
+}
+
+notebook header.left tab {
+ padding: 2px 0 2px 7px;
+ border-width: 0px 1px 0px 0px;
+ border-radius: 0px;
+ background-image: linear-gradient(to right,
+ @notebook_tab_gradient_a,
+ @notebook_tab_gradient_b 50%,
+ @notebook_tab_gradient_c 50%,
+ @notebook_tab_gradient_d);
+}
+
+notebook header.left tab:active {
+ border-width: 1px 0px 1px 0px;
+ border-left-color: @notebook_active_tab_border;
+ background-image: linear-gradient(to right,
+ @notebook_active_tab_strip_gradient_a,
+ @notebook_active_tab_strip_gradient_b 3px,
+ @notebook_active_tab_strip_border_bottom_color 4px,
+ @notebook_active_tab_gradient_a 4px,
+ @notebook_active_tab_gradient_b);
+}
+
+notebook header.left tab:active:first-child {
+ border-width: 0px 0px 1px 0px;
+}
+
+notebook header.left tab:active:last-child {
+ border-width: 1px 0px 0px 0px;
 }
 
 .notebook tab * {
- background-color: transparent;
+ background-color: transparent;
 }
 
 /* close button styling */
-.notebook tab .button,
-.notebook tab .button:active,
-.notebook tab .button:hover {
- border-image: none;
- border-style: none;
- background-image: none;
- background-color: transparent;
+paned.horizontal notebook button.flat,
+notebook button.flat.small-button {
+ border-image: none;
+ border-radius: 3px;
+ border-style: solid;
+ border-color: transparent;
+ border-width: 1px;
+ background-image: none;
+ background-color: transparent;
+ color: mix(@theme_fg_color, @theme_base_color, 0.6);
+ padding: 0;
+}
+
+paned.horizontal notebook button.flat:hover,
+notebook button.flat.small-button:hover{
+ color: @theme_fg_color;
+ border-color: alpha(black, 0.1);
+}
+
+notebook header.top tabs arrow.up,
+notebook header.bottom tabs arrow.up {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ color: @theme_fg_color;
+}
+
+notebook header.top tabs arrow.down,
+notebook header.bottom tabs arrow.down {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+ color: @theme_fg_color;
+}
+
+notebook header.left tabs arrow.up,
+notebook header.right tabs arrow.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+ color: @theme_fg_color;
+}
+
+notebook header.left tabs arrow.down,
+notebook header.right tabs arrow.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ color: @theme_fg_color;
+}
+
+notebook header tabs arrow {
+ color: @theme_fg_color;
 }
 
-.notebook tab .button GtkImage {
- border-radius: 3px;
- color: mix(@theme_fg_color, @theme_base_color, 0.6);
- border-style: solid;
- border-color: transparent;
- border-width: 1px;
- padding: 0;
+notebook header tabs arrow:hover,
+notebook header tabs arrow:active {
+ color: @theme_selected_bg_color;
 }
 
-.notebook tab .button GtkImage:hover {
- color: @theme_fg_color;
- border-color: alpha(black, 0.1);
+notebook header tabs arrow:disabled {
+ color: rgba(141, 144, 145, 0.3);
 }
 
-.notebook tab .button GtkImage:active,
-.notebook tab .button GtkImage:active:hover {
- background-color: alpha(black, 0.08);
- color: @theme_base_color;
- border-color: alpha(black, 0.27)
- alpha(black, 0.13)
- alpha(black, 0.13)
- alpha(black, 0.13);
+notebook header tabs arrow:backdrop {
+ color: rgba(84, 89, 90, 0.4);
+}
+
+notebook header tabs arrow:backdrop:disabled {
+ color: #c7c7c7;
 }
 
 /**************
 * ComboBoxes *
 **************/
 
-GtkComboBox {
- padding: 0;
- -GtkComboBox-arrow-scaling: 0.5;
- -GtkComboBox-shadow-type: none;
+combobox {
+ padding: 0;
+}
+
+combobox *:disabled {
+ color: @insensitive_fg_color;
 }
 
-GtkComboBox *:insensitive {
- color: @insensitive_fg_color;
+combobox separator {
+ /* always disable separators */
+ -GtkWidget-horizontal-separator: 0;
+ -GtkWidget-vertical-separator: 0;
 }
 
-GtkComboBox .separator {
- /* always disable separators */
- -GtkWidget-wide-separators: true;
- -GtkWidget-horizontal-separator: 0;
- -GtkWidget-vertical-separator: 0;
+combobox entry .entry:first-child,
+combobox entry button:first-child {
+ border-image-width: 3px 0 4px 3px;
+ border-radius: 3px 0 0 3px;
+ border-right-width: 0;
 }
 
-.combobox-entry .entry:first-child,
-.combobox-entry .button:first-child {
- border-image-width: 3px 0 4px 3px;
- border-radius: 3px 0 0 3px;
- border-right-width: 0;
+combobox entry .entry:last-child,
+combobox entry button:last-child {
+ border-image-width: 3px 3px 4px 0;
+ border-radius: 0 3px 3px 0;
+ border-left-width: 0;
 }
 
-.combobox-entry .entry:last-child,
-.combobox-entry .button:last-child {
- border-image-width: 3px 3px 4px 0;
- border-radius: 0 3px 3px 0;
- border-left-width: 0;
+combobox entry button:last-child {
+ border-image-width: 3px 3px 4px 2px;
 }
 
--GtkComboBox.combobox-entry .button:last-child {
- border-image-width: 3px 3px 4px 2px;
+toolbar.primary-toolbar combobox entry .entry:first-child,
+toolbar.primary-toolbar combobox entry button:first-child {
+ border-image-width: 4px 0 4px 4px;
+ border-radius: 3px 0 0 3px;
+ border-right-width: 0;
 }
 
-.primary-toolbar .combobox-entry .entry:first-child,
-.primary-toolbar .combobox-entry .button:first-child {
- border-image-width: 4px 0 4px 4px;
- border-radius: 3px 0 0 3px;
- border-right-width: 0;
+toolbar.primary-toolbar combobox entry .entry:last-child,
+toolbar.primary-toolbar combobox entry button:last-child {
+ border-image-width: 4px 4px 4px 0;
+ border-radius: 0 3px 3px 0;
+ border-left-width: 0;
 }
 
-.primary-toolbar .combobox-entry .entry:last-child,
-.primary-toolbar .combobox-entry .button:last-child {
- border-image-width: 4px 4px 4px 0;
- border-radius: 0 3px 3px 0;
- border-left-width: 0;
+combobox entry button *:active,
+combobox entry button *:active:hover {
+ color: @theme_text_color;
 }
 
-.combobox-entry .button *:active,
-.combobox-entry .button *:active:hover {
- color: @theme_text_color;
+combobox button {
+ color: @internal_element_color;
 }
 
-GtkComboBox .button {
- color: @internal_element_color;
+combobox button *:hover {
+ color: @theme_text_color;
 }
 
-GtkComboBox .button *:hover {
- color: @theme_text_color;
+combobox arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ color: @theme_fg_color;
+ min-height: 16px;
+ min-width: 16px;
 }
 
 /**************
 * Scrollbars *
 **************/
 
-.scrollbar {
- background-image: none;
- border-style: solid;
- -GtkRange-trough-border: 0;
- -GtkScrollbar-has-backward-stepper: true;
- -GtkScrollbar-has-forward-stepper: true;
- -GtkRange-arrow-scaling: 0.4;
- -GtkRange-slider-width: 15;
- -GtkRange-stepper-size: 15px;
- -GtkScrollbar-min-slider-length: 30;
- -GtkRange-stepper-spacing: 0;
- -GtkRange-trough-under-steppers: 0;
+scrollbar {
+ background-image: none;
+ border-style: solid;
+ -GtkRange-trough-border: 0;
+ -GtkScrollbar-has-backward-stepper: true;
+ -GtkScrollbar-has-forward-stepper: true;
+ -GtkRange-slider-width: 15;
+ -GtkRange-stepper-size: 15px;
+ -GtkScrollbar-min-slider-length: 30;
+ -GtkRange-stepper-spacing: 0;
+ -GtkRange-trough-under-steppers: 0;
+}
+
+scrolledwindow junction {
+ background-image: none;
+ background-color: @scrollbars_junction_bg_color;
+}
+
+scrollbar trough {
+ background-image: none;
+ border-color: @scrollbar_trough_border_color;
+ border-radius: 0;
+ border-image: none;
 }
 
-.scrollbars-junction {
- background-image: none;
- background-color: @scrollbars_junction_bg_color;
+scrollbar.horizontal trough {
+ border-width: 1px 0px;
+ background-image: -gtk-gradient (linear,
+ left top,
+ left bottom,
+ color-stop (0, @scrollbar_trough_gradient_a),
+ color-stop (0.5, @scrollbar_trough_gradient_b));
 }
 
-.scrollbars-junction,
-.scrollbar.trough {
- border-color: @scrollbar_trough_border_color;
- border-radius: 0;
- border-image: none;
+scrollbar.horizontal.top trough {
+ border-width: 0px 0px 1px 0px;
 }
 
-.scrollbar.trough.horizontal {
- border-width: 1px 0px;
- background-image: -gtk-gradient (linear,
- left top,
- left bottom,
- color-stop (0, @scrollbar_trough_gradient_a),
- color-stop (0.5, @scrollbar_trough_gradient_b));
+scrollbar.horizontal.bottom trough {
+ border-width: 1px 0px 0px 0px;
 }
-
-.scrollbar.trough.vertical {
- border-width: 0px 1px;
- background-image: -gtk-gradient (linear,
- left top,
- right top,
- color-stop (0, @scrollbar_trough_gradient_a),
- color-stop (0.5, @scrollbar_trough_gradient_b));
+
+scrollbar.vertical.right trough {
+ border-width: 0px 1px 0px 0px;
 }
 
-.scrollbar.button {
- border-width: 1px;
- border-image: none;
- border-color: @scrollbar_button_border_color;
- background-image: none;
- background-color: transparent;
- color: @scrollbar_button_color;
+scrollbar.vertical trough {
+ background-image: -gtk-gradient (linear,
+ left top,
+ right top,
+ color-stop (0, @scrollbar_trough_gradient_a),
+ color-stop (0.5, @scrollbar_trough_gradient_b));
 }
 
-.scrollbar.button.top {
- border-radius: 3px 3px 0px 0px;
+scrollbar.vertical.left trough {
+ border-width: 0px 0px 0px 1px;
 }
 
-.scrollbar.button.bottom {
- border-radius: 0px 0px 3px 3px;
+scrollbar.vertical.right trough {
+ border-width: 0px 1px 0px 0px;
 }
 
-.scrollbar.button.left {
- border-radius: 3px 0px 0px 3px;
+scrollbar button {
+ border-width: 1px;
+ border-image: none;
+ border-color: @scrollbar_button_border_color;
+ border-radius: 0px;
+ background-image: none;
+ background-color: transparent;
+ color: @scrollbar_button_color;
 }
 
-.scrollbar.button.right {
- border-radius: 0px 3px 3px 0px;
+scrollbar button:disabled {
+ color: @scrollbar_button_insensitive_color;
+ border-color: @scrollbar_button_border_color;
+ border-radius: 0px;
+ border-image: none;
+ border-style: solid;
+ border-width: 1px;
 }
 
-.scrollbar.button.horizontal {
- background-image: -gtk-gradient (linear,
- left top,
- left bottom,
- from (@scrollbar_button_gradient_a),
- color-stop (0.50, @scrollbar_button_gradient_b),
- color-stop (0.50, @scrollbar_button_gradient_c),
- to (@scrollbar_button_gradient_d));
+scrollbar.vertical button:first-child,
+scrollbar.vertical button:disabled:first-child {
+ border-width: 0px 0px 1px 1px;
 }
 
-.scrollbar.button.vertical {
- background-image: -gtk-gradient (linear,
- left top,
- right top,
- from (@scrollbar_button_gradient_a),
- color-stop (0.50, @scrollbar_button_gradient_b),
- color-stop (0.50, @scrollbar_button_gradient_c),
- to (@scrollbar_button_gradient_d));
+scrollbar.vertical button:last-child,
+scrollbar.vertical button:disabled:last-child {
+ border-width: 1px 0px 0px 1px;
 }
 
-.scrollbar.button.horizontal:hover {
- background-image: -gtk-gradient (linear,
- left top,
- left bottom,
- from (@scrollbar_button_hover_gradient_a),
- color-stop (0.50, @scrollbar_button_hover_gradient_b),
- color-stop (0.50, @scrollbar_button_hover_gradient_c),
- to (@scrollbar_button_hover_gradient_d));
+scrollbar.horizontal button:first-child,
+scrollbar.horizontal button:disabled:first-child {
+ border-width: 1px 1px 0px 0px;
 }
 
-.scrollbar.button.vertical:hover {
- background-image: -gtk-gradient (linear,
- left top,
- right top,
- from (@scrollbar_button_hover_gradient_a),
- color-stop (0.50, @scrollbar_button_hover_gradient_b),
- color-stop (0.50, @scrollbar_button_hover_gradient_c),
- to (@scrollbar_button_hover_gradient_d));
+scrollbar.horizontal button:last-child,
+scrollbar.horizontal button:disabled:last-child {
+ border-width: 1px 0px 0px 1px;
 }
 
-.scrollbar.button.horizontal:active {
- background-image: -gtk-gradient (linear,
- left top,
- left bottom,
- from (@scrollbar_button_active_gradient_a),
- color-stop (0.50, @scrollbar_button_active_gradient_b),
- color-stop (0.50, @scrollbar_button_active_gradient_c),
- to (@scrollbar_button_active_gradient_d));
+scrollbar.horizontal button {
+ background-image: -gtk-gradient (linear,
+ left top,
+ left bottom,
+ from (@scrollbar_button_gradient_a),
+ to (@scrollbar_button_gradient_d));
 }
 
-.scrollbar.button.vertical:active {
- background-image: -gtk-gradient (linear,
- left top,
- right top,
- from (@scrollbar_button_active_gradient_a),
- color-stop (0.50, @scrollbar_button_active_gradient_b),
- color-stop (0.50, @scrollbar_button_active_gradient_c),
- to (@scrollbar_button_active_gradient_d));
+scrollbar.horizontal button:hover {
+ background-image: -gtk-gradient (linear,
+ left bottom,
+ left top,
+ from (@scrollbar_button_hover_gradient_a),
+ to (@scrollbar_button_hover_gradient_d));
+}
+
+scrollbar.horizontal button:hover:active {
+ background-image: -gtk-gradient (linear,
+ left top,
+ left bottom,
+ from (@scrollbar_button_active_gradient_a),
+ to (@scrollbar_button_active_gradient_d));
+}
+
+scrollbar.vertical button {
+ background-image: -gtk-gradient (linear,
+ left top,
+ left bottom,
+ from (@scrollbar_button_gradient_a),
+ to (@scrollbar_button_gradient_d));
+}
+
+scrollbar.vertical button:hover {
+ background-image: -gtk-gradient (linear,
+ left top,
+ left bottom,
+ from (@scrollbar_button_hover_gradient_d),
+ to (@scrollbar_button_hover_gradient_a));
 }
 
-.scrollbar.slider {
- background-color: @scrollbar_slider_bg_color;
- background-image: none;
- border-radius: 0;
- border-style: solid;
- border-image: none;
- border-color: @scrollbar_slider_border_color;
- border-width: 1px;
+scrollbar.vertical button:hover:active {
+ background-image: -gtk-gradient (linear,
+ left top,
+ right top,
+ from (@scrollbar_button_active_gradient_a),
+ color-stop (0.50, @scrollbar_button_active_gradient_b),
+ color-stop (0.50, @scrollbar_button_active_gradient_c),
+ to (@scrollbar_button_active_gradient_d));
+}
+
+scrollbar slider {
+ background-color: @scrollbar_slider_bg_color;
+ background-image: none;
+ border-radius: 0;
+ border-style: solid;
+ border-image: none;
+ border-color: @scrollbar_slider_border_color;
+ border-width: 1px;
 }
 
-.scrollbar.slider:hover {
- background-color: @scrollbar_slider_hover_bg_color;
+scrollbar slider:hover {
+ background-color: @scrollbar_slider_hover_bg_color;
 }
 
 /*********
@@ -1429,252 +1830,288 @@ GtkComboBox .button *:hover {
 *********/
 
 /* combobox menus */
-GtkTreeMenu.menu,
-GtkTreeMenu.menu * {
- background-color: @menu_bg_color;
+treemenu menu {
+ background-color: @menu_bg_color;
 }
 
-GtkTreeMenu .menuitem {
- padding: 2px;
+treemenu menuitem {
+ padding: 2px;
 }
 
-.menu {
- font: normal;
- background-color: @menu_bg_color;
- color: @menu_fg_color;
- padding: 1px;
- border-style: solid;
- border-width: 1px;
- border-color: @menu_border_color;
+menu {
+ font: normal;
+ background-color: @menu_bg_color;
+ color: @menu_fg_color;
+ padding: 1px;
+ border-style: solid;
+ border-width: 1px;
+ border-color: @menu_border_color;
 }
 
-.menu.button {
- background-image: none;
- background-color: @menu_bg_color;
- color: @internal_element_color;
+menu button {
+ background-image: none;
+ background-color: @menu_bg_color;
+ color: @internal_element_color;
+ border-image: none;
+ border-style: none;
+}
 
- border-image: none;
- border-style: none;
+menu button:hover {
+ background-image: none;
+ background-color: @theme_base_color;
+ color: @theme_text_color;
+ border-image: none;
+ border-style: none;
 }
 
-.menu.button:hover {
- background-image: none;
- background-color: @theme_base_color;
- color: @theme_text_color;
+menu button:disabled {
+ background-color: @theme_base_color;
+ color: lighter(@internal_element_color);
+ border-image: none;
+ border-style: none;
+}
 
- border-image: none;
- border-style: none;
+/* this controls the general appearance of the menubar */
+menubar {
+ border-style: none;
+ padding: 1px;
+ -GtkWidget-window-dragging: true;
+ background-image: -gtk-gradient (linear,
+ left top,
+ left bottom,
+ from (@menubar_gradient_a),
+ color-stop (0.50, @menubar_gradient_b),
+ to (@menubar_gradient_c));
 }
 
-.menu.button:insensitive {
- background-color: @theme_base_color;
- color: lighter(@internal_element_color);
+menubar menuitem {
+ border-style: solid;
+ border-width: 1px 1px 0px;
+ border-color: transparent;
+ padding: 3px 5px;
+ background-color: transparent;
+}
 
- border-image: none;
- border-style: none;
+menubar menuitem:hover,
+menuitem button.flat:hover,
+menuitem button.flat:active {
+ background-color: @menu_bg_color;
+ border-style: solid;
+ border-width: 1px 1px 0px;
+ border-color: @menubar_menuitem_hover_border_color;
+ border-radius: 3px 3px 0 0;
+ color: @menubar_menuitem_hover_color;
+ background-image: -gtk-gradient (linear,
+ left top,
+ left bottom,
+ from (@menubar_menuitem_hover_gradient_a),
+ color-stop (0.50, @menubar_menuitem_hover_gradient_b),
+ color-stop (0.50, @menubar_menuitem_hover_gradient_c),
+ to (@menubar_menuitem_hover_gradient_d));
 }
 
-/* this controls the general appearance of the menubar */
-.menubar {
- border-style: none;
- padding: 1px;
- -GtkWidget-window-dragging: true;
- -GtkMenuBar-internal-padding: 1;
- background-image: -gtk-gradient (linear,
- left top,
- left bottom,
- from (@menubar_gradient_a),
- color-stop (0.50, @menubar_gradient_b),
- to (@menubar_gradient_c));
+menuitem button.flat:hover {
+ border-width: 1px;
+ border-radius: 3px;
 }
 
-.menubar .menuitem {
- border-style: none;
- padding: 3px 5px;
- background-color: transparent;
+menuitem button.flat:focus {
+ color: @theme_text_color;
 }
 
-.menubar .menuitem:hover,
-.menuitem.button.flat:hover,
-.menuitem.button.flat:active {
- background-color: @menu_bg_color;
- border-style: solid;
- border-width: 1px 1px 0px;
- border-color: @menubar_menuitem_hover_border_color;
- border-radius: 3px 3px 0 0;
- color: @menubar_menuitem_hover_color;
- background-image: -gtk-gradient (linear,
- left top,
- left bottom,
- from (@menubar_menuitem_hover_gradient_a),
- color-stop (0.50, @menubar_menuitem_hover_gradient_b),
- color-stop (0.50, @menubar_menuitem_hover_gradient_c),
- to (@menubar_menuitem_hover_gradient_d));
+menubar menuitem:hover {
+ border-width: 1px 1px 0px;
+ color: @menubar_menuitem_hover_color;
 }
 
-.menuitem.button.flat:hover {
- border-width: 1px;
- border-radius: 3px;
+menu menuitem,
+menu menuitem:disabled {
+ border-width: 1px 0px;
+ border-style: solid;
+ border-color: transparent;
+ padding: 4px;
+ background-color: @menu_bg_color;
 }
 
-.menuitem.button.flat:focus {
- color: @theme_text_color;
+menu menuitem:hover {
+ border-radius: 0;
 }
 
-.menubar .menuitem *:hover {
- border-width: 1px;
- color: @menubar_menuitem_hover_color;
+treemenu menuitem:hover,
+menu menuitem:active,
+menu menuitem:hover {
+ border-style: solid;
+ border-width: 1px 0px;
+ border-color: @menubar_menuitem_hover_border_color;
 }
 
-.menu .menuitem {
- -GtkMenuItem-arrow-scaling: 0.5;
- padding: 4px;
- background-color: @menu_bg_color;
+treemenu menuitem:hover,
+combobox menuitem:hover,
+menu menuitem:active,
+menu menuitem:active,
+menu menuitem:hover,
+menu menuitem:hover {
+ color: @theme_selected_fg_color;
+ background-image: -gtk-gradient (linear,
+ left top,
+ left bottom,
+ from (@menubar_menuitem_hover_gradient_a),
+ color-stop (0.50, @menubar_menuitem_hover_gradient_b),
+ color-stop (0.50, @menubar_menuitem_hover_gradient_c),
+ to (@menubar_menuitem_hover_gradient_d));
 }
 
-.menu .menuitem > * {
- background-color: transparent;
+menu menuitem:disabled {
+ color: mix (@menu_fg_color, @menu_bg_color, 0.6);
 }
 
-.menu .menuitem:hover {
- border-radius: 0;
+menu menuitem accelerator:disabled {
+ color: mix (@menu_fg_color, @menu_bg_color, 0.7);
 }
 
-GtkTreeMenu .menuitem:hover,
-.menu .menuitem:active,
-.menu .menuitem:hover {
- border-style: solid;
- border-width: 1px;
- border-color: @menubar_menuitem_hover_border_color;
+menuitem accelerator {
+ color: alpha (@menu_fg_color, 0.4);
 }
 
-GtkTreeMenu .menuitem *:hover,
-GtkComboBox .menuitem:hover *
-.menu .menuitem:active,
-.menu .menuitem *:active,
-.menu .menuitem:hover,
-.menu .menuitem *:hover {
- color: @theme_selected_fg_color;
- background-image: -gtk-gradient (linear,
- left top,
- left bottom,
- from (@menubar_menuitem_hover_gradient_a),
- color-stop (0.50, @menubar_menuitem_hover_gradient_b),
- color-stop (0.50, @menubar_menuitem_hover_gradient_c),
- to (@menubar_menuitem_hover_gradient_d));
+menuitem accelerator:hover,
+menuitem accelerator:active {
+ color: alpha (@menu_fg_color, 0.3);
 }
 
-.menu .menuitem:insensitive,
-.menu .menuitem *:insensitive {
- color: mix (@menu_fg_color, @menu_bg_color, 0.6);
+menuitem arrow {
+ min-height: 16px;
+ min-width: 16px;
+ margin-left: 10px;
+ color: @menu_controls_color;
 }
 
-.menu .menuitem .accelerator:insensitive {
- color: mix (@menu_fg_color, @menu_bg_color, 0.7);
+menu menuitem arrow:dir(ltr) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
 }
 
-.menuitem .accelerator {
- color: alpha (@menu_fg_color, 0.4);
+menu menuitem arrow:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
 }
 
-.menuitem .accelerator:hover,
-.menuitem .accelerator:active {
- color: alpha (@menu_fg_color, 0.3);
+menu arrow.top {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
 }
 
-.menuitem.arrow {
- color: @menu_controls_color;
+menu arrow.bottom {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-.menuitem.separator {
- color: @menu_separator_color;
- padding: 3px 1px 3px 1px;
+menu arrow:hover {
+ border-color: @theme_selected_fg_color;
+ color: shade (@theme_selected_bg_color, 1.6);
+}
 
- -GtkMenuItem-horizontal-padding: 0;
+menu separator,
+menuitem separator {
+ color: @menu_separator_color;
+ min-height: 1px;
+ border-image: -gtk-gradient (linear,
+ left top, right top,
+ from (alpha (#000, 0.00)),
+ color-stop (0.25, alpha (#000, 0.03)),
+ color-stop (0.85, alpha (#000, 0.03)),
+ to (alpha (#000, 0.00))) 1;
 }
 
-.menuitem.check,
-.menuitem.radio,
-.menuitem.check:hover,
-.menuitem.radio:hover,
-.menuitem.check:insensitive,
-.menuitem.radio:insensitive {
- background-image: none;
- background-color: transparent;
+menuitem check,
+menuitem radio,
+menuitem check:hover,
+menuitem radio:hover,
+menuitem check:disabled,
+menuitem radio:disabled {
+ background-image: none;
+ background-color: transparent;
+ min-height: 12px;
+ min-width: 12px;
 }
 
-.menuitem.check:active,
-.menuitem.radio:active {
- background-color: transparent;
+menuitem check:active,
+menuitem radio:active {
+ background-color: transparent;
 }
 
 /***************
 * Menu Button *
 ***************/
 
-.button.menuitem.menubar:active,
-.button.menuitem.menubar *:active {
- color: @theme_text_color;
- background-image: none;
- background-color: @menu_bg_color;
- border-radius: 5px 5px 0 0;
- border-image: none;
- border-width: 1px 1px 0 1px;
- border-color: shade(@border_color, 1.30);
- border-style: solid;
+menuitem button.flat:active {
+ color: @theme_text_color;
+ background-image: none;
+ background-color: @menu_bg_color;
+ border-radius: 5px 5px 0 0;
+ border-image: none;
+ border-width: 1px 1px 0 1px;
+ border-color: shade(@border_color, 1.30);
+ border-style: solid;
 }
 
 /****************
 * Radiobuttons *
 ****************/
 
-.check,
-.radio,
-.check:insensitive,
-.radio:insensitive {
- background-color: transparent;
- border-style: none;
+check,
+radio,
+check:disabled,
+radio:disabled {
+ background-color: transparent;
+ border-style: none;
 }
 
-.check row:selected:insensitive,
-.check row:selected:focus:insensitive {
- background-color: transparent;
+check,
+radio,
+menuitem check,
+menuitem radio,
+menu menuitem check,
+menu menuitem radio {
+ padding: 0px 6px 0px 0px;
+ background-repeat: no-repeat;
+ background-position: center;
 }
 
-GtkCheckButton:hover,
-GtkCheckButton:active:hover,
-GtkCheckButton:selected,
-GtkCheckButton:selected:focus {
- background-color: transparent;
+check row:selected:disabled,
+check row:selected:focus:disabled {
+ background-color: transparent;
+}
+
+checkbutton:hover,
+checkbutton:active:hover,
+checkbutton:selected,
+checkbutton:selected:focus {
+ background-color: transparent;
 }
 
 /************
 * Toolbars *
 ************/
 
-.toolbar {
- border-style: none;
- border-color: darker (@theme_bg_color);
- padding: 3px;
+toolbar {
+ border-style: none;
+ border-color: darker (@theme_bg_color);
+ padding: 3px;
 }
 
-.toolbar .button {
- padding: 1px;
+toolbar button {
+ padding: 1px;
 }
 
-.toolbar:insensitive {
- color: alpha (@theme_fg_color, 0.6);
+toolbar:disabled {
+ color: alpha (@theme_fg_color, 0.6);
 }
 
 /********************
 * Menubar Toolbars *
 ********************/
 
-.toolbar.menubar {
- border-style: none;
- -GtkToolbar-button-relief: normal;
- padding-left: 4px;
- padding-right: 4px;
+toolbar menubar {
+ border-style: none;
+ -GtkToolbar-button-relief: normal;
+ padding-left: 4px;
+ padding-right: 4px;
 }
 
 /********************
@@ -1684,66 +2121,62 @@ GtkCheckButton:selected:focus {
 /* applications using EggEditableToolbar usually set the primary-toolbar
 * hint on the containing vbox, so we need to handle both these cases here.
 */
-.primary-toolbar .toolbar,
-.primary-toolbar.toolbar {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- border-style: solid;
- border-top-color: @toolbar_border_top_color;
- border-bottom-color: @toolbar_border_bottom_color;
- -GtkWidget-window-dragging: true;
- -GtkToolbar-button-relief: normal;
+toolbar.primary-toolbar {
+ border-width: 1px 0 1px 0;
+ border-radius: 0;
+ border-style: solid;
+ border-top-color: @toolbar_border_top_color;
+ border-bottom-color: @toolbar_border_bottom_color;
+ -GtkWidget-window-dragging: true;
+ -GtkToolbar-button-relief: normal;
 }
 
-.primary-toolbar .toolbar:insensitive,
-.primary-toolbar.toolbar:insensitive {
- background-image: none;
- background-color: shade (@theme_bg_color, 0.97);
- border-color: shade (@theme_bg_color, 0.91);
+toolbar.primary-toolbar:disabled {
+ background-image: none;
+ background-color: shade (@theme_bg_color, 0.97);
+ border-color: shade (@theme_bg_color, 0.91);
 }
 
 /* progressbars on primary toolbar entries are special */
-.primary-toolbar .toolbar .entry.progressbar,
-.primary-toolbar.toolbar .entry.progressbar {
- background-image: -gtk-gradient (linear,
- left top, left bottom,
- from (@trough_gradient_a),
- to (@trough_gradient_b));
- border-width: 1px;
- border-radius: 2px;
- border-style: solid;
- border-color: shade(@internal_element_color, 1.10);
- border-image: none;
- color: @theme_text_color;
+toolbar.primary-toolbar entry progress {
+ background-image: -gtk-gradient (linear,
+ left top, left bottom,
+ from (@trough_gradient_a),
+ to (@trough_gradient_b));
+ border-width: 1px;
+ border-radius: 2px;
+ border-style: solid;
+ border-color: shade(@internal_element_color, 1.10);
+ border-image: none;
+ color: @theme_text_color;
 }
 
 /*******************
 * Inline toolbars *
 *******************/
 
-.inline-toolbar.toolbar {
- border-width: 1px;
- border-radius: 0;
- border-style: solid;
- -GtkToolbar-button-relief: normal;
- padding: 4px;
+toolbar.inline-toolbar {
+ border-width: 1px;
+ border-radius: 0;
+ border-style: solid;
+ -GtkToolbar-button-relief: normal;
+ padding: 4px;
 }
 
-.inline-toolbar.toolbar:last-child {
- border-width: 0 1px 1px 1px;
- border-radius: 0 0 3px 3px;
+toolbar.inline-toolbar:last-child {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0 0 3px 3px;
 }
 
 /* Primary and inline toolbars background */
-.primary-toolbar .toolbar,
-.primary-toolbar.toolbar,
-.inline-toolbar.toolbar {
- background-color: transparent;
- background-image: linear-gradient(to bottom,
- @toolbar_gradient_a 2px,
- @toolbar_gradient_b 50%,
- @toolbar_gradient_c 50%,
- @toolbar_gradient_d);
+toolbar.primary-toolbar,
+toolbar.inline-toolbar {
+ background-color: transparent;
+ background-image: linear-gradient(to bottom,
+ @toolbar_gradient_a 2px,
+ @toolbar_gradient_b 50%,
+ @toolbar_gradient_c 50%,
+ @toolbar_gradient_d);
 }
 
 /***********
@@ -1751,8 +2184,9 @@ GtkCheckButton:selected:focus {
 ***********/
 
 .sidebar,
-.sidebar .view {
- background-color: @sidebar_bg_color;
+.sidebar .view,
+placessidebar .view {
+ background-color: @sidebar_bg_color;
 }
 
 .sidebar .frame {
@@ -1760,17 +2194,13 @@ GtkCheckButton:selected:focus {
 }
 
 /* dialog open */
-GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame GtkListBox.sidebar.list,
-GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame GtkListBox.sidebar.list,
-GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row,
-GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row {
+dialog filechooser placessidebar.sidebar.frame viewport.frame list,
+dialog filechooser placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row {
 background-color: @theme_base_color;
 }
 
-GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row:selected,
-GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row:selected,
-GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row:selected:hover,
-GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row:selected:hover {
+dialog filechooser placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row:selected,
+dialog filechooser placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row:selected:hover {
 border-style: none;
 color: @theme_selected_fg_color;
 background-image: -gtk-gradient (linear,
@@ -1782,30 +2212,26 @@ GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-r
 to (@menubar_menuitem_hover_gradient_d));
 }
 
-GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row:hover,
-GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row:hover {
- background-image: linear-gradient(to bottom,
- shade(@button_active_gradient_a, 1.20),
- shade(@button_active_gradient_b, 1.20) 3px,
- shade(@button_active_gradient_c, 1.20) 4px,
- shade(@button_active_gradient_d, 1.20) 50%,
- shade(@button_active_gradient_e, 1.20) 50%,
- shade(@button_active_gradient_f, 1.20));
- background-color: transparent;
+dialog filechooser placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row:hover {
+ background-image: linear-gradient(to bottom,
+ shade(@button_active_gradient_a, 1.20),
+ shade(@button_active_gradient_b, 1.20) 3px,
+ shade(@button_active_gradient_c, 1.20) 4px,
+ shade(@button_active_gradient_d, 1.20) 50%,
+ shade(@button_active_gradient_e, 1.20) 50%,
+ shade(@button_active_gradient_f, 1.20));
+ background-color: transparent;
 }
 
-GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row .sidebar-revealer .sidebar-icon,
-GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row .sidebar-revealer .sidebar-icon {
+dialog filechooser placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row revealer.sidebar-revealer image.sidebar-icon {
 padding: 4px 8px 4px 6px;
 }
 
-GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row .sidebar-revealer .sidebar-label,
-GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row .sidebar-revealer .sidebar-label {
+dialog filechooser placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row revealer.sidebar-revealer label.sidebar-label {
 padding: 4px 0px 4px 1px;
 }
 
-GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row .sidebar-revealer .sidebar-button.image-button.button,
-GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row .sidebar-revealer .sidebar-button.image-button.button {
+dialog filechooser placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row revealer.sidebar-revealer button.image-button.sidebar-button {
 background-color: transparent;
 background-image: none;
 border-image:none;
@@ -1815,19 +2241,20 @@ GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-r
 }
 
 /* workaround for broken first/last-child logic with linked buttons
- in pathbar with gtk+-3.18 */
-.path-bar.linked .button.text-button {
- border-right-width: 1px;
- border-left-width: 1px;
- border-radius: 2px;
+ in pathbar with gtk+-3.18 *//*
+.path-bar.linked button.text-button {
+ border-right-width: 1px;
+ border-left-width: 1px;
+ border-radius: 2px;
 padding: 4px;
 }
+*/
 
-.sidebar .radio,
-.sidebar .radio:focus,
-.sidebar .radio:selected {
- background-image: none;
- background-color: transparent;
+.sidebar radio,
+.sidebar radio:focus,
+.sidebar radio:selected {
+ background-image: none;
+ background-color: transparent;
 }
 
 /*******
@@ -1848,33 +2275,29 @@ GtkOverlay.osd {
 background-origin: border-box;
 }
 
-.osd.button,
-.osd.button:active,
-.osd.button:checked,
-.osd .button,
-.osd .button:active,
-.osd .button:checked {
+.osd button,
+.osd button:active,
+.osd button:checked {
 border-width: 1px;
 border-style: solid;
 border-image: none;
 border-radius: 5px;
 }
 
-.osd .button {
+.osd button {
 border-color: shade (@theme_bg_color, 0.4);
 }
-.osd .button:insensitive {
+.osd button:disabled {
 border-color: alpha(@osd_button_border,0.5);
 }
 
-.osd .button:hover,
-.osd .button:active,
-.osd .button:checked {
+.osd button:hover,
+.osd button:active,
+.osd button:checked {
 border-color: shade (@theme_selected_bg_color, 0.5);
 }
 
-.osd.button,
-.osd .button {
+.osd button {
 padding: 6px;
 background-image: linear-gradient(to bottom,
 @osd_button_bg_a,
@@ -1882,7 +2305,7 @@ GtkOverlay.osd {
 @osd_button_bg_c);
 color: @osd_button_fg;
 text-shadow: 0 -1px @osd_button_shadow;
- icon-shadow: 0 -1px @osd_button_shadow;
+ -gtk-icon-shadow: 0 -1px @osd_button_shadow;
 }
 
 .osd.button {
@@ -1896,62 +2319,62 @@ GtkOverlay.osd {
 }
 
 .osd.button,
-.osd.button:prelight,
+.osd.button:hover,
 .osd.button:active,
 .osd.button:checked {
 background-color: shade(@osd_bg, 1.10);
 }
 
-.osd .button,
-.osd .button:prelight,
-.osd .button:active,
-.osd .button:checked {
+.osd button,
+.osd button:hover,
+.osd button:active,
+.osd button:checked {
 background-color: transparent;
 }
 
-.osd.button:insensitive,
-.osd .button:insensitive {
+.osd.button:disabled,
+.osd button:disabled {
 background-image: none;
 background-color: @osd_button_bg_insensitive;
 }
 
-.osd.button:active:insensitive,
-.osd .button:active:insensitive,
-.osd.button:checked:insensitive,
-.osd .button:checked:insensitive {
+.osd.button:active:disabled,
+.osd button:active:disabled,
+.osd.button:checked:disabled,
+.osd button:checked:disabled {
 background-image: none;
 background-color: @osd_button_bg_insensitive_active;
 }
 
 .osd.button:hover,
-.osd .button:hover {
+.osd button:hover {
 color: @osd_button_fg_hover;
 }
 
 .osd.button:active,
 .osd.button:hover:active,
-.osd .button:active,
-.osd .button:hover:active,
+.osd button:active,
+.osd button:hover:active,
 .osd.button:checked,
 .osd.button:hover:checked,
-.osd .button:checked,
-.osd .button:hover:checked {
+.osd button:checked,
+.osd button:hover:checked {
 color: @osd_button_fg_active;
 }
 
-.osd.button:insensitive,
-.osd.button:active *:insensitive,
-.osd.button:checked *:insensitive,
-.osd .button:insensitive,
-.osd .button:active *:insensitive,
-.osd .button:checked *:insensitive {
+.osd.button:disabled,
+.osd.button:active *:disabled,
+.osd.button:checked *:disabled,
+.osd button:disabled,
+.osd button:active *:disabled,
+.osd button:checked *:disabled {
 color: @osd_button_fg_insensitive;
 text-shadow: none;
- icon-shadow: none;
+ -gtk-icon-shadow: none;
 }
 
 .osd.button:hover,
-.osd .button:hover {
+.osd button:hover {
 background-image: linear-gradient(to bottom,
 @osd_button_bg_hover_a,
 @osd_button_bg_hover_b 68%,
@@ -1960,13 +2383,13 @@ GtkOverlay.osd {
 
 .osd.button:active,
 .osd.button:active:hover,
-.osd .button:active,
-.osd .button:active:hover,
+.osd button:active,
+.osd button:active:hover,
 .osd GtkMenuButton.menu-button:active,
 .osd.button:checked,
 .osd.button:checked:hover,
-.osd .button:checked,
-.osd .button:checked:hover,
+.osd button:checked,
+.osd button:checked:hover,
 .osd GtkMenuButton.menu-button:checked {
 background-image: linear-gradient(to bottom,
 @osd_button_bg_active_a,
@@ -1974,11 +2397,11 @@ GtkOverlay.osd {
 @osd_button_bg_active_c);
 }
 
-.osd .linked .button:active:first-child {
+.osd .linked button:active:first-child {
 border-left-width: 1px;
 }
 
-.osd .linked .button:active:last-child {
+.osd .linked button:active:last-child {
 border-right-width: 1px;
 }
 
@@ -1993,7 +2416,7 @@ GtkOverlay.osd {
 }
 
 
-.osd.toolbar {
+toolbar.osd {
 color: @osd_fg;
 text-shadow: 0 1px @osd_text_shadow;
 padding: 5px;
@@ -2009,22 +2432,22 @@ GtkOverlay.osd {
 -GtkToolbar-button-relief: normal;
 }
 
-.osd.toolbar .flat.button.image-button {
+toolbar.osd .flat.button.image-button {
 box-shadow: none;
 }
 
-.osd.toolbar .button,
-.osd.toolbar .button:hover,
-.osd.toolbar .button:active,
-.osd.toolbar .button:checked,
-.osd.toolbar .button:active:hover,
-.osd.toolbar .button:insensitive,
-.osd.toolbar .linked .button,
-.osd.toolbar .linked .button:hover,
-.osd.toolbar .linked .button:active,
-.osd.toolbar .linked .button:checked,
-.osd.toolbar .linked .button:active:hover,
-.osd.toolbar .linked .button:insensitive {
+toolbar.osd button,
+toolbar.osd button:hover,
+toolbar.osd button:active,
+toolbar.osd button:checked,
+toolbar.osd button:active:hover,
+toolbar.osd button:disabled,
+toolbar.osd .linked button,
+toolbar.osd .linked button:hover,
+toolbar.osd .linked button:active,
+toolbar.osd .linked button:checked,
+toolbar.osd .linked button:active:hover,
+toolbar.osd .linked button:disabled {
 border-color: shade (@theme_bg_color, 0.4);
 border-style: solid;
 border-image: none;
@@ -2032,87 +2455,87 @@ GtkOverlay.osd {
 border-radius: 0px;
 }
 
-.osd.toolbar .button:active,
-.osd.toolbar .button:active:hover {
+toolbar.osd button:active,
+toolbar.osd button:active:hover {
 background-image: linear-gradient(to bottom,
 @osd_button_bg_active_a,
 @osd_button_bg_active_b 20%,
 @osd_button_bg_active_c);
 }
 
-.osd.toolbar .button:hover {
+toolbar.osd button:hover {
 background-image: linear-gradient(to bottom,
 @osd_button_bg_hover_a,
 @osd_button_bg_hover_b 68%,
 @osd_button_bg_hover_c);
 }
 
-.osd.toolbar .button:first-child,
-.osd.toolbar .button:hover:first-child,
-.osd.toolbar .button:active:first-child,
-.osd.toolbar .button:active:hover:first-child {
+toolbar.osd button:first-child,
+toolbar.osd button:hover:first-child,
+toolbar.osd button:active:first-child,
+toolbar.osd button:active:hover:first-child {
 border-radius: 3px 0 0 3px;
 border-width: 1px 0 1px 1px;
 box-shadow: inset -1px 0 @osd_button_inset;
 }
 
-.osd.toolbar .button:last-child,
-.osd.toolbar .button:hover:last-child,
-.osd.toolbar .button:active:last-child,
-.osd.toolbar .button:active:hover:last-child {
+toolbar.osd button:last-child,
+toolbar.osd button:hover:last-child,
+toolbar.osd button:active:last-child,
+toolbar.osd button:active:hover:last-child {
 box-shadow: none;
 border-radius: 0 3px 3px 0;
 border-width: 1px 1px 1px 0;
 }
 
-.osd.toolbar .button:only-child,
-.osd.toolbar .button:hover:only-child,
-.osd.toolbar .button:active:only-child,
-.osd.toolbar .button:active:hover:only-child,
-.osd.toolbar GtkToolButton .button,
-.osd.toolbar GtkToolButton:only-child .button,
-.osd.toolbar GtkToolButton:last-child .button,
-.osd.toolbar GtkToolButton:first-child .button {
+toolbar.osd button:only-child,
+toolbar.osd button:hover:only-child,
+toolbar.osd button:active:only-child,
+toolbar.osd button:active:hover:only-child,
+toolbar.osd GtkToolButton button,
+toolbar.osd GtkToolButton:only-child button,
+toolbar.osd GtkToolButton:last-child button,
+toolbar.osd GtkToolButton:first-child button {
 border-width: 1px;
 border-radius: 3px;
 border-style: solid;
 box-shadow: none;
 }
 
-.osd.toolbar .separator {
+toolbar.osd separator {
 color: shade(@osd_lowlight, 0.80);
 }
 
 /* used by gnome-settings-daemon's media-keys OSD */
-.osd.trough {
+.osd trough {
 background-color: @osd_trough_bg;
 border-width: 0;
 }
 
-.osd.progressbar {
+.osd progressbar {
 background-color: @osd_fg;
 }
 
-.osd .scale.trough {
+.osd scale trough {
 border-color: shade (@theme_bg_color, 0.4);
 border-image: none;
 /* this defines the bg color of the played segment */
 background-color: @osd_scale_trough_bg_color;
 }
 
-.osd .scale.trough.highlight {
+.osd scale trough highlight {
 background-image: none;
 background-color: @theme_selected_bg_color;
 background-color: @osd_scale_trough_highlight_bg_color;
 }
 
-.osd .scale.trough:insensitive,
-.osd .scale.trough.highlight:insensitive {
+.osd scale trough:disabled,
+.osd scale trough.highlight:disabled {
 background-image: none;
 background-color: transparent;
 }
 
-.osd .scale-popup.popover.background {
+.osd popover.background.scale-popup {
 color: @osd_fg;
 border-style: solid;
 border-width: 1px;
@@ -2126,7 +2549,7 @@ GtkOverlay.osd {
 padding: 2px;
 }
 
-.osd .scale-popup.popover.background .button.flat.image-button {
+.osd popover.background.scale-popup button.flat.image-button {
 background-image: linear-gradient(to bottom,
 @osd_button_bg_a,
 @osd_button_bg_b 68%,
@@ -2136,7 +2559,7 @@ GtkOverlay.osd {
 padding: 3px;
 }
 
-.osd .scale-popup.popover.background .button.flat.image-button:hover {
+.osd popover.background.scale-popup button.flat.image-button:hover {
 background-image: linear-gradient(to bottom,
 @osd_button_bg_hover_a,
 @osd_button_bg_hover_b 78%,
@@ -2144,22 +2567,20 @@ GtkOverlay.osd {
 box-shadow: none;
 }
 
-.osd .scale-popup.popover.background .button.flat.image-button:insensitive {
+.osd popover.background.scale-popup button.flat.image-button:disabled {
 border-color: alpha (shade(@theme_bg_color, 0.4), 0.0);
 background-image: none;
 background-color: transparent;
 }
 
-.osd GtkProgressBar,
-GtkProgressBar.osd {
+.osd progressbar,
+progressbar .osd {
 padding: 0;
- -GtkProgressBar-xspacing: 0;
- -GtkProgressBar-yspacing: 3px;
- -GtkProgressBar-min-horizontal-bar-height: 3px;
+ min-height: 3px;
 }
 
-.osd GtkProgressBar.trough,
-GtkProgressBar.osd.trough {
+.osd progressbar trough,
+progressbar .osd trough {
 padding: 0;
 border-image: none;
 border-style: none;
@@ -2169,37 +2590,37 @@ GtkProgressBar.osd.trough {
 border-radius: 0;
 }
 
-.osd GtkProgressBar.progressbar,
-GtkProgressBar.osd.progressbar {
+.osd progressbar,
+progressbar .osd {
 border-style: none;
 background-color: @theme_selected_bg_color;
 background-image: none;
 border-radius: 0;
 }
 
-.osd .view,
+.osd view,
 .osd.view {
 background-color: @osd_view_bg;
 }
 
-.osd .scrollbar.trough {
+.osd scrollbar trough {
 background-color: @osd_scrollbar_trough;
 }
 
-.osd .scrollbar.slider {
+.osd scrollbar slider {
 background-color: @osd_scrollbar_slider;
 }
 
-.osd .scrollbar.slider:hover {
+.osd scrollbar slider:hover {
 background-color: @osd_scrollbar_slider_prelight;
 }
 
-.osd .scrollbar.slider:active {
+.osd scrollbar slider:active {
 background-color: @osd_scrollbar_slider_active;
 }
 
-.osd GtkIconView.cell:selected,
-.osd GtkIconView.cell:selected:focus {
+.osd iconview.cell:selected,
+.osd iconview.cell:selected:focus {
 background-color: transparent;
 border-style: solid;
 border-radius: 15px;
@@ -2221,381 +2642,438 @@ GtkProgressBar.osd.progressbar {
 * GtkAssistant *
 ****************/
 
-GtkAssistant .sidebar .highlight {
- color: @theme_fg_color;
- font: bold;
+assistant .sidebar highlight {
+ color: @theme_fg_color;
+ font: bold;
 }
 
-GtkAssistant .sidebar {
- padding: 12px;
- border-width: 1px;
- border-radius: 2px;
- border-style: solid;
- border-color: @gtkassistant_sidebar_border_color;
- color: mix (@theme_fg_color, @theme_bg_color, 0.40);
- background-color: shade (@theme_bg_color, 0.97);
- /* shall we make it like sidebars in general? */
+assistant .sidebar {
+ padding: 12px;
+ border-width: 1px;
+ border-radius: 2px;
+ border-style: solid;
+ border-color: @gtkassistant_sidebar_border_color;
+ color: mix (@theme_fg_color, @theme_bg_color, 0.40);
+ background-color: shade (@theme_bg_color, 0.97);
+ /* shall we make it like sidebars in general? */
 }
 
 /*************
 * GtkSwitch *
 *************/
 
-GtkSwitch {
- color: @switch_color;
+switch {
+ color: @switch_color;
 }
 
-GtkScale.progressbar,
-GtkSwitch.trough:active {
- color: @switch_trough_active_color;
+scale progressbar,
+switch trough:active {
+ color: @switch_trough_active_color;
 }
 
 GtkSwitch.trough:active {
- background-image: -gtk-gradient (linear,
- left top, left bottom,
- from (@switch_trough_active_gradient_a),
- to (@switch_trough_active_gradient_b));
+ background-image: -gtk-gradient (linear,
+ left top, left bottom,
+ from (@switch_trough_active_gradient_a),
+ to (@switch_trough_active_gradient_b));
+}
+
+switch trough:disabled {
+ background-image: none;
+ background-color: @insensitive_bg_color;
+ color: mix(@insensitive_bg_color, @insensitive_fg_color, 0.5);
+}
+
+switch slider {
+ background-color: @switch_slider_bg_color;
+ border-width: 1px;
+ border-radius: 2px;
+ border-style: solid;
+ border-color: @switch_slider_border_color;
+ padding: 0px 0px 1px 0px;
 }
 
-GtkSwitch.trough:insensitive {
- background-image: none;
- background-color: @insensitive_bg_color;
- color: mix(@insensitive_bg_color, @insensitive_fg_color, 0.5);
+switch slider:disabled {
+ background-color: @switch_slider_insensitive_bg_color;
+ border-color: @insensitive_border_color;
 }
 
-GtkSwitch.slider {
- background-color: @switch_slider_bg_color;
- border-width: 1px;
- border-radius: 2px;
- border-style: solid;
- border-color: @switch_slider_border_color;
- padding: 0px 0px 1px 0px;
+/**************************
+ * GtkIconview GtkViewport*
+ **************************/
+
+iconview,
+viewport {
+ border-radius: 3px;
+ padding: 0;
+ background-color: @theme_base_color;
 }
 
-GtkSwitch.slider:insensitive {
- background-color: @switch_slider_insensitive_bg_color;
- border-color: @insensitive_border_color;
+iconview.view.cell:selected,
+iconview.view.cell:selected:focus {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+ border-radius: 4px;
 }
 
-GtkTreeView {
- -GtkTreeView-vertical-separator: 0;
- -GtkTreeView-expander-size: 13;
- -GtkWidget-focus-line-width: 1;
- -GtkWidget-focus-padding: 1;
+list,
+view,
+.view, 
+view text,
+.view text,
+iconview text,
+textview text
+treeview {
+ background-color: @theme_base_color;
+ color: @theme_text_color;
 }
 
-GtkTreeView.dnd {
- border-color: @internal_element_color;
- border-radius: 2px;
- border-width: 1px;
- border-style: solid;
+view,
+view:selected,
+view:selected:focus, 
+.view:selected,
+.view:selected:focus, 
+view text selection,
+.view text selection,
+view text selection:focus,
+.view text selection:focus
+treeview:selected {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
 }
 
-GtkViewport,
-GtkIconView {
- border-radius: 3px;
- padding: 0;
- background-color: @theme_base_color;
+view:disabled,
+.view:disabled,
+treeview:disabled {
+ background-color: @insensitive_bg_color;
+ color: @insensitive_fg_color;
 }
 
-GtkIconView.view.cell:selected,
-GtkIconView.view.cell:selected:focus {
- background-color: @theme_selected_bg_color;
- color: @theme_selected_fg_color;
- border-radius: 4px;
+/***************
+ * GtkTreeview *
+ ***************/
+
+treeview {
+ -GtkTreeView-vertical-separator: 0;
+ -GtkTreeView-expander-size: 13;
 }
 
-.view,
-GtkTreeView {
- background-color: @theme_base_color;
- color: @theme_text_color;
+treeview.dnd {
+ border-color: @internal_element_color;
+ border-radius: 2px;
+ border-width: 1px;
+ border-style: solid;
 }
 
-.view:selected,
-GtkTreeView:selected {
- background-color: @theme_selected_bg_color;
- color: @theme_selected_fg_color;
-}
-
-.view:insensitive,
-GtkTreeView:insensitive {
- background-color: @insensitive_bg_color;
- color: @insensitive_fg_color;
-}
-
-GtkTreeView:hover {
- background-image: linear-gradient(to bottom,
- shade(@button_active_gradient_a, 1.20),
- shade(@button_active_gradient_b, 1.20) 3px,
- shade(@button_active_gradient_c, 1.20) 4px,
- shade(@button_active_gradient_d, 1.20) 50%,
- shade(@button_active_gradient_e, 1.20) 50%,
- shade(@button_active_gradient_f, 1.20));
- background-color: transparent;
-}
-
-column-header.button,
-column-header .button {
- color: @internal_element_color;
-}
-
-column-header.button,
-column-header .button,
-column-header.button:insensitive,
-column-header .button:insensitive,
-column-header.button:hover,
-column-header .button:hover,
-column-header.button:focus:hover,
-column-header .button:focus:hover {
- background-color: @theme_base_color;
- background-image: -gtk-gradient (linear,
- left top,
- left bottom,
- from (@column_header_button_gradient_a),
- color-stop (0.50, @column_header_button_gradient_b),
- color-stop (0.50, @column_header_button_gradient_c),
- to (@column_header_button_gradient_d));
- padding: 0 4px;
- font-weight: normal;
-}
-
-column-header.button:insensitive,
-column-header .button:insensitive {
- background-color: @insensitive_bg_color;
-}
-
-column-header.button:hover,
-column-header .button:hover,
-column-header.button:focus:hover,
-column-header .button:focus:hover,
-column-header.button:active:focus:hover,
-column-header .button:active:focus:hover,
-column-header.button:active:focus,
-column-header .button:active:focus,
-column-header.button:active:hover,
-column-header .button:active:hover,
-column-header.button *:active,
-column-header .button *:active,
-column-header.button *:active:hover,
-column-header .button *:active:hover {
- color: @internal_element_hover_color;
-}
-
-column-header.button:active,
-column-header .button:active,
-column-header.button:active:hover,
-column-header .button:active:hover,
-column-header.button:active:hover:focus,
-column-header .button:active:hover:focus,
-column-header.button:active:focus,
-column-header .button:active:focus {
- background-color: @entry_bg_color;
- background-image: none;
-}
-
-row:hover {
- border-width: 0;
-}
-
-row:insensitive {
- border-width: 0;
+/* column-headers */
+treeview header button {
+ color: @internal_element_color;
 }
 
+treeview header button,
+treeview header button:disabled,
+treeview header button:hover,
+treeview header button:focus:hover {
+ background-color: @theme_base_color;
+ background-image: -gtk-gradient (linear,
+ left top,
+ left bottom,
+ from (@column_header_button_gradient_a),
+ color-stop (0.50, @column_header_button_gradient_b),
+ color-stop (0.50, @column_header_button_gradient_c),
+ to (@column_header_button_gradient_d));
+ padding: 0 4px;
+ font-weight: normal;
+}
+
+treeview header button:disabled {
+ background-color: @insensitive_bg_color;
+}
+
+treeview header button:hover,
+treeview header button:focus:hover,
+treeview header button:active:focus:hover,
+treeview header button:active:focus,
+treeview header button:active:hover,
+treeview header button:checked,
+treeview header button:active:hover {
+ color: @internal_element_hover_color;
+}
+
+treeview header button:checked,
+treeview header button:active:hover,
+treeview header button:active:hover:focus,
+treeview header button:active:focus {
+ background-color: @entry_bg_color;
+ background-image: none;
+}
+
+treeview header button,
+treeview header button:focus,
+treeview header button:active,
+treeview header button:active:hover,
+treeview header button:active:focus {
+ border-image: none;
+ border-width: 1px;
+ border-radius: 0;
+ border-style: solid;
+ border-color: @column_header_border_top_color @column_header_border_right_color
+ @column_header_border_bottom_color @column_header_border_left_color;
+
+}
+
+treeview header button:last-child,
+treeview header button:last-child:focus,
+treeview header button:last-child:active,
+treeview header button:last-child:active:hover,
+treeview header button:last-child:active:focus{
+ border-right: none;
+}
+
+row:hover,
+row:disabled,
 row:selected,
 row:selected:focus {
- border-width: 0;
+ border-width: 0;
 }
 
+row:selected,
 row:selected:focus,
-.cell:selected {
- background-image: -gtk-gradient (linear,
- left top,
- left bottom,
- from (@menubar_menuitem_hover_gradient_a),
- color-stop (0.50, @menubar_menuitem_hover_gradient_b),
- color-stop (0.50, @menubar_menuitem_hover_gradient_c),
- to (@menubar_menuitem_hover_gradient_d));
+.cell:selected,
+row:selected:hover,
+row:selected:focus:hover,
+.cell:selected:hover {
+ background-image: -gtk-gradient (linear,
+ left top,
+ left bottom,
+ from (@menubar_menuitem_hover_gradient_a),
+ to (@menubar_menuitem_hover_gradient_d));
+}
+
+row:hover,
+row:hover:focus,
+.cell:hover {
+ background-image: -gtk-gradient (linear,
+ left top,
+ left bottom,
+ from (shade(@menubar_menuitem_hover_gradient_a, 1.2)),
+ to (shade(@menubar_menuitem_hover_gradient_d, 1.3)));
 }
 
 .cell {
- color: @theme_text_color;
- padding: 2px;
- border-width: 0;
+ color: @theme_text_color;
+ padding: 2px;
+ border-width: 0;
 }
 
 .cell:selected {
- color: @theme_selected_fg_color;
+ color: @theme_selected_fg_color;
 }
 
-.expander {
- border-style: solid;
- border-width: 1px;
- border-radius: 2px;
- border-color: shade (@internal_element_color, 1.40);
- color: @theme_base_color;
- background-color: @theme_base_color;
+/* expander */
+expander {
+ border-style: solid;
+ border-width: 1px;
+ border-radius: 2px;
+ border-color: @border_color;
+ color: @theme_fg_color;
+ background-color: shade(@theme_bg_color, 1.02);
 }
 
-.expander:active {
- border-style: solid;
- border-width: 1px;
- border-color: shade (@internal_element_color, 1.40);
- background-color: @theme_base_color;
+treeview.view.expander {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ color: @theme_fg_color;
 }
 
-.expander:hover {
- border-style: solid;
- border-width: 1px;
- color: @internal_element_color;
- border-color: shade (@internal_element_color, 1.40);
- background-color: shade (@theme_bg_color, 1.02);
+treeview.view.expander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
 }
 
-.expander row {
- border-radius: 2px;
+treeview.view.expander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ }
+
+treeview.view.expander:hover {
+ color: @theme_selected_bg_color;
 }
 
-.expander row:selected,
-.expander row:selected:focus {
- border-style: solid;
- border-width: 1px;
- border-color: @expander_row_selected_border_color;
- color: @expander_row_selected_color;
- background-color: @theme_selected_bg_color;
+treeview.view.expander:selected,
+treeview.view.expander:selected:hover {
+ color: @theme_selected_fg_color;
+}
+
+expander arrow {
+ -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: @internal_element_color;
+}
+
+expander arrow:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+/* why this weird padding, possible issue with gtk+-3.18 ? */
+expander arrow {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0px 4px 0px 0px;
+}
+
+expander row {
+ border-radius: 2px;
+}
+
+expander row:selected,
+expander row:selected:focus {
+ border-style: solid;
+ border-width: 1px;
+ border-color: @expander_row_selected_border_color;
+ color: @expander_row_selected_color;
+ background-color: @theme_selected_bg_color;
+}
+
+expander scrolledwindow.frame {
+ border-radius: 0px;
+ border-width: 1px 0px;
+}
+
+expander toolbar.inline-toolbar {
+ border-width: 0px;
+ border-style: none;
 }
 
 /* Calendars */
-GtkCalendar {
- padding: 2px;
+calendar {
+ padding: 2px;
+ border-style:none;
 }
 
-GtkCalendar.view {
- border-radius: 3px;
- border-style: solid;
- border-width: 1px;
- padding: 2px;
+calendar.view {
+ border-radius: 3px;
+ border-style: solid;
+ border-width: 1px;
+ border-color: rgb(162,158,155);
+ padding: 2px;
 }
 
-GtkCalendar.header {
- border-radius: 0;
- background-image: -gtk-gradient (linear,
- left top,
- left bottom,
- from (shade (@theme_bg_color, 1.04)),
- to (shade (@theme_bg_color, 0.89)));
- border-width: 0;
+calendar.header {
+ border-radius: 0;
+ background-image: -gtk-gradient (linear,
+ left top,
+ left bottom,
+ from (shade (@theme_bg_color, 1.04)),
+ to (shade (@theme_bg_color, 0.89)));
+ border-width: 0;
 }
 
-GtkCalendar.button,
-GtkCalendar.button:insensitive {
- background-image: none;
- background-color: transparent;
+calendar button,
+calendar button:disabled {
+ background-image: none;
+ background-color: transparent;
 }
 
-.highlight,
-GtkCalendar.highlight {
- background-color: @theme_selected_bg_color;
- color: @theme_selected_fg_color;
- border-radius: 0;
- padding: 0;
- border-width: 0;
+highlight,
+calendar.highlight {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+ border-radius: 0;
+ padding: 0;
+ border-width: 0;
 }
 
 /* Use different button and entry borders on infobars */
-GtkInfoBar .entry,
-GtkInfoBar .entry:focus,
-GtkInfoBar .button,
-GtkInfoBar .button:insensitive,
-GtkInfoBar .button:active,
-GtkInfoBar .button:focus,
-GtkInfoBar .button:active:focus,
-.info .entry,
-.info .entry:focus,
-.info .button,
-.info .button:insensitive,
-.info .button:active,
-.info .button:focus,
-.info .button:active:focus,
-.warning .entry,
-.warning .entry:focus,
-.warning .button,
-.warning .button:insensitive,
-.warning .button:active,
-.warning .button:focus,
-.warning .button:active:focus,
-.question .entry,
-.question .entry:focus,
-.question .button,
-.question .button:insensitive,
-.question .button:active,
-.question .button:focus,
-.question .button:active:focus,
-.error .entry,
-.error .entry:focus,
-.error .button,
-.error .button:insensitive,
-.error .button:active,
-.error .button:focus,
-.error .button:active:focus {
- border-image: none;
- border-color: shade(@border_color, 0.9);
- border-style: solid;
- border-width: 1px;
-}
-
-GtkInfoBar:last-child,
+infobar entry,
+infobar entry:focus,
+infobar button,
+infobar button:disabled,
+infobar button:active,
+infobar button:focus,
+infobar button:active:focus,
+entry.info,
+entry.info:focus,
+.info button,
+.info button:disabled,
+.info button:active,
+.info button:focus,
+.info button:active:focus,
+entry.warning,
+entry.warning:focus,
+.warning button,
+.warning button:disabled,
+.warning button:active,
+.warning button:focus,
+.warning button:active:focus,
+entry.question,
+entry.question:focus,
+.question button,
+.question button:disabled,
+.question button:active,
+.question button:focus,
+.question button:active:focus,
+entry.error,
+entry.error:focus,
+.error button,
+.error button:disabled,
+.error button:active,
+.error button:focus,
+.error button:active:focus {
+ border-image: none;
+ border-color: shade(@border_color, 0.9);
+ border-style: solid;
+ border-width: 1px;
+}
+
+infobar:last-child,
 .info:last-child,
 .warning:last-child,
 .question:last-child,
 .error:last-child {
- /* only apply a border on the last infobar if
- * there's more than one packed in */
- border-bottom-width: 1px;
- border-style: solid;
+ /* only apply a border on the last infobar if
+ * there's more than one packed in */
+ border-bottom-width: 1px;
+ border-style: solid;
 }
 
 .info > * {
- background-color: @info_bg_color;
- color: @info_fg_color;
- border-color: darker(@info_bg_color);
+ background-color: @info_bg_color;
+ color: @info_fg_color;
+ border-color: darker(@info_bg_color);
 }
 
 .warning > * {
- background-color: @warning_bg_color;
- color: @warning_fg_color;
- border-color: darker(@warning_bg_color);
+ background-color: @warning_bg_color;
+ color: @warning_fg_color;
+ border-color: darker(@warning_bg_color);
 }
 
 .question > * {
- background-color: @question_bg_color;
- color: @question_fg_color;
- border-color: darker(@question_bg_color);
+ background-color: @question_bg_color;
+ color: @question_fg_color;
+ border-color: darker(@question_bg_color);
 }
 
 .error > * {
- background-color: @error_bg_color;
- color: @error_fg_color;
- border-color: darker(@error_bg_color);
+ background-color: @error_bg_color;
+ color: @error_fg_color;
+ border-color: darker(@error_bg_color);
 }
 
 .view.dim-label,
 .dim-label,
 .dim-label:hover,
 .dim-label:focus {
- color: mix (@theme_fg_color, @theme_bg_color, 0.50);
+ color: mix (@theme_fg_color, @theme_bg_color, 0.50);
 }
 
 .dim-label:selected,
 .dim-label:selected:focus {
- color: mix (@theme_selected_fg_color, @theme_base_color, 0.50);
-}
-
-/***************
- * Resize grip *
- ***************/
-
-.grip {
- background-color: transparent;
+ color: mix (@theme_selected_fg_color, @theme_base_color, 0.50);
 }
 
 /************
@@ -2603,70 +3081,70 @@ GtkInfoBar:last-child,
 ************/
 
 .titlebar {
- background-image: linear-gradient(to bottom,
- @theme_base_color,
- @theme_bg_color);
- background-color: transparent;
- border-radius: 7px 7px 0 0;
- border-bottom: 1px solid;
- border-color: shade(@border_color, 1.30);
- padding: 5px 4px 4px 4px;
+ background-image: linear-gradient(to bottom,
+ @theme_base_color,
+ @theme_bg_color);
+ background-color: transparent;
+ border-radius: 7px 7px 0 0;
+ border-bottom: 1px solid;
+ border-color: shade(@border_color, 1.30);
+ padding: 5px 4px 4px 4px;
 }
 
 .titlebar > * {
- background: none;
+ background: none;
 }
 
 .tiled .titlebar {
- border-radius: 0;
+ border-radius: 0;
 }
 
 .maximized .titlebar {
- border-radius: 0;
+ border-radius: 0;
 }
 
 .titlebar .title {
- font: Bold;
+ font: Bold;
 }
 
 /*.titlebar :first-child {*/
-/* padding: 5px 5px 6px 5px;*/
+/* padding: 5px 5px 6px 5px;*/
 /*}*/
 
-.titlebar .titlebutton {
- background: none;
- border-image: none;
+.titlebar button.titlebutton {
+ background: none;
+ border-image: none;
 }
 
 /* workaround to avoid unwanted black frames if switching compositor on/off */
-.background .window-frame {
+.background decoration {
 box-shadow: none;
 }
 
-.background.csd .window-frame {
- border-width: 0px;
- border-radius: 7px 7px 0 0;
- border-style: solid;
- box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow;
- margin: 10px;
+.background.csd decoration {
+ border-width: 0px;
+ border-radius: 7px 7px 0 0;
+ border-style: solid;
+ box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow;
+ margin: 10px;
 }
 
 /* workaround to avoid unwanted black frames if switching compositor on/off */
-.window-frame:backdrop {
-/* box-shadow: 0 0 0 1px shade(@wm_border,1.1), 0 2px 5px 1px*/
+decoration:backdrop {
+/* box-shadow: 0 0 0 1px shade(@wm_border,1.1), 0 2px 5px 1px*/
 box-shadow: none;
 }
 
-.window-frame.tiled {
- border-radius: 0;
- background-color: @theme_bg_color;
+.tiled decoration {
+ border-radius: 0;
+ background-color: @theme_bg_color;
 }
 
-.window-frame.ssd {
+.ssd decoration {
 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23);
 }
 
-.window-frame.solid-csd {
+.solid-csd decoration {
 border-radius: 0;
 margin: 4px;
 background-color: @wm_bg_a;
@@ -2674,17 +3152,17 @@ GtkInfoBar:last-child,
 box-shadow: none;
 }
 
-.window-frame.csd.popup {
+.csd.popup decoration {
 border-radius: 0;
 box-shadow: none;
 }
 
-.window-frame.csd.tooltip {
+tooltip.csd decoration {
 border-radius: 5px;
 box-shadow: 0 1px 5px @wm_shadow;
 }
 
-.window-frame.csd.message-dialog {
+messagedialog.csd decoration {
 border-radius: 7px;
 box-shadow: 0 1px 5px @wm_shadow;
 }
@@ -2693,149 +3171,183 @@ GtkInfoBar:last-child,
 * Action bar *
 **************/
 
-.action-bar {
- border-style: none;
- padding: 7px 7px 3px 7px;
+actionbar {
+ border-width: 1px 0px 0px 0px;
+ border-style:solid;
+ border-color: rgb(162,158,155);
+ padding: 7px 7px 3px 7px;
 }
 
 /**************
 * Header bar *
 **************/
 
-GtkHeaderBar .header-bar {
- padding: 5px 4px 4px 4px;
+headerbar {
+ padding: 5px 4px 4px 4px;
+}
+
+headerbar.titlebar > stackswitcher.linked.stack-switcher > button,
+headerbar.titlebar > stackswitcher.linked.stack-switcher > button:checked:hover {
+ padding: 6px 22px;
+ border-width: 1px 1px 1px 0px;
+}
+
+headerbar.titlebar > stackswitcher.linked.stack-switcher > button:first-child,
+headerbar.titlebar > stackswitcher.linked.stack-switcher > button:checked:hover:first-child {
+ border-width: 1px;
+}
+
+headerbar.titlebar > stackswitcher.linked.stack-switcher > button:last-child,
+headerbar.titlebar > stackswitcher.linked.stack-switcher > button:checked:hover:last-child {
+ border-width: 1px 1px 1px 0px;
 }
 
 /*************
 * Popovers *
 *************/
 
-.popover {
- background-clip: initial;
- margin: 10px;
- padding: 2px;
- border-color: @border_color;
- border: 1px solid;
- border-radius: 2px;
- background-color: @theme_bg_color;
- background-image: linear-gradient(to bottom,
- shade(@theme_bg_color, 1.0),
- shade(@theme_bg_color, 0.85));
- box-shadow: 0 1px 5px @wm_shadow;
- text-shadow: none;
- icon-shadow: none;
-}
-
-.popover > .list,
-.popover > .view,
-.popover > .toolbar .popover.osd > .toolbar,
-.popover > .inline-toolbar .popover.osd > .toolbar,
-.popover > .search-bar .popover.osd > .toolbar,
-.popover > .location-bar .popover.osd > .toolbar,
-.popover > .toolbar .popover.osd > .inline-toolbar,
-.popover > .inline-toolbar .popover.osd > .inline-toolbar,
-.popover > .search-bar .popover.osd > .inline-toolbar,
-.popover > .location-bar .popover.osd > .inline-toolbar,
-.popover > .toolbar .popover.osd > .search-bar,
-.popover > .inline-toolbar .popover.osd > .search-bar,
-.popover > .search-bar .popover.osd > .search-bar,
-.popover > .location-bar .popover.osd > .search-bar,
-.popover > .toolbar .popover.osd > .location-bar,
-.popover > .inline-toolbar .popover.osd > .location-bar,
-.popover > .search-bar .popover.osd > .location-bar,
-.popover > .location-bar .popover.osd > .location-bar {
- border-style: none;
- background-color: transparent;
-}
-
-.popover .separator {
- font-size: 80%;
- font-weight: bold;
- color: alpha(@theme_fg_color,0.1);
- text-shadow: none;
- background-color: transparent;
- icon-shadow: none;
- border: 0;
-}
-
-.popover.osd {
- background-image: none;
- background-color: alpha(shade(#3E403D, 0.85), 0.75);
- border: 1px solid black;
- box-shadow: none;
- color: @theme_selected_fg_color;
-}
-.popover.osd .toolbar {
- background-image: none;
- background-color: transparent;
- border-style: none;
- box-shadow: none;
-}
-.popover.osd .button {
- text-shadow: 0 -1px @osd_text_shadow;
- icon-shadow: 0 -1px @osd_text_shadow;
-}
-.popover.osd .button:active,
-.popover.osd .button:checked {
+popover.background {
+ background-clip: initial;
+ margin: 10px;
+ padding: 2px;
+ border-color: @border_color;
+ border: 1px solid;
+ border-radius: 2px;
+ background-color: @theme_bg_color;
+ background-image: linear-gradient(to bottom,
+ shade(@theme_bg_color, 1.0),
+ shade(@theme_bg_color, 0.85));
+ box-shadow: 0 1px 5px @wm_shadow;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+}
+
+popover > list,
+popover > .view,
+popover > toolbar popover.osd > toolbar,
+popover > .inline-toolbar popover.osd > toolbar,
+popover > searchbar popover.osd > toolbar,
+popover > .location-bar popover.osd > toolbar,
+popover > toolbar popover.osd > .inline-toolbar,
+popover > .inline-toolbar .popover.osd > .inline-toolbar,
+popover > searchbar popover.osd > .inline-toolbar,
+popover > .location-bar popover.osd > .inline-toolbar,
+popover > toolbar popover.osd > searchbar,
+popover > .inline-toolbar popover.osd > searchbar,
+popover > searchbar popover.osd > searchbar,
+popover > .location-bar popover.osd > searchbar
+popover > .inline-toolbar popover.osd > .location-bar,
+popover > searchbar popover.osd > .location-bar,
+popover > .location-bar popover.osd > .location-bar {
+ border-style: none;
+ background-color: transparent;
+}
+
+popover separator {
+ font-size: 80%;
+ font-weight: bold;
+ color: alpha(@theme_fg_color,0.1);
+ text-shadow: none;
+ background-color: transparent;
+ -gtk-icon-shadow: none;
+ border: 0;
+}
+
+popover.osd {
+ background-image: none;
+ background-color: alpha(shade(#3E403D, 0.85), 0.75);
+ border: 1px solid black;
+ box-shadow: none;
+ color: @theme_selected_fg_color;
+}
+popover.osd toolbar {
+ background-image: none;
+ background-color: transparent;
+ border-style: none;
+ box-shadow: none;
+}
+
+popover.osd button {
+ text-shadow: 0 -1px @osd_text_shadow;
+ -gtk-icon-shadow: 0 -1px @osd_text_shadow;
+}
+
+popover.osd button:checked {
 box-shadow: none;
 }
-.popover.osd .button:insensitive {
- color: alpha(@theme_selected_fg_color, 0.4);
-}
-
-.popover .list {
- background-color: @theme_base_color;
-}
-
-GtkModelButton.button {
- color: @theme_fg_color;
- border-radius: 3px;
-}
-
-GtkModelButton.button:checked,
-GtkModelButton.button:active,
-GtkModelButton.button:insensitive,
-GtkModelButton.button:active:insensitive,
-GtkModelButton.button:checked:insensitive,
-GtkModelButton.button,
-GtkModelButton.button:focus,
-GtkModelButton.button:active:focus,
-GtkModelButton.button:checked:focus {
- color: @theme_fg_color;
- background-color: transparent;
- background-image: none;
- border-color: transparent;
- border-image: none;
- border-style: none;
- box-shadow: none;
- border-radius: 3px;
-}
-
-GtkModelButton.button:checked:hover,
-GtkModelButton.button:active:hover,
-GtkModelButton.button:hover,
-GtkModelButton.button:selected {
- color: @theme_selected_fg_color;
- background-image: linear-gradient(to bottom,
- shade(@theme_selected_bg_color, 1.1),
- shade(@theme_selected_bg_color, 0.8));
- text-shadow: none;
- border-width: 2px;
- border-color: @border_color;
- border-radius: 3px;
-}
-
-GtkPopover .separator {
- font-size: 80%;
- font-weight: bold;
- color: alpha(@theme_text_color,0.4);
- text-shadow: none;
- background-color: transparent;
- icon-shadow: none;
- border: 0;
-}
-
-.popover .button.default.suggested-action.text-button {
+
+popover.osd button:disabled {
+ color: alpha(@theme_selected_fg_color, 0.4);
+}
+
+popover list {
+ background-color: @theme_base_color;
+}
+
+modelbutton.flat {
+ color: @theme_fg_color;
+ border-radius: 3px;
+}
+
+modelbutton.flat,
+.linked button.image-button.model {
+ min-height: 24px;
+}
+
+modelbutton.flat arrow.left {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+modelbutton.flat arrow.right {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+modelbutton.flat:checked,
+modelbutton.flat:active,
+modelbutton.flat:disabled,
+modelbutton.flat:active:disabled,
+modelbutton.flat:checked:disabled,
+modelbutton.flat,
+modelbutton.flat:focus,
+modelbutton.flat:active:focus,
+modelbutton.flat:checked:focus {
+ color: @theme_fg_color;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
+ border-image: none;
+ border-style: solid;
+ border-width: 1px;
+ box-shadow: none;
+ border-radius: 3px;
+}
+
+modelbutton.flat:checked:hover,
+modelbutton.flat:active:hover,
+modelbutton.flat:hover,
+modelbutton.flat:selected {
+ color: @theme_selected_fg_color;
+ background-image: linear-gradient(to bottom,
+ shade(@theme_selected_bg_color, 1.1),
+ shade(@theme_selected_bg_color, 0.8));
+ text-shadow: none;
+ border-color: @button_active_gradient_a;
+ border-width: 1px;
+ border-radius: 3px;
+ border-style: solid;
+}
+
+popover separator {
+ font-size: 80%;
+ font-weight: bold;
+ color: alpha(@theme_text_color,0.4);
+ text-shadow: none;
+ background-color: transparent;
+ -gtk-icon-shadow: none;
+ border: 0;
+}
+
+popover button.default.text-button.suggested-action {
 background-color: transparent;
 background-image: none;
 text-shadow:none;
@@ -2844,26 +3356,26 @@ GtkPopover .separator {
 box-shadow: none;
 }
 
-.popover .button.default.suggested-action.text-button:hover {
- color: @theme_selected_fg_color;
- background-image: linear-gradient(to bottom,
- shade(@theme_selected_bg_color, 1.1),
- shade(@theme_selected_bg_color, 0.8));
- text-shadow: none;
- border-color: @border_color;
- border-width: 2px;
- border-radius: 3px;
+popover button.default.text-button.suggested-action:hover {
+ color: @theme_selected_fg_color;
+ background-image: linear-gradient(to bottom,
+ shade(@theme_selected_bg_color, 1.1),
+ shade(@theme_selected_bg_color, 0.8));
+ text-shadow: none;
+ border-color: @border_color;
+ border-width: 2px;
+ border-radius: 3px;
 }
 
 /************
 * GtkStack *
 ************/
 
-GtkStackSidebar.sidebar .separator.horizontal {
- -GtkWidget-separator-height: 0px;
+stacksidebar.sidebar separator.horizontal {
+/* -GtkWidget-separator-height: 0px; */
 }
 
-GtkStackSidebar.sidebar GtkViewport.frame {
+stacksidebar.sidebar viewport.frame {
 border-color: @border_color;
 border-style: solid;
 border-width: 0 1px 0 0;
@@ -2872,8 +3384,7 @@ GtkStackSidebar.sidebar GtkViewport.frame {
 background-color: @theme_base_color;
 }
 
-GtkStackSidebar.sidebar GtkListBoxRow.button.list-row:active,
-GtkStackSidebar.sidebar GtkListBoxRow.button.list-row:selected {
+stacksidebar.sidebar list row.activatable:selected {
 border-style: none;
 border-width: 0px;
 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 0.8),
@@ -2883,11 +3394,11 @@ GtkStackSidebar.sidebar GtkListBoxRow.button.list-row:selected {
 }
 
 /* address entry */
-GtkStack .linked.vertical .entry {
+stack .linked.vertical entry {
 padding: 4px;
 }
 
-.horizontal.titlebar.header-bar .horizontal.linked.stack-switcher .button.text-button {
+.horizontal.titlebar.header-bar .horizontal.linked.stack-switcher button.text-button {
 padding: 4px;
 }
 
@@ -2913,14 +3424,14 @@ GtkStack .linked.vertical .entry {
 background-image: none;
 }
 
-.app-notification .button,
-.app-notification .header-bar .button.titlebutton,
-.header-bar .app-notification .button.titlebutton,
-.app-notification .titlebar .button.titlebutton,
-.titlebar .app-notification .button.titlebutton,
-.app-notification GtkCalendar.header .button.titlebutton,
-GtkCalendar.header .app-notification .button.titlebutton,
-.app-notification.frame .button {
+.app-notification button,
+.app-notification headerbar button.titlebutton,
+headerbar .app-notification button.titlebutton,
+.app-notification .titlebar button.titlebutton,
+.titlebar .app-notification button.titlebutton,
+.app-notification calendar.header button.titlebutton,
+calendar.header .app-notification button.titlebutton,
+.app-notification.frame button {
 color: @theme_fg_color;
 border-color: rgba(89, 112, 75, 0.7);
 background-image: linear-gradient(to bottom,
@@ -2928,32 +3439,32 @@ GtkCalendar.header .app-notification .button.titlebutton,
 background-clip: padding-box;
 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
 text-shadow: none;
- icon-shadow: 0 1px black;
+ -gtk-icon-shadow: 0 1px black;
 outline-color: rgba(238, 238, 236, 0.3);
 border-radius: 3px;
 padding: 0 0px 2px 0px;
 }
 
-.app-notification .button.flat,
-.app-notification .header-bar .titlebutton.button,
-.header-bar .app-notification .titlebutton.button,
-.app-notification .titlebar .titlebutton.button,
-.titlebar .app-notification .titlebutton.button,
-.app-notification GtkCalendar.header .titlebutton.button,
-GtkCalendar.header .app-notification .titlebutton.button,
-.app-notification.frame .button.flat,
-.app-notification.frame .header-bar .titlebutton.button,
-.header-bar .app-notification.frame .titlebutton.button,
-.app-notification.frame .titlebar .titlebutton.button,
-.titlebar .app-notification.frame .titlebutton.button,
-.app-notification.frame GtkCalendar.header .titlebutton.button,
-GtkCalendar.header .app-notification.frame .titlebutton.button {
- icon-shadow: 0 1px black;
+.app-notification button.flat,
+.app-notification headerbar button.titlebutton,
+headerbar .app-notification button.titlebutton,
+.app-notification .titlebar button.titlebutton,
+.titlebar .app-notification button.titlebutton,
+.app-notification calendar.header button.titlebutton,
+calendar.header .app-notification button.titlebutton,
+.app-notification.frame button.flat,
+.app-notification.frame headerbar button.titlebutton,
+headerbar .app-notification.frame button.titlebutton,
+.app-notification.frame .titlebar button.titlebutton,
+.titlebar .app-notification.frame button.titlebutton,
+.app-notification.frame calendar.header button.titlebutton,
+calendar.header .app-notification.frame button.titlebutton {
+ -gtk-icon-shadow: 0 1px black;
 text-shadow: 0 1px black;
 }
 
-.app-notification .button:hover,
-.app-notification.frame .button:hover {
+.app-notification button:hover,
+.app-notification.frame button:hover {
 color: white;
 border-color: rgba(0, 0, 0, 0.7);
 background-image: linear-gradient(to bottom,
@@ -2961,19 +3472,19 @@ GtkCalendar.header .app-notification.frame .titlebutton.button {
 background-clip: padding-box;
 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
 text-shadow: none;
- icon-shadow: 0 1px black;
+ -gtk-icon-shadow: 0 1px black;
 outline-color: rgba(238, 238, 236, 0.3);
 border-radius: 3px;
 }
 
-.app-notification .button:active,
-.app-notification .button:checked,
-.app-notification .button:backdrop:active,
-.app-notification .button:backdrop:checked,
-.app-notification.frame .button:active,
-.app-notification.frame .button:checked,
-.app-notification.frame .button:backdrop:active,
-.app-notification.frame .button:backdrop:checked {
+.app-notification button:active,
+.app-notification button:checked,
+.app-notification button:backdrop:active,
+.app-notification button:backdrop:checked,
+.app-notification.frame button:active,
+.app-notification.frame button:checked,
+.app-notification.frame button:backdrop:active,
+.app-notification.frame button:backdrop:checked {
 color: white;
 border-color: rgba(0, 0, 0, 0.7);
 background-image: linear-gradient(to bottom,
@@ -2981,15 +3492,15 @@ GtkCalendar.header .app-notification.frame .titlebutton.button {
 background-clip: padding-box;
 box-shadow: none;
 text-shadow: none;
- icon-shadow: none;
+ -gtk-icon-shadow: none;
 outline-color: rgba(238, 238, 236, 0.3);
 border-radius: 3px;
 }
 
-.app-notification .button:insensitive,
-.app-notification .button:backdrop:insensitive,
-.app-notification.frame .button:insensitive,
-.app-notification.frame .button:backdrop:insensitive {
+.app-notification button:disabled,
+.app-notification button:backdrop:disabled,
+.app-notification.frame button:disabled,
+.app-notification.frame button:backdrop:disabled {
 color: #878989;
 border-color: rgba(0, 0, 0, 0.7);
 background-image: linear-gradient(to bottom,
@@ -2997,13 +3508,13 @@ GtkCalendar.header .app-notification.frame .titlebutton.button {
 background-clip: padding-box;
 box-shadow: none;
 text-shadow: none;
- icon-shadow: none;
+ -gtk-icon-shadow: none;
 border-radius: 3px;
 padding: 0px;
 }
 
-.app-notification .button:backdrop,
-.app-notification.frame .button:backdrop {
+.app-notification button:backdrop,
+.app-notification.frame button:backdrop {
 color: #eeeeec;
 border-color: rgba(0, 0, 0, 0.7);
 background-image: linear-gradient(to bottom,
@@ -3011,7 +3522,7 @@ GtkCalendar.header .app-notification.frame .titlebutton.button {
 background-clip: padding-box;
 box-shadow: none;
 text-shadow: none;
- icon-shadow: none;
+ -gtk-icon-shadow: none;
 border-radius: 3px;
 padding: 0px;
 }
@@ -3023,11 +3534,10 @@ GtkCalendar.header .app-notification.frame .titlebutton.button {
 color: @link_color;
 }
 
-GtkLinkButton.button,
-GtkLinkButton.button:hover,
-GtkLinkButton.button:active,
-GtkLinkButton.button:active:hover {
- transition: all 400ms ease-in;
+button.flat.link.text-button,
+button.flat.link.text-button:hover,
+button.flat.link.text-button:active,
+button.flat.link.text-button:active:hover {
 text-shadow: none;
 }
 
@@ -3036,18 +3546,18 @@ GtkLinkButton.button:active:hover {
 ******************/
 
 /* ie. mate-keyboard-properties option window */
-GtkDialog GtkScrolledWindow.frame {
+dialog scrolledwindow.frame {
 border-color: @border_color;
 border-style: solid;
 border-width: 1px;
 border-radius: 2px;
 }
 
-GtkDialog GtkScrolledWindow.frame GtkViewport .vertical {
+dialog scrolledwindow.frame viewport .vertical {
 background-color: shade (@theme_bg_color, 1.04);
 }
 
-GtkDialog GtkScrolledWindow.frame GtkViewport .vertical GtkExpander .vertical {
+dialog scrolledwindow.frame viewport .vertical expander .vertical {
 background-color: @theme_base_color;
 border-radius: 3px;
 border-color: @border_color;
@@ -3059,7 +3569,7 @@ GtkDialog GtkScrolledWindow.frame GtkViewport .vertical GtkExpander .vertical {
 * GtkAboutDialog *
 ******************/
 
-GtkAboutDialog.background .vertical.dialog-vbox GtkGrid.vertical {
+dialog.background dialog-vbox.vertical .vertical {
 background: transparent;
 }
 
diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
index bc125b2b..2499d5c1 100644
--- a/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
+++ b/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
@@ -3,70 +3,75 @@
 ************/
 
 /* caja sidebar */
-CajaWindow FMTreeView .view,
-CajaWindow CajaNotesViewer .view,
-CajaWindow CajaPlacesSidebar .view,
-CajaWindow CajaHistorySidebar .view,
-CajaWindow CajaEmblemSidebar .frame,
-CajaWindow CajaInformationPanel .vertical {
- background-color: shade (@theme_base_color, 1.00);
- color: @theme_fg_color;
+/* all sidebars */
+.caja-side-pane treeview.view,
+.caja-side-pane textview.view text,
+.caja-side-pane viewport.frame,
+.caja-side-pane widget .vertical {
+ background-color: shade (@theme_base_color, 1.00);
+ color: @theme_fg_color;
 }
 
 /* moved eject button to left better for overlay scrollbars */
-CajaWindow CajaPlacesSidebar .view row {
- padding: 0px 4px 0px 0px;
+.caja-side-pane treeview {
+ /* padding: 0px 4px 0px 0px; sigh, broken*/
+ padding: 3px 0px 3px 0px;
 }
 
 /* better for overlay scrollbars */
-CajaWindow FMTreeView .vertical.scrollbar.overlay-indicator,
-CajaWindow CajaNotesViewer .vertical.scrollbar.overlay-indicator,
-CajaWindow CajaPlacesSidebar .vertical.scrollbar.overlay-indicator,
-CajaWindow CajaEmblemSidebar .vertical.scrollbar.overlay-indicator,
-CajaWindow CajaHistorySidebar .vertical.scrollbar.overlay-indicator {
- -GtkRange-slider-width: 13;
+.caja-side-pane treeview.view .vertical.scrollbar.overlay-indicator,
+.caja-side-pane textview.view text .vertical.scrollbar.overlay-indicator {
+ -GtkRange-slider-width: 13;
 }
 
 /* ComboBox views */
-CajaWindow .toolbar.horizontal GtkComboBox .button,
-CajaWindow .primary-toolbar.toolbar.horizontal GtkComboBox .button {
+.caja-navigation-window toolbar.primary-toolbar combobox button.combo {
 padding: 4px 4px;
 }
 
-.caja-canvas-item,
-EelEditableLabel.entry {
- border-radius: 3px;
+.caja-canvas-item {
+ border-radius: 3px;
 }
 
-EelEditableLabel.entry,
-EelEditableLabel.entry:focus {
+/* EelEditableLabel (icon labels) */
+.caja-navigation-window .view .entry,
+.caja-navigation-window .view .entry:focus,
+.caja-desktop widget.entry,
+.caja-desktop widget.entry:focus {
 border-image: none;
+ border-style: solid;
 border-width: 1px;
 border-color: @theme_fg_color;
 box-shadow: none;
 border-radius: 3px;
 text-shadow: none;
+ background-image: -gtk-gradient(linear,
+ left top, left bottom,
+ from (shade(@theme_base_color, 0.86)),
+ color-stop (0.15, shade(@theme_base_color, 0.96)),
+ color-stop (0.50, shade(@theme_base_color, 0.98)),
+ to (shade(@theme_base_color, 1.00)));
 }
 
 /* desktop */
-CajaDesktopWindow.background .caja-canvas-item {
- color: @theme_base_color;
- text-shadow: 1px 1px alpha (@theme_fg_color, 0.8);
+.caja-desktop.caja-canvas-item {
+ color: @theme_base_color;
+ text-shadow: 1px 1px alpha (@theme_fg_color, 0.8);
 }
 
-CajaDesktopWindow.background .caja-canvas-item:active,
-CajaDesktopWindow.background .caja-canvas-item:prelight,
-CajaDesktopWindow.background .caja-canvas-item:selected {
- text-shadow: none;
+.caja-desktop.caja-canvas-item:active,
+.caja-desktop.caja-canvas-item:hover,
+.caja-desktop.caja-canvas-item:selected {
+ text-shadow: none;
 color: @theme_fg_color;
 }
 
 /* view */
-CajaNavigationWindow.background .view.caja-canvas-item {
+.caja-navigation-window .view.caja-canvas-item {
 color: @theme_fg_color;
 }
 
-CajaNavigationWindow.background .view.caja-canvas-item:selected {
+.caja-navigation-window .view.caja-canvas-item:selected {
 color: @theme_fg_color;
 }
 
@@ -75,24 +80,24 @@ CajaNavigationWindow.background .view.caja-canvas-item:selected {
 ***************/
 
 .mate-panel-menu-bar,
-MatePanelApplet > GtkMenuBar.menubar,
-PanelToplevel,
+MatePanelApplet > menubar,
+PanelToplevel.background,
 PanelWidget,
 PanelFrame,
 PanelAppletFrame,
 MatePanelAppletFrameDBus,
 MatePanelAppletContainer,
 MatePanelApplet {
- background-image: -gtk-gradient (linear,
- left top,
- left bottom,
- from (@menubar_gradient_a),
- color-stop (0.50, @menubar_gradient_b),
- to (@menubar_gradient_c));
- background-color: @theme_bg_color;
- padding: 0px;
- color: @theme_fg_color;
- text-shadow: none;
+ background-image: -gtk-gradient (linear,
+ left top,
+ left bottom,
+ from (@menubar_gradient_a),
+ color-stop (0.50, @menubar_gradient_b),
+ to (@menubar_gradient_c));
+ background-color: @theme_bg_color;
+ padding: 0px;
+ color: @theme_fg_color;
+ text-shadow: none;
 }
 
 /* workaround to avoid unwanted black frames if switching compositor on/off */
@@ -100,200 +105,142 @@ MatePanelApplet {
 box-shadow: none;
 }
 
-/* set selected menubar button */
-PanelMenuBar.menubar .menuitem:hover {
- background-image: none;
- background-color: shade(@theme_selected_bg_color, 1.1);
- border-style: none;
- border-image: none;
- /* join menuitem to menu */
- border-radius: 3px 3px 0px 0px;
- border-width: 0px;
- text-shadow: none;
- padding: 3px 5px;
-}
-
-/* set menubar menuitem */
-PanelMenuBar.menubar .menu .menuitem {
- background-image: none;
- color: @theme_text_color;
- border-style: solid;
- border-width: 1px;
- border-radius: 3px;
- border-color: alpha(@theme_bg_color, 0.1);
- padding: 6px 5px;
-}
-
-/* set selected menubar menuitem */
-PanelMenuBar.menubar .menu .menuitem:checked:hover,
-PanelMenuBar.menubar .menu .menuitem:active:hover,
-PanelMenuBar.menubar .menu .menuitem:hover {
- background-image: none;
- color: @theme_text_color;
- border-style: solid;
- border-width: 1px;
- border-radius: 3px;
- border-color: alpha(@theme_selected_bg_color, 0.1);
- padding: 6px 5px;
+#PanelApplet {
+ border-width: 0;
 }
 
-MatePanelApplet {
- border-width: 0;
+PanelSeparator {
+ border-width: 0;
+ background-image: none;
+ color: shade (@theme_bg_color, 0.75);
+ text-shadow: none;
 }
 
-PanelSeparator {
- border-width: 0;
- background-image: none;
- color: shade (@theme_bg_color, 0.75);
- text-shadow: none;
-}
-
-/* desktop-applet, clockapplet, drivemount, character-map,
-dictionary */
-MatePanelApplet .button {
- /* Due to a bug somewhere in gtk or cairo,
- a padding of zero (or even one) doesn't work always!!! */
- padding: 0px;
- border-radius: 3px;
- border-width: 1px;
- border-style: solid;
- text-shadow: none;
- color: @theme_fg_color;
- background-image: -gtk-gradient (linear,
- left top,
- left bottom,
- from (@button_gradient_a),
- color-stop (0.50, @button_gradient_b),
- color-stop (0.50, @button_gradient_c),
- to (@button_gradient_d));
-}
-
-MatePanelApplet .button:checked:hover,
-MatePanelApplet .button:checked,
-MatePanelApplet .button:active:hover,
-MatePanelApplet .button:active {
- border-style: solid;
- background-image: linear-gradient(to bottom,
- @button_active_gradient_a,
- @button_active_gradient_b 3px,
- @button_active_gradient_c 4px,
- @button_active_gradient_d 50%,
- @button_active_gradient_e 50%,
- @button_active_gradient_f);
-}
-
-MatePanelApplet .button:hover {
- border-style: solid;
- background-image: linear-gradient(to bottom,
- @button_gradient_color_b,
- @button_gradient_color_a);
-}
-
-/*Wncklist */
-WnckTasklist .button {
- padding: 0px;
- border-radius: 3px;
- border-width: 1px;
- border-style: solid;
- text-shadow: none;
- color: @theme_fg_color;
- background-color: transparent;
- background-image: -gtk-gradient (linear,
- left top,
- left bottom,
- from (@button_gradient_a),
- color-stop (0.50, @button_gradient_b),
- color-stop (0.50, @button_gradient_c),
- to (@button_gradient_d));
-}
-
-WnckTasklist .button:checked:hover,
-WnckTasklist .button:checked,
-WnckTasklist .button:active:hover,
-WnckTasklist .button:active {
- border-style: solid;
- background-color: transparent;
- background-image: linear-gradient(to bottom,
- @button_active_gradient_a,
- @button_active_gradient_b 3px,
- @button_active_gradient_c 4px,
- @button_active_gradient_d 50%,
- @button_active_gradient_e 50%,
- @button_active_gradient_f);
-}
-
-WnckTasklist .button:hover {
- border-style: solid;
- background-color: transparent;
- background-image: linear-gradient(to bottom,
- @button_hover_gradient_c);
-}
-
-/* set selected button WnckSelector */
-.mate-panel-window-menu-menu-bar .menuitem:hover,
-MatePanelApplet > WnckSelector.menubar .menuitem:hover {
- color: @theme_fg_color;
- border-style: solid;
- background-image: linear-gradient(to bottom,
- @button_active_gradient_a,
- @button_active_gradient_b 3px,
- @button_active_gradient_c 4px,
- @button_active_gradient_d 50%,
- @button_active_gradient_e 50%,
- @button_active_gradient_f);
-}
-
-/* set WnckSelector selected menuitem */
-.mate-panel-window-menu-menu-bar .menu .menuitem:hover,
-MatePanelApplet > WnckSelector.menubar .menu .menuitem:hover {
- background-image: none;
- background-color: shade(@theme_selected_bg_color, 1.1);
- color: @theme_text_color;
- border-style: solid;
- border-width: 1px;
- border-radius: 3px;
- border-image: url("assets/menu-border.svg") 2 / 2px stretch;
- /*border-color: alpha(@theme_selected_bg_color, 0.1);*/
-}
-
-ClockBox,
-.mate-panel-menu-bar.menubar,
-MatePanelApplet > GtkMenuBar.menubar {
- font: normal;
-}
-
-WnckPager {
- background-image: none;
- border-color: transparent;
- background-color: shade(@theme_bg_color, 0.9);
- text-shadow: none;
-}
-
-/* prelight of WnckPager */
-WnckPager:hover {
- background-image: linear-gradient(to bottom,
- shade (@theme_selected_bg_color, 1.86),
- shade (@theme_selected_bg_color, 0.8));
- background-color: @theme_base_color;
+/* all applets */
+.mate-panel-menu-bar #PanelApplet button,
+.mate-panel-menu-bar #PanelApplet button.flat,
+.mate-panel-menu-bar #PanelApplet button.toggle,
+.mate-panel-menu-bar #PanelApplet button.flat.toggle {
+ padding: 4px;
+ border-radius: 3px;
+ border-width: 1px;
+ border-style: solid;
+ text-shadow: none;
+ border-color: @border_color;
+ color: @theme_fg_color;
+ background-color: transparent;
+ background-image: -gtk-gradient (linear,
+ left top,
+ left bottom,
+ from (@button_gradient_a),
+ to (@button_gradient_d));
+}
+
+.mate-panel-menu-bar #PanelApplet button:checked,
+.mate-panel-menu-bar #PanelApplet button:checked:hover,
+.mate-panel-menu-bar #PanelApplet button:hover:active,
+.mate-panel-menu-bar #PanelApplet button.flat:checked,
+.mate-panel-menu-bar #PanelApplet button.flat:checked:hover,
+.mate-panel-menu-bar #PanelApplet button.flat:hover:active,
+.mate-panel-menu-bar #PanelApplet button.toggle:checked,
+.mate-panel-menu-bar #PanelApplet button.toggle:checked:hover,
+.mate-panel-menu-bar #PanelApplet button.toggle:hover:active,
+.mate-panel-menu-bar #PanelApplet button.flat.toggle:checked,
+.mate-panel-menu-bar #PanelApplet button.flat.toggle:checked:hover,
+.mate-panel-menu-bar #PanelApplet button.flat.toggle:hover:active {
+ border-style: solid;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom,
+ @button_active_gradient_a,
+ @button_active_gradient_b 3px,
+ @button_active_gradient_c 4px,
+ @button_active_gradient_d 50%,
+ @button_active_gradient_e 50%,
+ @button_active_gradient_f);
+}
+
+.mate-panel-menu-bar #PanelApplet button:hover,
+.mate-panel-menu-bar #PanelApplet button.flat:hover,
+.mate-panel-menu-bar #PanelApplet button.toggle:hover,
+.mate-panel-menu-bar #PanelApplet button.flat.toggle:hover {
+ border-style: solid;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom,
+ @button_hover_gradient_a 5%,
+ @button_hover_gradient_b 95%,
+ @button_hover_gradient_c);
 }
 
-/* Classic icon style */
-.mate-panel-menu-bar {
- -PanelMenuBar-icon-visible: true;
+#PanelApplet > #clock-applet-button.flat.toggle {
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
+}
+
+#PanelApplet > #clock-applet-button.flat.toggle:hover {
+ border-style: solid;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom,
+ @button_hover_gradient_a 5%,
+ @button_hover_gradient_b 95%,
+ @button_hover_gradient_c);
+}
+
+#PanelApplet > #clock-applet-button.flat.toggle:checked {
+ border-style: solid;
+ border-color: @border_color;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom,
+ @button_active_gradient_a,
+ @button_active_gradient_b 3px,
+ @button_active_gradient_c 4px,
+ @button_active_gradient_d 50%,
+ @button_active_gradient_e 50%,
+ @button_active_gradient_f);
 }
 
-/* no background for icon-padding area */
-GtkTrayIcon.background {
+#PanelApplet > #clock-applet-button.flat.toggle:checked:hover {
+ border-image: none;
+}
+
+
+#clock-applet-button.flat.toggle > box.horizontal > label {
+ font: normal;
+}
+
+#PanelApplet.wnck-pager widget {
+ background-image: none;
+ border-color: transparent;
 background-color: transparent;
+ text-shadow: none;
+}
+
+/* selected WnckPager */
+#PanelApplet.wnck-pager widget:selected {
+ background-image: linear-gradient(to bottom,
+ shade (@theme_selected_bg_color, 0.8),
+ shade (@theme_selected_bg_color, 1.06));
+}
+
+/* hover of WnckPager */
+#PanelApplet.wnck-pager widget:hover {
+ background-image: linear-gradient(to bottom,
+ shade (@theme_selected_bg_color, 1.86),
+ shade (@theme_selected_bg_color, 0.8));
 }
 
-NaTrayApplet {
- background-image: none;
- background-color: transparent;
- padding: 0;
- text-shadow: none;
- -NaTrayApplet-icon-padding: 3;
- -NaTrayApplet-icon-size: 16;
+/* Classic icon style */
+.mate-panel-menu-bar {
+ -PanelMenuBar-icon-visible: true;
+}
+
+na-tray-applet {
+ background-image: none;
+ background-color: transparent;
+ padding: 0;
+ text-shadow: none;
+ -NaTrayApplet-icon-padding: 3;
+ -NaTrayApplet-icon-size: 16;
 }
 
 /* volume applet, brightness applet */
@@ -320,174 +267,102 @@ NaTrayApplet {
 color: @theme_fg_color;
 }
 
-/***********************
- * Mate-Control-Center *
- ***********************/
-
-/* background */
-ShellWindow AppResizer .view {
- background-color: @theme_base_color;
-}
-
-ShellWindow .button.flat {
- border-image: none;
- padding: 3px;
-}
-
-/* button hover of applications */
-ShellWindow GtkScrolledWindow .button.flat:hover {
- background-color: transparent;
- padding: 3px;
-}
-
 /****************
 * Pluma *
 ****************/
 
-PlumaCloseButton.button.flat,
-PlumaCloseButton.button.flat:hover,
-PlumaCloseButton:prelight.button.flat,
-PlumaCloseButton:prelight.button.flat:hover {
- padding: 0px;
-}
-
-/* close button tab text view */
-PlumaWindow .vertical .horizontal .vertical .notebook .horizontal PlumaCloseButton.button.flat,
-PlumaWindow .vertical .horizontal .vertical .notebook .horizontal PlumaCloseButton.button.flat:hover {
- padding: 2px;
-}
-
-/* Pluma status bar */
-PlumaWindow .button.flat,
-PlumaWindow .button.flat:hover {
- border-style: none;
- border-image: none;
- padding: 2px 5px;
+/* pluma line numbers */
+.pluma-window textview {
+ background-color: shade (@bg_color, 1.07);
 }
 
 /* Printpreview */
-PlumaPrintPreview.vertical .toolbar.horizontal {
- background-color: transparent;
- background-image: linear-gradient(to bottom,
- @toolbar_gradient_a 2px,
- @toolbar_gradient_b 50%,
- @toolbar_gradient_c 50%,
- @toolbar_gradient_d);
- border-width: 1px 0 1px 1px;
- border-radius: 0;
- border-style: solid;
- border-top-color: @toolbar_border_top_color;
- border-bottom-color: @toolbar_border_bottom_color;
+.pluma-print-preview toolbar.horizontal {
+ background-color: transparent;
+ background-image: linear-gradient(to bottom,
+ @toolbar_gradient_a 2px,
+ @toolbar_gradient_b 50%,
+ @toolbar_gradient_c 50%,
+ @toolbar_gradient_d);
+ border-width: 1px 0 1px 1px;
+ border-radius: 0;
+ border-style: solid;
+ border-top-color: @toolbar_border_top_color;
+ border-bottom-color: @toolbar_border_bottom_color;
 padding: 0px;
 }
 
-PlumaPrintPreview.vertical GtkLayout {
- background-color: @theme_base_color;
-}
-
-PlumaPrintPreview.vertical .toolbar.horizontal GtkToolItem .horizontal .entry {
+.pluma-print-preview toolbar.horizontal toolitem entry {
 padding: 2px 6px;
 }
 
-PlumaPrintPreview.vertical .toolbar.horizontal .button.image-button,
-PlumaPrintPreview.vertical .toolbar.horizontal .button.flat.image-button {
+.pluma-print-preview toolbar.horizontal button.image-button,
+.pluma-print-preview toolbar.horizontal button.flat.image-button {
 background-color: transparent;
 padding: 0px;
 }
 
-PlumaPrintPreview.vertical .toolbar.horizontal .button.text-button,
-PlumaPrintPreview.vertical .toolbar.horizontal .button.flat.text-button {
+.pluma-print-preview toolbar.horizontal toolbutton button.text-button,
+.pluma-print-preview toolbar.horizontal toolbutton button.flat.text-button {
 background-color: transparent;
 padding: 0px 8px;
 border-radius: 2px;
 }
 
 /* sidebar file-browser */
-PlumaPanel.vertical .horizontal .horizontal GtkImage {
+.pluma-window paned.horizontal box.horizontal button.flat {
 padding: 0px;
 }
 
-PlumaPanel.vertical .notebook {
- border-width: 0px;
- border-radius: 0px;
- border-style: none;
-}
-
-PlumaPanel.vertical .notebook.header.frame {
- border-width: 0px 1px 1px 0px;
- border-color: @border_color;
- border-radius: 0px;
- border-style: solid;
+.pluma-window paned.horizontal box.vertical notebook.frame {
+ border-width: 1px 0px 0px 0px;
+ border-style: solid;
+ border-color: @border_color;
+ border-radius: 0px;
 }
 
-PlumaFileBrowserWidget.vertical GtkExpander .vertical .entry {
- padding: 3px;
+/* sidebar close button */
+.pluma-window paned.horizontal box.vertical notebook.frame toolbar button {
+ padding: 4px;
 }
 
-PlumaFileBrowserWidget.vertical .toolbar.horizontal {
- background-color: transparent;
- background-image: linear-gradient(to bottom,
- @toolbar_gradient_a 2px,
- @toolbar_gradient_b 50%,
- @toolbar_gradient_c 50%,
- @toolbar_gradient_d);
- border-width: 1px 1px 1px 1px;
- border-radius: 1px;
- border-style: solid;
- border-top-color: @toolbar_border_top_color;
- border-bottom-color: @toolbar_border_bottom_color;
- padding: 5px;
+.pluma-window paned.horizontal box.vertical notebook.frame #ToolBar toolbutton button {
+ border-width: 1px 1px 2px 1px;
 }
 
-PlumaFileBrowserWidget.vertical .toolbar.horizontal .button.flat,
-PlumaFileBrowserWidget.vertical .toolbar.horizontal .button.menu-button,
-PlumaFileBrowserWidget.vertical .toolbar.horizontal .button.image-button,
-PlumaFileBrowserWidget.vertical .toolbar.horizontal .button.flat.menu-button,
-PlumaFileBrowserWidget.vertical .toolbar.horizontal .button.flat.image-button {
- padding: 3px;
+.pluma-window paned.horizontal box.vertical notebook.frame #ToolBar toolbutton button:hover {
 background-color: transparent;
+ background-image: linear-gradient(to bottom,
+ @button_hover_gradient_a 5%,
+ @button_hover_gradient_b 95%,
+ @button_hover_gradient_c);
+ border-image: url("img/border.svg") 3 3 4 3 / 3px 3px 4px 3px repeat;
+ border-radius: 3px;
+ border-width: 1px 1px 2px 1px;
+ border-style: solid;
 }
 
-/************
- * Engrampa *
- ************/
-
-FrWindow .horizontal.toolbar .button.flat.image-button:insensitive {
- background-image: none;
-}
-
-/* close button sidebar */
-FrWindow GtkTable .horizontal .vertical .frame .horizontal .flat.button {
- border-radius: 4px;
- padding: 0px;
+.pluma-window paned.horizontal box.vertical notebook.frame #ToolBar toolbutton button:checked {
+ background-image: linear-gradient(to bottom,
+ @button_active_gradient_a,
+ @button_active_gradient_b 3px,
+ @button_active_gradient_c 4px,
+ @button_active_gradient_d 50%,
+ @button_active_gradient_e 50%,
+ @button_active_gradient_f);
+ background-color: transparent;
+ border-image: url("img/border.svg") 3 3 4 3 / 3px 3px 4px 3px repeat;
+ border-radius: 3px;
+ border-width: 1px 1px 2px 1px;
+ border-style: solid;
 }
 
 /*********
 * Atril *
 *********/
 
-EvWindow .vertical.primary-toolbar .horizontal.toolbar {
- padding: 1px 4px;
-}
-
-EvWindow .toolbar .button,
-EvWindow .toolbar .button.flat {
- padding: 0px 4px;
-}
-
-EvWindow .vertical.primary-toolbar .horizontal.toolbar EphyZoomControl GtkToggleButton.button,
-EvWindow .vertical.primary-toolbar .horizontal.toolbar EphyZoomControl GtkToggleButton:prelight.button {
- padding: 8px 4px;
- border-radius: 4px;
-}
-
-EvSidebar .flat.button {
- border-radius: 4px;
- padding: 4px;
-}
-
 /* atril and eom */
-EggToolbarEditor.vertical GtkScrolledWindow .frame {
+EggToolbarEditor.vertical scrolledwindow {
 background-color: shade (@theme_base_color, 1.0);
 border-color: @border_color;
 border-width: 1px;
@@ -495,30 +370,3 @@ EggToolbarEditor.vertical GtkScrolledWindow .frame {
 border-style: solid;
 }
 
-/*******
- * Eom *
- *******/
-
-EomThumbNav .button.flat:first-child {
- border-radius: 3px 0px 0px 3px;
- border-width: 1px 0px 1px 1px;
-}
-
-EomThumbNav .button.flat:last-child {
- border-radius: 0px 3px 3px 0px;
- border-width: 1px 1px 1px 0px;
-}
-
-EomThumbNav .button.flat {
- border-image: none;
- border-color: @border_color;
-}
-
-EomThumbNav .button.flat:hover {
- border-color: @focus_border_color;
-}
-
-EomThumbNav .button.flat:insensitive {
- border-color: @insensitive_border_color;
-}
-
diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/other-applications.css b/desktop-themes/TraditionalGreen/gtk-3.0/other-applications.css
index 771872b2..7d650610 100644
--- a/desktop-themes/TraditionalGreen/gtk-3.0/other-applications.css
+++ b/desktop-themes/TraditionalGreen/gtk-3.0/other-applications.css
@@ -36,6 +36,6 @@ GtkPaned GtkOverlay GtkRevealer.bottom .background.horizontal.osd .button.flat.i
 .primary-toolbar.toolbar.horizontal RBHeader.horizontal GtkVolumeButton.button.flat,
 .primary-toolbar.toolbar.horizontal RBHeader.horizontal GtkVolumeButton.button.flat:active,
 .primary-toolbar.toolbar.horizontal RBHeader.horizontal GtkVolumeButton.button.flat:hover {
- padding: 0px 6px;
+ padding: 0px 6px;
 }
author	raveit65 <[email protected]>	2016-03-02 15:47:36 +0100
committer	raveit65 <[email protected]>	2016-03-02 15:47:36 +0100
commit	067d4c9b6724576e352c5b371c19ebf619855973 (patch)
tree	643c36a17609e8c12194bc2bf19e52f6efd3e2d7 /desktop-themes
parent	cfc4d79b005314ceb4d7315b49763339099d9d9a (diff)
download	mate-themes-067d4c9b6724576e352c5b371c19ebf619855973.tar.bz2 mate-themes-067d4c9b6724576e352c5b371c19ebf619855973.tar.xz