Bug #366842 --> land pinstripe theme update on the trunk

git-svn-id: svn://10.0.0.236/trunk@220794 18797224-902f-48f8-a5cc-f745e15eee43

mozilla/mail/themes/pinstripe/mail/jar.mn

@@ -1,6 +1,4 @@
 classic.jar:
-     skin/classic/global/tree/treetwisty.png                        (icons/treetwisty.png) 
-     skin/classic/global/tree/treetwisty-open.png                   (icons/treetwisty-open.png) 
 % skin messenger classic/1.0 %skin/classic/messenger/
      skin/classic/messenger/dialogs.css 
      skin/classic/messenger/messenger.css
@@ -40,8 +38,6 @@ classic.jar:
      skin/classic/messenger/addressbook/icons/remote-addrbook-error.png      (addrbook/remote-addrbook-error.png)
      skin/classic/messenger/addressbook/icons/remote-addrbook.png   (addrbook/remote-addrbook.png)
      skin/classic/messenger/addressbook/icons/secure-remote-addrbook.png     (addrbook/secure-remote-addrbook.png)
-     skin/classic/messenger/addressbook/icons/silhouette-hover.png  (addrbook/silhouette-hover.png)
-     skin/classic/messenger/addressbook/icons/silhouette.png        (addrbook/silhouette.png)
      skin/classic/messenger/messengercompose/messengercompose.css    (compose/messengercompose.css)
      skin/classic/messenger/messengercompose/compose-toolbar.png     (compose/compose-toolbar.png)
      skin/classic/messenger/messengercompose/compose-toolbar-small.png        (compose/compose-toolbar-small.png)
@@ -101,6 +97,11 @@ classic.jar:
      skin/classic/messenger/smime/icons/hdrSignNotOk.gif            (smime/hdrSignNotOk.gif)
      skin/classic/messenger/smime/icons/hdrCryptoOk.gif             (smime/hdrCryptoOk.gif)
      skin/classic/messenger/smime/icons/hdrCryptoNotOk.gif          (smime/hdrCryptoNotOk.gif)
+     skin/classic/messenger/icons/twisty-open.gif                   (icons/twisty-open.gif)
+     skin/classic/messenger/icons/twisty-closed.gif                 (icons/twisty-closed.gif)
+     skin/classic/messenger/icons/spin-buttons-active.png           (icons/spin-buttons-active.png)
+     skin/classic/messenger/icons/spin-buttons.png                  (icons/spin-buttons.png)
+     skin/classic/messenger/icons/tree-selected-overlay.png         (icons/tree-selected-overlay.png)
      skin/classic/messenger/icons/SearchBarLeft.png                 (icons/SearchBarLeft.png)
      skin/classic/messenger/icons/SearchBarMiddle.png               (icons/SearchBarMiddle.png)
      skin/classic/messenger/icons/SearchBarRight.png                (icons/SearchBarRight.png)
@@ -192,6 +193,8 @@ classic.jar:
      skin/classic/messenger/icons/unthreadcol.png                   (icons/unthreadcol.png)
      skin/classic/messenger/icons/online.png                        (icons/online.png)
      skin/classic/messenger/icons/offline.png                       (icons/offline.png)     
+     skin/classic/messenger/icons/arrow-dn-7.png                    (icons/arrow-dn-7.png)
+     skin/classic/messenger/icons/top-toolbar-background.gif        (icons/top-toolbar-background.gif)	 
      skin/classic/messenger/accountcentral/accountsettings.png      (accountcentral/accountsettings.png)
      skin/classic/messenger/accountcentral/folder.png               (accountcentral/folder.png)
      skin/classic/messenger/accountcentral/getmail.png              (accountcentral/getmail.png)

mozilla/mail/themes/pinstripe/mail/mailWindow1.css

@@ -50,42 +50,73 @@
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
+
+/* ::::::::: Global override :::::::::: */
+
+treechildren::-moz-tree-twisty {
+  margin: 0 -4px 0 0 !important;
+}
+
+/* :::::::::::::::::::::::::::::::::::: */
+
 #mail-toolbox {
-	 margin-bottom: -1px;
+
+}
+
+#folderPaneBox {
+  border-right: 1px solid #9F9F9F;
+  border-bottom: 1px solid #a3a3a3;
+  -moz-margin-end: -3px !important;
 }
 
 #folderPaneHeader {
