pagination.css 782 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. /* Pagination personnalization */
  2. /* Change Boostrap color */
  3. .page-link {
  4. color: #0b2e13;
  5. background-color: rgb(245, 255, 245);
  6. border: 1px solid #28a745;
  7. }
  8. .page-link:hover {
  9. color: #28a745;
  10. text-decoration: none;
  11. background-color: #e9ecef;
  12. border-color: #28a745;
  13. }
  14. .page-link:focus {
  15. box-shadow: 0 0 0 0.2rem rgba(0, 255, 123, 0.25);
  16. }
  17. .page-item.active .page-link {
  18. color: #fff;
  19. background-color: #28a745;
  20. border-color: #28a745;
  21. }
  22. .page-item.disabled .page-link {
  23. color: #6c757d;
  24. cursor: auto;
  25. background-color: rgb(230, 255, 230);
  26. border-color: #28a745;
  27. }
  28. /* Change next and previous appearance */
  29. .page-link.arrow:hover {
  30. color: #ffffff;
  31. background-color: rgb(20, 100, 35);
  32. border-color: #28a745;
  33. }