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 {
98 background-position: -288px 0;
101 #messagetoolbar a.spellcheck {
102 background-position: -386px 0;
105 #messagetoolbar a.spellcheckSel {
106 background-position: -386px -32px;
109 #messagetoolbar a.attach {
110 background-position: -354px 0;
113 #messagetoolbar a.attachSel {
114 background-position: -354px -32px;
117 #messagetoolbar a.savedraft {
118 background-position: -322px 0;
121 #messagetoolbar a.savedraftSel {
122 background-position: -322px -32px;
125 #messagetoolbar a.send {
126 background-position: -418px 0;
129 #messagetoolbar a.sendSel {
130 background-position: -418px -32px;
134 #messagetoolbar select,
135 #compose-container select
137 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
143 #messagetoolbar select.mboxlist
150 #messagetoolbar select.mboxlist option
155 #messagetoolbar select.mboxlist option[value="0"]
169 background-color: #F9F9F9;
170 border: 1px solid #CCC;
199 padding: 2px 8px 3px 22px;
200 text-decoration: none;
204 ul.toolbarmenu li a.active,
205 ul.toolbarmenu li a.active:active,
206 ul.toolbarmenu li a.active:visited
211 ul.toolbarmenu li input
213 vertical-align: middle;
221 margin: 2px 1px 2px 1px;
224 ul.toolbarmenu li img
230 ul.toolbarmenu li.separator_below
232 border-bottom: 1px solid #ccc;
237 ul.toolbarmenu li.separator_above
239 border-top: 1px solid #ccc;
244 #messagemenu li a.active:hover,
245 #markmessagemenu li a.active:hover
248 background-color: #c00;
253 background: url('images/messageactions.png') no-repeat 1px 0;
254 background-position: 0px 20px;
257 #messagemenu li a.printlink
259 background-position: 1px 1px;
262 #messagemenu li a.downloadlink
264 background-position: 1px -17px;
267 #messagemenu li a.sourcelink
269 background-position: 1px -35px;
272 #messagemenu li a.openlink
274 background-position: 1px -53px;
277 #messagemenu li a.editlink
279 background-position: 1px -71px;
282 #markmessagemenu a.readlink
284 background: url('images/icons/dot.png') no-repeat 2px;
287 #markmessagemenu a.unreadlink
289 background: url('images/icons/unread.png') no-repeat 2px;
292 #markmessagemenu a.flaggedlink
294 background: url('images/icons/flagged.png') no-repeat 2px;
297 #markmessagemenu a.unflaggedlink
299 background: url('images/icons/unflagged.png') no-repeat 2px;
307 vertical-align: middle;
316 #listcontrols a:active,
317 #listcontrols a:visited,
319 #mailboxcontrols a:active,
320 #mailboxcontrols a:visited,
322 td.formlinks a:visited
326 text-decoration: none;
329 #listcontrols a.active,
330 #listcontrols a.active:active,
331 #listcontrols a.active:visited,
332 #mailboxcontrols a.active,
333 #mailboxcontrols a.active:active,
334 #mailboxcontrols a.active:visited,
336 td.formlinks a:visited
341 #listcontrols a.active:hover,
342 #mailboxcontrols a.active:hover
344 text-decoration: underline;
363 #messagecountbar span
405 #messagepartcontainer
420 border: 1px solid #999999;
421 background-color: #F9F9F9;
433 border: 1px solid #999999;
434 background-color: #F9F9F9;
452 border: 1px solid #999999;
453 background-color: #F9F9F9;
470 vertical-align: middle;
474 #partheader table td.title
481 /** mailbox list styles */
488 padding: 3px 10px 4px 10px;
489 background: url('images/listheader.gif') top left repeat-x #CCC;
490 border-bottom: 1px solid #999;
496 #mailboxlist-container
503 border: 1px solid #999;
504 background-color: #F9F9F9;
514 list-style-image: none;
515 list-style-type: none;
525 background: url('images/icons/folders.png') 5px 1px no-repeat;
526 border-bottom: 1px solid #EBEBEB;
532 left: 8px !important;
539 #mailboxlist li div.collapsed,
540 #mailboxlist li div.expanded
545 #mailboxlist li div.collapsed
547 background: url('images/icons/collapsed.png') bottom right no-repeat;
550 #mailboxlist li div.expanded
552 background: url('images/icons/expanded.png') bottom right no-repeat;
555 #mailboxlist li.inbox
557 background-position: 5px -19px;
560 #mailboxlist li.drafts
562 background-position: 5px -40px;
567 background-position: 5px -60px;
572 background-position: 5px -80px;
575 #mailboxlist li.trash
577 background-position: 5px -100px;
588 text-decoration: none;
591 #mailboxlist li.unread
596 #mailboxlist li.virtual > a
601 #mailboxlist li.selected,
602 #mailboxlist li.droptarget li.selected
604 background-color: #929292;
607 #mailboxlist li.selected > a,
608 #mailboxlist li.droptarget li.selected a
614 #mailboxlist li.droptarget
616 background-color: #FFFFA6;
619 /* styles for nested folders */
624 border-top: 1px solid #EBEBEB;
626 background-position: 25px 1px;
627 background-color: #F9F9F9;
641 #mailfooter table tr td
644 vertical-align: bottom;
670 #countcontrols a.button,
671 #countcontrols a.buttonPas,
672 #messagecountbar a.button,
673 #messagecountbar a.buttonPas
679 /** message list styles */
684 background-color: #F9F9F9;
694 #messagelist thead tr td
701 vertical-align: middle;
702 border-bottom: 1px solid #999999;
704 background: url('images/listheader.gif') top left repeat-x #CCC;
709 #messagelist thead tr td.sortedASC,
710 #messagelist thead tr td.sortedDESC
712 background-position: 0 -20px;
715 #messagelist thead tr td.sortedASC a
717 background: url('images/icons/sort.gif') right 0 no-repeat;
720 #messagelist thead tr td.sortedDESC a
722 background: url('images/icons/sort.gif') right -14px no-repeat;
725 #messagelist thead tr td a
728 width: auto !important;
731 text-decoration: none;
734 #messagelist tbody tr td
742 text-overflow: ellipsis;
743 -o-text-overflow: ellipsis;
744 border-bottom: 1px solid #EBEBEB;
748 #messagelist tbody tr td a
751 text-decoration: none;
756 #messagelist tbody tr td.subject a
763 display: table-column;
765 vertical-align: middle;
768 #messagelist thead tr td.icon,
769 #messagelist thead tr td.flag
776 #messagelist tbody tr td.icon,
777 #messagelist tbody tr td.flag
779 padding: 2px 3px 2px 3px;
780 vertical-align: middle;
784 #messagelist tbody tr td.flag img:hover,
785 #messagelist thead tr td.flag img
787 background: url(images/icons/unflagged.png) center no-repeat;
790 #messagelist tr td.subject
793 vertical-align: middle;
797 #messagelist tr td.size
801 vertical-align: middle;
804 #messagelist thead tr td.size
809 #messagelist tr td.from,
810 #messagelist tr td.to
813 vertical-align: middle;
816 #messagelist tr td.date
819 vertical-align: middle;
822 #messagelist tr.message
824 background-color: #FFFFFF;
830 background-color: #F9F9F9;
834 #messagelist tr.unread
837 background-color: #FFFFFF;
840 #messagelist tr.flagged td,
841 #messagelist tr.flagged td a
846 #messagelist tr.selected td
849 background-color: #CC3333;
852 #messagelist tr.unfocused td
855 background-color: #929292;
858 #messagelist tr.selected td a
863 #messagelist tr.unfocused td a
868 #messagelist tr.deleted td,
869 #messagelist tr.deleted td a
882 vertical-align: middle;
884 border: 1px solid #999;
888 /** message view styles */
897 border: 1px solid #999;
898 background-color: #FFF;
910 border: 1px solid #999;
911 background-color: #FFF;
917 margin: 6px 8px 0px 8px;
918 border: 1px solid #ccc;
924 background-color: #EBEBEB;
928 #messagebody table.headers-table
932 background-color: #F4F4F4;
933 border: 1px solid #ccc;
936 #messageframe table.headers-table
938 border-bottom: 1px solid #ccc;
941 table.headers-table tr td
944 border-bottom:1px solid #FFFFFF;
947 table.headers-table td.header-title
957 table.headers-table tr td.subject
963 table.headers-table tr td.all
970 padding: 2px 6px 4px 6px;
974 table.headers-table tr td.more-headers
985 padding: 0px 0px 0px 72px;
987 list-style-image: none;
988 list-style-type: none;
989 background: url(images/icons/attachment.png) 60px 2px no-repeat #DFDFDF;
992 #attachment-list:after
1007 padding: 2px 0px 0px 15px;
1008 white-space: nowrap;
1011 #attachment-list li a
1013 text-decoration: none;
1016 #attachment-list li a:hover
1018 text-decoration: underline;
1024 padding-bottom: 10px;
1025 background-color: #FFFFFF;
1031 border-top: 1px solid #ccc;
1032 /* overflow: hidden; */
1035 #messagebody div:first-child
1041 div.message-htmlpart a
1046 div.message-part pre,
1047 div.message-htmlpart pre,
1048 div.message-part div.pre
1052 font-family: monospace;
1053 white-space: -moz-pre-wrap !important;
1054 white-space: pre-wrap !important;
1058 div.message-part span.sig
1063 div.message-part blockquote
1066 border-left: 2px solid blue;
1067 border-right: 2px solid blue;
1068 background-color: #F6F6F6;
1069 margin: 2px 0px 2px 0px;
1070 padding: 1px 8px 1px 10px;
1073 div.message-part blockquote blockquote
1076 border-left: 2px solid green;
1077 border-right: 2px solid green;
1080 div.message-part blockquote blockquote blockquote
1083 border-left: 2px solid #bb0000;
1084 border-right: 2px solid #bb0000;
1087 body.iframe div.message-htmlpart
1092 div.message-htmlpart div.rcmBody
1097 #remote-objects-message
1102 padding: 10px 10px 6px 46px;
1105 #remote-objects-message a
1111 #remote-objects-message a:hover
1126 /** message compose styles */
1130 white-space: nowrap;
1137 white-space: nowrap;
1167 vertical-align: top;
1176 #compose-headers td.top
1178 vertical-align: top;
1181 #compose-headers td.title,
1182 #compose-subject td.title
1184 width: 80px !important;
1188 padding-right: 10px;
1189 white-space: nowrap;
1193 #compose-headers td textarea,
1194 #compose-headers td input
1199 #compose-headers td textarea
1216 font-family: "Courier New", Courier, monospace;
1219 #compose-attachments
1227 #compose-attachments ul
1231 border: 1px solid #CCCCCC;
1232 background-color: #F9F9F9;
1233 list-style-image: none;
1234 list-style-type: none;
1237 #compose-attachments ul li
1244 border-bottom: 1px solid #EBEBEB;
1245 white-space: nowrap;
1249 #compose-attachments ul li img
1252 vertical-align: middle;
1257 background: url(images/icons/attachment.png) top left no-repeat;
1258 padding: 0px 0px 3px 22px;
1269 border: 1px solid #CCCCCC;
1270 background-color: #F9F9F9;
1273 #attachment-form div
1278 #attachment-form div.buttons
1285 background: url(images/icons/down_small.gif) no-repeat center;
1290 background: url(images/icons/up_small.gif) no-repeat center;
1307 white-space: nowrap;
1308 border: 1px solid #999999;