-	-moz-appearance: treeheadercell;
+  background-color: #ebedf7 !important;
 }
 
 #folderTree {
-  border-bottom: 1px solid #bebebe;
-  border-right: 1px solid #bebebe;
-  background-color: #FFFFFF !important;
   background-image: none !important;
 	-moz-appearance: none !important;
+
+  background-color: #e6edf7 !important;
 }
 
+.focusring > .tree-rows > .tree-bodybox {
+  border: none !important;  
+}
+
+
 #folderTree treechildren::-moz-tree-indentation {
  background-color: black !important;
 }
 
-#folderTree treechildren::-moz-tree-row(odd) {
-  background-color: #FFF;
+#folderTree treechildren::-moz-tree-row {
+  -moz-padding-start: 2px !important;
+}
+
+#folderTree treechildren::-moz-tree-row(odd),
+#folderTree treechildren::-moz-tree-row(even) {
+  background-color: #ebedf7;
+  border-color: #ebedf7;
 }
 
 #folderTree treechildren::-moz-tree-row(selected) {
-  background: url("chrome://messenger/skin/icons/foldertree-selected-unfocused.png") #676767 repeat-x !important;
+  background: url("chrome://messenger/skin/icons/tree-selected-overlay.png") #999 repeat-x center center !important;
 }
 
 #folderTree treechildren::-moz-tree-row(selected, focus) {
-  background: url("chrome://messenger/skin/icons/foldertree-selected-background.png") #225ED0 repeat-x !important ;
+  background-color: -moz-mac-alternateprimaryhighlight !important;
 }
 
 #folderTree treechildren::-moz-tree-cell-text(selected, focus), #folderTree treechildren::-moz-tree-cell-text(selected) {
   color: #FFFFFF;
 }
 
+treecol,
+treecolpicker {
+  border: none;
+  background-color: #e1e1e1;
+}
+
 #folderUnreadCol,
 #folderTotalCol,
 #folderSizeCol {
@@ -308,9 +339,8 @@ treechildren::-moz-tree-image(news, threadCol, ignore) {
 }
 
 #threadPaneBox {
-	border-left: 1px solid #bebebe;
-	border-bottom: 1px solid #bebebe;
-        border-right: 1px solid #bebebe;
+  margin-top: -1px;
+  border-bottom: 1px solid #919191;
 }
 
 /* ::::: group rows ::::: */ 
@@ -333,6 +363,8 @@ treechildren::-moz-tree-row(dummy, focus, selected)  {
 	padding-left: 1px;
 }
 
+/* ..... message pane adjustments ..... */
+
 /* :::::
    :: Make sure the min height is small so we can
    :: resize the pane vertically -EDV
@@ -340,10 +372,10 @@ treechildren::-moz-tree-row(dummy, focus, selected)  {
 
 #messagepanebox {
   min-height: 10px;
-  height: 0px;
-  border-left: 1px solid #bebebe;
   background-color: #FFFFFF;
   -moz-appearance: none;
+  border-top: 1px solid #8E8E8E;
+  border-bottom: 1px solid #a3a3a3;
 }
 
 /* ::::: border adjustments for focus ring and joined splitters ::::: 
@@ -356,22 +388,38 @@ treechildren::-moz-tree-row(dummy, focus, selected)  {
 /* ..... folder pane adjustments ..... */
 
 #folderpane-title {
-  padding-left: 12px;
-  padding-right: 8px;
+  text-transform: uppercase;
+  color: #555;
+  font-weight: bold;
+  padding: 4px 0;
 }
 
-.folderview-cycler {
-  -moz-padding-end: 0px !important;
+.folderview-cycler,
+.folderview-cycler .toolbarbutton-icon,
+.folderview-cycler .toolbarbutton-text {
+  padding: 0 !important;
+  margin: 0 !important;
+  border: none !important;
 }
 
 #folderview-cycler-left {
-  list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif");
+  list-style-image: url("chrome://messenger/skin/icons/spin-buttons.png");
+  -moz-image-region: rect(0 15px 16px 0);
+  padding: 0 !important;
+  margin: 0 !important;
 }
 
 #folderview-cycler-right {
-  list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif");
+  list-style-image: url("chrome://messenger/skin/icons/spin-buttons.png");
+  -moz-image-region: rect(0 31px 16px 15px);
+  padding: 0 !important;
+  margin: 0 !important;
+  -moz-margin-end: 4px !important;
 }
 
