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

Thomas Bruederli

2012-07-04 77fad166e30e5fd225495c6c78f525d0ce27c7b3

 skins/larry/addressbook.css

@@ -1,7 +1,7 @@
/**
 * Roundcube webmail styles for the Address Book section
 *
 * Copyright (c) 2011, The Roundcube Dev Team
 * Copyright (c) 2012, The Roundcube Dev Team
 * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com
 *
 * The contents are subject to the Creative Commons Attribution-ShareAlike
@@ -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 {
@@ -67,10 +72,16 @@

#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;
}

#contacts-table .contact.readonly td {
   font-style: italic;
}

#directorylist li.addressbook a {
@@ -123,6 +134,7 @@
   right: 0;
   bottom: 28px;
   border: 0;
   border-radius: 4px;
}

#headerbuttons {
@@ -153,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 {
@@ -179,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: '"';
}

@@ -286,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;
}