| | |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | width: 220px; |
| | | width: 200px; |
| | | bottom: 0; |
| | | z-index: 2; |
| | | } |
| | |
| | | #addressview-right { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 232px; |
| | | left: 212px; |
| | | right: 0; |
| | | bottom: 0; |
| | | z-index: 3; |
| | |
| | | |
| | | #directorylistbox { |
| | | position: absolute; |
| | | top: 42px; |
| | | top: 0; |
| | | left: 0; |
| | | width: 100%; |
| | | bottom: 0; |
| | |
| | | |
| | | #addresslist { |
| | | position: absolute; |
| | | top: 42px; |
| | | top: 0; |
| | | left: 0; |
| | | width: 280px; |
| | | width: 260px; |
| | | bottom: 0; |
| | | } |
| | | |
| | | #contacts-box { |
| | | position: absolute; |
| | | top: 42px; |
| | | left: 292px; |
| | | top: 0; |
| | | left: 272px; |
| | | right: 0; |
| | | bottom: 0; |
| | | } |
| | |
| | | } |
| | | |
| | | #directorylist li a, |
| | | .treelist li.contactsearch a, |
| | | #contacts-table .contact td.name { |
| | | background-image: url(images/listicons.png); |
| | | background-position: -100px 0; |
| | | background-repeat: no-repeat; |
| | | overflow: hidden; |
| | | padding-left: 36px; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | |
| | | background-position: 6px -766px; |
| | | } |
| | | |
| | | #directorylist ul li.addressbook a { |
| | | background-position: 32px -766px; |
| | | } |
| | | |
| | | #directorylist ul ul li.addressbook a { |
| | | background-position: 58px -766px; |
| | | } |
| | | |
| | | #directorylist li.addressbook.selected > a { |
| | | background-color: transparent; |
| | | background-position: 6px -791px; |
| | | } |
| | | |
| | | #directorylist li.addressbook ul li:last-child { |
| | | border-bottom: 0; |
| | | #directorylist ul li.addressbook.selected > a { |
| | | background-position: 32px -791px; |
| | | } |
| | | |
| | | #directorylist li.addressbook ul.groups { |
| | | margin: 0; |
| | | padding: 0; |
| | | } |
| | | |
| | | #directorylist li.addressbook ul.groups li { |
| | | width: 100%; |
| | | #directorylist ul ul li.addressbook.selected > a { |
| | | background-position: 58px -791px; |
| | | } |
| | | |
| | | #directorylist li.contactgroup a { |
| | | padding-left: 62px; |
| | | background-position: 6px -1555px; |
| | | } |
| | | |
| | | #directorylist ul li.contactgroup a { |
| | | background-position: 32px -1555px; |
| | | } |
| | | |
| | | #directorylist ul ul li.contactgroup a { |
| | | background-position: 58px -1555px; |
| | | } |
| | | |
| | | #directorylist ul ul ul li.contactgroup a { |
| | | background-position: 84px -1555px; |
| | | } |
| | | |
| | | #directorylist li.contactgroup.selected a { |
| | | background-position: 32px -1579px; |
| | | } |
| | | |
| | | #directorylist ul ul li.contactgroup.selected a { |
| | | background-position: 58px -1579px; |
| | | } |
| | | |
| | | #directorylist ul ul ul li.contactgroup.selected a { |
| | | background-position: 84px -1579px; |
| | | } |
| | | |
| | | #directorylist li.contactgroup input { |
| | | margin-left: 36px; |
| | | } |
| | | |
| | | #directorylist li.contactsearch a { |
| | | .treelist li.contactsearch a { |
| | | background-position: 6px -1651px; |
| | | } |
| | | |
| | | #directorylist li.contactsearch.selected a { |
| | | .treelist li.contactsearch.selected a { |
| | | background-position: 6px -1675px; |
| | | } |
| | | |
| | | #directorylist li.contactsearch input { |
| | | .treelist li.contactsearch input { |
| | | margin-left: 8px; |
| | | } |
| | | |
| | | #directorylist li.addressbook div.collapsed, |
| | | #directorylist li.addressbook div.expanded { |
| | | top: 15px; |
| | | left: 20px; |
| | | } |
| | | |
| | | #contacts-table .contact.readonly td { |
| | |
| | | } |
| | | |
| | | #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; |
| | | } |
| | | |
| | | #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 { |
| | |
| | | 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; |
| | | } |
| | |
| | | float: left; |
| | | margin: 0 18px 20px 0; |
| | | width: 112px; |
| | | border: 0; |
| | | padding: 0; |
| | | } |
| | | |
| | | #contactpic { |
| | |
| | | } |
| | | |
| | | #contactpic img { |
| | | width: 112px; |
| | | max-width: 112px; |
| | | visibility: inherit; |
| | | } |
| | | |
| | |
| | | #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.05; |
| | | } |
| | | |
| | | #contactphoto .formlinks a[aria-disabled='true'] { |
| | | visibility: hidden; |
| | | } |
| | | |
| | | #contacthead { |
| | | border: 0; |
| | | margin: 0 16em 1em 0; |
| | | padding: 0; |
| | | line-height: 1.5em; |
| | | font-size: 12px; |
| | | } |
| | | |
| | | #contacthead > legend { |
| | | display: none; |
| | | } |
| | | |
| | | form #contacthead { |
| | |
| | | |
| | | #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; |
| | | } |