Merge branch 'release-1.0' of github.com:roundcube/roundcubemail into relea...

Thomas Bruederli

2014-07-13 29723da95bbf59b869a1cf78d53a55c621049f57

 skins/larry/addressbook.css

@@ -8,8 +8,6 @@
 * License. It is allowed to copy, distribute, transmit and to adapt the work
 * by keeping credits to the original autors in the README file.
 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
 *
 * $Id$
 */

#addressview-left {
@@ -18,6 +16,7 @@
   left: 0;
   width: 220px;
   bottom: 0;
   z-index: 2;
}

#addressview-right {
@@ -26,15 +25,16 @@
   left: 232px;
   right: 0;
   bottom: 0;
   z-index: 3;
}

#addressbooktoolbar {
   position: absolute;
   top: -6px;
   left: 0;
   right: 0;
   height: 40px;
   white-space: nowrap;
   z-index: 10;
}

#directorylistbox {
@@ -67,7 +67,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;
@@ -77,8 +79,21 @@
   background-position: 6px -766px;
}

#directorylist li.addressbook.selected a {
#directorylist li.addressbook.selected > a {
   background-position: 6px -791px;
}

#directorylist li.addressbook ul li:last-child {
   border-bottom: 0;
}

#directorylist li.addressbook ul.groups {
   margin: 0;
   padding: 0;
}

#directorylist li.addressbook ul.groups li {
   width: 100%;
}

#directorylist li.contactgroup a {
@@ -106,8 +121,57 @@
   margin-left: 8px;
}

#directorylist li.addressbook div.collapsed,
#directorylist li.addressbook div.expanded {
   top: 15px;
   left: 20px;
}

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

#contacts-table td.name {
   width: 95%;
}

#contacts-table td.action {
   width: 24px;
   padding: 4px;
}

#contacts-table td.action a {
   display: block;
   width: 16px;
   height: 14px;
   text-indent: -5000px;
   overflow: hidden;
   background: url(images/listicons.png) -2px -1180px no-repeat;
}

/* This padding-left should be equal to the focused border-left + the focused padding-left */
#contacts-table thead tr td:first-child,
#contacts-table tbody tr td:first-child {
   border-left: 0;
   padding-left: 36px;
}

/* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
#contacts-table tbody tr.focused > td:first-child {
   border-left: 2px solid #b0ccd7;
   padding-left: 34px;
}

#contacts-table tbody tr.selected.focused > td:first-child {
   border-left-color: #9ec2d0;
}

#contacts-table .contact td.name {
   background-position: 6px -1603px;
}

#contacts-table .contact.focused td.name {
   background-position: 4px -1603px;
}

#contacts-table .contact.selected td.name,
@@ -116,12 +180,47 @@
   font-weight: bold;
}

#contacts-table .contact.selected.focused td.name {
   background-position: 4px -1627px;
}

#contacts-table .group td.name {
   background-position: 6px -1555px;
}

#contacts-table .group.focused td.name {
   background-position: 4px -1555px;
}

#contacts-table .group.selected td.name,
#contacts-table .group.unfocused td.name {
   background-position: 6px -1579px;
   font-weight: bold;
}

#contacts-table .group.selected.focused td.name {
   background-position: 4px -1579px;
}

#addresslist .boxtitle {
   padding-right: 95px;
   overflow: hidden;
   text-overflow: ellipsis;
}

#addresslist .boxtitle a.poplink {
   color: #004458;
   font-size: 14px;
   line-height: 12px;
   text-decoration: none;
}

#contact-frame {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 28px;
   bottom: 0px;
   border: 0;
   border-radius: 4px;
}
@@ -153,7 +252,30 @@
}

#contactpic img {
   width: 112px;
   max-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 {
@@ -180,9 +302,7 @@
}

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

@@ -284,9 +404,25 @@
   left: 5px;
   top: -3px;
   display: inline-block;
   width: 24px;
   width: 16px;
   height: 18px;
   text-decoration: none;
   text-indent: -1000px;
   text-indent: -5000px;
   overflow: hidden;
   background: url(images/buttons.png) -7px -377px no-repeat;
}

#import-box {
   position: absolute;
   bottom: 0px;
   top: 34px;
   left: 0;
   right: 0;
   overflow: auto;
   padding: 10px;
}

#import-box p,
#import-box .propform {
  max-width: 50em;
}