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

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

diff --git a/UI/WebServerResources/MailerUI.css b/UI/WebServerResources/MailerUI.css
index 98d15c6b374348625028a232767cab3278033640..24261f7e52a7d1a76011f4dbd5ca4e5d43d9b988 100644 (file)
--- a/UI/WebServerResources/MailerUI.css
+++ b/UI/WebServerResources/MailerUI.css
@@ -45,14 +45,17 @@ DIV#rightPanel
   overflow: hidden;
 }
 
+/* top list */
 DIV#mailboxContent
-{ background-color: #fff;
+{ cursor: default;
   position: absolute;
-  width: 100%;
-  height: 15.5em;
-  left: 0px;
+  background-color: #fff;
   top: 2.5em;
-  right: 0px; }
+  left: 0px;
+  right: 0px;
+  height: 15.5em;
+  overflow: hidden;
+  overflow-y: auto; }
 
 DIV#messageContent
 { position: absolute;
@@ -174,7 +177,7 @@ DIV#folderTreeContent
   padding-left: 6px;
 }
 
-table.titletable
+TABLE.titletable
 {
   height: 24px;
   vertical-align: middle;
@@ -182,7 +185,7 @@ table.titletable
   padding-left: 6px;
 }
 
-table.titletable td.titlecell SELECT
+TABLE.titletable TD.titlecell SELECT
 { 
   display: -moz-popup;
   border-top: 1px solid #fff;
@@ -222,7 +225,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;
@@ -230,7 +233,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;
@@ -239,13 +242,13 @@ 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;
@@ -268,7 +271,7 @@ IMG.mailerReadIcon
  */
 }
 
-div.mailer_readicon
+DIV.mailer_readicon
 {
   /* TODO: use Thunderbird icon */
   background-image: url(icon_read.gif);
@@ -276,7 +279,7 @@ div.mailer_readicon
   background-position: 0px 4px;
 }
 
-div.mailer_readicon a
+DIV.mailer_readicon a
 {
   width: 17px;
   height: 17px;
@@ -284,7 +287,7 @@ div.mailer_readicon a
   display: block;
 }
 
-div.mailerUnreadIcon
+DIV.mailerUnreadIcon
 {
   /* TODO: use Thunderbird icon */
   background-image: url(icon_unread.gif);
@@ -292,7 +295,7 @@ div.mailerUnreadIcon
   background-position: 0px 4px;
 }
 
-div.mailer_unreadicon a
+DIV.mailer_unreadicon a
 {
   width: 17px;
   height: 17px;
@@ -301,38 +304,38 @@ div.mailer_unreadicon a
 }
 
 /* fields (key/value UI), eg used in mail viewer */
+INPUT#editDraftButton
+{
+  position: absolute;
+  top: 2.5em;
+  right: 1em;
+}
 
-table.mailer_fieldtable
+TABLE.mailer_fieldtable
 {
   top: 0px;
   left: 0px;
   padding-top: .5em;
+  padding-bottom: .5em;
   overflow-y: auto;
   overflow-x: hidden;
-  height: 6.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: 0 1em;
@@ -342,16 +345,17 @@ td.mailer_fieldname
   width: 6em;
 }
 
-td.mailer_fieldvalue
+TD.mailer_fieldvalue
 {
+  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;
@@ -411,7 +415,7 @@ div#attachment_upload
   padding: 4px;
 }
 
-td.attachment_uplabel
+TD.attachment_uplabel
 {
   width: 15%;
   text-align: left;
@@ -419,24 +423,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;
@@ -444,12 +437,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; }
@@ -460,8 +468,7 @@ IMG.dragMessage
   visibility: hidden;
   border: 0px;
   -moz-opacity: 0.7;
-  opacity: 0.7;
-  filter: alpha(opacity=70); }
+  opacity: 0.7; }
 
 TABLE#addr_table
 { 
@@ -470,26 +477,9 @@ TABLE#addr_table
 }
 
 TABLE#messageList
-{ cursor: default;
-  display: block;
-  position: absolute;
-  background-color: #fff;
-  color: #000;
-  width: 100%;
-  left: 0px;
-  right: 0px;
-  top: 3.25em;
-  bottom: 1px;
-  overflow: auto;
-  overflow-x: hidden; }
-
-TABLE#messageList THEAD
-{ position: fixed;
-  margin-top: 1px;
-  top: 7.5em;
-  right: 0px;
-  left: 15.5em;
-  height: 2em; }
+{ display: block;
+  position: relative;
+  width: 100%; }
 
 TABLE#messageList TD
 { height: 1.2em; }
@@ -501,8 +491,8 @@ TABLE#messageList TD.messageFlagColumn
 
 TD#subjectHeader,
 TABLE#messageList TD.tbtv_subject_headercell,
-TABLE#messageList td.mailer_unreadmailsubject,
-TABLE#messageList td.mailer_readmailsubject
+TABLE#messageList TD.mailer_unreadmailsubject,
+TABLE#messageList TD.mailer_readmailsubject
 { width: 40%;
   min-width: 40%; }
 
@@ -547,3 +537,49 @@ DIV#rightDragHandle
   right: 0px;
   height: 5px;
 }
+
+@media print
+{
+  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; }
+}