fixing some mail problems and make mail headers look far better
authorrobert <robert>
Wed, 4 Apr 2001 17:50:46 +0000 (17:50 +0000)
committerrobert <robert>
Wed, 4 Apr 2001 17:50:46 +0000 (17:50 +0000)
EarlyBlue/messenger/skin/msgHdrViewOverlay.css
EarlyBlue/messenger/skin/threadPane.css

index 91f41b5bcf2b02326c90f46bfda7b7d3e4bb6107..54b32d07f567d7b499265ec3f12acac090683a5c 100755 (executable)
 /*
-The contents of this file are subject to the Netscape Public
-License Version 1.1 (the "License"); you may not use this file
-except in compliance with the License. You may obtain a copy of
-the License at http://www.mozilla.org/NPL/
-
-Software distributed under the License is distributed on an "AS
-IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
-implied. See the License for the specific language governing
-rights and limitations under the License.
-
-The Original Code is Mozilla Communicator client code, released
-March 31, 1998.
-
-The Initial Developer of the Original Code is Netscape
-Communications Corporation. Portions created by Netscape are
- Copyright (C) 1998-1999 Netscape Communications Corporation. All
-Rights Reserved.
-*/
-
-
-/* These are the style attributes we are applying to the message header
- * view overlay which shows the message headers for a selected message.
- * some of this stuff originated from mailheaders.css
+ * The contents of this file are subject to the Netscape Public
+ * License Version 1.1 (the "License"); you may not use this file
+ * except in compliance with the License. You may obtain a copy of
+ * the License at http://www.mozilla.org/NPL/
+ *
+ * Software distributed under the License is distributed on an "AS
+ * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
+ * implied. See the License for the specific language governing
+ * rights and limitations under the License.
+ *
+ * The Original Code is Mozilla Communicator client code, released
+ * March 31, 1998.
+ *
+ * The Initial Developer of the Original Code is Netscape
+ * Communications Corporation. Portions created by Netscape are
+ * Copyright (C) 1998-2001 Netscape Communications Corporation. All
+ * Rights Reserved.
+ *
+ * Contributor(s):
+ *   Scott MacGregor (mscott@netscape.com)
+ *   Joe Hewitt (hewitt@netscape.com)
+ *   Robert Kaiser (KaiRo@KaiRo.at)
  */
 