+.folderview-cycler:active {
+  list-style-image: url("chrome://messenger/skin/icons/spin-buttons-active.png") !important;
+}
 /* ..... splitter adjustments ..... */
 
 splitter {
@@ -386,19 +434,18 @@ splitter {
   min-height: 7px;
 }
 
+#folderpane_splitter {
+  background-image: none;
+  width: 3px;
+  min-width: 3px;
+}
+
 /* ..... tree adjustments ..... */
 
 #accountCentralBox { 
   border: 1px solid transparent; 
 }
 
-/* ..... message pane adjustments ..... */
-
-#messagepanebox {
-  border-top: 1px solid #8E8E8E;
-  border-bottom: 1px solid #bEbEbE;
-}
-
 /* ..... status bar adjustments ..... */
 
 #status-bar {

mozilla/mail/themes/pinstripe/mail/messageHeader.css

@@ -110,12 +110,12 @@ description[selectable="true"]:focus > descriptionitem[selected="true"]
 
 #attachmentView
 {
-  background-color: #E6E6E6;
-  border: 1px solid #C8C8C8;
-  -moz-border-radius: 7px;
-  margin: 0px 6px 6px 6px;
+  background-color: #E6E6E6;
+  border: 1px solid #C8C8C8;
+  -moz-border-radius: 7px;
+  margin: 0px 6px 6px 6px;
   padding: 4px;  
-  min-height: 55px;
+  min-height: 60px;
 }
 
 #attachmentView[attachmentOverflow="true"] {
@@ -132,28 +132,28 @@ description[selectable="true"]:focus > descriptionitem[selected="true"]
 #msgHeaderView {
   background-color: #FFFFFF;
   border: none;
+  font-family: Arial;
+  font-size: 12px;
 }
 
 #msgHeaderView > deck {
-  background-color: #E6E6E6;
-  border: 1px solid #C8C8C8;
-  -moz-border-radius: 7px;
+  border-bottom: 1px solid #dedede;
   margin: 6px;
-  padding: 6px 6px 4px 4px;
+  padding: 6px 6px 10px 4px;
 }
 
 .headerNameBox {
-  width: 7.7em;
+  width: 8em;
   background-color: transparent;
-  color: #505050;
+  color: #8f8f8f;
 }
 
 .headerName {
-  margin: 0 .5em .5em 0;
   font-weight: bold;
   text-align: right;
   background-color: transparent;
   padding: 0px;
+  margin-top: 0;
 }
 
 .headerValue {
@@ -165,7 +165,6 @@ description[selectable="true"]:focus > descriptionitem[selected="true"]
 }
 
 .headerValueBox {
-  margin: 0 0 .5em 0; 
 }
 
 .headerValueUrl {
@@ -196,101 +195,50 @@ description[selectable="true"]:focus > descriptionitem[selected="true"]
 
 .emailDisplayButton {
   margin: 0;
+  padding: 0 10px 0 0 !important;
   background-color: transparent;
+  background: url("chrome://messenger/skin/icons/arrow-dn-7.png") no-repeat center right;
 }
 
 .emailDisplayButton:hover {
-  margin: 0px;
-  padding: 0px;
   cursor: pointer;
   text-decoration: underline;
   color: blue;
 }
-
-
-.emailDisplayImage {
-  padding-left: 4px;
-  list-style-image: url("chrome://messenger/skin/addressbook/icons/silhouette.png");
-  max-height: 16px !important;
-  cursor: pointer;
-}
-
-.emailDisplayImage:hover, .emailDisplayImage[open] {
-  list-style-image: url("chrome://messenger/skin/addressbook/icons/silhouette-hover.png");
-}
  
 /* ::::: email address twisty ::::: */
 
 .addresstwisty {
-  padding-right: 5px;
-  padding-top: 3px;
-  list-style-image:url("chrome://global/skin/tree/treetwisty.png");
-  height: 9px !important;
-  width: 9px !important;
-  margin: 3px;
+  list-style-image:url("chrome://messenger/skin/icons/twisty-closed.gif");
 }
 
 .addresstwisty[open] {
-  list-style-image:url("chrome://global/skin/tree/treetwisty-open.png");
-  height: 9px !important;
-  width: 9px !important;
-  margin: 3px;
+  list-style-image:url("chrome://messenger/skin/icons/twisty-open.gif");
 }
 
 /* ::::: view expand and collapse twisties  ::::: */
 
 .expandHeaderViewButton,
 .collapsedHeaderViewButton  {
-  margin: 4px .5em 0 .5em;
-  width: 10px !important;
-  height: 10px !important;
+
 }
 
 .expandHeaderViewButton {
-  list-style-image:url("chrome://global/skin/tree/treetwisty-open.png");
-  height: 9px !important;
-  width: 9px !important;
-  margin: 3px;
+  list-style-image:url("chrome://messenger/skin/icons/twisty-open.gif");
 }
 
 .collapsedHeaderViewButton  {
-  list-style-image:url("chrome://global/skin/tree/treetwisty.png");
-  height: 9px !important;
-  width: 9px !important;  
-  margin:  3px;
+  list-style-image:url("chrome://messenger/skin/icons/twisty-closed.gif");
 }
 
 /* ::::: collapsed view styles ::::: */
 
 #collapseddateValue {
-  margin: 0 .5em;
   text-align: right;
-  background-color: transparent;
 }
 
