pagination.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. .pagination {
  2. font-size: 80%;
  3. text-decoration: none;
  4. margin: 15px auto;
  5. width: 800px;
  6. text-align: center;
  7. }
  8. .pagination a, .pagination .dots, .pagination span.disabled {
  9. box-shadow: 0 0 1px #ddd;
  10. border: 1px solid #ccc;
  11. display: inline-block;
  12. color: #444;
  13. margin-right: 3px;
  14. padding: 6px 8px;
  15. text-decoration: none;
  16. -moz-border-radius: 3px;
  17. -webkit-border-radius: 3px;
  18. border-radius: 3px;
  19. }
  20. .pagination a, .pagination .dots {
  21. background: #ccc;
  22. background: -moz-linear-gradient(top, #eee, #ddd);
  23. background: -webkit-linear-gradient(top, #eee, #ddd);
  24. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd');
  25. text-shadow: 0 0 2px #bbb;
  26. }
  27. .pagination span.disabled {
  28. cursor: default;
  29. text-shadow: 0 0 1px #ddd;
  30. }
  31. .pagination a:hover {
  32. background: #ddd;
  33. }
  34. .pagination a.current {
  35. background: #ccc;
  36. background: -moz-linear-gradient(top, #bbb, #ddd);
  37. background: -webkit-linear-gradient(top, #eee, #ddd);
  38. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd');
  39. }