rooty/OwncloudContactsOfficial
1
0
Fork 0
mirror of https://github.com/owncloudarchive/contacts.git synced 2024-12-01 13:24:10 +01:00
Code Issues Releases Activity

Merge pull request #538 from owncloud/contacts-addressbox-UI

Browse Source 
A better looking Create Contact Area
This commit is contained in:
Raghu Nayyar 2013-02-09 02:00:56 -08:00
commit 101bffb127
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/contacts.css
View File

@ -50,6 +50,7 @@
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#content fieldset.editor {
padding:4px;
border: 1px solid #1d2d44;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; outline:none;
}
@ -136,7 +137,7 @@
#contact { margin: 1em; }
#contact textarea { min-height: 5em; width: 100%; margin: 0 !important; padding: 0 !important; outline: 0 !important;}
#contact input[type="checkbox"] { margin-top: 10px; vertical-align: bottom; float: left; }
#contact input[type="checkbox"] { margin: 3px; padding:1px; vertical-align: bottom; float: left; }
/*dl.form { display: block; width: auto; margin: 0; padding: 0; cursor: normal; }*/
.form dt { display: inline-block; clear: left; float: left; width: 7em; margin: 0; padding: 0.8em 0.5em 0 0; text-align:right; text-overflow:ellipsis; o-text-overflow: ellipsis; vertical-align: text-bottom; color: #bbb;/* white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap;*/ }
.form dd { display: inline-block; clear: right; float: left; margin: 0; padding: 0; white-space: nowrap; vertical-align: text-bottom; }
@ -257,20 +258,19 @@
text-align: right;
box-sizing: border-box;
display: inline-block;
margin-top:10px;
}
ul.propertylist { width: 450px; }
.propertylist li.propertycontainer { white-space: nowrap; min-width: 38em; display: block; clear: both; }
.propertylist li.propertycontainer > .listactions {
display: inline-block;
position: absolute;
clear: none; opacity: 0;
float: right;
}
.propertylist li.propertycontainer:hover > .listactions { opacity: 1; }
.propertylist li.propertycontainer .listactions a {
display: inline-block;
float: left; clear: none;
clear: none;
width: 16px; height: 16px;
}
@ -298,8 +298,10 @@ ul.propertylist { width: 450px; }
border: 0;
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
#rightcontent label:hover, #rightcontent dt:hover, #rightcontent input.label:hover { color: #777 !important; }
#rightcontent input.label, #rightcontent input.label { margin:-2px; }
#rightcontent input.label:hover, #rightcontent input.label:active { border: 0 none !important; border-radius: 0; cursor: pointer; }
.typelist[type="button"] { float: left; max-width: 8em; border: 0; background-color: #fff; color: #bbb; box-shadow: none; } /* for multiselect */
.typelist[type="button"]:hover { color: #777; } /* for multiselect */
@ -502,7 +504,7 @@ input[type="checkbox"].propertytype { width: 10px; }
.adr.editor input.value:hover { border: none; }
.adr.editor input.value.street, ul.adr.edit input.value.country, ul.adr.edit input.value.region { width: 19em;}
.adr.editor input.value.zip { width: 5em; }
.adr.editor input.value.city { width: 10em; }
.adr.editor input.value.city { width: 10em; margin:4px; }
.note { margin-left: 120px; }
@ -557,7 +559,7 @@ input[type="checkbox"].propertytype { width: 10px; }
padding-top: .5em;
overflow: hidden; text-overflow: ellipsis; text-align: bottom; white-space: nowrap;
}
#contact span.adr:hover { /*overflow: inherit;*/ white-space: pre-wrap; }
#contact span.adr:hover { /*overflow: inherit;*/ /*white-space: pre-wrap;*/ }
#contact > ul.propertylist {
-webkit-transition: all 0.5s ease-in-out;