仰望星辰工作室

better-staridc-MNBT

better-staridc-MNBT/ imsetes/js/bootstrap-select/bootstrap-select.css 12.3 KB · 453 行 原始文件
Z zfhsh first commit 2 天前
1/*!
2 * Bootstrap-select v1.13.17 (https://developer.snapappointments.com/bootstrap-select)
3 *
4 * Copyright 2012-2020 SnapAppointments, LLC
5 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
6 */
7
8@-webkit-keyframes bs-notify-fadeOut {
9 0% {
10 opacity: 0.9;
11 }
12 100% {
13 opacity: 0;
14 }
15}
16@-o-keyframes bs-notify-fadeOut {
17 0% {
18 opacity: 0.9;
19 }
20 100% {
21 opacity: 0;
22 }
23}
24@keyframes bs-notify-fadeOut {
25 0% {
26 opacity: 0.9;
27 }
28 100% {
29 opacity: 0;
30 }
31}
32select.bs-select-hidden,
33.bootstrap-select > select.bs-select-hidden,
34select.selectpicker {
35 display: none !important;
36}
37.bootstrap-select {
38 width: 220px \0;
39 /*IE9 and below*/
40 vertical-align: middle;
41}
42.bootstrap-select > .dropdown-toggle {
43 position: relative;
44 width: 100%;
45 text-align: right;
46 white-space: nowrap;
47 display: -webkit-inline-box;
48 display: -webkit-inline-flex;
49 display: -ms-inline-flexbox;
50 display: inline-flex;
51 -webkit-box-align: center;
52 -webkit-align-items: center;
53 -ms-flex-align: center;
54 align-items: center;
55 -webkit-box-pack: justify;
56 -webkit-justify-content: space-between;
57 -ms-flex-pack: justify;
58 justify-content: space-between;
59}
60.bootstrap-select > .dropdown-toggle:after {
61 margin-top: -1px;
62}
63.bootstrap-select > .dropdown-toggle.bs-placeholder,
64.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
65.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
66.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
67 color: #999;
68}
69.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
70.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
71.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
72.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
73.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
74.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
75.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
76.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
77.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,
78.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
79.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
80.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
81.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
82.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
83.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
84.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
85.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
86.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
87.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
88.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
89.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
90.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
91.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
92.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
93 color: rgba(255, 255, 255, 0.5);
94}
95.bootstrap-select > select {
96 position: absolute !important;
97 bottom: 0;
98 left: 50%;
99 display: block !important;
100 width: 0.5px !important;
101 height: 100% !important;
102 padding: 0 !important;
103 opacity: 0 !important;
104 border: none;
105 z-index: 0 !important;
106}
107.bootstrap-select > select.mobile-device {
108 top: 0;
109 left: 0;
110 display: block !important;
111 width: 100% !important;
112 z-index: 2 !important;
113}
114.has-error .bootstrap-select .dropdown-toggle,
115.error .bootstrap-select .dropdown-toggle,
116.bootstrap-select.is-invalid .dropdown-toggle,
117.was-validated .bootstrap-select select:invalid + .dropdown-toggle {
118 border-color: #b94a48;
119}
120.bootstrap-select.is-valid .dropdown-toggle,
121.was-validated .bootstrap-select select:valid + .dropdown-toggle {
122 border-color: #28a745;
123}
124.bootstrap-select.fit-width {
125 width: auto !important;
126}
127.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
128 width: 220px;
129}
130.bootstrap-select.form-control {
131 margin-bottom: 0;
132 padding: 0;
133 border: none;
134 height: auto;
135}
136:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
137 width: 100%;
138}
139.bootstrap-select.form-control.input-group-btn {
140 float: none;
141 z-index: auto;
142}
143.form-inline .bootstrap-select,
144.form-inline .bootstrap-select.form-control:not([class*="col-"]) {
145 width: auto;
146}
147.bootstrap-select:not(.input-group-btn),
148.bootstrap-select[class*="col-"] {
149 float: none;
150 display: inline-block;
151 margin-left: 0;
152}
153.bootstrap-select.dropdown-menu-right,
154.bootstrap-select[class*="col-"].dropdown-menu-right,
155.row .bootstrap-select[class*="col-"].dropdown-menu-right {
156 float: right;
157}
158.form-inline .bootstrap-select,
159.form-horizontal .bootstrap-select,
160.form-group .bootstrap-select {
161 margin-bottom: 0;
162}
163.form-group-lg .bootstrap-select.form-control,
164.form-group-sm .bootstrap-select.form-control {
165 padding: 0;
166}
167.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
168.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
169 height: 100%;
170 font-size: inherit;
171 line-height: inherit;
172 border-radius: inherit;
173}
174.bootstrap-select.form-control-sm .dropdown-toggle,
175.bootstrap-select.form-control-lg .dropdown-toggle {
176 font-size: inherit;
177 line-height: inherit;
178 border-radius: inherit;
179}
180.bootstrap-select.form-control-sm .dropdown-toggle {
181 padding: 0.25rem 0.5rem;
182}
183.bootstrap-select.form-control-lg .dropdown-toggle {
184 padding: 0.5rem 1rem;
185}
186.form-inline .bootstrap-select .form-control {
187 width: 100%;
188}
189.bootstrap-select.disabled,
190.bootstrap-select > .disabled {
191 cursor: not-allowed;
192}
193.bootstrap-select.disabled:focus,
194.bootstrap-select > .disabled:focus {
195 outline: none !important;
196}
197.bootstrap-select.bs-container {
198 position: absolute;
199 top: 0;
200 left: 0;
201 height: 0 !important;
202 padding: 0 !important;
203}
204.bootstrap-select.bs-container .dropdown-menu {
205 z-index: 1060;
206}
207.bootstrap-select .dropdown-toggle .filter-option {
208 position: static;
209 top: 0;
210 left: 0;
211 float: left;
212 height: 100%;
213 width: 100%;
214 text-align: left;
215 overflow: hidden;
216 -webkit-box-flex: 0;
217 -webkit-flex: 0 1 auto;
218 -ms-flex: 0 1 auto;
219 flex: 0 1 auto;
220}
221.bs3.bootstrap-select .dropdown-toggle .filter-option {
222 padding-right: inherit;
223}
224.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
225 position: absolute;
226 padding-top: inherit;
227 padding-bottom: inherit;
228 padding-left: inherit;
229 float: none;
230}
231.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
232 padding-right: inherit;
233}
234.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
235 overflow: hidden;
236}
237.bootstrap-select .dropdown-toggle .filter-expand {
238 width: 0 !important;
239 float: left;
240 opacity: 0 !important;
241 overflow: hidden;
242}
243.bootstrap-select .dropdown-toggle .caret {
244 position: absolute;
245 top: 50%;
246 right: 12px;
247 margin-top: -2px;
248 vertical-align: middle;
249}
250.input-group .bootstrap-select.form-control .dropdown-toggle {
251 border-radius: inherit;
252}
253.bootstrap-select[class*="col-"] .dropdown-toggle {
254 width: 100%;
255}
256.bootstrap-select .dropdown-menu {
257 min-width: 100%;
258 -webkit-box-sizing: border-box;
259 -moz-box-sizing: border-box;
260 box-sizing: border-box;
261}
262.bootstrap-select .dropdown-menu > .inner:focus {
263 outline: none !important;
264}
265.bootstrap-select .dropdown-menu.inner {
266 position: static;
267 float: none;
268 border: 0;
269 padding: 0;
270 margin: 0;
271 border-radius: 0;
272 -webkit-box-shadow: none;
273 box-shadow: none;
274}
275.bootstrap-select .dropdown-menu li {
276 position: relative;
277}
278.bootstrap-select .dropdown-menu li.active small {
279 color: rgba(255, 255, 255, 0.5) !important;
280}
281.bootstrap-select .dropdown-menu li.disabled a {
282 cursor: not-allowed;
283}
284.bootstrap-select .dropdown-menu li a {
285 cursor: pointer;
286 -webkit-user-select: none;
287 -moz-user-select: none;
288 -ms-user-select: none;
289 user-select: none;
290}
291.bootstrap-select .dropdown-menu li a.opt {
292 position: relative;
293 padding-left: 2.25em;
294}
295.bootstrap-select .dropdown-menu li a span.check-mark {
296 display: none;
297}
298.bootstrap-select .dropdown-menu li a span.text {
299 display: inline-block;
300}
301.bootstrap-select .dropdown-menu li small {
302 padding-left: 0.5em;
303}
304.bootstrap-select .dropdown-menu .notify {
305 position: absolute;
306 bottom: 5px;
307 width: 96%;
308 margin: 0 2%;
309 min-height: 26px;
310 padding: 3px 5px;
311 background: #f5f5f5;
312 border: 1px solid #f2f3f3;
313 pointer-events: none;
314 opacity: 0.9;
315 -webkit-box-sizing: border-box;
316 -moz-box-sizing: border-box;
317 box-sizing: border-box;
318}
319.bootstrap-select .dropdown-menu .notify.fadeOut {
320 -webkit-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
321 -o-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
322 animation: 300ms linear 750ms forwards bs-notify-fadeOut;
323}
324.bootstrap-select .no-results {
325 padding: 3px;
326 background: #f5f5f5;
327 margin: 0 5px;
328 white-space: nowrap;
329}
330.bootstrap-select.fit-width .dropdown-toggle .filter-option {
331 position: static;
332 display: inline;
333 padding: 0;
334}
335.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
336.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
337 display: inline;
338}
339.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
340 content: '\00a0';
341}
342.bootstrap-select.fit-width .dropdown-toggle .caret {
343 position: static;
344 top: auto;
345 margin-top: -1px;
346}
347.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
348 position: absolute;
349 display: inline-block;
350 right: 15px;
351 top: 10px;
352}
353.bootstrap-select.show-tick .dropdown-menu li a span.text {
354 margin-right: 34px;
355}
356.bootstrap-select .bs-ok-default:after {
357 content: '';
358 display: block;
359 width: 0.5em;
360 height: 1em;
361 border-style: solid;
362 border-width: 0 0.13em 0.13em 0;
363 border-color: #4d5259;
364 -webkit-transform-style: preserve-3d;
365 transform-style: preserve-3d;
366 -webkit-transform: rotate(45deg);
367 -ms-transform: rotate(45deg);
368 -o-transform: rotate(45deg);
369 transform: rotate(45deg);
370}
371.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
372.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
373 z-index: 1061;
374}
375.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
376 content: '';
377 border-left: 7px solid transparent;
378 border-right: 7px solid transparent;
379 border-bottom: 7px solid rgba(204, 204, 204, 0.2);
380 position: absolute;
381 bottom: -4px;
382 left: 9px;
383 display: none;
384}
385.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
386 content: '';
387 border-left: 6px solid transparent;
388 border-right: 6px solid transparent;
389 border-bottom: 6px solid white;
390 position: absolute;
391 bottom: -4px;
392 left: 10px;
393 display: none;
394}
395.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
396 bottom: auto;
397 top: -4px;
398 border-top: 7px solid rgba(204, 204, 204, 0.2);
399 border-bottom: 0;
400}
401.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
402 bottom: auto;
403 top: -4px;
404 border-top: 6px solid white;
405 border-bottom: 0;
406}
407.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
408 right: 12px;
409 left: auto;
410}
411.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
412 right: 13px;
413 left: auto;
414}
415.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
416.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
417.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
418.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
419 display: block;
420}
421.bs-searchbox,
422.bs-actionsbox,
423.bs-donebutton {
424 padding: 4px 8px;
425}
426.bs-actionsbox {
427 width: 100%;
428 -webkit-box-sizing: border-box;
429 -moz-box-sizing: border-box;
430 box-sizing: border-box;
431}
432.bs-actionsbox .btn-group button {
433 width: 50%;
434}
435.bs-donebutton {
436 float: left;
437 width: 100%;
438 -webkit-box-sizing: border-box;
439 -moz-box-sizing: border-box;
440 box-sizing: border-box;
441}
442.bs-donebutton .btn-group button {
443 width: 100%;
444}
445.bs-searchbox + .bs-actionsbox {
446 padding: 0 8px 4px;
447}
448.bs-searchbox .form-control {
449 margin-bottom: 0;
450 width: 100%;
451 float: none;
452}
453/*# sourceMappingURL=bootstrap-select.css.map */