Remove list row 'unfocused' state and keep 'selected' classes even when lis...

Thomas Bruederli

2014-05-27 1791a1e7a23c0aaf126ba099a73564e8c4e88cee

 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,12 +71,7 @@
   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 {
@@ -87,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;
}

@@ -131,33 +116,81 @@
   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;
}

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

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

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

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

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

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

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

#contacts-table.focus .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;
}
@@ -189,7 +222,7 @@
}

#contactpic img {
   width: 112px;
   max-width: 112px;
   visibility: inherit;
}

@@ -350,10 +383,15 @@

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

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