Imported Upstream version 0.1~rc1~dfsg

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

diff --git a/skins/default/addresses.css b/skins/default/addresses.css
index 5bb6c61d73c64f05bdfa082f8ef24d5dfb72d7c3..5193f1c9122463b7157734f393f68a5349b0a9df 100644 (file)
--- a/skins/default/addresses.css
+++ b/skins/default/addresses.css
@@ -17,8 +17,8 @@
 #abookcountbar
 {
   position: absolute;
-  top: 60px;
-  left: 490px;
+  bottom: 16px;
+  left: 185px;
   width: 240px;
   height: 20px;
   text-align: left;
@@ -30,21 +30,70 @@
   color: #333333;
 }
 
-
-#addresslist
+#directorylist, #addresslist
 {
   position: absolute;
   top: 85px;
-  left: 20px;
-  width: 450px;
   bottom: 40px;
   border: 1px solid #999999;
   background-color: #F9F9F9;
   overflow: auto;
   /* css hack for IE */
-  height: expression((parseInt(document.documentElement.clientHeight)-135)+'px');
+  height: expression((parseInt(document.documentElement.clientHeight)-135)+'px');  
+}
+
+#directorylist
+{
+  left: 20px;
+  width: 150px;
+}
+
+#addresslist
+{
+  left: 185px;
+  width: 340px;
+}
+
+#directorylist ul
+{
+  list-style: none;
+  margin: 0;
+  padding: 0;
 }
 
+#directorylist ul li
+{
+  font-size: 11px;
+  border-bottom: 1px solid #EBEBEB;
+}
+
+#directorylist ul li a
+{
+  display: block;
+  padding-left: 6px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  text-decoration: none;
+}
+
+#directorylist li.selected
+{
+  background-color: #929292;
+  border-bottom: 1px solid #898989;
+}
+
+#directorylist li.selected a
+{
+  color: #FFF;
+  font-weight: bold;
+}
+
+#directorylist li.droptarget
+{
+  background-color: #FFFFA6;
+}
+
+
 #contacts-table
 {
   width: 100%;
@@ -64,16 +113,29 @@
 {
   position: absolute;
   top: 85px;
-  left: 490px;
-  right: 40px;
+  left: 540px;
+  right: 30px;
   bottom: 40px;
   border: 1px solid #999999;
   overflow: hidden;
   /* css hack for IE */
-  width: expression((parseInt(document.documentElement.clientWidth)-530)+'px');
+  width: expression((parseInt(document.documentElement.clientWidth)-45-document.getElementById('addresslist').offsetLeft-document.getElementById('addresslist').offsetWidth)+'px');
   height: expression((parseInt(document.documentElement.clientHeight)-135)+'px');
 }
 
+
+#addressviewsplitter
+{
+  background-position: 4px center;
+}
+
+#addressviewsplitter .splitterLine
+{
+  margin-left: 3px;
+  width: 6px;
+}
+
+
 body.iframe,
 #contact-frame
 {
@@ -86,34 +148,36 @@ body.iframe,
 /* visibility: hidden; */
 }
 
-#contact-title
+#contact-title, #groups-title
 {
   height: 12px !important;
 /*  height: 20px; */
-  padding: 4px 20px 3px 20px;
-  border-bottom: 1px solid #999999;
-  color: #333333;
+  padding: 4px 5px 3px 5px;
+  border-bottom: 1px solid #999;
+  color: #333;
   font-size: 11px;
   font-weight: bold;
   background-color: #EBEBEB;
-  background-image: url(images/listheader_aqua.gif); 
+  background-image: url(images/listheader_aqua.gif);
+  white-space: nowrap;
+}
+
+#contact-title
+{
+  padding: 4px 10px 3px 10px;
 }
 
 #contact-details
 {
-  padding: 15px 20px 10px 20px;
+  padding: 15px 10px 10px 10px;
 }
 
 #contact-details table td.title
 {
-  color: #666666;
+  color: #666;
   font-weight: bold;
   text-align: right;
   padding-right: 10px;
 }
 
 
-
-
-
-