Bug 587901 - tweak identity box styling. r=dolske

browser/themes/gnomestripe/browser/browser.css

@@ -906,8 +906,9 @@ toolbar[iconsize="small"] #fullscreen-button {
 
 /* Identity indicator */
 #identity-box {
-  background: -moz-dialog -moz-linear-gradient(rgba(255,255,255,.25), rgba(0,0,0,.15));
-  color: -moz-dialogtext;
+  background-color: rgb(95%,95%,95%);
+  background-image: -moz-linear-gradient(rgba(170,170,170,.25), rgba(0,0,0,.3));
+  color: #444;
   -moz-border-end: 1px solid ThreeDShadow;
 }
 
@@ -919,27 +920,26 @@ toolbar[iconsize="small"] #fullscreen-button {
   outline: 1px dotted -moz-DialogText;
 }
 
-#identity-box:hover {
-  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(50%,50%,50%,.2), rgba(0,0,0,.15));
-}
-
 #identity-box:hover:active,
 #identity-box[open="true"] {
   background-image: -moz-linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.1));
 }
 
 #identity-icon-labels {
-  padding: 0 2px;
+  -moz-padding-start: 2px;
+  -moz-padding-end: 3px;
 }
 
 #identity-box.verifiedDomain {
   background-color: rgba(30, 80, 170, 0.7);
   color: white;
+  text-shadow: 0 1px 0 rgba(0,0,0,.25);
 }
 
 #identity-box.verifiedIdentity {
   background-color: rgba(50, 150, 50, 0.8);
   color: white;
+  text-shadow: 0 1px 0 rgba(0,0,0,.25);
 }
 
 /* Identity popup icons */

browser/themes/gnomestripe/browser/searchbar.css

@@ -33,7 +33,7 @@
   -moz-margin-end: 2px;
   border: 0;
   -moz-box-align: center;
-  background: -moz-dialog -moz-linear-gradient(rgba(255,255,255,.25), rgba(0,0,0,.15));
+  background: rgb(95%,95%,95%) -moz-linear-gradient(rgba(170,170,170,.25), rgba(0,0,0,.3));
   -moz-border-end: 1px solid ThreeDShadow;
 }
 
@@ -44,10 +44,6 @@
   border: 0;
 }
 
-.searchbar-engine-button:hover {
-  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(50%,50%,50%,.2), rgba(0,0,0,.15));
-}
-
 .searchbar-engine-button:hover:active,
 .searchbar-engine-button[open="true"] {
   background-image: -moz-linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.1));

browser/themes/winstripe/browser/browser.css

@@ -1005,10 +1005,17 @@ toolbar:not([iconsize="small"])[mode="icons"] #forward-button:not([disabled="tru
 /* identity box */
 
 #identity-box {
-  background-color: -moz-dialog;
-  background-image: -moz-linear-gradient(rgba(255,255,255,.25), rgba(0,0,0,.15));
-  color: -moz-dialogText;
+  background-color: rgb(95%,95%,95%);
+  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(70%,70%,70%,.1), rgba(0,0,0,.1));
+  background-origin: border-box;
+  border: 1px solid rgba(0,0,0,.15);
   -moz-border-radius: 2px;
+  -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1),
+                   0 0 1px rgba(255,255,255,.4) inset;
+  min-height: 16px;
+  font-weight: bold;
+  color: #666;
+  text-shadow: 0 1px 0 rgba(255,255,255,.25);
 }
 
 #identity-box:hover {
@@ -1022,33 +1029,30 @@ toolbar:not([iconsize="small"])[mode="icons"] #forward-button:not([disabled="tru
 
 #identity-box.verifiedDomain,
 #identity-box.verifiedIdentity {
-  color: white;
-  text-shadow: 0 1px 0 rgba(0,0,0,.25);
-  -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
+  color: #444;
+  border-color: rgba(0,0,0,.3);
 }
 
 #identity-box.verifiedDomain {
-  background-color: hsl(219,45%,60%);
+  background-color: hsl(219,75%,80%);
 }
 
 #identity-box.verifiedIdentity {
-  background-color: hsl(92,45%,52%);
+  background-color: hsl(92,55%,72%);
 }
 
 #identity-box:-moz-focusring {
-  outline: 1px dotted -moz-DialogText;
+  outline: 1px dotted #444;
   outline-offset: -3px;
 }
 
-#identity-box.verifiedDomain:-moz-focusring,
-#identity-box.verifiedIdentity:-moz-focusring {
-  outline-color: white;
-}
-
 #identity-icon-labels {
   -moz-margin-start: 1px;
   -moz-margin-end: 3px;
   -moz-transform: translate(0, -1px);
+  /* compensate #identity-box border: */
+  margin-top: -1px;
+  margin-bottom: -1px;
 }
 
 /* Location bar dropmarker */