Bug 660672 - Toolbar dropdowns looks different than the other buttons in Aero glass
authorRichard Marti <richard.marti@gmail.com>
Tue, 12 Jul 2011 23:40:30 -0500
changeset 8105 1cb6eac2ee6f44cf455b5fcc1e6348d41019d201
parent 8104 f1a16d7594b83e7aec7e211f49fe4bf5ab698950
child 8106 9127a0af1ca2d889ea1f3492323867cde772f228
push id6230
push usersquibblyflabbetydoo@gmail.com
push dateWed, 13 Jul 2011 04:50:20 +0000
treeherdercomm-central@f66eb5d6026d [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
bugs660672
Bug 660672 - Toolbar dropdowns looks different than the other buttons in Aero glass
mail/themes/qute/mail/mailWindow1-aero.css
--- a/mail/themes/qute/mail/mailWindow1-aero.css
+++ b/mail/themes/qute/mail/mailWindow1-aero.css
@@ -166,20 +166,65 @@ padding: 4px 0px;
   #folderTree {
     -moz-appearance: none;
     background-color: #eef3fa;
     border-top: 1px solid #ffffff;
     border-bottom: none;
     border-left: none;
   }
 
+  menulist {
+    -moz-appearance: none;
+    padding: 1px 5px !important;
+    background: rgba(151, 152, 153, .05)
+                -moz-linear-gradient(rgba(251, 252, 253, .95),
+                rgba(246, 247, 248, .47) 49%, rgba(231, 232, 233, .45) 51%,
+                rgba(225, 226, 229, .3));
+    border-radius: 3.5px;
+    border: 1px solid;
+    border-color: rgba(0, 0, 0, .12) rgba(0, 0, 0, .19) rgba(0, 0, 0, .38);
+    box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset,
+                0 0 0 2px rgba(255, 255, 255, .1) inset;
+    color: black;
+    text-shadow: 0 0 3px white;
+  }
+
+  menulist:not([disabled="true"]):not([open="true"]):hover {
+    background-color: hsla(190, 60%, 70%, .5);
+    border-color: hsla(190, 50%, 65%, .8) hsla(190, 50%, 50%, .8)
+                  hsla(190, 50%, 40%, .8);
+    box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset,
+                0 0 0 2px rgba(255, 255, 255, .1) inset,
+                0 0 5px hsl(190, 90%, 80%);
+    -moz-transition: background-color .4s ease-in,
+                     border-color .3s ease-in,
+                     box-shadow .3s ease-in;
+  }
+
+  menulist[open="true"] {
+    background-color: transparent;
+    border-color: rgba(0, 0, 0, .65) rgba(0, 0, 0, .55) rgba(0, 0, 0, .5);
+    box-shadow: 0 0 9px rgba(0, 0, 0, .4) inset,
+                0 0 3px rgba(0, 0, 0, .4) inset,
+                0 1px 0 rgba(255, 255, 255, .4);
+    text-shadow: none;
+  }
+
+  menulist[disabled="true"] {
+    opacity: .6;
+  }
+
+  menulist > .menulist-label-box {
+    background-color: transparent !important;
+    color: inherit !important;
+  }
+
   #folderTree treechildren::-moz-tree-cell-text(dropOn) {
     color: -moz-FieldText;
   }
-
 }
 
 @media all and (-moz-windows-compositor) {
   #messengerWindow[sizemode=normal] tabpanels#tabpanelcontainer {
     border: 1px solid rgba(10%, 10%, 10%, .4);
     border-top: none;
     background-clip: padding-box;
   }
@@ -187,9 +232,18 @@ padding: 4px 0px;
   #messengerWindow[sizemode=normal] statusbar {
     -moz-appearance: none;
     margin-top: -1px;
     border: 1px solid rgba(10%, 10%, 10%, .4);
     border-top-color: threedshadow;
     border-radius: 1px 1px 0 0;
     background-clip: padding-box;
   }
+
+  #viewPickerLabel:not(:-moz-lwtheme):not(:-moz-window-inactive) {
+    -moz-margin-start: 4px;
+    -moz-margin-end: 0;
+    -moz-padding-start: 2px;
+    -moz-padding-end: 5px;
+    background-color: rgba(255, 255, 255, .3);
+    border-radius: 4px;
+  }
 }