+#message-preview {
+ margin-top: 1em;
+ box-sizing: border-box;
+}
+#message-preview * {
+ box-sizing: border-box;
+ white-space: nowrap;
+}
+#message-preview .mail-list-wrapper .mail-subject {
+ width: 100%;
+}
+#message-preview .mail-list-wrapper .mail-date {
+ font-size: 0.8em;
+ width: 25%;
+ text-align: right;
+}
+#message-preview .mail-list-wrapper .mail-from {
+ font-size: 0.8em;
+ width: 75%;
+}
+#message-preview .mail-list-wrapper .mail-count {
+ font-size: 0.8em;
+ width: 100%;
+}
+#message-preview .mail-list-wrapper .mail-delete {
+ display: none;
+}
+#message-preview .mail-list-wrapper .mail-date,
+#message-preview .mail-list-wrapper .mail-from,
+#message-preview .mail-list-wrapper .mail-count {
+ opacity: 0.5;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+}
+#message-preview .mail-list-wrapper:hover .mail-date,
+#message-preview .mail-list-wrapper:hover .mail-from,
+#message-preview .mail-list-wrapper:hover .mail-count {
+ opacity: 1;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+}