crossPage.css 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. /* update 2015-4-14 */
  2. ul {
  3. margin: 0;
  4. padding: 0;
  5. }
  6. .c-pagination {
  7. display:inline-block;
  8. height: 38px;
  9. }
  10. .c-pagination-page,
  11. .c-pagination-info,
  12. .c-pagination-stat,
  13. .c-pagination-size,
  14. .c-pagination-jump {
  15. float: left;
  16. margin-top: 2px;
  17. padding-right: 10px;
  18. }
  19. /* font */
  20. .c-pagination-page > li > a,
  21. .c-pagination-size > select,
  22. .c-pagination-group > input,
  23. .c-pagination-group > button,
  24. .c-pagination-info , .c-pagination-stat span{
  25. font-size: 16px;
  26. font-family: 'Microsoft YaHei';
  27. color: #888;
  28. }
  29. /* border */
  30. .c-pagination-page > li > a,
  31. .c-pagination-size > select,
  32. .c-pagination-group > input,
  33. .c-pagination-group > button {
  34. outline: none;
  35. user-select: none;
  36. -moz-user-select: none;
  37. -webkit-user-select: none;
  38. -ms-user-select: none;
  39. -khtml-user-select: none;
  40. border: 1px solid #ddd;
  41. }
  42. /* button */
  43. .c-pagination-page > li > a,
  44. .c-pagination-group > button {
  45. cursor: pointer;
  46. background-color: #fff;
  47. /*background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
  48. background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
  49. background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
  50. background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
  51. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  52. filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  53. background-repeat: repeat-x;*/
  54. }
  55. .c-pagination-page > li:hover > a,
  56. .c-pagination-group > button:hover {
  57. background-color: #eee;
  58. border-color: #ddd;
  59. }
  60. /************* pagination-page *************/
  61. .c-pagination-page > li , .c-pagination-stat > li {
  62. list-style: none;
  63. float: left;
  64. }
  65. .c-pagination-page > li > a , .c-pagination-stat > li > span {
  66. height: 34px;
  67. line-height: 34px;
  68. margin-left: -1px;
  69. display: inline-block;
  70. padding: 0 12px;
  71. text-decoration: none;
  72. box-sizing: content-box;
  73. }
  74. .c-pagination-stat > li > span {
  75. padding-right:0;
  76. }
  77. .c-pagination-page > li.active > a {
  78. color: #fff;
  79. background-color: #337ab7;
  80. border-color: #337ab7;
  81. }
  82. .c-pagination-page > li:first-child > a {
  83. margin-left: 0;
  84. border-top-left-radius: 4px;
  85. border-bottom-left-radius: 4px;
  86. }
  87. .c-pagination-page > li:last-child > a {
  88. border-top-right-radius: 4px;
  89. border-bottom-right-radius: 4px;
  90. }
  91. /************* pagination-perpage *************/
  92. .c-pagination-size > select {
  93. cursor: pointer;
  94. height: 36px;
  95. padding: 0px 8px;
  96. border-radius: 4px;
  97. float:left;
  98. }
  99. /************* pagination-go *************/
  100. .c-pagination-group > input,
  101. .c-pagination-group > button {
  102. float: left;
  103. }
  104. .c-pagination-group > input {
  105. border-top-left-radius: 4px;
  106. border-bottom-left-radius: 4px;
  107. width: 50px;
  108. height: 34px;
  109. padding: 0px;
  110. text-align: center;
  111. box-sizing: content-box;
  112. }
  113. .c-pagination-group > button {
  114. border-left: none;
  115. border-top-right-radius: 4px;
  116. border-bottom-right-radius: 4px;
  117. height: 36px;
  118. padding: 0px 12px;
  119. }
  120. /************ pagination-info *************/
  121. .c-pagination-info , .c-pagination-stat span {
  122. height: 34px;
  123. line-height: 34px;
  124. margin-left: -1px;
  125. display: inline-block;
  126. padding: 0 12px;
  127. text-decoration: none;
  128. box-sizing: content-box;
  129. }