Mercurial > hg > rc1
diff skins/larry/addressbook.css @ 0:1e000243b222
vanilla 1.3.3 distro, I hope
author | Charlie Root |
---|---|
date | Thu, 04 Jan 2018 15:50:29 -0500 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/skins/larry/addressbook.css Thu Jan 04 15:50:29 2018 -0500 @@ -0,0 +1,405 @@ +/** + * Roundcube webmail styles for the Address Book section + * + * Copyright (c) 2012-2017, The Roundcube Dev Team + * Screendesign by FLINT / B�ro f�r Gestaltung, bueroflint.com + * + * The contents are subject to the Creative Commons Attribution-ShareAlike + * License. It is allowed to copy, distribute, transmit and to adapt the work + * by keeping credits to the original autors in the README file. + * See http://creativecommons.org/licenses/by-sa/3.0/ for details. + */ + +#addressview-left { + position: absolute; + top: 0; + left: 0; + width: 200px; + bottom: 0; + z-index: 2; +} + +#addressview-right { + position: absolute; + top: 0; + left: 212px; + right: 0; + bottom: 0; + z-index: 3; +} + +#addressbooktoolbar { + position: absolute; + top: -6px; + left: 0; + height: 40px; + white-space: nowrap; + z-index: 10; +} + +#directorylistbox { + position: absolute; + top: 0; + left: 0; + width: 100%; + bottom: 0; +} + +#addresslist { + position: absolute; + top: 0; + left: 0; + width: 260px; + bottom: 0; +} + +#contacts-box { + position: absolute; + top: 0; + left: 272px; + right: 0; + bottom: 0; +} + +#addressview-left #quicksearchbar input { + width: 156px; +} + +#directorylist li a, +.treelist li.contactsearch a, +#contacts-table .contact td.name { + background-image: url(images/listicons.png?v=c458.10409); + background-position: -100px 0; + background-repeat: no-repeat; + overflow: hidden; + text-overflow: ellipsis; +} + +#directorylist li.addressbook a { + 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-position: 6px -791px; +} + +#directorylist ul li.addressbook.selected > a { + background-position: 32px -791px; +} + +#directorylist ul ul li.addressbook.selected > a { + background-position: 58px -791px; +} + +#directorylist li.contactgroup a { + background-position: 6px -1554px; +} + +#directorylist ul li.contactgroup a { + background-position: 32px -1554px; +} + +#directorylist ul ul li.contactgroup a { + background-position: 58px -1554px; +} + +#directorylist ul ul ul li.contactgroup a { + background-position: 84px -1554px; +} + +#directorylist li.contactgroup.selected a { + background-position: 32px -1578px; +} + +#directorylist ul ul li.contactgroup.selected a { + background-position: 58px -1578px; +} + +#directorylist ul ul ul li.contactgroup.selected a { + background-position: 84px -1578px; +} + +.treelist li.contactsearch a { + background-position: 6px -1651px; +} + +.treelist li.contactsearch.selected a { + background-position: 6px -1675px; +} + +#directorylist li.addressbook div.collapsed, +#directorylist li.addressbook div.expanded { + top: 15px; +} + +#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?v=c458.10409) -2px -1180px no-repeat; +} + +#contacts-table .contact td.name { + background-position: 4px -1601px; +} + +#contacts-table .contact.selected td.name { + background-position: 4px -1625px; + font-weight: bold; +} + +#contacts-table .group td.name { + background-position: 4px -1555px; +} + +#contacts-table .group.selected td.name { + background-position: 4px -1578px; + font-weight: bold; +} + +#contacts-table.focus .group.selected.focused td.name { + background-position: 4px -1578px; +} + +#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: 0px; + border: 0; + border-radius: 4px; +} + +#headerbuttons { + position: absolute; + top: 48px; + right: 10px; + width: auto; + z-index: 10; +} + +#sourcename { + color: #999; + font-size: 10px; + margin: -5px 0 8px 2px; +} + +#contactphoto { + float: left; + margin: 0 18px 20px 0; + width: 112px; + border: 0; + padding: 0; +} + +#contactpic { + width: 112px; + min-height: 112px; + background: white; +} + +#contactpic img { + max-width: 112px; + visibility: inherit; +} + +#contactpic.droptarget { + background-image: url(images/filedrop.png?v=be5d.415); + background-position: center; + background-repeat: no-repeat; +} + +#contactpic.droptarget.hover { + background-color: #d9ecf4; + box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); +} + +#contactpic.droptarget.active img { + opacity: 0.15; +} + +#contactpic.droptarget.hover 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 { + margin-right: 0; +} + +#contacthead .names span.namefield, +#contacthead .names input { + font-size: 140%; + font-weight: bold; +} + +#contacthead .displayname span.namefield { + font-size: 120%; + font-weight: bold; +} + +#contacthead span.nickname:before, +#contacthead span.nickname:after { + content: '"'; +} + +#contacthead input { + margin-right: 6px; + margin-bottom: 0.2em; +} + +#contacthead .names input, +#contacthead .addnames input { + width: 180px; +} + +#contacthead input.ff_prefix, +#contacthead input.ff_suffix { + width: 90px; +} + +.contactfieldgroup { + border: 0; + border-radius: 0; + background: #f7f7f7; + margin: 0 0 12px 0; + padding: 8px; +} + +.contactfieldgroup legend { + display: block; + margin: 0 -8px; + width: 100%; + font-weight: bold; + padding: 8px 8px 6px 8px; + background: #e9e9e9; + border-bottom: 1px solid #dfdfdf; + border-radius: 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; + top: -3px; + display: inline-block; + width: 24px; + height: 18px; + text-decoration: none; + text-indent: -5000px; + background: url(images/buttons.png?v=d70c.9130) -7px -377px no-repeat; +} + +#import-box { + position: absolute; + bottom: 0px; + top: 34px; + left: 0; + right: 0; + overflow: auto; + padding: 10px; +} + +#import-box p, +#import-box .propform { + max-width: 50em; +}