Merge branch 'dev-accessibility'

Thomas Bruederli

2014-06-05 99cdca46b7bcc46fe6affd9e9f9f60a546b2e5b8

 skins/larry/addressbook.css

@@ -39,7 +39,7 @@

#directorylistbox {
   position: absolute;
   top: 42px;
   top: 0;
   left: 0;
   width: 100%;
   bottom: 0;
@@ -47,7 +47,7 @@

#addresslist {
   position: absolute;
   top: 42px;
   top: 0;
   left: 0;
   width: 280px;
   bottom: 0;
@@ -55,7 +55,7 @@

#contacts-box {
   position: absolute;
   top: 42px;
   top: 0;
   left: 292px;
   right: 0;
   bottom: 0;
@@ -71,7 +71,6 @@
   background-position: -100px 0;
   background-repeat: no-repeat;
   overflow: hidden;
   padding-left: 36px;
   text-overflow: ellipsis;
}

@@ -83,21 +82,11 @@
   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 {
   padding-left: 62px;
   background-position: 32px -1555px;
}

@@ -150,38 +139,25 @@
}

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

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

/* 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;
   background-position-x: 4px;
}

/* 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,
#contacts-table tbody tr.selected.focused > td:first-child {
   border-left: 0;
   padding-left: 36px;
}

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

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

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

#addresslist .boxtitle {
@@ -225,6 +201,8 @@
   float: left;
   margin: 0 18px 20px 0;
   width: 112px;
   border: 0;
   padding: 0;
}

#contactpic {
@@ -260,6 +238,10 @@
   opacity: 0.05;
}

#contactphoto .formlinks a[aria-disabled='true'] {
   visibility: hidden;
}

#contacthead {
   border: 0;
   margin: 0 16em 1em 0;
@@ -268,6 +250,10 @@
   font-size: 12px;
}

#contacthead > legend {
   display: none;
}

form #contacthead {
   margin-right: 0;
}