Mercurial > hg > rc1

comparison skins/classic/mail.css @ 0:1e000243b222

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:50:29 -0500
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:1e000243b222
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 }