rooty/OwncloudContactsOfficial
1
0
Fork 0
mirror of https://github.com/owncloudarchive/contacts.git synced 2025-01-30 19:52:17 +01:00
Code Issues Releases Activity

Contacts: css cleanup.

Browse Source
This commit is contained in:
Thomas Tanghus 2012-12-07 15:06:01 +01:00
parent 0d863fe1b5
commit d2ef4c1693
1 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
css/contacts.css
View File

@ -5,7 +5,6 @@
height: 14px; width: 14px;
border: 1px solid #fff;
-moz-appearance:none; -webkit-appearance: none;
-moz-box-sizing:none; box-sizing:none;
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
@ -104,12 +103,11 @@
#content input:not([type="checkbox"]), #content select, #content textarea {
background-color: #fefefe; border: 1px solid #fff !important;
-moz-appearance:none !important; -webkit-appearance: none !important;
-webkit-box-sizing:none !important; -moz-box-sizing:none !important; box-sizing:none !important;
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
float: left;
}
#content input:invalid, #content input:hover:not([type="checkbox"]), #content input:active:not([type="checkbox"]), #content input:focus:not([type="checkbox"]), #content textarea:focus, #content textarea:hover {
#content input:invalid, #content input:hover:not([type="checkbox"]), #content input:active:not([type="checkbox"]), #content input:focus:not([type="checkbox"]), #content input.active, #content textarea:focus, #content textarea:hover {
border: 1px solid silver !important;
-moz-border-radius:.3em; -webkit-border-radius:.3em; border-radius:.3em;
outline:none; float: left;
@ -122,10 +120,9 @@
dl.form { display: inline-block; width: auto; margin: 0; padding: 0; cursor: normal; }
.form dt { display: table-cell; 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: table-cell; clear: right; float: left; margin: 0; padding: 0; white-space: nowrap; vertical-align: text-bottom; }
.action { display: inline-block; width: 20px; height: 20px; }
.action.share { height: 20px !important; width: 20px; float: right !important; clear: right; }
.action { display: inline-block; width: 22px; height: 22px; padding: 0; margin: 0; cursor: pointer; }
/* override the default margin on share dropdown */
#dropdown { margin: 1.5em 0; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
#dropdown { margin: 1.5em 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
.add { background:url('%webroot%/core/img/actions/add.svg') no-repeat center; clear: both; }
.delete { background:url('%webroot%/core/img/actions/delete.png') no-repeat center; }
.edit { background:url('%webroot%/core/img/actions/rename.svg') no-repeat center; }
@ -219,13 +216,14 @@ dl.form { display: inline-block; width: auto; margin: 0; padding: 0; cursor: nor
#contacts-settings .settings {
width: 20px; height: 20px;
float: right;
float: left;
background:url('%webroot%/core/img/actions/settings.svg') no-repeat center;
}
#contacts-settings.open {
height: auto;
}
#contacts-settings {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: none repeat scroll 0 0 #EEEEEE;
@ -241,6 +239,8 @@ dl.form { display: inline-block; width: auto; margin: 0; padding: 0; cursor: nor
z-index: 2;
}
#contacts-settings li,#contacts-settings li:hover { background-color: transparent; white-space: nowrap; }
#contacts-settings a.action { width: 20px; height: 20px; }
#contacts-settings .actions { float: right; }
.multiselectoptions label { display: block; }
/* Single elements */
@ -339,7 +339,7 @@ input.propertytype { float: left; font-size: .8em; width: 8em !important; direct
.adr.edit input.value.zip { width: 5em; }
.adr.edit input.value.city { width: 10em; }
#rightcontent footer { padding: 1em; width: 100%; box-sizing: border-box; clear: both; }
#rightcontent footer { padding: 1em; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; clear: both; }
#rightcontent footer > { display: inline-block; }
/* contact list */
@ -368,6 +368,14 @@ input.propertytype { float: left; font-size: .8em; width: 8em !important; direct
}
#contact span.adr:hover { /*overflow: inherit;*/ white-space: pre-wrap; }
#contact > ul.propertylist {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 1400px) {
#contact > ul.propertylist {
-moz-column-count: 3;
@ -376,7 +384,7 @@ input.propertytype { float: left; font-size: .8em; width: 8em !important; direct
columns: 3;
}
}
@media screen and (min-width: 800px) and (max-width: 1400) {
@media screen and (min-width: 800px) and (max-width: 1400px) {
#singlevalues { max-width: 50%; }
#contact > ul.propertylist {
-moz-column-count: 2;