_pagination.css 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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: background 0.12s, border-color 0.12s;
  27. user-select: none;
  28. }
  29. .wiki-page-btn:hover:not(.wiki-page-btn--active):not(.wiki-page-btn--disabled) {
  30. background: var(--tblr-bg-surface-secondary);
  31. border-color: var(--tblr-border-color-dark, #adb5bd);
  32. color: var(--tblr-body-color);
  33. text-decoration: none;
  34. }
  35. .wiki-page-btn--active {
  36. background: var(--tblr-primary);
  37. border-color: var(--tblr-primary);
  38. color: #fff;
  39. font-weight: 500;
  40. cursor: default;
  41. pointer-events: none;
  42. }
  43. .wiki-page-btn--disabled {
  44. color: var(--tblr-secondary);
  45. cursor: default;
  46. pointer-events: none;
  47. opacity: 0.5;
  48. }
  49. .wiki-page-ellipsis {
  50. display: inline-flex;
  51. align-items: center;
  52. justify-content: center;
  53. min-width: 28px;
  54. height: 34px;
  55. font-size: 0.875rem;
  56. color: var(--tblr-secondary);
  57. user-select: none;
  58. }