Mercurial > hg > rc2

comparison skins/classic/mail.css @ 8:bf99236cc5cd default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
try to recover from upgrade fail
author Charlie Root
date Sat, 29 Dec 2018 07:07:34 -0500
parents 4681f974d28b
children
comparison
equal deleted inserted replaced
7:65fd7d441cf1 8:bf99236cc5cd
34 width: 32px; 34 width: 32px;
35 height: 32px; 35 height: 32px;
36 padding: 0; 36 padding: 0;
37 margin: 0 5px; 37 margin: 0 5px;
38 overflow: hidden; 38 overflow: hidden;
39 background: url(images/mail_toolbar.png?v=6409.13340) 0 0 no-repeat transparent; 39 background: url(images/mail_toolbar.png?v=2271.13035) 0 0 no-repeat transparent;
40 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ 40 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
41 } 41 }
42 42
43 #messagetoolbar a.buttonPas { 43 #messagetoolbar a.buttonPas {
44 opacity: 0.35; 44 opacity: 0.35;
182 182
183 #messagetoolbar a.responses { 183 #messagetoolbar a.responses {
184 background-position: -548px 0; 184 background-position: -548px 0;
185 } 185 }
186 186
187 #messagetoolbar a.encrypt {
188 background-position: -612px 0;
189 }
190
191 #messagetoolbar a.encryptSel {
192 background-position: -612px -32px;
193 }
194
187 #messagemenu li a.active:hover, 195 #messagemenu li a.active:hover,
188 #attachmentmenu li a.active:hover, 196 #attachmentmenu li a.active:hover,
189 #markmessagemenu li a.active:hover 197 #markmessagemenu li a.active:hover
190 { 198 {
191 color: #fff; 199 color: #fff;
193 } 201 }
194 202
195 #messagemenu li a, 203 #messagemenu li a,
196 #attachmentmenu li a 204 #attachmentmenu li a
197 { 205 {
198 background: url(images/messageactions.png?v=d93e.3223) no-repeat 7px 0; 206 background: url(images/messageactions.png?v=8c64.2615) no-repeat 7px 0;
199 background-position: 7px 20px; 207 background-position: 7px 20px;
200 } 208 }
201 209
202 #messagemenu li a.printlink 210 #messagemenu li a.printlink
203 { 211 {
208 #attachmentmenu li a.downloadlink 216 #attachmentmenu li a.downloadlink
209 { 217 {
210 background-position: 7px -17px; 218 background-position: 7px -17px;
211 } 219 }
212 220
221 #attachmentmenu li a.renamelink
222 {
223 background-position: 6px -69px;
224 }
225
213 #messagemenu li a.sourcelink 226 #messagemenu li a.sourcelink
214 { 227 {
215 background-position: 7px -35px; 228 background-position: 7px -34px;
216 } 229 }
217 230
218 #messagemenu li a.openlink, 231 #messagemenu li a.openlink,
219 #attachmentmenu li a.openlink 232 #attachmentmenu li a.openlink
220 { 233 {
226 background-position: 6px -70px; 239 background-position: 6px -70px;
227 } 240 }
228 241
229 #messagemenu li a.movelink 242 #messagemenu li a.movelink
230 { 243 {
231 background-position: 6px -161px; 244 background-position: 6px -160px;
232 } 245 }
233 246
234 #messagemenu li a.copylink 247 #messagemenu li a.copylink
235 { 248 {
236 background-position: 6px -143px; 249 background-position: 6px -142px;
237 } 250 }
238 251
239 #markmessagemenu li a, 252 #markmessagemenu li a,
240 #compose-attachments li a 253 #compose-attachments li a.delete,
241 { 254 #compose-attachments li a.cancelupload
242 background: url(images/messageicons.png?v=16cb.2581) no-repeat; 255 {
256 background: url(images/messageicons.png?v=c493.2511) no-repeat;
243 } 257 }
244 258
245 #markmessagemenu li a.readlink 259 #markmessagemenu li a.readlink
246 { 260 {
247 background-position: 7px -51px; 261 background-position: 7px -51px;
352 } 366 }
353 367
354 #mailpreviewframe 368 #mailpreviewframe
355 { 369 {
356 position: absolute; 370 position: absolute;
357 width: 100%; 371 right: 0;
358 top: 205px; 372 top: 205px;
359 bottom: 0px; 373 bottom: 0px;
360 border: 1px solid #999999; 374 border: 1px solid #999999;
361 background-color: #F9F9F9; 375 background-color: #F9F9F9;
376 display: none;
362 } 377 }
363 378
364 #messagecontframe 379 #messagecontframe
365 { 380 {
366 position: relative; 381 position: relative;
451 height: 15px; 466 height: 15px;
452 padding: 0; 467 padding: 0;
453 margin-top: 4px; 468 margin-top: 4px;
454 margin-right: 2px; 469 margin-right: 2px;
455 overflow: hidden; 470 overflow: hidden;
456 background: url(images/mail_footer.png?v=819f.977) 0 0 no-repeat transparent; 471 background: url(images/mail_footer.png?v=1c4b.774) 0 0 no-repeat transparent;
457 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ 472 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
458 } 473 }
459 474
460 #listcontrols a.buttonPas 475 #listcontrols a.buttonPas
461 { 476 {
531 position: absolute; 546 position: absolute;
532 top: 4px; 547 top: 4px;
533 right: 4px; 548 right: 4px;
534 white-space: nowrap; 549 white-space: nowrap;
535 font-size: 11px; 550 font-size: 11px;
551 line-height: 14px;
536 } 552 }
537 553
538 #countcontrols a.button, 554 #countcontrols a.button,
539 #countcontrols a.buttonPas 555 #countcontrols a.buttonPas
540 { 556 {
553 table.messagelist 569 table.messagelist
554 { 570 {
555 width: 100%; 571 width: 100%;
556 display: table; 572 display: table;
557 table-layout: fixed; 573 table-layout: fixed;
558 border-collapse: collapse;
559 border-spacing: 0; 574 border-spacing: 0;
560 z-index: 1; 575 z-index: 1;
561 } 576 }
562 577
563 table.messagelist.fixedcopy 578 table.messagelist.fixedcopy
651 .messagelist tbody tr td.subject span.status 666 .messagelist tbody tr td.subject span.status
652 { 667 {
653 cursor: pointer; 668 cursor: pointer;
654 } 669 }
655 670
656 .messagelist tr > .flag span, 671 .messagelist tr .flag span,
657 .messagelist tr > .status span, 672 .messagelist tr .status span,
658 .messagelist tr > .attachment span, 673 .messagelist tr .attachment span,
659 .messagelist tr > .priority span 674 .messagelist tr .priority span
660 { 675 {
661 display: block; 676 display: block;
662 width: 15px; 677 width: 15px;
663 text-indent: -5000px; 678 text-indent: -5000px;
664 overflow: hidden; 679 overflow: hidden;
665 } 680 }
666 681
667 .messagelist tr td div.collapsed, 682 .messagelist tr td div.collapsed,
668 .messagelist tr td div.expanded, 683 .messagelist tr td div.expanded,
669 .messagelist tr > .threads .listmenu, 684 .messagelist tr > .threads .listmenu,
670 .messagelist tr > .attachment span.attachment, 685 .messagelist tr .attachment span.attachment,
671 .messagelist tr > .attachment span.report, 686 .messagelist tr .attachment span.report,
687 .messagelist tr .attachment span.encrypted,
672 .messagelist tr > .priority span.priority, 688 .messagelist tr > .priority span.priority,
673 .messagelist tr > .priority span.prio1, 689 .messagelist tr > .priority span.prio1,
674 .messagelist tr > .priority span.prio2, 690 .messagelist tr > .priority span.prio2,
675 .messagelist tr > .priority span.prio3, 691 .messagelist tr > .priority span.prio3,
676 .messagelist tr > .priority span.prio4, 692 .messagelist tr > .priority span.prio4,
677 .messagelist tr > .priority span.prio5, 693 .messagelist tr > .priority span.prio5,
678 .messagelist tr > .flag span.flagged, 694 .messagelist tr .flag span.flagged,
679 .messagelist tr > .flag span.unflagged, 695 .messagelist tr .flag span.unflagged,
680 .messagelist tr > .flag span.unflagged:hover, 696 .messagelist tr:hover .flag span.unflagged,
681 .messagelist tr > .status span.status, 697 .messagelist tr > .status span.status,
682 .messagelist tr > .status span.msgicon, 698 .messagelist tr > .status span.msgicon,
683 .messagelist tr > .status span.deleted, 699 .messagelist tr > .status span.deleted,
684 .messagelist tr > .status span.unread, 700 .messagelist tr > .status span.unread,
685 .messagelist tr > .status span.unreadchildren, 701 .messagelist tr > .status span.unreadchildren,
692 { 708 {
693 display: inline-block; 709 display: inline-block;
694 vertical-align: middle; 710 vertical-align: middle;
695 height: 17px; 711 height: 17px;
696 width: 15px; 712 width: 15px;
697 background: url(images/messageicons.png?v=16cb.2581) center no-repeat; 713 background: url(images/messageicons.png?v=c493.2511) center no-repeat;
698 } 714 }
699 715
700 .messagelist tr > .attachment span.attachment 716 .messagelist tr .attachment span.attachment
701 { 717 {
702 background-position: 0 -170px; 718 background-position: 0 -170px;
703 } 719 }
704 720
705 .messagelist tr > .attachment span.report 721 .messagelist tr .attachment span.report
706 { 722 {
707 background-position: 0 -255px; 723 background-position: 0 -255px;
708 } 724 }
709 725
726 .messagelist tr .attachment span.encrypted
727 {
728 background-position: 0 -418px;
729 }
730
710 .messagelist tr > .priority span.priority 731 .messagelist tr > .priority span.priority
711 { 732 {
712 background-position: 0 -309px; 733 background-position: 0 -309px;
713 } 734 }
714 735
735 .messagelist tr > .priority span.prio1 756 .messagelist tr > .priority span.prio1
736 { 757 {
737 background-position: 0 -290px; 758 background-position: 0 -290px;
738 } 759 }
739 760
740 .messagelist tr > .flag span.flagged 761 .messagelist tr .flag span.flagged
741 { 762 {
742 background-position: 0 -153px; 763 background-position: 0 -153px;
743 } 764 }
744 765
745 .messagelist tr > .flag span.unflagged:hover 766 .messagelist tr:hover .flag span.unflagged
767 {
768 background-position: 0 -136px;
769 }
770
771 .messagelist tr.flaggedroot .flag span,
772 .messagelist tr.flaggedroot .flag span.unflagged
746 { 773 {
747 background-position: 0 -136px; 774 background-position: 0 -136px;
748 } 775 }
749 776
750 .messagelist tr > .subject span.msgicon, 777 .messagelist tr > .subject span.msgicon,
768 { 795 {
769 background-position: 0 -102px; 796 background-position: 0 -102px;
770 } 797 }
771 798
772 .messagelist tr > .status span.msgicon, 799 .messagelist tr > .status span.msgicon,
773 .messagelist tr > .flag span.unflagged, 800 .messagelist tr .flag span.unflagged,
774 .messagelist tr > .status span.unreadchildren 801 .messagelist tr > .status span.unreadchildren
775 { 802 {
776 background-position: 0 17px; /* no icon */ 803 background-position: 0 18px; /* no icon */
777 } 804 }
778 805
779 .messagelist tr > .status span.msgicon:hover 806 .messagelist tr > .status span.msgicon:hover
780 { 807 {
781 background-position: 0 -272px; 808 background-position: 0 -272px;
900 padding-left: 6px; 927 padding-left: 6px;
901 } 928 }
902 929
903 /* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */ 930 /* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
904 .messagelist tbody tr.focused > td:first-child { 931 .messagelist tbody tr.focused > td:first-child {
905 border-left: 4px solid #d4d4d4; 932 border-left: 2px solid #d4d4d4;
906 padding-left: 4px; 933 padding-left: 4px;
907 } 934 }
908 935
909 .messagelist tbody tr.selected.focused > td:first-child { 936 .messagelist tbody tr.selected.focused > td:first-child {
910 border-left: 2px solid #ccc; 937 border-left: 2px solid #ccc;
1027 width: auto; 1054 width: auto;
1028 margin: 6px 8px; 1055 margin: 6px 8px;
1029 background-color: #F4F4F4; 1056 background-color: #F4F4F4;
1030 } 1057 }
1031 1058
1059 #messagebody.mailvelope {
1060 padding: 10px 8px;
1061 }
1062
1032 #messagebody table.headers-table 1063 #messagebody table.headers-table
1033 { 1064 {
1034 margin: 16px 6px 6px 6px; 1065 margin: 16px 6px 6px 6px;
1035 } 1066 }
1036 1067
1076 margin: 0; 1107 margin: 0;
1077 padding: 0 4px 0 8px; 1108 padding: 0 4px 0 8px;
1078 min-height: 16px; 1109 min-height: 16px;
1079 list-style-image: none; 1110 list-style-image: none;
1080 list-style-type: none; 1111 list-style-type: none;
1081 background: url(images/icons/attachment.png?v=08f7.518) 4px 2px no-repeat #DFDFDF; 1112 background: url(images/icons/attachment.png?v=ee4e.516) 4px 2px no-repeat #DFDFDF;
1082 } 1113 }
1083 1114
1084 #messageframe #attachment-list 1115 #messageframe #attachment-list
1085 { 1116 {
1086 border-bottom: 1px solid #ccc; 1117 border-bottom: 1px solid #ccc;
1121 } 1152 }
1122 1153
1123 #attachment-list li a.drop { 1154 #attachment-list li a.drop {
1124 background: url(images/icons/down_small.gif?v=f368.105) no-repeat center 6px; 1155 background: url(images/icons/down_small.gif?v=f368.105) no-repeat center 6px;
1125 width: 12px; 1156 width: 12px;
1126 height: 7px; 1157 height: 16px;
1127 cursor: pointer; 1158 cursor: pointer;
1128 padding: 5px 0 0; 1159 padding: 0;
1129 margin-left: 3px; 1160 margin-left: 3px;
1130 display: inline-block; 1161 display: inline-block;
1162 vertical-align: middle;
1131 } 1163 }
1132 1164
1133 #messagebody 1165 #messagebody
1134 { 1166 {
1135 position:relative; 1167 position:relative;
1521 list-style-type: none; 1553 list-style-type: none;
1522 } 1554 }
1523 1555
1524 #compose-attachments ul li 1556 #compose-attachments ul li
1525 { 1557 {
1558 position: relative;
1526 height: 18px; 1559 height: 18px;
1527 line-height: 16px; 1560 line-height: 16px;
1528 font-size: 11px; 1561 font-size: 11px;
1529 padding: 2px 2px 1px 2px; 1562 padding: 2px 16px 1px 2px;
1530 border-bottom: 1px solid #EBEBEB; 1563 border-bottom: 1px solid #EBEBEB;
1531 white-space: nowrap; 1564 white-space: nowrap;
1532 overflow: hidden; 1565 overflow: hidden;
1533 text-overflow: ellipsis; 1566 text-overflow: ellipsis;
1534 -o-text-overflow: ellipsis; 1567 -o-text-overflow: ellipsis;
1535 } 1568 }
1536 1569
1537 #compose-attachments li a 1570 #compose-attachments li a.delete,
1571 #compose-attachments li a.cancelupload
1538 { 1572 {
1539 text-indent: -5000px; 1573 text-indent: -5000px;
1540 width: 17px; 1574 width: 17px;
1541 height: 16px; 1575 height: 16px;
1542 padding-bottom: 2px; 1576 padding-bottom: 2px;
1543 display: inline-block; 1577 display: inline-block;
1544 text-decoration: none; 1578 text-decoration: none;
1545 vertical-align: middle; 1579 vertical-align: middle;
1580 background-position: 0px -392px;
1546 } 1581 }
1547 1582
1548 #compose-attachments li img 1583 #compose-attachments li img
1549 { 1584 {
1550 vertical-align: middle; 1585 vertical-align: middle;
1551 }
1552
1553 #compose-attachments li a.delete,
1554 #compose-attachments li a.cancelupload
1555 {
1556 background-position: 0px -392px;
1557 } 1586 }
1558 1587
1559 #compose-attachments li span 1588 #compose-attachments li span
1560 { 1589 {
1561 line-height: 18px; 1590 line-height: 18px;
1562 vertical-align: middle; 1591 vertical-align: middle;
1592 }
1593
1594 #compose-attachments li a.drop {
1595 background: url(images/icons/down_small.gif?v=f368.105) no-repeat center 8px;
1596 width: 16px;
1597 height: 22px;
1598 cursor: pointer;
1599 display: block;
1600 position: absolute;
1601 right: 0;
1602 top: 0;
1563 } 1603 }
1564 1604
1565 #upload-form, 1605 #upload-form,
1566 #attachment-form 1606 #attachment-form
1567 { 1607 {
1608 1648
1609 #directorylist li 1649 #directorylist li
1610 { 1650 {
1611 display: block; 1651 display: block;
1612 font-size: 11px; 1652 font-size: 11px;
1613 background: url(images/icons/folders.png?v=d9d2.5356) 5px -108px no-repeat; 1653 background: url(images/icons/folders.png?v=7c4f.5218) 5px -108px no-repeat;
1614 border-bottom: 1px solid #EBEBEB; 1654 border-bottom: 1px solid #EBEBEB;
1615 white-space: nowrap; 1655 white-space: nowrap;
1616 } 1656 }
1617 1657
1618 #directorylist li a 1658 #directorylist li a
1665 margin-top: 4px; 1705 margin-top: 4px;
1666 margin-left: 4px; 1706 margin-left: 4px;
1667 position: absolute; 1707 position: absolute;
1668 margin-right: 5px; 1708 margin-right: 5px;
1669 right: 0; 1709 right: 0;
1710 top: 0;
1670 } 1711 }
1671 1712
1672 #abookactions 1713 #abookactions
1673 { 1714 {
1674 position: absolute; 1715 position: absolute;
1683 width: auto; 1724 width: auto;
1684 margin: 0; 1725 margin: 0;
1685 padding-left: 5px; 1726 padding-left: 5px;
1686 padding-right: 5px; 1727 padding-right: 5px;
1687 text-shadow: 1px 1px white; 1728 text-shadow: 1px 1px white;
1688 background: url(images/icons/groupactions.png?v=ace6.1092) no-repeat right -70px; 1729 background: url(images/icons/groupactions.png?v=6760.604) no-repeat right -70px;
1689 } 1730 }
1690 1731
1691 #abookactions a.disabled 1732 #abookactions a.disabled
1692 { 1733 {
1693 color: #999; 1734 color: #999;
1710 #compose-contacts #contacts-table 1751 #compose-contacts #contacts-table
1711 { 1752 {
1712 top: 45px; 1753 top: 45px;
1713 position: absolute; 1754 position: absolute;
1714 } 1755 }
1756
1757 /**** Styles for widescreen (3-column) view ****/
1758
1759 .widescreen #mailview-top {
1760 bottom: 0;
1761 width: 400px;
1762 height: auto;
1763 }
1764
1765 .widescreen #mailview-bottom {
1766 left: 412px;
1767 top:0;
1768 border: 1px solid #a3a3a3;
1769 }
1770
1771 #messagelistheader,
1772 .widescreen #messagelistfooter #countcontrols,
1773 .widescreen .messagelist > thead,
1774 .widescreen .messagelist .branch,
1775 .widescreen table.fixedcopy {
1776 display: none;
1777 }
1778
1779 #messagelistcontainer {
1780 top: 0;
1781 }
1782
1783 .widescreen #messagelistcontainer {
1784 top: 21px;
1785 overflow-x: hidden;
1786 }
1787
1788 .widescreen #mailpreviewframe {
1789 top: 0;
1790 }
1791
1792 .widescreen #messagelistheader {
1793 display: block;
1794 top: 0;
1795 white-space: nowrap;
1796 border-top: 0;
1797 border-bottom: 1px solid #999;
1798 height: 20px;
1799 }
1800
1801 .widescreen #messagelistheader .listmenu {
1802 display: inline-block;
1803 vertical-align: middle;
1804 line-height: 16px;
1805 width: 15px;
1806 background: url(images/messageicons.png?v=c493.2511) 4px -236px no-repeat;
1807 cursor: pointer;
1808 overflow: hidden;
1809 text-indent: -5000px;
1810 padding: 2px 4px;
1811 }
1812
1813 .widescreen .messagelist td {
1814 border-left: 0;
1815 vertical-align: top;
1816 padding: 3px 1px 1px !important;
1817 }
1818
1819 .widescreen .messagelist td.subject {
1820 width: 99%;
1821 white-space: wrap;
1822 position: relative; /* for span.date positioning in Firefox */
1823 }
1824
1825 .widescreen .messagelist td.threads {
1826 width: 14px;
1827 vertical-align: middle;
1828 }
1829
1830 .widescreen .messagelist td.flags {
1831 width: 20px;
1832 }
1833
1834 .widescreen .messagelist td.subject span {
1835 line-height: 16px;
1836 }
1837
1838 .widescreen .messagelist td.subject span.date {
1839 right: 2px;
1840 top: 3px;
1841 position: absolute;
1842 color: #666;
1843 }
1844
1845 .widescreen .messagelist td.subject span.fromto {
1846 padding-left: 18px;
1847 display: block;
1848 margin-right: 90px;
1849 overflow: hidden;
1850 text-overflow: ellipsis;
1851 color: #666;
1852 }
1853
1854 .widescreen .messagelist tr.flagged td.subject span.date,
1855 .widescreen .messagelist tr.flagged td.subject span.fromto {
1856 color: #ff0000;
1857 }
1858
1859 .widescreen .messagelist tr.selected td.subject span.date,
1860 .widescreen .messagelist tr.selected td.subject span.fromto {
1861 color: #fff;
1862 }
1863
1864 .widescreen .messagelist tr.deleted td.subject span.date,
1865 .widescreen .messagelist tr.deleted td.subject span.fromto {
1866 color: #ccc;
1867 }
1868
1869 .widescreen .messagelist td.subject span.subject {
1870 clear: both;
1871 display: block;
1872 font-size: 13px;
1873 overflow: hidden;
1874 text-overflow: ellipsis;
1875 }
1876
1877 .widescreen .messagelist td.flags span {
1878 width: 20px;
1879 height: 18px;
1880 display: block;
1881 }
1882
1883 .widescreen .messagelist td.flags span.flag {
1884 cursor: pointer;
1885 }
1886
1887 .widescreen .messagelist tr td.subject span.msgicon,
1888 .widescreen .messagelist tr td.subject span.unreadchildren {
1889 width: 18px;
1890 margin: 0;
1891 }