pagination.less 1.4 KB

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