Bug 561479 - Better mac styling of the quick filter toggles. update the mac theme to improve the look of the depressed checkbox buttons. r+a=asuth
authorBryan W Clark <clarkbw@gnome.org>
Fri, 23 Apr 2010 16:31:00 -0700
changeset 5530 1a7c6b2fd6d193c33294f5292aa0a977c764ef0f
parent 5529 c942a68d365a17375c2ec1dcaf3cda6fdbc711ce
child 5531 21911b10db8407813ede51e7520cf235ab225776
push idunknown
push userunknown
push dateunknown
bugs561479
Bug 561479 - Better mac styling of the quick filter toggles. update the mac theme to improve the look of the depressed checkbox buttons. r+a=asuth
mail/themes/pinstripe/mail/quickFilterBar.css
--- a/mail/themes/pinstripe/mail/quickFilterBar.css
+++ b/mail/themes/pinstripe/mail/quickFilterBar.css
@@ -62,101 +62,86 @@
 
 #qfb-filter-label {
   color: #6b6b6b;
   font-weight: bold;
 }
 
 /* :::: Filter Buttons :::: */
 
+#qfb-sticky,
 #qfb-unread,
 #qfb-starred,
 #qfb-inaddrbook,
 #qfb-tags,
 #qfb-attachment {
-  color: #2b2b2b;
+  color: #222;
 }
 
+#qfb-sticky,
 #qfb-unread,
 #qfb-starred,
 #qfb-inaddrbook,
 #qfb-tags,
 #qfb-attachment,
 #quick-filter-bar-expando toolbarbutton {
-  margin-top: 3pt;
-  margin-bottom: 3pt;
-  text-shadow: #e8e8e8 0 1px;
-  height: 17px;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
+  height: 18px;
   font-weight: bold;
-  padding: 1px 7px;
-  -moz-border-radius: 10px;
-  border: 1px inset transparent;
+  padding: 0 8px;
+  margin: 1px 3px;
+  -moz-border-radius: 100%;
+  border: 0;
 }
 
 #quick-filter-bar toolbarbutton[checked="true"],
 #quick-filter-bar toolbarbutton[checked="true"]:hover {
-  background: -moz-linear-gradient(top, #888 0px, #888 1px, #939393 1px, #8c8c8c 16px, #8e8e8e 16px, #8e8e8e 17px);
-  border-bottom-color: rgba(231, 231, 231, 0.85);
-  border-top-color: rgba(53, 53, 53, 0.4);
-  -moz-box-shadow: inset 0 0 1px #888;
+  background-color: rgba(136, 136, 136, 1);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.4);
+  color: #FFF !important;
+  text-shadow: 0 1px rgba(0, 0, 0, .4) !important;
 }
 
 #quick-filter-bar toolbarbutton:active,
 #quick-filter-bar toolbarbutton[checked="true"]:active,
 #quick-filter-bar toolbarbutton:active:hover {
-  background: -moz-linear-gradient(top, #686868 0px, #686868 1px, #737373 1px, #6d6d6d 16px, #717171 16px, #717171 17px);
-  border-bottom-color: rgba(231, 231, 231, 0.85);
-  border-top-color: rgba(53, 53, 53, 0.75);
-  border-left-color: rgba(53, 53, 53, 0.5);
-  border-right-color: rgba(53, 53, 53, 0.5);
+  background-color: rgba(0, 0, 0, .5);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.4);
+  color: #FFF;
+  text-shadow: 0 1px rgba(0, 0, 0, .4) !important;
 }
 
 #quick-filter-bar toolbarbutton:hover {
-  background: -moz-linear-gradient(top, #959595, #8b8b8b);
-  border-style: solid;
-  border-bottom-color: transparent;
-  border-top-color: #959595;
+  background-color: rgba(0, 0, 0, .205);
 }
 
 #quick-filter-bar toolbarbutton > .toolbarbutton-icon,
 #quick-filter-bar toolbarbutton > .toolbarbutton-text {
   padding: 0;
   margin: 0;
 }
 
-#quick-filter-bar toolbarbutton[checked="true"] > .toolbarbutton-text,
-#quick-filter-bar toolbarbutton:hover > .toolbarbutton-text {
-  color: #fff;
-  text-shadow: #535353 0 1px;
-}
-
-#quick-filter-bar #qfb-sticky,
-#quick-filter-bar #qfb-sticky[checked] {
-  background: none;
-  border-width: 0;
-  -moz-border-image: none;
+#quick-filter-bar toolbarbutton > .toolbarbutton-text {
+  margin: 0 2px;
 }
 
 #qfb-sticky {
   list-style-image: url("chrome://messenger/skin/icons/black_pin.png");
 }
 
 #qfb-sticky[checked] {
   list-style-image: url("chrome://messenger/skin/icons/red_pin.png");
 }
 
 /* we use both IDs so we are more precise than the other # toolbarbutton rules */
-#quick-filter-bar #qfb-sticky:hover {
-  text-shadow: none;
-  background: none;
-  border: 1px solid transparent;
-  -moz-border-radius: 0;
-  border-width: 0;
+#quick-filter-bar #qfb-sticky > .toolbarbutton-text {
+  margin: 0;
 }
 
+
 #qfb-unread {
   list-style-image: url("chrome://messenger/skin/icons/readcol.png");
 }
 
 #qfb-unread > .toolbarbutton-icon {
   /* 9x9 icon so pad with (2 * 2px) border */
   border: 2px solid transparent;
 }
@@ -197,10 +182,11 @@
 #quick-filter-bar[filterActive="matches"] #qfb-results-label {
   color: green;
 }
 
 #quick-filter-bar[filterActive="nomatches"] #qfb-results-label {
   color: #f66;
 }
 
-#qfb-qs-textbox {
+#qfb-qs-label {
+  color: #6b6b6b;
 }