Bug 635675 (part 3) - OS X Add-ons Manager polish. r=dao a=beltzner

toolkit/mozapps/extensions/test/browser/browser_bug557943.js

@@ -45,7 +45,7 @@ function perform_search(aQuery, aCallback) {
     var searchBox = gManagerWindow.document.getElementById("header-search");
     searchBox.value = aQuery;
 
-    EventUtils.synthesizeMouse(searchBox, 2, 2, { }, gManagerWindow);
+    EventUtils.synthesizeMouseAtCenter(searchBox, { }, gManagerWindow);
     EventUtils.synthesizeKey("VK_RETURN", { }, gManagerWindow);
     wait_for_view_load(gManagerWindow, function() {
       var list = gManagerWindow.document.getElementById("search-list");

toolkit/themes/pinstripe/mozapps/extensions/extensions.css

@@ -37,6 +37,9 @@
 
 %include ../../global/shared.inc
 
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml");
+
 #addons-page {
   -moz-appearance: none;
   padding: 18px;
@@ -333,10 +336,31 @@
 
 #header-search {
   margin: 0;
+  -moz-appearance: none;
+  padding: 3px 5px 2px;
+  border: 1px solid rgba(60,73,97,0.5);
+  border-radius: 10000px;
+  box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), 0 1px rgba(255,255,255,0.25);
+  background: -moz-linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.3));
+  background-clip: padding-box;
 }
 
-#header-search:not([focused]) {
-  opacity: 0.7;
+#header-search[focused] {
+  box-shadow: @focusRingShadow@, inset 0 1px 1px rgba(0,0,0,0.15);
+  border-color: -moz-mac-focusring;
+}
+
+#header-search > .textbox-input-box {
+  -moz-padding-start: 15px;
+  background: url("chrome://mozapps/skin/extensions/search.png") left no-repeat;
+}
+
+#header-search > .textbox-input-box:-moz-locale-dir(rtl) {
+  background-position: right;
+}
+
+#header-search > .textbox-input-box > html|*.textbox-input:-moz-placeholder {
+  color: #5C6470;
 }
 
 .view-header {

toolkit/themes/pinstripe/mozapps/jar.mn

@@ -35,6 +35,7 @@ toolkit.jar:
   skin/classic/mozapps/extensions/alerticon-info-positive.png     (extensions/alerticon-info-positive.png)
   skin/classic/mozapps/extensions/alerticon-info-negative.png     (extensions/alerticon-info-negative.png)
   skin/classic/mozapps/extensions/background-texture.png          (extensions/background-texture.png)
+  skin/classic/mozapps/extensions/search.png                      (extensions/search.png)
   skin/classic/mozapps/extensions/about.css                       (extensions/about.css)
 * skin/classic/mozapps/extensions/extensions.css                  (extensions/extensions.css)
   skin/classic/mozapps/extensions/extensions.svg                  (extensions/extensions.svg)