Some last layout changes for Larry: move search box to the right, visually ...

Thomas Bruederli

2012-07-04 77fad166e30e5fd225495c6c78f525d0ce27c7b3

 skins/larry/addressbook.css

@@ -28,13 +28,18 @@
   bottom: 0;
}

#directorytoolbar,
#addressbooktoolbar {
   position: absolute;
   top: -6px;
   left: 0;
   right: 0;
   right: 260px;
   height: 40px;
   white-space: nowrap;
}

#directorytoolbar {
   right: 0;
}

#directorylistbox {
@@ -49,14 +54,14 @@
   position: absolute;
   top: 42px;
   left: 0;
   width: 260px;
   width: 280px;
   bottom: 0;
}

#contacts-box {
   position: absolute;
   top: 42px;
   left: 272px;
   left: 292px;
   right: 0;
   bottom: 0;
}
@@ -67,7 +72,9 @@

#directorylist li a,
#contacts-table .contact td.name {
   background: url(images/listicons.png) -100px 0 no-repeat;
   background-image: url(images/listicons.png);
   background-position: -100px 0;
   background-repeat: no-repeat;
   overflow: hidden;
   padding-left: 36px;
   text-overflow: ellipsis;
@@ -158,6 +165,29 @@

#contactpic img {
   width: 112px;
   visibility: inherit;
}

#contactpic.droptarget {
   background-image: url(images/filedrop.png);
   background-position: center;
   background-repeat: no-repeat;
}

#contactpic.droptarget.hover {
   background-color: #d9ecf4;
   box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
   -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
   -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
   -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
}

#contactpic.droptarget.active img {
   opacity: 0.15;
}

#contactpic.droptarget.hover img {
   opacity: 0.05;
}

#contacthead {
@@ -184,9 +214,7 @@
}

#contacthead span.nickname:before,
#contacthead span.nickname:after,
#contacthead input.ff_nickname:before,
#contacthead input.ff_nickname:after {
#contacthead span.nickname:after {
   content: '"';
}

@@ -291,6 +319,6 @@
   width: 24px;
   height: 18px;
   text-decoration: none;
   text-indent: -1000px;
   text-indent: -5000px;
   background: url(images/buttons.png) -7px -377px no-repeat;
}