1 /***** RoundCube|Mail mail task styles *****/
12 /* border: 1px solid #cccccc; */
14 width: expression((parseInt(document.documentElement.clientWidth)-400)+'px');
22 #messagetoolbar select
24 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
29 #messagetoolbar select.mboxlist
36 #messagetoolbar select.mboxlist option
41 #messagetoolbar select.mboxlist option[value="0"]
53 background-color: #F9F9F9;
54 border: 1px solid #CCC;
57 filter:alpha(opacity=90);
73 width: auto !important;
81 padding: 2px 8px 3px 12px;
82 text-decoration: none;
85 ul.toolbarmenu li a.active:hover
87 background-color: #ddd;
104 #listcontrols a:active,
105 #listcontrols a:visited,
107 #mailboxcontrols a:active,
108 #mailboxcontrols a:visited,
110 td.formlinks a:visited
114 text-decoration: none;
117 #listcontrols a.active,
118 #listcontrols a.active:active,
119 #listcontrols a.active:visited,
120 #mailboxcontrols a.active,
121 #mailboxcontrols a.active:active,
122 #mailboxcontrols a.active:visited,
123 ul.toolbarmenu li a.active,
124 ul.toolbarmenu li a.active:active,
125 ul.toolbarmenu li a.active:visited,
127 td.formlinks a:visited
132 #listcontrols a.active:hover,
133 #mailboxcontrols a.active:hover
135 text-decoration: underline;
155 #messagecountbar span
168 /* css hack for IE */
169 width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
170 height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
180 /* css hack for IE */
181 width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px');
182 height: expression(parseInt(this.parentNode.offsetHeight)+'px');
185 #messagepartcontainer
192 /* css hack for IE */
193 width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
194 height: expression((parseInt(document.documentElement.clientHeight)-100)+'px');
203 border: 1px solid #999999;
204 background-color: #F9F9F9;
206 /* css hack for IE */
207 height: expression(parseInt(this.parentNode.offsetHeight)+'px');
216 border: 1px solid #999999;
217 background-color: #F9F9F9;
218 /* css hack for IE */
219 height: expression((parseInt(this.parentNode.offsetHeight)-205)+'px');
237 border: 1px solid #999999;
238 background-color: #F9F9F9;
249 /* css hack for IE */
250 width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
257 vertical-align: middle;
261 #partheader table td.title
268 /** mailbox list styles */
275 padding: 3px 10px 4px 10px;
276 background-color: #EBEBEB;
277 background-image: url(images/listheader_aqua.gif);
278 border-bottom: 1px solid #999;
284 #mailboxlist-container
291 border: 1px solid #999;
292 background-color: #F9F9F9;
294 /* css hack for IE */
295 height: expression(parseInt(this.parentNode.offsetHeight)+'px');
304 list-style-image: none;
305 list-style-type: none;
315 background: url(images/icons/folder-closed.png) no-repeat;
316 background-position: 5px 1px;
317 border-bottom: 1px solid #EBEBEB;
323 left: 8px !important;
330 #mailboxlist li div.collapsed,
331 #mailboxlist li div.expanded
336 #mailboxlist li div.collapsed
338 background: url(images/icons/collapsed.png) bottom right no-repeat;
341 #mailboxlist li div.expanded
343 background: url(images/icons/expanded.png) bottom right no-repeat;
346 #mailboxlist li.inbox
348 background-image: url(images/icons/folder-inbox.png);
351 #mailboxlist li.drafts
353 background-image: url(images/icons/folder-drafts.png);
358 background-image: url(images/icons/folder-sent.png);
363 background-image: url(images/icons/folder-junk.png);
366 #mailboxlist li.trash
368 background-image: url(images/icons/folder-trash.png);
379 text-decoration: none;
382 #mailboxlist li.unread
387 #mailboxlist li.virtual > a
392 #mailboxlist li.selected,
393 #mailboxlist li.droptarget li.selected
395 background-color: #929292;
398 #mailboxlist li.selected > a,
399 #mailboxlist li.droptarget li.selected a
405 #mailboxlist li.droptarget
407 background-color: #FFFFA6;
410 /* styles for nested folders */
415 border-top: 1px solid #EBEBEB;
417 background-position: 25px 1px;
418 background-color: #F9F9F9;
431 /* css hack for IE */
432 width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
435 #mailfooter table tr td
438 vertical-align: bottom;
451 /** message list styles */
456 background-color: #F9F9F9;
464 /* css hack for IE */
465 width: expression('auto');
468 #messagelist thead tr td
475 vertical-align: middle;
476 border-bottom: 1px solid #999999;
478 background-color: #EBEBEB;
479 background-image: url(images/listheader_aqua.gif);
484 #messagelist thead tr td.sortedASC,
485 #messagelist thead tr td.sortedDESC
487 background-image: url(images/listheader_dark.gif);
490 #messagelist thead tr td.sortedASC a
492 background: url(images/sort_asc.gif) top right no-repeat;
495 #messagelist thead tr td.sortedDESC a
497 background: url(images/sort_desc.gif) top right no-repeat;
500 #messagelist thead tr td a
503 width: auto !important;
506 text-decoration: none;
509 #messagelist tbody tr td
517 text-overflow: ellipsis;
518 border-bottom: 1px solid #EBEBEB;
522 #messagelist tbody tr td a
525 text-decoration: none;
530 #messagelist tbody tr td.subject a
537 display: table-column;
539 vertical-align: middle;
542 #messagelist tr td.icon,
543 #messagelist tr td.flag
546 vertical-align: middle;
550 #messagelist tbody tr td.flag img:hover,
551 #messagelist thead tr td.flag img
553 background: url(images/icons/unflagged.png) center no-repeat;
556 #messagelist tr td.subject
559 vertical-align: middle;
562 #messagelist tr td.size
566 vertical-align: middle;
569 #messagelist thead tr td.size
574 #messagelist tr td.from,
575 #messagelist tr td.to
578 vertical-align: middle;
581 #messagelist tr td.date
584 vertical-align: middle;
587 #messagelist tr.message
589 background-color: #FFFFFF;
595 background-color: #F9F9F9;
599 #messagelist tr.unread
602 background-color: #FFFFFF;
605 #messagelist tr.flagged td,
606 #messagelist tr.flagged td a
611 #messagelist tr.selected td
614 background-color: #CC3333;
617 #messagelist tr.unfocused td
620 background-color: #929292;
623 #messagelist tr.selected td a
628 #messagelist tr.unfocused td a
633 #messagelist tr.deleted td,
634 #messagelist tr.deleted td a
640 html>body*#messagelist[id$="messagelist"]:not([class="none"]) { width: 99.8%; }
641 html>body*#messagelist[id$="messagelist"]:not([class="none"]) tr td.flag,
642 html>body*#messagelist[id$="messagelist"]:not([class="none"]) tr td.icon { width: 20px; }
643 html>body*input[type$="file"]:not([class="none"]) { background-color: transparent; border: 0; }
654 vertical-align: middle;
656 border: 1px solid #999;
660 /** message view styles */
669 border: 1px solid #999;
670 background-color: #FFF;
672 /* css hack for IE */
673 width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px');
674 height: expression((parseInt(this.parentNode.offsetHeight))+'px');
679 /* css hack for IE */
680 width: expression((parseInt(this.parentNode.offsetWidth)-20)+'px');
690 border: 1px solid #999;
691 background-color: #FFF;
693 /* css hack for IE */
694 width: expression((parseInt(document.documentElement.clientWidth)-220)+'px');
695 height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
700 margin: 6px 8px 0px 8px;
701 border: 1px solid #ccc;
707 background-color: #EBEBEB;
711 #messagebody table.headers-table
715 background-color: #F4F4F4;
716 border: 1px solid #ccc;
719 #messageframe table.headers-table
721 border-bottom: 1px solid #ccc;
724 table.headers-table tr td
727 border-bottom:1px solid #FFFFFF;
730 table.headers-table td.header-title
740 table.headers-table tr td.subject
746 table.headers-table tr td.all
752 vertical-align: center;
759 padding: 0px 0px 0px 72px;
761 list-style-image: none;
762 list-style-type: none;
763 background: url(images/icons/attachment.png) 60px 2px no-repeat #DFDFDF;
765 _height: expression(Math.min(16, parseInt(document.documentElement.clientHeight))+'px');
768 #attachment-list:after
783 padding: 2px 0px 0px 15px;
787 #attachment-list li a
789 text-decoration: none;
792 #attachment-list li a:hover
794 text-decoration: underline;
800 padding-bottom: 10px;
801 background-color: #FFFFFF;
807 border-top: 1px solid #ccc;
808 /* overflow: hidden; */
811 #messagebody div:first-child
817 div.message-htmlpart a
822 div.message-part pre,
823 div.message-part div.pre
827 font-family: monospace;
828 white-space: -moz-pre-wrap !important;
829 white-space: -o-pre-wrap !important;
830 white-space: pre-wrap !important;
832 word-wrap: break-word; /* IE (and Safari) */
835 div.message-part blockquote
838 border-left: 2px solid blue;
839 border-right: 2px solid blue;
840 background-color: #F6F6F6;
841 margin: 2px 0px 2px 0px;
842 padding: 1px 8px 1px 10px;
845 div.message-part blockquote blockquote
848 border-left: 2px solid green;
849 border-right: 2px solid green;
852 div.message-part blockquote blockquote blockquote
855 border-left: 2px solid #bb0000;
856 border-right: 2px solid #bb0000;
861 /* css hack for IE */
862 width: expression((parseInt(document.documentElement.clientWidth))+'px');
865 body.iframe div.message-htmlpart
870 div.message-htmlpart div.rcmBody
875 #remote-objects-message
880 padding: 10px 10px 6px 46px;
883 #remote-objects-message a
889 #remote-objects-message a:hover
904 /** message compose styles */
925 /* css hack for IE */
926 width: expression((parseInt(document.documentElement.clientWidth)-220)+'px');
927 height: expression((parseInt(document.documentElement.clientHeight)-120)+'px');
944 #compose-headers td.top
949 #compose-headers td.title,
950 #compose-subject td.title
952 width: 80px !important;
961 #compose-headers td textarea,
962 #compose-headers td input
965 width: expression('99%');
968 #compose-headers td textarea
985 font-family: "Courier New", Courier, monospace;
996 #compose-attachments ul
1000 border: 1px solid #CCCCCC;
1001 background-color: #F9F9F9;
1002 list-style-image: none;
1003 list-style-type: none;
1006 #compose-attachments ul li
1013 border-bottom: 1px solid #EBEBEB;
1014 white-space: nowrap;
1020 background: url(images/icons/attachment.png) top left no-repeat;
1021 padding: 0px 0px 3px 22px;
1032 border: 1px solid #CCCCCC;
1033 background-color: #F9F9F9;
1036 #attachment-form div
1041 #attachment-form div.buttons
1046 table.headers-table tr td.more-headers
1054 table.headers-table tr td.all
1056 padding: 2px 6px 4px 6px;
1062 background: url(images/icons/down_small.gif) no-repeat center;
1067 background: url(images/icons/up_small.gif) no-repeat center;
1084 white-space: nowrap;
1085 border: 1px solid #999999;