-#collapseddateValue > .textbox-input-box menupopup { 
-  text-align: left;
-}
-
-#collapsedfromBox {
-  width: 18em;
-  background-color: transparent;
-}
-
-#collapseddateBox {
-  width: 12em;
-  background-color: transparent;
-}
-
-.collapsedHeaderDisplayName { 
-  margin: 0 .5em 0 .8em;
-  min-height: 16px;
-  font-weight: bold;
-  background-color: transparent;
-  color: #505050;
-}
-
-.collapsedHeaderValue {
+mail-multi-emailHeaderField,
+mail-headerfield {
   margin: 0;
-  background-color: transparent;
+  padding: 0;
 }

mozilla/mail/themes/pinstripe/mail/primaryToolbar.css

@@ -42,7 +42,12 @@
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 #mail-bar2 {
-	border-bottom: 1px solid #9F9F9F;
+	background-image: url("chrome://messenger/skin/icons/top-toolbar-background.gif");
+	background-repeat: repeat-x;
+	background-position: top right;
+	background-color: #e1e1e1;
+	border-top: none;
+    border-bottom: 1px solid #a0a0a0;
 }
 
 /* ::::: primary toolbar buttons ::::: */
@@ -53,6 +58,10 @@
   list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
 }
 
+.toolbarbutton-1[type="menu"] {
+  -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#menu-vertical");
+}
+
 toolbarbutton[type="menu-button"] {
 	-moz-box-orient: horizontal;
 }
@@ -265,16 +274,16 @@ toolbarbutton[type="menu-button"] > toolbarbutton {
 /* temporarily re-use the mark button for tags */
 
 #button-tag {
-  -moz-image-region: rect(0px 448px 32px 416px);
+  -moz-image-region: rect(0px 480px 32px 448px);
 }
 
 #button-tag:hover:active,
 #button-tag[open="true"] {
-  -moz-image-region: rect(32px 448px 64px 416px);
+  -moz-image-region: rect(32px 480px 64px 448px);
 }
 
 #button-tag[disabled] {
-  -moz-image-region: rect(64px 448px 96px 416px) !important;
+  -moz-image-region: rect(64px 480px 96px 448px) !important;
 }
 
 /* ::::: small primary toolbar buttons ::::: */
@@ -469,6 +478,30 @@ toolbar[iconsize="small"] #button-next[disabled] {
   -moz-image-region: rect(48px 340px 72px 314px) !important;
 } 
 
+toolbar[iconsize="small"] #button-goback {
+  -moz-image-region: rect(0px 314px 24px 288px);
+}
+
+toolbar[iconsize="small"] #button-goback:hover:active {
+  -moz-image-region: rect(24px 314px 48px 288px);
+}
+
+toolbar[iconsize="small"] #button-goback[disabled] {
+  -moz-image-region: rect(48px 314px 72px 288px) !important;
+}
+
+toolbar[iconsize="small"] #button-goforward {
+  -moz-image-region: rect(0px 340px 24px 314px);
+}
+
+toolbar[iconsize="small"] #button-goforward:hover:active {
+  -moz-image-region: rect(24px 340px 48px 314px);
+} 
+
+toolbar[iconsize="small"] #button-goforward[disabled] {
+  -moz-image-region: rect(48px 340px 72px 314px) !important;
+}
+
 /* ::::: end small primary toolbar buttons ::::: */
 
 .msgNotificationBarText {