threads-list.less 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. //
  2. // Threads Lists Flavor
  3. // --------------------------------------------------
  4. .threads-list .list-group {
  5. border-radius: @list-group-border-radius;
  6. }
  7. .threads-list .thread-main {
  8. img {
  9. border-radius: @border-radius-base;
  10. }
  11. }
  12. .threads-list .thread-last-action {
  13. img {
  14. border-radius: @border-radius-base;
  15. }
  16. .thread-last-reply {
  17. &, &:link, &:visited {
  18. color: @gray-light;
  19. font-size: @font-size-small;
  20. }
  21. &:hover, &:focus, &:active {
  22. color: @gray;
  23. }
  24. }
  25. }
  26. // Details
  27. .threads-list .thread-details-top {
  28. color: @gray-light;
  29. a, a:link, a:visited {
  30. color: @gray-light;
  31. font-size: @font-size-small;
  32. }
  33. a:hover, a:focus, a:active {
  34. color: @text-color;
  35. }
  36. .thread-detail-new {
  37. &, &:link, &:visited {
  38. color: @thread-unread-badge-color;
  39. }
  40. &:hover, &:focus, &:active {
  41. color: darken(@thread-unread-badge-color, 10%);
  42. }
  43. }
  44. .thread-detail-pinned-globally {
  45. color: @thread-global-badge-color;
  46. }
  47. .thread-detail-pinned-locally {
  48. color: @thread-pinned-badge-color;
  49. }
  50. .thread-detail-unapproved {
  51. color: @thread-unapproved-badge-color;
  52. }
  53. a.thread-detail-answered {
  54. color: @thread-answered-badge-color;
  55. }
  56. .thread-detail-unapproved-posts {
  57. color: @thread-unapproved-posts-badge-color;
  58. }
  59. }
  60. .threads-list .thread-details-bottom {
  61. color: @gray-light;
  62. a, a:link, a:visited {
  63. color: @gray;
  64. font-size: @font-size-small;
  65. }
  66. a:hover, a:focus, a:active {
  67. color: @text-color;
  68. }
  69. }
  70. // Read state
  71. .threads-list .thread-read {
  72. .thread-title {
  73. &, &:link, &:visited, &:hover, &:focus, &:active {
  74. color: @gray;
  75. }
  76. }
  77. }
  78. // Diff message
  79. .threads-diff-message .btn {
  80. .misago-btn(
  81. @threads-diff-color,
  82. @threads-diff-bg,
  83. @threads-diff-hover-color,
  84. @threads-diff-hover-bg,
  85. @threads-diff-active-color,
  86. @threads-diff-active-bg
  87. );
  88. &, &:hover, &:focus, &:focus:active, &:active {
  89. border: none;
  90. }
  91. }