+/* ===== msgHdrViewOverlay.css ==========================================
+  == Styles for the header toolbars of a mail message.
+  ======================================================================= */
+
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to HTML */
 @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for XUL elements */
 
 mail-emailaddress 
   {
     -moz-binding          : url(chrome://messenger/content/mailWidgets.xml#mail-emailaddress);
-    display               : inline;
+    display               : -moz-xul-inline-box;
   }
 
+.buttonTopSpacer     
+  { 
+    height                : 0.3em; 
+  }
 
-[hide] {
-  visibility: collapse;
-}
+.buttonSpacer        
+  { 
+    width                 : 0.5em; 
+  }
 
-spring.buttonTopSpacer     { height: .3em; }
-spring.buttonSpacer        { width: .5em; }
-box.headerBox              { overflow: hidden; min-width:50px;}
-box.header-part1           { background-color: #EEEEEE; border: none; }
-box.header-part2           { background-color: #CCCCCC; border: none; }
-box.header-part3           { background-color: #CCCCCC; border: none; }
-
-#addToAddressBookButton {
-       list-style-image:url("chrome://messenger/skin/addtoab.gif");
-  min-height: 20px;
-  margin: 0px;
-}
+.headerValueBox 
+  { 
+    width                 : 7.0em;
+    text-align            : right;
+  }
 
-#attachmentButton {
-  list-style-image:url("chrome://messenger/skin/attach.gif");
-  min-height: 20px;
-  margin: 0px;
-}
+.headerBox              
+  { 
+    overflow              : hidden; 
+    min-width             : 50px;
+  }
 
-.emailDisplayImage
+
+#addToAddressBookButton 
+  {
+    list-style-image      : url("chrome://messenger/skin/addtoab.gif");
+    min-height            : 20px;
+    margin                : 0px;
+  }
+
+#attachmentButton 
   {
-    align                 : right;
+    list-style-image      : url("chrome://messenger/skin/attach.gif");
+    min-height            : 20px;
+    margin                : 0px;
   }
 
-.emailSeparator 
+.emailDisplayImage
   {
-    display               : inline;
+    text-align            : right;
   }
 
 .emailDisplayButton 
   {
-    color                 : blue;
-    text-decoration       : underline;
+    color                 : #336699;
     cursor                : pointer;
-/*    max-height            : 15px; */
+    min-height            : 16px;
+  }
+
+.emailDisplayButton:hover
+  {
+    background-color      : #336699;
+    color                 : #CCD0DD;
   }
 
 .showMoreAddressesButton 
   {
-    list-style-image      : url("chrome://messenger/skin/more.gif");
-    display               : inline;
+    list-style-image      : url("chrome://global/skin/twisty-closed.gif");
+/*    list-style-image      : url("chrome://messenger/skin/more.gif"); */
   }
 
 .showFewerAddressesButton 
   {
-    list-style-image      : url("chrome://messenger/skin/less.gif");
-    display               : inline;
+    list-style-image      : url("chrome://global/skin/twisty-open.gif");
+/*    list-style-image      : url("chrome://messenger/skin/less.gif"); */
   }
 
 html.headerValue   
@@ -99,12 +115,17 @@ html.subjectvalue
     font-weight           : bold; 
   }
 
+text.subjectvalue  
+  { 
+    font-weight           : bold; 
+  }
+
 text.headerdisplayname 
   { 
     font-weight           : bold; 
     margin-right          : 0.5em; 
     margin-left           : 0.5em; 
-    min-height            : 18px 
+    min-height            : 16px 
   }
 
 text.headerValue 
@@ -117,5 +138,64 @@ text.headerValue
   {
     border-left           : none;
     border-right          : none;
+    border-bottom         : 1px solid #9999CC;
   }
 
+.expandHeaderViewButton {
+  list-style-image: url("chrome://global/skin/twisty-open.gif");
+  margin-left: .5em;
+  margin-right: .5em;
+}
+
+.collapsedHeaderViewButton 
+{
+  list-style-image: url("chrome://global/skin/twisty-closed.gif");
+  margin-left: .5em;
+}
+
+
+/* ::::: collapsed view styles ::::: */
+.collapsedToggleHdrBox
+{
+  vertical-align: middle;
+}
+
+#collapsedAttachmentBox {
+  text-align: center;
+}
+
+#collapseddateValue
+{
+  margin-left: .7em;
+}
+
+#collapsedfromBox
+{
+  width: 18em;
+}
+
+#collapseddateBox
+ {
+  width: 12em;
+}
+
+text.collapsedHeaderDisplayName 
+{ 
+  font-weight: bold; 
+  margin-left: .7em;
+  min-height: 16px;
+}
+
+.collapsedAttachmentButton
+{
+  list-style-image: url("chrome://messenger/skin/message-mail-attach.gif");
+  margin-right: .5em;
+  margin-left: 1em;
+}
+
+[hide] {
+  visibility: hidden;
+}
+
+
+
index 7c53b4dd56e48d2001fd0a2735184c16798d7e8b..638094e2d1e5bc5a64ea0495e563b78eb3850fe0 100755 (executable)
@@ -1,23 +1,35 @@
-/* -*- Mode: C++; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*-
+/*
  * The contents of this file are subject to the Netscape Public
  * License Version 1.1 (the "License"); you may not use this file
  * except in compliance with the License. You may obtain a copy of
  * the License at http://www.mozilla.org/NPL/
- * 
+ *
  * Software distributed under the License is distributed on an "AS
  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  * implied. See the License for the specific language governing
  * rights and limitations under the License.
- * 
+ *
  * The Original Code is Mozilla Communicator client code, released
  * March 31, 1998.
- * 
+ *
  * The Initial Developer of the Original Code is Netscape
  * Communications Corporation. Portions created by Netscape are
- * Copyright (C) 1998-1999 Netscape Communications Corporation. All
+ * Copyright (C) 1998-2001 Netscape Communications Corporation. All
  * Rights Reserved.
+ *
+ * Contributor(s):
+ *   Scott MacGregor (mscott@netscape.com)
+ *   Joe Hewitt (hewitt@netscape.com)
+ *   Robert Kaiser (KaiRo@KaiRo.at)
  */
 
+/* ===== threadPane.css ==============================================
+  == Styles for the thread pane in the Messenger 3-pane window.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: outliner rows ::::: */
 
 outliner:focus > outliner-bodybox
 {
@@ -29,58 +41,6 @@ outliner > outliner-bodybox
   border: 1px solid transparent;
 }
 
