PluginProbe
Booking Calendar / 11.8
Booking Calendar v11.8
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 10.11.3 All 202 releases
booking / includes / page-setup / _out / setup_page.css

setup_page.css in Booking Calendar 11.8, at includes/page-setup/_out/setup_page.css

566 lines 15.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wpbc_top_tabs_sub_menu {
2 display: none
3 }
4 .wpbc_header_news {
5 display: none!important
6 }
7 .wpbc_calendar_loading {
8 width: 95%;
9 text-align: center;
10 margin: 2em 0;
11 font-size: 1.2em;
12 font-weight: 600
13 }
14 .wpbc_calendar_loading .wpbc_icn_autorenew::before {
15 font-size: 1.2em
16 }
17 .wpbc_ajx_page__container {
18 display: -ms-flexbox;
19 display: flex;
20 -ms-flex-flow: row wrap;
21 flex-flow: row wrap;
22 -ms-flex-pack: start;
23 justify-content: flex-start;
24 -ms-flex-align: start;
25 align-items: flex-start;
26 margin: 5px 0 0
27 }
28 .wpbc_ajx_page__container .wpbc_ajx_page__section_left {
29 -ms-flex: 0 1 200px;
30 flex: 0 1 200px;
31 display: -ms-flexbox;
32 display: flex;
33 -ms-flex-flow: row wrap;
34 flex-flow: row wrap;
35 -ms-flex-pack: start;
36 justify-content: flex-start;
37 -ms-flex-align: start;
38 align-items: flex-start;
39 margin: 0 30px 10px 0
40 }
41 .wpbc_ajx_page__container .wpbc_ajx_page__section_main {
42 -ms-flex: 1 1 50%;
43 flex: 1 1 50%;
44 display: -ms-flexbox;
45 display: flex;
46 -ms-flex-flow: row wrap;
47 flex-flow: row wrap;
48 -ms-flex-pack: start;
49 justify-content: flex-start;
50 -ms-flex-align: start;
51 align-items: flex-start;
52 margin: 0 0 10px
53 }
54 .wpbc_ajx_page__container .wpbc_ajx_page__section_right {
55 -ms-flex: 0 0 280px;
56 flex: 0 0 280px;
57 display: -ms-flexbox;
58 display: flex;
59 -ms-flex-flow: column wrap;
60 flex-flow: column wrap;
61 -ms-flex-pack: start;
62 justify-content: flex-start;
63 -ms-flex-align: end;
64 align-items: flex-end;
65 margin: 0 0 10px 30px
66 }
67 .wpbc_ajx_page__container .wpbc_ajx_page__section_footer {
68 -ms-flex: 1 1 100%;
69 flex: 1 1 100%;
70 display: -ms-flexbox;
71 display: flex;
72 -ms-flex-flow: row wrap;
73 flex-flow: row wrap;
74 -ms-flex-pack: start;
75 justify-content: flex-start;
76 -ms-flex-align: start;
77 align-items: flex-start;
78 margin: 10px 0
79 }
80 @media screen and (max-width:960px) {
81 .wpbc_ajx_page__container .wpbc_setup_wizard_page__section_left {
82 -ms-flex: 1 1 100%;
83 flex: 1 1 100%;
84 margin: 20px 0;
85 -ms-flex-order: 3;
86 order: 3
87 }
88 }
89 @media (max-width:782px) {
90 .wpbc_ajx_page__container .wpbc_ajx_page__section {
91 -ms-flex: 1 1 100%;
92 flex: 1 1 100%;
93 margin: 0 0 20px
94 }
95 .wpbc_ajx_page__container .wpbc_setup_wizard_page__section_right {
96 -ms-flex-order: 1;
97 order: 1
98 }
99 .wpbc_ajx_page__container .wpbc_setup_wizard_page__section_main {
100 -ms-flex-order: 2;
101 order: 2
102 }
103 .wpbc_ajx_page__container .wpbc_setup_wizard_page__section_left {
104 -ms-flex-order: 3;
105 order: 3
106 }
107 .wpbc_ajx_page__container .wpbc_setup_wizard_page__section_footer {
108 -ms-flex-order: 99;
109 order: 99
110 }
111 }
112 .wpbc__container_place__footer_buttons,
113 .wpbc_page_main_section.wpbc_container_booking_form {
114 display: -ms-flexbox;
115 display: flex;
116 -ms-flex-flow: row wrap;
117 flex-flow: row wrap;
118 -ms-flex-pack: center;
119 justify-content: center;
120 -ms-flex-align: start;
121 align-items: flex-start;
122 -ms-flex: 0 1 85%;
123 flex: 0 1 85%;
124 margin: -15px auto 0;
125 font-size: 15px;
126 line-height: 175%
127 }
128 .wpbc__container_place__footer_buttons {
129 margin-top: 10px
130 }
131 .wpbc__container_place__footer_buttons .wpbc__form__div {
132 width: 100%
133 }
134 .wpbc_setup_wizard_page__section_footer .wpbc_container .button {
135 display: -ms-inline-flexbox;
136 display: inline-flex;
137 -ms-flex-align: center;
138 align-items: center;
139 -ms-flex-pack: center;
140 justify-content: center
141 }
142 .wpbc_setup_wizard_page__section_footer .wpbc_container .button .wpbc_spin {
143 line-height: 50%;
144 -ms-flex-item-align: center;
145 align-self: center
146 }
147 body.wpbc_admin_full_screen .wpbc_ajx_page__container {
148 padding-bottom: 50px
149 }
150 body.wpbc_admin_full_screen .wpbc_setup_wizard_page__section_footer {
151 position: fixed;
152 z-index: 100001;
153 right: 0;
154 bottom: 0;
155 left: 0;
156 box-sizing: border-box;
157 width: auto;
158 margin: 0;
159 padding: 12px 7.5vw;
160 background: #fff;
161 border-top: 1px solid #dcdcde;
162 box-shadow: 0 -3px 10px rgba(0,0,0,.08)
163 }
164 body.wpbc_admin_full_screen .wpbc_setup_wizard_page__section_footer .wpbc__container_place__footer_buttons {
165 margin-top: 0
166 }
167 body.wpbc_admin_full_screen .wpbc_setup_wizard_page__section_footer .wpbc__form__div > hr {
168 display: none
169 }
170 .wpbc__row.wpbc_setup_wizard_page__section_footer .wpbc_container {
171 -ms-flex-pack: end;
172 justify-content: flex-end;
173 -ms-flex-item-align: center;
174 align-self: center
175 }
176 body.wpbc_admin_full_screen .wpbc_setup_wizard_page__section_footer div.wpbc__field {
177 margin: 0
178 }
179 body.wpbc_admin_full_screen .wpbc_setup_wizard_navigation_row {
180 width: 100%;
181 -ms-flex-align: center;
182 align-items: center;
183 gap: 16px
184 }
185 body.wpbc_admin_full_screen .wpbc_setup_wizard_navigation_links {
186 -ms-flex: 1 1 280px;
187 flex: 1 1 280px;
188 display: -ms-flexbox;
189 display: flex;
190 -ms-flex-align: center;
191 align-items: center
192 }
193 body.wpbc_admin_full_screen .wpbc_setup_wizard_navigation_actions {
194 -ms-flex: 0 0 auto;
195 flex: 0 0 auto;
196 display: -ms-flexbox;
197 display: flex;
198 -ms-flex-align: center;
199 align-items: center;
200 -ms-flex-pack: end;
201 justify-content: flex-end;
202 margin-left: auto
203 }
204 body.wpbc_admin_full_screen .wpbc_setup_wizard_navigation_links .wpbc_exit_link_small {
205 margin: 0;
206 -ms-flex-flow: row wrap;
207 flex-flow: row wrap;
208 -ms-flex-pack: start;
209 justify-content: flex-start;
210 -ms-flex-align: center;
211 align-items: center;
212 gap: 6px 18px
213 }
214 body.wpbc_admin_full_screen .wpbc_setup_wizard_navigation_links .wpbc_exit_link_small a {
215 margin: 0;
216 font-size: 12px
217 }
218 body.wpbc_admin_full_screen .wpbc_setup_wizard_page__section_footer .button {
219 display: -ms-inline-flexbox;
220 display: inline-flex;
221 -ms-flex-align: center;
222 align-items: center;
223 -ms-flex-pack: center;
224 justify-content: center;
225 min-height: 40px;
226 padding: 0 16px;
227 font-size: 14px;
228 font-weight: 400;
229 line-height: 2.71428571
230 }
231 body.wpbc_admin_full_screen .wpbc_setup_wizard_page__section_footer #btn__toolbar__buttons_prior {
232 margin-left: auto!important;
233 margin-right: 10px!important
234 }
235 body.wpbc_admin_full_screen .wpbc_setup_wizard_page__section_footer #btn__toolbar__buttons_next {
236 margin: 0!important
237 }
238 @media screen and (max-width:782px) {
239 .wpbc__container_place__footer_buttons.wpbc_container.wpbc_container_booking_form {
240 -ms-flex: 1 1 100%;
241 flex: 1 1 100%
242 }
243 body.wpbc_admin_full_screen .wpbc_setup_wizard_page__section_footer {
244 max-height: 45vh;
245 overflow-y: auto;
246 padding: 10px 12px max(10px,env(safe-area-inset-bottom))
247 }
248 body.wpbc_admin_full_screen .wpbc_setup_wizard_page__section_footer .button {
249 min-height: 40px;
250 padding: 0 12px;
251 font-size: 13px
252 }
253 body.wpbc_admin_full_screen .wpbc_setup_wizard_navigation_row {
254 gap: 8px
255 }
256 body.wpbc_admin_full_screen .wpbc_setup_wizard_navigation_actions,
257 body.wpbc_admin_full_screen .wpbc_setup_wizard_navigation_links {
258 -ms-flex: 1 1 100%;
259 flex: 1 1 100%
260 }
261 }
262 .wpbc_setup_wizard_page_note {
263 font-size: 11px;
264 line-height: 2
265 }
266 .wpbc__row.wpbc_setup_wizard_accept_send_row {
267 max-width: 100%;
268 -ms-flex-align: start;
269 align-items: flex-start
270 }
271 .wpbc__row.wpbc_setup_wizard_accept_send_row .wpbc__field.wpbc_setup_wizard_accept_send_actions .wpbc_exit_link_small a {
272 font-size: 11px
273 }
274 .wpbc_setup_wizard_accept_send_row > .wpbc__field:first-child {
275 -ms-flex: 1 1 440px;
276 flex: 1 1 440px
277 }
278 .wpbc_setup_wizard_accept_send_row .wpbc_setup_wizard_accept_send_actions {
279 -ms-flex: 1 1 50%!important;
280 flex: 1 1 50%!important;
281 margin: 0
282 }
283 .wpbc_setup_wizard_accept_send_row .wpbc_setup_wizard_accept_send_actions .wpbc_exit_link_small {
284 margin: 0;
285 padding: 0;
286 -ms-flex-flow: row wrap;
287 flex-flow: row wrap;
288 gap: 10px;
289 -ms-flex-pack: end;
290 justify-content: flex-end;
291 -ms-flex-align: start;
292 align-items: flex-start
293 }
294 .wpbc_setup_wizard_page_container .wpbc_container_booking_form .wpbc__field .wpbc_ui_radio_choice label:not(.wpbc_static_text):hover {
295 display: inline
296 }
297 .wpbc_setup_wizard_accept_send_row .wpdev-list-item {
298 display: -ms-flexbox;
299 display: flex;
300 -ms-flex-align: start;
301 align-items: flex-start
302 }
303 .wpbc_setup_wizard_accept_send_row .wpdev-checkbox {
304 margin-top: 3px!important
305 }
306 div.wpbc_container.wpbc_form .wpbc_setup_wizard_accept_send_row .wpdev-list-item {
307 display: -ms-flexbox;
308 display: flex;
309 -ms-flex-flow: row nowrap;
310 flex-flow: row nowrap;
311 -ms-flex-align: start;
312 align-items: flex-start;
313 -ms-flex-pack: start;
314 justify-content: flex-start
315 }
316 div.wpbc_container.wpbc_form .wpbc_setup_wizard_accept_send_row .wpdev-list-item > input[type=checkbox] + .wpdev-list-item-label,
317 div.wpbc_container.wpbc_form .wpbc_setup_wizard_accept_send_row label.wpdev-list-item-label {
318 margin: 0;
319 font-size: 11px;
320 font-weight: 400;
321 line-height: 2
322 }
323 .wpbc_exit_link_small {
324 width: 100%;
325 display: -ms-flexbox;
326 display: flex;
327 -ms-flex-flow: column wrap;
328 flex-flow: column wrap;
329 -ms-flex-pack: center;
330 justify-content: center;
331 -ms-flex-align: start;
332 align-items: flex-start
333 }
334 .wpbc_exit_link_small a {
335 font-size: 14px;
336 color: #888;
337 text-decoration: underline
338 }
339 .wpbc_exit_link_small a:active,
340 .wpbc_exit_link_small a:hover {
341 color: #555;
342 text-decoration: underline
343 }
344 .wpbc_exit_link_small a.wpbc_button_danger {
345 color: #c18e8e
346 }
347 .wpbc_exit_link_small a.wpbc_button_danger:active,
348 .wpbc_exit_link_small a.wpbc_button_danger:hover {
349 color: #e65d59
350 }
351 .wpbc_swp_section h1.wpbc_swp_section_header {
352 font-weight: 600;
353 font-size: 26px;
354 margin-bottom: 0;
355 width: 100%
356 }
357 .wpbc_swp_section p.wpbc_swp_section_header_description {
358 font-size: 12px;
359 margin-top: 0
360 }
361 .wpbc_swp_section__welcome h1.wpbc_swp_section_header {
362 text-align: center;
363 margin: 0 auto 10px
364 }
365 div.wpbc_container.wpbc_form .wpbc_swp_section label {
366 margin: 15px 0 8px
367 }
368 .wpbc_swp_section__welcome .wpbc_container_booking_form .wpbc__field label:not(.wpbc_static_text),
369 .wpbc_swp_section__welcome .wpbc_container_booking_form .wpbc__field label:not(.wpbc_static_text):hover {
370 display: -ms-inline-flexbox;
371 display: inline-flex
372 }
373 .wpbc_widgets {
374 width: 100%;
375 display: -ms-flexbox;
376 display: flex;
377 -ms-flex-flow: column wrap;
378 flex-flow: column wrap;
379 -ms-flex-pack: start;
380 justify-content: flex-start;
381 -ms-flex-align: start;
382 align-items: flex-start
383 }
384 .wpbc_widgets .wpbc_widget {
385 margin: 0 0 20px;
386 width: 100%;
387 -ms-flex: 1 1 100%;
388 flex: 1 1 100%;
389 border: 1px solid #ccc;
390 border-radius: 0 0 2px 2px
391 }
392 .wpbc_widget .wpbc_widget_header {
393 width: 100%;
394 height: 44px;
395 border-bottom: 1px solid #ccc;
396 background: #fff;
397 font-weight: 600;
398 text-shadow: none;
399 display: -ms-flexbox;
400 display: flex;
401 -ms-flex-flow: row nowrap;
402 flex-flow: row nowrap;
403 -ms-flex-pack: start;
404 justify-content: flex-start;
405 -ms-flex-align: center;
406 align-items: center
407 }
408 .wpbc_widget .wpbc_widget_header .wpbc_widget_header_text {
409 -ms-flex: 1 1 auto;
410 flex: 1 1 auto;
411 padding: 0 15px
412 }
413 .wpbc_widget .wpbc_widget_header .wpbc_widget_header_settings_link {
414 -ms-flex: 0 0 auto;
415 flex: 0 0 auto;
416 margin-left: auto;
417 border-left: 1px solid #ccc;
418 padding: 5px 10px;
419 color: #0e70b7
420 }
421 .wpbc_widget .wpbc_widget_content {
422 padding: 10px 15px
423 }
424 .wpbc_widget_preview_booking_form.wpbc_widget .wpbc_widget_content {
425 padding-bottom: 70px
426 }
427 .wpbc_shortcode_container {
428 width: 100%;
429 max-width: 880px;
430 min-width: 341px;
431 margin: auto
432 }
433 .wpbc_widget_preview_booking_form .wpbc_widget_content {
434 background: repeating-linear-gradient(-45deg,#f9f9f8 0 3px,#fff 3px 5px)
435 }
436 .wpbc_section_preview_mobile_btn_bar .wpbc_preview_a {
437 text-decoration: none;
438 outline: 0;
439 box-shadow: none;
440 margin: 0 5px;
441 color: #6b96ce
442 }
443 .wpbc_section_preview_mobile_btn_bar .wpbc_preview_a.active,
444 .wpbc_section_preview_mobile_btn_bar .wpbc_preview_a.active:focus {
445 color: #52595f
446 }
447 .wpbc_section_preview_mobile_btn_bar .wpbc_preview_a:focus,
448 .wpbc_section_preview_mobile_btn_bar .wpbc_preview_a:hover {
449 color: #2f76d3;
450 text-decoration: none;
451 outline: 0;
452 box-shadow: none
453 }
454 .wpbc_section_preview_mobile_btn_bar .wpbc_preview_icon::before {
455 font-size: 20px
456 }
457 .wpbc_section_preview_mobile_btn_bar .wpbc_preview_icon.wpbc-bi-display::before,
458 .wpbc_section_preview_mobile_btn_bar .wpbc_preview_icon.wpbc_icn_computer::before {
459 font-size: 21px
460 }
461 .wpbc_center_preview.wpbc_theme_dark_1,
462 .wpbc_widget_preview_booking_form .wpbc_widget_content.wpbc_theme_dark_1 {
463 background: #272727;
464 background: repeating-linear-gradient(-45deg,#383838 0 3px,#2f2f2f 3px 5px);
465 color: #fff
466 }
467 .wpbc_widget_preview_booking_form .wpbc_widget_content.wpbc_theme_dark_1 .wpbc-settings-notice {
468 color: #d7d7ca;
469 background: #595959;
470 box-shadow: 0 1px 3px #313131;
471 border: 0;
472 border-left: 4px solid #9580aa
473 }
474 .wpbc_swp_section__bookings_types {
475 width: 100%
476 }
477 .wpbc_setup_wizard_page_container .wpbc_swp_section__bookings_types {
478 max-width: 960px
479 }
480 .wpbc_setup_mode_choices {
481 gap: 16px
482 }
483 .wpbc_setup_mode_choice {
484 display: -ms-flexbox;
485 display: flex;
486 -ms-flex: 1 1 260px;
487 flex: 1 1 260px;
488 max-width: 300px
489 }
490 .wpbc_setup_mode_choice > .wpbc_ui_radio_container {
491 width: 100%;
492 max-width: none;
493 margin: 10px 0
494 }
495 .wpbc_setup_preferences_heading_row {
496 margin-top: 28px
497 }
498 .wpbc_swp_section h2.wpbc_setup_preferences_heading {
499 width: 100%;
500 margin-bottom: 0;
501 font-size: 24px;
502 font-weight: 600
503 }
504 .wpbc_setup_booking_type_choices {
505 gap: 16px
506 }
507 .wpbc_setup_booking_type_choice {
508 display: -ms-flexbox;
509 display: flex;
510 -ms-flex: 1 1 420px;
511 flex: 1 1 420px;
512 max-width: 440px
513 }
514 .wpbc_setup_booking_type_choice > .wpbc_ui_radio_container {
515 width: 100%;
516 max-width: none;
517 margin: 10px 0
518 }
519 .wpbc_setup_appointment_mode_configuration {
520 display: -ms-flexbox;
521 display: flex;
522 -ms-flex-pack: center;
523 justify-content: center;
524 width: 100%
525 }
526 .wpbc_setup_appointment_summary_plate {
527 width: 100%;
528 max-width: 440px;
529 margin: 10px 0;
530 background: #fff;
531 border-radius: 4px;
532 box-shadow: 0 0 0 2px var(--wp-admin-theme-color,#007cba)
533 }
534 .wpbc_setup_appointment_summary_copy {
535 padding: 16px
536 }
537 .wpbc_setup_appointment_summary_copy strong {
538 font-size: 15px
539 }
540 .wpbc_setup_appointment_summary_copy p {
541 margin: 8px 0 0
542 }
543 .wpbc_setup_appointment_summary_plate .booking_timeslot_picker__get_on_off {
544 padding-top: 16px;
545 border-top: 1px solid #e8e8e8
546 }
547 .wpbc_setup_appointment_summary_plate .booking_timeslot_picker__get_on_off select {
548 width: 100%
549 }
550 .wpbc_container_booking_form .wpbc__field .wpbc_ui_booking_timeslot_picker__get_on_off__div {
551 padding-left: 15px
552 }
553 .wpbc_container_booking_form .wpbc__field .booking_appointments_type__get_on_off label.wpbc-form-radio,
554 .wpbc_container_booking_form .wpbc__field .booking_appointments_type__get_on_off label.wpbc-form-radio:hover {
555 -ms-flex-flow: row nowrap;
556 flex-flow: row nowrap;
557 -ms-flex-pack: start;
558 justify-content: flex-start;
559 -ms-flex-align: center;
560 align-items: center;
561 margin: 10px 0;
562 font-weight: 400
563 }
564 .wpbc_container_booking_form .wpbc__field .booking_appointments_type__get_on_off .wpbc-form-radio input {
565 margin: 0 10px 0 5px
566 }