Bug 632252 - The find bar should be visually styled to match the add-ons bar. r=shorlander

browser/themes/winstripe/browser/browser-aero.css

@@ -41,7 +41,7 @@
 
 @media all and (-moz-windows-default-theme) {
   #navigator-toolbox > toolbar:not(:-moz-lwtheme),
-  #addon-bar:not(:-moz-lwtheme) {
+  #browser-bottombox:not(:-moz-lwtheme) {
     background-color: @customToolbarColor@;
   }
 
@@ -168,6 +168,7 @@
   #main-window[sizemode=normal] #browser-bottombox {
     border: 1px solid @toolbarShadowColor@;
     border-top-style: none;
+    background-clip: padding-box;
   }
 
   #main-window[sizemode=normal][tabsontop=false] #PersonalToolbar:not(:-moz-lwtheme) {
@@ -235,23 +236,6 @@
     background-color: -moz-dialog;
   }
 
-  #browser-bottombox:not(:-moz-lwtheme) {
-    background-color: -moz-dialog;
-    background-clip: padding-box;
-  }
-
-  #main-window[sizemode=normal] #browser-bottombox:not(:-moz-lwtheme),
-  #main-window[sizemode=normal] #addon-bar:not(:-moz-lwtheme) {
-    border-bottom-left-radius: 4px;
-    border-bottom-right-radius: 4px;
-  }
-
-  #addon-bar:not(:-moz-lwtheme) {
-    -moz-appearance: none;
-    border-bottom-style: none;
-    background-image: -moz-linear-gradient(@toolbarHighlight@, rgba(255,255,255,0));
-  }
-
   #main-menubar:not(:-moz-lwtheme):not(:-moz-window-inactive) {
     background-color: rgba(255,255,255,.5);
     border-radius: 4px;

browser/themes/winstripe/browser/browser.css

@@ -141,6 +141,10 @@
   -moz-appearance: toolbox;
 }
 
+#browser-bottombox:not(:-moz-lwtheme) {
+  background-color: -moz-dialog;
+}
+
 /* ::::: app menu button ::::: */
 
 #appmenu-button {
@@ -2467,12 +2471,14 @@ panel[dimmed="true"] {
 /* Add-on bar */
 
 #addon-bar {
+  -moz-appearance: none;
   min-height: 20px;
-  border-top: 1px solid ThreeDShadow !important;
-}
-
-#addon-bar:not(:-moz-lwtheme) {
-  -moz-appearance: statusbar;
+  border-top-style: none;
+  border-bottom-style: none;
+  padding-top: 1px;
+  background-image: -moz-linear-gradient(rgba(0,0,0,.15) 1px, rgba(255,255,255,.15) 1px);
+  background-size: 100% 2px;
+  background-repeat: no-repeat;
 }
 
 #status-bar {

toolkit/themes/winstripe/global/findBar.css

@@ -17,9 +17,10 @@
 }
 
 findbar {
-  border-top: 2px solid;
-  -moz-border-top-colors: ThreeDShadow ThreeDHighlight;
-  padding-bottom: 1px;
+  padding-top: 1px;
+  background-image: -moz-linear-gradient(rgba(0,0,0,.15) 1px, rgba(255,255,255,.15) 1px);
+  background-size: 100% 2px;
+  background-repeat: no-repeat;
   min-width: 1px;
 }