Menta: more adjustements for GTK3-3.14

author: raveit65 <[email protected]> 2014-10-20 15:43:26 +0200
committer: raveit65 <[email protected]> 2014-10-20 15:47:11 +0200
commit: f50e32ead5302062408a4b04d5de1849280ed272 (patch)
tree: 525b475a03ed24adfb2cff8d7e08d123b08533e1 /desktop-themes/Menta
parent: cff900dd98e37479d5762d9f88cbfd75be2f08b6 (diff)
download: mate-themes-f50e32ead5302062408a4b04d5de1849280ed272.tar.bz2
mate-themes-f50e32ead5302062408a4b04d5de1849280ed272.tar.xz
5 files changed, 753 insertions, 394 deletions
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-main.css b/desktop-themes/Menta/gtk-3.0/gtk-main.css
index 50c12a70..93be8a60 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-main.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-main.css
@@ -216,7 +216,7 @@
 @import url("gtk-widgets-borders.css");
 @import url("gtk-widgets-assets.css");
 @import url("gtk-widgets.css");
-@import url("gnome-applications.css");
+/*@import url("gnome-applications.css");*/
 @import url("mate-applications.css");
 @import url("other-applications.css");
 @import url("unity.css");
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets-assets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets-assets.css
index 1d8e1a94..89796a33 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-widgets-assets.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets-assets.css
@@ -47,8 +47,7 @@
 *************************/
 
 /* draw regular check and radio items using our SVG assets */
-GtkModelButton.button.check,
-GtkModelButton.button.check:hover,
+
 .check,
 .view.cell.check {
 -gtk-icon-source: -gtk-scaled(url("assets/check-normal.png"));
@@ -56,7 +55,6 @@ GtkModelButton.button.check:hover,
 background-position: center;
 }
 
-GtkModelButton.button.check:insensitive,
 .check:insensitive {
 -gtk-icon-source: -gtk-scaled(url("assets/check-normal-ins.png"));
 }
@@ -65,15 +63,15 @@ GtkModelButton.button.check:insensitive,
 background-color: transparent;
 }
 
-GtkModelButton.button.check:checked,
-GtkModelButton.button.check:checked:hover,
+.check:active,
 .check:checked,
+.view.cell.check:active,
 .view.cell.check:checked {
 -gtk-icon-source: -gtk-scaled(url("assets/check-active.png"));
 }
 
-GtkModelButton.button.check:checked:insensitive,
-.check:active:insensitive {
+.check:active:insensitive,
+.check:checked:insensitive {
 -gtk-icon-source: -gtk-scaled(url("assets/check-active-ins.png"));
 }
 
@@ -85,8 +83,6 @@ GtkModelButton.button.check:checked:insensitive,
 -gtk-icon-source: -gtk-scaled(url("assets/check-mixed-active-ins.png"));
 }
 
-GtkModelButton.button.radio,
-GtkModelButton.button.radio:hover,
 .radio,
 .view.cell.radio {
 -gtk-icon-source: -gtk-scaled(url("assets/radio-normal.png"));
@@ -94,7 +90,6 @@ GtkModelButton.button.radio:hover,
 background-position: center;
 }
 
-GtkModelButton.button.radio:insensitive,
 .radio:insensitive {
 -gtk-icon-source: -gtk-scaled(url("assets/radio-normal-ins.png"));
 }
@@ -103,12 +98,15 @@ GtkModelButton.button.radio:insensitive,
 background-color: transparent;
 }
 
+.radio:active,
+.view.cell.radio:active,
 .radio:checked,
 .view.cell.radio:checked {
 -gtk-icon-source: -gtk-scaled(url("assets/radio-active.png"));
 }
 
-.radio:active:insensitive {
+.radio:active:insensitive,
+.radio:checked:insensitive {
 -gtk-icon-source: -gtk-scaled(url("assets/radio-active-ins.png"));
 }
 
@@ -120,6 +118,9 @@ GtkModelButton.button.radio:insensitive,
 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-ins.png"));
 }
 
+.sidebar .view.radio:active,
+.sidebar .view.radio:active:focus,
+.sidebar .view.radio:active:hover,
 .sidebar .view.radio:checked,
 .sidebar .view.radio:checked:focus,
 .sidebar .view.radio:checked:hover {
@@ -130,13 +131,15 @@ GtkModelButton.button.radio:insensitive,
 -gtk-icon-source: -gtk-scaled(url("assets/sidebar-radio-prelight.svg"));
 }
 
