From 047c8385d25bcd84822a50fabc2866200222309b Mon Sep 17 00:00:00 2001
From: Wolfgang Sourdeau <wsourdeau@inverse.ca>
Date: Fri, 28 Jul 2006 22:51:54 +0000
Subject: [PATCH] Monotone-Parent: 736e8f74ef949a89cef749c9c8e331ea534cdcd8
 Monotone-Revision: 0be05214b6127ef5b9046d2414f73de51adfca6d

Monotone-Author: wsourdeau@inverse.ca
Monotone-Date: 2006-07-28T22:51:54
Monotone-Branch: ca.inverse.sogo
---
 .../{mailer.css => MailerUI.css}              | 190 +++++++++++++-----
 .../{uix.css => generic.css}                  |  95 +++++++--
 2 files changed, 221 insertions(+), 64 deletions(-)
 rename UI/WebServerResources/{mailer.css => MailerUI.css} (82%)
 rename UI/WebServerResources/{uix.css => generic.css} (83%)

diff --git a/UI/WebServerResources/mailer.css b/UI/WebServerResources/MailerUI.css
similarity index 82%
rename from UI/WebServerResources/mailer.css
rename to UI/WebServerResources/MailerUI.css
index 5ce8fe4de..e0c077261 100644
--- a/UI/WebServerResources/mailer.css
+++ b/UI/WebServerResources/MailerUI.css
@@ -20,36 +20,57 @@
 */
 /* TODO: is the section below used in the mailer? */
 
-DIV.mailPageContent
+BODY
+{ overflow: hidden; }
+
+DIV#mailerPageContent
 { 
   position: absolute;
   left: 15em;
   top: 5.5em;
   right: 0px;
   bottom: 0px;
-  border: 0px;
+  border: 0px dashed #f00;
   margin: 0px;
   padding: 0px;
-  overflow: auto;
+  overflow: hidden;
 }
 
-DIV.mailAccount
+DIV#mailboxContent
 {
-  font-size: medium;
-  padding: 1em;
-  background: #fff;
-  border: 1px solid #aaa;
-  bottom: 0px;
+  position: absolute;
+  width: 100%;
+  height: 50%;
+  left: 0px;
+  top: 0px;
+  right: 0px;
 }
 
-DIV.mailAccount P
+DIV#messageContent
+{
+  position: absolute;
+  overflow: auto;
+  font-size: small;
+  bottom: 0px;
+  width: 100%;
+  border-top: 1px solid #aaa;
+  border-left: 1px solid #aaa;
+  background: #fff;
+}
+
+DIV.mailerPageContent DIV#messageContent
+{ 
+  top: 51%;
+}
+
+DIV#messageContent P
 {
   line-height: 3em;
 }
 
-DIV.mailAccount P IMG
+DIV#messageContent P IMG
 {
-  border: 1px;
+  border: 0px;
   vertical-align: middle;
   margin-right: 1em;
 }
@@ -183,7 +204,7 @@ DIV.folderTree
   overflow: hidden;
 }
 
-DIV.folderTreeContent
+DIV#folderTreeContent
 {
   position: absolute;
   color: #000;
@@ -192,6 +213,7 @@ DIV.folderTreeContent
   top: 2em;
   bottom: 0px;
   overflow: auto;
+  border: 1px solid #fff;
 }
 
 .treecell
@@ -203,6 +225,12 @@ DIV.folderTreeContent
   white-space: nowrap;
 }
 
+DIV#folderTreeContent TABLE TD
+{ height: 18px;
+  border-top: 1px solid #fff;
+  margin: 0px;
+  padding: 0px; }
+
 /* mail tableview */
 
 .tableview
@@ -227,6 +255,14 @@ td.tbtv_actcell
   background-color: #DCDAD5;
 }
 
+td.tbtv_subject_headercell
+{ 
+  width: 100%;
+}
+
+td.tbtv_headercell
+{ white-space: nowrap; }
+
 td.tbtv_headercell SPAN
 {
   float: left;
@@ -352,11 +388,16 @@ div.mailer_unreadicon a
 
 table.mailer_fieldtable
 {
-  width: 100%;
+  top: 0px;
+  border-bottom: 1px solid #808080;
+  background: #dbdad5;
+}
 
-  border-bottom-color: #808080;
-  border-bottom-width: 1;
-  border-bottom-style: solid;
+div.mailer_mailcontent
+{
+  background-color: #fff;
+  padding: .5em;
+  height: 100%;
 }
 
 tr.mailer_fieldrow
@@ -392,22 +433,12 @@ img.mailer_imagecontent
   border: 0px;
 }
 
