| | |
| | | /** |
| | | * Roundcube webmail styles for the Address Book section |
| | | * |
| | | * Copyright (c) 2011, The Roundcube Dev Team |
| | | * Copyright (c) 2012, The Roundcube Dev Team |
| | | * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com |
| | | * |
| | | * The contents are subject to the Creative Commons Attribution-ShareAlike |
| | |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | #contacts-table .contact.readonly td { |
| | | font-style: italic; |
| | | } |
| | | |
| | | #directorylist li.addressbook a { |
| | | background-position: 6px -766px; |
| | | } |
| | |
| | | |
| | | #directorylist li.contactgroup.selected a { |
| | | background-position: 32px -1579px; |
| | | } |
| | | |
| | | #directorylist li.contactgroup input { |
| | | margin-left: 36px; |
| | | } |
| | | |
| | | #directorylist li.contactsearch a { |
| | | background-position: 6px -1651px; |
| | | } |
| | | |
| | | #directorylist li.contactsearch.selected a { |
| | | background-position: 6px -1675px; |
| | | } |
| | | |
| | | #directorylist li.contactsearch input { |
| | | margin-left: 8px; |
| | | } |
| | | |
| | | #contacts-table .contact td.name { |
| | |
| | | right: 0; |
| | | bottom: 28px; |
| | | border: 0; |
| | | border-radius: 4px; |
| | | } |
| | | |
| | | #headerbuttons { |
| | |
| | | |
| | | #contacthead { |
| | | border: 0; |
| | | margin: 0 20em 1em 0; |
| | | margin: 0 16em 1em 0; |
| | | padding: 0; |
| | | line-height: 1.5em; |
| | | font-size: 12px; |
| | | } |
| | | |
| | | form #contacthead { |
| | | margin-right: 0; |
| | | } |
| | | |
| | | #contacthead .names span.namefield, |
| | |
| | | width: 90px; |
| | | } |
| | | |
| | | .contactfieldgroup { |
| | | border: 0; |
| | | border-radius: 5px; |
| | | background: #f7f7f7; |
| | | background: -moz-linear-gradient(top, #f7f7f7 0%, #eee 100%); |
| | | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#eee)); |
| | | background: -o-linear-gradient(top, #f7f7f7 0%, #eee 100%); |
| | | background: -ms-linear-gradient(top, #f7f7f7 0%, #eee 100%); |
| | | background: linear-gradient(top, #f7f7f7 0%, #eee 100%); |
| | | margin: 0 0 12px 0; |
| | | padding: 8px; |
| | | } |
| | | |
| | | .contactfieldgroup legend { |
| | | display: block; |
| | | margin: 0 -8px; |
| | | width: 100%; |
| | | font-weight: bold; |
| | | text-shadow: 0px 1px 1px #fff; |
| | | padding: 6px 8px 3px 8px; |
| | | background: #f0f0f0; |
| | | background: -moz-linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%); |
| | | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d6d6d6)); |
| | | background: -o-linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%); |
| | | background: -ms-linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%); |
| | | background: linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%); |
| | | border-bottom: 1px solid #cfcfcf; |
| | | border-radius: 5px 5px 0 0; |
| | | } |
| | | |
| | | .contactfieldgroup .row { |
| | | position: relative; |
| | | margin: 0.2em 0; |
| | | } |
| | | |
| | | .contactfieldgroup .contactfieldlabel { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 2px; |
| | | width: 110px; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | color: #666; |
| | | } |
| | | |
| | | .contactfieldgroup .contactfieldlabel select { |
| | | width: 100%; |
| | | color: #666; |
| | | } |
| | | |
| | | .contactfieldgroup .contactfieldcontent { |
| | | padding-left: 120px; |
| | | min-height: 1em; |
| | | line-height: 1.3em; |
| | | } |
| | | |
| | | .contactfieldgroup .contactfield { |
| | | line-height: 1.3em; |
| | | } |
| | | |
| | | .contactcontrolleraddress .contactfieldcontent input { |
| | | margin-bottom: 0.1em; |
| | | } |
| | | |
| | | .contactfieldcontent.composite { |
| | | padding-bottom: 8px; |
| | | } |
| | | |
| | | .contactfieldcontent .contactfieldbutton { |
| | | vertical-align: middle; |
| | | margin-left: 0.5em; |
| | | } |
| | | |
| | | .contactfield .ff_notes { |
| | | width: 99%; |
| | | } |
| | | |
| | | a.deletebutton { |
| | | position: relative; |
| | | left: 5px; |
| | |
| | | height: 18px; |
| | | text-decoration: none; |
| | | text-indent: -1000px; |
| | | background: url(images/buttons.png) -7px -337px no-repeat; |
| | | background: url(images/buttons.png) -7px -377px no-repeat; |
| | | } |