pagination.less 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. // PAGINATION
  2. // ----------
  3. .pagination {
  4. height: @baseLineHeight * 2;
  5. margin: @baseLineHeight 0;
  6. }
  7. .pagination ul {
  8. display: inline-block;
  9. .ie7-inline-block();
  10. margin-left: 0;
  11. margin-bottom: 0;
  12. .border-radius(3px);
  13. .box-shadow(0 1px 2px rgba(0,0,0,.05));
  14. }
  15. .pagination li {
  16. display: inline;
  17. }
  18. .pagination a {
  19. float: left;
  20. padding: 0 14px;
  21. line-height: (@baseLineHeight * 2) - 2;
  22. text-decoration: none;
  23. border: 1px solid #ddd;
  24. border-left-width: 0;
  25. }
  26. .pagination a:hover,
  27. .pagination .active a {
  28. background-color: #f5f5f5;
  29. }
  30. .pagination .active a {
  31. color: @grayLight;
  32. cursor: default;
  33. }
  34. .pagination .disabled span,
  35. .pagination .disabled a,
  36. .pagination .disabled a:hover {
  37. color: @grayLight;
  38. background-color: transparent;
  39. cursor: default;
  40. }
  41. .pagination li:first-child a {
  42. border-left-width: 1px;
  43. .border-radius(3px 0 0 3px);
  44. }
  45. .pagination li:last-child a {
  46. .border-radius(0 3px 3px 0);
  47. }
  48. // Centered
  49. .pagination-centered {
  50. text-align: center;
  51. }
  52. .pagination-right {
  53. text-align: right;
  54. }