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;
105 #listcontrols a:active,
106 #listcontrols a:visited,
108 #mailboxcontrols a:active,
109 #mailboxcontrols a:visited,
111 td.formlinks a:visited
115 text-decoration: none;
118 #listcontrols a.active,
119 #listcontrols a.active:active,
120 #listcontrols a.active:visited,
121 #mailboxcontrols a.active,
122 #mailboxcontrols a.active:active,
123 #mailboxcontrols a.active:visited,
124 ul.toolbarmenu li a.active,
125 ul.toolbarmenu li a.active:active,
126 ul.toolbarmenu li a.active:visited,
128 td.formlinks a:visited
133 #listcontrols a.active:hover,
134 #mailboxcontrols a.active:hover
136 text-decoration: underline;
156 #messagecountbar span
169 /* css hack for IE */
170 width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
171 height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
181 /* css hack for IE */
182 width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px');
183 height: expression(parseInt(this.parentNode.offsetHeight)+'px');
186 #messagepartcontainer
193 /* css hack for IE */
194 width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
195 height: expression((parseInt(document.documentElement.clientHeight)-100)+'px');
204 border: 1px solid #999999;
205 background-color: #F9F9F9;
207 /* css hack for IE */
208 height: expression(parseInt(this.parentNode.offsetHeight)+'px');
217 border: 1px solid #999999;
218 background-color: #F9F9F9;
219 /* css hack for IE */
220 height: expression((parseInt(this.parentNode.offsetHeight)-205)+'px');
238 border: 1px solid #999999;
239 background-color: #F9F9F9;
250 /* css hack for IE */
251 width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
258 vertical-align: middle;
262 #partheader table td.title
269 /** mailbox list styles */
276 padding: 3px 10px 4px 10px;
277 background-color: #EBEBEB;
278 background-image: url(images/listheader_aqua.gif);
279 border-bottom: 1px solid #999;
285 #mailboxlist-container
292 border: 1px solid #999;
293 background-color: #F9F9F9;
295 /* css hack for IE */
296 height: expression(parseInt(this.parentNode.offsetHeight)+'px');
305 list-style-image: none;
306 list-style-type: none;
316 background: url(images/icons/folder-closed.png) no-repeat;
317 background-position: 5px 1px;
318 border-bottom: 1px solid #EBEBEB;
324 left: 8px !important;
331 #mailboxlist li div.collapsed,
332 #mailboxlist li div.expanded
337 #mailboxlist li div.collapsed
339 background: url(images/icons/collapsed.png) bottom right no-repeat;
342 #mailboxlist li div.expanded
344 background: url(images/icons/expanded.png) bottom right no-repeat;
347 #mailboxlist li.inbox
349 background-image: url(images/icons/folder-inbox.png);
352 #mailboxlist li.drafts
354 background-image: url(images/icons/folder-drafts.png);
359 background-image: url(images/icons/folder-sent.png);
364 background-image: url(images/icons/folder-junk.png);
367 #mailboxlist li.trash
369 background-image: url(images/icons/folder-trash.png);
380 text-decoration: none;
383 #mailboxlist li.unread
388 #mailboxlist li.virtual > a
393 #mailboxlist li.selected,
394 #mailboxlist li.droptarget li.selected
396 background-color: #929292;
399 #mailboxlist li.selected > a,
400 #mailboxlist li.droptarget li.selected a
406 #mailboxlist li.droptarget
408 background-color: #FFFFA6;
411 /* styles for nested folders */
416 border-top: 1px solid #EBEBEB;
418 background-position: 25px 1px;
419 background-color: #F9F9F9;
432 /* css hack for IE */
433 width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
436 #mailfooter table tr td
439 vertical-align: bottom;
452 /** message list styles */
457 background-color: #F9F9F9;
465 /* css hack for IE */
466 width: expression('auto');
469 #messagelist thead tr td
476 vertical-align: middle;
477 border-bottom: 1px solid #999999;
479 background-color: #EBEBEB;
480 background-image: url(images/listheader_aqua.gif);
485 #messagelist thead tr td.sortedASC,
486 #messagelist thead tr td.sortedDESC
488 background-image: url(images/listheader_dark.gif);
491 #messagelist thead tr td.sortedASC a
493 background: url(images/sort_asc.gif) top right no-repeat;
496 #messagelist thead tr td.sortedDESC a
498 background: url(images/sort_desc.gif) top right no-repeat;
501 #messagelist thead tr td a
504 width: auto !important;
507 text-decoration: none;
510 #messagelist tbody tr td
518 text-overflow: ellipsis;
519 border-bottom: 1px solid #EBEBEB;
523 #messagelist tbody tr td a
526 text-decoration: none;
531 #messagelist tbody tr td.subject a
538 display: table-column;
540 vertical-align: middle;
543 #messagelist tr td.icon,
544 #messagelist tr td.flag
547 vertical-align: middle;
551 #messagelist tbody tr td.flag img:hover,
552 #messagelist thead tr td.flag img
554 background: url(images/icons/unflagged.png) center no-repeat;
557 #messagelist tr td.subject
560 vertical-align: middle;
563 #messagelist tr td.size
567 vertical-align: middle;
570 #messagelist thead tr td.size
575 #messagelist tr td.from,
576 #messagelist tr td.to
579 vertical-align: middle;
582 #messagelist tr td.date
585 vertical-align: middle;
588 #messagelist tr.message
590 background-color: #FFFFFF;
596 background-color: #F9F9F9;
600 #messagelist tr.unread
603 background-color: #FFFFFF;
606 #messagelist tr.flagged td,
607 #messagelist tr.flagged td a
612 #messagelist tr.selected td
615 background-color: #CC3333;
618 #messagelist tr.unfocused td
621 background-color: #929292;
624 #messagelist tr.selected td a
629 #messagelist tr.unfocused td a
634 #messagelist tr.deleted td,
635 #messagelist tr.deleted td a
641 html>body*#messagelist[id$="messagelist"]:not([class="none"]) { width: 99.8%; }
642 html>body*#messagelist[id$="messagelist"]:not([class="none"]) tr td.flag,
643 html>body*#messagelist[id$="messagelist"]:not([class="none"]) tr td.icon { width: 20px; }
644 html>body*input[type$="file"]:not([class="none"]) { background-color: transparent; border: 0; }
655 vertical-align: middle;
657 border: 1px solid #999;
661 /** message view styles */
670 border: 1px solid #999;
671 background-color: #FFF;
673 /* css hack for IE */
674 width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px');
675 height: expression((parseInt(this.parentNode.offsetHeight))+'px');
680 /* css hack for IE */
681 width: expression((parseInt(this.parentNode.offsetWidth)-20)+'px');
691 border: 1px solid #999;
692 background-color: #FFF;
694 /* css hack for IE */
695 width: expression((parseInt(document.documentElement.clientWidth)-220)+'px');
696 height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
701 margin: 6px 8px 0px 8px;
702 border: 1px solid #ccc;
708 background-color: #EBEBEB;
712 #messagebody table.headers-table
716 background-color: #F4F4F4;
717 border: 1px solid #ccc;
720 #messageframe table.headers-table
722 border-bottom: 1px solid #ccc;
725 table.headers-table tr td
728 border-bottom:1px solid #FFFFFF;
731 table.headers-table td.header-title
741 table.headers-table tr td.subject
747 table.headers-table tr td.all
753 vertical-align: center;
760 padding: 0px 0px 0px 72px;
762 list-style-image: none;
763 list-style-type: none;
764 background: url(images/icons/attachment.png) 60px 2px no-repeat #DFDFDF;
766 _height: expression(Math.min(16, parseInt(document.documentElement.clientHeight))+'px');
769 #attachment-list:after
784 padding: 2px 0px 0px 15px;
788 #attachment-list li a
790 text-decoration: none;
793 #attachment-list li a:hover
795 text-decoration: underline;
801 padding-bottom: 10px;
802 background-color: #FFFFFF;
808 border-top: 1px solid #ccc;
809 /* overflow: hidden; */
812 #messagebody div:first-child
818 div.message-htmlpart a
823 div.message-part pre,
824 div.message-part div.pre
828 font-family: monospace;
829 white-space: -moz-pre-wrap !important;
830 white-space: -o-pre-wrap !important;
831 white-space: pre-wrap !important;
833 word-wrap: break-word; /* IE (and Safari) */
836 div.message-part blockquote
839 border-left: 2px solid blue;
840 border-right: 2px solid blue;
841 background-color: #F6F6F6;
842 margin: 2px 0px 2px 0px;
843 padding: 1px 8px 1px 10px;
846 div.message-part blockquote blockquote
849 border-left: 2px solid green;
850 border-right: 2px solid green;
853 div.message-part blockquote blockquote blockquote
856 border-left: 2px solid #bb0000;
857 border-right: 2px solid #bb0000;
862 /* css hack for IE */
863 width: expression((parseInt(document.documentElement.clientWidth))+'px');
866 body.iframe div.message-htmlpart
871 div.message-htmlpart div.rcmBody
876 #remote-objects-message
881 padding: 10px 10px 6px 46px;
884 #remote-objects-message a
890 #remote-objects-message a:hover
905 /** message compose styles */
926 /* css hack for IE */
927 width: expression((parseInt(document.documentElement.clientWidth)-220)+'px');
928 height: expression((parseInt(document.documentElement.clientHeight)-120)+'px');
945 #compose-headers td.top
950 #compose-headers td.title,
951 #compose-subject td.title
953 width: 80px !important;
962 #compose-headers td textarea,
963 #compose-headers td input
966 width: expression('99%');
969 #compose-headers td textarea
986 font-family: "Courier New", Courier, monospace;
997 #compose-attachments ul
1001 border: 1px solid #CCCCCC;
1002 background-color: #F9F9F9;
1003 list-style-image: none;
1004 list-style-type: none;
1007 #compose-attachments ul li
1014 border-bottom: 1px solid #EBEBEB;
1015 white-space: nowrap;
1021 background: url(images/icons/attachment.png) top left no-repeat;
1022 padding: 0px 0px 3px 22px;
1033 border: 1px solid #CCCCCC;
1034 background-color: #F9F9F9;
1037 #attachment-form div
1042 #attachment-form div.buttons
1047 table.headers-table tr td.more-headers
1055 table.headers-table tr td.all
1057 padding: 2px 6px 4px 6px;
1063 background: url(images/icons/down_small.gif) no-repeat center;
1068 background: url(images/icons/up_small.gif) no-repeat center;
1085 white-space: nowrap;
1086 border: 1px solid #999999;