pagination.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. /* resources/css/components/pagination.css
  2. 全站通用分页组件。
  3. 来源:wiki.css / wiki-search.css 的 .wiki-pagination 段落(两处相同,已去重)。
  4. */
  5. .wiki-pagination {
  6. display: flex;
  7. align-items: center;
  8. justify-content: center;
  9. gap: 4px;
  10. padding: 1.5rem 0 0.5rem;
  11. flex-wrap: wrap;
  12. }
  13. .wiki-page-btn {
  14. display: inline-flex;
  15. align-items: center;
  16. justify-content: center;
  17. min-width: 34px;
  18. height: 34px;
  19. padding: 0 6px;
  20. border-radius: var(--tblr-border-radius);
  21. border: 1px solid var(--tblr-border-color);
  22. font-size: 0.875rem;
  23. color: var(--tblr-body-color);
  24. text-decoration: none;
  25. background: var(--tblr-bg-surface);
  26. transition:
  27. background 0.12s,
  28. border-color 0.12s;
  29. user-select: none;
  30. }
  31. .wiki-page-btn:hover:not(.wiki-page-btn--active):not(.wiki-page-btn--disabled) {
  32. background: var(--tblr-bg-surface-secondary);
  33. border-color: var(--tblr-border-color-dark, #adb5bd);
  34. color: var(--tblr-body-color);
  35. text-decoration: none;
  36. }
  37. .wiki-page-btn--active {
  38. background: var(--tblr-primary);
  39. border-color: var(--tblr-primary);
  40. color: #fff;
  41. font-weight: 500;
  42. cursor: default;
  43. pointer-events: none;
  44. }
  45. .wiki-page-btn--disabled {
  46. color: var(--tblr-secondary);
  47. cursor: default;
  48. pointer-events: none;
  49. opacity: 0.5;
  50. }
  51. .wiki-page-ellipsis {
  52. display: inline-flex;
  53. align-items: center;
  54. justify-content: center;
  55. min-width: 28px;
  56. height: 34px;
  57. font-size: 0.875rem;
  58. color: var(--tblr-secondary);
  59. user-select: none;
  60. }