thomascube
2006-05-18 cead5c727147faac362e742aa7bcecf07f68cd99
commit | author | age
4e17e6 1 /***** RoundCube|Mail mail task styles *****/
T 2
3
4 #messagetoolbar
5 {
6   position: absolute;
7902df 7   top: 45px;
4e17e6 8   left: 200px;
T 9   right: 250px;
10   height: 35px;
d3502f 11   white-space: nowrap;
4e17e6 12 /*  border: 1px solid #cccccc; */
T 13 }
14
15 #messagetoolbar a
16 {
17   padding-right: 10px;
18 }
19
20 #messagetoolbar select
21 {
22   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
23   font-size: 11px;
24   color: #333333;
25 }
26
27 #messagetoolbar select.mboxlist
28 {
29   position: absolute;
d6037d 30   left: 375px;
4e17e6 31   top: 10px;
T 32 }
33
34 #messagetoolbar select.mboxlist option
35 {
36   padding-left: 15px;
37 }
38
39 #messagetoolbar select.mboxlist option[value="0"]
40 {
41   padding-left: 2px;
42 }
43
44 #listcontrols
45 {
46   position: absolute;
47   left: 200px;
7902df 48   bottom: 20px;
4e17e6 49   height: 16px;
d6037d 50   width: 500px;
586665 51   font-size: 11px;
4e17e6 52 }
T 53
54 #listcontrols a,
55 #listcontrols a:active,
15a9d1 56 #listcontrols a:visited,
T 57 #mailboxcontrols a,
58 #mailboxcontrols a:active,
59 #mailboxcontrols a:visited
4e17e6 60 {
T 61   color: #999999;
62   font-size: 11px;
63   text-decoration: none;
64 }
65
66 #listcontrols a.active,
67 #listcontrols a.active:active,
15a9d1 68 #listcontrols a.active:visited,
T 69 #mailboxcontrols a.active,
70 #mailboxcontrols a.active:active,
71 #mailboxcontrols a.active:visited
4e17e6 72 {
T 73   color: #CC0000;
74 }
75
15a9d1 76 #listcontrols a.active:hover,
T 77 #mailboxcontrols a.active:hover
4e17e6 78 {
T 79   text-decoration: underline;
80 }
81
82 #messagecountbar
83 {
84   position: absolute;
4647e1 85   bottom: 16px;
7902df 86   right: 40px;
d3502f 87   width: 300px;
4e17e6 88   height: 20px;
T 89   text-align: right;
1cded8 90   white-space: nowrap;
4e17e6 91 }
T 92
93 #messagecountbar span
94 {
95   font-size: 11px;
96   color: #333333;
97 }
98
99 #messagepartcontainer
100 {
101   position: absolute;
102   top: 80px;
103   left: 20px;
104   right: 20px;
105   bottom: 20px;
106 }
107
108 #mailcontframe
109 {
110   position: absolute;
7902df 111   top: 85px;
4e17e6 112   left: 200px;
T 113   right: 40px;
7902df 114   bottom: 40px;
4e17e6 115   border: 1px solid #999999;
T 116   background-color: #F9F9F9;
117   overflow: auto;
118   /* css hack for IE */
119   width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
fad5c3 120   height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
4e17e6 121 }
T 122
123
124 #messagepartframe
125 {
126   border: 1px solid #999999;
127   background-color: #F9F9F9;  
128 }
129
130
131 #partheader
132 {
133   position: absolute;
134   top: 10px;
135   left: 220px;
136   height: 40px;
137 }
138
139 #partheader table td
140 {
141   padding-left: 2px;
142   padding-right: 4px;
143   vertical-align: middle;
144   font-size: 11px;
145 }
146
147 #partheader table td.title
148 {
149   color: #666666;
150   font-weight: bold;
151 }
152
153 #rcmdraglayer
154 {
155   width: 300px;
156   border: 1px solid #999999;
157   background-color: #F9F9F9;
158   padding-left: 8px;
159   padding-right: 8px;
160   padding-top: 3px;
161   padding-bottom: 3px;
162   font-size: 11px;
163   opacity: 0.6;
164   -moz-opacity: 0.6;
165 }
166
167
168 /** mailbox list styles */
169
170 #mailboxlist-header
171 {
172   position: absolute;
7902df 173   top: 85px;
4e17e6 174   left: 20px;
T 175   width: 140px !important;
176 /*  width: 162px; */
177   height: 13px;
178   padding: 3px 10px 2px 10px;
179   background-color: #EBEBEB;
180   background-image: url(images/listheader_aqua.gif); 
181   border: 1px solid #CCCCCC;
182   color: #333333;
183   font-size: 11px;
184   font-weight: bold;  
185 }
186
cd900d 187 #mailboxlist-container
4e17e6 188 {
T 189   position: absolute;
7902df 190   top: 105px;
4e17e6 191   left: 20px;
T 192   width: 160px;
7902df 193   bottom: 40px;
cd900d 194   border: 1px solid #CCCCCC;
T 195   background-color: #F9F9F9;
196   overflow: auto;
197   /* css hack for IE */
fad5c3 198   height: expression((parseInt(document.documentElement.clientHeight)-145)+'px');
cd900d 199 }
T 200
201 #mailboxlist
202 {
203   width: 100%;
4e17e6 204   height: auto;
T 205   margin: 0px;
206   padding: 0px;
207   list-style-image: none;
208   list-style-type: none;
20a1b3 209   overflow: hidden;
T 210   white-space: nowrap;
4e17e6 211 }
T 212
213 #mailboxlist li
214 {
597170 215  /* height: 18px; */
4e17e6 216   font-size: 11px;
T 217   background: url(images/icons/folder-closed.png) no-repeat;
218   background-position: 10px 1px;
219   border-bottom: 1px solid #EBEBEB;
220 /* IE 5.5  margin-left: -16px; */
221 }
222
223 #mailboxlist li.inbox
224 {
225   background-image: url(images/icons/folder-inbox.png);
226 }
227
228 #mailboxlist li.sent
229 {
230   background-image: url(images/icons/folder-sent.png);
231 }
232
233 #mailboxlist li.junk
234 {
235   background-image: url(images/icons/folder-junk.png);
236 }
237
238 #mailboxlist li.trash
239 {
240   background-image: url(images/icons/folder-trash.png);
241 }
242
243 #mailboxlist li a
244 {
245   display: block;
246   padding-left: 32px;
247   padding-top: 2px;
248   padding-bottom: 2px;
249   text-decoration: none;
250 }
251
252 #mailboxlist li, #mailboxlist li.unread
253 {  
254  /* background-image: url(images/mailbox_list.gif); */
255 }
256
257 #mailboxlist li.unread
258 {
259   font-weight: bold;
260 }
261
262 #mailboxlist li.selected
263 {
264   background-color: #929292;
597170 265   border-bottom: 1px solid #898989;
4e17e6 266 }
T 267
268 #mailboxlist li.selected a
269 {
270   color: #FFF;
271   font-weight: bold;
272 }
273
274
597170 275 /* styles for nested folders */
T 276 #mailboxlist ul {
277   list-style: none;
278   padding: 0;
279   margin:0;
280   border-top: 1px solid #EBEBEB;  
281 }
282
283 #mailboxlist ul li {
284   padding-left: 15px;
285   background-position: 25px 1px;
286 }
287
288 #mailboxlist li.selected li {
289   background-color: #F9F9F9;
290 }
291
292 #mailboxlist li.unread li {
293   font-weight: normal;
294 }
295
296 #mailboxlist li.unread li.unread {
297   font-weight: bold;
298 }
299
300 #mailboxlist li.selected li a{
301   color: black;
302   font-weight: normal;
303 }
304
305
15a9d1 306 #mailboxcontrols
T 307 {
308   position: absolute;
309   left: 20px;
310   width: 160px;
311   bottom: 20px;
312   height: 16px;
313   overflow: hidden;
586665 314   font-size: 11px;
15a9d1 315 }
T 316
317
4e17e6 318 /** message list styles */
T 319
320 body.messagelist
321 {
322   margin: 0px;
323   background-color: #F9F9F9;
324 }
325
326 #messagelist
327 {
328   width: 100%;
e0ddd4 329   display: table;
4e17e6 330   table-layout: fixed;
T 331   /* css hack for IE */
332   width: expression(document.getElementById('mailcontframe').clientWidth);
333 }
334
335 #messagelist thead tr td
336 {
337   height: 20px;
338   padding-top: 0px;
339   padding-bottom: 0px;
340   padding-left: 2px;
341   padding-right: 4px;
342   vertical-align: middle;
343   border-bottom: 1px solid #999999;
344   color: #333333;
345   background-color: #EBEBEB;
346   background-image: url(images/listheader_aqua.gif); 
347   font-size: 11px;
348   font-weight: bold;
349 }
350
b076a4 351 #messagelist thead tr td.sortedASC,
T 352 #messagelist thead tr td.sortedDESC
353 {
354   background-image: url(images/listheader_dark.gif); 
1cded8 355 }
T 356
357 #messagelist thead tr td.sortedASC a
358 {
359   background: url(images/sort_asc.gif) top right no-repeat;
360 }
361
362 #messagelist thead tr td.sortedDESC a
363 {
364   background: url(images/sort_desc.gif) top right no-repeat;
365 }
366
367 #messagelist thead tr td a,
368 #messagelist thead tr td a:hover
369 {
370   display: block;
371   width: auto !important;
372   width: 100%;
373   color: #333333;
374   text-decoration: none;
b076a4 375 }
T 376
4e17e6 377 #messagelist tbody tr td
T 378 {
379   height: 16px !important;
380   height: 20px;
381   padding: 2px;
382   padding-right: 4px;
383   font-size: 11px;
4b0f65 384   overflow: hidden;
4e17e6 385   white-space: nowrap;
4b0f65 386   text-overflow: ellipsis;
4e17e6 387   border-bottom: 1px solid #EBEBEB;
T 388   cursor: pointer;
e0ddd4 389 }
T 390
391 #messagelist col
392 {
393   display: table-column;
394   text-align: left;
4e17e6 395 }
T 396
397 #messagelist tr td.icon
398 {
399   width: 16px;
400 }
401
402 #messagelist tr td.subject
403 {
404   overflow: hidden;
405 }
406
407 #messagelist tr td.size
408 {
409   width: 60px;
410   text-align: right;
411 }
412
413 #messagelist tr td.from,
414 #messagelist tr td.to
415 {
416   width: 180px;
417 }
418
419 #messagelist tr td.date
420 {
421   width: 110px;
422 }
423
424 #messagelist tr.message
425 {
426   background-color: #FFFFFF;
427 }
428
429 /*
430 #messagelist tr.odd
431 {
432   background-color: #F9F9F9;
433 }
434 */
435
436 #messagelist tr.unread
437 {
438   font-weight: bold;
439   background-color: #FFFFFF;
440 }
441
442 #messagelist tr.selected td
443 {
444   font-weight: bold;
445   color: #FFFFFF;
446   background-color: #CC3333;
447 }
448
88f9e2 449 #messagelist tr.focused td
S 450 {
451   border-bottom: thin dotted;
452   border-top: thin dotted;
453 }
454
4e17e6 455 #messagelist tr.selected td a.rcmContactAddress
T 456 {
457   color: #FFFFFF;
458 }
459
15a9d1 460 #messagelist tr.deleted td,
T 461 #messagelist tr.deleted td a
462 {
463   color: #CCCCCC;
464 }
465
4647e1 466 #quicksearchbar
T 467 {
468   position: absolute;
469   top: 60px;
470   right: 40px;
326e87 471   width: 182px;
4647e1 472   height: 20px;
T 473   text-align: right;
326e87 474   background: url('images/searchfield.gif') top left no-repeat;
4647e1 475 }
T 476
477 #quicksearchbar a
478 {
326e87 479   position: absolute;
T 480   top: 3px;
481   right: 4px;
4647e1 482   text-decoration: none;
T 483 }
484
485 #quicksearchbar img
486 {
487   vertical-align: middle;
488 }
489
490 #quicksearchbox
491 {
326e87 492   position: absolute;
T 493   top: 2px;
494   left: 20px;
495   width: 140px;
496   font-size: 11px;
497   padding: 0px;
498   border: none;
4647e1 499 }
T 500
4e17e6 501
326e87 502 /*\*/
T 503 html>body*#quicksearchbar { background-image: none; }
504 html>body*#quicksearchbar a { top: 5px; }
505 html>body*#quicksearchbar #quicksearchbox { width: 180px; top:0px; right: 1px; left: auto; }
506 /**/
507
508
7cf1bd 509 #rcversion
T 510 {
511   position: absolute;
512   top: 67px;
513   left: 20px;
514   width: 160px;
515   text-align: center;
516
517   font-weight: normal;
518   font-size: x-small;
519   font-variant: small-caps;
520   
521   color: #999999;
522   /*border: 1px solid #308014;
523   background-color: #b4eeb4;*/
524 }
525
4e17e6 526 /** message view styles */
T 527
528
529 #messageframe
530 {
531   position: absolute;
7902df 532   top: 85px;
4e17e6 533   left: 200px;
T 534   right: 40px;
6a35c8 535   bottom: 40px;
T 536   border: 1px solid #cccccc;
537   background-color: #FFFFFF;
538   overflow: auto;
4e17e6 539   /* css hack for IE */
6a35c8 540   /* margin-bottom: 10px; */
T 541   width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
542   height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
4e17e6 543 }
T 544
545 table.headers-table
546 {
547   width: 100%;
548   background-color: #EBEBEB;
549   table-layout: fixed;
550
551 }
552
553 table.headers-table tr td
554 {
555   font-size: 11px;
556   border-bottom:1px solid #FFFFFF;
557 }
558
559 table.headers-table td.header-title
560 {
6a35c8 561   width: 80px;
4e17e6 562   color: #666666;
T 563   font-weight: bold;
564   text-align: right;
6a35c8 565   white-space: nowrap;
4e17e6 566   padding-right: 4px;
T 567 }
568
569 table.headers-table tr td.subject
570 {
571   width: 95%;
572   font-weight: bold;
573 }
574   
575 #attachment-list
576 {
577   margin: 0px;
578   padding: 0px 0px 0px 68px;
579   height: 18px;
580   list-style-image: none;
581   list-style-type: none;
582   background-color: #DFDFDF;
583   background: url(images/icons/attachment.png) no-repeat #DFDFDF;
584   background-position: 52px 1px;
585   border-bottom: 1px solid #FFFFFF;
586 }
587
588 #attachment-list li
589 {
590 /*  display: block; */
591   float: left;
592   height: 18px;
593   font-size: 11px;
594   padding: 2px 10px 0px 10px;
595 }
596
597 #attachment-list li a
598 {
599   text-decoration: none;
600 }
601
602 #attachment-list li a:hover
603 {
604   text-decoration: underline;
605 }
606
607 #messagebody
608 {
609   min-height: 300px;
6a35c8 610   padding-top: 10px;
T 611   padding-bottom: 10px;
4e17e6 612   background-color: #FFFFFF;
T 613 }
614
615 div.message-part
616 {
617   padding: 8px;
618   padding-top: 10px;
619   overflow: hidden;
620 }
621
622 div.message-part a
623 {
624   color: #0000CC;
625 }
626
627 div.message-part pre
628 {
629   margin: 0px;
630   padding: 0px;
631 }
632
633
634 #remote-objects-message
635 {
636   display: none;
637   height: 20px;
638   min-height: 20px;
6a35c8 639   margin: 8px 8px 0px 8px;
4e17e6 640   padding: 10px 10px 6px 46px;  
T 641 }
642
643 #remote-objects-message a
644 {
645   color: #666666;
646   padding-left: 10px;
647 }
648
649 #remote-objects-message a:hover
650 {
651   color: #333333;
652 }
653
654
655 /** message compose styles */
656
657 #priority-selector
658 {
659   position: absolute;
620439 660   left: 180px;
T 661   top: 10px;
662 }
663
664 #receipt-selector
665 {
666   position: absolute;
667   left: 350px;
4e17e6 668   top: 10px;
T 669 }
670
671 #compose-container
672 {
673   position: absolute;
7902df 674   top: 90px;
4e17e6 675   left: 200px;
T 676   right: 40px;
6a35c8 677   bottom: 40px;
4e17e6 678   padding: 0px;
T 679   margin: 0px;
680   /* css hack for IE */
681   width: expression(document.documentElement.clientWidth-240);
6a35c8 682   height: expression((parseInt(document.documentElement.clientHeight)-130)+'px');
4e17e6 683 }
T 684
685 /*
686 #compose-headers
687 {
688   position: absolute;
689   top: 70px;
690   left: 200px;
691   height: 84px;
692   border-top: 1px solid #cccccc;
693   overflow: auto;
694 }
695
696 #compose-headers td
697 {
698   padding-top: 1px;
699   padding-bottom: 1px;
700   border-right: 1px solid #cccccc;
701   border-bottom: 1px solid #cccccc;
702 }
703 */
704
705 #compose-headers
706 {
707   width: 100%;
708 }
709
710 /*
711 #compose-headers td
712 {
713   width: 100%;
714 }
715 */
716
717 #compose-headers td.top
718 {
719   vertical-align: top;
720 }
721
722 #compose-headers td.title,
723 #compose-subject td.title
724 {
725   width: 80px !important;
726   color: #666666;
727   font-size: 11px;
728   font-weight: bold;
729   padding-right: 10px;
730   white-space: nowrap;
731 }
732
733 #compose-headers td.add-button
734 {
735   width: 40px !important;
736   text-align: right;
737   vertical-align: bottom;
738 }
739
740 #compose-headers td.add-button a
741 {
742   color: #666666;
743   font-size: 11px;
744   text-decoration: none;
745 }
746
747 #compose-headers td textarea
748 {
749   width: 100%;
750   height: 40px;
751 }
752
753 #compose-headers td input
754 {
755   width: 100%;
756 }
757
758 #compose-cc,
759 #compose-bcc,
760 #compose-replyto
761 {
762   display: none;
763 }
764
765 #compose-body
766 {
dd53e2 767   margin-top: 5px;
1cded8 768   margin-bottom: 5px;
6a35c8 769   width: 99% !important;
4e17e6 770   width: 95%;
1cded8 771   height: 90%;
6a35c8 772   min-height: 300px;
4e17e6 773   font-size: 9pt;
T 774   font-family: "Courier New", Courier, monospace;
775 }
776
777 #compose-attachments
778 {
779   position: absolute;
780   top: 100px;
781   left: 20px;
782   width: 160px;
783 }
784
785 #compose-attachments ul
786 {
787   margin: 0px;
788   padding: 0px;
789   border: 1px solid #CCCCCC;
790   background-color: #F9F9F9;
791   list-style-image: none;
792   list-style-type: none;
793 }
794
795 #compose-attachments ul li
796 {
797   height: 18px;
798   font-size: 11px;
799   padding-left: 26px;
800   padding-top: 2px;
801   padding-right: 4px;
802   background: url(images/icons/attachment.png) no-repeat;
803   background-position: 4px 1px;
804   border-bottom: 1px solid #EBEBEB;
805   white-space: nowrap;
806   overflow: hidden;
807 }
808
809 #attachment-form
810 {
811   position: absolute;
812   top: 150px;
813   left: 20px;
814   z-index: 200;
815   padding: 8px;
816   visibility: hidden;
817   border: 1px solid #CCCCCC;
818   background-color: #F9F9F9;
819 }
820
821 #attachment-form input.button
822 {
823   margin-top: 8px;
824 }
825
58e360 826 #rcmquotadisplay
T 827 {
828   color: #999999;
829   font-size: 11px;
830 }