-outlinercol.threadColumnHeader {
-  list-style-image: url("chrome://messenger/skin/unthreadcol.gif");
-}
-
-outlinercol.threadColumnHeader[sortDirection="ascending"]  {
-  list-style-image: url("chrome://messenger/skin/threadcol.gif");
-}
-
-outlinercol.threadColumnHeader[sortDirection="descending"] {
-  list-style-image: url("chrome://messenger/skin/threadcol.gif");
-}
-
-outlinerbody:-moz-outliner-image(threadCol, container) {
-  list-style-image: url("chrome://messenger/skin/thread-closed.gif");
-}
-
-outlinerbody:-moz-outliner-image(threadCol, container, open) {
-  list-style-image: url("chrome://messenger/skin/thread-open.gif");
-}
-
-outlinerbody:-moz-outliner-image(threadCol, container, hasUnread) {
-  list-style-image: url("chrome://messenger/skin/thread-new-closed.gif");
-}
-
-outlinerbody:-moz-outliner-image(threadCol, container, open, hasUnread) {
-  list-style-image: url("chrome://messenger/skin/thread-new-open.gif");
-}
-
-outlinercol.readColumnHeader {
-  list-style-image: url("chrome://messenger/skin/unreadmail.gif");
-}
-
-outlinerbody:-moz-outliner-image(unreadButtonColHeader) {
-list-style-image: url("chrome://messenger/skin/readcol-read.gif");
-}
-
-outlinerbody:-moz-outliner-image(unreadButtonColHeader, unread) {
-list-style-image: url("chrome://messenger/skin/readcol-unread.gif");
-}
-
-outlinercol.flagColumnHeader {
-  list-style-image: url("chrome://messenger/skin/flaggedmail.gif");
-}
-
-outlinerbody:-moz-outliner-image(flaggedCol) {
-list-style-image: url("chrome://messenger/skin/readcol-read.gif");
-}
-
-outlinerbody:-moz-outliner-image(flaggedCol, flagged) {
-list-style-image: url("chrome://messenger/skin/flagcol-flagged.gif");
-}
-
 outlinerbody:-moz-outliner-cell-text(unread)
 {
   font-weight: bold;
@@ -91,6 +51,8 @@ outlinerbody:-moz-outliner-cell-text(offline)
   font-style: italic;
 }
 
+/* ::::: priority colors ::::: */
+
 outlinerbody:-moz-outliner-cell-text(priority-highest)
 {
   color:red;
@@ -111,131 +73,94 @@ outlinerbody:-moz-outliner-cell-text(priority-low)
   color: rgb(85, 85, 85);
 }
 
+/* ::::: message icons ::::: */
 
+/* ::::: message column icons ::::: */
 
