Bug 594429 - Update the live filter search button in Panorama UI [r=dao, a=blocking2.0]

browser/base/content/tabview/tabview.css

@@ -199,7 +199,6 @@ body {
 
 /* Search
 ----------------------------------*/
-
 #search{
   position: absolute;
   top: 0px;
@@ -228,7 +227,7 @@ html[dir=rtl] #searchbox {
   position: absolute;
   top: 100px;
   right: 0px;
-  z-index:10;
+  z-index: 10;
 }
 
 html[dir=rtl] #actions {

browser/themes/gnomestripe/browser/tabview/tabview.css

@@ -510,13 +510,11 @@ html[dir=rtl] .iq-resizable-se {
   cursor: default;
   top: 0;
   right: 0;
-  width: 28px;
-  height: 27px;
-  background: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 16, 16, 0) no-repeat scroll 7px 7px #b7b7b7;
-  border-bottom: 1px solid #909090;
-  -moz-border-start: 1px solid #B7B7B7;
-  border-top: 1px solid #CFCFCF;
-  border-radius: 3px 0 0 3px;
+  width: 16px;
+  height: 16px;
+  -moz-margin-end: 7px;
+  margin-top: 7px;
+  background: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 16, 16, 0) no-repeat scroll;
 }
 
 html[dir=rtl] #exit-button {
@@ -527,7 +525,6 @@ html[dir=rtl] #exit-button {
 
 /* Search
 ----------------------------------*/
-
 #search{
   background-color: rgba(0,0,0,.42);
   width: 100%;
@@ -544,16 +541,13 @@ html[dir=rtl] #exit-button {
   border-radius: 0.4em;
   -moz-padding-start: 5px;
   -moz-padding-end: 5px;
-  font-size: 14px;  
+  font-size: 14px;
 }
 
 #actions{
-  width: 30px;
-  height: 30px;
-  background-color: #666;
+  width: 26px;
+  height: 26px;
   border: none;
-  box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.8), inset 6px 6px 9px rgba(0,0,0,.56);
-  opacity: .64;
   text-align: center;
 }
 
@@ -573,12 +567,7 @@ html[dir=rtl] #actions {
   border: none;
   width: 20px;
   height: 20px;
-  margin-top:5px;
-  opacity: .8;  
-}
-
-#actions #searchbutton:hover{
-  opacity: 1.0;
+  margin-top: 3px;
 }
 
 .notMainMatch{

browser/themes/pinstripe/browser/tabview/tabview.css

@@ -501,14 +501,12 @@ html[dir=rtl] .iq-resizable-se {
 #exit-button {
   cursor: default;
   top: 0;
-  right: 0;
-  width: 28px;
-  height: 27px;
-  background: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 20, 20, 0) no-repeat scroll 4px 4px #b7b7b7;
-  border-bottom: 1px solid #909090;
-  -moz-border-start: 1px solid #B7B7B7;
-  border-top: 1px solid #CFCFCF;
-  border-radius: 3px 0 0 3px;
+  right: 1px;
+  width: 20px;
+  height: 20px;
+  -moz-margin-end: 2px;
+  margin-top: 2px;
+  background: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 20, 20, 0) no-repeat scroll;
 }
 
 html[dir=rtl] #exit-button {
@@ -519,11 +517,10 @@ html[dir=rtl] #exit-button {
 
 /* Search
 ----------------------------------*/
-
 #search {
   background-color: rgba(0,0,0,.42);
   width: 100%;
-  height: 100%;  
+  height: 100%;
 }
 
 #searchbox {
@@ -540,12 +537,9 @@ html[dir=rtl] #exit-button {
 }
 
 #actions {
-  width: 30px;
-  height: 30px;
-  background-color: #666;
+  width: 26px;
+  height: 26px;
   border: none;
-  box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.8), inset 6px 6px 13px rgba(0,0,0,.56);
-  opacity: .64;
   text-align: center;
 }
 
@@ -565,12 +559,7 @@ html[dir=rtl] #actions {
   border: none;
   width: 20px;
   height: 20px;
-  margin-top:5px;
-  opacity: .8;  
-}
-
-#actions #searchbutton:hover {
-  opacity: 1.0;
+  margin-top: 3px;
 }
 
 .notMainMatch {

browser/themes/winstripe/browser/tabview/tabview.css

@@ -527,15 +527,13 @@ html[dir=rtl] .iq-resizable-se {
 +----------------------------------*/
 #exit-button {
   cursor: default;
-  top: 0;
+  top: 1px;
   right: 0;
-  width: 28px;
-  height: 27px;
-  background: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 18, 18, 0) no-repeat scroll 4px 4px #b7b7b7;
-  border-bottom: 1px solid #909090;
-  -moz-border-start: 1px solid #B7B7B7;
-  border-top: 1px solid #CFCFCF;
-  border-radius: 3px 0 0 3px;
+  width: 18px;
+  height: 18px;
+  -moz-margin-end: 3px;
+  margin-top: 3px;
+  background: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 18, 18, 0) no-repeat scroll;
 }
 
 html[dir=rtl] #exit-button {
@@ -546,7 +544,6 @@ html[dir=rtl] #exit-button {
 
 /* Search
 ----------------------------------*/
-
 #search{
   background-color: rgba(0,0,0,.42);
   width: 100%;
@@ -563,16 +560,13 @@ html[dir=rtl] #exit-button {
   border-radius: 0.4em;
   -moz-padding-start: 5px;
   -moz-padding-end: 5px;
-  font-size: 14px;  
+  font-size: 14px;
 }
 
 #actions{
-  width: 30px;
-  height: 30px;
-  background-color: #CFDBE8;
+  width: 26px;
+  height: 26px;
   border: none;
-  box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.8), inset 6px 6px 9px rgba(0,0,0,.56);
-  opacity: .64;
   text-align: center;
 }
 
@@ -592,12 +586,7 @@ html[dir=rtl] #actions {
   border: none;
   width: 20px;
   height: 20px;
-  margin-top:5px;
-  opacity: .8;  
-}
-
-#actions #searchbutton:hover{
-  opacity: 1.0;
+  margin-top: 3px;
 }
 
 .notMainMatch{