[Australis] Bug 986324: small refactor of urlbar and search field styles. r=dao, a=sledru.
authorMike de Boer <mdeboer@mozilla.com>
Tue, 08 Apr 2014 10:39:13 -0400
changeset 183661 274d760590d5
parent 183660 5e0b16fe8951
child 183662 a90a4219b520
push id3439
push usermconley@mozilla.com
push date2014-04-08 14:42 +0000
Treeherderresults
reviewersdao, sledru
bugs986324
milestone29.0
[Australis] Bug 986324: small refactor of urlbar and search field styles. r=dao, a=sledru.
browser/themes/windows/browser-aero.css
--- a/browser/themes/windows/browser-aero.css
+++ b/browser/themes/windows/browser-aero.css
@@ -47,59 +47,67 @@
   }
 
   #appcontent ~ .sidebar-splitter {
     -moz-border-start: 1px solid #A9B7C9;
     -moz-border-end: none;
     -moz-margin-start: 0;
     -moz-margin-end: -3px;
   }
-}
-
-@media (-moz-windows-default-theme) and (-moz-os-version: windows-vista),
-       (-moz-windows-default-theme) and (-moz-os-version: windows-win7) {
-  #navigator-toolbox > toolbar:not(:-moz-lwtheme),
-  #browser-bottombox:not(:-moz-lwtheme),
-  .browserContainer > findbar {
-    background-color: @customToolbarColor@;
-  }
-
-  .tab-background-middle[selected=true]:not(:-moz-lwtheme) {
-    background-color: @customToolbarColor@;
-  }
-
-  #navigator-toolbox:not(:-moz-lwtheme)::after {
-    background-color: #aabccf;
-  }
 
   #urlbar:not(:-moz-lwtheme),
   .searchbar-textbox:not(:-moz-lwtheme) {
     border-color: hsla(210,54%,20%,.25) hsla(210,54%,20%,.27) hsla(210,54%,20%,.3);
-  }
-
-  #urlbar:not(:-moz-lwtheme):not([focused]):hover,
-  .searchbar-textbox:not(:-moz-lwtheme):not([focused]):hover {
-    border-color: hsla(210,54%,20%,.35) hsla(210,54%,20%,.37) hsla(210,54%,20%,.4);
+    box-shadow: 0 1px 0 hsla(0,0%,0%,.01) inset,
+                0 1px 0 hsla(0,0%,100%,.1);
+    transition-property: border-color;
+    transition-duration: 200ms;
   }
 
   #urlbar:not(:-moz-lwtheme)[focused],
   .searchbar-textbox:not(:-moz-lwtheme)[focused] {
-    border-color: hsla(206,100%,60%,.65) hsla(206,100%,55%,.65) hsla(206,100%,50%,.65);
+    border-color: Highlight;
   }
 
   .menu-accel,
   .menu-iconic-accel {
     color: graytext;
   }
 
   .chatbar-button,
   chatbar > chatbox {
     border-color: #A9B7C9;
   }
-  
+
+  @media (-moz-os-version: windows-vista),
+         (-moz-os-version: windows-win7) {
+    #navigator-toolbox > toolbar:not(:-moz-lwtheme),
+    #browser-bottombox:not(:-moz-lwtheme),
+    .browserContainer > findbar {
+      background-color: @customToolbarColor@;
+    }
+
+    .tab-background-middle[selected=true]:not(:-moz-lwtheme) {
+      background-color: @customToolbarColor@;
+    }
+
+    #navigator-toolbox:not(:-moz-lwtheme)::after {
+      background-color: #aabccf;
+    }
+
+    #urlbar:not(:-moz-lwtheme):not([focused]):hover,
+    .searchbar-textbox:not(:-moz-lwtheme):not([focused]):hover {
+      border-color: hsla(210,54%,20%,.35) hsla(210,54%,20%,.37) hsla(210,54%,20%,.4);
+    }
+
+    #urlbar:not(:-moz-lwtheme)[focused],
+    .searchbar-textbox:not(:-moz-lwtheme)[focused] {
+      border-color: hsla(206,100%,60%,.65) hsla(206,100%,55%,.65) hsla(206,100%,50%,.65);
+    }
+  }
 }
 
 @media (-moz-windows-compositor) {
   /* These should be hidden w/ glass enabled. Windows draws its own buttons. */
   .titlebar-button {
     display: none;
   }
 
@@ -350,33 +358,16 @@
   #print-preview-toolbar:not(:-moz-lwtheme) {
     -moz-appearance: -moz-win-browsertabbar-toolbox;
   }
 }
 
 /* Win8 and beyond. */
 @media not all and (-moz-os-version: windows-vista) {
   @media not all and (-moz-os-version: windows-win7) {
-    #urlbar:not(:-moz-lwtheme),
-    .searchbar-textbox:not(:-moz-lwtheme) {
-      background-color: hsla(0,0%,100%,.9);
-      border: 1px solid transparent;
-      border-color: hsla(210,54%,20%,.25) hsla(210,54%,20%,.27) hsla(210,54%,20%,.3);
-      box-shadow: 0 1px 0 hsla(0,0%,0%,.01) inset,
-                  0 1px 0 hsla(0,0%,100%,.1);
-      transition-property: border-color, background-color;
-      transition-duration: 200ms;
-    }
-
-    #urlbar:not(:-moz-lwtheme)[focused],
-    .searchbar-textbox:not(:-moz-lwtheme)[focused] {
-      background-color: hsla(0,0%,100%,1);
-      border-color: #4595e5;
-    }
-
     /* Introducing an additional hover state for the Bookmark button */
     #nav-bar .toolbarbutton-1[buttonover] > .toolbarbutton-menubutton-button:hover > .toolbarbutton-icon {
       background-color: hsla(210,4%,10%,.08);
       border-color: hsla(210,4%,10%,.1);
     }
   }
 }