desktop.scss 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. .topic-list > tbody > tr:nth-child(odd) {
  2. background-color: var(--secondary);
  3. }
  4. .topic-list > tbody tr:not(.last-visit):not(.topic-list-item-separator) td {
  5. border-bottom: 1px solid var(--primary-low);
  6. }
  7. .topic-list a.title:not(.badge-notification) {
  8. color: var(--simple-theme-link-color);
  9. font-weight: normal;
  10. font-family: "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
  11. font-size: 18px;
  12. }
  13. .topic-list a.title:not(.badge-notification):hover {
  14. text-decoration: underline;
  15. }
  16. .topic-list .creator,
  17. .topic-list .editor {
  18. font-size: 13px;
  19. display: block;
  20. margin-top: 3px;
  21. }
  22. .topic-list .main-link {
  23. width: auto;
  24. }
  25. .topic-list {
  26. td,
  27. .creator a,
  28. .editor a {
  29. color: var(--primary-medium);
  30. }
  31. }
  32. .topic-list td {
  33. padding-bottom: 10px;
  34. }
  35. .topic-list th {
  36. color: var(--primary);
  37. background-color: var(--primary-very-low);
  38. }
  39. .topic-list {
  40. border-top: none;
  41. }
  42. .topic-list td:first-of-type {
  43. padding-bottom: 10px;
  44. padding-left: 10px;
  45. padding-top: 10px;
  46. }
  47. .topic-list tr.topic-list-item-separator td:first-of-type {
  48. padding: 0;
  49. }
  50. .topic-list {
  51. .fa-tag {
  52. opacity: 0.7;
  53. font-size: 10px;
  54. margin-right: -2px;
  55. }
  56. .num.posts-map {
  57. position: relative;
  58. font-size: 17px;
  59. a {
  60. color: var(--primary-medium) !important;
  61. font-weight: normal;
  62. }
  63. a.heatmap-high {
  64. color: #c66 !important;
  65. }
  66. width: 100px;
  67. }
  68. }
  69. .topic-list td.last-post,
  70. .topic-list th.activity {
  71. width: 160px;
  72. .relative-date {
  73. color: var(--primary-high);
  74. }
  75. }
  76. .topic-list .creator .relative-date {
  77. margin-left: 8px;
  78. }
  79. .badge-category-bg {
  80. opacity: 0.8;
  81. }
  82. .topic-list .badge-wrapper.bar {
  83. .badge-category {
  84. color: #9a9a9a !important;
  85. font-weight: 600;
  86. font-size: 12px;
  87. padding: 2px 6px;
  88. }
  89. .badge-category-bg {
  90. top: -1px;
  91. }
  92. }
  93. .last-post {
  94. .poster-avatar {
  95. margin-right: 10px;
  96. }
  97. .poster-avatar,
  98. .poster-info {
  99. float: left;
  100. }
  101. }
  102. .topic-list .posts {
  103. width: auto;
  104. }
  105. /* topic page */
  106. nav.post-controls button.has-like {
  107. color: #08c;
  108. }
  109. .creator .badge-wrapper.bullet span.badge-category {
  110. margin-top: -2px;
  111. }
  112. img.avatar {
  113. border-radius: 3px;
  114. }
  115. #suggested-topics td.main-link {
  116. width: 500px;
  117. }
  118. .topic-list a.title.visited:not(.badge-notification) {
  119. color: #6644aa;
  120. }
  121. .topic-list-item .discourse-tags {
  122. font-size: 0.75em;
  123. display: inline-block;
  124. margin-left: 5px;
  125. }
  126. body {
  127. .topic-list-item.visited a.badge-wrapper,
  128. .latest-topic-list-item.visited a.badge-wrapper,
  129. .category-topic-link.visited a.badge-wrapper {
  130. opacity: 1;
  131. }
  132. }