PluginProbe
Booking Calendar / 10.11.3
Booking Calendar v10.11.3
11.8.3 11.8.2 11.8.1 11.8 11.7 11.6.1 11.6 11.5 11.4.3 11.4.2 11.4.1 11.4 11.3 11.2.1 11.2 11.1 11.0 10.15.7 10.15.6 10.1.3 10.10 10.10.1 10.10.2 10.11 10.11.2 All 203 releases
booking / includes / __css / admin / settings / ui_el__choosen.css

ui_el__choosen.css in Booking Calendar 10.11.3, at includes/__css/admin/settings/ui_el__choosen.css

600 lines 16.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* == CHOOSEN_OFFICIAL_CSS_PART ===================================================================================== */
2 /* @group Base */
3 .chzn-container {
4 user-select: none;
5 }
6 .chzn-container * {
7 -webkit-box-sizing: border-box;
8 box-sizing: border-box;
9 }
10 .chzn-container .chzn-drop {
11 position: absolute;
12 top: 100%;
13 z-index: 1010;
14 width: 100%;
15 border: 1px solid #00000030;
16 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.09);
17 margin-top: 1px;
18 border-top: 0;
19 background: #fff;
20 clip: rect(0, 0, 0, 0);
21 -webkit-clip-path: inset(100% 100%);
22 clip-path: inset(100% 100%);
23 }
24 .chzn-container.chzn-with-drop .chzn-drop {
25 clip: auto;
26 -webkit-clip-path: none;
27 clip-path: none;
28 }
29 .chzn-container a {
30 cursor: pointer;
31 }
32 .chzn-container .search-choice .group-name, .chzn-container .chzn-single .group-name {
33 margin-right: 4px;
34 overflow: hidden;
35 white-space: nowrap;
36 text-overflow: ellipsis;
37 font-weight: normal;
38 color: #999999;
39 }
40 .chzn-container .search-choice .group-name:after, .chzn-container .chzn-single .group-name:after {
41 content: ":";
42 padding-left: 2px;
43 vertical-align: top;
44 }
45 /* @end */
46 /* @group Single Chosen */
47 .chzn-container-single .chzn-single {
48 position: relative;
49 display: block;
50 overflow: hidden;
51 padding: 0 0 0 8px;
52 height: 25px;
53 border: 1px solid #aaa;
54 border-radius: 5px;
55 background-color: #fff;
56 background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
57 background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
58 background-clip: padding-box;
59 -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
60 box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
61 color: #444;
62 text-decoration: none;
63 white-space: nowrap;
64 line-height: 24px;
65 }
66 .chzn-container-single .chzn-default {
67 color: #999;
68 }
69 .chzn-container-single .chzn-single span {
70 display: block;
71 overflow: hidden;
72 margin-right: 26px;
73 text-overflow: ellipsis;
74 white-space: nowrap;
75 }
76 .chzn-container-single .chzn-single-with-deselect span {
77 margin-right: 38px;
78 }
79 .chzn-container-single .chzn-single abbr {
80 position: absolute;
81 top: 6px;
82 right: 26px;
83 display: block;
84 width: 12px;
85 height: 12px;
86 /*background: url("chzn-sprite.png") -42px 1px no-repeat;*/
87 font-size: 1px;
88 }
89 .chzn-container-single .chzn-single abbr:hover {
90 background-position: -42px -10px;
91 }
92 .chzn-container-single.chzn-disabled .chzn-single abbr:hover {
93 background-position: -42px -10px;
94 }
95 .chzn-container-single .chzn-single div {
96 position: absolute;
97 top: 0;
98 right: 0;
99 display: block;
100 width: 18px;
101 height: 100%;
102 }
103 .chzn-container-single .chzn-single div b {
104 display: block;
105 width: 100%;
106 height: 100%;
107 /*background: url("chzn-sprite.png") no-repeat 0px 2px;*/
108 }
109 .chzn-container-single .chzn-search {
110 position: relative;
111 z-index: 1010;
112 margin: 0;
113 padding: 3px 4px;
114 white-space: nowrap;
115 }
116 .chzn-container-single .chzn-search input[type="text"] {
117 margin: 1px 0;
118 padding: 4px 20px 4px 5px;
119 width: 100%;
120 height: auto;
121 outline: 0;
122 border: 1px solid #aaa;
123 /*background: url("chzn-sprite.png") no-repeat 100% -20px;*/
124 font-size: 1em;
125 font-family: sans-serif;
126 line-height: normal;
127 border-radius: 0;
128 }
129 .chzn-container-single .chzn-drop {
130 margin-top: -1px;
131 border-radius: 0 0 4px 4px;
132 background-clip: padding-box;
133 }
134 .chzn-container-single.chzn-container-single-nosearch .chzn-search {
135 position: absolute;
136 clip: rect(0, 0, 0, 0);
137 -webkit-clip-path: inset(100% 100%);
138 clip-path: inset(100% 100%);
139 }
140 /* @end */
141 /* @group Results */
142 .chzn-container .chzn-results {
143 color: #444;
144 position: relative;
145 overflow-x: hidden;
146 overflow-y: auto;
147 margin: 0 4px 4px 0;
148 padding: 0 0 0 4px;
149 max-height: 240px;
150 -webkit-overflow-scrolling: touch;
151 }
152 .chzn-container .chzn-results li {
153 display: none;
154 margin: 0;
155 padding: 5px 6px;
156 list-style: none;
157 line-height: 1.5em;
158 word-wrap: break-word;
159 -webkit-touch-callout: none;
160 }
161 .chzn-container .chzn-results li.active-result {
162 display: list-item;
163 cursor: pointer;
164 }
165 .chzn-container .chzn-results li.disabled-result {
166 display: list-item;
167 color: #ccc;
168 cursor: default;
169 }
170 .chzn-container .chzn-results li.no-results {
171 color: #777;
172 display: list-item;
173 background: #f4f4f4;
174 }
175 .chzn-container .chzn-results li.group-result {
176 display: list-item;
177 font-weight: bold;
178 cursor: default;
179 }
180 .chzn-container .chzn-results li.group-option {
181 padding-left: 15px;
182 }
183 .chzn-container .chzn-results li em {
184 font-style: normal;
185 text-decoration: underline;
186 }
187 /* @end */
188 /* @group Multi Chosen */
189 .chzn-container-multi .chzn-choices {
190 position: relative;
191 overflow: hidden;
192 margin: 0;
193 padding: 0 5px;
194 width: 100%;
195 height: auto;
196 border: 1px solid #aaa;
197 background-color: #fff;
198 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
199 background-image: linear-gradient(#eee 1%, #fff 15%);
200 cursor: text;
201 }
202 .chzn-container-multi .chzn-choices li {
203 float: left;
204 list-style: none;
205 }
206 .chzn-container-multi .chzn-choices li.search-field {
207 margin: 0;
208 padding: 0;
209 white-space: nowrap;
210 }
211 .chzn-container-multi .chzn-choices li.search-field input[type="text"] {
212 margin: 1px 0;
213 padding: 0;
214 height: 25px;
215 outline: 0;
216 border: 0 !important;
217 background: transparent !important;
218 -webkit-box-shadow: none;
219 box-shadow: none;
220 color: #999;
221 font-size: 100%;
222 font-family: sans-serif;
223 line-height: normal;
224 border-radius: 0;
225 width: 25px;
226 }
227 .chzn-container-multi .chzn-choices li.search-choice {
228 position: relative;
229 margin: 3px 5px 3px 0;
230 padding: 3px 20px 3px 5px;
231 border: 1px solid #aaa;
232 max-width: 100%;
233 border-radius: 3px;
234 background-color: #eeeeee;
235 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
236 background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
237 background-size: 100% 19px;
238 background-repeat: repeat-x;
239 background-clip: padding-box;
240 -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
241 box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
242 color: #333;
243 line-height: 13px;
244 cursor: default;
245 }
246 .chzn-container-multi .chzn-choices li.search-choice span {
247 word-wrap: break-word;
248 text-overflow: ellipsis;
249 overflow: hidden;
250 }
251 .chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
252 margin: 0 0 0 11px;
253 position: relative;
254 color: #595959;
255 }
256 .chzn-container-multi .chzn-choices .search-choice a.search-choice-close:before{
257 font-family: 'wpbc-material-icons';
258 display: inline-block;
259 font-variant: normal;
260 font-weight: normal;
261 font-style: normal;
262 font-size: 16px;
263 line-height: 1;
264 letter-spacing: normal;
265 text-transform: none;
266 white-space: nowrap;
267 word-wrap: normal;
268 direction: ltr;
269 vertical-align: -.20125em;
270 font-feature-settings: 'liga';
271 -moz-font-feature-settings: 'liga';
272 -webkit-font-smoothing: antialiased;
273 text-rendering: optimizeLegibility;
274 -moz-osx-font-smoothing: grayscale;
275
276 content: "\e5cd";
277
278 font-size: 13px;
279 margin: 1px 0 0;
280 }
281 .chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover {
282 background-position: -42px -10px;
283 }
284 .chzn-container-multi .chzn-choices li.search-choice-disabled {
285 padding-right: 5px;
286 border: 1px solid #ccc;
287 background-color: #e4e4e4;
288 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
289 background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
290 color: #666;
291 }
292 .chzn-container-multi .chzn-choices li.search-choice-focus {
293 background: #d4d4d4;
294 }
295 .chzn-container-multi .chzn-choices li.search-choice-focus .search-choice-close {
296 background-position: -42px -10px;
297 }
298 .chzn-container-multi .chzn-results {
299 margin: 0;
300 padding: 0;
301 }
302 .chzn-container-multi .chzn-drop .result-selected {
303 display: list-item;
304 color: #ccc;
305 cursor: default;
306 }
307 /* @end */
308 /* @group Active */
309 .chzn-container-active .chzn-single {
310 border: 1px solid #5897fb;
311 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
312 box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
313 }
314 .chzn-container-active.chzn-with-drop .chzn-single {
315 border: 1px solid #aaa;
316 border-bottom-right-radius: 0;
317 border-bottom-left-radius: 0;
318 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
319 background-image: linear-gradient(#eee 20%, #fff 80%);
320 -webkit-box-shadow: 0 1px 0 #fff inset;
321 box-shadow: 0 1px 0 #fff inset;
322 }
323 .chzn-container-active.chzn-with-drop .chzn-single div {
324 border-left: none;
325 background: transparent;
326 }
327 .chzn-container-active.chzn-with-drop .chzn-single div b {
328 background-position: -18px 2px;
329 }
330 .chzn-container-active .chzn-choices li.search-field input[type="text"] {
331 color: #222 !important;
332 }
333 /* @end */
334 /* @group Disabled Support */
335 .chzn-disabled {
336 opacity: 0.5 !important;
337 cursor: default;
338 }
339 .chzn-disabled .chzn-single {
340 cursor: default;
341 }
342 .chzn-disabled .chzn-choices .search-choice .search-choice-close {
343 cursor: default;
344 }
345 /* @end */
346 /* @group Right to Left */
347 .chzn-rtl {
348 text-align: right;
349 }
350 .chzn-rtl .chzn-single {
351 overflow: visible;
352 padding: 0 8px 0 0;
353 }
354 .chzn-rtl .chzn-single span {
355 margin-right: 0;
356 margin-left: 26px;
357 direction: rtl;
358 }
359 .chzn-rtl .chzn-single-with-deselect span {
360 margin-left: 38px;
361 }
362 .chzn-rtl .chzn-single div {
363 right: auto;
364 left: 3px;
365 }
366 .chzn-rtl .chzn-single abbr {
367 right: auto;
368 left: 26px;
369 }
370 .chzn-rtl .chzn-choices li {
371 float: right;
372 }
373 .chzn-rtl .chzn-choices li.search-field input[type="text"] {
374 direction: rtl;
375 }
376 .chzn-rtl .chzn-choices li.search-choice {
377 margin: 3px 5px 3px 0;
378 padding: 3px 5px 3px 19px;
379 }
380 .chzn-rtl .chzn-choices li.search-choice .search-choice-close {
381 right: auto;
382 left: 4px;
383 }
384 .chzn-rtl.chzn-container-single .chzn-results {
385 margin: 0 0 4px 4px;
386 padding: 0 4px 0 0;
387 }
388 .chzn-rtl .chzn-results li.group-option {
389 padding-right: 15px;
390 padding-left: 0;
391 }
392 .chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div {
393 border-right: none;
394 }
395 .chzn-rtl .chzn-search input[type="text"] {
396 padding: 4px 5px 4px 20px;
397 /*background: url("chzn-sprite.png") no-repeat -30px -20px;*/
398 direction: rtl;
399 }
400 .chzn-rtl.chzn-container-single .chzn-single div b {
401 background-position: 6px 2px;
402 }
403 .chzn-rtl.chzn-container-single.chzn-with-drop .chzn-single div b {
404 background-position: -12px 2px;
405 }
406 /* @end */
407 /* @group Retina compatibility */
408 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
409 .chzn-rtl .chzn-search input[type="text"],
410 .chzn-container-single .chzn-single abbr,
411 .chzn-container-single .chzn-single div b,
412 .chzn-container-single .chzn-search input[type="text"],
413 .chzn-container-multi .chzn-choices .search-choice .search-choice-close,
414 .chzn-container .chzn-results-scroll-down span,
415 .chzn-container .chzn-results-scroll-up span {
416 background-size: 52px 37px !important;
417 background-repeat: no-repeat !important;
418 }
419 }
420 /* @end */
421
422 /* == CHOOSEN ======================================================================================================= */
423 .wpbc_ui_el__choosen {
424 --wpbc_form-button-background-color: #066aab;
425 display: flex;
426 flex-flow: row nowrap;
427 justify-content: flex-start;
428 align-items: flex-start;
429 margin: 0;
430 }
431 .chzn-container {
432 box-shadow: none;
433 border: 1px solid #00000030;
434 box-sizing: border-box;
435 display: flex;
436 flex-flow: row wrap;
437 justify-content: flex-start;
438 align-items: flex-start;
439 width: auto !important;
440 min-width: 100%;
441 margin: 0;
442 position: relative;
443 border-radius: 2px;
444 background: #fff;
445 }
446 .wpbc_ui_el__choosen .chzn-container-multi .chzn-choices {
447 flex: 0 1 auto;
448 display: flex;
449 flex-flow: row wrap;
450 justify-content: flex-start;
451 align-items: flex-start;
452 padding: 0 80px 0 0;
453 border: 0;
454 border-radius: 0;
455 background: 0 0;
456 }
457 .wpbc_ui_el__choosen .chzn-container-multi .chzn-choices li.search-choice {
458 margin: 5px;
459 border: 0;
460 box-shadow: none;
461 line-height: 1;
462 padding: 5px 6px 5px 8px;
463 font-size: 13px;
464 display: flex;
465 flex-flow: row nowrap;
466 justify-content: flex-start;
467 align-items: first baseline;
468 width: auto;
469 box-sizing: content-box;
470 background: #6b96ce !important;
471 color: #fff !important;
472 }
473 .wpbc_ui_el__choosen .chzn-container-multi .chzn-choices .search-field {
474 flex: 1 1 1%;
475 align-self: stretch;
476 }
477 .wpbc_ui_el__choosen .chzn-container-multi .chzn-choices li.search-field input[type=text] {
478 height: 35px;
479 padding: 0 10px;
480 font-size: 14px;
481 width: auto;
482 }
483 .wpbc_ui_el__choosen .chzn-container-multi .chzn-choices .search-choice a.search-choice-close {
484 color: #fff !important;
485 }
486 .wpbc_ui_el__choosen .chzn-container-multi .chzn-choices .search-choice a.search-choice-close::before {
487 font-size: 15px;
488 }
489 .wpbc_ui_el__choosen .chzn-container-multi .chzn-results {
490 scrollbar-width: thin;
491 }
492 .wpbc_ui_el__choosen .chzn-container-multi.chzn-container-active {
493 border-width: 1px;
494 border-style: solid;
495 border-color: var(--wpbc_form-button-background-color) !important;
496 box-shadow: 0 0 0 1.2px var(--wpbc_form-button-background-color), 0 1px 2px rgba(0, 0, 0, .15) !important;
497 }
498 .wpbc_ui_el__choosen .chzn-right-buttons {
499 float: left;
500 margin: 0 0 0 -100px;
501 }
502 /* Timeline and Booking Listing */
503 .wpbc_ui_el__choosen .wpbc_ui_el__choosen_reset_buttons {
504 z-index: 1;
505 padding: 0;
506 margin: 0 0 0 -72px;
507 display: flex;
508 flex-flow: row nowrap;
509 align-items: center;
510 justify-content: flex-start;
511 align-self: center;
512 display: none;
513 }
514 .wpbc_ui_el__choosen .wpbc_ui_el__choosen_reset_buttons a {
515 padding: 0 9px;
516 cursor: pointer;
517 box-sizing: content-box;
518 }
519 .wpbc_ui_el__choosen .wpbc_ui_el__choosen_reset_buttons a:last-child {
520 border-left: 1px solid #bebebe;
521 }
522 .wpbc_ui_el__choosen .wpbc_ui_el__choosen_reset_buttons .wpbc_icn_close::before,
523 .wpbc_ui_el__choosen .wpbc_ui_el__choosen_reset_buttons .wpbc_icn_refresh::before {
524 font-size: 18px;
525 color: #036aab;
526 }
527 /* Booking Listing only */
528 .wpbc_page_tab__vm_booking_listing .wpbc_ui_el__choosen .wpbc_ui_el__choosen_reset_buttons {
529 margin: 0 0 0 -38px;
530 }
531 .wpbc_ui_el__choosen .chzn-container-multi .chzn-choices {
532 /*height: auto !important;*/
533 /*border-radius: 2px 0 0 2px;*/
534 /*min-height: 28px;*/
535 align-self: center;
536 }
537 .wpbc_ui_el__choosen .chzn-container-multi .chzn-choices .search-field input {
538 height: 26px;
539 line-height: 14px;
540 font-size: 12px;
541 margin: 0;
542 padding: 0 0 0 10px;
543 }
544 .wpbc_ui_el__choosen .chzn-container-multi .chzn-choices .search-choice {
545 white-space: nowrap;
546 background: #eee;
547 margin: 4px 0 0 5px;
548 padding: 2px 20px 0 5px;
549 }
550 .wpbc_ui_el__choosen .chzn-container-multi .chzn-choices .search-choice a.search-choice-close0 {
551 background: 0 0;
552 display: inline-block;
553 font-family: "Glyphicons Halflings";
554 font-style: normal;
555 font-weight: 400;
556 font-size: 9px;
557 line-height: 1;
558 position: relative;
559 top: 1px;
560 left: 12px;
561 color: #555;
562 text-decoration: none;
563 }
564 .wpbc_ui_el__choosen .chzn-container-multi .chzn-choices .search-choice a.search-choice-close0:hover {
565 text-decoration: none;
566 }
567 .wpbc_ui_el__choosen .chzn-container-multi .chzn-choices .search-choice a.search-choice-close0:before {
568 content: "\e014";
569 }
570 .wpbc_ui_el__choosen .chzn-container {
571 font-weight: 400;
572 font-size: 14px;
573 align-self: stretch;
574 }
575 .wpbc_ui_el__choosen .chzn-container .chzn-results .highlighted {
576 background: #6b96ce;
577 color: #fff ;
578 }
579 @media (max-width: 782px) {
580 .wpbc_ui_el__choosen .chzn-container-multi .chzn-choices {
581 min-height: 34px !important;
582 display: flex;
583 flex-flow: row wrap;
584 justify-content: flex-start;
585 align-items: center;
586 }
587 .wpbc_ui_el__choosen .chzn-container-multi .chzn-choices .search-choice {
588 margin: 5px 0 1px 5px;
589 padding: 4px 20px 3px 5px;
590 }
591 }
592
593 .bookingpage .wpdevelop .wpbc_ui_el__choosen a.chzn-single {
594 height: 23px;
595 margin-top: 2px;
596 }
597 /* In Timline */
598 .wpbc_page_tab__vm_calendar .wpbc_ui_el__choosen {
599 margin: 0 0 20px;
600 }