UNPKG

10.3 kBCSSView Raw
1@charset "UTF-8";
2/**
3 * @author zhixin wen <wenzhixin2010@gmail.com>
4 * https://github.com/wenzhixin/bootstrap-table/
5 * theme: https://github.com/jgthms/bulma/
6 */
7.bootstrap-table .fixed-table-toolbar:after {
8 content: "";
9 display: block;
10 clear: both;
11}
12.bootstrap-table .fixed-table-toolbar .bs-bars,
13.bootstrap-table .fixed-table-toolbar .search,
14.bootstrap-table .fixed-table-toolbar .columns {
15 position: relative;
16 margin-top: 10px;
17 margin-bottom: 10px;
18}
19.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group {
20 display: inline-block;
21 margin-left: -1px !important;
22}
23.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group:first-child > .btn {
24 border-top-left-radius: 4px;
25 border-bottom-left-radius: 4px;
26}
27.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group:last-child > .btn {
28 border-top-right-radius: 4px;
29 border-bottom-right-radius: 4px;
30}
31.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group > .btn {
32 border-radius: 0;
33}
34.bootstrap-table .fixed-table-toolbar .columns .dropdown-menu {
35 text-align: left;
36 max-height: 300px;
37 overflow: auto;
38}
39.bootstrap-table .fixed-table-toolbar .columns label {
40 display: block;
41 padding: 3px 20px;
42 clear: both;
43 font-weight: normal;
44 line-height: 1.428571429;
45}
46.bootstrap-table .fixed-table-toolbar .columns-left {
47 margin-right: 5px;
48}
49.bootstrap-table .fixed-table-toolbar .columns-right {
50 margin-left: 5px;
51}
52.bootstrap-table .fixed-table-toolbar .pull-right .dropdown-menu {
53 right: 0;
54 left: auto;
55}
56.bootstrap-table .fixed-table-container {
57 position: relative;
58 clear: both;
59}
60.bootstrap-table .fixed-table-container.fixed-height:not(.has-footer) {
61 border-bottom: 1px solid #dbdbdb;
62}
63.bootstrap-table .fixed-table-container.fixed-height .fixed-table-border {
64 border-left: 1px solid #dbdbdb;
65 border-right: 1px solid #dbdbdb;
66}
67.bootstrap-table .fixed-table-container.fixed-height .table thead th {
68 border-bottom: 1px solid #dbdbdb;
69}
70.bootstrap-table .fixed-table-container.fixed-height .table-dark thead th {
71 border-bottom: 1px solid #32383e;
72}
73.bootstrap-table .fixed-table-container .fixed-table-header {
74 overflow: hidden;
75}
76.bootstrap-table .fixed-table-container .fixed-table-body {
77 overflow-x: auto;
78 overflow-y: auto;
79 height: 100%;
80}
81.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading {
82 align-items: center;
83 background: #fff;
84 display: none;
85 justify-content: center;
86 position: absolute;
87 bottom: 0;
88 width: 100%;
89 z-index: 1000;
90}
91.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap {
92 align-items: baseline;
93 display: flex;
94 justify-content: center;
95}
96.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .loading-text {
97 font-size: 2rem;
98 margin-right: 6px;
99}
100.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap {
101 align-items: center;
102 display: flex;
103 justify-content: center;
104}
105.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot,
106.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap:after,
107.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap:before {
108 content: "";
109 animation-duration: 1.5s;
110 animation-iteration-count: infinite;
111 animation-name: LOADING;
112 background: #363636;
113 border-radius: 50%;
114 display: block;
115 height: 5px;
116 margin: 0 4px;
117 opacity: 0;
118 width: 5px;
119}
120.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot {
121 animation-delay: 0.3s;
122}
123.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap:after {
124 animation-delay: 0.6s;
125}
126.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark {
127 background: #363636;
128}
129.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-dot,
130.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap:after,
131.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap:before {
132 background: #fff;
133}
134.bootstrap-table .fixed-table-container .table {
135 width: 100%;
136 margin-bottom: 0 !important;
137}
138.bootstrap-table .fixed-table-container .table th,
139.bootstrap-table .fixed-table-container .table td {
140 vertical-align: middle;
141 box-sizing: border-box;
142}
143.bootstrap-table .fixed-table-container .table thead th {
144 vertical-align: bottom;
145 padding: 0;
146 margin: 0;
147}
148.bootstrap-table .fixed-table-container .table thead th:focus {
149 outline: 0 solid transparent;
150}
151.bootstrap-table .fixed-table-container .table thead th.detail {
152 width: 30px;
153}
154.bootstrap-table .fixed-table-container .table thead th .th-inner {
155 padding: 0.75rem;
156 vertical-align: bottom;
157 overflow: hidden;
158 text-overflow: ellipsis;
159 white-space: nowrap;
160}
161.bootstrap-table .fixed-table-container .table thead th .sortable {
162 cursor: pointer;
163 background-position: right;
164 background-repeat: no-repeat;
165 padding-right: 30px;
166}
167.bootstrap-table .fixed-table-container .table thead th .both {
168 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");
169}
170.bootstrap-table .fixed-table-container .table thead th .asc {
171 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==");
172}
173.bootstrap-table .fixed-table-container .table thead th .desc {
174 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ");
175}
176.bootstrap-table .fixed-table-container .table tbody tr.selected td {
177 background-color: #fafafa;
178}
179.bootstrap-table .fixed-table-container .table tbody tr.no-records-found {
180 text-align: center;
181}
182.bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-title {
183 font-weight: bold;
184 display: inline-block;
185 min-width: 30%;
186 text-align: left !important;
187}
188.bootstrap-table .fixed-table-container .table .bs-checkbox {
189 text-align: center;
190}
191.bootstrap-table .fixed-table-container .table input[type=radio],
192.bootstrap-table .fixed-table-container .table input[type=checkbox] {
193 margin: 0 auto !important;
194}
195.bootstrap-table .fixed-table-container .table.table-sm .th-inner {
196 padding: 0.3rem;
197}
198.bootstrap-table .fixed-table-container .fixed-table-footer {
199 overflow: hidden;
200}
201.bootstrap-table .fixed-table-pagination:after {
202 content: "";
203 display: block;
204 clear: both;
205}
206.bootstrap-table .fixed-table-pagination > .pagination-detail,
207.bootstrap-table .fixed-table-pagination > .pagination {
208 margin-top: 10px;
209 margin-bottom: 10px;
210}
211.bootstrap-table .fixed-table-pagination > .pagination-detail .pagination-info {
212 line-height: 34px;
213 margin-right: 5px;
214}
215.bootstrap-table .fixed-table-pagination > .pagination-detail .page-list {
216 display: inline-block;
217}
218.bootstrap-table .fixed-table-pagination > .pagination-detail .page-list .btn-group {
219 position: relative;
220 display: inline-block;
221 vertical-align: middle;
222}
223.bootstrap-table .fixed-table-pagination > .pagination-detail .page-list .btn-group .dropdown-menu {
224 margin-bottom: 0;
225}
226.bootstrap-table .fixed-table-pagination > .pagination ul.pagination {
227 margin: 0;
228}
229.bootstrap-table .fixed-table-pagination > .pagination ul.pagination a {
230 padding: 6px 12px;
231 line-height: 1.428571429;
232}
233.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a {
234 color: #c8c8c8;
235}
236.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a:before {
237 content: "⬅";
238}
239.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a:after {
240 content: "➡";
241}
242.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.disabled a {
243 pointer-events: none;
244 cursor: default;
245}
246.bootstrap-table.fullscreen {
247 position: fixed;
248 top: 0;
249 left: 0;
250 z-index: 1050;
251 width: 100% !important;
252 background: #FFF;
253}
254
255/* calculate scrollbar width */
256div.fixed-table-scroll-inner {
257 width: 100%;
258 height: 200px;
259}
260
261div.fixed-table-scroll-outer {
262 top: 0;
263 left: 0;
264 visibility: hidden;
265 width: 200px;
266 height: 150px;
267 overflow: hidden;
268}
269
270@keyframes LOADING {
271 0% {
272 opacity: 0;
273 }
274 50% {
275 opacity: 1;
276 }
277 to {
278 opacity: 0;
279 }
280}
281.bootstrap-table .float-left {
282 float: left;
283}
284.bootstrap-table .float-right {
285 float: right;
286}
287.bootstrap-table .fixed-table-toolbar .search input {
288 width: auto;
289}
290.bootstrap-table .fixed-table-toolbar .columns {
291 margin-right: 0;
292}
293.bootstrap-table .fixed-table-toolbar .keep-open.button.dropdown {
294 padding: 0;
295 margin: 0;
296 border: 0;
297}
298.bootstrap-table .fixed-table-toolbar .keep-open.button.dropdown .button {
299 border-bottom-left-radius: 0;
300 border-top-left-radius: 0;
301 border-bottom-right-radius: 4px;
302 border-top-right-radius: 4px;
303 margin-right: 0;
304}
305.bootstrap-table .fixed-table-toolbar .keep-open.button.dropdown .dropdown-content {
306 box-shadow: none;
307 border: 1px solid #dbdbdb;
308}
309.bootstrap-table .fixed-table-toolbar .keep-open.button.dropdown label.dropdown-item {
310 padding: 5px 20px;
311}
312.bootstrap-table .fixed-table-pagination .ui.dropdown {
313 vertical-align: middle;
314}
315.bootstrap-table .fixed-table-pagination .is-up .fa-angle-down:before {
316 content: "";
317}
318.bootstrap-table .fixed-table-pagination .pagination-link.disabled {
319 background-color: #dbdbdb;
320 border-color: #dbdbdb;
321 box-shadow: none;
322 color: #7a7a7a;
323 opacity: 0.5;
324 cursor: not-allowed;
325}
326
327/*# sourceMappingURL=bootstrap-table-bulma.css.map */