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