| 1 | /* Estilos da tela de busca rápida de contatos */
|
|---|
| 2 |
|
|---|
| 3 | body { font-size:11px;}
|
|---|
| 4 | fieldset, div {margin:0;}
|
|---|
| 5 | .ui-autocomplete-input { height:22px; width:200px; margin-right:-1px; }
|
|---|
| 6 | #wrap-progressbar { height:22px; width:122px; float:left; }
|
|---|
| 7 | #wrap-progressbar #inner-progressbar { text-align:center; width:100px; }
|
|---|
| 8 | #wrap-progressbar #inner-progressbar span { font-size:10px; line-height:12px; }
|
|---|
| 9 | #wrap-progressbar #inner-progressbar #progressbar { width:100px; height:10px; }
|
|---|
| 10 | .clear {clear:both;}
|
|---|
| 11 | #fieldset1 label {width:495px;display:inline-block; border:4px solid #72A9D3;}
|
|---|
| 12 | fieldset { border:1px solid #AAA; border-radius:5px; margin:5px; }
|
|---|
| 13 | ul {list-style:none; margin:0; padding:0;}
|
|---|
| 14 |
|
|---|
| 15 | #list-acc-users li, #search-result-users li {margin-right:5px;border-radius:3px;}
|
|---|
| 16 | #list-acc-mails li {margin-right:5px;padding-bottom:4px;border-radius:3px;}
|
|---|
| 17 | #list-acc-users li:hover, #list-acc-mails li:hover, #search-result-users li:hover {background-color:#DDD;}
|
|---|
| 18 | #list-acc-users li span.ui-icon, #list-acc-mails li span.ui-icon, #search-result-users li span.ui-icon {display:none; margin:2px;}
|
|---|
| 19 | #list-acc-users li input, #list-acc-mails li input, #search-result-users li input {margin-top:5px;}
|
|---|
| 20 | #list-acc-users li label, #list-acc-mails li label, #search-result-users li label {margin-top:-5px;}
|
|---|
| 21 | #list-acc-users li:hover span, #list-acc-mails li:hover span, #search-result-users li:hover span {display:inline;}
|
|---|
| 22 | #search-result-users li span.ui-icon {display:none;}
|
|---|
| 23 | .ui-icon {float:right;}
|
|---|
| 24 | #icon-bar1 .ui-icon {float:left; margin:0 3px;}
|
|---|
| 25 | #icon-bar1 span {float:left; margin:2px 3px 0 0;}
|
|---|
| 26 | .ui-icon-trash, .ui-icon-edit, .ui-icon-close, .ui-icon-plus, .ui-icon-pencil {background-color:#EEE;}
|
|---|
| 27 | .ui-icon-trash:hover, .ui-icon-edit:hover, .ui-icon-close:hover, .ui-icon-plus:hover, .ui-icon-pencil:hover {background-color:#BBB;}
|
|---|
| 28 | .ui-autocomplete-input {width:170px;}
|
|---|
| 29 | .ui-accordion .ui-accordion-content{padding:5px;}
|
|---|
| 30 |
|
|---|
| 31 | .foot-note {width:905px; padding:5px;margin-top:20px;border-top:1px solid #ddd;}
|
|---|
| 32 | .acc-list {font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#555; }
|
|---|
| 33 | .acc-list h3{font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#555; margin:0; padding:5px 3px; background-color:#fff;}
|
|---|
| 34 | .acc-list ul{ margin:5px 0;}
|
|---|
| 35 | .acc-list ul li{ border-radius:3px; padding:10px;}
|
|---|
| 36 | .acc-list ul li:hover {background-color:#DDD;}
|
|---|
| 37 | .acc-list ul li.active {background-color:#EB8F00;}
|
|---|
| 38 | .acc-list ul li strong {display:block;}
|
|---|
| 39 | .acc-list ul li em {display:block;}
|
|---|
| 40 |
|
|---|
| 41 | /*Específico do selectable*/
|
|---|
| 42 | #feedback { font-size: 1.4em; }
|
|---|
| 43 | #selectable .ui-selecting { background: #DDECF7; }
|
|---|
| 44 | /* #selectable .ui-selected { background: #F39814; color: white; } Aqui eu troquei a cor de quando era selecionada a linha */
|
|---|
| 45 | #selectable .ui-selected { background: #72A9D3; color: white; }
|
|---|
| 46 |
|
|---|
| 47 | #selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
|
|---|
| 48 | ul#selectable { overflow: hidden; width: 370px;}
|
|---|
| 49 | ul#selectable li { width: 300px; overflow:hidden; }
|
|---|
| 50 | ul#selectable li.ui-selected { width: 81%; }
|
|---|
| 51 | ul#selectable li div { width: 6000px; }
|
|---|
| 52 | .ui-button-icon-only { width: 1.2em; }
|
|---|
| 53 | .ui-icon { margin-left: -8px; }
|
|---|
| 54 | .ui-widget button { border: 0 solid; }
|
|---|
| 55 |
|
|---|
| 56 | #dialog-modal { height: 416px; }
|
|---|
| 57 |
|
|---|
| 58 | |
|---|
