threads-lists.less 1.8 KB

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