--- /dev/null
+/*
+ * Page: Mailbox
+ * -------------
+ */
+.mailbox-messages {
+ > .table {
+ margin: 0;
+ }
+}
+
+.mailbox-controls {
+ padding: 5px;
+ &.with-border {
+ border-bottom: 1px solid @box-border-color;
+ }
+}
+
+.mailbox-read-info {
+ border-bottom: 1px solid @box-border-color;
+ padding: 10px;
+ h3 {
+ font-size: 20px;
+ margin: 0;
+ }
+ h5 {
+ margin: 0;
+ padding: 5px 0 0 0;
+ }
+}
+
+.mailbox-read-time {
+ color: #999;
+ font-size: 13px;
+}
+
+.mailbox-read-message {
+ padding: 10px;
+}
+
+.mailbox-attachments {
+ &:extend(.list-unstyled);
+ li {
+ float: left;
+ width: 200px;
+ border: 1px solid #eee;
+ margin-bottom: 10px;
+ margin-right: 10px;
+ }
+}
+
+.mailbox-attachment-name {
+ font-weight: bold;
+ color: #666;
+}
+
+.mailbox-attachment-icon,
+.mailbox-attachment-info,
+.mailbox-attachment-size {
+ display: block;
+}
+
+.mailbox-attachment-info {
+ padding: 10px;
+ background: #f4f4f4;
+}
+
+.mailbox-attachment-size {
+ color: #999;
+ font-size: 12px;
+}
+
+.mailbox-attachment-icon {
+ text-align: center;
+ font-size: 65px;
+ color: #666;
+ padding: 20px 10px;
+ &.has-img {
+ padding: 0;
+ > img {
+ max-width: 100%;
+ height: auto;
+ }
+ }
+}
+
+.mailbox-attachment-close {
+ &:extend(.close);
+}