|
|
|
@ -149,41 +149,59 @@
|
|
|
|
|
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,
|
|
|
|
|
#contacts-table .contact.unfocused td.name {
|
|
|
|
|
background-position: 6px -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 .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;
|
|
|
|
|