From 68e13c45d396744a7e848d1a82830b7fd408863a Mon Sep 17 00:00:00 2001 From: thomascube Date: Thu, 22 Dec 2011 18:00:18 +0000 Subject: Address book styling for Larry; show about page in UI dialog --- skins/larry/addressbook.css | 102 +++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 100 insertions(+), 2 deletions(-) (limited to 'skins/larry/addressbook.css') diff --git a/skins/larry/addressbook.css b/skins/larry/addressbook.css index 57a1b0da4..c1a8e54dc 100644 --- a/skins/larry/addressbook.css +++ b/skins/larry/addressbook.css @@ -90,6 +90,22 @@ 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 { background-position: 6px -1603px; } @@ -141,12 +157,16 @@ #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, #contacthead .names input { font-size: 140%; @@ -180,6 +200,84 @@ 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; @@ -189,5 +287,5 @@ a.deletebutton { 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; } -- cgit v1.2.3