UNPKG

8.74 kBCSSView Raw
1/*! react-paginations v0.5.5 | (c) 2017 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-paginations */
2.paginations---pagination---2Rb5b {
3 display: inline-block;
4 padding-left: 0;
5 border-radius: 3px;
6 margin: 0;
7}
8.paginations---pagination---2Rb5b > li {
9 display: inline;
10}
11.paginations---pagination---2Rb5b > li > a,
12.paginations---pagination---2Rb5b > li > span {
13 position: relative;
14 float: left;
15 padding: 5px 0;
16 text-decoration: none;
17 color: #222;
18 background-color: #fff;
19 border: 1px solid #ccc;
20 margin-left: -1px;
21 width: 32px;
22 text-align: center;
23}
24.paginations---pagination---2Rb5b > li:first-child > a,
25.paginations---pagination---2Rb5b > li:first-child > span {
26 margin-left: 0;
27 border-top-left-radius: 3px;
28 border-bottom-left-radius: 3px;
29}
30.paginations---pagination---2Rb5b > li:last-child > a,
31.paginations---pagination---2Rb5b > li:last-child > span {
32 border-top-right-radius: 3px;
33 border-bottom-right-radius: 3px;
34}
35.paginations---pagination---2Rb5b > li > a.paginations---fa---2RjFS,
36.paginations---pagination---2Rb5b > li > span.paginations---fa---2RjFS {
37 color: #666;
38}
39.paginations---pagination---2Rb5b > li > a,
40.paginations---pagination---2Rb5b > li > span {
41 cursor: pointer;
42}
43.paginations---pagination---2Rb5b > li > a:hover,
44.paginations---pagination---2Rb5b > li > span:hover,
45.paginations---pagination---2Rb5b > li > a:focus,
46.paginations---pagination---2Rb5b > li > span:focus {
47 z-index: 2;
48 color: #222;
49 background-color: #f4f4f4;
50 border-color: #bbb;
51}
52.paginations---pagination---2Rb5b > li > a:active,
53.paginations---pagination---2Rb5b > .paginations---active---2-a32 > a,
54.paginations---pagination---2Rb5b > .paginations---active---2-a32 > span,
55.paginations---pagination---2Rb5b > li > a:active:hover,
56.paginations---pagination---2Rb5b > .paginations---active---2-a32 > a:hover,
57.paginations---pagination---2Rb5b > .paginations---active---2-a32 > span:hover,
58.paginations---pagination---2Rb5b > li > a:active:focus,
59.paginations---pagination---2Rb5b > .paginations---active---2-a32 > a:focus,
60.paginations---pagination---2Rb5b > .paginations---active---2-a32 > span:focus {
61 z-index: 3;
62 color: #222;
63 background-color: #eee;
64 border-color: #bbb;
65 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
66 box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
67 background-image: none;
68}
69.paginations---pagination---2Rb5b > .paginations---active---2-a32 > a,
70.paginations---pagination---2Rb5b > .paginations---active---2-a32 > span {
71 cursor: default;
72}
73.paginations---pagination---2Rb5b > .paginations---disabled---eCY9b > span,
74.paginations---pagination---2Rb5b > .paginations---disabled---eCY9b > span:hover,
75.paginations---pagination---2Rb5b > .paginations---disabled---eCY9b > span:focus,
76.paginations---pagination---2Rb5b > .paginations---disabled---eCY9b > a,
77.paginations---pagination---2Rb5b > .paginations---disabled---eCY9b > a:hover,
78.paginations---pagination---2Rb5b > .paginations---disabled---eCY9b > a:focus {
79 color: #222;
80 background-color: #fff;
81 border-color: #ccc;
82 cursor: not-allowed;
83 opacity: 0.4;
84 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
85 filter: alpha(opacity=40);
86}
87.paginations---table-pagination---41TU-.paginations---pull-right---2juGH {
88 float: right;
89}
90.paginations---table-pagination---41TU- .paginations---table-pagination-block---Cx6IH {
91 margin-left: 8px;
92 margin-right: 8px;
93}
94.paginations---table-pagination---41TU- .paginations---table-pagination-block---Cx6IH > div {
95 margin-top: 8px;
96 margin-bottom: 8px;
97 margin-left: 8px;
98 margin-right: 8px;
99 float: left;
100}
101.paginations---table-pagination---41TU- .paginations---table-pagination-block---Cx6IH .paginations---pagination---2Rb5b {
102 vertical-align: top;
103}
104.paginations---table-pagination---41TU- .paginations---table-pagination-block---Cx6IH .paginations---pagination-records---YOUAz {
105 color: #666;
106 margin-top: 14px;
107 margin-bottom: 14px;
108}
109.paginations---table-pagination---41TU- .paginations---table-pagination-block---Cx6IH .paginations---pagination-records---YOUAz + .paginations---dropdown---1yvIZ {
110 border-left: 1px solid #ddd;
111}
112.paginations---table-pagination---41TU- .paginations---table-pagination-block---Cx6IH .paginations---dropdown---1yvIZ {
113 padding-left: 16px;
114 margin-top: 14px;
115 margin-bottom: 14px;
116}
117.paginations---table-pagination---41TU- .paginations---table-pagination-block---Cx6IH .paginations---dropdown---1yvIZ .paginations---btn---2jZHN {
118 background-color: transparent;
119 border: 0;
120 border-color: transparent;
121 -webkit-box-shadow: none;
122 box-shadow: none;
123 color: #666;
124 cursor: pointer;
125 line-height: 18px;
126 padding-left: 0;
127 padding-right: 0;
128 text-align: left;
129 text-decoration: none;
130 outline: none;
131}
132.paginations---table-pagination---41TU- .paginations---table-pagination-block---Cx6IH .paginations---dropdown---1yvIZ .paginations---btn---2jZHN .paginations---caret---3CkEt {
133 display: inline-block;
134 width: 0;
135 height: 0;
136 vertical-align: middle;
137 border-top: 4px dashed #666;
138 border-right: 4px solid transparent;
139 border-left: 4px solid transparent;
140 margin-left: 8px;
141}
142.paginations---table-pagination---41TU- .paginations---table-pagination-block---Cx6IH .paginations---dropdown---1yvIZ .paginations---btn---2jZHN:hover {
143 color: #0096cc;
144}
145.paginations---table-pagination---41TU- .paginations---table-pagination-block---Cx6IH .paginations---dropdown---1yvIZ .paginations---btn---2jZHN:hover .paginations---caret---3CkEt {
146 border-top-color: #0096cc;
147}
148.paginations---table-pagination---41TU- .paginations---table-pagination-block---Cx6IH .paginations---dropdown---1yvIZ .paginations---dropdown-menu---1fkH0 {
149 top: 27px;
150 left: 16px;
151}
152.paginations---table-pagination---41TU- .paginations---table-pagination-block---Cx6IH .paginations---pagination-input---2C8oD {
153 color: #666;
154}
155.paginations---table-pagination---41TU- .paginations---table-pagination-block---Cx6IH .paginations---pagination-input---2C8oD input {
156 vertical-align: baseline;
157 margin: 0;
158 min-width: 24px;
159 padding: 5px 4px;
160 text-align: center;
161 border: 1px solid #ccc;
162 border-radius: 3px;
163}
164.paginations---dropdown---1yvIZ {
165 position: relative;
166}
167.paginations---dropdown-menu---1fkH0 {
168 position: absolute;
169 top: 100%;
170 left: 0;
171 z-index: 1000;
172 display: none;
173 float: left;
174 min-width: 0;
175 padding: 8px 0;
176 margin: 0;
177 font-size: 13px;
178 text-align: left;
179 list-style: none;
180 background-color: #fff;
181 -webkit-background-clip: padding;
182 -moz-background-clip: padding;
183 background-clip: padding-box;
184 border: 1px solid #bbb;
185 border-radius: 0;
186 -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
187 box-shadow: 0 2px 6px rgba(0,0,0,0.2);
188}
189.paginations---open---1ju75 > .paginations---dropdown-menu---1fkH0 {
190 display: block;
191}
192.paginations---dropdown-menu---1fkH0 > li > a {
193 display: block;
194 padding: 4px 32px 4px 40px;
195 clear: both;
196 font-weight: normal;
197 line-height: 20px;
198 color: #222;
199 text-decoration: none;
200 white-space: nowrap;
201}
202.paginations---dropdown-menu---1fkH0 > li > a:hover,
203.paginations---dropdown-menu---1fkH0 > li > a:focus {
204 color: #222;
205 text-decoration: none;
206 background-color: #eee;
207}
208.paginations---dropdown-menu---1fkH0 > li.paginations---selected---1EK3y a:before {
209 display: inline-block;
210 width: 16px;
211 height: 20px;
212 margin: 0 8px 0 -24px;
213 vertical-align: top;
214 content: "";
215 background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KPCFbQ0RBVEFbDQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiMwMDk2Q0M7fQ0KXV0+DQo8L3N0eWxlPg0KPGcgaWQ9Imljb25TZWxlY3RDaGVjayI+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMi43LDQuMWMtMC40LTAuNC0xLTAuNC0xLjQsMGwtNS4yLDYuMUw0LjcsNy4zQzQuMyw3LDMuNyw3LDMuMyw3LjNzLTAuNCwxLDAsMS40TDUsMTIuMg0KCQkJYzAsMC4xLDAuMSwwLjIsMC4yLDAuM2wwLjEsMC4yYzAuNCwwLjQsMSwwLjQsMS40LDBjMCwwLDAtMC4xLDAuMS0wLjFsNi03LjFDMTMuMSw1LjEsMTMuMSw0LjUsMTIuNyw0LjF6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=);
216 background-repeat: no-repeat;
217 background-position: 0 2px;
218}
219
220/*# sourceMappingURL=react-paginations.css.map*/
\No newline at end of file