+#message-preview {
+ margin-top: 1em;
+ box-sizing: border-box;
+ * { box-sizing: border-box; white-space: nowrap;}
+ .mail-list-wrapper {
+ .mail-subject {
+ width: 100%;
+ }
+ .mail-date { font-size: 0.8em; width: 25%; text-align: right}
+ .mail-from { font-size: 0.8em; width: 75%;}
+ .mail-count { font-size: 0.8em; width: 100%;}
+ .mail-delete { display: none;}
+
+ & .mail-date, & .mail-from, & .mail-count { .opaque(0.5); }
+ &:hover .mail-date, &:hover .mail-from, &:hover .mail-count { .opaque(1); }
+ }
+}
+
+