threads-lists.less 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. //
  2. // Threads Lists
  3. // --------------------------------------------------
  4. .threads-list {
  5. margin-bottom: @line-height-computed;
  6. .list-group-item {
  7. overflow: auto;
  8. }
  9. }
  10. // Thread layout
  11. // --------------------------------------------------
  12. // Remove left padding from thread row
  13. .threads-list .thread-new, .threads-list .thread-read {
  14. padding-left: 0px;
  15. }
  16. // Read icon
  17. .threads-list .read-status {
  18. float: left;
  19. padding-top: @thread-icon-padding;
  20. width: @thread-icon-column;
  21. text-align: center;
  22. cursor: help;
  23. .material-icon {
  24. width: @thread-icon-width;
  25. height: @thread-icon-width;
  26. color: @thread-read-icon-color;
  27. font-size: @thread-icon-width;
  28. line-height: @thread-icon-width;
  29. }
  30. }
  31. .threads-list .thread-new .read-status {
  32. .material-icon {
  33. color: @thread-new-icon-color;
  34. }
  35. }
  36. // Thread body
  37. .threads-list .thread-main {
  38. margin-left: @thread-icon-column;
  39. overflow: auto;
  40. }
  41. // Thread top row
  42. // --------------------------------------------------
  43. // Thread title
  44. .threads-list .thread-title {
  45. &, &:link, &:active, &:visited, &:hover, &:focus {
  46. color: @thread-read-color;
  47. font-size: @font-size-large;
  48. font-weight: normal;
  49. }
  50. }
  51. .threads-list .thread-new .thread-title {
  52. &, &:link, &:active, &:visited, &:hover, &:focus {
  53. color: @thread-new-color;
  54. }
  55. }
  56. // Bottom row
  57. // --------------------------------------------------
  58. .threads-list .list-inline {
  59. display: block;
  60. float: none;
  61. overflow: auto;
  62. font-size: @font-size-small;
  63. li {
  64. display: block;
  65. float: left;
  66. }
  67. }