mailbox.less 1.2 KB

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