pager.less 997 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. //
  2. // Pager
  3. // --------------------------------------------------
  4. .pager {
  5. margin: 0px;
  6. padding-bottom: 2px;
  7. &>li {
  8. &.page {
  9. padding-right: @line-height-computed / 3;
  10. }
  11. a {
  12. &, &:link, &:visited {
  13. background-color: @btn-default-bg;
  14. border-color: @btn-default-bg;
  15. border-radius: @border-radius-base;
  16. box-shadow: 0px 2px 0px 0px @btn-default-border;
  17. padding: 6px 9px;
  18. color: @btn-default-color;
  19. }
  20. &:hover {
  21. background-color: darken(@btn-default-bg, 10%);
  22. border-color: darken(@btn-default-bg, 10%);
  23. box-shadow: 0px 2px 0px 0px darken(@btn-default-border, 10%);
  24. color: @btn-default-color;
  25. }
  26. &:active, &:focus {
  27. background-color: darken(@btn-default-bg, 15%);
  28. border-color: darken(@btn-default-bg, 15%);
  29. box-shadow: none;
  30. position: relative;
  31. top: 2px;
  32. color: darken(@btn-default-color, 10%);
  33. }
  34. }
  35. }
  36. }