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: 315px; 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 | |
---|