PluginProbe
Booking Calendar / 10.1.3
Booking Calendar v10.1.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 / css / admin.css

admin.css in Booking Calendar 10.1.3, at css/admin.css

678 lines 19.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * @version 1.0
3 * @package: Booking Calendar
4 * @category: Admin Pages only
5 * @author wpdevelop
6 *
7 * @web-site https://wpbookingcalendar.com/
8 * @email info@wpbookingcalendar.com
9 *
10 * @modified 2015-04-11, 2024-05-31
11 */
12
13 /* Top level menu for WPBC */
14 /*#adminmenu #toplevel_page_wpbc .wp-submenu li:nth-child(5) a {*/
15 #0000adminmenu #toplevel_page_wpbc .wp-submenu li:nth-last-child(-n+1) a {
16 /*border-top: 1px solid #444;*/
17 /*padding-top: 10px;*/
18 /*margin-top: 6px;*/
19 /*font-weight: 600;*/
20 /*font-size: 0.9em;*/
21 border-top: 1px solid #444;
22 padding-top: 10px;
23 margin-top: 6px;
24 font-weight: 600;
25 font-size: 1em;
26 }
27 #wpbc-admin-page.wpbc_page {} /* Booking Listing & Timeline */
28 #wpbc-new-admin-page.wpbc_page {} /* Add New Booking */
29 #wpbc-resources-admin-page.wpbc_page {} /* Resources */
30 #wpbc-settings-admin-page.wpbc_page {} /* Settings */
31
32 /* Form elements - add new client */
33 #wpbc-new-admin-page label.wpbc-form-checkbox {
34 margin: 7px 10px 7px 0;
35 vertical-align: middle;
36 line-height: 1.2em;
37 height: 1.2em;
38 }
39 #wpbc-new-admin-page label.wpbc-form-checkbox input[type=checkbox] {
40 margin:-3px 5px 0 0;
41 vertical-align: middle;
42 }
43 #wpbc-new-admin-page label.wpbc-form-radio {
44 margin: 7px 10px 7px 0;
45 vertical-align: middle;
46 line-height: 1.5em;
47 height: 1.5em;
48 }
49 #wpbc-new-admin-page label.wpbc-form-radio input[type=radio] {
50 margin:-3px 5px 0 0;
51 vertical-align: middle;
52 }
53
54 /* Selection of booking resources */
55 .visibility_container select option.wpbc_single_resource,
56 select option.wpbc_single_resource{
57 padding:3px;
58 font-weight:600;
59 }
60 .visibility_container select option.wpbc_parent_resource,
61 select option.wpbc_parent_resource{
62 font-weight:600;
63 padding:3px;
64 }
65 .visibility_container select option.wpbc_child_resource,
66 select option.wpbc_child_resource{
67 padding:3px 0 3px 20px;
68 font-weight: 400
69 }
70
71 /* Shortcodes */
72 #wpbc-settings-admin-page .description code {
73 font-style: normal;
74 background: #8e9faa;
75 color: #fff;
76 padding: 2px 5px 3px;
77 border-radius: 2px;
78 -webkit-user-select: all; /* Covers Blink-land & Firefox (yup) */
79 user-select: all; /* Someday */
80 line-height: 2.1;
81 }
82 #wpbc-settings-admin-page .description code:hover{
83
84 }
85 /* General Booking Settings page */
86 #wpbc-settings-admin-page .form-table .description {
87 font-size: 14px;
88 line-height: 2em;
89 }
90 #wpbc-settings-admin-page .form-table span.description{
91 padding: 0 10px;
92 }
93 #wpbc-settings-admin-page .wpbc_sub_settings_grayed{
94 background-color: #f3f3f3;
95 }
96 #wpbc-settings-admin-page .wpbc_sub_settings_grayed th{
97 padding: 10px 0 0 20px;
98 }
99 #wpbc-settings-admin-page .wpbc_sub_settings_grayed td fieldset{
100 padding: 0 20px;
101 }
102 #wpbc-settings-admin-page .wpbc_tr_set_gen_booking_range_selection_days_count,
103 #wpbc-settings-admin-page .wpbc_tr_set_gen_booking_range_selection_days_count_dynamic{
104 border-top: 2px dashed #d5d5d5;
105 }
106 #wpbc-settings-admin-page .wpbc_tr_set_gen_booking_range_start_day_week td{
107 padding-top:0;
108 }
109 #wpbc-settings-admin-page .wpbc_tr_set_gen_booking_range_start_day_week th {
110 padding:0;
111 height: 1px;
112 }
113 #wpbc-settings-admin-page .wpbc_expand_section_link,
114 #wpbc-settings-admin-page a.wpbc_expand_section_link:hover,
115 #wpbc-settings-admin-page a.wpbc_expand_section_link:focus {
116 color:#21759b;
117 cursor: pointer;
118 outline: 0;
119 border:none;
120 border-bottom:1px dashed #21759B;
121 text-decoration: none;
122 }
123 /* Warning message in Demo version */
124 .wpbc_demo_test_version_warning {
125 background: #fee;
126 border: none;
127 border-left: 3px solid #c77 !important;
128 border-radius: 2px;
129 font-size: 0.85em;
130 margin: 0;
131 text-align: left;
132 color: #AA4400;
133 text-shadow: 0 -1px 0 #FFEEEE;
134 }
135
136 /* Remove shadow at button of ajax loading upgrade section at Settings > Upgrade page */
137 #bk_news_section td a {
138 color: #555 !important;
139 text-shadow: 0 0 0 !important;
140 box-shadow: none;
141 }
142 #bk_news_section .booking-listing-header {
143 background: #dfdfdf none repeat scroll 0 0;
144
145 }
146 #bk_news_section .wpbc-feature-table {
147 border: 2px solid #dfdfdf;
148 }
149 #bk_news_section .version-name-row {
150 background: #789 none repeat scroll 0 0 !important;
151 color: #fff !important;
152 font-weight: 400;
153 line-height: 1.5em;
154 text-shadow: 0 1px 1px #89a;
155 vertical-align: middle;
156 }
157 #bk_news_section .wpbc-feature-table td.section-header {
158 background: #feb !important;
159 }
160 /* Message: Thank you for registrations. */
161 #bk_registration_info {
162 font-size: 1em;
163 font-weight: 600;
164 margin: 10px 0;
165 opacity: 1;
166 }
167 /*#bk_registration_info_reload, */
168 #bk_errror_loading .info_message {
169 font-size: 1.1em;
170 font-weight: 600;
171 margin: 10px 0;
172 opacity: 1;
173 }
174 /* Align buttons center for Free version //FixIn: 7.1.2.5 */
175 .field-action-buttons.booking-actions.col-sm-2 {
176 text-align: center;
177 }
178 @media (max-width: 782px) {
179 .field-action-buttons.booking-actions.col-sm-2 {
180 text-align: left;
181 }
182 }
183
184 /** WordPress 5.3 Fix ***********************************************************************************************/
185
186 /* General */
187 .wp-core-ui .wpbc_page .button,
188 .wp-core-ui .wpbc_page .button-primary,
189 .wp-core-ui .wpbc_page .button-secondary {
190 /*
191 line-height: 2.15384615;
192 min-height: 30px;
193 padding: 0 10px;
194 */
195 line-height: 28px;
196 height: 28px;
197 padding: 0 10px 1px;
198 }
199 /* Secondary buttons styles */
200 .wp-core-ui .wpbc_page .button,
201 .wp-core-ui .wpbc_page .button-secondary {
202 /*
203 color: #0071a1;
204 border-color: #0071a1;
205 background: #f3f5f6;
206 */
207 color: #555;
208 border-color: #ccc;
209 background: #f7f7f7;
210 /*box-shadow: 0 1px 0 #ccc;*/
211 box-shadow: none;
212 }
213 .wp-core-ui .wpbc_page .button-secondary:active,
214 .wp-core-ui .wpbc_page .button.active,
215 .wp-core-ui .wpbc_page .button.active:hover,
216 .wp-core-ui .wpbc_page .button:active {
217 box-shadow: inset 0 2px 5px -3px rgba(0,0,0,.5);
218 box-shadow: inset 0 1px 7px -3px rgba(0,0,0,.3);
219 transform: translateY(1px);
220 }
221
222 /* Secondary buttons :hover styles */
223 .wp-core-ui .wpbc_page .button-secondary:hover,
224 .wp-core-ui .wpbc_page .button.hover,
225 .wp-core-ui .wpbc_page .button:hover {
226 /*background: #f1f1f1;
227 border-color: #016087;
228 color: #016087;
229 */
230 }
231 /* Secondary buttons :focus :hover styles */
232 .wp-core-ui .wpbc_page .button-secondary:focus,
233 .wp-core-ui .wpbc_page .button-secondary:hover,
234 .wp-core-ui .wpbc_page .button.focus,
235 .wp-core-ui .wpbc_page .button.hover,
236 .wp-core-ui .wpbc_page .button:focus,
237 .wp-core-ui .wpbc_page .button:hover {
238 background: #fafafa;
239 border-color: #999;
240 color: #23282d;
241 }
242 /* Secondary buttons :focus styles */
243 .wp-core-ui .wpbc_page .button-secondary:focus,
244 .wp-core-ui .wpbc_page .button.focus,
245 .wp-core-ui .wpbc_page .button:focus {
246 /*background: #f3f5f6;
247 border-color: #007cba;
248 color: #016087;
249 box-shadow: 0 0 0 1px #007cba;
250 outline: 2px solid transparent;
251 outline-offset: 0;*/
252 border-color: #5b9dd9;
253 box-shadow: 0 0 3px rgba(0,115,170,.8);
254 }
255
256 /* Primary buttons styles */
257 .wp-core-ui .wpbc_page .button-primary {
258 /*background: #007cba;
259 border-color: #007cba;
260 text-shadow: none;
261 */
262 background: #0085ba;
263 border-color: #0073aa #006799 #006799;
264 box-shadow: 0 1px 0 #006799;
265 text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
266 color: #fff;
267 }
268 /* Primary buttons :hover styles */
269 .wp-core-ui .wpbc_page .button-primary.focus,
270 .wp-core-ui .wpbc_page .button-primary.hover,
271 .wp-core-ui .wpbc_page .button-primary:focus,
272 .wp-core-ui .wpbc_page .button-primary:hover {
273 /*
274 background: #0071a1;
275 border-color: #0071a1;
276 */
277 background: #008ec2;
278 border-color: #006799;
279 color:#fff;
280 }
281 /* Primary buttons :focus styles */
282 .wp-core-ui .wpbc_page .button-primary.focus,
283 .wp-core-ui .wpbc_page .button-primary:focus {
284 box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
285 }
286 /**********************************************************************************************************************/
287 .wp-core-ui .wpbc_page .control-group input[type="text"] {
288 min-height: 29px;
289 }
290 .wp-core-ui .wpbc_page input[type="text"] {
291 min-height: 28px;
292 }
293 .wp-admin .wpbc_page select {
294 color:#32373c;
295 }
296 .wpdevelop input, .wpdevelop button, .wpdevelop select, .wpdevelop textarea {
297 line-height: 2;
298 }
299 @media (max-width: 782px) {
300
301 .wpdevelop .control-group .btn-group > .button,
302 .wpdevelop .control-group .btn-toolbar .btn-group > .button,
303 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-btn .button{
304 /*line-height: 2;*/
305 }
306 .wp-core-ui .wpbc_page .button,
307 .wp-core-ui .wpbc_page .button-primary,
308 .wp-core-ui .wpbc_page .button-secondary,
309
310 .wpdevelop .control-group .btn-group > .button .glyphicon,
311 .wpdevelop .control-group .btn-toolbar .btn-group > .button .glyphicon,
312 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-btn .button .glyphicon
313 {
314 height: auto;
315 line-height: 2.2;
316
317 height: 34px;
318 /*line-height:28px;*/
319 min-height: 28px;
320 }
321 .wp-core-ui .wpbc_page .button {
322 padding: 1px 14px;
323 }
324 }
325
326 .wpbc_booking_system_info_buttons_align {
327 display: flex;
328 flex-flow: row wrap;
329 justify-content: center;
330 margin: 0em;
331 }
332 .wpbc_booking_system_info_buttons_align a.button {
333 flex: 0 0 auto;
334 margin: 1em 1em 0;
335 }
336
337 #wpadminbar a .bk-update-count {
338 background: #f0f0f1;
339 color: #2c3338;
340 display: inline;
341 padding: 2px 5px;
342 font-size: 10px;
343 font-weight: 600;
344 border-radius: 10px;
345 }
346 #wpadminbar a:hover .bk-update-count {
347 background: #fff;
348 color: #000;
349 }
350
351
352 /* Update 9.8 -- New menu as COLUMN for Booking > Settings General page */
353 #wpbc_dashboard_widget_container .bk_table td {
354 border:none;
355 }
356 /* ------------------------------------------------------------------------------------------------------------------ */
357 /* == Settings Navigation Column == */
358 /* ------------------------------------------------------------------------------------------------------------------ */
359 .wpbc_settings_flex_container {
360 display: flex;
361 flex-flow: row wrap;
362 justify-content: flex-start;
363 align-items: flex-start;
364 margin-left: -10px;
365 }
366 .wpbc_settings_flex_container .wpbc_settings_flex_container_left{
367 flex: 1 1 80px;
368 margin-bottom: 10px;
369 margin-left: 10px;
370 }
371 @media (max-width: 782px) {
372 .wpbc_settings_flex_container .wpbc_settings_flex_container_left{
373 flex: 1 1 100%;
374 margin-right: 0;
375 }
376 }
377 .wpbc_settings_flex_container .wpbc_settings_flex_container_right {
378 flex: 1 1 75%;
379 margin-left: 10px;
380 }
381 .wpbc_settings_navigation_column{
382 background: #fff;
383 border: 1px solid #ccc;
384 padding: 0;
385
386 display: flex;
387 flex-flow: column wrap;
388 justify-content: flex-start;
389 align-items: stretch;
390 }
391 .wpbc_settings_navigation_column .wpbc_settings_navigation_item{
392 display: flex;
393 flex-flow: column wrap;
394 justify-content: center;
395 align-items: stretch;
396 }
397
398 .wpbc_settings_navigation_column .wpbc_settings_navigation_item a{
399 flex: 1 1 100%;
400 margin: 0;
401
402 padding: 10px 1em;
403 border: none;
404 border-left: 4px solid transparent;
405
406 text-shadow: none;
407 color: #555;
408 font-size: 13px;
409 font-weight: 600;
410 text-transform: capitalize;
411
412 text-decoration: none;
413 outline: none;
414
415 display: flex;
416 flex-flow: row nowrap;
417 align-items: center;
418 justify-content: flex-start;
419 }
420 .wpbc_settings_navigation_column .wpbc_settings_navigation_item.wpbc_settings_navigation_item_active a{
421 border-left: 4px solid #1E7BC7 !important;
422 border-collapse: collapse;
423 color: #555 !important;
424 }
425 .wpbc_settings_navigation_column .wpbc_settings_navigation_item a,
426 .wpbc_settings_navigation_column .wpbc_settings_navigation_item a:focus{
427 box-shadow:none;
428 }
429 .wpbc_settings_navigation_column .wpbc_settings_navigation_item a:focus,
430 .wpbc_settings_navigation_column .wpbc_settings_navigation_item a:hover{
431 color: #D54E21;
432 background-color: transparent !important;
433 border-left: 4px solid #d54e21;
434 }
435 .wpbc_settings_navigation_column .wpbc_settings_navigation_item.wpbc_navigation_sub_item a{
436 font-size:0.9em;
437 font-weight: 400;
438 padding-left: 2em;
439 }
440
441 .wpbc_settings_navigation_column .wpbc_settings_navigation_item a span{
442 padding: 0px 2px;
443 line-height: 1.5em;
444
445 /*! border-bottom: 1px dashed; */
446 text-decoration: none;
447 text-underline-offset: 2px;
448 text-decoration-thickness: 0px;
449 text-decoration-style: dashed;
450 text-decoration-color: #bbb;
451
452 }
453 .wpbc_settings_navigation_column .wpbc_settings_navigation_item a span.wpbc_new_label{
454 border:none;
455 margin-left: auto;
456 text-decoration: none;
457 }
458 .wpbc_settings_navigation_column .wpbc_settings_navigation_item.wpbc_navigation_top_border a{
459 border-top: 1px solid #dcdcdc;
460 margin-top: 5px;
461 }
462 .wpbc_settings_navigation_column .wpbc_settings_navigation_item.wpbc_navigation_top_border:last-child a{
463 margin-top: 5px;
464 }
465 .wpbc_settings_navigation_column .wpbc_settings_navigation_item.wpbc_navigation_bottom_border a,
466 .wpbc_settings_navigation_column .wpbc_settings_navigation_item.wpbc_navigation_bottom_border:last-child a{
467 border-bottom: 1px solid #dcdcdc;
468 }
469 .wpbc_settings_navigation_column .wpbc_settings_navigation_item a .wpbc_set_nav__right_icon {
470 margin-left: auto;
471 margin-top: 3px;
472 }
473 .wpbc_settings_navigation_column .wpbc_settings_navigation_item a .wpbc_set_nav__right_icon.wpbc_set_nav__icon_on {
474 color: #036aab
475 }
476
477 /* ------------------------------------------------------------------------------------------------------------------ */
478 /* == Open | Closed Help Containers == */
479 /* ------------------------------------------------------------------------------------------------------------------ */
480 .wpbc_container_open_or_closed::before {
481 content: "[-]";
482 color: #2d78b4;
483 padding:0 5px 0 0;
484 }
485 .wpbc_container_open_or_closed.wpbc_container_closed::before {
486 content: "[+] ";
487 color: #2d78b4;
488 padding:0 5px 0 0;
489 }
490 .wpbc_container_open_or_closed a.wpbc_container_open_or_closed__link,
491 .wpbc_container_open_or_closed a.wpbc_container_open_or_closed__link:active,
492 .wpbc_container_open_or_closed a.wpbc_container_open_or_closed__link:visited,
493 .wpbc_container_open_or_closed a.wpbc_container_open_or_closed__link:hover,
494 .wpbc_container_open_or_closed a.wpbc_container_open_or_closed__link:focus{
495 color: #2d78b4;
496 box-shadow: none;
497 cursor: pointer;
498 outline: 0;
499 border: none;
500 text-underline-offset: 3px;
501 text-decoration-thickness: 0px;
502 text-decoration-style: dashed;
503 }
504 .wpbc_container_closed .wpbc_container_open_or_closed__content {
505 }
506 /* Deprected Help shortcodes container. */
507 .wpbc_container_open_or_closed__content {
508 padding: 1px 5px 10px 20px;
509 margin-top: 10px;
510 background: #f2f2f2;
511 }
512 .wpbc_deprected_help_container *,
513 .wpbc_deprected_help_container p.description {
514 color: #999;
515 font-size: 98%;
516 }
517 /* ------------------------------------------------------------------------------------------------------------------ */
518 /* == Free - WP Booking Calendar > Settings > Booking Form page == */
519 /* ------------------------------------------------------------------------------------------------------------------ */
520 /* Generator elements */
521 .wpbc_field_generator {
522 display:none;
523 }
524 .wpbc_field_generator_info {
525 display:block;
526 }
527 /* Table with Fields elements */
528 .wpbc_table_form_free tr th{
529 font-size: 12px;
530 text-align: center;
531 font-weight: 600;
532 width: 60px;
533 line-height: 3em;
534 }
535 .wpbc_table_form_free tr th.sort{
536 color: #777;
537 font-size: 11px;
538 text-align: center;
539 width: 43px;
540 }
541 .wpbc_table_form_free tr th.field_active,
542 .wpbc_table_form_free tr th.field_required{
543 width:50px;
544 }
545 .wpbc_table_form_free tr th.field_label{
546 width:auto;
547 }
548 .wpbc_table_form_free tr th.field_options {
549
550 }
551 .wpbc_table_form_free tr th {
552 width:auto;
553 }
554 .wpbc_table_form_free tr th.field_actions {
555 width:100px;
556 }
557 .wpbc_table_form_free tr td{
558 padding: 5px 0;
559 text-align: center;
560 border-bottom: 1px solid #eee;
561 }
562 .wpbc_table_form_free tr td.sort{
563 color: #888;
564 font-size: 13px;
565 vertical-align: middle;
566 }
567 .wpbc_table_form_free tr td.field_label input {
568 flex: 1 1 70%;
569 margin-right: 2%;
570 font-weight: 600;
571 }
572 .wpbc_table_form_free tr td.field_label .field_type_name_description {
573 flex: 1 1 28%;
574 }
575 .wpbc_table_form_free tr td.field_options input {
576 width: 90%;
577 color: #aaa;
578 }
579 .wpbc_table_form_free tr td.field_options > input:disabled {
580 background: #f8f8f8 none repeat scroll 0 0;
581 color: #aaaaaa;
582 }
583 .wpbc_table_form_free tr td.field_actions {
584 vertical-align: middle;
585 }
586 .wpbc_table_form_free tfoot tr th {
587 font-weight: 400;
588 line-height: 2em;
589 padding: 10px 12px 12px;
590 text-align: right;
591 }
592 .wpbc_table_form_free tfoot tr th a.button{
593 vertical-align: middle;
594 }
595 .wpbc_table_form_free a.button {
596 margin: 0 5px 5px 0;
597 }
598 .wpbc_add_field_row,
599 .wpbc_edit_field_row {
600 display:none;
601 }
602 /* @media (max-width: 599px) {*/
603 @media (max-width: 782px) {
604 .wpbc_table_form_free tr th.field_options,
605 .wpbc_table_form_free tr td.field_options {
606 display:none;
607 }
608 }
609 /* //FixIn: 9.5.4.10 */
610 .wpbc_table_form_free tr{
611 height:50px;
612 }
613 .wpbc_table_form_free tr td{
614 height:100%;
615 }
616 .wpbc_table_form_free tr td .wpbc_align_vertically {
617 display:flex;
618 flex-flow:row wrap;
619 justify-content: flex-start;
620 align-items: center;
621 height:100%;
622 margin: 0 3%;
623 }
624 .wpbc_table_form_free tr td .wpbc_align_vertically > *{
625 margin:0;
626 }
627 /* == 2024-05-31 == ---------------------------------------------------------------------------------------- */
628 .wpbc_table_form_free thead{
629 font-size: 14px;
630 }
631 .wpbc_table_form_free tr th {
632 font-size: clamp(0.786em, 0.657em + 0.48vi, 1em);
633 }
634
635 .wpbc_table_form_free .field_type_name_description {
636 text-align: left;
637 color: #818181;
638 font-size: 11px;
639 /*! font-weight: 600; */
640 white-space: nowrap;
641 display: flex;
642 flex-flow: row wrap;
643 justify-content: flex-start;
644 align-items: center;
645 min-width: 120px;
646 }
647 .wpbc_table_form_free .field_type_name_description .field_type_name_value:nth-child(1){
648 text-transform: uppercase;
649 min-width: 58px;
650 }
651 .wpbc_table_form_free .field_type_name_description .field_type_name_value{
652 font-weight: 600;
653 padding: 0 2px;
654 }
655 .wpbc_table_form_free .field_type_name_description .field_type_name_separator{
656 padding-right: 10px;
657 }
658 .wp-core-ui .wpbc_page .button.wpbc_bs_button_red {
659 border: 1px solid #de605c !important;
660 }
661 .wp-core-ui .wpbc_page .button.wpbc_bs_button_green {
662 background: #64aa45;
663 text-shadow: none;
664 box-shadow: none;
665 outline: 0;
666 border-color: #64aa45;
667 font-weight: 600;
668 color: #fff;
669 }
670 @media (max-width: 782px) {
671 .wpbc_table_form_free .field_type_name_description {
672 display:none;
673 }
674 .wpbc_table_form_free tr th.field_actions {
675 width: 60px;
676 }
677 }
678