-div.mailer_mailcontent
-{ 
-  border-top-color: white;
-  border-top-width: 1px;
-  border-top-style: solid;
-  background-color: white;
-  width: 98%;
-  padding: .5em;
-}
-
-div.mailer_plaincontent
+DIV.mailer_plaincontent
 { 
   font-family: monospace, fixed;
-  width: 80em;
+  white-space: pre;
+  font-size: small;
   margin: 0px;
-  height: 100%;
   padding: 0px;
 }
 
@@ -474,21 +505,61 @@ table.linked_attachment_meta
   font-style: italic;
 }
 
+/* folder tree (js) )*/
+DIV.dTreeNode A SPAN.nodeName
+{
+  margin: 0px .2em;
+  padding-left: .2em;
+  padding-right: .2em;
+}
+
+DIV.dTreeNode A._selected SPAN.nodeName
+{ 
+  background: #4b6983;
+  color: #fff;
+}
+
+/* drag-n-drop */
+IMG.dragMessage
+{
+  position: absolute;
+  visibility: hidden;
+  border: 0px;
+  -moz-opacity: 0.7;
+}
+
+/* message list */
+DIV#filterPanel
+{ 
+  height: 2em;
+  vertical-align: middle;
+  width: 100%;
+}
+
+TABLE#compose_table, TABLE#compose_table DIV
+{ 
+  width: 100%;
+}
+
+TABLE#compose_label
+{
+  text-align: right;
+}
+
+TABLE#addr_table
+{ 
+  margin-left: 30%;
+  width: 100%;
+}
+
 TABLE#messageList
 { 
   display: block;
-  position: absolute;
-  border-spacing: 0px;
+  position: relative;
   color: #000;  
   background: #fff;
-  padding: 0px;
-  margin: 0px;
-  border: 0px;
   width: 100%;
-  top: 2em;
-  right: 0em;
-  left: 0em;
-  bottom: 0em;
+  height: 100%;
   overflow: auto;
 }
 
@@ -511,14 +582,17 @@ TABLE#messageList THEAD TD
 }
 
 TABLE#messageList TBODY
-{  
-  height: 100%;
+{
+  right: 0px;
+  left: 0px;
+  bottom: 3em;
   width: 100%;
+  background: #fff;
+  color: #000;
 }
 
 TABLE#messageList TD
 { 
-  padding: .2em 0px;
   height: 1.2em;
 }
 
@@ -528,6 +602,11 @@ TABLE#messageList TR._selected TD
   color: #fff;
 }
 
+TABLE#messageList TR._deleted TD
+{ 
+  text-decoration: line-through;
+}
+
 INPUT#searchValue
 {
   height: 22px;
@@ -552,17 +631,38 @@ INPUT#searchValue:focus
 /* drag handles */
 DIV#dragHandle
 { 
+  cursor: e-resize;
   position: absolute;
   z-index: 1;
-  top: 5.5em;
+  top: 7.5em;
   left: 14.6em;
   width: .4em;
   bottom: 0px;
+  background: #dbdad5;
 }
 
 DIV#dragHandle:active
 {
-  cursor: e-resize;
-  background: #dbdad5;
   -moz-opacity: 0.5;
 }
+
+DIV#mailboxDragHandle
+{ 
+  cursor: n-resize;
+  position: absolute;
+  background: #dbdad5;
+  z-index: 1;
+  top: 50%;
+  left: 0px;
+  right: 0px;
+  height: .4em;
+}
+
+DIV#mailboxDragHandle:active
+{
+  -moz-opacity: 0.5;
+}
+
+PRE.textMessageViewer
+{ 
+}
diff --git a/UI/WebServerResources/uix.css b/UI/WebServerResources/generic.css
similarity index 83%
rename from UI/WebServerResources/uix.css
rename to UI/WebServerResources/generic.css
index 49fe177c9..0828b7190 100644
--- a/UI/WebServerResources/uix.css
+++ b/UI/WebServerResources/generic.css
@@ -4,6 +4,11 @@
 
 body
 {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
   color: #000000;
   font-family: Bitstream Vera Sans, Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif;
   font-size: small;
@@ -13,8 +18,32 @@ body
   padding: 0px;
 }
 
+DIV
+{
+  border: 0px;
+  margin: 0px;
+  padding: 0px;
+}
+
+DIV.pageContent
+{
+  clear: both;
+}
+
+A
+{ 
+  -moz-outline: 0px;
+}
+
 table
-{ font-size: small; }
+{
+  display: block;
+  font-size: small;
+  border-spacing: 0px;
+  padding: 0px;
+  margin: 0px;
+  border: 0px;
+}
 
 a:link {
   color: #0033CC;
@@ -267,8 +296,11 @@ DIV.linkbanner A:hover
   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
   margin: 0px;
   padding: 1px 0px;
-  height: 3.6em;
+  height: 3.8em;
+  background-color: #dbdad5;
   -moz-appearance: toolbar !important;
+  white-space: nowrap;
+  overflow: auto;
 }
 
 SPAN.toolbarSeparator
@@ -288,7 +320,7 @@ A.toolbarButton
   text-decoration: none;
 }
 
