Bug 665303 - "Pimp the message header appearence" [r+ui-r=bwinton]
authorBlake Winton <bwinton>
Mon, 08 Aug 2011 14:05:00 -0400
changeset 8269 d745126176278c7c04bfcc90b30568f36f45ca92
parent 8268 aa8e3dd28126cbf653c0a7ff26b43fbc5efcb732
child 8270 993e496893bba9bd8098ff59362ed8f81fb29939
push id6360
push userCallek@gmail.com
push dateTue, 09 Aug 2011 10:03:21 +0000
treeherdercomm-central@3b67c67a2ab0 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
bugs665303
Bug 665303 - "Pimp the message header appearence" [r+ui-r=bwinton]
mail/themes/pinstripe/mail/messageHeader.css
--- a/mail/themes/pinstripe/mail/messageHeader.css
+++ b/mail/themes/pinstripe/mail/messageHeader.css
@@ -39,22 +39,30 @@
 /* ===== messageHeader.css ==============================================
   == Styles for the header toolbars of a mail message.
   ======================================================================= */
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 /* ::::: for the entire area ::::: */
 .main-header-area {
-  color: rgb(46, 52, 54); /* Aluminium 6 */
-  background-color: rgb(238, 238, 236); /* Aluminium 1 */
-  border-bottom: 2px groove rgb(186,189,182); /* Aluminium 3 */
+  color: #2E3436; /* Aluminium 6 */
+  background: -moz-linear-gradient(top, #909090, #FFFFFF 5px);
+  border-bottom:1px solid #BFBFBF;
   padding: 0.6ex;
 }
 
+.main-header-area:-moz-window-inactive {
+  background: -moz-linear-gradient(top, #CDCDCD, #FFFFFF 5px);
+}
+
+#displayDeck:not([collapsed="true"]) + #threadpane-splitter + #messagepanebox .main-header-area {
+  background: -moz-linear-gradient(top, #E4E4E4, #FFFFFF 5px);
+}
+
 /* ::::: msg header toolbars ::::: */
 #expandedHeaderView[show_header_mode="all"] {
   overflow-x: hidden;
   overflow-y: visible;
   max-height: 14em;
 }
 
 /* ::::: msg header buttons ::::: */
@@ -475,17 +483,18 @@ window[inlinetoolbox] #wrapper-spring {
   border: 2px solid #B0B3B6;
 }
 
 #msgHeaderView textbox {
   color: inherit;
 }
 
 .headerName {
-  color: #888a85; /* lower contrast */
+  color: #A1A1A1; /* lower contrast */
+  font-weight: bold;
   text-align: right;
   background-color: transparent;
   padding: 0px;
   margin-top: 0;
   -moz-margin-end: 0;
 }
 
 .headerValueBox {