post.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. //
  2. // Posts List Post
  3. // --------------------------------------------------
  4. // Post header
  5. .post-heading {
  6. overflow: auto;
  7. &>* {
  8. float: left;
  9. margin-left: 0px;
  10. margin-right: 8px;
  11. &.pull-right {
  12. float: right;
  13. margin-left: 8px;
  14. margin-right: 0px;
  15. }
  16. }
  17. }
  18. // Post status flags
  19. .post-status-message {
  20. padding: @padding-base-vertical @padding-base-horizontal;
  21. overflow: auto;
  22. .material-icon {
  23. float: left;
  24. font-size: 28px;
  25. }
  26. p {
  27. margin: 0px;
  28. margin-top: (28px - @line-height-computed) / 2;
  29. margin-left: 36px;
  30. }
  31. }
  32. .post-status-hidden {
  33. background-color: @brand-danger;
  34. color: #fff;
  35. }
  36. .post-status-unapproved {
  37. background-color: @brand-primary;
  38. color: #fff;
  39. }
  40. // Hidden post message
  41. .posts-list .panel-body-hidden {
  42. .lead, .text-muted {
  43. margin: 0px;
  44. }
  45. }
  46. // Invalid post message
  47. .posts-list .panel-body-invalid {
  48. .lead, .text-muted {
  49. margin: 0px;
  50. }
  51. }
  52. // Post footer
  53. .post-footer {
  54. overflow: auto;
  55. .btn.pull-right {
  56. margin-left: @line-height-computed / 2;
  57. }
  58. }
  59. // UI Preview
  60. .posts-list.ui-preview {
  61. .post-heading .ui-preview-text {
  62. position: relative;
  63. top: 0px;
  64. }
  65. }