paginationnew.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. .pagination{
  2. /*overflow: hidden; */
  3. /* margin: 0; */
  4. /* padding: 10px 10px 6px 10px; */
  5. /* border-top: 1px solid #ccc; */
  6. /* width: 198px;*/
  7. margin: 0 auto;
  8. /* margin: 0 auto; */
  9. /* margin-left: 30%; */
  10. /* margin-bottom: 100px; */
  11. /* position: absolute; */
  12. /* top: 50%; */
  13. /* left: 50%; */
  14. }
  15. .pagination *{
  16. display:inline;
  17. float:left;
  18. margin:0;
  19. padding:0;
  20. font-size:12px;
  21. }
  22. .pagination i{
  23. float:none;
  24. padding-right:1px;
  25. }
  26. .currentPage b{
  27. float:none;
  28. color:#f00;
  29. }
  30. .pagination li{
  31. list-style:none;
  32. margin:0 5px;
  33. }
  34. .pagination li li{
  35. position:relative;
  36. margin:-2px 0 0;
  37. font-family: Arial, Helvetica, sans-serif
  38. }
  39. .firstPage a,.previousPage a,.nextPage a,.lastPage a{
  40. overflow:hidden;
  41. height:0;
  42. text-indent:-9999em;
  43. border-top:8px solid #fff;
  44. border-bottom:8px solid #fff;
  45. }
  46. .pagination li li a{
  47. margin: -3.5px 1px 0px 1px;
  48. padding: 0 4px;
  49. border: 3px double #fff;
  50. background: #eee;
  51. color: #dd4250;
  52. text-decoration: none;
  53. }
  54. .pagination li li a:hover{
  55. background:#f95f6d;
  56. border-color:#fff;
  57. +border-color:#f95f6d;
  58. color:#fff;
  59. }
  60. li.firstPage{
  61. /* margin-left:193px;*/
  62. border-left:3px solid #dd4250;
  63. }
  64. .firstPage a,.previousPage a{
  65. border-right:12px solid #dd4250;
  66. }
  67. .firstPage a:hover,.previousPage a:hover{
  68. border-right-color: #f95f6d;
  69. }
  70. .nextPage a,.lastPage a{
  71. border-left:12px solid #dd4250;
  72. }
  73. .nextPage a:hover,.lastPage a:hover{
  74. border-left-color:#f95f6d;
  75. }
  76. li.lastPage{
  77. border-right:3px solid #dd4250;
  78. }
  79. li li.currentState a{
  80. position:relative;
  81. /* margin:-1px 3px;
  82. padding:1px 4px;*/
  83. /* border:3px double #fff;*/
  84. +border-color:#dd4250;
  85. background:#dd4250;
  86. color:#fff;
  87. }
  88. li.currentState,.currentState a,.currentState a:hover{
  89. border-color:#fff #ccc;
  90. cursor:default;
  91. }
  92. .navbar {
  93. text-align:center;
  94. }
  95. .navbar ul {
  96. display:inline-block;
  97. }
  98. .navbar li + li {
  99. margin-left:20px;
  100. }