You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

367 lines
7.7 KiB

  1. .paginationjs {
  2. line-height: 1.6;
  3. font-family: Marmelad, "Lucida Grande", Arial, "Hiragino Sans GB", Georgia, sans-serif;
  4. font-size: 14px;
  5. box-sizing: initial
  6. }
  7. .paginationjs:after {
  8. display: table;
  9. content: " ";
  10. clear: both
  11. }
  12. .paginationjs .paginationjs-pages {
  13. float: left
  14. }
  15. .paginationjs .paginationjs-pages ul {
  16. float: left;
  17. margin: 0;
  18. padding: 0
  19. }
  20. .paginationjs .paginationjs-go-button,
  21. .paginationjs .paginationjs-go-input,
  22. .paginationjs .paginationjs-nav {
  23. float: left;
  24. margin-left: 10px;
  25. font-size: 14px
  26. }
  27. .paginationjs .paginationjs-pages li {
  28. float: left;
  29. border: 1px solid #aaa;
  30. border-right: none;
  31. list-style: none
  32. }
  33. .paginationjs .paginationjs-pages li>a {
  34. min-width: 30px;
  35. height: 28px;
  36. line-height: 28px;
  37. display: block;
  38. background: #fff;
  39. font-size: 14px;
  40. color: #333;
  41. text-decoration: none;
  42. text-align: center
  43. }
  44. .paginationjs .paginationjs-pages li>a:hover {
  45. background: #eee
  46. }
  47. .paginationjs .paginationjs-pages li.active {
  48. border: none
  49. }
  50. .paginationjs .paginationjs-pages li.active>a {
  51. height: 30px;
  52. line-height: 30px;
  53. background: #aaa;
  54. color: #fff
  55. }
  56. .paginationjs .paginationjs-pages li.disabled>a {
  57. opacity: .3
  58. }
  59. .paginationjs .paginationjs-pages li.disabled>a:hover {
  60. background: 0 0
  61. }
  62. .paginationjs .paginationjs-pages li:first-child,
  63. .paginationjs .paginationjs-pages li:first-child>a {
  64. border-radius: 3px 0 0 3px
  65. }
  66. .paginationjs .paginationjs-pages li:last-child {
  67. border-right: 1px solid #aaa;
  68. border-radius: 0 3px 3px 0
  69. }
  70. .paginationjs .paginationjs-pages li:last-child>a {
  71. border-radius: 0 3px 3px 0
  72. }
  73. .paginationjs .paginationjs-go-input>input[type=text] {
  74. width: 30px;
  75. height: 28px;
  76. background: #fff;
  77. border-radius: 3px;
  78. border: 1px solid #aaa;
  79. padding: 0;
  80. font-size: 14px;
  81. text-align: center;
  82. vertical-align: baseline;
  83. outline: 0;
  84. box-shadow: none;
  85. box-sizing: initial
  86. }
  87. .paginationjs .paginationjs-go-button>input[type=button] {
  88. min-width: 40px;
  89. height: 30px;
  90. line-height: 28px;
  91. background: #fff;
  92. border-radius: 3px;
  93. border: 1px solid #aaa;
  94. text-align: center;
  95. padding: 0 8px;
  96. font-size: 14px;
  97. vertical-align: baseline;
  98. outline: 0;
  99. box-shadow: none;
  100. color: #333;
  101. cursor: pointer;
  102. vertical-align: middle\9
  103. }
  104. .paginationjs.paginationjs-theme-blue .paginationjs-go-input>input[type=text],
  105. .paginationjs.paginationjs-theme-blue .paginationjs-pages li {
  106. border-color: #289de9
  107. }
  108. .paginationjs .paginationjs-go-button>input[type=button]:hover {
  109. background-color: #f8f8f8
  110. }
  111. .paginationjs .paginationjs-nav {
  112. height: 30px;
  113. line-height: 30px
  114. }
  115. .paginationjs .paginationjs-go-button,
  116. .paginationjs .paginationjs-go-input {
  117. margin-left: 5px\9
  118. }
  119. .paginationjs.paginationjs-small {
  120. font-size: 12px
  121. }
  122. .paginationjs.paginationjs-small .paginationjs-pages li>a {
  123. min-width: 26px;
  124. height: 24px;
  125. line-height: 24px;
  126. font-size: 12px
  127. }
  128. .paginationjs.paginationjs-small .paginationjs-pages li.active>a {
  129. height: 26px;
  130. line-height: 26px
  131. }
  132. .paginationjs.paginationjs-small .paginationjs-go-input {
  133. font-size: 12px
  134. }
  135. .paginationjs.paginationjs-small .paginationjs-go-input>input[type=text] {
  136. width: 26px;
  137. height: 24px;
  138. font-size: 12px
  139. }
  140. .paginationjs.paginationjs-small .paginationjs-go-button {
  141. font-size: 12px
  142. }
  143. .paginationjs.paginationjs-small .paginationjs-go-button>input[type=button] {
  144. min-width: 30px;
  145. height: 26px;
  146. line-height: 24px;
  147. padding: 0 6px;
  148. font-size: 12px
  149. }
  150. .paginationjs.paginationjs-small .paginationjs-nav {
  151. height: 26px;
  152. line-height: 26px;
  153. font-size: 12px
  154. }
  155. .paginationjs.paginationjs-big {
  156. font-size: 16px
  157. }
  158. .paginationjs.paginationjs-big .paginationjs-pages li>a {
  159. min-width: 36px;
  160. height: 34px;
  161. line-height: 34px;
  162. font-size: 16px
  163. }
  164. .paginationjs.paginationjs-big .paginationjs-pages li.active>a {
  165. height: 36px;
  166. line-height: 36px
  167. }
  168. .paginationjs.paginationjs-big .paginationjs-go-input {
  169. font-size: 16px
  170. }
  171. .paginationjs.paginationjs-big .paginationjs-go-input>input[type=text] {
  172. width: 36px;
  173. height: 34px;
  174. font-size: 16px
  175. }
  176. .paginationjs.paginationjs-big .paginationjs-go-button {
  177. font-size: 16px
  178. }
  179. .paginationjs.paginationjs-big .paginationjs-go-button>input[type=button] {
  180. min-width: 50px;
  181. height: 36px;
  182. line-height: 34px;
  183. padding: 0 12px;
  184. font-size: 16px
  185. }
  186. .paginationjs.paginationjs-big .paginationjs-nav {
  187. height: 36px;
  188. line-height: 36px;
  189. font-size: 16px
  190. }
  191. .paginationjs.paginationjs-theme-blue .paginationjs-pages li>a {
  192. color: #289de9
  193. }
  194. .paginationjs.paginationjs-theme-blue .paginationjs-pages li>a:hover {
  195. background: #e9f4fc
  196. }
  197. .paginationjs.paginationjs-theme-blue .paginationjs-pages li.active>a {
  198. background: #289de9;
  199. color: #fff
  200. }
  201. .paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled>a:hover {
  202. background: 0 0
  203. }
  204. .paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button] {
  205. background: #289de9;
  206. border-color: #289de9;
  207. color: #fff
  208. }
  209. .paginationjs.paginationjs-theme-green .paginationjs-go-input>input[type=text],
  210. .paginationjs.paginationjs-theme-green .paginationjs-pages li {
  211. border-color: #449d44
  212. }
  213. .paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button]:hover {
  214. background-color: #3ca5ea
  215. }
  216. .paginationjs.paginationjs-theme-green .paginationjs-pages li>a {
  217. color: #449d44
  218. }
  219. .paginationjs.paginationjs-theme-green .paginationjs-pages li>a:hover {
  220. background: #ebf4eb
  221. }
  222. .paginationjs.paginationjs-theme-green .paginationjs-pages li.active>a {
  223. background: #449d44;
  224. color: #fff
  225. }
  226. .paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled>a:hover {
  227. background: 0 0
  228. }
  229. .paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button] {
  230. background: #449d44;
  231. border-color: #449d44;
  232. color: #fff
  233. }
  234. .paginationjs.paginationjs-theme-yellow .paginationjs-go-input>input[type=text],
  235. .paginationjs.paginationjs-theme-yellow .paginationjs-pages li {
  236. border-color: #ec971f
  237. }
  238. .paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button]:hover {
  239. background-color: #55a555
  240. }
  241. .paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a {
  242. color: #ec971f
  243. }
  244. .paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a:hover {
  245. background: #fdf5e9
  246. }
  247. .paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active>a {
  248. background: #ec971f;
  249. color: #fff
  250. }
  251. .paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled>a:hover {
  252. background: 0 0
  253. }
  254. .paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button] {
  255. background: #ec971f;
  256. border-color: #ec971f;
  257. color: #fff
  258. }
  259. .paginationjs.paginationjs-theme-red .paginationjs-go-input>input[type=text],
  260. .paginationjs.paginationjs-theme-red .paginationjs-pages li {
  261. border-color: #c9302c
  262. }
  263. .paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button]:hover {
  264. background-color: #eea135
  265. }
  266. .paginationjs.paginationjs-theme-red .paginationjs-pages li>a {
  267. color: #c9302c
  268. }
  269. .paginationjs.paginationjs-theme-red .paginationjs-pages li>a:hover {
  270. background: #faeaea
  271. }
  272. .paginationjs.paginationjs-theme-red .paginationjs-pages li.active>a {
  273. background: #c9302c;
  274. color: #fff
  275. }
  276. .paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled>a:hover {
  277. background: 0 0
  278. }
  279. .paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button] {
  280. background: #c9302c;
  281. border-color: #c9302c;
  282. color: #fff
  283. }
  284. .paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button]:hover {
  285. background-color: #ce4541
  286. }
  287. .paginationjs .paginationjs-pages li.paginationjs-next {
  288. border-right: 1px solid #aaa\9
  289. }
  290. .paginationjs .paginationjs-go-input>input[type=text] {
  291. line-height: 28px\9;
  292. vertical-align: middle\9
  293. }
  294. .paginationjs.paginationjs-big .paginationjs-pages li>a {
  295. line-height: 36px\9
  296. }
  297. .paginationjs.paginationjs-big .paginationjs-go-input>input[type=text] {
  298. height: 36px\9;
  299. line-height: 36px\9
  300. }