1 | /* Estilos da tela de busca rápida de contatos */
|
---|
2 |
|
---|
3 | .expressomail-qs-container { font-size:11px;} |
---|
4 | .expressomail-qs-container legend { font-size:1.1em; font-weight: bold; } |
---|
5 | .expressomail-qs-container #accordion { margin: 5px;} |
---|
6 | .expressomail-qs-container fieldset, .expressomail-qs-container div {margin:0;} |
---|
7 | .expressomail-qs-container .ui-autocomplete-input { height:22px; width:200px; margin-right:-1px; } |
---|
8 | .expressomail-qs-container #wrap-progressbar { height:22px; width:122px; float:left; } |
---|
9 | .expressomail-qs-container #wrap-progressbar #inner-progressbar { text-align:center; width:100px; } |
---|
10 | .expressomail-qs-container #wrap-progressbar #inner-progressbar span { font-size:10px; line-height:12px; } |
---|
11 | .expressomail-qs-container #wrap-progressbar #inner-progressbar #progressbar { width:100px; height:10px; } |
---|
12 | .expressomail-qs-container .clear {clear:both;} |
---|
13 | /*.expressomail-qs-container #fieldset1 label {width:495px;display:inline-block; border:4px solid #72A9D3;}*/ |
---|
14 | .expressomail-qs-container fieldset { border:1px solid #AAA; border-radius:5px; margin:5px; } |
---|
15 | .expressomail-qs-container #ul {list-style:none; margin:0; padding:0;} |
---|
16 | .expressomail-qs-container #fieldset1 {color:#444;} |
---|
17 | .expressomail-qs-container #fieldset1 label {font-weight:bold; display:block;} |
---|
18 | |
---|
19 | .expressomail-qs-container #list-acc-users li, .expressomail-qs-container #search-result-users li {margin-right:5px;border-radius:3px;} |
---|
20 | .expressomail-qs-container #list-acc-mails li {margin-right:5px;padding-bottom:4px;border-radius:3px;} |
---|
21 | .expressomail-qs-container #list-acc-users li:hover, .expressomail-qs-container #list-acc-mails li:hover, .expressomail-qs-container #search-result-users li:hover {background-color:#DDD;} |
---|
22 | .expressomail-qs-container #list-acc-users li span.ui-icon, .expressomail-qs-container #list-acc-mails li span.ui-icon, .expressomail-qs-container #search-result-users li span.ui-icon {display:none; margin:2px;} |
---|
23 | .expressomail-qs-container #list-acc-users li input, .expressomail-qs-container #list-acc-mails li input, .expressomail-qs-container #search-result-users li input {margin-top:5px;} |
---|
24 | .expressomail-qs-container #list-acc-users li label, .expressomail-qs-container #list-acc-mails li label, .expressomail-qs-container #search-result-users li label {margin-top:-5px;} |
---|
25 | .expressomail-qs-container #list-acc-users li:hover span, .expressomail-qs-container #list-acc-mails li:hover span, .expressomail-qs-container #search-result-users li:hover span {display:inline;} |
---|
26 | .expressomail-qs-container #search-result-users li span.ui-icon {display:none;} |
---|
27 | .expressomail-qs-container .ui-icon {float:right;} |
---|
28 | .expressomail-qs-container #icon-bar1 .ui-icon {float:left; margin:0 3px;} |
---|
29 | .expressomail-qs-container #icon-bar1 span {float:left; margin:2px 3px 0 0;} |
---|
30 | .expressomail-qs-container .ui-icon-trash, .expressomail-qs-container .ui-icon-edit, .expressomail-qs-container .ui-icon-close, .expressomail-qs-container .ui-icon-plus, .expressomail-qs-container .ui-icon-pencil {background-color:#EEE;} |
---|
31 | .expressomail-qs-container .ui-icon-trash:hover, .expressomail-qs-container .ui-icon-edit:hover, .expressomail-qs-container .ui-icon-close:hover, .expressomail-qs-container .ui-icon-plus:hover, .expressomail-qs-container .ui-icon-pencil:hover {background-color:#BBB;} |
---|
32 | .expressomail-qs-container .ui-autocomplete-input {width:170px;} |
---|
33 | .expressomail-qs-container .ui-accordion .ui-accordion-content{padding:5px;} |
---|
34 | |
---|
35 | .expressomail-qs-container .foot-note {width:905px; padding:5px;margin-top:20px;border-top:1px solid #ddd;} |
---|
36 | .expressomail-qs-container .acc-list {font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#555; } |
---|
37 | .expressomail-qs-container .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;} |
---|
38 | .expressomail-qs-container .acc-list ul{ margin:5px 0;} |
---|
39 | .expressomail-qs-container .acc-list ul li{ border-radius:3px; padding:5px;} |
---|
40 | .expressomail-qs-container .acc-list ul li:hover {background-color:#DDD;} |
---|
41 | .expressomail-qs-container .acc-list ul li.active {background-color:#EB8F00;} |
---|
42 | .expressomail-qs-container .acc-list ul li strong {display:block;} |
---|
43 | .expressomail-qs-container .acc-list ul li em {display:block;} |
---|
44 | |
---|
45 | /*Específico do selectable*/ |
---|
46 | .expressomail-qs-container #feedback { font-size: 1.4em; } |
---|
47 | .expressomail-qs-container #selectable .ui-selecting { background: #DDECF7; } |
---|
48 | /* #selectable .ui-selected { background: #F39814; color: white; } Aqui eu troquei a cor de quando era selecionada a linha */ |
---|
49 | .expressomail-qs-container #selectable .ui-selected { background: #72A9D3; color: white; } |
---|
50 | |
---|
51 | .expressomail-qs-container #selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; } |
---|
52 | .expressomail-qs-container ul#selectable { overflow: hidden; width: 444px; height: 250px;} |
---|
53 | .expressomail-qs-container ul#selectable li { width: 435px; overflow:hidden; } |
---|
54 | .expressomail-qs-container ul#selectable li.ui-selected { width: 100%; } |
---|
55 | .expressomail-qs-container ul#selectable li div { width: 6000px; } |
---|
56 | .expressomail-qs-container .ui-button-icon-only { width: 1.2em; } |
---|
57 | .expressomail-qs-container .ui-icon { margin-left: -8px; } |
---|
58 | .expressomail-qs-container .ui-widget button { border: 0 solid; } |
---|
59 | |
---|
60 | .expressomail-qs-container .menu-control { float:right; margin-left:400px; position: absolute; z-index: 100; padding-top:5px;} |
---|
61 | .expressomail-qs-container .acc-list { width:444px;height:250px;float:left;border:1px solid #DDD;background-color:#EEE;border-radius:3px;margin-left:1px; margin: 10px 5px 5px 1px;} |
---|
62 | .expressomail-qs-container .details-container { width:300px;height:246px; float:right; margin: 5px 0;} |
---|
63 | |
---|
64 | .expressomail-qs-container .acc-list .demo {width:100%;margin-top:20px;} |
---|
65 | |
---|
66 | .dialog-modal.expressomail-qs-container { height: 416px; padding:5px; } |
---|
67 | |
---|
68 | .ui-dialog .ui-dialog-buttonpane { padding: 0; border:none; margin: 0;} |
---|
69 | .expressomail-qs-container .menu-control .ui-button-text-only .ui-button-text { padding: 0.1em 0.6em; } |
---|
70 | |
---|
71 | /* search area definition */ |
---|
72 | fieldset.search-field, fieldset.search-catalog-options { |
---|
73 | border:1px solid #CFCFCF; |
---|
74 | padding: 5px; |
---|
75 | } |
---|
76 | |
---|
77 | fieldset.search-field input, fieldset.search-catalog-options select{ |
---|
78 | display: inline-block; |
---|
79 | border: none; |
---|
80 | background-color: #FFF; |
---|
81 | } |
---|
82 | |
---|
83 | fieldset.search-field span { |
---|
84 | display: inline-block; |
---|
85 | margin:0 0 -3px 5px; |
---|
86 | } |
---|
87 | |
---|
88 | /* #search area definition */ |
---|
89 | fieldset.search-field { max-width: 190px; width: 190px; margin: 0px; text-align: left; display: inline;} |
---|
90 | fieldset.search-field input { max-width: 165px; width: 165px; } |
---|
91 | |
---|
92 | fieldset.search-catalog-options { max-width: 124px; width: 120px; margin: 0px; text-align: left; display: inline;} |
---|
93 | fieldset.search-catalog-options select { max-width: 120px; width: 120px; } |
---|
94 | |
---|
95 | |
---|
96 | .ui-dialog .ui-dialog-titlebar-minimize { |
---|
97 | height: 18px; |
---|
98 | margin: -10px 0 0; |
---|
99 | padding: 1px; |
---|
100 | position: absolute; |
---|
101 | right: 1.8em; |
---|
102 | top: 50%; |
---|
103 | width: 19px; |
---|
104 | } |
---|
105 | |
---|
106 | .ui-dialog-buttonpane .ui-button { |
---|
107 | margin-top: 0; |
---|
108 | padding-top: 0; |
---|
109 | } |
---|
110 |
|
---|
111 | |
---|
112 | .button-mod { margin-top: -2.5em; } |
---|