1 | /* attachments list on message screen */ |
---|
2 | .expressomail-attachments { background:#EEE; font-size:11px; width:100%; margin:0; padding:0;} |
---|
3 | .expressomail-attachments-label {display:block; float:left;} |
---|
4 | ul.expressomail-attachments-list { list-style:none; display:block; margin-left:40px;} |
---|
5 | ul.expressomail-attachments-list li {} |
---|
6 | .expressomail-attachments-link { font-size:11px;} |
---|
7 | |
---|
8 | textarea{ |
---|
9 | overflow:hidden; |
---|
10 | height:auto; |
---|
11 | /* width:18px; |
---|
12 | resize: none;*/ |
---|
13 | } |
---|
14 | a.rich{ |
---|
15 | padding : 5px; |
---|
16 | cursor : pointer; |
---|
17 | text-align: center; |
---|
18 | } |
---|
19 | button.adress_button {width: 47px; text-align: center;} |
---|
20 | span.ui-icon.expressomail-icon-read-confirmation { background-image: url(images/notification.gif) !important; background-position: 0px 0px; width: 24px; height: 24px;} |
---|
21 | span.ui-icon.expressomail-icon-save { background-image: url(images/disk.png) !important; background-position: 0px 2px; width: 16px; height: 16px; background-size: 13px;} |
---|
22 | span.ui-icon.expressomail-icon-signature { background-image: url(images/signature.gif) !important; background-position: 8px 2px; width: 24px; height: 24px; background-size: 13px;} |
---|
23 | span.ui-icon.expressomail-icon-encryption{ background-image: url(images/lock.png) !important; background-position: 7px 1px; width: 24px; height: 24px; background-size: 13px;} |
---|
24 | span.ui-icon.expressomail-icon-send { background-image: url(images/send.png) !important; background-position: -2px 2px; width: 25px; height: 16px; background-size: 19px;} |
---|
25 | span.ui-icon.expressomail-icon-save_and_send { background-image: url(images/save_and_send.png) !important; width: 25px; height: 16px; background-size: 17px;} |
---|
26 | span.ui-icon.expressomail-icon-important { background-image: url(images/important.png) !important; background-position: 7px 1px; width: 24px; height: 24px; background-size: 13px;} |
---|
27 | |
---|
28 | /* thumbs list on message screen */ |
---|
29 | .expressomail-thumbs { font-size:11px; width:100%; max-width:100%; margin:20px 0 0 0; border-top:1px solid #AAA; float: left} |
---|
30 | .expressomail-thumbs-label {} |
---|
31 | .message_options {} |
---|
32 | .expressomail-thumbs span.message_tips { display:block; padding-left:18px; line-height:18px;height:18px; background-image: url(images/menu/ktip.png); background-repeat:no-repeat;} |
---|
33 | ul.expressomail-thumbs-list { list-style:none; margin:0; padding:0;} |
---|
34 | ul.expressomail-thumbs-list li {height:80px; max-width:120px; max-height:80px; display:block; float:left; margin: 5px; padding:0;} |
---|
35 | ul.expressomail-thumbs-list li img {width:auto; height:100%; border: 2px solid #FDE7BC;} |
---|
36 | .expressomail-thumbs-link { font-size:11px;} |
---|
37 | .jcarousel-container { width: auto;} |
---|
38 | |
---|
39 | button.expressomail-button-icon-ative{color:#E17009; border: 1px solid #E17009;background: none repeat scroll 0 0 #FFE1CC;} |
---|
40 | |
---|
41 | /* todo o resto */ |
---|
42 | table.expressomail-message-body {width:100%; height:100%;} |
---|
43 | table.table_message { |
---|
44 | background: #96b3d3; /* Old browsers */ |
---|
45 | background: -moz-linear-gradient(top, #96b3d3 0%, #b4c9e4 30%, #d9e6ef 65%, #e2e9f1 70%, #e9f0f8 78%, #e8f1fa 83%, #dbe5ef 96%, #d9e3ed 100%); /* FF3.6+ */ |
---|
46 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96b3d3), color-stop(30%,#b4c9e4), color-stop(65%,#d9e6ef), color-stop(70%,#e2e9f1), color-stop(78%,#e9f0f8), color-stop(83%,#e8f1fa), color-stop(96%,#dbe5ef), color-stop(100%,#d9e3ed)); /* Chrome,Safari4+ */ |
---|
47 | background: -webkit-linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* Chrome10+,Safari5.1+ */ |
---|
48 | background: -o-linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* Opera 11.10+ */ |
---|
49 | background: -ms-linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* IE10+ */ |
---|
50 | background: linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* W3C */ |
---|
51 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96b3d3', endColorstr='#d9e3ed',GradientType=0 ); /* IE6-9 */ |
---|
52 | } |
---|
53 | table.expressomail-message-body tr{vertical-align:top;} |
---|
54 | |
---|
55 | |
---|
56 | |
---|
57 | |
---|
58 | .table_message_options{ |
---|
59 | background-color: #000; |
---|
60 | |
---|
61 | /* Apenas para ie qualquer versao */ |
---|
62 | -moz-border-collapse: separate; |
---|
63 | border-color: gray; |
---|
64 | |
---|
65 | border-spacing: 0; |
---|
66 | border-style: outset; |
---|
67 | border-width: 0.01; |
---|
68 | cursor: default; |
---|
69 | padding: 1px; |
---|
70 | -moz-border-radius: 3px; |
---|
71 | -webkit-border-radius: 3px; |
---|
72 | |
---|
73 | |
---|
74 | } |
---|
75 | |
---|
76 | .table_message_options_ie{ |
---|
77 | |
---|
78 | border-collapse: collapse; |
---|
79 | background-color: #000; |
---|
80 | border-color: gray; |
---|
81 | border-spacing: 0; |
---|
82 | border-style: outset; |
---|
83 | border-width: 1; |
---|
84 | cursor: default; |
---|
85 | padding: 1px; |
---|
86 | -moz-border-radius: 3px; |
---|
87 | -webkit-border-radius: 3px; |
---|
88 | |
---|
89 | |
---|
90 | } |
---|
91 | |
---|
92 | .table_message{ |
---|
93 | background-color: #000; |
---|
94 | |
---|
95 | /* Apenas para ie qualquer versao */ |
---|
96 | -moz-border-collapse: separate; |
---|
97 | border-color: gray; |
---|
98 | border-radius: 3px 3px 3px 3px; |
---|
99 | border-spacing: 0; |
---|
100 | border-style: outset; |
---|
101 | border-width: 1px; |
---|
102 | cursor: default; |
---|
103 | padding: 1px; |
---|
104 | -moz-border-radius: 3px; |
---|
105 | -webkit-border-radius: 3px; |
---|
106 | |
---|
107 | |
---|
108 | } |
---|
109 | |
---|
110 | .div_message_scroll { background: none repeat scroll 0% 0% WHITE; overflow: auto; padding-right: 5px;} |
---|
111 | a.message-attach-link { margin-left: 20px;} |
---|
112 | |
---|
113 | .messagescol td label {padding-right:20px;} |
---|
114 | .messagescol td.message-general-options .checkbox {margin: 5px 5px 0 0;} |
---|
115 | |
---|
116 | .ui-dialog-dragging { |
---|
117 | opacity:0.4; |
---|
118 | filter:alpha(opacity=40); /* For IE8 and earlier */ |
---|
119 | } |
---|
120 | |
---|
121 | .context-menu-item.icon-important { background-image: url(images/important.png); background-position: 6px 5px !important} |
---|
122 | .context-menu-item.icon-export { background-image: url(images/export.png); } |
---|
123 | .context-menu-item.icon-move { background-image: url(images/move.png); } |
---|
124 | .context-menu-item.icon-seen { background-image: url(images/seen.gif); } |
---|
125 | .context-menu-item.icon-unseen { background-image: url(images/unseen.gif); } |
---|
126 | .context-menu-item.icon-normal { background-image: url(images/door.png); } |
---|
127 | .context-menu-item.icon-followupflag { background-image: url(images/door.png); } |
---|
128 | |
---|
129 | |
---|
130 | .context-menu-item.icon-search-mail { background-image: url(images/menu/search.png); } |
---|
131 | .context-menu-item.icon-filter { background-image: url(images/menu/filters.png); } |
---|
132 | .context-menu-item.icon-edit-folder { background-image: url(images/menu/editfolders.png); } |
---|
133 | .context-menu-item.icon-share-mailbox { background-image: url(images/menu/usersfolders.png); } |
---|
134 | .context-menu-item.icon-label { background-image: url(images/menu/usersfolders.png); } |
---|
135 | .context-menu-item.icon-tag { background-image: url(images/menu/tag.png); background-size: 12px; background-position: 6px 2px !important;} |
---|
136 | .context-menu-item.icon-empty-trash { background-image: url(images/menu/trash.png); } |
---|
137 | .context-menu-item.icon-queue { background-image: url(images/menu/queue.png); } |
---|
138 | |
---|
139 | form.fileupload { margin: 14px 0 0 -13px; float: left; margin-bottom: -20px; } |
---|
140 | form.fileupload .files-list { margin-left: 5px; margin-top: -14px; padding: 0.2em 0.7em; } |
---|
141 | form.fileupload .files-list .delete-upload { top: 7px} |
---|
142 | ul.attachments-list { padding: 0; } |
---|
143 | .button-files-upload { float:left; } |
---|
144 | |
---|
145 | form.fileupload .ui-button .ui-button-text { line-height: 2; } |
---|
146 | form.fileupload .ui-button { margin-left: 5px; } |
---|
147 | form.fileupload .message-add-original-att { margin-left: 0px; } |
---|
148 | .button.add.button-add-attachment{margin: -9px 0 0 8px;} |
---|
149 | .button.upload{margin-bottom: 4px;} |
---|
150 | div.fileupload-buttonbar{padding: 0.2em 0.5em } |
---|
151 | .archive-error{color: #F00;} |
---|
152 | |
---|
153 | .progress.in-progress{width: 100px; height: 12px;} |
---|
154 | |
---|
155 | .row.fileupload-buttonbar{margin-top: -14px; padding: 0.2em 0.7em;} |
---|
156 | |
---|
157 | .archive-attach.name{width: 310px;} |
---|
158 | .archive-attach.name label{display: block; position: absolute; left: 136px; top: 194px;} |
---|
159 | .size{min-width: 65px;} |
---|
160 | |
---|
161 | .message-attach.name{width: 200px;} |
---|
162 | .message-attach.size{margin:0 4px 0 4px;} |
---|
163 | .message-attach-error{color:red;} |
---|
164 | |
---|
165 | |
---|
166 | /* Estilos da tela de busca rápida de contatos */ |
---|
167 | |
---|
168 | .expressomail-qs-container { font-size:11px;} |
---|
169 | .expressomail-qs-container legend { font-size:1.1em; font-weight: bold; } |
---|
170 | .expressomail-qs-container #accordion { margin: 5px;} |
---|
171 | .expressomail-qs-container fieldset, .expressomail-qs-container div {margin:0;} |
---|
172 | .expressomail-qs-container .ui-autocomplete-input { height:22px; width:200px; margin-right:-1px; } |
---|
173 | .expressomail-qs-container #wrap-progressbar { height:22px; width:122px; float:left; } |
---|
174 | .expressomail-qs-container #wrap-progressbar #inner-progressbar { text-align:center; width:100px; } |
---|
175 | .expressomail-qs-container #wrap-progressbar #inner-progressbar span { font-size:10px; line-height:12px; } |
---|
176 | .expressomail-qs-container #wrap-progressbar #inner-progressbar #progressbar { width:100px; height:10px; } |
---|
177 | .expressomail-qs-container .clear {clear:both;} |
---|
178 | /*.expressomail-qs-container #fieldset1 label {width:495px;display:inline-block; border:4px solid #72A9D3;}*/ |
---|
179 | .expressomail-qs-container fieldset { border:1px solid #AAA; border-radius:5px; margin:5px; } |
---|
180 | .expressomail-qs-container #ul {list-style:none; margin:0; padding:0;} |
---|
181 | .expressomail-qs-container #fieldset1 {color:#444;} |
---|
182 | .expressomail-qs-container #fieldset1 label {font-weight:bold; display:block;} |
---|
183 | |
---|
184 | .expressomail-qs-container #list-acc-users li, .expressomail-qs-container #search-result-users li {margin-right:5px;border-radius:3px;} |
---|
185 | .expressomail-qs-container #list-acc-mails li {margin-right:5px;padding-bottom:4px;border-radius:3px;} |
---|
186 | .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;} |
---|
187 | .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;} |
---|
188 | .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;} |
---|
189 | .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;} |
---|
190 | .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;} |
---|
191 | .expressomail-qs-container #search-result-users li span.ui-icon {display:none;} |
---|
192 | .expressomail-qs-container .ui-icon {float:right;} |
---|
193 | .expressomail-qs-container #icon-bar1 .ui-icon {float:left; margin:0 3px;} |
---|
194 | .expressomail-qs-container #icon-bar1 span {float:left; margin:2px 3px 0 0;} |
---|
195 | .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;} |
---|
196 | .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;} |
---|
197 | .expressomail-qs-container .ui-autocomplete-input {width:170px;} |
---|
198 | .expressomail-qs-container .ui-accordion .ui-accordion-content{padding:5px;} |
---|
199 | |
---|
200 | .expressomail-qs-container .foot-note {width:905px; padding:5px;margin-top:20px;border-top:1px solid #ddd;} |
---|
201 | .expressomail-qs-container .acc-list {font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#555; } |
---|
202 | .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;} |
---|
203 | .expressomail-qs-container .acc-list ul{ margin:5px 0;} |
---|
204 | .expressomail-qs-container .acc-list ul li{ border-radius:3px; padding:5px;} |
---|
205 | .expressomail-qs-container .acc-list ul li:hover {background-color:#DDD;} |
---|
206 | .expressomail-qs-container .acc-list ul li.active {background-color:#EB8F00;} |
---|
207 | .expressomail-qs-container .acc-list ul li strong {display:block;} |
---|
208 | .expressomail-qs-container .acc-list ul li em {display:block;} |
---|
209 | |
---|
210 | /*Específico do selectable*/ |
---|
211 | .expressomail-qs-container #feedback { font-size: 1.4em; } |
---|
212 | .expressomail-qs-container #selectable .ui-selecting { background: #DDECF7; } |
---|
213 | /* #selectable .ui-selected { background: #F39814; color: white; } Aqui eu troquei a cor de quando era selecionada a linha */ |
---|
214 | .expressomail-qs-container #selectable .ui-selected { background: #72A9D3; color: white; } |
---|
215 | |
---|
216 | .expressomail-qs-container #selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; } |
---|
217 | .expressomail-qs-container ul#selectable { overflow: hidden; width: 444px; height: 250px;} |
---|
218 | .expressomail-qs-container ul#selectable li { width: 435px; overflow:hidden; } |
---|
219 | .expressomail-qs-container ul#selectable li.ui-selected { width: 100%; } |
---|
220 | .expressomail-qs-container ul#selectable li div { width: 6000px; } |
---|
221 | .expressomail-qs-container .ui-button-icon-only { width: 1.2em; } |
---|
222 | .expressomail-qs-container .ui-icon { margin-left: -8px; } |
---|
223 | .expressomail-qs-container .ui-widget button { border: 0 solid; } |
---|
224 | |
---|
225 | .expressomail-qs-container .menu-control { float:right; margin-left:400px; position: absolute; z-index: 100; padding-top:5px;} |
---|
226 | .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;} |
---|
227 | .expressomail-qs-container .details-container { width:300px;height:246px; float:right; margin: 5px 0;} |
---|
228 | |
---|
229 | .expressomail-qs-container .acc-list .demo {width:100%;margin-top:20px;} |
---|
230 | |
---|
231 | .dialog-modal.expressomail-qs-container { height: 416px; padding:5px; } |
---|
232 | |
---|
233 | .ui-dialog .ui-dialog-buttonpane { padding: 0; border:none; margin: 0;} |
---|
234 | .expressomail-qs-container .menu-control .ui-button-text-only .ui-button-text { padding: 0.1em 0.6em; } |
---|
235 | |
---|
236 | /* search area definition */ |
---|
237 | fieldset.search-field, fieldset.search-catalog-options { |
---|
238 | border:1px solid #CFCFCF; |
---|
239 | padding: 5px; |
---|
240 | } |
---|
241 | |
---|
242 | fieldset.search-field input, fieldset.search-catalog-options select{ |
---|
243 | display: inline-block; |
---|
244 | border: none; |
---|
245 | background-color: #FFF; |
---|
246 | } |
---|
247 | |
---|
248 | fieldset.search-field span { |
---|
249 | display: inline-block; |
---|
250 | margin:0 0 -3px 5px; |
---|
251 | } |
---|
252 | |
---|
253 | /* #search area definition */ |
---|
254 | fieldset.search-field { max-width: 190px; width: 190px; margin: 0px; text-align: left; display: inline;} |
---|
255 | fieldset.search-field input { max-width: 165px; width: 165px; } |
---|
256 | |
---|
257 | fieldset.search-catalog-options { max-width: 124px; width: 120px; margin: 0px; text-align: left; display: inline;} |
---|
258 | fieldset.search-catalog-options select { max-width: 120px; width: 120px; } |
---|
259 | |
---|
260 | |
---|
261 | .ui-dialog .ui-dialog-titlebar-minimize { |
---|
262 | height: 18px; |
---|
263 | margin: -10px 0 0; |
---|
264 | padding: 1px; |
---|
265 | position: absolute; |
---|
266 | right: 1.8em; |
---|
267 | top: 50%; |
---|
268 | width: 19px; |
---|
269 | } |
---|
270 | |
---|
271 | .ui-dialog-buttonpane .ui-button { |
---|
272 | margin-top: 0; |
---|
273 | padding-top: 0; |
---|
274 | } |
---|
275 | |
---|
276 | |
---|
277 | .button-mod { margin-top: -2.5em; } |
---|
278 | |
---|
279 | /*print.css */ |
---|
280 | |
---|
281 | .print-all-messages h1 { font-size: 1.35em; } |
---|
282 | .print-all-messages h2 { font-size: 1.05em; } |
---|
283 | .print-all-messages tbody { font-size: 0.95em; } |
---|
284 | .print-all-messages thead td { font-weight: bold; padding: 3px; border-bottom: solid 2px #999; } |
---|
285 | .print-all-messages tbody td { border-bottom: solid 1px #ccc; } |
---|
286 | .print-all-messages img { display: none; } |
---|
287 | .print-all-messages input { display: none; } |
---|