|
0
|
1 /***** Roundcube|Mail mail task styles *****/
|
|
|
2
|
|
|
3
|
|
|
4 #messagetoolbar
|
|
|
5 {
|
|
|
6 position: absolute;
|
|
|
7 top: 47px;
|
|
|
8 left: 205px;
|
|
|
9 right: 10px;
|
|
|
10 height: 35px;
|
|
|
11 min-width: 650px;
|
|
|
12 white-space: nowrap;
|
|
|
13 /* border: 1px solid #cccccc; */
|
|
|
14 }
|
|
|
15
|
|
|
16 .extwin #messagetoolbar
|
|
|
17 {
|
|
|
18 top: 5px;
|
|
|
19 left: 20px;
|
|
|
20 }
|
|
|
21
|
|
|
22 #messagetoolbar a,
|
|
|
23 #messagetoolbar select
|
|
|
24 {
|
|
|
25 display: block;
|
|
|
26 float: left;
|
|
|
27 padding-right: 10px;
|
|
|
28 }
|
|
|
29
|
|
|
30 #messagetoolbar a.button,
|
|
|
31 #messagetoolbar a.buttonPas {
|
|
|
32 display: block;
|
|
|
33 float: left;
|
|
|
34 width: 32px;
|
|
|
35 height: 32px;
|
|
|
36 padding: 0;
|
|
|
37 margin: 0 5px;
|
|
|
38 overflow: hidden;
|
|
|
39 background: url(images/mail_toolbar.png?v=6409.13340) 0 0 no-repeat transparent;
|
|
|
40 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
|
|
|
41 }
|
|
|
42
|
|
|
43 #messagetoolbar a.buttonPas {
|
|
|
44 opacity: 0.35;
|
|
|
45 }
|
|
|
46
|
|
|
47 #messagetoolbar a.button.selected {
|
|
|
48 background-color: #ddd;
|
|
|
49 margin-left: 4px;
|
|
|
50 margin-right: 4px;
|
|
|
51 margin-top: -1px;
|
|
|
52 border: 1px solid #ccc;
|
|
|
53 border-radius: 3px;
|
|
|
54 -moz-border-radius: 3px;
|
|
|
55 -webkit-border-radius: 3px;
|
|
|
56 }
|
|
|
57
|
|
|
58 #messagetoolbar a.checkmailSel {
|
|
|
59 background-position: 0 -32px;
|
|
|
60 }
|
|
|
61
|
|
|
62 #messagetoolbar a.back {
|
|
|
63 background-position: -32px 0;
|
|
|
64 }
|
|
|
65
|
|
|
66 #messagetoolbar a.backSel {
|
|
|
67 background-position: -32px -32px;
|
|
|
68 }
|
|
|
69
|
|
|
70 #messagetoolbar a.compose {
|
|
|
71 background-position: -64px 0;
|
|
|
72 }
|
|
|
73
|
|
|
74 #messagetoolbar a.composeSel {
|
|
|
75 background-position: -64px -32px;
|
|
|
76 }
|
|
|
77
|
|
|
78 #messagetoolbar a.reply {
|
|
|
79 background-position: -96px 0;
|
|
|
80 }
|
|
|
81
|
|
|
82 #messagetoolbar a.replySel {
|
|
|
83 background-position: -96px -32px;
|
|
|
84 }
|
|
|
85
|
|
|
86 #messagetoolbar a.replyAll {
|
|
|
87 background-position: -128px 0;
|
|
|
88 }
|
|
|
89
|
|
|
90 #messagetoolbar a.replyAllSel {
|
|
|
91 background-position: -128px -32px;
|
|
|
92 }
|
|
|
93
|
|
|
94 #messagetoolbar a.forward {
|
|
|
95 background-position: -160px 0;
|
|
|
96 }
|
|
|
97
|
|
|
98 #messagetoolbar a.forwardSel {
|
|
|
99 background-position: -160px -32px;
|
|
|
100 }
|
|
|
101
|
|
|
102 #messagetoolbar a.delete {
|
|
|
103 background-position: -192px 0;
|
|
|
104 }
|
|
|
105
|
|
|
106 #messagetoolbar a.deleteSel {
|
|
|
107 background-position: -192px -32px;
|
|
|
108 }
|
|
|
109
|
|
|
110 #messagetoolbar a.print {
|
|
|
111 background-position: -256px 0;
|
|
|
112 }
|
|
|
113
|
|
|
114 #messagetoolbar a.printSel {
|
|
|
115 background-position: -256px -32px;
|
|
|
116 }
|
|
|
117
|
|
|
118 #messagetoolbar a.markmessage {
|
|
|
119 background-position: -288px 0;
|
|
|
120 }
|
|
|
121
|
|
|
122 #messagetoolbar a.messagemenu {
|
|
|
123 background-position: -320px 0;
|
|
|
124 width: 34px;
|
|
|
125 }
|
|
|
126
|
|
|
127 #messagetoolbar a.spellcheck {
|
|
|
128 background-position: -418px 0;
|
|
|
129 }
|
|
|
130
|
|
|
131 #messagetoolbar a.spellcheckSel {
|
|
|
132 background-position: -418px -32px;
|
|
|
133 }
|
|
|
134
|
|
|
135 #messagetoolbar a.attach {
|
|
|
136 background-position: -386px 0;
|
|
|
137 }
|
|
|
138
|
|
|
139 #messagetoolbar a.attachSel {
|
|
|
140 background-position: -386px -32px;
|
|
|
141 }
|
|
|
142
|
|
|
143 #messagetoolbar a.insertsig {
|
|
|
144 background-position: -482px 0;
|
|
|
145 }
|
|
|
146
|
|
|
147 #messagetoolbar a.insertsigSel {
|
|
|
148 background-position: -482px -32px;
|
|
|
149 }
|
|
|
150
|
|
|
151 #messagetoolbar a.savedraft {
|
|
|
152 background-position: -354px 0;
|
|
|
153 }
|
|
|
154
|
|
|
155 #messagetoolbar a.savedraftSel {
|
|
|
156 background-position: -354px -32px;
|
|
|
157 }
|
|
|
158
|
|
|
159 #messagetoolbar a.send {
|
|
|
160 background-position: -450px 0;
|
|
|
161 }
|
|
|
162
|
|
|
163 #messagetoolbar a.sendSel {
|
|
|
164 background-position: -450px -32px;
|
|
|
165 }
|
|
|
166
|
|
|
167 #messagetoolbar a.move {
|
|
|
168 background-position: -580px 0;
|
|
|
169 }
|
|
|
170
|
|
|
171 #messagetoolbar a.moveSel {
|
|
|
172 background-position: -580px -32px;
|
|
|
173 }
|
|
|
174
|
|
|
175 #messagetoolbar a.download {
|
|
|
176 background-position: -514px 0;
|
|
|
177 }
|
|
|
178
|
|
|
179 #messagetoolbar a.downloadSel {
|
|
|
180 background-position: -514px -32px;
|
|
|
181 }
|
|
|
182
|
|
|
183 #messagetoolbar a.responses {
|
|
|
184 background-position: -548px 0;
|
|
|
185 }
|
|
|
186
|
|
|
187 #messagemenu li a.active:hover,
|
|
|
188 #attachmentmenu li a.active:hover,
|
|
|
189 #markmessagemenu li a.active:hover
|
|
|
190 {
|
|
|
191 color: #fff;
|
|
|
192 background-color: #c00;
|
|
|
193 }
|
|
|
194
|
|
|
195 #messagemenu li a,
|
|
|
196 #attachmentmenu li a
|
|
|
197 {
|
|
|
198 background: url(images/messageactions.png?v=d93e.3223) no-repeat 7px 0;
|
|
|
199 background-position: 7px 20px;
|
|
|
200 }
|
|
|
201
|
|
|
202 #messagemenu li a.printlink
|
|
|
203 {
|
|
|
204 background-position: 7px 1px;
|
|
|
205 }
|
|
|
206
|
|
|
207 #messagemenu li a.downloadlink,
|
|
|
208 #attachmentmenu li a.downloadlink
|
|
|
209 {
|
|
|
210 background-position: 7px -17px;
|
|
|
211 }
|
|
|
212
|
|
|
213 #messagemenu li a.sourcelink
|
|
|
214 {
|
|
|
215 background-position: 7px -35px;
|
|
|
216 }
|
|
|
217
|
|
|
218 #messagemenu li a.openlink,
|
|
|
219 #attachmentmenu li a.openlink
|
|
|
220 {
|
|
|
221 background-position: 7px -52px;
|
|
|
222 }
|
|
|
223
|
|
|
224 #messagemenu li a.editlink
|
|
|
225 {
|
|
|
226 background-position: 6px -70px;
|
|
|
227 }
|
|
|
228
|
|
|
229 #messagemenu li a.movelink
|
|
|
230 {
|
|
|
231 background-position: 6px -161px;
|
|
|
232 }
|
|
|
233
|
|
|
234 #messagemenu li a.copylink
|
|
|
235 {
|
|
|
236 background-position: 6px -143px;
|
|
|
237 }
|
|
|
238
|
|
|
239 #markmessagemenu li a,
|
|
|
240 #compose-attachments li a
|
|
|
241 {
|
|
|
242 background: url(images/messageicons.png?v=16cb.2581) no-repeat;
|
|
|
243 }
|
|
|
244
|
|
|
245 #markmessagemenu li a.readlink
|
|
|
246 {
|
|
|
247 background-position: 7px -51px;
|
|
|
248 }
|
|
|
249
|
|
|
250 #markmessagemenu li a.unreadlink
|
|
|
251 {
|
|
|
252 background-position: 7px -119px;
|
|
|
253 }
|
|
|
254
|
|
|
255 #markmessagemenu li a.flaggedlink
|
|
|
256 {
|
|
|
257 background-position: 7px -153px;
|
|
|
258 }
|
|
|
259
|
|
|
260 #markmessagemenu li a.unflaggedlink
|
|
|
261 {
|
|
|
262 background-position: 7px -136px;
|
|
|
263 }
|
|
|
264
|
|
|
265 #searchfilter
|
|
|
266 {
|
|
|
267 white-space: nowrap;
|
|
|
268 position: absolute;
|
|
|
269 right: 198px;
|
|
|
270 vertical-align: middle;
|
|
|
271 }
|
|
|
272
|
|
|
273 #searchfilter label
|
|
|
274 {
|
|
|
275 font-size: 11px;
|
|
|
276 }
|
|
|
277
|
|
|
278 #mailleftcontainer
|
|
|
279 {
|
|
|
280 position: absolute;
|
|
|
281 top: 0;
|
|
|
282 left: 0;
|
|
|
283 bottom: 0;
|
|
|
284 width: 160px;
|
|
|
285 }
|
|
|
286
|
|
|
287 #mailrightcontainer
|
|
|
288 {
|
|
|
289 position: absolute;
|
|
|
290 top: 0;
|
|
|
291 left: 170px;
|
|
|
292 bottom: 0;
|
|
|
293 right: 0;
|
|
|
294 min-width: 600px;
|
|
|
295 }
|
|
|
296
|
|
|
297 #mailrightcontent
|
|
|
298 {
|
|
|
299 position: absolute;
|
|
|
300 top: 0;
|
|
|
301 left: 0;
|
|
|
302 right: 0;
|
|
|
303 bottom: 0;
|
|
|
304 }
|
|
|
305
|
|
|
306 #messagepartcontainer
|
|
|
307 {
|
|
|
308 position: absolute;
|
|
|
309 top: 0;
|
|
|
310 left: 170px;
|
|
|
311 right: 0;
|
|
|
312 bottom: 0;
|
|
|
313 }
|
|
|
314
|
|
|
315 #messagepartheader
|
|
|
316 {
|
|
|
317 position: absolute;
|
|
|
318 top: 0;
|
|
|
319 bottom: 0;
|
|
|
320 left: 0;
|
|
|
321 width: 160px;
|
|
|
322 border: 1px solid #999999;
|
|
|
323 background-color: #F9F9F9;
|
|
|
324 overflow: hidden;
|
|
|
325 }
|
|
|
326
|
|
|
327 #messagepartheader table
|
|
|
328 {
|
|
|
329 width: 100%;
|
|
|
330 table-layout: fixed;
|
|
|
331 }
|
|
|
332
|
|
|
333 #messagepartheader table td
|
|
|
334 {
|
|
|
335 text-overflow: ellipsis;
|
|
|
336 }
|
|
|
337
|
|
|
338 #messagepartheader table td.title
|
|
|
339 {
|
|
|
340 width: 60px;
|
|
|
341 }
|
|
|
342
|
|
|
343 #mailcontframe
|
|
|
344 {
|
|
|
345 position: absolute;
|
|
|
346 width: 100%;
|
|
|
347 top: 0;
|
|
|
348 bottom: 0;
|
|
|
349 border: 1px solid #999999;
|
|
|
350 background-color: #F9F9F9;
|
|
|
351 overflow: hidden;
|
|
|
352 }
|
|
|
353
|
|
|
354 #mailpreviewframe
|
|
|
355 {
|
|
|
356 position: absolute;
|
|
|
357 width: 100%;
|
|
|
358 top: 205px;
|
|
|
359 bottom: 0px;
|
|
|
360 border: 1px solid #999999;
|
|
|
361 background-color: #F9F9F9;
|
|
|
362 }
|
|
|
363
|
|
|
364 #messagecontframe
|
|
|
365 {
|
|
|
366 position: relative;
|
|
|
367 top: 0px;
|
|
|
368 left: 0px;
|
|
|
369 right: 0px;
|
|
|
370 bottom: 0px;
|
|
|
371 width: 100%;
|
|
|
372 height: 100%;
|
|
|
373 min-height: 100%; /* Chrome 14 bug */
|
|
|
374 }
|
|
|
375
|
|
|
376 #messagepartframe
|
|
|
377 {
|
|
|
378 width: 100%;
|
|
|
379 height: 100%;
|
|
|
380 min-height: 100%; /* Chrome 14 bug */
|
|
|
381 border: 1px solid #999999;
|
|
|
382 background-color: #fff;
|
|
|
383 }
|
|
|
384
|
|
|
385
|
|
|
386 /** mailbox list styles */
|
|
|
387
|
|
|
388 #mailboxlist-container
|
|
|
389 {
|
|
|
390 position: absolute;
|
|
|
391 top: 0;
|
|
|
392 left: 0;
|
|
|
393 width: 100%;
|
|
|
394 bottom: 0;
|
|
|
395 border: 1px solid #999;
|
|
|
396 background-color: #F9F9F9;
|
|
|
397 }
|
|
|
398
|
|
|
399 #mailboxlist
|
|
|
400 {
|
|
|
401 position:relative;
|
|
|
402 height: auto;
|
|
|
403 margin: 0px;
|
|
|
404 padding: 0px;
|
|
|
405 list-style-image: none;
|
|
|
406 list-style-type: none;
|
|
|
407 overflow: hidden;
|
|
|
408 white-space: nowrap;
|
|
|
409 background-color: #FFF;
|
|
|
410 }
|
|
|
411
|
|
|
412 #mailboxlist li.unread
|
|
|
413 {
|
|
|
414 font-weight: bold;
|
|
|
415 }
|
|
|
416
|
|
|
417 #mailboxlist li.recent > a
|
|
|
418 {
|
|
|
419 color: #0066FF;
|
|
|
420 }
|
|
|
421
|
|
|
422 #listcontrols
|
|
|
423 {
|
|
|
424 position: relative;
|
|
|
425 white-space: nowrap;
|
|
|
426 line-height: 22px;
|
|
|
427 padding: 0 4px;
|
|
|
428 width: auto;
|
|
|
429 min-width: 300px;
|
|
|
430 }
|
|
|
431
|
|
|
432 #listcontrols a,
|
|
|
433 #listcontrols span
|
|
|
434 {
|
|
|
435 display: block;
|
|
|
436 float: left;
|
|
|
437 font-size: 11px;
|
|
|
438 }
|
|
|
439
|
|
|
440 #listcontrols span input
|
|
|
441 {
|
|
|
442 vertical-align: middle;
|
|
|
443 }
|
|
|
444
|
|
|
445 #listcontrols a.button,
|
|
|
446 #listcontrols a.buttonPas
|
|
|
447 {
|
|
|
448 display: block;
|
|
|
449 float: left;
|
|
|
450 width: 15px;
|
|
|
451 height: 15px;
|
|
|
452 padding: 0;
|
|
|
453 margin-top: 4px;
|
|
|
454 margin-right: 2px;
|
|
|
455 overflow: hidden;
|
|
|
456 background: url(images/mail_footer.png?v=819f.977) 0 0 no-repeat transparent;
|
|
|
457 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
|
|
|
458 }
|
|
|
459
|
|
|
460 #listcontrols a.buttonPas
|
|
|
461 {
|
|
|
462 opacity: 0.35;
|
|
|
463 }
|
|
|
464
|
|
|
465 #listcontrols a.all {
|
|
|
466 background-position: -30px 0;
|
|
|
467 }
|
|
|
468
|
|
|
469 #listcontrols a.allsel {
|
|
|
470 background-position: -30px -15px;
|
|
|
471 }
|
|
|
472
|
|
|
473 #listcontrols a.page {
|
|
|
474 background-position: -135px 0;
|
|
|
475 }
|
|
|
476
|
|
|
477 #listcontrols a.pagesel {
|
|
|
478 background-position: -135px -15px;
|
|
|
479 }
|
|
|
480
|
|
|
481 #listcontrols a.unread {
|
|
|
482 background-position: -45px 0;
|
|
|
483 }
|
|
|
484
|
|
|
485 #listcontrols a.unreadsel {
|
|
|
486 background-position: -45px -15px;
|
|
|
487 }
|
|
|
488
|
|
|
489 #listcontrols a.invert {
|
|
|
490 background-position: -60px 0;
|
|
|
491 }
|
|
|
492
|
|
|
493 #listcontrols a.invertsel {
|
|
|
494 background-position: -60px -15px;
|
|
|
495 }
|
|
|
496
|
|
|
497 #listcontrols a.none {
|
|
|
498 background-position: -75px 0;
|
|
|
499 }
|
|
|
500
|
|
|
501 #listcontrols a.nonesel {
|
|
|
502 background-position: -75px -15px;
|
|
|
503 }
|
|
|
504
|
|
|
505 #listcontrols a.expand-all {
|
|
|
506 background-position: -90px 0;
|
|
|
507 }
|
|
|
508
|
|
|
509 #listcontrols a.expand-allsel {
|
|
|
510 background-position: -90px -15px;
|
|
|
511 }
|
|
|
512
|
|
|
513 #listcontrols a.collapse-all {
|
|
|
514 background-position: -105px 0;
|
|
|
515 }
|
|
|
516
|
|
|
517 #listcontrols a.collapse-allsel {
|
|
|
518 background-position: -105px -15px;
|
|
|
519 }
|
|
|
520
|
|
|
521 #listcontrols a.expand-unread {
|
|
|
522 background-position: -120px 0;
|
|
|
523 }
|
|
|
524
|
|
|
525 #listcontrols a.expand-unreadsel {
|
|
|
526 background-position: -120px -15px;
|
|
|
527 }
|
|
|
528
|
|
|
529 #countcontrols
|
|
|
530 {
|
|
|
531 position: absolute;
|
|
|
532 top: 4px;
|
|
|
533 right: 4px;
|
|
|
534 white-space: nowrap;
|
|
|
535 font-size: 11px;
|
|
|
536 }
|
|
|
537
|
|
|
538 #countcontrols a.button,
|
|
|
539 #countcontrols a.buttonPas
|
|
|
540 {
|
|
|
541 float: right;
|
|
|
542 }
|
|
|
543
|
|
|
544
|
|
|
545 /** message list styles */
|
|
|
546
|
|
|
547 body.messagelist
|
|
|
548 {
|
|
|
549 margin: 0px;
|
|
|
550 background-color: #F9F9F9;
|
|
|
551 }
|
|
|
552
|
|
|
553 table.messagelist
|
|
|
554 {
|
|
|
555 width: 100%;
|
|
|
556 display: table;
|
|
|
557 table-layout: fixed;
|
|
|
558 border-collapse: collapse;
|
|
|
559 border-spacing: 0;
|
|
|
560 z-index: 1;
|
|
|
561 }
|
|
|
562
|
|
|
563 table.messagelist.fixedcopy
|
|
|
564 {
|
|
|
565 z-index: 2;
|
|
|
566 }
|
|
|
567
|
|
|
568 .messagelist thead tr th,
|
|
|
569 .messagelist thead tr td
|
|
|
570 {
|
|
|
571 height: 20px;
|
|
|
572 padding: 0 4px 0 2px;
|
|
|
573 vertical-align: middle;
|
|
|
574 border-bottom: 1px solid #999999;
|
|
|
575 color: #333333;
|
|
|
576 background: url(images/listheader.gif?v=ab42.314) top left repeat-x #CCC;
|
|
|
577 font-size: 11px;
|
|
|
578 font-weight: bold;
|
|
|
579 text-align: left;
|
|
|
580 }
|
|
|
581
|
|
|
582 .messagelist thead tr > .sortedASC,
|
|
|
583 .messagelist thead tr > .sortedDESC
|
|
|
584 {
|
|
|
585 background-position: 0 -26px;
|
|
|
586 }
|
|
|
587
|
|
|
588 .messagelist thead tr > .sortedASC a
|
|
|
589 {
|
|
|
590 background: url(images/icons/sort.gif?v=92aa.144) right 0 no-repeat;
|
|
|
591 }
|
|
|
592
|
|
|
593 .messagelist thead tr > .sortedDESC a
|
|
|
594 {
|
|
|
595 background: url(images/icons/sort.gif?v=92aa.144) right -14px no-repeat;
|
|
|
596 }
|
|
|
597
|
|
|
598 .messagelist thead tr a
|
|
|
599 {
|
|
|
600 display: block;
|
|
|
601 width: auto !important;
|
|
|
602 width: 100%;
|
|
|
603 color: #333333;
|
|
|
604 text-decoration: none;
|
|
|
605 }
|
|
|
606
|
|
|
607 .messagelist thead tr > .size.sortedASC a,
|
|
|
608 .messagelist thead tr > .size.sortedDESC a
|
|
|
609 {
|
|
|
610 padding-right: 18px;
|
|
|
611 }
|
|
|
612
|
|
|
613 .messagelist thead tr > .subject
|
|
|
614 {
|
|
|
615 padding-left: 18px;
|
|
|
616 width: 99%;
|
|
|
617 }
|
|
|
618
|
|
|
619 .messagelist tbody tr th,
|
|
|
620 .messagelist tbody tr td
|
|
|
621 {
|
|
|
622 height: 20px;
|
|
|
623 padding: 0;
|
|
|
624 font-size: 11px;
|
|
|
625 overflow: hidden;
|
|
|
626 vertical-align: middle;
|
|
|
627 white-space: nowrap;
|
|
|
628 text-overflow: ellipsis;
|
|
|
629 -o-text-overflow: ellipsis;
|
|
|
630 border-bottom: 1px solid #EBEBEB;
|
|
|
631 cursor: default;
|
|
|
632 outline: none;
|
|
|
633 }
|
|
|
634
|
|
|
635 .messagelist tbody tr td a
|
|
|
636 {
|
|
|
637 color: #000;
|
|
|
638 text-decoration: none;
|
|
|
639 white-space: nowrap;
|
|
|
640 cursor: inherit;
|
|
|
641 }
|
|
|
642
|
|
|
643 .messagelist td img
|
|
|
644 {
|
|
|
645 vertical-align: middle;
|
|
|
646 display: inline-block;
|
|
|
647 }
|
|
|
648
|
|
|
649 .messagelist tbody tr td.flag,
|
|
|
650 .messagelist tbody tr td.status,
|
|
|
651 .messagelist tbody tr td.subject span.status
|
|
|
652 {
|
|
|
653 cursor: pointer;
|
|
|
654 }
|
|
|
655
|
|
|
656 .messagelist tr > .flag span,
|
|
|
657 .messagelist tr > .status span,
|
|
|
658 .messagelist tr > .attachment span,
|
|
|
659 .messagelist tr > .priority span
|
|
|
660 {
|
|
|
661 display: block;
|
|
|
662 width: 15px;
|
|
|
663 text-indent: -5000px;
|
|
|
664 overflow: hidden;
|
|
|
665 }
|
|
|
666
|
|
|
667 .messagelist tr td div.collapsed,
|
|
|
668 .messagelist tr td div.expanded,
|
|
|
669 .messagelist tr > .threads .listmenu,
|
|
|
670 .messagelist tr > .attachment span.attachment,
|
|
|
671 .messagelist tr > .attachment span.report,
|
|
|
672 .messagelist tr > .priority span.priority,
|
|
|
673 .messagelist tr > .priority span.prio1,
|
|
|
674 .messagelist tr > .priority span.prio2,
|
|
|
675 .messagelist tr > .priority span.prio3,
|
|
|
676 .messagelist tr > .priority span.prio4,
|
|
|
677 .messagelist tr > .priority span.prio5,
|
|
|
678 .messagelist tr > .flag span.flagged,
|
|
|
679 .messagelist tr > .flag span.unflagged,
|
|
|
680 .messagelist tr > .flag span.unflagged:hover,
|
|
|
681 .messagelist tr > .status span.status,
|
|
|
682 .messagelist tr > .status span.msgicon,
|
|
|
683 .messagelist tr > .status span.deleted,
|
|
|
684 .messagelist tr > .status span.unread,
|
|
|
685 .messagelist tr > .status span.unreadchildren,
|
|
|
686 .messagelist tr > .subject span.msgicon,
|
|
|
687 .messagelist tr > .subject span.deleted,
|
|
|
688 .messagelist tr > .subject span.unread,
|
|
|
689 .messagelist tr > .subject span.replied,
|
|
|
690 .messagelist tr > .subject span.forwarded,
|
|
|
691 .messagelist tr > .subject span.unreadchildren
|
|
|
692 {
|
|
|
693 display: inline-block;
|
|
|
694 vertical-align: middle;
|
|
|
695 height: 17px;
|
|
|
696 width: 15px;
|
|
|
697 background: url(images/messageicons.png?v=16cb.2581) center no-repeat;
|
|
|
698 }
|
|
|
699
|
|
|
700 .messagelist tr > .attachment span.attachment
|
|
|
701 {
|
|
|
702 background-position: 0 -170px;
|
|
|
703 }
|
|
|
704
|
|
|
705 .messagelist tr > .attachment span.report
|
|
|
706 {
|
|
|
707 background-position: 0 -255px;
|
|
|
708 }
|
|
|
709
|
|
|
710 .messagelist tr > .priority span.priority
|
|
|
711 {
|
|
|
712 background-position: 0 -309px;
|
|
|
713 }
|
|
|
714
|
|
|
715 .messagelist tr > .priority span.prio5
|
|
|
716 {
|
|
|
717 background-position: 0 -358px;
|
|
|
718 }
|
|
|
719
|
|
|
720 .messagelist tr > .priority span.prio4
|
|
|
721 {
|
|
|
722 background-position: 0 -340px;
|
|
|
723 }
|
|
|
724
|
|
|
725 .messagelist tr > .priority span.prio3
|
|
|
726 {
|
|
|
727 background-position: 0 -324px;
|
|
|
728 }
|
|
|
729
|
|
|
730 .messagelist tr > .priority span.prio2
|
|
|
731 {
|
|
|
732 background-position: 0 -309px;
|
|
|
733 }
|
|
|
734
|
|
|
735 .messagelist tr > .priority span.prio1
|
|
|
736 {
|
|
|
737 background-position: 0 -290px;
|
|
|
738 }
|
|
|
739
|
|
|
740 .messagelist tr > .flag span.flagged
|
|
|
741 {
|
|
|
742 background-position: 0 -153px;
|
|
|
743 }
|
|
|
744
|
|
|
745 .messagelist tr > .flag span.unflagged:hover
|
|
|
746 {
|
|
|
747 background-position: 0 -136px;
|
|
|
748 }
|
|
|
749
|
|
|
750 .messagelist tr > .subject span.msgicon,
|
|
|
751 .messagelist tr > .subject span.unreadchildren
|
|
|
752 {
|
|
|
753 background-position: 0 -51px;
|
|
|
754 margin: 0 2px;
|
|
|
755 }
|
|
|
756
|
|
|
757 .messagelist tr > .subject span.replied
|
|
|
758 {
|
|
|
759 background-position: 0 -85px;
|
|
|
760 }
|
|
|
761
|
|
|
762 .messagelist tr > .subject span.forwarded
|
|
|
763 {
|
|
|
764 background-position: 0 -68px;
|
|
|
765 }
|
|
|
766
|
|
|
767 .messagelist tr > .subject span.replied.forwarded
|
|
|
768 {
|
|
|
769 background-position: 0 -102px;
|
|
|
770 }
|
|
|
771
|
|
|
772 .messagelist tr > .status span.msgicon,
|
|
|
773 .messagelist tr > .flag span.unflagged,
|
|
|
774 .messagelist tr > .status span.unreadchildren
|
|
|
775 {
|
|
|
776 background-position: 0 17px; /* no icon */
|
|
|
777 }
|
|
|
778
|
|
|
779 .messagelist tr > .status span.msgicon:hover
|
|
|
780 {
|
|
|
781 background-position: 0 -272px;
|
|
|
782 }
|
|
|
783
|
|
|
784 .messagelist tr > .status span.deleted,
|
|
|
785 .messagelist tr > .subject span.deleted
|
|
|
786 {
|
|
|
787 background-position: 0 -187px;
|
|
|
788 }
|
|
|
789
|
|
|
790 .messagelist tr > .status span.status,
|
|
|
791 .messagelist tr > .status span.unread,
|
|
|
792 .messagelist tr > .subject span.unread
|
|
|
793 {
|
|
|
794 background-position: 0 -119px;
|
|
|
795 }
|
|
|
796
|
|
|
797 .messagelist tr td div.collapsed
|
|
|
798 {
|
|
|
799 background-position: 0 -221px;
|
|
|
800 cursor: pointer;
|
|
|
801 }
|
|
|
802
|
|
|
803 .messagelist tr td div.expanded
|
|
|
804 {
|
|
|
805 background-position: 0 -204px;
|
|
|
806 cursor: pointer;
|
|
|
807 }
|
|
|
808
|
|
|
809 .messagelist tr > .threads .listmenu
|
|
|
810 {
|
|
|
811 background-position: 0 -238px;
|
|
|
812 cursor: pointer;
|
|
|
813 overflow: hidden;
|
|
|
814 text-indent: -5000px;
|
|
|
815 display: block;
|
|
|
816 }
|
|
|
817
|
|
|
818 .messagelist tbody tr td.subject
|
|
|
819 {
|
|
|
820 width: 99%;
|
|
|
821 }
|
|
|
822
|
|
|
823 .messagelist tbody tr td.subject a
|
|
|
824 {
|
|
|
825 cursor: default;
|
|
|
826 vertical-align: middle; /* #1487091 */
|
|
|
827 }
|
|
|
828
|
|
|
829 /* thread parent message with unread children */
|
|
|
830 .messagelist tbody tr.unroot td.subject a
|
|
|
831 {
|
|
|
832 text-decoration: underline;
|
|
|
833 }
|
|
|
834
|
|
|
835 .messagelist tr > .attachment,
|
|
|
836 .messagelist tr > .threads,
|
|
|
837 .messagelist tr > .status,
|
|
|
838 .messagelist tr > .flag,
|
|
|
839 .messagelist tr > .priority
|
|
|
840 {
|
|
|
841 width: 17px;
|
|
|
842 padding: 0 0 0 2px;
|
|
|
843 }
|
|
|
844
|
|
|
845 .messagelist tr > .size
|
|
|
846 {
|
|
|
847 width: 60px;
|
|
|
848 text-align: right;
|
|
|
849 padding: 0 2px;
|
|
|
850 }
|
|
|
851
|
|
|
852 .messagelist tr > .fromto,
|
|
|
853 .messagelist tr > .from,
|
|
|
854 .messagelist tr > .to,
|
|
|
855 .messagelist tr > .cc,
|
|
|
856 .messagelist tr > .replyto
|
|
|
857 {
|
|
|
858 width: 180px;
|
|
|
859 padding: 0 2px;
|
|
|
860 }
|
|
|
861
|
|
|
862 .messagelist tr > .date
|
|
|
863 {
|
|
|
864 width: 135px;
|
|
|
865 padding: 0 2px;
|
|
|
866 }
|
|
|
867
|
|
|
868 .messagelist tr > .folder
|
|
|
869 {
|
|
|
870 width: 135px;
|
|
|
871 }
|
|
|
872
|
|
|
873 .messagelist tr > .hidden
|
|
|
874 {
|
|
|
875 display: none;
|
|
|
876 }
|
|
|
877
|
|
|
878 .messagelist tr.message
|
|
|
879 {
|
|
|
880 background-color: #FFF;
|
|
|
881 }
|
|
|
882
|
|
|
883 .messagelist tr.unread
|
|
|
884 {
|
|
|
885 font-weight: bold;
|
|
|
886 background-color: #FFFFFF;
|
|
|
887 }
|
|
|
888
|
|
|
889 .messagelist tr.flagged td,
|
|
|
890 .messagelist tr.flagged td a
|
|
|
891 {
|
|
|
892 color: #CC0000;
|
|
|
893 }
|
|
|
894
|
|
|
895 /* This padding-left minus the focused padding left should be half of the focused border-left */
|
|
|
896 .messagelist thead tr th:first-child,
|
|
|
897 .messagelist thead tr td:first-child,
|
|
|
898 .messagelist tbody tr td:first-child {
|
|
|
899 border-left: 0;
|
|
|
900 padding-left: 6px;
|
|
|
901 }
|
|
|
902
|
|
|
903 /* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
|
|
|
904 .messagelist tbody tr.focused > td:first-child {
|
|
|
905 border-left: 4px solid #d4d4d4;
|
|
|
906 padding-left: 4px;
|
|
|
907 }
|
|
|
908
|
|
|
909 .messagelist tbody tr.selected.focused > td:first-child {
|
|
|
910 border-left: 2px solid #ccc;
|
|
|
911 padding-left: 5px;
|
|
|
912 }
|
|
|
913
|
|
|
914 .messagelist tr.selected td
|
|
|
915 {
|
|
|
916 color: #FFFFFF;
|
|
|
917 background-color: #929292;
|
|
|
918 }
|
|
|
919
|
|
|
920 .messagelist.focus tr.selected td
|
|
|
921 {
|
|
|
922 background-color: #CC3333;
|
|
|
923 }
|
|
|
924
|
|
|
925 .messagelist tr.selected td a
|
|
|
926 {
|
|
|
927 color: #FFFFFF;
|
|
|
928 }
|
|
|
929
|
|
|
930 .messagelist tr.deleted td,
|
|
|
931 .messagelist tr.deleted td a
|
|
|
932 {
|
|
|
933 color: #CCCCCC;
|
|
|
934 }
|
|
|
935
|
|
|
936 #listmenu
|
|
|
937 {
|
|
|
938 padding: 6px;
|
|
|
939 max-height: none;
|
|
|
940 }
|
|
|
941
|
|
|
942 #listmenu legend
|
|
|
943 {
|
|
|
944 color: #999999;
|
|
|
945 }
|
|
|
946
|
|
|
947 #listmenu fieldset
|
|
|
948 {
|
|
|
949 border: 1px solid #999999;
|
|
|
950 margin: 0 5px;
|
|
|
951 float: left;
|
|
|
952 }
|
|
|
953
|
|
|
954 #listmenu div
|
|
|
955 {
|
|
|
956 padding: 8px 0 3px 0;
|
|
|
957 text-align: center;
|
|
|
958 clear: both;
|
|
|
959 }
|
|
|
960
|
|
|
961 /***** tree indicators *****/
|
|
|
962
|
|
|
963 td span.branch div
|
|
|
964 {
|
|
|
965 float: left;
|
|
|
966 height: 16px;
|
|
|
967 }
|
|
|
968
|
|
|
969 td span.branch div.tree
|
|
|
970 {
|
|
|
971 height: 17px;
|
|
|
972 width: 15px;
|
|
|
973 background: url(images/tree.gif?v=9b73.92) 0px 0px no-repeat;
|
|
|
974 }
|
|
|
975
|
|
|
976 td span.branch div.l1
|
|
|
977 {
|
|
|
978 background-position: 0px 0px; /* L */
|
|
|
979 }
|
|
|
980
|
|
|
981 td span.branch div.l2
|
|
|
982 {
|
|
|
983 background-position: -30px 0px; /* | */
|
|
|
984 }
|
|
|
985
|
|
|
986 td span.branch div.l3
|
|
|
987 {
|
|
|
988 background-position: -15px 0px; /* |- */
|
|
|
989 }
|
|
|
990
|
|
|
991
|
|
|
992 /** message view styles */
|
|
|
993
|
|
|
994 #messageframe
|
|
|
995 {
|
|
|
996 position: absolute;
|
|
|
997 top: 0;
|
|
|
998 left: 180px;
|
|
|
999 right: 0;
|
|
|
1000 bottom: 0;
|
|
|
1001 border: 1px solid #999;
|
|
|
1002 background-color: #FFF;
|
|
|
1003 overflow: auto;
|
|
|
1004 z-index: 1;
|
|
|
1005 }
|
|
|
1006
|
|
|
1007 .extwin #messageframe
|
|
|
1008 {
|
|
|
1009 left: 0;
|
|
|
1010 }
|
|
|
1011
|
|
|
1012 div.messageheaderbox
|
|
|
1013 {
|
|
|
1014 margin: -14px 8px 0px 8px;
|
|
|
1015 border: 1px solid #ccc;
|
|
|
1016 }
|
|
|
1017
|
|
|
1018 table.headers-table
|
|
|
1019 {
|
|
|
1020 width: 100%;
|
|
|
1021 background-color: #EBEBEB;
|
|
|
1022 }
|
|
|
1023
|
|
|
1024 #messagebody #full-headers,
|
|
|
1025 #messagebody table.headers-table
|
|
|
1026 {
|
|
|
1027 width: auto;
|
|
|
1028 margin: 6px 8px;
|
|
|
1029 background-color: #F4F4F4;
|
|
|
1030 }
|
|
|
1031
|
|
|
1032 #messagebody table.headers-table
|
|
|
1033 {
|
|
|
1034 margin: 16px 6px 6px 6px;
|
|
|
1035 }
|
|
|
1036
|
|
|
1037 div.message-partheaders + div.message-part
|
|
|
1038 {
|
|
|
1039 border-top: 0;
|
|
|
1040 padding-top: 4px;
|
|
|
1041 }
|
|
|
1042
|
|
|
1043 table.headers-table tr td
|
|
|
1044 {
|
|
|
1045 font-size: 11px;
|
|
|
1046 border-bottom:1px solid #FFFFFF;
|
|
|
1047 }
|
|
|
1048
|
|
|
1049 table.headers-table tr td.header-title
|
|
|
1050 {
|
|
|
1051 width: 1%;
|
|
|
1052 color: #666666;
|
|
|
1053 font-weight: bold;
|
|
|
1054 text-align: right;
|
|
|
1055 white-space: nowrap;
|
|
|
1056 padding: 0 4px 0 8px;
|
|
|
1057 }
|
|
|
1058
|
|
|
1059 table.headers-table tr td.header
|
|
|
1060 {
|
|
|
1061 width: 99%;
|
|
|
1062 }
|
|
|
1063
|
|
|
1064 table.headers-table tr td.subject
|
|
|
1065 {
|
|
|
1066 font-weight: bold;
|
|
|
1067 }
|
|
|
1068
|
|
|
1069 table.headers-table tr td.header span
|
|
|
1070 {
|
|
|
1071 white-space: nowrap;
|
|
|
1072 }
|
|
|
1073
|
|
|
1074 #attachment-list
|
|
|
1075 {
|
|
|
1076 margin: 0;
|
|
|
1077 padding: 0 4px 0 8px;
|
|
|
1078 min-height: 16px;
|
|
|
1079 list-style-image: none;
|
|
|
1080 list-style-type: none;
|
|
|
1081 background: url(images/icons/attachment.png?v=08f7.518) 4px 2px no-repeat #DFDFDF;
|
|
|
1082 }
|
|
|
1083
|
|
|
1084 #messageframe #attachment-list
|
|
|
1085 {
|
|
|
1086 border-bottom: 1px solid #ccc;
|
|
|
1087 }
|
|
|
1088
|
|
|
1089 .messageheaderbox #attachment-list
|
|
|
1090 {
|
|
|
1091 border-top: 1px solid #ccc;
|
|
|
1092 }
|
|
|
1093
|
|
|
1094 #attachment-list:after
|
|
|
1095 {
|
|
|
1096 content: ".";
|
|
|
1097 display: block;
|
|
|
1098 height: 0;
|
|
|
1099 font-size: 0;
|
|
|
1100 clear: both;
|
|
|
1101 visibility: hidden;
|
|
|
1102 }
|
|
|
1103
|
|
|
1104 #attachment-list li
|
|
|
1105 {
|
|
|
1106 float: left;
|
|
|
1107 height: 18px;
|
|
|
1108 font-size: 11px;
|
|
|
1109 padding: 2px 0px 0px 15px;
|
|
|
1110 white-space: nowrap;
|
|
|
1111 }
|
|
|
1112
|
|
|
1113 #attachment-list li a
|
|
|
1114 {
|
|
|
1115 text-decoration: none;
|
|
|
1116 }
|
|
|
1117
|
|
|
1118 #attachment-list li a:hover
|
|
|
1119 {
|
|
|
1120 text-decoration: underline;
|
|
|
1121 }
|
|
|
1122
|
|
|
1123 #attachment-list li a.drop {
|
|
|
1124 background: url(images/icons/down_small.gif?v=f368.105) no-repeat center 6px;
|
|
|
1125 width: 12px;
|
|
|
1126 height: 7px;
|
|
|
1127 cursor: pointer;
|
|
|
1128 padding: 5px 0 0;
|
|
|
1129 margin-left: 3px;
|
|
|
1130 display: inline-block;
|
|
|
1131 }
|
|
|
1132
|
|
|
1133 #messagebody
|
|
|
1134 {
|
|
|
1135 position:relative;
|
|
|
1136 padding-bottom: 10px;
|
|
|
1137 background-color: #FFFFFF;
|
|
|
1138 }
|
|
|
1139
|
|
|
1140 div.message-part,
|
|
|
1141 div.message-htmlpart
|
|
|
1142 {
|
|
|
1143 padding: 10px 8px;
|
|
|
1144 border-top: 1px solid #ccc;
|
|
|
1145 /* overflow: hidden; */
|
|
|
1146 }
|
|
|
1147
|
|
|
1148 #messagebody div:first-child
|
|
|
1149 {
|
|
|
1150 border-top: 0;
|
|
|
1151 }
|
|
|
1152
|
|
|
1153 div.message-part a,
|
|
|
1154 div.message-htmlpart a
|
|
|
1155 {
|
|
|
1156 color: #0000CC;
|
|
|
1157 }
|
|
|
1158
|
|
|
1159 div.message-part div.pre
|
|
|
1160 {
|
|
|
1161 margin: 0px;
|
|
|
1162 padding: 0px;
|
|
|
1163 font-family: monospace;
|
|
|
1164 font-size: 12px;
|
|
|
1165 }
|
|
|
1166
|
|
|
1167 div.message-part span.sig
|
|
|
1168 {
|
|
|
1169 color: #666666;
|
|
|
1170 }
|
|
|
1171
|
|
|
1172 div.message-part blockquote
|
|
|
1173 {
|
|
|
1174 color: blue;
|
|
|
1175 border-left: 2px solid blue;
|
|
|
1176 border-right: 2px solid blue;
|
|
|
1177 background-color: #F6F6F6;
|
|
|
1178 margin: 2px 0;
|
|
|
1179 padding: 0 0.4em;
|
|
|
1180 overflow: hidden;
|
|
|
1181 text-overflow: ellipsis;
|
|
|
1182 }
|
|
|
1183
|
|
|
1184 div.message-part blockquote blockquote
|
|
|
1185 {
|
|
|
1186 color: green;
|
|
|
1187 border-left: 2px solid green;
|
|
|
1188 border-right: 2px solid green;
|
|
|
1189 }
|
|
|
1190
|
|
|
1191 div.message-part blockquote blockquote blockquote
|
|
|
1192 {
|
|
|
1193 color: #990000;
|
|
|
1194 border-left: 2px solid #bb0000;
|
|
|
1195 border-right: 2px solid #bb0000;
|
|
|
1196 }
|
|
|
1197
|
|
|
1198 #messagebody span.part-notice
|
|
|
1199 {
|
|
|
1200 display: block;
|
|
|
1201 }
|
|
|
1202
|
|
|
1203 #message-objects div,
|
|
|
1204 #messagebody span.part-notice
|
|
|
1205 {
|
|
|
1206 margin: 8px;
|
|
|
1207 min-height: 20px;
|
|
|
1208 padding: 10px 10px 6px 46px;
|
|
|
1209 }
|
|
|
1210
|
|
|
1211 #message-objects div a,
|
|
|
1212 #messagebody span.part-notice a
|
|
|
1213 {
|
|
|
1214 color: #666666;
|
|
|
1215 padding-left: 10px;
|
|
|
1216 }
|
|
|
1217
|
|
|
1218 #message-objects div a:hover,
|
|
|
1219 #messagebody span.part-notice a:hover
|
|
|
1220 {
|
|
|
1221 color: #333333;
|
|
|
1222 }
|
|
|
1223
|
|
|
1224 #messagebody fieldset.image-attachment {
|
|
|
1225 border: 0;
|
|
|
1226 border-top: 1px solid #ccc;
|
|
|
1227 margin: 1em 1em 0 1em;
|
|
|
1228 }
|
|
|
1229
|
|
|
1230 #messagebody fieldset.image-attachment p > img
|
|
|
1231 {
|
|
|
1232 max-width: 80%;
|
|
|
1233 }
|
|
|
1234
|
|
|
1235 #messagebody legend.image-filename
|
|
|
1236 {
|
|
|
1237 color: #999;
|
|
|
1238 font-size: 0.9em;
|
|
|
1239 }
|
|
|
1240
|
|
|
1241 #messagebody p.image-attachment
|
|
|
1242 {
|
|
|
1243 margin: 0 1em;
|
|
|
1244 padding: 1em;
|
|
|
1245 border-top: 1px solid #ccc;
|
|
|
1246 }
|
|
|
1247
|
|
|
1248 #messagebody p.image-attachment a.image-link
|
|
|
1249 {
|
|
|
1250 float: left;
|
|
|
1251 margin-right: 2em;
|
|
|
1252 min-width: 160px;
|
|
|
1253 min-height: 60px;
|
|
|
1254 text-align: center;
|
|
|
1255 }
|
|
|
1256
|
|
|
1257 #messagebody p.image-attachment .image-filename
|
|
|
1258 {
|
|
|
1259 display: block;
|
|
|
1260 font-weight: bold;
|
|
|
1261 line-height: 1.6em;
|
|
|
1262 }
|
|
|
1263
|
|
|
1264 #messagebody p.image-attachment .image-filesize
|
|
|
1265 {
|
|
|
1266 font-size: 11px;
|
|
|
1267 padding-right: 1em;
|
|
|
1268 }
|
|
|
1269
|
|
|
1270 #messagebody p.image-attachment .attachment-links a
|
|
|
1271 {
|
|
|
1272 margin-right: 0.6em;
|
|
|
1273 color: #cc0000;
|
|
|
1274 font-size: 11px;
|
|
|
1275 text-decoration: none;
|
|
|
1276 }
|
|
|
1277
|
|
|
1278 #messagebody p.image-attachment .attachment-links a:hover
|
|
|
1279 {
|
|
|
1280 text-decoration: underline;
|
|
|
1281 }
|
|
|
1282
|
|
|
1283 #messagelinks
|
|
|
1284 {
|
|
|
1285 position: absolute;
|
|
|
1286 top: 8px;
|
|
|
1287 right: 10px;
|
|
|
1288 height: 16px;
|
|
|
1289 text-align: right;
|
|
|
1290 }
|
|
|
1291
|
|
|
1292 #messageframe #messagelinks
|
|
|
1293 {
|
|
|
1294 top: 2px;
|
|
|
1295 right: 2px;
|
|
|
1296 }
|
|
|
1297
|
|
|
1298 #compose-headers #openextwinlink
|
|
|
1299 {
|
|
|
1300 position: absolute;
|
|
|
1301 height: 15px;
|
|
|
1302 top: 4px;
|
|
|
1303 right: 2px;
|
|
|
1304 }
|
|
|
1305
|
|
|
1306 #full-headers
|
|
|
1307 {
|
|
|
1308 color: #666666;
|
|
|
1309 text-align: center;
|
|
|
1310 padding: 2px 6px;
|
|
|
1311 border-bottom: 1px solid #ccc;
|
|
|
1312 background-color: #EBEBEB;
|
|
|
1313 }
|
|
|
1314
|
|
|
1315 .messageheaderbox #full-headers
|
|
|
1316 {
|
|
|
1317 border-bottom: 0;
|
|
|
1318 }
|
|
|
1319
|
|
|
1320 div.more-headers
|
|
|
1321 {
|
|
|
1322 cursor: pointer;
|
|
|
1323 height: 8px;
|
|
|
1324 border-bottom: 0;
|
|
|
1325 }
|
|
|
1326
|
|
|
1327 div.show-headers
|
|
|
1328 {
|
|
|
1329 background: url(images/icons/down_small.gif?v=f368.105) no-repeat center;
|
|
|
1330 }
|
|
|
1331
|
|
|
1332 div.hide-headers
|
|
|
1333 {
|
|
|
1334 background: url(images/icons/up_small.gif?v=c56c.106) no-repeat center;
|
|
|
1335 }
|
|
|
1336
|
|
|
1337 #headers-source
|
|
|
1338 {
|
|
|
1339 margin: 2px 0;
|
|
|
1340 padding: 0.5em;
|
|
|
1341 height: 145px;
|
|
|
1342 background: white;
|
|
|
1343 overflow: auto;
|
|
|
1344 font-size: 11px;
|
|
|
1345 border: 1px solid #CCC;
|
|
|
1346 display: none;
|
|
|
1347 text-align: left;
|
|
|
1348 color: #333;
|
|
|
1349 }
|
|
|
1350
|
|
|
1351
|
|
|
1352 /** message compose styles */
|
|
|
1353
|
|
|
1354 #compose-container
|
|
|
1355 {
|
|
|
1356 position: absolute;
|
|
|
1357 top: 0;
|
|
|
1358 left: 205px;
|
|
|
1359 right: 0;
|
|
|
1360 bottom: 0;
|
|
|
1361 margin: 0;
|
|
|
1362 }
|
|
|
1363
|
|
|
1364 #compose-div
|
|
|
1365 {
|
|
|
1366 position: absolute;
|
|
|
1367 top: 85px;
|
|
|
1368 right: 0;
|
|
|
1369 left: 0;
|
|
|
1370 bottom: 0;
|
|
|
1371 margin: 0;
|
|
|
1372 }
|
|
|
1373
|
|
|
1374 #compose-body-div
|
|
|
1375 {
|
|
|
1376 position: absolute;
|
|
|
1377 top: 0;
|
|
|
1378 left: 0;
|
|
|
1379 bottom: 0;
|
|
|
1380 right: 175px;
|
|
|
1381 border: 1px solid #999;
|
|
|
1382 }
|
|
|
1383
|
|
|
1384 #compose-body-div .mce-tinymce {
|
|
|
1385 border: 0 !important;
|
|
|
1386 }
|
|
|
1387
|
|
|
1388 #compose-div .boxlistcontent
|
|
|
1389 {
|
|
|
1390 bottom: 23px;
|
|
|
1391 }
|
|
|
1392
|
|
|
1393 #compose-body
|
|
|
1394 {
|
|
|
1395 position: absolute;
|
|
|
1396 left: 0;
|
|
|
1397 right: 0;
|
|
|
1398 top: 0;
|
|
|
1399 bottom: 0;
|
|
|
1400 margin: 0;
|
|
|
1401 font-size: 9pt;
|
|
|
1402 font-family: monospace;
|
|
|
1403 resize: none;
|
|
|
1404 border: none;
|
|
|
1405 outline: none;
|
|
|
1406 }
|
|
|
1407
|
|
|
1408 #compose-headers
|
|
|
1409 {
|
|
|
1410 width: 100%;
|
|
|
1411 }
|
|
|
1412
|
|
|
1413 #compose-headers td.editfield
|
|
|
1414 {
|
|
|
1415 padding-right: 8px;
|
|
|
1416 width: 95%;
|
|
|
1417 }
|
|
|
1418
|
|
|
1419 #compose-headers td.top
|
|
|
1420 {
|
|
|
1421 vertical-align: top;
|
|
|
1422 }
|
|
|
1423
|
|
|
1424 #compose-headers td.title,
|
|
|
1425 #compose-subject td.title
|
|
|
1426 {
|
|
|
1427 width: 80px !important;
|
|
|
1428 font-size: 11px;
|
|
|
1429 font-weight: bold;
|
|
|
1430 padding-right: 10px;
|
|
|
1431 white-space: nowrap;
|
|
|
1432 color: #666;
|
|
|
1433 }
|
|
|
1434
|
|
|
1435 #compose-headers td textarea,
|
|
|
1436 #compose-headers td input
|
|
|
1437 {
|
|
|
1438 resize: none;
|
|
|
1439 width: 100%;
|
|
|
1440 border: 1px solid #999;
|
|
|
1441 }
|
|
|
1442
|
|
|
1443 #compose-headers td textarea
|
|
|
1444 {
|
|
|
1445 height: 32px;
|
|
|
1446 }
|
|
|
1447
|
|
|
1448 input.from_address
|
|
|
1449 {
|
|
|
1450 width: 80% !important;
|
|
|
1451 }
|
|
|
1452
|
|
|
1453 #compose-cc,
|
|
|
1454 #compose-bcc,
|
|
|
1455 #compose-replyto,
|
|
|
1456 #compose-followupto
|
|
|
1457 {
|
|
|
1458 display: none;
|
|
|
1459 }
|
|
|
1460
|
|
|
1461 #compose-editorfooter
|
|
|
1462 {
|
|
|
1463 position: absolute;
|
|
|
1464 right: 5px;
|
|
|
1465 bottom: 0;
|
|
|
1466 text-align: right;
|
|
|
1467 line-height: 20px;
|
|
|
1468 }
|
|
|
1469
|
|
|
1470 #compose-editorfooter label
|
|
|
1471 {
|
|
|
1472 font-size: 11px;
|
|
|
1473 font-weight: bold;
|
|
|
1474 color: #666;
|
|
|
1475 }
|
|
|
1476
|
|
|
1477 #compose-buttons
|
|
|
1478 {
|
|
|
1479 position: absolute;
|
|
|
1480 left: 5px;
|
|
|
1481 bottom: 1px;
|
|
|
1482 width: auto;
|
|
|
1483 }
|
|
|
1484
|
|
|
1485 #compose-contacts
|
|
|
1486 {
|
|
|
1487 position: absolute;
|
|
|
1488 top: 0;
|
|
|
1489 left: 0;
|
|
|
1490 bottom: 0;
|
|
|
1491 width: 195px;
|
|
|
1492 border: 1px solid #999;
|
|
|
1493 background-color: #F9F9F9;
|
|
|
1494 }
|
|
|
1495
|
|
|
1496 #compose-attachments
|
|
|
1497 {
|
|
|
1498 position: absolute;
|
|
|
1499 top: 0;
|
|
|
1500 left: 0;
|
|
|
1501 right: 0;
|
|
|
1502 bottom: 0;
|
|
|
1503 border: 1px solid #999;
|
|
|
1504 background-color: #F9F9F9;
|
|
|
1505 }
|
|
|
1506
|
|
|
1507 #compose-attachments.droptarget.hover
|
|
|
1508 {
|
|
|
1509 background-color: #F0F0EE;
|
|
|
1510 box-shadow: 0 0 5px 0 #999;
|
|
|
1511 -moz-box-shadow: 0 0 5px 0 #999;
|
|
|
1512 -o-box-shadow: 0 0 5px 0 #999;
|
|
|
1513 }
|
|
|
1514
|
|
|
1515 #compose-attachments ul
|
|
|
1516 {
|
|
|
1517 margin: 0px;
|
|
|
1518 padding: 0px;
|
|
|
1519 background-color: #FFF;
|
|
|
1520 list-style-image: none;
|
|
|
1521 list-style-type: none;
|
|
|
1522 }
|
|
|
1523
|
|
|
1524 #compose-attachments ul li
|
|
|
1525 {
|
|
|
1526 height: 18px;
|
|
|
1527 line-height: 16px;
|
|
|
1528 font-size: 11px;
|
|
|
1529 padding: 2px 2px 1px 2px;
|
|
|
1530 border-bottom: 1px solid #EBEBEB;
|
|
|
1531 white-space: nowrap;
|
|
|
1532 overflow: hidden;
|
|
|
1533 text-overflow: ellipsis;
|
|
|
1534 -o-text-overflow: ellipsis;
|
|
|
1535 }
|
|
|
1536
|
|
|
1537 #compose-attachments li a
|
|
|
1538 {
|
|
|
1539 text-indent: -5000px;
|
|
|
1540 width: 17px;
|
|
|
1541 height: 16px;
|
|
|
1542 padding-bottom: 2px;
|
|
|
1543 display: inline-block;
|
|
|
1544 text-decoration: none;
|
|
|
1545 vertical-align: middle;
|
|
|
1546 }
|
|
|
1547
|
|
|
1548 #compose-attachments li img
|
|
|
1549 {
|
|
|
1550 vertical-align: middle;
|
|
|
1551 }
|
|
|
1552
|
|
|
1553 #compose-attachments li a.delete,
|
|
|
1554 #compose-attachments li a.cancelupload
|
|
|
1555 {
|
|
|
1556 background-position: 0px -392px;
|
|
|
1557 }
|
|
|
1558
|
|
|
1559 #compose-attachments li span
|
|
|
1560 {
|
|
|
1561 line-height: 18px;
|
|
|
1562 vertical-align: middle;
|
|
|
1563 }
|
|
|
1564
|
|
|
1565 #upload-form,
|
|
|
1566 #attachment-form
|
|
|
1567 {
|
|
|
1568 padding: 6px;
|
|
|
1569 }
|
|
|
1570
|
|
|
1571 #upload-form div,
|
|
|
1572 #attachment-form div
|
|
|
1573 {
|
|
|
1574 padding: 2px;
|
|
|
1575 }
|
|
|
1576
|
|
|
1577 #upload-form div.buttons,
|
|
|
1578 #attachment-form div.buttons
|
|
|
1579 {
|
|
|
1580 margin-top: 4px;
|
|
|
1581 }
|
|
|
1582
|
|
|
1583 #quota
|
|
|
1584 {
|
|
|
1585 position: absolute;
|
|
|
1586 top: 3px;
|
|
|
1587 right: 8px;
|
|
|
1588 width: 100px;
|
|
|
1589 }
|
|
|
1590
|
|
|
1591 #quotaimg
|
|
|
1592 {
|
|
|
1593 position: absolute;
|
|
|
1594 top: 3px;
|
|
|
1595 right: 6px;
|
|
|
1596 z-index: 101;
|
|
|
1597 }
|
|
|
1598
|
|
|
1599 /* addressbook in compose - copy from addressbook.css */
|
|
|
1600
|
|
|
1601 #directorylist
|
|
|
1602 {
|
|
|
1603 list-style: none;
|
|
|
1604 margin: 0;
|
|
|
1605 padding: 0;
|
|
|
1606 background-color: #FFFFFF;
|
|
|
1607 }
|
|
|
1608
|
|
|
1609 #directorylist li
|
|
|
1610 {
|
|
|
1611 display: block;
|
|
|
1612 font-size: 11px;
|
|
|
1613 background: url(images/icons/folders.png?v=d9d2.5356) 5px -108px no-repeat;
|
|
|
1614 border-bottom: 1px solid #EBEBEB;
|
|
|
1615 white-space: nowrap;
|
|
|
1616 }
|
|
|
1617
|
|
|
1618 #directorylist li a
|
|
|
1619 {
|
|
|
1620 cursor: default;
|
|
|
1621 display: block;
|
|
|
1622 padding-left: 25px;
|
|
|
1623 padding-top: 2px;
|
|
|
1624 padding-bottom: 2px;
|
|
|
1625 text-decoration: none;
|
|
|
1626 white-space: nowrap;
|
|
|
1627 height: 15px;
|
|
|
1628 }
|
|
|
1629
|
|
|
1630 #directorylist li.selected
|
|
|
1631 {
|
|
|
1632 background-color: #929292;
|
|
|
1633 border-bottom: 1px solid #898989;
|
|
|
1634 }
|
|
|
1635
|
|
|
1636 #directorylist li.selected a
|
|
|
1637 {
|
|
|
1638 color: #FFF;
|
|
|
1639 font-weight: bold;
|
|
|
1640 }
|
|
|
1641
|
|
|
1642 #contacts-table
|
|
|
1643 {
|
|
|
1644 width: 100%;
|
|
|
1645 table-layout: fixed;
|
|
|
1646 }
|
|
|
1647
|
|
|
1648 #contacts-table tbody td
|
|
|
1649 {
|
|
|
1650 cursor: default;
|
|
|
1651 text-overflow: ellipsis;
|
|
|
1652 -o-text-overflow: ellipsis;
|
|
|
1653 }
|
|
|
1654
|
|
|
1655 #contacts-table td span.email
|
|
|
1656 {
|
|
|
1657 display: inline;
|
|
|
1658 color: #ccc;
|
|
|
1659 font-style: italic;
|
|
|
1660 margin-left: 0.5em;
|
|
|
1661 }
|
|
|
1662
|
|
|
1663 #abookcountbar
|
|
|
1664 {
|
|
|
1665 margin-top: 4px;
|
|
|
1666 margin-left: 4px;
|
|
|
1667 position: absolute;
|
|
|
1668 margin-right: 5px;
|
|
|
1669 right: 0;
|
|
|
1670 }
|
|
|
1671
|
|
|
1672 #abookactions
|
|
|
1673 {
|
|
|
1674 position: absolute;
|
|
|
1675 text-underline: none;
|
|
|
1676 }
|
|
|
1677
|
|
|
1678 #abookactions a
|
|
|
1679 {
|
|
|
1680 font-weight: bold;
|
|
|
1681 line-height: 22px;
|
|
|
1682 height: 22px;
|
|
|
1683 width: auto;
|
|
|
1684 margin: 0;
|
|
|
1685 padding-left: 5px;
|
|
|
1686 padding-right: 5px;
|
|
|
1687 text-shadow: 1px 1px white;
|
|
|
1688 background: url(images/icons/groupactions.png?v=ace6.1092) no-repeat right -70px;
|
|
|
1689 }
|
|
|
1690
|
|
|
1691 #abookactions a.disabled
|
|
|
1692 {
|
|
|
1693 color: #999;
|
|
|
1694 }
|
|
|
1695
|
|
|
1696 #compose-contacts .searchbox
|
|
|
1697 {
|
|
|
1698 top: 2px;
|
|
|
1699 left: 7px;
|
|
|
1700 }
|
|
|
1701
|
|
|
1702 #compose-contacts #directorylist
|
|
|
1703 {
|
|
|
1704 width: 100%;
|
|
|
1705 top: 23px;
|
|
|
1706 position: absolute;
|
|
|
1707 border-top: 1px solid #eee;
|
|
|
1708 }
|
|
|
1709
|
|
|
1710 #compose-contacts #contacts-table
|
|
|
1711 {
|
|
|
1712 top: 45px;
|
|
|
1713 position: absolute;
|
|
|
1714 }
|
