Apply accessibility improvements to the address book task

Thomas Bruederli

2014-06-03 458af8d30a1bca153f770358b8f914554b0da6c3

 skins/larry/addressbook.css

@@ -138,38 +138,20 @@
   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 {
#contacts-table.focus .contact.focused td.name {
   background-position: 4px -1603px;
}

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

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

@@ -177,17 +159,16 @@
   background-position: 6px -1555px;
}

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

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

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