_mailbox.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. //
  2. // Pages: Mailbox
  3. //
  4. .mailbox-messages {
  5. > .table {
  6. margin: 0;
  7. }
  8. }
  9. .mailbox-controls {
  10. padding: 5px;
  11. &.with-border {
  12. border-bottom: 1px solid $card-border-color;
  13. }
  14. }
  15. .mailbox-read-info {
  16. border-bottom: 1px solid $card-border-color;
  17. padding: 10px;
  18. h3 {
  19. font-size: 20px;
  20. margin: 0;
  21. }
  22. h5 {
  23. margin: 0;
  24. padding: 5px 0 0;
  25. }
  26. }
  27. .mailbox-read-time {
  28. color: #999;
  29. font-size: 13px;
  30. }
  31. .mailbox-read-message {
  32. padding: 10px;
  33. }
  34. .mailbox-attachments {
  35. @include list-unstyled ();
  36. li {
  37. border: 1px solid #eee;
  38. float: left;
  39. margin-bottom: 10px;
  40. margin-right: 10px;
  41. width: 200px;
  42. }
  43. }
  44. .mailbox-attachment-name {
  45. color: #666;
  46. font-weight: 700;
  47. }
  48. .mailbox-attachment-icon,
  49. .mailbox-attachment-info,
  50. .mailbox-attachment-size {
  51. display: block;
  52. }
  53. .mailbox-attachment-info {
  54. background-color: $gray-100;
  55. padding: 10px;
  56. }
  57. .mailbox-attachment-size {
  58. color: #999;
  59. font-size: 12px;
  60. > span {
  61. display: inline-block;
  62. padding-top: .75rem;
  63. }
  64. }
  65. .mailbox-attachment-icon {
  66. color: #666;
  67. font-size: 65px;
  68. max-height: 132.5px;
  69. padding: 20px 10px;
  70. text-align: center;
  71. &.has-img {
  72. padding: 0;
  73. > img {
  74. height: auto;
  75. max-width: 100%;
  76. }
  77. }
  78. }
  79. .mailbox-attachment-close {
  80. @extend .close;
  81. }