| | |
| | | /***** RoundCube|Mail address book task styles *****/ |
| | | |
| | | |
| | | #abooktoolbar |
| | | { |
| | | position: absolute; |
| | | top: 45px; |
| | | left: 200px; |
| | | left: 205px; |
| | | height: 35px; |
| | | } |
| | | |
| | |
| | | padding-right: 10px; |
| | | } |
| | | |
| | | #abooktoolbar a.button, |
| | | #abooktoolbar a.buttonPas, |
| | | #abooktoolbar span.separator { |
| | | display: block; |
| | | float: left; |
| | | width: 32px; |
| | | height: 32px; |
| | | padding: 0; |
| | | margin-right: 10px; |
| | | overflow: hidden; |
| | | background: url('images/abook_toolbar.png') 0 0 no-repeat transparent; |
| | | opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ |
| | | } |
| | | |
| | | #abooktoolbar a.buttonPas { |
| | | opacity: 0.35; |
| | | } |
| | | |
| | | #abooktoolbar a.addcontactSel { |
| | | background-position: 0 -32px; |
| | | } |
| | | |
| | | #abooktoolbar a.compose { |
| | | background-position: -32px 0; |
| | | } |
| | | |
| | | #abooktoolbar a.composeSel { |
| | | background-position: -32px -32px; |
| | | } |
| | | |
| | | #abooktoolbar a.delete { |
| | | background-position: -64px 0; |
| | | } |
| | | |
| | | #abooktoolbar a.deleteSel { |
| | | background-position: -64px -32px; |
| | | } |
| | | |
| | | #abooktoolbar a.import { |
| | | background-position: -96px 0; |
| | | } |
| | | |
| | | #abooktoolbar a.importSel { |
| | | background-position: -96px -32px; |
| | | } |
| | | |
| | | #abooktoolbar a.export { |
| | | background-position: -128px 0; |
| | | } |
| | | |
| | | #abooktoolbar a.exportSel { |
| | | background-position: -128px -32px; |
| | | } |
| | | |
| | | #abooktoolbar span.separator { |
| | | width: 5px; |
| | | background-image: url('images/abook_toolbar.png'); |
| | | background-position: -162px 0; |
| | | } |
| | | |
| | | #abookcountbar |
| | | { |
| | | position: absolute; |
| | | bottom: 16px; |
| | | left: 185px; |
| | | left: 200px; |
| | | width: 240px; |
| | | height: 20px; |
| | | text-align: left; |
| | |
| | | color: #333333; |
| | | } |
| | | |
| | | #directorylist, #addresslist, #importbox |
| | | #addressscreen |
| | | { |
| | | position: absolute; |
| | | top: 85px; |
| | | right: 20px; |
| | | bottom: 40px; |
| | | border: 1px solid #999999; |
| | | background-color: #F9F9F9; |
| | | overflow: auto; |
| | | /* css hack for IE */ |
| | | height: expression((parseInt(document.documentElement.clientHeight)-135)+'px'); |
| | | left: 205px; |
| | | } |
| | | |
| | | #directorylist |
| | | { |
| | | position: absolute; |
| | | top: 85px; |
| | | bottom: 40px; |
| | | left: 20px; |
| | | width: 170px; |
| | | width: 175px; |
| | | border: 1px solid #999999; |
| | | background-color: #F9F9F9; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | #addresslist |
| | | { |
| | | left: 200px; |
| | | width: 340px; |
| | | position: absolute; |
| | | top: 0px; |
| | | bottom: 0px; |
| | | border: 1px solid #999999; |
| | | background-color: #F9F9F9; |
| | | overflow: auto; |
| | | } |
| | | |
| | | #importbox |
| | | { |
| | | position: absolute; |
| | | top: 85px; |
| | | bottom: 40px; |
| | | left: 20px; |
| | | right: 40px; |
| | | height: auto; |
| | | bottom: auto; |
| | | right: 20px; |
| | | border: 1px solid #999999; |
| | | background-color: #F9F9F9; |
| | | padding-bottom: 4ex; |
| | | overflow: auto; |
| | | } |
| | | |
| | | #addresslist |
| | | { |
| | | left: 0px; |
| | | width: 340px; |
| | | } |
| | | |
| | | #importbox a |
| | |
| | | background-color: #FFFFA6; |
| | | } |
| | | |
| | | |
| | | #contacts-table |
| | | { |
| | | width: 100%; |
| | | table-layout: fixed; |
| | | /* css hack for IE */ |
| | | width: expression(document.getElementById('addresslist').clientWidth); |
| | | } |
| | | |
| | | |
| | | #contacts-table tbody td |
| | | { |
| | | cursor: default; |
| | | } |
| | | |
| | | |
| | | #contacts-box |
| | | { |
| | | position: absolute; |
| | | top: 85px; |
| | | top: 0px; |
| | | left: 555px; |
| | | right: 20px; |
| | | bottom: 40px; |
| | | right: 0px; |
| | | bottom: 0px; |
| | | border: 1px solid #999999; |
| | | overflow: hidden; |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(document.documentElement.clientWidth)-45-document.getElementById('addresslist').offsetLeft-document.getElementById('addresslist').offsetWidth)+'px'); |
| | | height: expression((parseInt(document.documentElement.clientHeight)-135)+'px'); |
| | | } |
| | | |
| | | |
| | | #addressviewsplitter |
| | | { |
| | | background-position: 4px center; |
| | | } |
| | | |
| | | #addressviewsplitter .splitterLine |
| | | { |
| | | margin-left: 3px; |
| | | width: 6px; |
| | | } |
| | | |
| | | |
| | | body.iframe, |
| | | #contact-frame |
| | |
| | | #contact-frame |
| | | { |
| | | border: none; |
| | | /* visibility: hidden; */ |
| | | } |
| | | |
| | | #contact-title, #groups-title |
| | | { |
| | | height: 12px !important; |
| | | /* height: 20px; */ |
| | | padding: 4px 5px 3px 5px; |
| | | border-bottom: 1px solid #999; |
| | | color: #333; |
| | | font-size: 11px; |
| | | font-weight: bold; |
| | | background-color: #EBEBEB; |
| | | background-image: url(images/listheader_aqua.gif); |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | #contact-title |
| | | { |
| | | padding: 4px 10px 3px 10px; |
| | | } |
| | | |
| | | #contact-details |
| | | { |
| | | padding: 15px 10px 10px 10px; |
| | | } |
| | | |
| | | #contact-details table td.title |
| | | { |
| | | color: #666; |
| | | font-weight: bold; |
| | | text-align: right; |
| | | padding-right: 10px; |
| | | } |
| | | |
| | | |