Imported Upstream version 0.1~rc2

[roundcube.git] / skins / default / mail.css

diff --git a/skins/default/mail.css b/skins/default/mail.css
index a406e423a7c00e33895cb114d5612bfe80ac4116..fb130ce6c4af724c6e108bfe910d5c62da842e39 100644 (file)
--- a/skins/default/mail.css
+++ b/skins/default/mail.css
@@ -6,7 +6,7 @@
   position: absolute;
   top: 45px;
   left: 200px;
-  right: 250px;
+  right: 200px;
   height: 35px;
   white-space: nowrap;
 /*  border: 1px solid #cccccc; */
@@ -56,7 +56,9 @@
 #listcontrols a:visited,
 #mailboxcontrols a,
 #mailboxcontrols a:active,
-#mailboxcontrols a:visited
+#mailboxcontrols a:visited,
+td.formlinks a,
+td.formlinks a:visited
 {
   color: #999999;
   font-size: 11px;
@@ -68,7 +70,9 @@
 #listcontrols a.active:visited,
 #mailboxcontrols a.active,
 #mailboxcontrols a.active:active,
-#mailboxcontrols a.active:visited
+#mailboxcontrols a.active:visited,
+td.formlinks a,
+td.formlinks a:visited
 {
   color: #CC0000;
 }
@@ -136,19 +140,15 @@
 
 #messagecontframe
 {
-  width: 100%;
-  height: 100%;
-  border: 0;
-}
-
-/*\*/
-html>body*#messagecontframe
-{
-  [height: 40%;
-  height: 40%;
-  ]height: 100%;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  /* css hack for IE */
+  width: expression((parseInt(document.documentElement.clientWidth)-230)+'px');
+  height: expression((parseInt(document.documentElement.clientHeight)-135-document.getElementById('mailcontframe').offsetHeight)+'px');
 }
-/**/
 
 #messagepartframe
 {
@@ -191,16 +191,12 @@ html>body*#messagecontframe
 
 #mailboxlist-header
 {
-  position: absolute;
-  top: 85px;
-  left: 20px;
-  width: 145px !important;
-/*  width: 162px; */
-  height: 13px;
-  padding: 3px 10px 2px 10px;
+  display: block;
+  height: 12px;
+  padding: 3px 10px 4px 10px;
   background-color: #EBEBEB;
   background-image: url(images/listheader_aqua.gif); 
-  border: 1px solid #CCCCCC;
+  border-bottom: 1px solid #999;
   color: #333333;
   font-size: 11px;
   font-weight: bold;  
@@ -209,15 +205,15 @@ html>body*#messagecontframe
 #mailboxlist-container
 {
   position: absolute;
-  top: 105px;
+  top: 85px;
   left: 20px;
-  width: 165px;
+  width: 160px;
   bottom: 40px;
-  border: 1px solid #CCCCCC;
+  border: 1px solid #999;
   background-color: #F9F9F9;
   overflow: auto;
   /* css hack for IE */
-  height: expression((parseInt(document.documentElement.clientHeight)-145)+'px');
+  height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
 }
 
 #mailboxlist
@@ -286,10 +282,10 @@ html>body*#messagecontframe
   font-weight: bold;
 }
 
-#mailboxlist li.selected
+#mailboxlist li.selected,
+#mailboxlist li.droptarget li.selected
 {
   background-color: #929292;
-  border-bottom: 1px solid #898989;
 }
 
 #mailboxlist li.selected a
@@ -316,7 +312,8 @@ html>body*#messagecontframe
   background-position: 25px 1px;
 }
 
-#mailboxlist li.selected li {
+#mailboxlist li.selected li,
+#mailboxlist li.droptarget li {
   background-color: #F9F9F9;
 }
 
@@ -338,7 +335,7 @@ html>body*#messagecontframe
 {
   position: absolute;
   left: 20px;
-  width: 160px;
+  width: 170px;
   bottom: 20px;
   height: 16px;
   overflow: hidden;
@@ -360,7 +357,7 @@ body.messagelist
   display: table;
   table-layout: fixed;
   /* css hack for IE */
-  width: expression(document.getElementById('mailcontframe').clientWidth);
+  width: expression(parseInt(document.getElementById('mailcontframe').clientWidth)+'px');
 }
 
 #messagelist thead tr td
@@ -421,6 +418,7 @@ body.messagelist
 {
   color: #000;
   text-decoration: none;
+  white-space: nowrap;
 }
 
 #messagelist col
@@ -444,7 +442,7 @@ body.messagelist
 
 #messagelist tr td.size
 {
-  width: 60px;
+  width: 70px;
   text-align: right;
   vertical-align: middle;
 }
@@ -538,12 +536,12 @@ body.messagelist
   left: 200px;
   right: 30px;
   bottom: 40px;
-  border: 1px solid #cccccc;
-  background-color: #FFFFFF;
+  border: 1px solid #999;
+  background-color: #FFF;
   overflow: auto;
   /* css hack for IE */
   /* margin-bottom: 10px; */
-  width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
+  width: expression((parseInt(document.documentElement.clientWidth)-230)+'px');
   height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
 }
 
@@ -655,6 +653,7 @@ div.message-part div.pre
 {
   margin: 0px;
   padding: 0px;
+  white-space: -moz-pre-wrap !important;
   white-space: pre;
   font-family: monospace;
 }
@@ -706,18 +705,10 @@ div.message-part blockquote blockquote blockquote
 
 /** message compose styles */
 
-#priority-selector
-{
-  position: absolute;
-  left: 280px;
-  top: 10px;
-}
-
+#priority-selector,
 #receipt-selector
 {
-  position: absolute;
-  left: 450px;
-  top: 10px;
+  padding-left: 30px;
 }
 
 #compose-container
@@ -730,7 +721,7 @@ div.message-part blockquote blockquote blockquote
   padding: 0px;
   margin: 0px;
   /* css hack for IE */
-  width: expression(document.documentElement.clientWidth-240);
+  width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
   height: expression((parseInt(document.documentElement.clientHeight)-130)+'px');
 }
 
@@ -782,29 +773,17 @@ div.message-part blockquote blockquote blockquote
   white-space: nowrap;
 }
 
-#compose-headers td.add-button
-{
-  width: 40px !important;
-  text-align: right;
-  vertical-align: bottom;
-}
-
-#compose-headers td.add-button a
-{
-  color: #666666;
-  font-size: 11px;
-  text-decoration: none;
-}
-
-#compose-headers td textarea
+#compose-body,
+#compose-headers td textarea,
+#compose-headers td input
 {
   width: 100%;
-  height: 40px;
+  width: expression('99%');
 }
 
-#compose-headers td input
+#compose-headers td textarea
 {
-  width: 100%;
+  height: 38px;
 }
 
 #compose-cc,
@@ -818,7 +797,6 @@ div.message-part blockquote blockquote blockquote
 {
   margin-top: 5px;
   margin-bottom: 10px;
-  width: 99%;
   height: 90%;
   min-height: 280px;
   font-size: 9pt;