+/* ..... thread column ..... */
 
 
 
 
-.tree-thread-row.unread-true {
-       font-weight: bold;
+outlinercol.threadColumnHeader {
+  list-style-image: url("chrome://messenger/skin/unthreadcol.gif");
 }
 
-.prioritycol-highest
-{
-       color:red;
+outlinercol.threadColumnHeader[sortDirection="ascending"]  {
+  list-style-image: url("chrome://messenger/skin/threadcol.gif");
 }
 
-.prioritycol-high
-{
-       color: rgb(128, 0, 0);
+outlinercol.threadColumnHeader[sortDirection="descending"] {
+  list-style-image: url("chrome://messenger/skin/threadcol.gif");
 }
 
-.prioritycol-lowest
-{
-       color: rgb(170, 170, 170);
+outlinerbody:-moz-outliner-image(threadCol, container) {
+  list-style-image: url("chrome://messenger/skin/thread-closed.gif");
 }
 
-.prioritycol-low
-{
-       color: rgb(85, 85, 85);
+outlinerbody:-moz-outliner-image(threadCol, container, open) {
+  list-style-image: url("chrome://messenger/skin/thread-open.gif");
 }
 
-.tree-cell-threadpane-icon {
-  list-style-image: url("chrome://messenger/skin/message-mail.gif");
-  min-height: 14px;
+outlinerbody:-moz-outliner-image(threadCol, container, hasUnread) {
+  list-style-image: url("chrome://messenger/skin/thread-new-closed.gif");
 }
 
-.tree-cell-threadpane-icon.status-new {
-  list-style-image: url("chrome://messenger/skin/message-mail-new.gif");
+outlinerbody:-moz-outliner-image(threadCol, container, hasUnread, open) {
+  list-style-image: url("chrome://messenger/skin/thread-new-open.gif");
 }
 
-.tree-cell-threadpane-icon.message-type-news {
-  list-style-image: url("chrome://messenger/skin/message-news.gif");
-}
+/* ..... read column ..... */
 
-.tree-cell-threadpane-icon.message-type-news.status-new {
-  list-style-image: url("chrome://messenger/skin/message-news-new.gif");
+outlinercol.readColumnHeader {
+  list-style-image: url("chrome://messenger/skin/unreadmail.gif");
 }
 
-.tree-cell-threadpane-icon.message-type-mail.has-attachment-true {
-  list-style-image: url("chrome://messenger/skin/message-mail-attach.gif");
+outlinerbody:-moz-outliner-image(unreadButtonColHeader) {
+  list-style-image: url("chrome://messenger/skin/readmail.gif");
 }
 
-.tree-cell-threadpane-icon.is-imap-deleted-true {
-  list-style-image: url("chrome://messenger/skin/message-mail-imapdelete.gif");
+outlinerbody:-moz-outliner-image(unreadButtonColHeader, unread) {
+  list-style-image: url("chrome://messenger/skin/unreadmail.gif");
 }
 
-.unreadcol-false {
-  list-style-image: url("chrome://messenger/skin/readmail.gif");
-  min-height: 14px;
-}
+/* ..... flag column ..... */
 
-.unreadcol-true {
-  list-style-image: url("chrome://messenger/skin/unreadmail.gif");
+outlinercol.flagColumnHeader {
+  list-style-image: url("chrome://messenger/skin/flaggedmail.gif");
 }
 
-.flagcol-unflagged {
+outlinerbody:-moz-outliner-image(flaggedCol) {
   list-style-image: url("chrome://messenger/skin/readmail.gif");
-  min-height: 14px;
 }
 
-.flagcol-flagged {
+outlinerbody:-moz-outliner-image(flaggedCol, flagged) {
   list-style-image: url("chrome://messenger/skin/flaggedmail.gif");
 }
 
-treeitem > treerow > .threadcol-thread {
-  list-style-image: url("chrome://messenger/skin/thread-closed.gif");
-}
+/* ..... subject column ..... */
 
-treeitem[open="true"] > treerow > .threadcol-thread {
-  list-style-image: url("chrome://messenger/skin/thread-open.gif");
+outlinerbody:-moz-outliner-image(subjectCol) {
+  list-style-image: url("chrome://messenger/skin/message-mail.gif");
 }
 
-treeitem > treerow > .threadcol-threadWithUnread {
-  list-style-image: url("chrome://messenger/skin/thread-new-closed.gif");
+outlinerbody:-moz-outliner-image(subjectCol, unread) {
+  list-style-image: url("chrome://messenger/skin/message-mail-new.gif");
 }
 
-treeitem[open="true"] > treerow > .threadcol-threadWithUnread {
-  list-style-image: url("chrome://messenger/skin/thread-new-open.gif");
+outlinerbody:-moz-outliner-image(subjectCol, attach) {
+  list-style-image: url("chrome://messenger/skin/message-mail-attach.gif");
 }
 
-.threadColumnHeader[currentView="threaded"]
-  {
-    list-style-image: url("chrome://messenger/skin/threadcol.gif");
-  text-align: left;
-  }
-
-.threadColumnHeader[currentView="unthreaded"]
-  {
-    list-style-image: url("chrome://messenger/skin/unthreadcol.gif");
-  text-align: center;
-  }
-
-.readColumnHeader
-  {
-    list-style-image: url("chrome://messenger/skin/unreadmail.gif");
-  text-align: center;
-  }
-
-.flagColumnHeader
-  {
-    list-style-image: url("chrome://messenger/skin/flaggedmail.gif");
-  text-align: center;
-  }
-
-treeitem[empty="true"] > treerow > .tree-cell-threadpane-icon > .tree-cell-twisty 
-  {
-    visibility            : hidden;
-  }    
-
-#threadTree  
-  {
-    border-top            : none;
-  }
-
-
-
+outlinerbody:-moz-outliner-image(subjectCol, imapdeleted) {
+  list-style-image: url("chrome://messenger/skin/message-mail-imapdelete.gif");
+}
 
+outlinerbody:-moz-outliner-image(subjectCol, news) {
+  list-style-image: url("chrome://messenger/skin/message-news.gif");
+}
 
+outlinerbody:-moz-outliner-image(subjectCol, news, unread) {
+  list-style-image: url("chrome://messenger/skin/message-news-new.gif");
+}