git-svn-id: http://svn.opengroupware.org/SOGo/inverse/trunk@1145 d1b88da0-ebda-0310...

[scalable-opengroupware.org] / UI / WebServerResources / MailerUI.css

diff --git a/UI/WebServerResources/MailerUI.css b/UI/WebServerResources/MailerUI.css
index 0553085290206c610e980f912183c3920da8d750..e4ecc8977ca65fe5973ca37ff0e1bdcccb6213a2 100644 (file)
--- a/UI/WebServerResources/MailerUI.css
+++ b/UI/WebServerResources/MailerUI.css
@@ -46,11 +46,12 @@ DIV#rightPanel
 }
 
 DIV#mailboxContent
-{ position: absolute;
+{ background-color: #fff;
+  position: absolute;
   width: 100%;
-  height: 18em;
+  height: 15.5em;
   left: 0px;
-  top: .5em;
+  top: 2.5em;
   right: 0px; }
 
 DIV#messageContent
@@ -173,7 +174,7 @@ DIV#folderTreeContent
   padding-left: 6px;
 }
 
-table.titletable
+TABLE.titletable
 {
   height: 24px;
   vertical-align: middle;
@@ -181,7 +182,7 @@ table.titletable
   padding-left: 6px;
 }
 
-table.titletable td.titlecell SELECT
+TABLE.titletable TD.titlecell SELECT
 { 
   display: -moz-popup;
   border-top: 1px solid #fff;
@@ -221,7 +222,7 @@ span.mailer_datefield
   white-space: nowrap;
 }
 
-td.mailer_readmailsubject
+TD.mailer_readmailsubject
 {
   background-image: url(message-mail-read.png) !important;
   background-repeat: no-repeat !important;
@@ -229,7 +230,7 @@ td.mailer_readmailsubject
   padding-left: 20px !important;
 }
 
-td.mailer_unreadmailsubject
+TD.mailer_unreadmailsubject
 {
   background-image: url(message-mail.png) !important;
   background-repeat: no-repeat !important;
@@ -238,24 +239,24 @@ td.mailer_unreadmailsubject
   font-weight: bold !important;
 }
 
-td.mailer_readmailsubject a
+TD.mailer_readmailsubject a
 {
   color: black;
   text-decoration: none;
 }
 
-td.mailer_unreadmailsubject a
+TD.mailer_unreadmailsubject a
 {
   color: black;
   text-decoration: none;
 }
 
-td.mailer_listcell_deleted
+tr.mailer_listcell_deleted td
 {
   text-decoration: line-through;
 }
 
-td.mailer_listcell_regular a
+tr.mailer_listcell_regular td a
 {
   color: black;
   text-decoration: none;
@@ -267,7 +268,7 @@ IMG.mailerReadIcon
  */
 }
 
-div.mailer_readicon
+DIV.mailer_readicon
 {
   /* TODO: use Thunderbird icon */
   background-image: url(icon_read.gif);
@@ -275,7 +276,7 @@ div.mailer_readicon
   background-position: 0px 4px;
 }
 
-div.mailer_readicon a
+DIV.mailer_readicon a
 {
   width: 17px;
   height: 17px;
@@ -283,7 +284,7 @@ div.mailer_readicon a
   display: block;
 }
 
-div.mailerUnreadIcon
+DIV.mailerUnreadIcon
 {
   /* TODO: use Thunderbird icon */
   background-image: url(icon_unread.gif);
@@ -291,7 +292,7 @@ div.mailerUnreadIcon
   background-position: 0px 4px;
 }
 
