[gnome-themes-standard] spinbutton: add theming support for vertical spinbuttons

[Cosimo Cecchi <cosimoc src gnome org>]

commit 1094ca94fbb4341621e75be6993dc45e5e6709ff
Author: Cosimo Cecchi <cosimoc gnome org>
Date:   Mon Sep 3 11:46:40 2012 -0400

    spinbutton: add theming support for vertical spinbuttons

 themes/Adwaita/gtk-3.0/gtk-widgets-backgrounds.css |    7 +++-
 themes/Adwaita/gtk-3.0/gtk-widgets.css             |   37 ++++++++++++++++++++
 2 files changed, 42 insertions(+), 2 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/gtk-widgets-backgrounds.css b/themes/Adwaita/gtk-3.0/gtk-widgets-backgrounds.css
index edbc6e2..087ca9e 100644
--- a/themes/Adwaita/gtk-3.0/gtk-widgets-backgrounds.css
+++ b/themes/Adwaita/gtk-3.0/gtk-widgets-backgrounds.css
@@ -2,7 +2,8 @@
 .button,
 .toolbar .button.raised,
 .toolbar .raised .button,
-.toolbar GtkComboBox .button {
+.toolbar GtkComboBox .button,
+.spinbutton.vertical .button {
     background-image: linear-gradient(to bottom, 
                                       @button_gradient_color_a, 
                                       @button_gradient_color_b 40%,
@@ -13,7 +14,9 @@
 
 /* Pushed button background */
 .button:active, 
-.button:active:hover, 
+.button:active:hover,
+.spinbutton.vertical .button:active,
+.spinbutton.vertical .button:active:hover,
 .toolbar .button:active,
 .toolbar .button:active:hover,
 .toolbar .button.raised:active,
diff --git a/themes/Adwaita/gtk-3.0/gtk-widgets.css b/themes/Adwaita/gtk-3.0/gtk-widgets.css
index 4f252ba..42e457a 100644
--- a/themes/Adwaita/gtk-3.0/gtk-widgets.css
+++ b/themes/Adwaita/gtk-3.0/gtk-widgets.css
@@ -429,6 +429,43 @@ GtkTreeView.separator:backdrop,
                 inset -1px -1px alpha(@theme_selected_bg_color, 0.2);
 }
 
+.spinbutton.vertical .button {
+    padding: 4px;
+
+    border-color: @borders;
+    border-style: solid;
+    border-width: 1px;
+}
+
+.spinbutton.vertical .button,
+.spinbutton.vertical .button:active {
+    box-shadow: none;
+}
+
+.spinbutton.vertical .button:first-child {
+    border-radius: 3px 3px 0 0;
+    border-bottom-color: shade(@borders, 1.10);
+}
+
+.spinbutton.vertical .button:last-child {
+    border-top-color: shade(@borders, 1.10);
+    border-radius: 0 0 3px 3px;
+}
+
+.spinbutton.vertical.entry {
+    border-image: none;
+    border-color: @borders;
+    border-width: 0 1px;
+    border-style: solid;
+    border-radius: 0;
+}
+
+.spinbutton.vertical.entry:focus {
+    box-shadow: inset 1px 2px alpha(@theme_selected_bg_color, 0.2),
+                inset 1px 1px alpha(@theme_selected_bg_color, 0.5),
+                inset -1px -1px alpha(@theme_selected_bg_color, 0.5);
+}
+
 /*****************
  * Color Chooser *
  *****************/