-SPAN.toolbarButton
+SPAN.toolbarButton, SPAN.disabledToolbarButton
 {
   display: block;
   float: left; 
@@ -296,12 +328,12 @@ SPAN.toolbarButton
   -moz-appearance: toolbarbutton;
   -moz-box-align: center;
   -moz-box-pack: center;
-  margin: 0px 1px;
+  margin: 0px;
   border-left: 2px solid transparent;
   border-top: 2px solid transparent;
   border-right: 2px solid transparent;
   border-bottom: 2px solid transparent;
-  padding: .2em;
+  padding: 1px 2px;
   background-color: transparent;
   color: -moz-DialogText;
 /* 
@@ -314,6 +346,10 @@ SPAN.toolbarButton
  */ 
  }
 
+SPAN.disabledToolbarButton
+{ -moz-opacity: 0.4; }
+
+
 SPAN.toolbarButton:hover
 {
   color: -moz-buttonhovertext;
@@ -349,7 +385,7 @@ SPAN.toolbarButton:active
 {
   visibility: hidden;
   position: fixed;
-  z-index: 1;
+  z-index: 5000;
   background-color: #dcdad5;
   color: #000;
   margin: 0px;
@@ -381,13 +417,18 @@ SPAN.toolbarButton:active
   white-space: nowrap;
 }
 
-.menu LI:hover
+.menu LI IMG
+{ margin-left: -.8em;
+  padding-right: .2em;
+  vertical-align: middle; }
+
+.menu LI:hover, .menu LI.submenu-selected
 {
   background: #4b6983;
   color: #fff;
 }
 
-.menu LI.separator
+.menu LI.separator, .menu LI.separator:hover
 {
   padding: 0px;
   margin: 2px 0px;
@@ -396,26 +437,42 @@ SPAN.toolbarButton:active
   border-bottom: 1px solid #fff;
 }
 
+.menu LI.submenu, .menu LI.submenu-selected
+{
+  padding-right: 2em;
+  background-position: 98% 50%;
+  background-repeat: no-repeat;
+}
+
 .menu LI.submenu
 {
-  padding-right: .5em;
   background-image: url('submenu.gif');
-  background-position: 98% 50%;
-  background-repeat: no-repeat; }
-
-.menu LI.submenu:hover
-{
-  background-image: url('submenu-active.gif');
 }
 
-DIV.log#logArea
+.menu LI.submenu:hover, .menu LI.submenu-selected
+{
+  background-image: url('submenu-active.gif') !important;
+}
+
+DIV#logConsole
 {
   z-index: 1000;
+  -moz-opacity: 0.7;
+  border-top: 2px solid #fffffb;
+  border-left: 2px solid #fffffb;
+  border-right: 2px solid #999;
+  border-bottom: 2px solid #999;
+  -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow transparent;
+  -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow transparent;
   font-family: monospace;
+  font-weight: bold;
   position: absolute;
   background: #000;
-  color: #fff;
-  top: 0px;
+  color: #ddd;
+  bottom: 0px;
   left: 0px;
-  width: 100%;
+  right: 0px;
+  height: 15em;
+  overflow: auto;
+  visibility: hidden;
 }