-.sidebar .view.radio:checked:active,
-.sidebar .view.radio:checked:active:focus {
+.sidebar .view.radio:active:selected,
+.sidebar .view.radio:active:selected:focus,
+.sidebar .view.radio:checked:selected,
+.sidebar .view.radio:checked:selected:focus {
 -gtk-icon-source: -gtk-scaled(url("assets/sidebar-radio-selected.svg"));
 }
 
-.sidebar .view.radio:active:hover,
-.sidebar .view.radio:active:focus {
+.sidebar .view.radio:selected:hover,
+.sidebar .view.radio:selected:focus {
 -gtk-icon-source: -gtk-scaled(url("assets/sidebar-radio-selected-prelight.svg")); 
 }
 
@@ -269,6 +272,15 @@ GtkSwitch.trough:active:insensitive {
 background-image: url("assets/slider.png");
 }
 
+.entry.cursor-handle.top,
+.cursor-handle.top {
+ -gtk-icon-source: -gtk-icontheme("selection-start-symbolic");
+}
+.entry.cursor-handle.bottom,
+.cursor-handle.bottom {
+ -gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
+}
+
 /****************
 * Content view *
 ****************/
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets-backgrounds.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets-backgrounds.css
index d329496f..8cf81e04 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-widgets-backgrounds.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets-backgrounds.css
@@ -11,8 +11,11 @@
 }
 
 /* Pushed button and progressbar through background */
+.button:checked,
 .button:active,
 .button:active:hover,
+.spinbutton.vertical .button:checked,
+.spinbutton.vertical .button:checked:hover,
 .spinbutton.vertical .button:active,
 .spinbutton.vertical .button:active:hover,
 .toolbar .button:active,
@@ -20,7 +23,13 @@
 .toolbar .button.raised:active,
 .toolbar .raised .button:active,
 .toolbar .button.raised:active:hover,
-.toolbar .raised .button:active:hover {
+.toolbar .raised .button:active:hover,
+.toolbar .button:checked,
+.toolbar .button:checked:hover,
+.toolbar .button.raised:checked,
+.toolbar .raised .button:checked,
+.toolbar .button.raised:checked:hover,
+.toolbar .raised .button:checked:hover {
 background-image: linear-gradient(to bottom,
 @button_active_gradient_color_a,
 @button_active_gradient_color_b);
@@ -36,11 +45,15 @@
 background-color: transparent; 
 }
 
+.button:checked:hover,
 .button:active:hover,
 .spinbutton.vertical .button:active:hover,
 .toolbar .button:active:hover,
 .toolbar .button.raised:active:hover,
 .toolbar .raised .button:active:hover,
+.toolbar .button:checked:hover,
+.toolbar .button.raised:checked:hover,
+.toolbar .raised .button:checked:hover,
 .trough row:hover {
 background-image: linear-gradient(to bottom,
 shade (@button_active_gradient_color_a, 1.05),
@@ -49,6 +62,8 @@
 }
 
 /* Primary and inline toolbars pushed button background */
+.primary-toolbar .button:checked,
+.inline-toolbar .button:checked,
 .primary-toolbar .button:active,
 .inline-toolbar .button:active {
 background-image: linear-gradient(to bottom,
@@ -57,6 +72,8 @@
 background-color: transparent;
 }
 
+.primary-toolbar .button:checked:hover,
+.inline-toolbar .button:checked:hover,
 .primary-toolbar .button:active:hover,
 .inline-toolbar .button:active:hover {
 background-image: linear-gradient(to bottom,
@@ -98,8 +115,11 @@
 
 /* Pushed + Insensitive button background */
 .button:active:insensitive,
+.button:checked:insensitive,
 .toolbar .button:active:insensitive,
-.toolbar GtkComboBox .button:active:insensitive {
+.toolbar .button:checked:insensitive,
+.toolbar GtkComboBox .button:active:insensitive,
+.toolbar GtkComboBox .button:checked:insensitive {
 background-image: linear-gradient(to bottom,
 shade(@insensitive_bg_color, 0.95),
 @insensitive_bg_color 40%,
@@ -123,10 +143,14 @@ GtkComboBox.combobox-entry .button:hover,
 
 /* Entry pushed button background */
 .primary-toolbar GtkComboBox.combobox-entry .button:active,
+.primary-toolbar GtkComboBox.combobox-entry .button:checked,
 /* .primary-toolbar GtkComboBox.combobox-entry .button:hover:active,*/
 GtkComboBox.combobox-entry .button:active,
 .spinbutton .button:active,
-.spinbutton .button:active:hover {
+.spinbutton .button:active:hover,
+GtkComboBox.combobox-entry .button:checked,
+.spinbutton .button:checked,
+.spinbutton .button:checked:hover {
 background-image: linear-gradient(to bottom,
 shade(@entry_background_a, 0.9),
 @entry_background_b);
@@ -153,6 +177,10 @@ column-header .button:hover {
 
 column-header.button:focus,
 column-header .button:focus,
+column-header.button:checked,
+column-header .button:checked,
+column-header.button:checked:hover,
+column-header .button:checked:hover,
 column-header.button:active,
 column-header .button:active,
 column-header.button:active:hover,
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css
index 699b058e..93711d3b 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css
@@ -5,10 +5,11 @@
 GtkComboBox.combobox-entry .entry,
 GtkComboBox.combobox-entry .button,
 .button:active,
+.button:checked,
 .spinbutton.vertical .button:active,
-.inline-toolbar.toolbar.vertical .button:active
-/*.titlebar .titlebutton:active,
-.titlebar .titlebutton:hover:active*/ {
+.inline-toolbar.toolbar.vertical .button:active,
+.spinbutton.vertical .button:checked,
+.inline-toolbar.toolbar.vertical .button:checked {
 border-image: url("borders/button-active.png") 3 4 4 4 / 3px 4px 4px 4px stretch;
 border-radius: 4px;
 border-width: 2px;
@@ -63,14 +64,19 @@ GtkComboBox.combobox-entry .button:insensitive,
 GtkComboBox.combobox-entry .button:focus,
 .button.default:active,
 .inline-toolbar.toolbar.vertical .button.default:active,
+.button.default:checked,
+.inline-toolbar.toolbar.vertical .button.default:checked,
 .button:active:focus,
 .spinbutton.vertical .button:active:focus,
 .inline-toolbar.toolbar.vertical .button:active:focus
-/*.titlebar .titlebutton:active:focus,
-.titlebar .titlebutton:hover:active:focus*/ { 
+.button:checked:focus,
+.spinbutton.vertical .button:checked:focus,
+.inline-toolbar.toolbar.vertical .button:active:focus,
+.spinbutton.vertical .button:checked:focus,
+.inline-toolbar.toolbar.vertical .button:checked:focus { 
 border-image: url("borders/button-active-focus.png") 3 4 4 4 / 3px 4px 4px 4px stretch;
 border-radius: 4px;
- border-width: 2px; /*1px 1px 2px 1px;*/
+ border-width: 2px;
 border-style: solid;
 border-color: transparent;
 }
@@ -112,7 +118,8 @@ GtkComboBox.combobox-entry .button:focus,
 background-color: transparent;
 }
 
-.primary-toolbar .button:active {
+.primary-toolbar .button:active,
+.primary-toolbar .button:checked {
 border-image: url("borders/button-active.png") 3 3 4 3 / 3px 3px 4px 3px stretch;
 background-color: transparent;
 }
@@ -148,7 +155,12 @@ GtkComboBox.combobox-entry .button:focus,
 .primary-toolbar .button.raised:active,
 .primary-toolbar .raised .button:active,
 .inline-toolbar.toolbar .button:active,
+.primary-toolbar .button:checked,
+.primary-toolbar .button.raised:checked,
+.primary-toolbar .raised .button:checked,
+.inline-toolbar.toolbar .button:checked,
 .primary-toolbar GtkSwitch.trough,
+.primary-toolbar GtkComboBox .button:checked,
 .primary-toolbar GtkComboBox .button:active {
 border-image: url("borders/button-active.png") 3 3 4 3 / 3px 3px 4px 3px stretch;
 border-radius: 4px;
@@ -175,6 +187,9 @@ GtkComboBox.combobox-entry .button:focus,
 .primary-toolbar .button:active:focus,
 .primary-toolbar .entry:focus,
 .primary-toolbar GtkComboBox.combobox-entry .entry:focus,
+.primary-toolbar .button.raised.default:checked,
+.primary-toolbar .raised .button.default:checked,
+.inline-toolbar.toolbar .button.default:checked,
 .primary-toolbar .button.raised.default:active,
 .primary-toolbar .raised .button.default:active,
 .inline-toolbar.toolbar .button.default:active {
@@ -216,6 +231,10 @@ column-header.button:active,
 column-header .button:active,
 column-header.button:active:hover,
 column-header .button:active:hover,
+column-header.button:checked,
+column-header .button:checked,
+column-header.button:checked:hover,
+column-header .button:checked:hover,
 column-header.button:insensitive,
 column-header .button:insensitive {
 border-width: 0 1px 1px 0;
@@ -230,6 +249,10 @@ column-header.button:active,
 column-header .button:active,
 column-header.button:active:hover,
 column-header .button:active:hover,
+column-header.button:checked,
+column-header .button:checked,
+column-header.button:checked:hover,
+column-header .button:checked:hover,
 column-header .button.dnd {
 border-image: linear-gradient(to top,
 alpha(@theme_base_color, 0.0),
@@ -248,7 +271,11 @@ column-header:last-child .button,
 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:last-child .button:active:hover,
+column-header.button:last-child:checked,
+column-header:last-child .button:checked,
+column-header.button:last-child:checked:hover,
+column-header:last-child .button:checked:hover {
 border-right-width: 0;
 }
 
@@ -274,6 +301,7 @@ column-header .button:focus {
 
 /* suggested action buttons borders */
 .suggested-action.button,
+.suggested-action.button:checked,
 .suggested-action.button:active {
 border-image: url("borders/button-focus.png") 3 3 4 3 / 3px 3px 4px 3px stretch;
 border-radius: 3px;
@@ -285,6 +313,7 @@ column-header .button:focus {
 
 /* destructive action buttons borders */
 .destructive-action.button,
+.destructive-action.button:checked,
 .destructive-action.button:active {
 border-image: url("borders/button-focus.png") 3 3 4 3 / 3px 3px 4px 3px stretch;
 border-radius: 3px;
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
index 9fd34b57..4be41cc8 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
@@ -1,57 +1,38 @@
 * {
 engine: none;
 padding: 0;
-
 background-clip: padding-box;
-
 -GtkButton-child-displacement-x: 1;
 -GtkButton-child-displacement-y: 1;
 -GtkButtonBox-child-min-height: 26;
-
 -GtkToolButton-icon-spacing: 4;
-
 -GtkTextView-error-underline-color: @error_color;
-
- -GtkPaned-handle-size: 5;
-
+ -GtkPaned-handle-size: 1;
 -GtkCheckButton-indicator-size: 16;
 -GtkCheckMenuItem-indicator-size: 12;
-
- /* The size for scrollbars. The slider is 2px smaller, but we keep it
- * up so that the whole area is sensitive to button presses for the
- * slider. The stepper button is larger in both directions, the slider
- * only in the width
- */
-
 -GtkScrolledWindow-scrollbar-spacing: 0;
 -GtkScrolledWindow-scrollbars-within-bevel: 1;
-
 -GtkToolItemGroup-expander-size: 11;
 -GtkExpander-expander-size: 11;
 -GtkTreeView-expander-size: 11;
-
 -GtkTreeView-horizontal-separator: 4;
-
 -GtkMenu-horizontal-padding: 0;
 -GtkMenu-vertical-padding: 0;
-
 -GtkWidget-link-color: @link_color;
 -GtkWidget-visited-link-color: @link_color;
-
 -WnckTasklist-fade-overlay-rect: 0;
-
 -GtkWidget-focus-padding: 2;
 -GtkWidget-focus-line-width: 0;
 -GtkWindow-resize-grip-width: 13;
 -GtkWindow-resize-grip-height: 13;
-
- /* We use the outline properties to signal the focus properties
- * to the adwaita engine: using real CSS properties is faster,
- * and we don't use any outlines for now.
- */
+ -GtkDialog-button-spacing: 4;
+ -GtkDialog-action-area-border: 0;
+ -GtkStatusbar-shadow-type: none;
 outline-color: alpha(@theme_text_color, 0.3);
 outline-style: dashed;
- outline-offset: 2px;
+ outline-offset: -3px; /* 2px */
+ outline-width: 1px;
+ outline-radius: 2px;
 }
 
 /***************
@@ -131,6 +112,28 @@ GtkGrid:insensitive {
 background-color: transparent;
 }
 
+GtkFlowBox .grid-child {
+ padding: 3px;
+ border-radius: 3px; 
+}
+
+GtkFlowBox .grid-child:selected {
+ outline-offset: -2px; 
+}
+
+GtkTextView {
+ background-color: @theme_base_color; 
+}
+
+/* Zuki-theme FIXME: Figure out what this is. */
+.app-notification,
+.app-notification.frame {
+ color: @theme_base_color;
+ outline-color: @theme_bg_color;
+ text-shadow: none;
+ icon-shadow: none; 
+}
+
 /************
 * Tooltips *
 ************/
@@ -151,123 +154,33 @@ GtkGrid:insensitive {
 background-color: transparent;
 }
 
-/*****************
- * Miscellaneous *
- *****************/
-@keyframes spinner {
- 0.00% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); }
-
- 12.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); }
-
- 25.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)); }
-
- 37.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)); }
-
- 50.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)); }
-
- 62.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)); }
-
- 75.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)); }
-
- 87.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)); }
-
- 100% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); }
-}
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+ to { -gtk-icon-transform: rotate(1turn); } }
 
 .spinner {
- background-color: transparent;
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent));
- background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, 100% 50%, 86% 14%, 50% 0%;
- background-size: 20% 20%;
- background-repeat: no-repeat;
+ background-image: none;
+ background-color: blue;
+ opacity: 0;
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
 }
 
 .spinner:active {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent));
