jquery.page.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. @charset "utf-8";
  2. /*样式参考*/
  3. a {
  4. text-decoration: none;
  5. }
  6. #page {
  7. height: 50px;
  8. display: table;
  9. margin: 0 auto;
  10. }
  11. .page {
  12. text-align: center;
  13. }
  14. .fl {
  15. float: left;
  16. }
  17. .fr {
  18. float: right;
  19. }
  20. .pagingUl {
  21. float: right;
  22. padding: 0;
  23. margin: 0;
  24. list-style: none;
  25. height: 30px;
  26. }
  27. .pagingUl li {
  28. float: left;
  29. width: 30px;
  30. height: 30px;
  31. background: #fff;
  32. text-align: center;
  33. margin-right: 5px;
  34. border-radius: 5px
  35. }
  36. .pagingUl li a {
  37. display: inline-block;
  38. width: 30px;
  39. height: 30px;
  40. text-align: center;
  41. line-height: 28px;
  42. color: #666;
  43. font-size: 12px;
  44. border-radius: 5px
  45. }
  46. .prv,
  47. .next {
  48. width: 30px;
  49. height: 30px;
  50. text-align: center;
  51. line-height: 30px;
  52. cursor: pointer;
  53. background: #fff;
  54. padding: 0 5px;
  55. border-radius: 5px;
  56. }
  57. .prv {
  58. margin-right: 10px;
  59. }
  60. .first,
  61. .last {
  62. width: 30px;
  63. height: 30px;
  64. font-size: 12px;
  65. text-align: center;
  66. line-height: 30px;
  67. /*border: 1px solid #ddd;*/
  68. cursor: pointer;
  69. background: #fff;
  70. padding: 0 5px;
  71. border-radius: 5px;
  72. margin-right: 10px;
  73. }
  74. .prv:hover,
  75. .next:hover,
  76. .first:hover,
  77. .last:hover,
  78. .pagingUl li a:hover,
  79. .activP {
  80. background-color: #000!important;
  81. color: #fff!important;
  82. }