Imported Upstream version 0.2~stable

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

diff --git a/skins/default/addresses.css b/skins/default/addresses.css
index 5193f1c9122463b7157734f393f68a5349b0a9df..6f984e01d82558624bfe308f8dd00cb111e5bcdf 100644 (file)
--- a/skins/default/addresses.css
+++ b/skins/default/addresses.css
@@ -1,6 +1,5 @@
 /***** RoundCube|Mail address book task styles *****/
 
-
 #abooktoolbar
 {
   position: absolute;
@@ -18,7 +17,7 @@
 {
   position: absolute;
   bottom: 16px;
-  left: 185px;
+  left: 200px;
   width: 240px;
   height: 20px;
   text-align: left;
@@ -30,30 +29,70 @@
   color: #333333;
 }
 
-#directorylist, #addresslist
+#mainscreen
+{
+  position: absolute;
+  top: 85px;
+  right: 20px;
+  bottom: 40px;
+  left: 200px;
+  /* css hack for IE */
+  width: expression((parseInt(document.documentElement.clientWidth)-220)+'px');
+  height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
+}
+
+#directorylist
 {
   position: absolute;
   top: 85px;
   bottom: 40px;
+  left: 20px;
+  width: 170px;
+  border: 1px solid #999999;
+  background-color: #F9F9F9;
+  overflow: hidden;
+  /* css hack for IE */
+  height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');  
+}
+
+#addresslist
+{
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
   border: 1px solid #999999;
   background-color: #F9F9F9;
   overflow: auto;
   /* css hack for IE */
-  height: expression((parseInt(document.documentElement.clientHeight)-135)+'px');  
+  height: expression(parseInt(this.parentNode.offsetHeight)+'px');
 }
 
-#directorylist
+#importbox
 {
+  position: absolute;
+  top: 85px;
+  bottom: 40px;
   left: 20px;
-  width: 150px;
+  right: 20px;
+  border: 1px solid #999999;
+  background-color: #F9F9F9;
+  padding-bottom: 4ex;
+  overflow: auto;
+  /* css hack for IE */
+  height: expression((parseInt(document.documentElement.clientHeight)-135)+'px');  
 }
 
 #addresslist
 {
-  left: 185px;
+  left: 0px;
   width: 340px;
 }
 
+#importbox a
+{
+  color: blue;
+}
+
 #directorylist ul
 {
   list-style: none;
@@ -65,6 +104,7 @@
 {
   font-size: 11px;
   border-bottom: 1px solid #EBEBEB;
+  white-space: nowrap;
 }
 
 #directorylist ul li a
@@ -74,6 +114,7 @@
   padding-top: 2px;
   padding-bottom: 2px;
   text-decoration: none;
+  white-space: nowrap;
 }
 
 #directorylist li.selected
@@ -105,37 +146,24 @@
 
 #contacts-table tbody td
 {
-  cursor: pointer;
+  cursor: default;
 }
 
 
 #contacts-box
 {
   position: absolute;
-  top: 85px;
-  left: 540px;
-  right: 30px;
-  bottom: 40px;
+  top: 0px;
+  left: 555px;
+  right: 0px;
+  bottom: 0px;
   border: 1px solid #999999;
   overflow: hidden;
   /* css hack for IE */
-  width: expression((parseInt(document.documentElement.clientWidth)-45-document.getElementById('addresslist').offsetLeft-document.getElementById('addresslist').offsetWidth)+'px');
-  height: expression((parseInt(document.documentElement.clientHeight)-135)+'px');
+  height: expression(parseInt(this.parentNode.offsetHeight)+'px');
+  width: expression((parseInt(this.parentNode.offsetWidth)-555)+'px');
 }
 
-
-#addressviewsplitter
-{
-  background-position: 4px center;
-}
-
-#addressviewsplitter .splitterLine
-{
-  margin-left: 3px;
-  width: 6px;
-}
-
-
 body.iframe,
 #contact-frame
 {