Mercurial > hg > rc2

comparison skins/classic/mail.css @ 0:4681f974d28b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
vanilla 1.3.3 distro, I hope
author Charlie Root
date Thu, 04 Jan 2018 15:52:31 -0500
parents
children bf99236cc5cd
comparison
equal deleted inserted replaced
-1:000000000000 0:4681f974d28b
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 }