You are here

pagination.css in Open Social 8.7

.pagination {
  border-radius: 8px;
}

.pagination > li > a,
.pagination > li > span {
  color: #333333;
  background-color: transparent;
  border-radius: 8px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-radius: 8px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 8px;
}

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #333333;
  background-color: rgba(0, 0, 0, 0.12);
  border-color: transparent;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  color: white;
  background-color: #29abe2;
  border-color: transparent;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  background-color: transparent;
  border-color: transparent;
}

.mini-pager {
  background-image: linear-gradient(transparent, #f3f3f3);
}

File

themes/socialblue/assets/css/pagination.css
View source
  1. .pagination {
  2. border-radius: 8px;
  3. }
  4. .pagination > li > a,
  5. .pagination > li > span {
  6. color: #333333;
  7. background-color: transparent;
  8. border-radius: 8px;
  9. }
  10. .pagination > li:first-child > a,
  11. .pagination > li:first-child > span {
  12. border-radius: 8px;
  13. }
  14. .pagination > li:last-child > a,
  15. .pagination > li:last-child > span {
  16. border-radius: 8px;
  17. }
  18. .pagination > li > a:hover, .pagination > li > a:focus,
  19. .pagination > li > span:hover,
  20. .pagination > li > span:focus {
  21. color: #333333;
  22. background-color: rgba(0, 0, 0, 0.12);
  23. border-color: transparent;
  24. }
  25. .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  26. .pagination > .active > span,
  27. .pagination > .active > span:hover,
  28. .pagination > .active > span:focus {
  29. color: white;
  30. background-color: #29abe2;
  31. border-color: transparent;
  32. }
  33. .pagination > .disabled > span,
  34. .pagination > .disabled > span:hover,
  35. .pagination > .disabled > span:focus,
  36. .pagination > .disabled > a,
  37. .pagination > .disabled > a:hover,
  38. .pagination > .disabled > a:focus {
  39. color: #777;
  40. background-color: transparent;
  41. border-color: transparent;
  42. }
  43. .mini-pager {
  44. background-image: linear-gradient(transparent, #f3f3f3);
  45. }