threads-list.less 1.9 KB

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