threads-list.less 1.8 KB

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