[gnome-themes-standard/wip/strength-bar] strenght-bar: styling for new GtkStrengthBar

[Cosimo Cecchi <cosimoc src gnome org>]

commit 9e3dd13a3f01fa2c7f8cfd54fa94c147ca5a261f
Author: Cosimo Cecchi <cosimoc gnome org>
Date:   Tue May 29 17:01:46 2012 -0400

    strenght-bar: styling for new GtkStrengthBar

 themes/Adwaita/gtk-3.0/gtk-widgets.css |   50 ++++++++++++++++++++++++++++++++
 1 files changed, 50 insertions(+), 0 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/gtk-widgets.css b/themes/Adwaita/gtk-3.0/gtk-widgets.css
index 1bc3061..30998b5 100644
--- a/themes/Adwaita/gtk-3.0/gtk-widgets.css
+++ b/themes/Adwaita/gtk-3.0/gtk-widgets.css
@@ -604,6 +604,56 @@ GtkProgressBar.vertical:backdrop,
     background-color: @unfocused_dark_bg;
 }
 
+/* strenght bars as used for password quality or remaining power */
+GtkProgressBar.strength-bar {
+    -GtkProgressBar-min-horizontal-bar-height: 9;
+    padding: 0;
+}
+
+.strength-bar.trough {
+    background-image: none;
+    background-color: @theme_base_color;
+
+    border-image: none;
+    border-color: darker(@borders);
+    border-width: 1px;
+    border-radius: 5px;
+}
+
+.strength-bar.progressbar {
+    border-style: none;
+    background-color: transparent;
+
+    background-image: linear-gradient(to right, transparent, transparent 2px,
+                                      @theme_selected_bg_color 2px, @theme_selected_bg_color 28px,
+                                      transparent 28px, transparent 30px),
+                      linear-gradient(to right, transparent, transparent 1px,
+                                      darker(@theme_selected_bg_color) 1px, darker(@theme_selected_bg_color) 29px,
+                                      transparent 30px, transparent 30px);
+
+    background-size: 30px 1px, 30px 3px;
+    background-repeat: repeat no-repeat;
+    background-position: left;
+}
+
+.strength-bar.progressbar.warning {
+    background-image: linear-gradient(to right, transparent, transparent 2px,
+                                      @warning_bg_color 2px, @warning_bg_color 28px,
+                                      transparent 28px, transparent 30px),
+                      linear-gradient(to right, transparent, transparent 1px,
+                                      darker(@warning_bg_color) 1px, darker(@warning_bg_color) 29px,
+                                      transparent 30px, transparent 30px);
+}
+
+.strength-bar.progressbar.success {
+    background-image: linear-gradient(to right, transparent, transparent 2px,
+                                      @success_color 2px, @success_color 28px,
+                                      transparent 28px, transparent 30px),
+                      linear-gradient(to right, transparent, transparent 1px,
+                                      darker(@success_color) 1px, darker(@success_color) 29px,
+                                      transparent 30px, transparent 30px);
+}
+
 /************
  * GtkScale *
  ************/