- animation: spinner 1s infinite linear;
+ opacity: 1;
+ animation: spin 1s linear infinite; }
+.spinner:active:insensitive {
+ opacity: 0.5;
 }
 
 .button .spinner:active {
 color: @theme_fg_color;
 }
 
+/*****************
+ * Miscellaneous *
+ *****************/
 .view.rubberband,
 .rubberband {
 background-color: alpha (@theme_selected_bg_color, 0.35);
@@ -278,10 +191,16 @@ GtkGrid:insensitive {
 border-radius: 0px;
 }
 
+.overshoot {
+ background-color: alpha (@theme_selected_bg_color, 0.35);
+}
+
 GtkStatusbar {
 padding: 5px;
 color: @theme_fg_color;
 -GtkStatusbar-shadow-type: none;
+ box-shadow: inset 0 1px 0 0 @borders;
+ font-size: smaller;
 }
 
 .dnd {
@@ -305,8 +224,13 @@ GtkTreeView.separator,
 }
 
 .pane-separator {
- background-color: @theme_bg_color;
- color: shade (@inactive_frame_color, 0.80);
+ -GtkPaned-handle-size: 1;
+ border-width: 0 1px 1px 1px;
+ border-style: solid;
+ border-color: @borders;
+ background-color: @sidebar_bg;
+ background-image: url("assets/null.png");
+ color: @borders;
 }
 
 .pane-separator:hover,
@@ -324,7 +248,7 @@ GtkTreeView.separator,
 ****************/
 .entry {
 border-style: solid;
- padding: 4px;
+ padding: 5px 4px 6px; /*4px;*/
 
 /* border-image defined in the -assets variants */
 
@@ -337,6 +261,14 @@ GtkTreeView.separator,
 padding-right: 6px;
 }
 
+.entry.flat, .entry.flat:focus {
+ padding: 2px;
+ background-color: @theme_base_color;
+ border-color: @borders;
+ border: none;
+ border-radius: 0;
+}
+
 .entry:focus {
 box-shadow: inset 1px 2px alpha(@theme_selected_bg_color, 0.1),
 inset 1px 1px alpha(@theme_selected_bg_color, 0.1),
@@ -677,12 +609,13 @@ GtkColorButton.button {
 * Progress bar *
 ****************/
 
-/* FIXME: this should really be a margin... */
 GtkProgressBar {
+ /* FIXME - Not working 3.14 */
 -GtkProgressBar-min-horizontal-bar-height: 16;
 -GtkProgressBar-min-vertical-bar-width: 16;
 border-radius: 16px;
 padding: 0 0 1px 0;
+ font-size: smaller;
 }
 
 /* progress component */
@@ -763,28 +696,6 @@ GtkLevelBar.vertical {
 margin: 1px 0;
 }
 
-/* discrete indicator border rounding,
- uncomment when :nth-child will be working
- on the widget
-
-.level-bar.indicator-discrete.fill-block.horizontal:first-child {
- border-radius: 2px 0 0 2px;
-}
-
-.level-bar.indicator-discrete.fill-block.horizontal:last-child {
- border-radius: 0 2px 2px 0;
-}
-
-.level-bar.indicator-discrete.fill-block.vertical:first-child {
- border-radius: 2px 2px 0 0;
-}
-
-.level-bar.indicator-discrete.fill-block.vertical:last-child {
- border-radius: 0 0 2px 2px;
-}
-
-*/
-
 .level-bar.fill-block.level-high {
 border-color: shade(@success_color, 0.85);
 background-image: linear-gradient(to bottom,
@@ -929,6 +840,15 @@ GtkLevelBar.vertical {
 padding: 0;
 }
 
+.frame.flat {
+ border-style: none; 
+}
+
+.frame.action-bar {
+ padding: 6px;
+ border-width: 1px 0 0; 
+}
+
 GtkScrolledWindow.frame {
 border-style: solid;
 border-color: @borders;
@@ -950,12 +870,12 @@ GtkScrolledWindow GtkViewport.frame {
 .button.menuitem.menubar,
 GtkColorButton.button,
 GtkComboBox.combobox-entry .button {
- padding: 1px 4px;
+ padding: 4px;
 }
 
 .button.image-button,
 .primary-toolbar.toolbar .button.image-button {
- padding: 3px 4px 4px;
+ padding: 4px;
 }
 
 .button {
@@ -975,6 +895,16 @@ GtkComboBox.combobox-entry .button {
 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; 
+}
+
 /* We may want a background for focused buttons, but in the meantime let's remove it too */
 .primary-toolbar .button,
 .primary-toolbar .button:insensitive,
@@ -999,13 +929,17 @@ GtkComboBox.combobox-entry .button {
 
 .primary-toolbar .button:active,
 .inline-toolbar .button:active,
-.button:active {
+.button:active,
+.primary-toolbar .button:checked,
+.inline-toolbar .button:checked,
+.button:checked {
 color: @button_active_text;
 text-shadow: 0 1px @button_active_text_shadow;
 }
 
 .button:insensitive,
-.button:active *:insensitive {
+.button:active *:insensitive,
+.button:checked *:insensitive {
 color: @insensitive_fg_color;
 text-shadow: none;
 }
@@ -1019,7 +953,10 @@ GtkComboBox.combobox-entry .button {
 
 .toolbar .button.raised:active,
 .toolbar .raised .button:active,
-.inline-toolbar .button:active {
+.inline-toolbar .button:active
+.toolbar .button.raised:checked,
+.toolbar .raised .button:checked,
+.inline-toolbar .button:checked {
 icon-shadow: 0 1px @button_active_text_shadow;
 text-shadow: 0 1px @button_active_text_shadow;
 }
@@ -1092,7 +1029,12 @@ GtkComboBox.combobox-entry .button {
 .toolbar .button.raised.linked:active,
 .toolbar .raised.linked .button:active,
 .inline-toolbar.toolbar .button:active,
-.inline-toolbar.toolbar GtkToolButton > .button:active {
+.inline-toolbar.toolbar GtkToolButton > .button:active,
+.linked .button:checked,
+.toolbar .button.raised.linked:checked,
+.toolbar .raised.linked .button:checked,
+.inline-toolbar.toolbar .button:checked,
+.inline-toolbar.toolbar GtkToolButton > .button:checked {
 box-shadow: inset 1px 0 @inset_dark_color;
 }
 
@@ -1126,7 +1068,17 @@ GtkComboBox.combobox-entry .button {
 .toolbar .button.raised.linked:first-child:active,
 .toolbar .raised.linked .button:first-child:active,
 .inline-toolbar.toolbar .button:first-child:active,
-.inline-toolbar.toolbar GtkToolButton > .button:first-child:active {
+.inline-toolbar.toolbar GtkToolButton > .button:first-child:active,
+.linked .button:only-child:checked,
+.toolbar .button.raised.linked:only-child:checked,
+.toolbar .raised.linked .button:only-child:checked,
+.inline-toolbar.toolbar .button:only-child:checked,
+.inline-toolbar.toolbar GtkToolButton > .button:only-child:checked,
+.linked .button:first-child:checked,
+.toolbar .button.raised.linked:first-child:checked,
+.toolbar .raised.linked .button:first-child:checked,
+.inline-toolbar.toolbar .button:first-child:checked,
+.inline-toolbar.toolbar GtkToolButton > .button:first-child:checked {
 box-shadow: inset 0 1px 1px alpha(black, 0.1);
 }
 
@@ -1135,6 +1087,8 @@ GtkComboBox.combobox-entry .button {
 .linked .button,
 .linked .button:active,
 .linked .button:active:hover,
+.linked .button:checked,
+.linked .button:checked:hover,
 .linked .button:insensitive {
 border-right-width: 0;
 border-left-width: 0;
@@ -1147,6 +1101,8 @@ GtkComboBox.combobox-entry .button {
 .linked .button:first-child,
 .linked .button:active:first-child,
 .linked .button:active:hover:first-child,
+.linked .button:checked:first-child,
+.linked .button:checked:hover:first-child,
 .linked .button:insensitive:first-child {
 border-right-width: 0;
 border-left-width: 2px;
@@ -1160,6 +1116,8 @@ GtkComboBox.combobox-entry .button {
 .linked .button:last-child,
 .linked .button:active:last-child,
 .linked .button:active:hover:last-child,
+.linked .button:checked:last-child,
+.linked .button:checked:hover:last-child,
 .linked .button:insensitive:last-child {
 border-right-width: 2px;
 border-left-width: 0;
@@ -1173,6 +1131,8 @@ GtkComboBox.combobox-entry .button {
 .linked .button:only-child,
 .linked .button:active:only-child,
 .linked .button:active:hover:only-child,
+.linked .button:checked:only-child,
+.linked .button:checked:hover:only-child,
 .linked .button:insensitive:only-child {
 border-right-width: 1px;
 border-left-width: 1px;
@@ -1185,6 +1145,8 @@ GtkComboBox.combobox-entry .button {
 .linked.vertical .button,
 .linked.vertical .button:active,
 .linked.vertical .button:active:hover,
+.linked.vertical .button:checked,
+.linked.vertical .button:checked:hover,
 .linked.vertical .button:insensitive {
 border-top-width: 0;
 border-bottom-width: 0;
@@ -1197,6 +1159,8 @@ GtkComboBox.combobox-entry .button {
 .linked.vertical .button:first-child,
 .linked.vertical .button:active:first-child,
 .linked.vertical .button:active:hover:first-child,
+.linked.vertical .button:checked:first-child,
+.linked.vertical .button:checked:hover:first-child,
 .linked.vertical .button:insensitive:first-child {
 border-bottom-width: 0;
 border-image-width: 3px 4px 0 4px;
@@ -1208,6 +1172,8 @@ GtkComboBox.combobox-entry .button {
 .linked.vertical .button:last-child,
 .linked.vertical .button:active:last-child,
 .linked.vertical .button:active:hover:last-child,
+.linked.vertical .button:checked:last-child,
+.linked.vertical .button:checked:hover:last-child,
 .linked.vertical .button:insensitive:last-child {
 border-top-width: 0;
 border-image-width: 0 4px 4px 4px;
@@ -1219,6 +1185,8 @@ GtkComboBox.combobox-entry .button {
 .linked.vertical .button:only-child,
 .linked.vertical .button:active:only-child,
 .linked.vertical .button:active:hover:only-child,
+.linked.vertical .button:checked:only-child,
+.linked.vertical .button:checked:hover:only-child,
 .linked.vertical .button:insensitive:only-child {
 border-top-width: 1px;
 border-bottom-width: 1px;
@@ -1246,8 +1214,11 @@ GtkComboBox.combobox-entry .button {
 }
 
 .linked.vertical .button:active,
+.linked.vertical .button:checked,
 .inline-toolbar.toolbar.vertical .button:active,
-.inline-toolbar.toolbar.vertical GtkToolButton > .button:active {
+.inline-toolbar.toolbar.vertical .button:checked,
+.inline-toolbar.toolbar.vertical GtkToolButton > .button:active,
+.inline-toolbar.toolbar.vertical GtkToolButton > .button:checked {
 box-shadow: inset 0 1px @inset_dark_color, inset 0 -1px @inset_dark_color;
 }
 
@@ -1280,16 +1251,20 @@ GtkComboBox.combobox-entry .button {
 /* Middle button */
 .primary-toolbar .button.raised.linked,
 .primary-toolbar .button.raised.linked:active,
+.primary-toolbar .button.raised.linked:checked,
 .primary-toolbar .button.raised.linked:insensitive,
 .primary-toolbar .linked .entry,
 .primary-toolbar .linked .button,
 .primary-toolbar .linked .button:active,
+.primary-toolbar .linked .button:checked,
 .primary-toolbar .linked .button:insensitive,
 .inline-toolbar.toolbar .button,
 .inline-toolbar.toolbar .button:active,
+.inline-toolbar.toolbar .button:checked,
 .inline-toolbar.toolbar .button:insensitive,
 .inline-toolbar.toolbar GtkToolButton > .button,
 .inline-toolbar.toolbar GtkToolButton > .button:active,
+.inline-toolbar.toolbar GtkToolButton > .button:checked,
 .inline-toolbar.toolbar GtkToolButton > .button:insensitive {
 border-right-width: 0;
 border-left-width: 0;
@@ -1300,16 +1275,20 @@ GtkComboBox.combobox-entry .button {
 /* Leftmost button */
 .primary-toolbar .button.raised.linked:first-child,
 .primary-toolbar .button.raised.linked:active:first-child,
+.primary-toolbar .button.raised.linked:checked:first-child,
 .primary-toolbar .button.raised.linked:insensitive:first-child,
 .primary-toolbar .linked .entry:first-child,
 .primary-toolbar .linked .button:first-child,
 .primary-toolbar .linked .button:active:first-child,
+.primary-toolbar .linked .button:checked:first-child,
 .primary-toolbar .linked .button:insensitive:first-child,
 .inline-toolbar.toolbar .button:first-child,
 .inline-toolbar.toolbar .button:active:first-child,
+.inline-toolbar.toolbar .button:checked: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:checked,
 .inline-toolbar.toolbar GtkToolButton:first-child > .button:insensitive {
 border-left-width: 2px;
 border-right-width: 0;
@@ -1321,16 +1300,20 @@ GtkComboBox.combobox-entry .button {
 /* Rightmost button */
 .primary-toolbar .button.raised.linked:last-child,
 .primary-toolbar .button.raised.linked:active:last-child,
+.primary-toolbar .button.raised.linked:checked:last-child,
 .primary-toolbar .button.raised.linked:insensitive:last-child,
 .primary-toolbar .linked .entry:last-child,
 .primary-toolbar .linked .button:last-child,
 .primary-toolbar .linked .button:active:last-child,
+.primary-toolbar .linked .button:checked:last-child,
 .primary-toolbar .linked .button:insensitive:last-child,
 .inline-toolbar.toolbar .button:last-child,
 .inline-toolbar.toolbar .button:active:last-child,
+.inline-toolbar.toolbar .button:checked: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:checked,
 .inline-toolbar.toolbar GtkToolButton:last-child > .button:insensitive {
 border-left-width: 0;
 border-right-width: 2px;
@@ -1343,9 +1326,11 @@ GtkComboBox.combobox-entry .button {
 /* Single button */
 .inline-toolbar.toolbar .button:only-child,
 .inline-toolbar.toolbar .button:active:only-child,
+.inline-toolbar.toolbar .button:checked: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:checked,
 .inline-toolbar.toolbar GtkToolButton:only-child > .button:insensitive {
 border-right-width: 2px;
 border-left-width: 2px;
@@ -1357,9 +1342,11 @@ GtkComboBox.combobox-entry .button {
 * has a box inside to pack the button and the actual menu */
 .inline-toolbar.toolbar GtkMenuToolButton .button:first-child,
 .inline-toolbar.toolbar GtkMenuToolButton .button:active:first-child,
+.inline-toolbar.toolbar GtkMenuToolButton .button:checked:first-child,
 .inline-toolbar.toolbar GtkMenuToolButton .button:insensitive:first-child,
 .inline-toolbar.toolbar GtkMenuToolButton .button:last-child,
 .inline-toolbar.toolbar GtkMenuToolButton .button:active:last-child,
+.inline-toolbar.toolbar GtkMenuToolButton .button:checked:last-child,
 .inline-toolbar.toolbar GtkMenuToolButton .button:insensitive:last-child {
 border-right-width: 0;
 border-left-width: 0;
@@ -1369,6 +1356,7 @@ GtkComboBox.combobox-entry .button {
 
 .inline-toolbar.toolbar GtkMenuToolButton:first-child .button:first-child,
 .inline-toolbar.toolbar GtkMenuToolButton:first-child .button:active:first-child,
+.inline-toolbar.toolbar GtkMenuToolButton:first-child .button:checked:first-child,
 .inline-toolbar.toolbar GtkMenuToolButton:first-child .button:insensitive:first-child {
 border-left-width: 2px;
 border-right-width: 0;
@@ -1379,6 +1367,7 @@ GtkComboBox.combobox-entry .button {
 
 .inline-toolbar.toolbar GtkMenuToolButton:last-child .button:last-child,
 .inline-toolbar.toolbar GtkMenuToolButton:last-child .button:active:last-child,
+.inline-toolbar.toolbar GtkMenuToolButton:last-child .button:checked:last-child,
 .inline-toolbar.toolbar GtkMenuToolButton:last-child .button:insensitive:last-child {
 border-left-width: 0;
 border-right-width: 2px;
@@ -1392,9 +1381,11 @@ GtkComboBox.combobox-entry .button {
 /* Middle button */
 .inline-toolbar.toolbar.vertical .button,
 .inline-toolbar.toolbar.vertical .button:active,
+.inline-toolbar.toolbar.vertical .button:checked,
 .inline-toolbar.toolbar.vertical .button:insensitive,
 .inline-toolbar.toolbar.vertical GtkToolButton > .button,
 .inline-toolbar.toolbar.vertical GtkToolButton > .button:active,
+.inline-toolbar.toolbar.vertical GtkToolButton > .button:checked,
 .inline-toolbar.toolbar.vertical GtkToolButton > .button:insensitive {
 border-bottom-width: 0;
 border-top-width: 0;
@@ -1405,9 +1396,11 @@ GtkComboBox.combobox-entry .button {
 /* Topmost button */
 .inline-toolbar.toolbar.vertical .button:first-child,
 .inline-toolbar.toolbar.vertical .button:active:first-child,
+.inline-toolbar.toolbar.vertical .button:checked:first-child,
 .inline-toolbar.toolbar.vertical .button:insensitive:first-child,
 .inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button,
 .inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button:active,
+.inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button:checked,
 .inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button:insensitive {
 border-width: 1px 1px 0 1px;
 border-image-width: 3px 3px 0 3px;
@@ -1418,9 +1411,11 @@ GtkComboBox.combobox-entry .button {
 /* Bottommost button */
 .inline-toolbar.toolbar.vertical .button:last-child,
 .inline-toolbar.toolbar.vertical .button:active:last-child,
+.inline-toolbar.toolbar.vertical .button:checked:last-child,
 .inline-toolbar.toolbar.vertical .button:insensitive:last-child,
 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button,
 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active,
+.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:checked,
 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:insensitive {
 border-width: 0 1px 2px 1px;
 border-image-width: 0 3px 4px 3px;
@@ -1431,9 +1426,11 @@ GtkComboBox.combobox-entry .button {
 /* Single button */
 .inline-toolbar.toolbar.vertical .button:only-child,
 .inline-toolbar.toolbar.vertical .button:active:only-child,
+.inline-toolbar.toolbar.vertical .button:checked:only-child,
 .inline-toolbar.toolbar.vertical .button:insensitive:only-child,
 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button,
 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active,
+.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:checked,
 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:insensitive {
 border-top-width: 1px;
 border-bottom-width: 2px;
@@ -1455,6 +1452,47 @@ GtkLinkButton.button:active {
 color: shade(@internal_element_color, 1.30);
 }
 
+/* Stack switcher */
+.stack-switcher > .button > GtkLabel, .header-bar .stack-switcher > .button.titlebutton > GtkLabel,
+.titlebar .stack-switcher > .button.titlebutton > GtkLabel,
+GtkCalendar.header .stack-switcher > .button.titlebutton > GtkLabel {
+ padding-left: 6px;
+ padding-right: 6px; 
+}
+.stack-switcher > .button > GtkImage, .header-bar .stack-switcher > .button.titlebutton > GtkImage,
+.titlebar .stack-switcher > .button.titlebutton > GtkImage,
+GtkCalendar.header .stack-switcher > .button.titlebutton > GtkImage {
+ padding-left: 6px;
+ padding-right: 6px;
+ padding-top: 3px;
+ padding-bottom: 3px; 
+}
+.stack-switcher > .button.text-button {
+ padding: 5px 10px 6px; 
+}
+.stack-switcher > .button.image-button, .header-bar .stack-switcher > .titlebutton.button,
+.titlebar .stack-switcher > .titlebutton.button,
+GtkCalendar.header .stack-switcher > .titlebutton.button {
+ padding: 5px 2px;
+}
+.stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage {
+ animation: needs_attention 150ms ease-in;
+ background-color: @theme_bg_color; /* FIXME: ? */
+ background-size: 6px 6px, 6px 6px;
+ background-repeat: no-repeat;
+ background-position: right 3px, right 4px; 
+}
+.stack-switcher > .button.needs-attention > GtkLabel:backdrop, .stack-switcher > .button.needs-attention > GtkImage:backdrop {
+ background-size: 6px 6px, 0 0; 
+}
+.stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl) {
+ background-position: left 3px, left 4px; 
+}
+.stack-switcher > .button.needs-attention:active > GtkLabel, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage {
+ animation: none;
+ background-image: none; 
+}
+
 /*****************
 * Notebooks and *
 * tabs *
@@ -1474,6 +1512,10 @@ GtkLinkButton.button:active {
 -GtkWidget-focus-line-width: 0;
 }
 
+.notebook GtkScrolledWindow {
+ background-color: @theme_base_color;
+}
+
 .notebook.frame {
 border-width: 1px;
 }
@@ -2219,95 +2261,29 @@ GtkMenuButton .menu {
 text-shadow: none;
 }
 
-/*****************************************************************************************************
- * Check and Radio items *
- * Related to recent gtk3 development, to reveal checkboxes as part of the dialogue *
- * of some of the applications whose notification icons appear in the system tray *
- * the reference section of the HighContrast theme is used. *
- * https://git.gnome.org/browse/gnome-themes-standard/tree/themes/HighContrast/gtk-3.0/gtk.css#n1398 *
- *****************************************************************************************************/
-
-GtkCheckButton.text-button, GtkRadioButton.text-button {
- padding: 1px;
- outline-offset: 0; }
-
-.check {
- color: rgba(0, 0, 0, 0.1);
- background-image: none;
- -gtk-icon-source: -gtk-scaled(url("assets/check-normal.png"));
-}
-
-.check:hover,
-.radio:hover {
- color: #7f7f7f;
-}
-
-.check:checked {
- -gtk-icon-source: -gtk-scaled(url("assets/check-active.png"));
- color: #000;
-}
-
-.check:checked:hover,
-.radio:checked:hover {
-color: #7f7f7f;
-}
-
-.check:checked:insensitive {
- -gtk-icon-source: -gtk-scaled(url("assets/check-active-ins.png"));
- color: #7f7f7f;
-}
-
-.check:checked:insensitive:backdrop,
-.radio:checked:insensitive:backdrop {
- color: #7f7f7f;
-}
-
-.check:checked:backdrop,
-.radio:checked:backdrop {
- color: #000;
-}
+/****************
+ * Radiobuttons *
+ ****************/
 
+.check,
+.radio,
 .check:insensitive,
 .radio:insensitive {
- color: rgba(127, 127, 127, 0.1);
-}
-.check:insensitive:backdrop,
-.radio:insensitive:backdrop {
- color: transparent;
-}
-
-.check:inconsistent {
- -gtk-icon-source: -gtk-scaled(url("assets/check-mixed-active.png"));
-}
-
-.check:backdrop,
-.radio:backdrop {
- color: rgba(0, 0, 0, 0.1);
-}
-
-.check:backdrop:selected,
-.radio:backdrop:selected {
- color: rgba(255, 255, 255, 0.1);
-}
-
-.radio {
- color: rgba(0, 0, 0, 0.1);
- background-image: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-normal.png"));
-}
-
-.radio:checked {
- -gtk-icon-source: -gtk-scaled(url("assets/radio-active.png"));
- color: #000;
+ background-color: transparent;
+ border-style: none;
 }
 
-.radio:checked:insensitive {
- -gtk-icon-source: -gtk-scaled(url("assets/radio-active-ins.png"));
- color: #7f7f7f;
+GtkCheckButton:hover,
+GtkCheckButton:active:hover,
+GtkCheckButton:selected,
+GtkCheckButton:selected:focus,
+GtkCheckButton:insensitive {
+ background-color: transparent;
 }
 
-.radio:inconsistent {
- -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"));
+GtkCheckButton.text-button, GtkRadioButton.text-button {
+ padding: 1px 2px 4px;
+ outline-offset: 0; 
 }
 
 /************
@@ -2352,6 +2328,7 @@ color: #7f7f7f;
 /***************
 * Header bars *
 ***************/
+.titlebar, GtkCalendar.header,
 .header-bar {
 border-width: 0 0 1px;
 border-style: solid;
@@ -2360,7 +2337,7 @@ color: #7f7f7f;
 box-shadow: inset 0 -1px shade(@wm_bg_b, 0.95);
 background-color: @theme_bg_color;
 
- padding: 6px 6px 5px 6px;
+ padding: 6px;
 }
 
 .header-bar .button.text-button {
@@ -2368,17 +2345,19 @@ color: #7f7f7f;
 }
 
 .header-bar .button.image-button {
- padding: 5px 5px 4px 5px;
+ padding: 5px;
 }
 
+.titlebar .title, GtkCalendar.header .title,
 .header-bar .title {
 font: Bold;
- padding: 0px 12px 0px 12px;
+ padding: 0px 12px;
 }
 
+.titlebar .subtitle, GtkCalendar.header .subtitle,
 .header-bar .subtitle {
- font-size: 80%;
- padding: 0px 12px 0px 12px;
+ font-size: smaller;
+ padding: 0px 12px;
 }
 
 /***************
@@ -2431,18 +2410,26 @@ GtkMessageDialog {
 .dialog-action-area.linked .button,
 .dialog-action-area.linked .button:active,
 .dialog-action-area.linked .button:active:hover,
+.dialog-action-area.linked .button:checked,
+.dialog-action-area.linked .button:checked:hover,
 .dialog-action-area.linked .button:insensitive,
 .dialog-action-area.linked .button:only-child,
 .dialog-action-area.linked .button:active:only-child,
 .dialog-action-area.linked .button:active:hover:only-child,
+.dialog-action-area.linked .button:checked:only-child,
+.dialog-action-area.linked .button:checked:hover:only-child,
 .dialog-action-area.linked .button:insensitive:only-child,
 .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:checked:first-child,
+.dialog-action-area.linked .button:checked:hover:first-child,
 .dialog-action-area.linked .button:insensitive:first-child,
 .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:checked:last-child,
+.dialog-action-area.linked .button:checked:hover:last-child,
 .dialog-action-area.linked .button:insensitive:last-child {
 border-style: solid;
 border-radius: 0;
@@ -2454,10 +2441,14 @@ GtkMessageDialog {
 .dialog-action-area.linked .button:only-child,
 .dialog-action-area.linked .button:active:only-child,
 .dialog-action-area.linked .button:active:hover:only-child,
+.dialog-action-area.linked .button:checked:only-child,
+.dialog-action-area.linked .button:checked:hover:only-child,
 .dialog-action-area.linked .button:insensitive:only-child,
 .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:checked:last-child,
+.dialog-action-area.linked .button:checked:hover:last-child,
 .dialog-action-area.linked .button:insensitive:last-child {
 /*border-right-width: 1px;*/
 }
@@ -2465,16 +2456,21 @@ GtkMessageDialog {
 .dialog-action-area.linked .button:only-child,
 .dialog-action-area.linked .button:active:only-child,
 .dialog-action-area.linked .button:active:hover:only-child,
+.dialog-action-area.linked .button:checked:only-child,
+.dialog-action-area.linked .button:checked:hover:only-child,
 .dialog-action-area.linked .button:insensitive:only-child,
 .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:checked:first-child,
+.dialog-action-area.linked .button:checked:hover:first-child,
 .dialog-action-area.linked .button:insensitive:first-child {
 /*border-left-width: 1px;*/
 }
 
 .dialog-action-area.linked .button.default,
 .dialog-action-area.linked .button.default:active,
+.dialog-action-area.linked .button.default:checked,
 .dialog-action-area.linked .button.default:insensitive,
 .dialog-action-area.linked .button:focus {
 border-color: @theme_selected_bg_color;
@@ -2484,6 +2480,7 @@ GtkMessageDialog {
 
 .dialog-action-area.linked .button.suggested-action,
 .dialog-action-area.linked .button.suggested-action:active,
+.dialog-action-area.linked .button.suggested-action:checked,
 .dialog-action-area.linked .button.suggested-action:insensitive {
 box-shadow: none;
 }
@@ -2593,6 +2590,14 @@ GtkMessageDialog {
 background-color: @sidebar_bg;
 }
 
+.sidebar .frame {
+ border-style: none;
+}
+
+.sidebar row:hover {
+ background-color: shade (@theme_bg_color, 0.95);
+}
+
 .sidebar .scrollbar.trough {
 box-shadow: none;
 border-radius: 100px;
@@ -2643,8 +2648,10 @@ GtkOverlay.osd {
 
 .osd.button,
 .osd.button:active,
+.osd.button:checked,
 .osd .button,
-.osd .button:active {
+.osd .button:active,
+.osd .button:checked {
 border-width: 1px;
 border-style: solid;
 border-image: none;
@@ -2659,7 +2666,8 @@ GtkOverlay.osd {
 border-color: alpha(@osd_button_border,0.5);
 }
 
-.osd .button:active {
+.osd .button:active,
+.osd .button:checked {
 border-color: @osd_button_border_active;
 }
 
@@ -2684,19 +2692,22 @@ GtkOverlay.osd {
 }
 
 .osd.button,
-.osd.button:active {
+.osd.button:active,
+.osd.button:checked {
 border-color: transparent;
 }
 
 .osd.button,
 .osd.button:prelight,
-.osd.button:active {
+.osd.button:active,
+.osd.button:checked {
 background-color: shade(@osd_bg, 1.10);
 }
 
 .osd .button,
 .osd .button:prelight,
-.osd .button:active {
+.osd .button:active,
+.osd .button:checked {
 background-color: transparent;
 }
 
@@ -2707,7 +2718,9 @@ GtkOverlay.osd {
 }
 
 .osd.button:active:insensitive,
-.osd .button:active:insensitive {
+.osd .button:active:insensitive,
+.osd.button:checked:insensitive,
+.osd .button:checked:insensitive {
 background-image: none;
 background-color: @osd_button_bg_insensitive_active;
 }
@@ -2720,14 +2733,20 @@ GtkOverlay.osd {
 .osd.button:active,
 .osd.button:hover:active,
 .osd .button:active,
-.osd .button:hover:active {
+.osd .button:hover:active,
+.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:active *:insensitive,
+.osd .button:checked *:insensitive {
 color: @osd_button_fg_insensitive;
 text-shadow: none;
 icon-shadow: none;
@@ -2746,7 +2765,12 @@ GtkOverlay.osd {
 .osd.button:active:hover,
 .osd .button:active,
 .osd .button:active:hover,
-.osd GtkMenuButton.menu-button:active {
+.osd GtkMenuButton.menu-button:active,
+.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,
 @osd_button_bg_active_b 20%,
@@ -2939,7 +2963,11 @@ GtkProgressBar.osd.progressbar {
 .toolbar .suggested-action.button:active,
 .toolbar .suggested-action.button:hover:active,
 .suggested-action.button:active,
-.suggested-action.button:hover:active {
+.suggested-action.button:hover:active,
+.toolbar .suggested-action.button:checked,
+.toolbar .suggested-action.button:hover:checked,
+.suggested-action.button:checked,
+.suggested-action.button:hover:checked {
 background-image: linear-gradient(to bottom,
 @suggested_action_button_b,
 @suggested_action_button_a);
@@ -2956,13 +2984,18 @@ GtkProgressBar.osd.progressbar {
 .toolbar .suggested-action.button:active,
 .toolbar .suggested-action.button:hover:active,
 .suggested-action.button:active,
-.suggested-action.button:hover:active {
+.suggested-action.button:hover:active,
+.toolbar .suggested-action.button:checked,
+.toolbar .suggested-action.button:hover:checked,
+.suggested-action.button:checked,
+.suggested-action.button:hover:checked {
 text-shadow: 0 1px shade(@suggested_action_button_shadow, 1.15);
 icon-shadow: 0 1px shade(@suggested_action_button_shadow, 1.15);
 }
 
 .suggested-action.button:insensitive,
-.suggested-action.button:active *:insensitive {
+.suggested-action.button:active *:insensitive,
+.suggested-action.button:checked *:insensitive {
 icon-shadow: none;
 background-image: none;
 background-color: @insentitive_bg_color;
@@ -2992,7 +3025,9 @@ GtkProgressBar.osd.progressbar {
 }
 
 .destructive-action.button:active,
-.destructive-action.button:hover:active {
+.destructive-action.button:hover:active,
+.destructive-action.button:checked,
+.destructive-action.button:hover:checked {
 background-image: linear-gradient(to bottom,
 @destructive_action_button_b,
 @destructive_action_button_a);
@@ -3006,7 +3041,9 @@ GtkProgressBar.osd.progressbar {
 }
 
 .destructive-action.button:active,
-.destructive-action.button:hover:active {
+.destructive-action.button:hover:active,
+.destructive-action.button:checked,
+.destructive-action.button:hover:checked {
 text-shadow: 0 1px shade(@destructive_action_button_shadow, 1.15);
 icon-shadow: 0 1px shade(@destructive_action_button_shadow, 1.15);
 }
@@ -3070,7 +3107,13 @@ GtkProgressBar.osd.progressbar {
 .selection-mode.toolbar .button:active,
 .selection-mode.toolbar .button:hover:active,
 .selection-mode.toolbar GtkToolButton .button:active,
-.selection-mode.toolbar GtkToolButton .button:hover:active {
+.selection-mode.toolbar GtkToolButton .button:hover:active,
+.selection-mode.header-bar .button:checked,
+.selection-mode.header-bar .button:hover:checked,
+.selection-mode.toolbar .button:checked,
+.selection-mode.toolbar .button:hover:checked,
+.selection-mode.toolbar GtkToolButton .button:checked,
+.selection-mode.toolbar GtkToolButton .button:hover:checked {
 background-image: linear-gradient(to bottom,
 shade(@selection_toolbar_button_b, 0.95),
 shade(@selection_toolbar_button_a, 0.88));
@@ -3079,16 +3122,22 @@ GtkProgressBar.osd.progressbar {
 
 .selection-mode.header-bar .button:active,
 .selection-mode.toolbar .button:active,
-.selection-mode.toolbar GtkToolButton .button:active {
+.selection-mode.toolbar GtkToolButton .button:active,
+.selection-mode.header-bar .button:checked,
+.selection-mode.toolbar .button:checked,
+.selection-mode.toolbar GtkToolButton .button:checked {
 color: @selection_toolbar_button_fg;
 }
 
 .selection-mode.header-bar .button,
 .selection-mode.header-bar .button:active,
+.selection-mode.header-bar .button:checked,
 .selection-mode.toolbar .button,
 .selection-mode.toolbar .button:active,
+.selection-mode.toolbar .button:checked,
 .selection-mode.toolbar GtkToolButton .button,
-.selection-mode.toolbar GtkToolButton .button:active {
+.selection-mode.toolbar GtkToolButton .button:active,
+.selection-mode.toolbar GtkToolButton .button:checked {
 text-shadow: 0 1px @selection_toolbar_button_shadow;
 icon-shadow: 0 1px @selection_toolbar_button_shadow;
 }
@@ -3125,7 +3174,13 @@ GtkProgressBar.osd.progressbar {
 .selection-mode.toolbar .suggested-action.button:active,
 .selection-mode.toolbar .suggested-action.button:hover:active,
 .selection-mode.toolbar GtkToolButton.suggested-action .button:active,
-.selection-mode.toolbar GtkToolButton.suggested-action .button:hover:active {
+.selection-mode.toolbar GtkToolButton.suggested-action .button:hover:active,
+.selection-mode.header-bar .suggested-action.button:checked,
+.selection-mode.header-bar .suggested-action.button:hover:checked,
+.selection-mode.toolbar .suggested-action.button:checked,
+.selection-mode.toolbar .suggested-action.button:hover:checked,
+.selection-mode.toolbar GtkToolButton.suggested-action .button:checked,
+.selection-mode.toolbar GtkToolButton.suggested-action .button:hover:checked {
 background-image: linear-gradient(to bottom,
 shade(@selection_toolbar_suggested_button_c, 0.92),
 @selection_toolbar_suggested_button_b 40%,
@@ -3135,16 +3190,22 @@ GtkProgressBar.osd.progressbar {
 
 .selection-mode.header-bar .suggested-action.button:active,
 .selection-mode.toolbar .suggested-action.button:active,
-.selection-mode.toolbar GtkToolButton.suggested-action:active {
+.selection-mode.toolbar GtkToolButton.suggested-action:active,
+.selection-mode.header-bar .suggested-action.button:checked,
+.selection-mode.toolbar .suggested-action.button:checked,
+.selection-mode.toolbar GtkToolButton.suggested-action:checked {
 color: @theme_text_color;
 }
 
 .selection-mode.header-bar .suggested-action.button,
 .selection-mode.header-bar .suggested-action.button:active,
+.selection-mode.header-bar .suggested-action.button:checked,
 .selection-mode.toolbar .suggested-action.button,
 .selection-mode.toolbar .suggested-action.button:active,
+.selection-mode.toolbar .suggested-action.button:checked,
 .selection-mode.toolbar GtkToolButton.suggested-action .button,
-.selection-mode.toolbar GtkToolButton.suggested-action:active {
+.selection-mode.toolbar GtkToolButton.suggested-action:active,
+.selection-mode.toolbar GtkToolButton.suggested-action:checked {
 text-shadow: 0 1px @button_text_shadow;
 icon-shadow: 0 1px @button_text_shadow;
 }
@@ -3175,7 +3236,9 @@ GtkProgressBar.osd.progressbar {
 }
 
 .selection-mode.header-bar .selection-menu.button:active,
-.selection-mode.toolbar .selection-menu.button:active {
+.selection-mode.toolbar .selection-menu.button:active,
+.selection-mode.header-bar .selection-menu.button:checked,
+.selection-mode.toolbar .selection-menu.button:checked {
 border-color: transparent;
 border-radius: 3px;
 border-width: 1px;
@@ -3184,7 +3247,9 @@ GtkProgressBar.osd.progressbar {
 }
 
 .selection-mode.header-bar .selection-menu.button:active,
-.selection-mode.toolbar .selection-menu.button:active {
+.selection-mode.toolbar .selection-menu.button:active,
+.selection-mode.header-bar .selection-menu.button:checked,
+.selection-mode.toolbar .selection-menu.button:checked {
 color: @selection_menu_active;
 }
 
@@ -3251,6 +3316,44 @@ GtkSwitch.slider {
 border-image: none;
 }
 
+/************
+ * Pathbars *
+ ************/
+.path-bar .button, .path-bar .header-bar .button.titlebutton, .header-bar .path-bar .button.titlebutton,
+.path-bar .titlebar .button.titlebutton,
+.titlebar .path-bar .button.titlebutton,
+.path-bar GtkCalendar.header .button.titlebutton,
+GtkCalendar.header .path-bar .button.titlebutton {
+ padding: 5px 6px 6px;
+}
+.path-bar .button:first-child {
+ padding-left: 8px;
+}
+.path-bar .button:last-child {
+ padding-right: 8px;
+}
+.path-bar .button:only-child {
+ padding-left: 12px;
+ padding-right: 12px;
+}
+.path-bar .button .label:last-child {
+ padding-left: 2px;
+}
+.path-bar .button .label:first-child {
+ padding-right: 2px;
+}
+.path-bar .button .label:only-child {
+ padding-right: 0;
+ padding-left: 0;
+}
+.path-bar .button GtkImage, .path-bar .header-bar .button.titlebutton GtkImage, .header-bar .path-bar .button.titlebutton GtkImage,
+.path-bar .titlebar .button.titlebutton GtkImage,
+.titlebar .path-bar .button.titlebutton GtkImage,
+.path-bar GtkCalendar.header .button.titlebutton GtkImage,
+GtkCalendar.header .path-bar .button.titlebutton GtkImage {
+ padding-top: 1px;
+}
+
 /***********************
 * Tree and Icon views *
 ***********************/
@@ -3364,6 +3467,19 @@ GtkTreeView row:nth-child(even):backdrop:hover {
 background-color: shade (@theme_base_color, 0.96);
 }
 
+.sidebar GtkTreeView row:backdrop:selected {
+ background-color: @theme_selected_bg_color;
+ border-style: solid;
+ border-width: 1px 0 1px 0;
+ border-top-color: @borders;
+ border-bottom-color: shade (@theme_base_color, 0.96);
+ box-shadow: inset 0 1px 0 alpha (@borders, 0.3), inset 0 -1px 0 @borders;
+}
+
+.sidebar GtkTreeView row:hover {
+ background-color: shade (@theme_base_color, 0.96);
+}
+
 column-header.button,
 column-header .button {
 color: @theme_fg_color;
@@ -3391,7 +3507,11 @@ column-header .button:hover,
 column-header.button:active,
 column-header .button:active,
 column-header.button:active:hover,
-column-header .button:active:hover {
+column-header .button:active:hover,
+column-header.button:checked,
+column-header .button:checked,
+column-header.button:checked:hover,
+column-header .button:checked:hover {
 color: @theme_fg_color;
 text-shadow: none;
 icon-shadow: none;
@@ -3407,6 +3527,42 @@ column-header .button.dnd {
 border-image-slice: 0 1;
 }
 
+/*************
+ * Expanders *
+ *************/
+GtkTreeView.view.expander {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ color: @theme_fg_color;
+}
+GtkTreeView.view.expander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); 
+}
+GtkTreeView.view.expander:hover {
+ color: @theme_fg_color;
+}
+GtkTreeView.view.expander:selected {
+ color: @theme_selected_fg_color;
+}
+GtkTreeView.view.expander:selected:hover {
+ color: @theme_selected_fg_color;
+}
+GtkTreeView.view.expander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+GtkExpander {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+GtkExpander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+GtkExpander:hover {
+ color: @internal_element_color;
+}
+GtkExpander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
 .expander {
 color: @theme_fg_color;
 border-color: @theme_fg_color;
@@ -3448,11 +3604,43 @@ column-header .button.dnd {
 }
 
 .list-row:hover {
- background-color: @content_view_bg;
+ background-color: shade (@content_view_bg, 0.95);
 }
 
-.list-row:selected {
- background-color: @theme_selected_bg_color;
+.list-row:selected,
+.list-row:selected:hover {
+ border-width: 0;
+ border-style: solid;
+ border-color: shade (@theme_selected_bg_color, 0.85);
+ background-image: linear-gradient(to bottom,
+ shade (@theme_selected_bg_color, 1.0),
+ shade (@theme_selected_bg_color, 1.0));
+ box-shadow: none;
+ color: @theme_selected_fg_color;
+}
+
+.list-row:selected:backdrop,
+.list-row:selected:backdrop:hover {
+ border-width: 0;
+ border-style: solid;
+ border-color: shade (@theme_bg_color, 0.85);
+ background-image: linear-gradient(to bottom,
+ shade (@theme_bg_color, 0.94),
+ shade (@theme_bg_color, 0.94));
+ color: @theme_fg_color;
+ text-shadow: none;
+ box-shadow: none;
+}
+
+.list-row.button {
+ border-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;
+ border-radius: 0;
+ border: none;
 }
 
 /**************
@@ -3507,7 +3695,7 @@ GtkInfoBar {
 .error {
 background-color: @infobar_bg_color;
 color: @infobar_fg_color;
- text-shadow: 0 1px @infobar_text_shadow;
+ text-shadow: none;
 border-color: darker(@infobar_bg_color);
 }
 
@@ -3515,8 +3703,8 @@ GtkInfoBar {
 .warning .button.close,
 .question .button.close,
 .error .button.close {
- color: @infobar_fg_color;
- icon-shadow: 0 1px @infobar_text_shadow;
+ color: @theme_fg_color;
+ icon-shadow: none;
 }
 
 .info .button.close:hover,
@@ -3544,22 +3732,25 @@ GtkInfoBar {
 .info .button,
 .info .button:insensitive,
 .info .button:active,
+.info .button:checked,
 .warning .entry,
 .warning .entry:focus,
 .warning .button,
 .warning .button:insensitive,
 .warning .button:active,
+.warning .button:checked,
 .error .entry,
 .error .entry:focus,
 .error .button,
 .error .button:insensitive,
 .error .button:active,
+.error .button:checked,
 .question .entry,
 .question .entry:focus,
 .question .button,
 .question .button:insensitive,
-.question .button:active {
- border-image: none;
+.question .button:active,
+.question .button:checked {
 color: @theme_fg_color;
 border-color: darker(@infobar_bg_color);
 border-style: solid;
@@ -3575,73 +3766,108 @@ GtkInfoBar {
 text-shadow: none;
 }
 
-/*************************
- * Touch text selections *
- *************************/
-GtkPopover {
- border-radius: 5px;
- background-clip: border-box;
- /*
- background-color: @osd_popover_bg;
- */
- background-color: @theme_bg_color;
-
- border-color: darker(@theme_bg_color);
- border-width: 1px;
- border-style: solid;
-
- box-shadow: 0 2px 3px @wm_shadow;
+/*************
+ * Popovers *
+ *************/
+.popover {
+ background-clip: initial;
 margin: 10px;
 padding: 2px;
+ border-color: @borders;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 3px;
+ background-color: @theme_bg_color;
+ 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;
 }
 
-GtkPopover.osd {
- background-color: @osd_popover_bg;
- border-color: @theme_bg_color;
- box-shadow: 0 2px 8px 3px alpha(@wm_shadow, 0.4);
- color: darker(white);
-}
-
-GtkPopover > .list,
-GtkPopover > .view,
-GtkPopover > .toolbar {
+.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;
 }
 
-GtkPopover.osd > .toolbar .button {
- border-radius: 0px;
- border-width: 0px;
+.popover.osd {
+ background-image: none;
+ background-color: alpha(shade(#3D3E40, 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: 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 {
+ box-shadow: none;
+}
+.popover.osd .button:insensitive {
+ color: alpha(@theme_selected_fg_color, 0.4);
 }
 
-GtkModelButton.button
-{
+.popover .list {
+ background-color: @theme_base_color;
+}
+
+GtkModelButton.button {
 color: @theme_fg_color;
+ border-radius: 0;
 }
 
+GtkModelButton.button:checked,
 GtkModelButton.button:active,
 GtkModelButton.button:insensitive,
 GtkModelButton.button:active:insensitive,
-GtkModelButton.button {
+GtkModelButton.button:checked:insensitive,
+GtkModelButton.button,
+GtkModelButton.button:focus,
+GtkModelButton.button:active:focus,
+GtkModelButton.button:checked:focus {
 background-color: transparent;
 background-image: none;
 border-color: transparent;
 border-image: none;
 border-style: none;
 box-shadow: none;
+ border-radius: 0;
 }
 
-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;
-}
-
+GtkModelButton.button:checked:hover,
 GtkModelButton.button:active:hover,
 GtkModelButton.button:hover,
 GtkModelButton.button:selected {
@@ -3651,6 +3877,23 @@ GtkModelButton.button:selected {
 text-shadow: none;
 border-width: 0;
 border-color: transparent;
+ border-radius: 0;
+}
+
+.entry.cursor-handle,
+.cursor-handle {
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ border-style: none;
+}
+.entry.cursor-handle.top,
+.cursor-handle.top {
+ -gtk-icon-source: -gtk-icontheme("selection-start-symbolic");
+}
+.entry.cursor-handle.bottom,
+.cursor-handle.bottom {
+ -gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
 }
 
 /*******
@@ -3693,71 +3936,33 @@ GtkModelButton.button:selected {
 }
 
 .titlebar .titlebutton {
- /*icon-shadow: 0px 1px @wm_title_shadow;*/
 color: @wm_title;
- /*background: none;
- padding: 5px 5px 6px 5px;*/
- padding: 2px 6px 3px 3px; /* important for background size */
- /*border-radius: 3px;
- border-width: 2px;
- border-color: transparent;
- border-style: solid;*/
+ padding: 2px 6px 3px 3px;
 border: none;
 border-image: none;
 }
 
 .titlebar .titlebutton:hover {
- /*background-image: linear-gradient(to bottom,
- @button_hover_gradient_color_a,
- @button_hover_gradient_color_b);*/
 border: none;
 border-image: none;
 }
 
 .titlebar .titlebutton:active {
- /*background-image: linear-gradient(to bottom,
- @borders,
- shade(@theme_bg_color, 0.95));
- color: @theme_selected_fg_color;
- icon-shadow: none;*/
 border: none;
 border-image: none;
 }
 
-.titlebar .right .titlebutton:first-child {
-/* border-left: 1px solid @menu_separator; */
-}
-
-.titlebar .right .titlebutton:last-child {
-
-}
-
-.titlebar .left .titlebutton:last-child {
-/* border-right: 1px solid @menu_separator; */
-}
-
-.titlebar .left .titlebutton:first-child {
-
-}
-
 .titlebar .titlebutton:backdrop {
 color: @wm_unfocused_title;
 icon-shadow: none;
 }
 
-/****************************************************************************************
- * Give and take related to recent gtk3 development, *
- * to achieve full size of the icon menu of some of the applications whose notification *
- * icons appear in the system tray, the "shadow" is disabled. *
- ****************************************************************************************/
-/*
 .window-frame {
 border-radius: 6px 6px 0 0;
- * lamefun trick to get rounded borders regardless of CSD use
 border-width: 0px; 
 box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow;
 
- * this is used for the resize cursor area *
+ /* this is used for the resize cursor area */
 margin: 10px;
 }
 
@@ -3769,4 +3974,89 @@ GtkModelButton.button:selected {
 .window-frame:backdrop {
 box-shadow: 0 0 0 1px shade(@wm_border,1.1), 0 2px 5px 1px @wm_shadow;
 }
-*/
+
+/* Various hacks and shit */
+/* FIXME - BELOW: Some stuff that can probably be done better or in another way */
+
+GtkRevealer {
+ background-color: @theme_bg_color;
+ color: @theme_fg_color;
+}
+
+GtkRevealer .button,
+GtkRevealer GtkLabel {
+ color: @theme_fg_color;
+}
+
+/* gedit */
+.gedit-headerbar-paned:backdrop {
+ background-image: url("assets/null.png");
+}
+
+.gedit-search-slider * {
+ color: @theme_fg_color;
+}
+
+.gedit-document-panel {
+ background-color: @theme_bg_color;
+}
+
+/* Floating Bar */
+.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: @borders;
+
+ color: @theme_text_color;
+ text-shadow: 0 1px @button_text_shadow;
+
+ border-radius: 0px;
+ border-width: 1px;
+ border-style: solid;
+ box-shadow: inset 1px 1px @inset_light_color, -1px -1px @inset_light_color;
+}
+
+.floating-bar.top {
+ 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;
+}
+
+.floating-bar.bottom {
+ 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;
+}
+
+.floating-bar.bottom.right {
+ box-shadow: inset 1px 1px @inset_light_color;
+}
+
+.floating-bar.bottom.left {
+ box-shadow: inset -1px 1px @inset_light_color;
+}
+
+.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;
+}
author	raveit65 <[email protected]>	2014-10-20 15:43:26 +0200
committer	raveit65 <[email protected]>	2014-10-20 15:47:11 +0200
commit	f50e32ead5302062408a4b04d5de1849280ed272 (patch)
tree	525b475a03ed24adfb2cff8d7e08d123b08533e1 /desktop-themes/Menta
parent	cff900dd98e37479d5762d9f88cbfd75be2f08b6 (diff)
download	mate-themes-f50e32ead5302062408a4b04d5de1849280ed272.tar.bz2 mate-themes-f50e32ead5302062408a4b04d5de1849280ed272.tar.xz