Menta themes GTK3: first adjustments for gtk+-3.16

- fix overshoot funktion
- fix views, ie mate-appearence-properties, pluma
- style notbook arrows
- adjust view of mate-control-center

4 files changed, 96 insertions, 9 deletions

diff --git a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
index afba0f31..24cee041 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
@@ -191,6 +191,7 @@ GtkTextView {
 	border-radius: 0px;
 }
 
+/* displays at end of mouse scrolling */
 .overshoot {
 	background-color: alpha (@theme_selected_bg_color, 0.35);
 }
@@ -1586,9 +1587,11 @@ GtkCalendar.header .stack-switcher > .titlebutton.button {
 	-GtkWidget-focus-line-width: 0;
 }
 
+/* fix view in mate-appearence-properties
 .notebook GtkScrolledWindow {
 	background-color: @theme_base_color;
 }
+*/
 
 .notebook.frame {
 	border-width: 1px;
@@ -1631,11 +1634,14 @@ GtkCalendar.header .stack-switcher > .titlebutton.button {
 	border-width: 0px;
 }
 
-.notebook :hover {
+/* looks ugly with GTK3-3.16 */
+/*
+.notebook:hover {
 	-gtk-image-effect: highlight;
 	background-color: shade(@theme_bg_color, 1.07);
 	color: @theme_fg_color;
 }
+*/
 
 .notebook tab {
 	border-color: transparent;
@@ -1798,6 +1804,32 @@ GtkCalendar.header .stack-switcher > .titlebutton.button {
 		alpha(black, 0.13);
 }
 
+.notebook.arrow {
+    /* FIXME, why this doesn't work? */
+	-GtkNotebook-arrow-scaling: 0.5;
+    color: shade(@theme_fg_color, 2.6);
+}
+
+.notebook.arrow:hover {
+    color: @theme_selected_bg_color;
+}
+
+.notebook.arrow:active {
+    color: @theme_fg_color;
+}
+
+.notebook.arrow:insensitive {
+    color: rgba(141, 144, 145, 0.3);
+}
+
+.notebook.arrow:backdrop {
+    color: rgba(84, 89, 90, 0.4);
+}
+
+.notebook.arrow:backdrop:insensitive {
+    color: #c7c7c7;
+}
+
 /**************
  * ComboBoxes *
  **************/
diff --git a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
index 76758802..bf2fe7e8 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
@@ -546,7 +546,7 @@ WnckPager {
 }
 
 /* prelight of WnckPager */
-MatePanelApplet:hover {
+WnckPager:hover {
     background-image: linear-gradient(to bottom,
                                       @theme_bg_color,
                                       shade (@theme_selected_bg_color, 0.86));
@@ -640,21 +640,34 @@ PlumaWindow .notebook tab .button.flat:hover {
  ***********************/
 
 /* background */
-ShellWindow AppResizer {
+ShellWindow AppResizer SlabSection {
     background-color: @theme_base_color;
 }
 
+/* button of sidebar */
 ShellWindow .button.flat {
     border-image: none;
+    padding: 4px 1px;
 }
 
-/* button hover of applications */
 ShellWindow .button.flat:hover {
+    padding: 4px 1px;
+
+}
+
+/* button of applications */
+ShellWindow GtkScrolledWindow .button.flat {
+    padding: 4px 0px;
+    border-image: none;
+}
+
+ShellWindow GtkScrolledWindow .button.flat:hover {
     background-color: transparent;
     background-image: linear-gradient(to bottom,
                                       @button_hover_gradient_color_a,
                                       @button_hover_gradient_color_b);
     border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch;
+    padding: 4px 0px;
 }
 
 /*********
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
index 1354bb42..5a4050e8 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
@@ -159,6 +159,7 @@ GtkTextView {
 @keyframes spin {
 	to { -gtk-icon-transform: rotate(0turn); }
 }
+
 .spinner {
 	background-image: none;
 	background-color: blue;
@@ -190,6 +191,7 @@ GtkTextView {
 	border-radius: 0px;
 }
 
+/* displays at end of mouse scrolling */
 .overshoot {
 	background-color: alpha (@theme_selected_bg_color, 0.35);
 }
@@ -415,7 +417,9 @@ GtkTreeView.separator,
 		inset 0 -1px alpha(@theme_selected_bg_color, 0.2);
 }
 
-.spinbutton .button:last-child:active {
+.spinbutton .button:last-child:active,
+.spinbutton .button:last-child:active:focus {
+	padding: 2px 4px;
 	box-shadow: inset 1px 0 @inset_dark_color,
 		inset 0 1px alpha(@theme_selected_bg_color, 0.2),
 		inset -1px -1px alpha(@theme_selected_bg_color, 0.2);
@@ -484,7 +488,7 @@ GtkTreeView.separator,
 		inset 0 -1px 0 0 @borders;
 
 	/* I'm using box-shadow as borders, so I need to compensate
-	   with padding. Those two values need to be entry padding 1 */
+	   with padding. Those two values need to be entry padding +1 */
 	padding-top: 5px;
 	padding-bottom: 5px;
 }
@@ -1569,6 +1573,7 @@ GtkCalendar.header .stack-switcher > .titlebutton.button {
  *****************/
 .notebook {
 	padding: 0;
+	border-style: solid;
 	border-color: @borders;
 	border-top: 0px;
 
@@ -1582,8 +1587,11 @@ GtkCalendar.header .stack-switcher > .titlebutton.button {
 	-GtkWidget-focus-line-width: 0;
 }
 
+/* fix view in mate-appearence-properties
 .notebook GtkScrolledWindow {
 	background-color: @theme_base_color;
+*/
+
 }
 
 .notebook.frame {
@@ -1627,11 +1635,14 @@ GtkCalendar.header .stack-switcher > .titlebutton.button {
 	border-width: 0px;
 }
 
-.notebook :hover {
+/* looks ugly with GTK3-3.16 */
+/*
+.notebook:hover {
 	-gtk-image-effect: highlight;
 	background-color: shade(@theme_bg_color, 1.07);
 	color: @theme_fg_color;
 }
+*/
 
 .notebook tab {
 	border-color: transparent;
@@ -1794,6 +1805,24 @@ GtkCalendar.header .stack-switcher > .titlebutton.button {
 		alpha(black, 0.13);
 }
 
+.notebook.arrow {
+    /* FIXME, why this doesn't work? */
+	-GtkNotebook-arrow-scaling: 0.5;
+    color: shade(@theme_fg_color, 2.6);
+}
+
+.notebook.arrow:hover {
+    color: @theme_selected_bg_color;
+}
+
+.notebook.arrow:active {
+    color: @theme_fg_color;
+}
+
+.notebook.arrow:insensitive {
+    color: rgba(141, 144, 145, 0.3);
+}
+
 /**************
  * ComboBoxes *
  **************/
diff --git a/desktop-themes/Menta/gtk-3.0/mate-applications.css b/desktop-themes/Menta/gtk-3.0/mate-applications.css
index 5137d23a..454d7699 100644
--- a/desktop-themes/Menta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Menta/gtk-3.0/mate-applications.css
@@ -642,21 +642,34 @@ PlumaWindow .notebook tab .button.flat:hover {
  ***********************/
 
 /* background */
-ShellWindow AppResizer {
+ShellWindow AppResizer SlabSection {
     background-color: @theme_base_color;
 }
 
+/* button of sidebar */
 ShellWindow .button.flat {
     border-image: none;
+    padding: 4px 1px;
 }
 
-/* button hover of applications */
 ShellWindow .button.flat:hover {
+    padding: 4px 1px;
+
+}
+
+/* button of applications */
+ShellWindow GtkScrolledWindow .button.flat {
+    padding: 4px 0px;
+    border-image: none;
+}
+
+ShellWindow GtkScrolledWindow .button.flat:hover {
     background-color: transparent;
     background-image: linear-gradient(to bottom,
                                       @button_hover_gradient_color_a,
                                       @button_hover_gradient_color_b);
     border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch;
+    padding: 4px 0px;
 }
 
 /*********