1 /***** RoundCube|Mail mail task styles *****/
13 /* border: 1px solid #cccccc; */
23 #messagetoolbar a.button,
24 #messagetoolbar a.buttonPas {
32 background: url('images/mail_toolbar.png') 0 0 no-repeat transparent;
33 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
36 #messagetoolbar a.buttonPas {
40 #messagetoolbar a.checkmailSel {
41 background-position: 0 -32px;
44 #messagetoolbar a.back {
45 background-position: -32px 0;
48 #messagetoolbar a.backSel {
49 background-position: -32px -32px;
52 #messagetoolbar a.compose {
53 background-position: -64px 0;
56 #messagetoolbar a.composeSel {
57 background-position: -64px -32px;
60 #messagetoolbar a.reply {
61 background-position: -96px 0;
64 #messagetoolbar a.replySel {
65 background-position: -96px -32px;
68 #messagetoolbar a.replyAll {
69 background-position: -128px 0;
72 #messagetoolbar a.replyAllSel {
73 background-position: -128px -32px;
76 #messagetoolbar a.forward {
77 background-position: -160px 0;
80 #messagetoolbar a.forwardSel {
81 background-position: -160px -32px;
84 #messagetoolbar a.delete {
85 background-position: -192px 0;
88 #messagetoolbar a.deleteSel {
89 background-position: -192px -32px;
92 #messagetoolbar a.markmessage {
93 background-position: -256px 0;
96 #messagetoolbar a.messagemenu {
97 background-position: -288px 0;
100 #messagetoolbar a.spellcheck {
101 background-position: -384px 0;
104 #messagetoolbar a.spellcheckSel {
105 background-position: -384px -32px;
108 #messagetoolbar a.attach {
109 background-position: -352px 0;
112 #messagetoolbar a.attachSel {
113 background-position: -352px -32px;
116 #messagetoolbar a.insertsig {
117 background-position: -448px 0;
120 #messagetoolbar a.insertsigSel {
121 background-position: -448px -32px;
124 #messagetoolbar a.savedraft {
125 background-position: -322px 0;
128 #messagetoolbar a.savedraftSel {
129 background-position: -322px -32px;
132 #messagetoolbar a.send {
133 background-position: -416px 0;
136 #messagetoolbar a.sendSel {
137 background-position: -416px -32px;
141 #messagetoolbar select,
142 #compose-container select
144 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
150 #messagetoolbar select.mboxlist
157 #messagetoolbar select.mboxlist option
162 #messagetoolbar select.mboxlist option[value="0"]
176 background-color: #F9F9F9;
177 border: 1px solid #CCC;
188 #messagemenu li a.active:hover,
189 #markmessagemenu li a.active:hover
192 background-color: #c00;
197 background: url('images/messageactions.png') no-repeat 1px 0;
198 background-position: 0px 20px;
201 #messagemenu li a.printlink
203 background-position: 1px 1px;
206 #messagemenu li a.downloadlink
208 background-position: 1px -17px;
211 #messagemenu li a.sourcelink
213 background-position: 1px -35px;
216 #messagemenu li a.openlink
218 background-position: 1px -53px;
221 #messagemenu li a.editlink
223 background-position: 1px -71px;
226 #markmessagemenu a.readlink
228 background: url('images/icons/dot.png') no-repeat 2px;
231 #markmessagemenu a.unreadlink
233 background: url('images/icons/unread.png') no-repeat 2px;
236 #markmessagemenu a.flaggedlink
238 background: url('images/icons/flagged.png') no-repeat 2px;
241 #markmessagemenu a.unflaggedlink
243 background: url('images/icons/unflagged.png') no-repeat 2px;
251 vertical-align: middle;
260 td.formlinks a:visited
264 text-decoration: none;
268 td.formlinks a:visited
310 #messagepartcontainer
325 border: 1px solid #999999;
326 background-color: #F9F9F9;
338 border: 1px solid #999999;
339 background-color: #F9F9F9;
357 border: 1px solid #999999;
358 background-color: #F9F9F9;
375 vertical-align: middle;
379 #partheader table td.title
386 /** mailbox list styles */
393 padding: 3px 10px 4px 10px;
394 background: url('images/listheader.gif') top left repeat-x #CCC;
395 border-bottom: 1px solid #999;
401 #mailboxlist-container
408 border: 1px solid #999;
409 background-color: #F9F9F9;
419 list-style-image: none;
420 list-style-type: none;
430 background: url('images/icons/folders.png') 5px 1px no-repeat;
431 border-bottom: 1px solid #EBEBEB;
437 left: 8px !important;
444 #mailboxlist li div.collapsed,
445 #mailboxlist li div.expanded
450 #mailboxlist li div.collapsed
452 background: url('images/icons/collapsed.png') bottom right no-repeat;
455 #mailboxlist li div.expanded
457 background: url('images/icons/expanded.png') bottom right no-repeat;
460 #mailboxlist li.inbox
462 background-position: 5px -19px;
465 #mailboxlist li.drafts
467 background-position: 5px -40px;
472 background-position: 5px -60px;
477 background-position: 5px -80px;
480 #mailboxlist li.trash
482 background-position: 5px -100px;
493 text-decoration: none;
496 #mailboxlist li.unread
501 #mailboxlist li.virtual > a
506 #mailboxlist li.selected,
507 #mailboxlist li.droptarget li.selected
509 background-color: #929292;
512 #mailboxlist li.selected > a,
513 #mailboxlist li.droptarget li.selected a
519 #mailboxlist li.droptarget
521 background-color: #FFFFA6;
524 /* styles for nested folders */
529 border-top: 1px solid #EBEBEB;
531 background-position: 25px 1px;
532 background-color: #F9F9F9;
552 #mailboxcontrols span
559 #listcontrols a.button,
560 #listcontrols a.buttonPas,
561 #mailboxcontrols a.button,
562 #mailboxcontrols a.buttonPas
571 background: url('images/mail_footer.png') 0 0 no-repeat transparent;
572 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
575 #listcontrols a.buttonPas,
576 #mailboxcontrols a.buttonPas
581 #mailboxcontrols a.expunge {
582 background-position: 0 0;
585 #mailboxcontrols a.expungesel {
586 background-position: 0 -15px;
589 #mailboxcontrols a.purge {
590 background-position: -15px 0;
593 #mailboxcontrols a.purgesel {
594 background-position: -15px -15px;
597 #listcontrols a.all {
598 background-position: -30px 0;
601 #listcontrols a.allsel {
602 background-position: -30px -15px;
605 #listcontrols a.unread {
606 background-position: -45px 0;
609 #listcontrols a.unreadsel {
610 background-position: -45px -15px;
613 #listcontrols a.invert {
614 background-position: -60px 0;
617 #listcontrols a.invertsel {
618 background-position: -60px -15px;
621 #listcontrols a.none {
622 background-position: -75px 0;
625 #listcontrols a.nonesel {
626 background-position: -75px -15px;
640 #countcontrols a.button,
641 #countcontrols a.buttonPas
647 /** message list styles */
652 background-color: #F9F9F9;
662 #messagelist thead tr td
669 vertical-align: middle;
670 border-bottom: 1px solid #999999;
672 background: url('images/listheader.gif') top left repeat-x #CCC;
677 #messagelist thead tr td.sortedASC,
678 #messagelist thead tr td.sortedDESC
680 background-position: 0 -20px;
683 #messagelist thead tr td.sortedASC a
685 background: url('images/icons/sort.gif') right 0 no-repeat;
688 #messagelist thead tr td.sortedDESC a
690 background: url('images/icons/sort.gif') right -14px no-repeat;
693 #messagelist thead tr td a
696 width: auto !important;
699 text-decoration: none;
702 #messagelist tbody tr td
710 text-overflow: ellipsis;
711 -o-text-overflow: ellipsis;
712 border-bottom: 1px solid #EBEBEB;
716 #messagelist tbody tr td a
719 text-decoration: none;
724 #messagelist tbody tr td.subject a
731 display: table-column;
733 vertical-align: middle;
736 #messagelist thead tr td.icon,
737 #messagelist thead tr td.flag
744 #messagelist tbody tr td.icon,
745 #messagelist tbody tr td.flag
747 padding: 2px 3px 2px 3px;
748 vertical-align: middle;
752 #messagelist tbody tr td.flag img:hover,
753 #messagelist thead tr td.flag img
755 background: url(images/icons/unflagged.png) center no-repeat;
758 #messagelist tr td.subject
761 vertical-align: middle;
765 #messagelist tr td.size
769 vertical-align: middle;
772 #messagelist thead tr td.size
777 #messagelist tr td.from,
778 #messagelist tr td.to
781 vertical-align: middle;
784 #messagelist tr td.date
787 vertical-align: middle;
790 #messagelist tr.message
792 background-color: #FFFFFF;
798 background-color: #F9F9F9;
802 #messagelist tr.unread
805 background-color: #FFFFFF;
808 #messagelist tr.flagged td,
809 #messagelist tr.flagged td a
814 #messagelist tr.selected td
817 background-color: #CC3333;
820 #messagelist tr.unfocused td
823 background-color: #929292;
826 #messagelist tr.selected td a
831 #messagelist tr.unfocused td a
836 #messagelist tr.deleted td,
837 #messagelist tr.deleted td a
846 border: 1px solid #999;
849 .quota_bg { background-color: white; }
850 .quota_high { background-color: #F33131; }
851 .quota_mid { background-color: #F5AD3C; }
852 .quota_low { background-color: #91E164; }
853 .quota_text_high { color: white; }
854 .quota_text_mid { color: #666; }
855 .quota_text_low { color: #666; }
858 /** message view styles */
867 border: 1px solid #999;
868 background-color: #FFF;
875 margin: 6px 8px 0px 8px;
876 border: 1px solid #ccc;
882 background-color: #EBEBEB;
886 #messagebody table.headers-table
890 background-color: #F4F4F4;
891 border: 1px solid #ccc;
894 #messageframe table.headers-table
896 border-bottom: 1px solid #ccc;
899 table.headers-table tr td
902 border-bottom:1px solid #FFFFFF;
905 table.headers-table td.header-title
915 table.headers-table tr td.subject
921 table.headers-table tr td.all
928 padding: 2px 6px 4px 6px;
932 table.headers-table tr td.more-headers
943 padding: 0px 0px 0px 72px;
945 list-style-image: none;
946 list-style-type: none;
947 background: url(images/icons/attachment.png) 60px 2px no-repeat #DFDFDF;
950 #attachment-list:after
965 padding: 2px 0px 0px 15px;
969 #attachment-list li a
971 text-decoration: none;
974 #attachment-list li a:hover
976 text-decoration: underline;
982 padding-bottom: 10px;
983 background-color: #FFFFFF;
989 border-top: 1px solid #ccc;
990 /* overflow: hidden; */
993 #messagebody div:first-child
999 div.message-htmlpart a
1004 div.message-part pre,
1005 div.message-htmlpart pre,
1006 div.message-part div.pre
1010 font-family: monospace;
1011 white-space: -moz-pre-wrap !important;
1012 white-space: pre-wrap !important;
1016 div.message-part span.sig
1021 div.message-part blockquote
1024 border-left: 2px solid blue;
1025 border-right: 2px solid blue;
1026 background-color: #F6F6F6;
1027 margin: 2px 0px 2px 0px;
1028 padding: 1px 8px 1px 10px;
1031 div.message-part blockquote blockquote
1034 border-left: 2px solid green;
1035 border-right: 2px solid green;
1038 div.message-part blockquote blockquote blockquote
1041 border-left: 2px solid #bb0000;
1042 border-right: 2px solid #bb0000;
1045 body.iframe div.message-htmlpart
1050 div.message-htmlpart div.rcmBody
1055 #remote-objects-message
1060 padding: 10px 10px 6px 46px;
1063 #remote-objects-message a
1069 #remote-objects-message a:hover
1084 /** message compose styles */
1088 white-space: nowrap;
1095 white-space: nowrap;
1125 vertical-align: top;
1134 #compose-headers td.top
1136 vertical-align: top;
1139 #compose-headers td.title,
1140 #compose-subject td.title
1142 width: 80px !important;
1146 padding-right: 10px;
1147 white-space: nowrap;
1151 #compose-headers td textarea,
1152 #compose-headers td input
1157 #compose-headers td textarea
1174 font-family: "Courier New", Courier, monospace;
1177 #compose-attachments
1185 #compose-attachments ul
1189 border: 1px solid #CCCCCC;
1190 background-color: #F9F9F9;
1191 list-style-image: none;
1192 list-style-type: none;
1195 #compose-attachments ul li
1202 border-bottom: 1px solid #EBEBEB;
1203 white-space: nowrap;
1207 #compose-attachments ul li img
1210 vertical-align: middle;
1218 background: url(images/icons/attachment.png) top left no-repeat;
1219 padding: 0px 0px 3px 18px;
1231 border: 1px solid #CCCCCC;
1232 background-color: #F9F9F9;
1235 #attachment-form div
1240 #attachment-form div.buttons
1247 background: url(images/icons/down_small.gif) no-repeat center;
1252 background: url(images/icons/up_small.gif) no-repeat center;
1269 white-space: nowrap;
1270 border: 1px solid #999999;