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 be24c1a02fcfffd23356ca05a942964149aae5b4..24261f7e52a7d1a76011f4dbd5ca4e5d43d9b988 100644 (file)
--- a/UI/WebServerResources/MailerUI.css
+++ b/UI/WebServerResources/MailerUI.css
@@ -45,19 +45,20 @@ DIV#rightPanel
   overflow: hidden;
 }
 
+/* top list */
 DIV#mailboxContent
-{
+{ cursor: default;
   position: absolute;
-  width: 100%;
-  height: 18em;
+  background-color: #fff;
+  top: 2.5em;
   left: 0px;
-  top: 0px;
   right: 0px;
-}
+  height: 15.5em;
+  overflow: hidden;
+  overflow-y: auto; }
 
 DIV#messageContent
-{
-  position: absolute;
+{ position: absolute;
   overflow: hidden;
   top: 18em;
   bottom: 0px;
@@ -69,27 +70,27 @@ DIV#messageContent
   border: 0px;
   border-top: 1px solid #aaa;
   border-left: 1px solid #aaa;
-  background: #fff;
-}
+  background: #fff; }
 
 DIV#messageContent P IMG
-{
-  border: 0px;
+{ border: 0px;
   vertical-align: middle;
-  margin-right: 1em;
-}
+  margin-right: 1em; }
 
 DIV#folderTreeContent
-{
+{ border-top: 2px solid #222;
+  border-left: 2px solid #222;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  -moz-border-top-colors: #9c9a94 #000;
+  -moz-border-left-colors: #9c9a94 #000;
   position: absolute;
   color: #000;
   background: #fff;
   width: 100%;
   top: 2em;
   bottom: 0px;
-  overflow: auto;
-  border: 1px solid #fff;
-}
+  overflow: auto; }
 
 .aptview_title
 {
@@ -176,7 +177,7 @@ DIV#folderTreeContent
   padding-left: 6px;
 }
 
-table.titletable
+TABLE.titletable
 {
   height: 24px;
   vertical-align: middle;
@@ -184,15 +185,15 @@ table.titletable
   padding-left: 6px;
 }
 
-table.titletable td.titlecell SELECT
+TABLE.titletable TD.titlecell SELECT
 { 
   display: -moz-popup;
   border-top: 1px solid #fff;
   border-left: 1px solid #fff;
   border-right: 2px solid #222;
   border-bottom: 2px solid #222;
-  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
-  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
+  -moz-border-bottom-colors: #000 #9c9a94 transparent;
+  -moz-border-right-colors: #000 #9c9a94 transparent;
   background: #dcdad5;
 }
 
@@ -224,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;
@@ -232,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;
@@ -241,24 +242,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;
@@ -270,7 +271,7 @@ IMG.mailerReadIcon
  */
 }
 
-div.mailer_readicon
+DIV.mailer_readicon
 {
   /* TODO: use Thunderbird icon */
   background-image: url(icon_read.gif);
@@ -278,7 +279,7 @@ div.mailer_readicon
   background-position: 0px 4px;
 }
 
-div.mailer_readicon a
+DIV.mailer_readicon a
 {
   width: 17px;
   height: 17px;
@@ -286,7 +287,7 @@ div.mailer_readicon a
   display: block;
 }
 
-div.mailerUnreadIcon
+DIV.mailerUnreadIcon
 {
   /* TODO: use Thunderbird icon */
   background-image: url(icon_unread.gif);
@@ -294,7 +295,7 @@ div.mailerUnreadIcon
   background-position: 0px 4px;
 }
 
-div.mailer_unreadicon a
+DIV.mailer_unreadicon a
 {
   width: 17px;
   height: 17px;
@@ -303,57 +304,58 @@ 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-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;
@@ -413,7 +415,7 @@ div#attachment_upload
   padding: 4px;
 }
 
-td.attachment_uplabel
+TD.attachment_uplabel
 {
   width: 15%;
   text-align: left;
@@ -421,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;
@@ -446,20 +437,38 @@ 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; }
+
 /* drag-n-drop */
 IMG.dragMessage
-{
-  position: absolute;
+{ position: absolute;
   visibility: hidden;
   border: 0px;
   -moz-opacity: 0.7;
-}
+  opacity: 0.7; }
 
 TABLE#addr_table
 { 
@@ -468,33 +477,36 @@ TABLE#addr_table
 }
 
 TABLE#messageList
-{ 
-  display: block;
-  position: absolute;
-  background: #fff;
-  color: #000;  
-  width: 100%;
-  left: 0px;
-  right: 0px;
-  top: 2em;
-  bottom: 0px;
-  overflow: auto;
-}
-
-TABLE#messageList TBODY
-{
-  right: 0px;
-  left: 0px;
-  bottom: 3em;
-  width: 100%;
-  background: #fff;
-  color: #000;
-}
+{ display: block;
+  position: relative;
+  width: 100%; }
 
 TABLE#messageList TD
-{ 
-  height: 1.2em;
-}
+{ 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
 { 
@@ -526,7 +538,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; }
 }