UNPKG

30.6 kBCSSView Raw
1
2.next-sr-only {
3 position: absolute;
4 width: 1px;
5 height: 1px;
6 padding: 0;
7 overflow: hidden;
8 clip: rect(0, 0, 0, 0);
9 white-space: nowrap;
10 border: 0;
11 top: 0;
12 margin: -1px; }
13
14.next-pagination[dir="rtl"] .next-pagination-total {
15 margin-right: 0;
16 margin-left: 16px;
17 margin-left: var(--s-4, 16px); }
18
19.next-pagination[dir="rtl"] .next-pagination-jump-go {
20 margin-left: 0;
21 margin-right: 4px;
22 margin-right: var(--s-1, 4px); }
23
24.next-pagination[dir="rtl"] .next-pagination-size-selector-title {
25 margin-right: 0;
26 margin-left: 4px;
27 margin-left: var(--pagination-size-selector-title-margin-right, 4px); }
28
29.next-pagination[dir="rtl"] .next-pagination-size-selector-btn.next-btn-text + .next-pagination-size-selector-btn {
30 border-left: none;
31 border-right: 1px solid #DCDEE3;
32 border-right: var(--line-1, 1px) solid var(--color-line1-2, #DCDEE3); }
33
34.next-pagination[dir="rtl"] .next-pagination-pages + .next-pagination-size-selector,
35.next-pagination[dir="rtl"] .next-pagination-size-selector + .next-pagination-pages {
36 margin-left: 0;
37 margin-right: 40px;
38 margin-right: var(--s-10, 40px); }
39
40.next-pagination[dir="rtl"].next-start .next-pagination-pages {
41 float: left; }
42
43.next-pagination[dir="rtl"].next-start .next-pagination-size-selector {
44 float: right; }
45
46.next-pagination[dir="rtl"].next-end .next-pagination-pages {
47 float: right; }
48
49.next-pagination[dir="rtl"].next-end .next-pagination-size-selector {
50 float: left; }
51
52.next-pagination[dir="rtl"].next-small .next-pagination-list {
53 margin: 0 4px;
54 margin: 0 var(--pagination-small-item-split, 4px); }
55
56.next-pagination[dir="rtl"].next-small .next-pagination-total {
57 line-height: 20px;
58 line-height: var(--form-element-small-height, 20px);
59 vertical-align: middle; }
60
61.next-pagination[dir="rtl"].next-small .next-pagination-item {
62 padding: 0 6px;
63 padding: 0 calc(var(--s-2, 8px) - 2px);
64 border-width: 1px;
65 border-width: var(--pagination-small-item-border-width, 1px);
66 border-radius: 3px;
67 border-radius: var(--pagination-small-item-corner, 3px); }
68 .next-pagination[dir="rtl"].next-small .next-pagination-item + .next-pagination-item {
69 margin: 0 4px 0 0;
70 margin: 0 var(--pagination-small-item-split, 4px) 0 0; }
71
72.next-pagination[dir="rtl"].next-small .next-pagination-ellipsis {
73 height: 20px;
74 height: var(--form-element-small-height, 20px);
75 line-height: 20px;
76 line-height: var(--form-element-small-height, 20px);
77 margin-left: 8px;
78 margin-left: var(--pagination-ellipsis-margin, 8px);
79 margin-right: 8px;
80 margin-right: var(--pagination-ellipsis-margin, 8px); }
81 .next-pagination[dir="rtl"].next-small .next-pagination-ellipsis:before,
82 .next-pagination[dir="rtl"].next-small .next-pagination-ellipsis .next-icon-remote {
83 width: 12px;
84 width: var(--pagination-small-ellipsis-size, 12px);
85 font-size: 12px;
86 font-size: var(--pagination-small-ellipsis-size, 12px);
87 line-height: inherit; }
88
89.next-pagination[dir="rtl"].next-small .next-pagination-display {
90 font-size: 12px;
91 font-size: var(--pagination-small-total-font-size, 12px); }
92 .next-pagination[dir="rtl"].next-small .next-pagination-display em {
93 font-size: 12px;
94 font-size: var(--pagination-small-current-font-size, 12px); }
95
96.next-pagination[dir="rtl"].next-small .next-pagination-jump-text {
97 font-size: 12px;
98 font-size: var(--pagination-small-jump-font-size, 12px); }
99
100.next-pagination[dir="rtl"].next-small .next-pagination-jump-input {
101 width: 28px;
102 width: var(--pagination-small-input-width, 28px); }
103
104.next-pagination[dir="rtl"].next-small .next-pagination-size-selector-title {
105 height: 20px;
106 height: var(--form-element-small-height, 20px);
107 line-height: 20px;
108 line-height: var(--form-element-small-height, 20px);
109 font-size: 12px;
110 font-size: var(--pagination-small-jump-font-size, 12px);
111 vertical-align: middle; }
112
113.next-pagination[dir="rtl"].next-small .next-pagination-size-selector-btn {
114 padding: 0 8px;
115 padding: 0 var(--pagination-small-size-selector-number-padding, 8px); }
116
117.next-pagination[dir="rtl"].next-small .next-pagination-item.next-prev:not([disabled]) i,
118.next-pagination[dir="rtl"].next-small .next-pagination-item.next-next:not([disabled]) i {
119 color: #666666;
120 color: var(--pagination-arrow-color, #666666); }
121
122.next-pagination[dir="rtl"].next-small .next-pagination-item:hover.next-prev:not([disabled]) i,
123.next-pagination[dir="rtl"].next-small .next-pagination-item:hover.next-next:not([disabled]) i {
124 color: #333333;
125 color: var(--pagination-arrow-hover-color, #333333); }
126
127.next-pagination[dir="rtl"].next-medium .next-pagination-list {
128 margin: 0 4px;
129 margin: 0 var(--pagination-item-split, 4px); }
130
131.next-pagination[dir="rtl"].next-medium .next-pagination-total {
132 line-height: 28px;
133 line-height: var(--form-element-medium-height, 28px);
134 vertical-align: middle; }
135
136.next-pagination[dir="rtl"].next-medium .next-pagination-item {
137 padding: 0 10px;
138 padding: 0 calc(var(--s-3, 12px) - 2px);
139 border-width: 1px;
140 border-width: var(--pagination-item-border-width, 1px);
141 border-radius: 3px;
142 border-radius: var(--pagination-item-corner, 3px); }
143 .next-pagination[dir="rtl"].next-medium .next-pagination-item + .next-pagination-item {
144 margin: 0 4px 0 0;
145 margin: 0 var(--pagination-item-split, 4px) 0 0; }
146
147.next-pagination[dir="rtl"].next-medium .next-pagination-ellipsis {
148 height: 28px;
149 height: var(--form-element-medium-height, 28px);
150 line-height: 28px;
151 line-height: var(--form-element-medium-height, 28px);
152 margin-left: 8px;
153 margin-left: var(--pagination-ellipsis-margin, 8px);
154 margin-right: 8px;
155 margin-right: var(--pagination-ellipsis-margin, 8px); }
156 .next-pagination[dir="rtl"].next-medium .next-pagination-ellipsis:before,
157 .next-pagination[dir="rtl"].next-medium .next-pagination-ellipsis .next-icon-remote {
158 width: 12px;
159 width: var(--pagination-ellipsis-size, 12px);
160 font-size: 12px;
161 font-size: var(--pagination-ellipsis-size, 12px);
162 line-height: inherit; }
163
164.next-pagination[dir="rtl"].next-medium .next-pagination-display {
165 font-size: 12px;
166 font-size: var(--pagination-total-font-size, 12px); }
167 .next-pagination[dir="rtl"].next-medium .next-pagination-display em {
168 font-size: 12px;
169 font-size: var(--pagination-current-font-size, 12px); }
170
171.next-pagination[dir="rtl"].next-medium .next-pagination-jump-text {
172 font-size: 12px;
173 font-size: var(--pagination-jump-font-size, 12px); }
174
175.next-pagination[dir="rtl"].next-medium .next-pagination-jump-input {
176 width: 36px;
177 width: var(--pagination-input-width, 36px); }
178
179.next-pagination[dir="rtl"].next-medium .next-pagination-size-selector-title {
180 height: 28px;
181 height: var(--form-element-medium-height, 28px);
182 line-height: 28px;
183 line-height: var(--form-element-medium-height, 28px);
184 font-size: 12px;
185 font-size: var(--pagination-jump-font-size, 12px);
186 vertical-align: middle; }
187
188.next-pagination[dir="rtl"].next-medium .next-pagination-size-selector-btn {
189 padding: 0 12px;
190 padding: 0 var(--pagination-size-selector-number-padding, 12px); }
191
192.next-pagination[dir="rtl"].next-medium .next-pagination-item.next-prev:not([disabled]) i,
193.next-pagination[dir="rtl"].next-medium .next-pagination-item.next-next:not([disabled]) i {
194 color: #666666;
195 color: var(--pagination-arrow-color, #666666); }
196
197.next-pagination[dir="rtl"].next-medium .next-pagination-item:hover.next-prev:not([disabled]) i,
198.next-pagination[dir="rtl"].next-medium .next-pagination-item:hover.next-next:not([disabled]) i {
199 color: #333333;
200 color: var(--pagination-arrow-hover-color, #333333); }
201
202.next-pagination[dir="rtl"].next-large .next-pagination-list {
203 margin: 0 8px;
204 margin: 0 var(--pagination-large-item-split, 8px); }
205
206.next-pagination[dir="rtl"].next-large .next-pagination-total {
207 line-height: 40px;
208 line-height: var(--form-element-large-height, 40px);
209 vertical-align: middle; }
210
211.next-pagination[dir="rtl"].next-large .next-pagination-item {
212 padding: 0 15px;
213 padding: 0 calc(var(--s-4, 16px) - 1px);
214 border-width: 1px;
215 border-width: var(--pagination-large-item-border-width, 1px);
216 border-radius: 3px;
217 border-radius: var(--pagination-large-item-corner, 3px); }
218 .next-pagination[dir="rtl"].next-large .next-pagination-item + .next-pagination-item {
219 margin: 0 8px 0 0;
220 margin: 0 var(--pagination-large-item-split, 8px) 0 0; }
221
222.next-pagination[dir="rtl"].next-large .next-pagination-ellipsis {
223 height: 40px;
224 height: var(--form-element-large-height, 40px);
225 line-height: 40px;
226 line-height: var(--form-element-large-height, 40px);
227 margin-left: 8px;
228 margin-left: var(--pagination-ellipsis-margin, 8px);
229 margin-right: 8px;
230 margin-right: var(--pagination-ellipsis-margin, 8px); }
231 .next-pagination[dir="rtl"].next-large .next-pagination-ellipsis:before,
232 .next-pagination[dir="rtl"].next-large .next-pagination-ellipsis .next-icon-remote {
233 width: 16px;
234 width: var(--pagination-large-ellipsis-size, 16px);
235 font-size: 16px;
236 font-size: var(--pagination-large-ellipsis-size, 16px);
237 line-height: inherit; }
238
239.next-pagination[dir="rtl"].next-large .next-pagination-display {
240 font-size: 16px;
241 font-size: var(--pagination-large-total-font-size, 16px); }
242 .next-pagination[dir="rtl"].next-large .next-pagination-display em {
243 font-size: 16px;
244 font-size: var(--pagination-large-current-font-size, 16px); }
245
246.next-pagination[dir="rtl"].next-large .next-pagination-jump-text {
247 font-size: 16px;
248 font-size: var(--pagination-large-jump-font-size, 16px); }
249
250.next-pagination[dir="rtl"].next-large .next-pagination-jump-input {
251 width: 48px;
252 width: var(--pagination-large-input-width, 48px); }
253
254.next-pagination[dir="rtl"].next-large .next-pagination-size-selector-title {
255 height: 40px;
256 height: var(--form-element-large-height, 40px);
257 line-height: 40px;
258 line-height: var(--form-element-large-height, 40px);
259 font-size: 16px;
260 font-size: var(--pagination-large-jump-font-size, 16px);
261 vertical-align: middle; }
262
263.next-pagination[dir="rtl"].next-large .next-pagination-size-selector-btn {
264 padding: 0 16px;
265 padding: 0 var(--pagination-large-size-selector-number-padding, 16px); }
266
267.next-pagination[dir="rtl"].next-large .next-pagination-item.next-prev:not([disabled]) i,
268.next-pagination[dir="rtl"].next-large .next-pagination-item.next-next:not([disabled]) i {
269 color: #666666;
270 color: var(--pagination-arrow-color, #666666); }
271
272.next-pagination[dir="rtl"].next-large .next-pagination-item:hover.next-prev:not([disabled]) i,
273.next-pagination[dir="rtl"].next-large .next-pagination-item:hover.next-next:not([disabled]) i {
274 color: #333333;
275 color: var(--pagination-arrow-hover-color, #333333); }
276
277.next-pagination {
278 box-sizing: border-box;
279 font-size: 0; }
280 .next-pagination *,
281 .next-pagination *:before,
282 .next-pagination *:after {
283 box-sizing: border-box; }
284 .next-pagination:after {
285 visibility: hidden;
286 display: block;
287 height: 0;
288 font-size: 0;
289 content: '\0020';
290 clear: both; }
291 .next-pagination-total {
292 display: inline-block;
293 font-size: 14px;
294 font-size: var(--font-size-body-2, 14px);
295 margin-right: 16px;
296 margin-right: var(--s-4, 16px); }
297 .next-pagination-pages {
298 display: inline-block; }
299 .next-pagination-list {
300 display: inline-block;
301 vertical-align: top; }
302 .next-pagination .next-pagination-item:not([disabled]) {
303 display: inline-block;
304 border-style: solid;
305 border-style: var(--pagination-item-border-style, solid);
306 border-color: #C4C6CF;
307 border-color: var(--pagination-item-border-color, #C4C6CF);
308 background: #FFFFFF;
309 background: var(--pagination-item-bg, #FFFFFF);
310 color: #333333;
311 color: var(--pagination-item-color, #333333);
312 box-shadow: none;
313 box-shadow: var(--pagination-item-shadow, none); }
314 .next-pagination .next-pagination-item {
315 transition: none; }
316 .next-pagination .next-pagination-item.next-current {
317 border-color: #5584FF;
318 border-color: var(--pagination-item-current-border-color, #5584FF);
319 background: #5584FF;
320 background: var(--pagination-item-current-bg, #5584FF);
321 color: #FFFFFF;
322 color: var(--pagination-item-current-color, #FFFFFF);
323 box-shadow: none;
324 box-shadow: var(--pagination-item-current-shadow, none); }
325 .next-pagination .next-pagination-item.next-current:hover, .next-pagination .next-pagination-item.next-current:focus {
326 border-color: transparent;
327 border-color: var(--pagination-item-current-hover-border-color, transparent);
328 background: #3E71F7;
329 background: var(--pagination-item-current-hover-bg, #3E71F7);
330 color: #FFFFFF;
331 color: var(--pagination-item-current-hover-color, #FFFFFF);
332 box-shadow: none;
333 box-shadow: var(--pagination-item-current-hover-shadow, none); }
334 .next-pagination-ellipsis {
335 display: inline-block;
336 color: #999999;
337 color: var(--pagination-ellipsis-color, #999999);
338 vertical-align: top; }
339 .next-pagination-display {
340 display: inline-block;
341 margin: 0 16px;
342 margin: 0 var(--s-4, 16px);
343 color: #333333;
344 color: var(--pagination-total-color, #333333);
345 vertical-align: middle; }
346 .next-pagination-display em {
347 font-style: normal;
348 color: #5584FF;
349 color: var(--pagination-current-color, #5584FF); }
350 .next-pagination-jump-text {
351 display: inline-block;
352 vertical-align: middle;
353 color: #999999;
354 color: var(--pagination-jump-color, #999999); }
355 .next-pagination-jump-input {
356 margin: 0 4px;
357 margin: 0 var(--pagination-input-margin, 4px);
358 vertical-align: top; }
359 .next-pagination-jump-go {
360 margin-left: 4px;
361 margin-left: var(--s-1, 4px);
362 vertical-align: top; }
363 .next-pagination-size-selector {
364 display: inline-block;
365 position: relative; }
366 .next-pagination-size-selector-title {
367 margin-right: 4px;
368 margin-right: var(--pagination-size-selector-title-margin-right, 4px);
369 color: #999999;
370 color: var(--pagination-size-selector-title-color, #999999); }
371 .next-pagination-size-selector-filter {
372 display: inline-block;
373 vertical-align: middle; }
374 .next-pagination-size-selector-dropdown {
375 vertical-align: top;
376 min-width: 64px;
377 min-width: var(--s-16, 64px); }
378 .next-pagination-size-selector-dropdown .next-select-inner {
379 min-width: 64px;
380 min-width: var(--s-16, 64px); }
381 .next-pagination-size-selector-popup {
382 min-width: 64px;
383 min-width: var(--s-16, 64px); }
384 .next-pagination-size-selector-btn.next-btn-text {
385 height: initial;
386 line-height: initial;
387 color: #666666;
388 color: var(--pagination-size-selector-filter-color, #666666);
389 border-radius: 0; }
390 .next-pagination-size-selector-btn.next-btn-text.next-current {
391 color: #5584FF;
392 color: var(--pagination-size-selector-filter-current-color, #5584FF); }
393 .next-pagination-size-selector-btn.next-btn-text + .next-pagination-size-selector-btn {
394 border-left: 1px solid #DCDEE3;
395 border-left: var(--line-1, 1px) solid var(--color-line1-2, #DCDEE3); }
396 .next-pagination-pages + .next-pagination-size-selector,
397 .next-pagination-size-selector + .next-pagination-pages {
398 margin-left: 40px;
399 margin-left: var(--s-10, 40px); }
400 .next-pagination.next-hide {
401 display: none; }
402 .next-pagination.next-start .next-pagination-pages {
403 float: right; }
404 .next-pagination.next-start .next-pagination-size-selector {
405 float: left; }
406 .next-pagination.next-end .next-pagination-pages {
407 float: left; }
408 .next-pagination.next-end .next-pagination-size-selector {
409 float: right; }
410 .next-pagination.next-small .next-pagination-list {
411 margin: 0 4px;
412 margin: 0 var(--pagination-small-item-split, 4px); }
413 .next-pagination.next-small .next-pagination-total {
414 line-height: 20px;
415 line-height: var(--form-element-small-height, 20px);
416 vertical-align: middle; }
417 .next-pagination.next-small .next-pagination-item {
418 padding: 0 6px;
419 padding: 0 var(--pagination-small-item-padding, 6px);
420 border-width: 1px;
421 border-width: var(--pagination-small-item-border-width, 1px);
422 border-radius: 3px;
423 border-radius: var(--pagination-small-item-corner, 3px); }
424 .next-pagination.next-small .next-pagination-item + .next-pagination-item {
425 margin: 0 0 0 4px;
426 margin: 0 0 0 var(--pagination-small-item-split, 4px); }
427 .next-pagination.next-small .next-pagination-ellipsis {
428 height: 20px;
429 height: var(--form-element-small-height, 20px);
430 line-height: 20px;
431 line-height: var(--form-element-small-height, 20px);
432 margin-left: 8px;
433 margin-left: var(--pagination-ellipsis-margin, 8px);
434 margin-right: 8px;
435 margin-right: var(--pagination-ellipsis-margin, 8px); }
436 .next-pagination.next-small .next-pagination-ellipsis:before,
437 .next-pagination.next-small .next-pagination-ellipsis .next-icon-remote {
438 width: 12px;
439 width: var(--pagination-small-ellipsis-size, 12px);
440 font-size: 12px;
441 font-size: var(--pagination-small-ellipsis-size, 12px);
442 line-height: inherit; }
443 .next-pagination.next-small .next-pagination-display {
444 font-size: 12px;
445 font-size: var(--pagination-small-total-font-size, 12px); }
446 .next-pagination.next-small .next-pagination-display em {
447 font-size: 12px;
448 font-size: var(--pagination-small-current-font-size, 12px); }
449 .next-pagination.next-small .next-pagination-jump-text {
450 font-size: 12px;
451 font-size: var(--pagination-small-jump-font-size, 12px); }
452 .next-pagination.next-small .next-pagination-jump-input {
453 width: 28px;
454 width: var(--pagination-small-input-width, 28px); }
455 .next-pagination.next-small .next-pagination-size-selector-title {
456 height: 20px;
457 height: var(--form-element-small-height, 20px);
458 line-height: 20px;
459 line-height: var(--form-element-small-height, 20px);
460 font-size: 12px;
461 font-size: var(--pagination-small-jump-font-size, 12px);
462 vertical-align: middle; }
463 .next-pagination.next-small .next-pagination-size-selector-btn {
464 padding: 0 8px;
465 padding: 0 var(--pagination-small-size-selector-number-padding, 8px); }
466 .next-pagination.next-small .next-pagination-item.next-prev:not([disabled]) i,
467 .next-pagination.next-small .next-pagination-item.next-next:not([disabled]) i {
468 color: #666666;
469 color: var(--pagination-arrow-color, #666666); }
470 .next-pagination.next-small .next-pagination-item:hover.next-prev:not([disabled]) i,
471 .next-pagination.next-small .next-pagination-item:hover.next-next:not([disabled]) i {
472 color: #333333;
473 color: var(--pagination-arrow-hover-color, #333333); }
474 .next-pagination.next-small.next-arrow-only .next-pagination-item.next-prev, .next-pagination.next-small.next-arrow-only .next-pagination-item.next-next {
475 width: 20px;
476 width: var(--s-5, 20px);
477 padding: 0; }
478 .next-pagination.next-small.next-arrow-only .next-pagination-item.next-prev .next-icon, .next-pagination.next-small.next-arrow-only .next-pagination-item.next-next .next-icon {
479 margin: 0 auto; }
480 .next-pagination.next-small.next-arrow-prev-only .next-pagination-item.next-prev {
481 width: 20px;
482 width: var(--s-5, 20px);
483 padding: 0; }
484 .next-pagination.next-small.next-arrow-prev-only .next-pagination-item.next-prev .next-icon {
485 margin: 0 auto; }
486 .next-pagination.next-small.next-no-border .next-pagination-item.next-prev, .next-pagination.next-small.next-no-border .next-pagination-item.next-next {
487 padding: 0;
488 border: none;
489 background-color: transparent;
490 box-shadow: none; }
491 .next-pagination.next-small.next-no-border .next-pagination-item.next-prev .next-icon, .next-pagination.next-small.next-no-border .next-pagination-item.next-next .next-icon {
492 margin: 0; }
493 .next-pagination.next-small.next-no-border .next-pagination-item.next-prev:not([disabled]):hover i,
494 .next-pagination.next-small.next-no-border .next-pagination-item.next-next:not([disabled]):hover i {
495 color: #5584FF;
496 color: var(--pagination-arrow-hover-color-noboder, #5584FF); }
497 .next-pagination.next-small.next-no-border .next-pagination-display {
498 margin: 0 8px;
499 margin: 0 var(--s-2, 8px); }
500 .next-pagination.next-small.next-mini .next-pagination-item.next-prev {
501 margin-right: 4px;
502 margin-right: var(--s-1, 4px); }
503 .next-pagination.next-small.next-mini .next-pagination-item.next-next {
504 margin-left: 4px;
505 margin-left: var(--s-1, 4px); }
506 .next-pagination.next-medium .next-pagination-list {
507 margin: 0 4px;
508 margin: 0 var(--pagination-item-split, 4px); }
509 .next-pagination.next-medium .next-pagination-total {
510 line-height: 28px;
511 line-height: var(--form-element-medium-height, 28px);
512 vertical-align: middle; }
513 .next-pagination.next-medium .next-pagination-item {
514 padding: 0 10px;
515 padding: 0 var(--pagination-item-padding, 10px);
516 border-width: 1px;
517 border-width: var(--pagination-item-border-width, 1px);
518 border-radius: 3px;
519 border-radius: var(--pagination-item-corner, 3px); }
520 .next-pagination.next-medium .next-pagination-item + .next-pagination-item {
521 margin: 0 0 0 4px;
522 margin: 0 0 0 var(--pagination-item-split, 4px); }
523 .next-pagination.next-medium .next-pagination-ellipsis {
524 height: 28px;
525 height: var(--form-element-medium-height, 28px);
526 line-height: 28px;
527 line-height: var(--form-element-medium-height, 28px);
528 margin-left: 8px;
529 margin-left: var(--pagination-ellipsis-margin, 8px);
530 margin-right: 8px;
531 margin-right: var(--pagination-ellipsis-margin, 8px); }
532 .next-pagination.next-medium .next-pagination-ellipsis:before,
533 .next-pagination.next-medium .next-pagination-ellipsis .next-icon-remote {
534 width: 12px;
535 width: var(--pagination-ellipsis-size, 12px);
536 font-size: 12px;
537 font-size: var(--pagination-ellipsis-size, 12px);
538 line-height: inherit; }
539 .next-pagination.next-medium .next-pagination-display {
540 font-size: 12px;
541 font-size: var(--pagination-total-font-size, 12px); }
542 .next-pagination.next-medium .next-pagination-display em {
543 font-size: 12px;
544 font-size: var(--pagination-current-font-size, 12px); }
545 .next-pagination.next-medium .next-pagination-jump-text {
546 font-size: 12px;
547 font-size: var(--pagination-jump-font-size, 12px); }
548 .next-pagination.next-medium .next-pagination-jump-input {
549 width: 36px;
550 width: var(--pagination-input-width, 36px); }
551 .next-pagination.next-medium .next-pagination-size-selector-title {
552 height: 28px;
553 height: var(--form-element-medium-height, 28px);
554 line-height: 28px;
555 line-height: var(--form-element-medium-height, 28px);
556 font-size: 12px;
557 font-size: var(--pagination-jump-font-size, 12px);
558 vertical-align: middle; }
559 .next-pagination.next-medium .next-pagination-size-selector-btn {
560 padding: 0 12px;
561 padding: 0 var(--pagination-size-selector-number-padding, 12px); }
562 .next-pagination.next-medium .next-pagination-item.next-prev:not([disabled]) i,
563 .next-pagination.next-medium .next-pagination-item.next-next:not([disabled]) i {
564 color: #666666;
565 color: var(--pagination-arrow-color, #666666); }
566 .next-pagination.next-medium .next-pagination-item:hover.next-prev:not([disabled]) i,
567 .next-pagination.next-medium .next-pagination-item:hover.next-next:not([disabled]) i {
568 color: #333333;
569 color: var(--pagination-arrow-hover-color, #333333); }
570 .next-pagination.next-medium.next-arrow-only .next-pagination-item.next-prev, .next-pagination.next-medium.next-arrow-only .next-pagination-item.next-next {
571 width: 28px;
572 width: var(--s-7, 28px);
573 padding: 0; }
574 .next-pagination.next-medium.next-arrow-only .next-pagination-item.next-prev .next-icon, .next-pagination.next-medium.next-arrow-only .next-pagination-item.next-next .next-icon {
575 margin: 0 auto; }
576 .next-pagination.next-medium.next-arrow-prev-only .next-pagination-item.next-prev {
577 width: 28px;
578 width: var(--s-7, 28px);
579 padding: 0; }
580 .next-pagination.next-medium.next-arrow-prev-only .next-pagination-item.next-prev .next-icon {
581 margin: 0 auto; }
582 .next-pagination.next-medium.next-no-border .next-pagination-item.next-prev, .next-pagination.next-medium.next-no-border .next-pagination-item.next-next {
583 padding: 0;
584 border: none;
585 background-color: transparent;
586 box-shadow: none; }
587 .next-pagination.next-medium.next-no-border .next-pagination-item.next-prev .next-icon, .next-pagination.next-medium.next-no-border .next-pagination-item.next-next .next-icon {
588 margin: 0; }
589 .next-pagination.next-medium.next-no-border .next-pagination-item.next-prev:not([disabled]):hover i,
590 .next-pagination.next-medium.next-no-border .next-pagination-item.next-next:not([disabled]):hover i {
591 color: #5584FF;
592 color: var(--pagination-arrow-hover-color-noboder, #5584FF); }
593 .next-pagination.next-medium.next-no-border .next-pagination-display {
594 margin: 0 12px;
595 margin: 0 var(--s-3, 12px); }
596 .next-pagination.next-medium.next-mini .next-pagination-item.next-prev {
597 margin-right: 4px;
598 margin-right: var(--s-1, 4px); }
599 .next-pagination.next-medium.next-mini .next-pagination-item.next-next {
600 margin-left: 4px;
601 margin-left: var(--s-1, 4px); }
602 .next-pagination.next-large .next-pagination-list {
603 margin: 0 8px;
604 margin: 0 var(--pagination-large-item-split, 8px); }
605 .next-pagination.next-large .next-pagination-total {
606 line-height: 40px;
607 line-height: var(--form-element-large-height, 40px);
608 vertical-align: middle; }
609 .next-pagination.next-large .next-pagination-item {
610 padding: 0 15px;
611 padding: 0 var(--pagination-large-item-padding, 15px);
612 border-width: 1px;
613 border-width: var(--pagination-large-item-border-width, 1px);
614 border-radius: 3px;
615 border-radius: var(--pagination-large-item-corner, 3px); }
616 .next-pagination.next-large .next-pagination-item + .next-pagination-item {
617 margin: 0 0 0 8px;
618 margin: 0 0 0 var(--pagination-large-item-split, 8px); }
619 .next-pagination.next-large .next-pagination-ellipsis {
620 height: 40px;
621 height: var(--form-element-large-height, 40px);
622 line-height: 40px;
623 line-height: var(--form-element-large-height, 40px);
624 margin-left: 8px;
625 margin-left: var(--pagination-ellipsis-margin, 8px);
626 margin-right: 8px;
627 margin-right: var(--pagination-ellipsis-margin, 8px); }
628 .next-pagination.next-large .next-pagination-ellipsis:before,
629 .next-pagination.next-large .next-pagination-ellipsis .next-icon-remote {
630 width: 16px;
631 width: var(--pagination-large-ellipsis-size, 16px);
632 font-size: 16px;
633 font-size: var(--pagination-large-ellipsis-size, 16px);
634 line-height: inherit; }
635 .next-pagination.next-large .next-pagination-display {
636 font-size: 16px;
637 font-size: var(--pagination-large-total-font-size, 16px); }
638 .next-pagination.next-large .next-pagination-display em {
639 font-size: 16px;
640 font-size: var(--pagination-large-current-font-size, 16px); }
641 .next-pagination.next-large .next-pagination-jump-text {
642 font-size: 16px;
643 font-size: var(--pagination-large-jump-font-size, 16px); }
644 .next-pagination.next-large .next-pagination-jump-input {
645 width: 48px;
646 width: var(--pagination-large-input-width, 48px); }
647 .next-pagination.next-large .next-pagination-size-selector-title {
648 height: 40px;
649 height: var(--form-element-large-height, 40px);
650 line-height: 40px;
651 line-height: var(--form-element-large-height, 40px);
652 font-size: 16px;
653 font-size: var(--pagination-large-jump-font-size, 16px);
654 vertical-align: middle; }
655 .next-pagination.next-large .next-pagination-size-selector-btn {
656 padding: 0 16px;
657 padding: 0 var(--pagination-large-size-selector-number-padding, 16px); }
658 .next-pagination.next-large .next-pagination-item.next-prev:not([disabled]) i,
659 .next-pagination.next-large .next-pagination-item.next-next:not([disabled]) i {
660 color: #666666;
661 color: var(--pagination-arrow-color, #666666); }
662 .next-pagination.next-large .next-pagination-item:hover.next-prev:not([disabled]) i,
663 .next-pagination.next-large .next-pagination-item:hover.next-next:not([disabled]) i {
664 color: #333333;
665 color: var(--pagination-arrow-hover-color, #333333); }
666 .next-pagination.next-large.next-arrow-only .next-pagination-item.next-prev, .next-pagination.next-large.next-arrow-only .next-pagination-item.next-next {
667 width: 40px;
668 width: var(--s-10, 40px);
669 padding: 0; }
670 .next-pagination.next-large.next-arrow-only .next-pagination-item.next-prev .next-icon, .next-pagination.next-large.next-arrow-only .next-pagination-item.next-next .next-icon {
671 margin: 0 auto; }
672 .next-pagination.next-large.next-arrow-prev-only .next-pagination-item.next-prev {
673 width: 40px;
674 width: var(--s-10, 40px);
675 padding: 0; }
676 .next-pagination.next-large.next-arrow-prev-only .next-pagination-item.next-prev .next-icon {
677 margin: 0 auto; }
678 .next-pagination.next-large.next-no-border .next-pagination-item.next-prev, .next-pagination.next-large.next-no-border .next-pagination-item.next-next {
679 padding: 0;
680 border: none;
681 background-color: transparent;
682 box-shadow: none; }
683 .next-pagination.next-large.next-no-border .next-pagination-item.next-prev .next-icon, .next-pagination.next-large.next-no-border .next-pagination-item.next-next .next-icon {
684 margin: 0; }
685 .next-pagination.next-large.next-no-border .next-pagination-item.next-prev:not([disabled]):hover i,
686 .next-pagination.next-large.next-no-border .next-pagination-item.next-next:not([disabled]):hover i {
687 color: #5584FF;
688 color: var(--pagination-arrow-hover-color-noboder, #5584FF); }
689 .next-pagination.next-large.next-no-border .next-pagination-display {
690 margin: 0 16px;
691 margin: 0 var(--s-4, 16px); }
692 .next-pagination.next-large.next-mini .next-pagination-item.next-prev {
693 margin-right: 8px;
694 margin-right: var(--s-2, 8px); }
695 .next-pagination.next-large.next-mini .next-pagination-item.next-next {
696 margin-left: 8px;
697 margin-left: var(--s-2, 8px); }
698 .next-pagination-icon-prev::before {
699 content: "";
700 content: var(--pagination-icon-prev-content, ""); }
701 .next-pagination-icon-next::before {
702 content: "";
703 content: var(--pagination-icon-next-content, ""); }
704 .next-pagination-icon-ellipsis::before {
705 content: "";
706 content: var(--pagination-icon-ellipsis-content, ""); }