-div.mailer_unreadicon a
+DIV.mailer_unreadicon a
 {
   width: 17px;
   height: 17px;
@@ -301,56 +302,51 @@ div.mailer_unreadicon a
 
 /* fields (key/value UI), eg used in mail viewer */
 
-table.mailer_fieldtable
+TABLE.mailer_fieldtable
 {
   top: 0px;
   left: 0px;
   padding-top: .5em;
   overflow-y: auto;
   overflow-x: hidden;
-  height: 6.5em;
+  height: 7.5em;
   border-bottom: 1px solid #808080;
   background: #d4d0c8;
 }
 
-div.mailer_mailcontent
+DIV.mailer_mailcontent
 {
   background-color: #fff;
   position: absolute;
   padding: .5em;
-  margin-top: .5em;
-  top: 10em;
+  top: 7.5em;
   overflow: auto;
   left: 0px;
   right: 0px;
   bottom: 0px;
 }
 
-DIV#messageContent div.mailer_mailcontent
-{
-  top: 6em;
-}
-
-td.mailer_fieldname
+TD.mailer_fieldname
 {
   white-space: nowrap;
-  padding-left: 1em;
+  padding: 0 1em;
   text-align: right;
   font-weight: bold;
   vertical-align: top;
+  width: 6em;
 }
 
-td.mailer_fieldvalue
+TD.mailer_fieldvalue
 {
-  width: 95%;
+  vertical-align: top;
 }
 
-td.mailer_subjectfieldvalue
+TD.mailer_subjectfieldvalue
 {
   font-weight: bold;
 }
 
-td.mailer_fieldvalue a
+TD.mailer_fieldvalue a
 {
   text-decoration: underline;
   vertical-align: top;
@@ -410,7 +406,7 @@ div#attachment_upload
   padding: 4px;
 }
 
-td.attachment_uplabel
+TD.attachment_uplabel
 {
   width: 15%;
   text-align: left;
@@ -418,24 +414,13 @@ td.attachment_uplabel
 
 /* attachment link viewer */
 
-div.linked_attachment_frame
-{
-  background-color: #dcdad5;
-  padding: 4px;
-}
+DIV.linked_attachment_frame
+{ border: 0px; }
 
-div.linked_attachment_body
-{
-  padding: 4px;
-  border-width: 1px;
-  border-style: solid;
-  border-top-color: white;
-  border-left-color: white;
-  border-bottom-color: #808080;
-  border-right-color: #808080;
-}
+DIV.linked_attachment_body
+{ border: 0px; }
 
-div.linked_attachment_meta
+DIV.linked_attachment_meta
 {
   color: #444444;
   font-style: italic;
@@ -443,12 +428,27 @@ div.linked_attachment_meta
   padding: 2px;
 }
 
-table.linked_attachment_meta
+TABLE.linked_attachment_meta
 {
   color: #444444;
   font-style: italic;
 }
 
+DIV.bodyFields
+{ 
+  background: #efefef;
+  font-family: serif;
+  margin: 0.5em;
+}
+
+DIV.bodyFields SPAN.fieldName
+{ font-weight: bold; }
+
+DIV.bodyAdditionalFields
+{ 
+  background: #d4d0c8;
+}
+
 DIV[datatype~="additional"] > A.node > SPAN.nodeName
 { color: #777;
   font-style: italic; }
@@ -469,36 +469,53 @@ TABLE#addr_table
 }
 
 TABLE#messageList
-{ display: block;
+{ cursor: default;
+  display: block;
   position: absolute;
-  background: #fff;
-  color: #000;  
+  background-color: #fff;
+  color: #000;
   width: 100%;
   left: 0px;
   right: 0px;
-  top: 2em;
-  bottom: 0px;
+  top: 3.25em;
+  bottom: 1px;
   overflow: auto;
-  overflow-x: hidden;
-}
+  overflow-x: hidden; }
 
-TABLE#messageList TBODY
-{
+TABLE#messageList THEAD
+{ position: fixed;
+  margin-top: 1px;
+  top: 7.5em;
   right: 0px;
-  left: 0px;
-  bottom: 3em;
-  width: 100%;
-  background: #fff;
-  color: #000;
-}
+  left: 15.5em;
+  height: 2em; }
 
 TABLE#messageList TD
-{ 
-  height: 1.2em;  
-}
-
-TABLE#messageList TD.tbtv_subject_headercell
-{ width: 30%; }
+{ height: 1.2em; }
+
+TD#messageFlagHeader,
+TABLE#messageList TD.messageFlagColumn
+{ width: 1em;
+  text-align: center; }
+
+TD#subjectHeader,
+TABLE#messageList TD.tbtv_subject_headercell,
+TABLE#messageList TD.mailer_unreadmailsubject,
+TABLE#messageList TD.mailer_readmailsubject
+{ width: 40%;
+  min-width: 40%; }
+
+TD#fromHeader,
+TABLE#messageList TD.tbtv_from_headercell,
+TABLE#messageList TD.messageAddressColumn
+{ width: 35%;
+  overflow: hidden; }
+
+TD#dateHeader,
+TABLE#messageList TD.tbtv_date_headercell,
+TABLE#messageList TD.messageDateColumn
+{ width: 25%;
+  overflow: hidden; }
 
 TABLE#messageList TR._selected TD
 { 
@@ -530,7 +547,48 @@ DIV#rightDragHandle
   height: 5px;
 }
 
-TD.messageFlagColumn
+@media print
 {
-  width: 1em !important;
+  DIV#leftPanel,
+  DIV#verticalDragHandle,
+  DIV#filterPanel,
+  DIV#mailboxContent,
+  DIV.dragHandle
+  { display: none; }
+
+  DIV#rightPanel
+  { position: static;
+    overflow: visible;
+    margin: 0px; }
+
+  DIV#messageContent
+  { position: static;
+    border: 0px;
+    margin: 0px;
+    overflow: visible; }
+
+  TABLE.mailer_fieldtable
+  { border: 0px;
+    font-family: serif;
+    height: auto;
+    overflow: visible; }
+
+  TD.mailer_fieldname
+  { text-align: left;
+    width: auto; }
+
+  TD.mailer_fieldvalue
+  { white-space: normal; }
+
+  TD.mailer_fieldvalue A
+  { text-decoration: none;
+    white-space: nowrap;
+    color: #000; }
+
+  A:visited
+  { color: #00f; }
+
+  DIV.mailer_mailcontent
+  { position: static;
+    overflow: visible; }
 }