PluginProbe
Booking Calendar / 11.8.2
Booking Calendar v11.8.2
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
← All changes | css/admin.css +116 -131 10.1.311.8.2 View file →
@@ -23,47 +23,46 @@
23 23 margin-top: 6px;
24 24 font-weight: 600;
25 25 font-size: 1em;
26 26 }
27 -#wpbc-admin-page.wpbc_page {} /* Booking Listing & Timeline */
28 -#wpbc-new-admin-page.wpbc_page {} /* Add New Booking */
27 +#wpbc-admin-page.wpbc_page {} /* Booking Listing, Timeline & Add New Booking */
29 28 #wpbc-resources-admin-page.wpbc_page {} /* Resources */
30 29 #wpbc-settings-admin-page.wpbc_page {} /* Settings */
31 30
32 31 /* Form elements - add new client */
33 -#wpbc-new-admin-page label.wpbc-form-checkbox {
32 +#wpbc-admin-page.wpbc_page_tab__add-booking label.wpbc-form-checkbox {
34 33 margin: 7px 10px 7px 0;
35 34 vertical-align: middle;
36 35 line-height: 1.2em;
37 36 height: 1.2em;
38 37 }
39 -#wpbc-new-admin-page label.wpbc-form-checkbox input[type=checkbox] {
40 - margin:-3px 5px 0 0;
38 +#wpbc-admin-page.wpbc_page_tab__add-booking label.wpbc-form-checkbox input[type=checkbox] {
39 + margin:-3px 5px 0 0;
41 40 vertical-align: middle;
42 41 }
43 -#wpbc-new-admin-page label.wpbc-form-radio {
42 +#wpbc-admin-page.wpbc_page_tab__add-booking label.wpbc-form-radio {
44 43 margin: 7px 10px 7px 0;
45 44 vertical-align: middle;
46 45 line-height: 1.5em;
47 - height: 1.5em;
46 + height: 1.5em;
48 47 }
49 -#wpbc-new-admin-page label.wpbc-form-radio input[type=radio] {
48 +#wpbc-admin-page.wpbc_page_tab__add-booking label.wpbc-form-radio input[type=radio] {
50 49 margin:-3px 5px 0 0;
51 - vertical-align: middle;
50 + vertical-align: middle;
52 51 }
53 52
54 53 /* Selection of booking resources */
55 -.visibility_container select option.wpbc_single_resource,
54 +.visibility_container select option.wpbc_single_resource,
56 55 select option.wpbc_single_resource{
57 56 padding:3px;
58 57 font-weight:600;
59 58 }
60 -.visibility_container select option.wpbc_parent_resource,
59 +.visibility_container select option.wpbc_parent_resource,
61 60 select option.wpbc_parent_resource{
62 61 font-weight:600;
63 62 padding:3px;
64 63 }
65 -.visibility_container select option.wpbc_child_resource,
64 +.visibility_container select option.wpbc_child_resource,
66 65 select option.wpbc_child_resource{
67 66 padding:3px 0 3px 20px;
68 67 font-weight: 400
69 68 }
@@ -68,31 +67,33 @@
68 67 font-weight: 400
69 68 }
70 69
71 70 /* Shortcodes */
71 +.wpbc-help-message code,
72 +.wpbc_settings_page_wrapper .description code,
72 73 #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;
74 + font-style: normal;
75 + /*background: rgb(from var(--wpbc_admin-theme-color, #6b96ce) r g b / var(--wpbc_admin-theme-opacity, 80%));*/
76 + background: #465160cf;
77 + color: #fff;
78 + padding: 2px 5px 3px;
79 + border-radius: 2px;
80 + -webkit-user-select: all; /* Covers Blink-land & Firefox (yup) */
81 + user-select: all; /* Someday */
82 + line-height: 2.1;
81 83 }
82 -#wpbc-settings-admin-page .description code:hover{
83 -
84 -}
85 84 /* General Booking Settings page */
85 +.wpbc_settings_page_wrapper .form-table .description,
86 86 #wpbc-settings-admin-page .form-table .description {
87 87 font-size: 14px;
88 88 line-height: 2em;
89 89 }
90 +.wpbc_settings_page_wrapper .form-table span.description,
90 91 #wpbc-settings-admin-page .form-table span.description{
91 - padding: 0 10px;
92 + padding: 0 10px;
92 93 }
93 94 #wpbc-settings-admin-page .wpbc_sub_settings_grayed{
94 - background-color: #f3f3f3;
95 + background-color: #f3f3f3;
95 96 }
96 97 #wpbc-settings-admin-page .wpbc_sub_settings_grayed th{
97 98 padding: 10px 0 0 20px;
98 99 }
@@ -109,8 +110,11 @@
109 110 #wpbc-settings-admin-page .wpbc_tr_set_gen_booking_range_start_day_week th {
110 111 padding:0;
111 112 height: 1px;
112 113 }
114 +.wpbc_settings_page_wrapper .wpbc_expand_section_link,
115 +.wpbc_settings_page_wrapper a.wpbc_expand_section_link:hover,
116 +.wpbc_settings_page_wrapper a.wpbc_expand_section_link:focus,
113 117 #wpbc-settings-admin-page .wpbc_expand_section_link,
114 118 #wpbc-settings-admin-page a.wpbc_expand_section_link:hover,
115 119 #wpbc-settings-admin-page a.wpbc_expand_section_link:focus {
116 120 color:#21759b;
@@ -117,9 +121,9 @@
117 121 cursor: pointer;
118 122 outline: 0;
119 123 border:none;
120 124 border-bottom:1px dashed #21759B;
121 - text-decoration: none;
125 + text-decoration: none;
122 126 }
123 127 /* Warning message in Demo version */
124 128 .wpbc_demo_test_version_warning {
125 129 background: #fee;
@@ -129,9 +133,9 @@
129 133 font-size: 0.85em;
130 134 margin: 0;
131 135 text-align: left;
132 136 color: #AA4400;
133 - text-shadow: 0 -1px 0 #FFEEEE;
137 + text-shadow: 0 -1px 0 #FFEEEE;
134 138 }
135 139
136 140 /* Remove shadow at button of ajax loading upgrade section at Settings > Upgrade page */
137 141 #bk_news_section td a {
@@ -137,8 +141,9 @@
137 141 #bk_news_section td a {
138 142 color: #555 !important;
139 143 text-shadow: 0 0 0 !important;
140 144 box-shadow: none;
145 + background: #fff;
141 146 }
142 147 #bk_news_section .booking-listing-header {
143 148 background: #dfdfdf none repeat scroll 0 0;
144 149
@@ -161,9 +166,9 @@
161 166 #bk_registration_info {
162 167 font-size: 1em;
163 168 font-weight: 600;
164 169 margin: 10px 0;
165 - opacity: 1;
170 + opacity: 1;
166 171 }
167 172 /*#bk_registration_info_reload, */
168 173 #bk_errror_loading .info_message {
169 174 font-size: 1.1em;
@@ -168,15 +173,15 @@
168 173 #bk_errror_loading .info_message {
169 174 font-size: 1.1em;
170 175 font-weight: 600;
171 176 margin: 10px 0;
172 - opacity: 1;
177 + opacity: 1;
173 178 }
174 179 /* Align buttons center for Free version //FixIn: 7.1.2.5 */
175 180 .field-action-buttons.booking-actions.col-sm-2 {
176 181 text-align: center;
177 182 }
178 -@media (max-width: 782px) {
183 +@media (max-width: 782px) {
179 184 .field-action-buttons.booking-actions.col-sm-2 {
180 185 text-align: left;
181 186 }
182 187 }
@@ -186,110 +191,45 @@
186 191 /* General */
187 192 .wp-core-ui .wpbc_page .button,
188 193 .wp-core-ui .wpbc_page .button-primary,
189 194 .wp-core-ui .wpbc_page .button-secondary {
190 - /*
191 - line-height: 2.15384615;
192 - min-height: 30px;
193 - padding: 0 10px;
194 - */
195 195 line-height: 28px;
196 196 height: 28px;
197 197 padding: 0 10px 1px;
198 + min-height: 30px; /* FixIn: 10.15.1.7. */
198 199 }
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 200
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 - */
201 +.wpdevelop a {
202 + color: var(--wpbc_admin-a-color, #337ab7)
230 203 }
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;
204 +.wpdevelop a:hover {
205 + color: rgb(from var(--wpbc_admin-a-color, #337ab7) r g b / var(--wpbc_admin-theme-opacity, 80%));
241 206 }
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);
207 +.wp-core-ui .wpbc_page input[type="text"],
208 +.wp-core-ui .wpbc_page input[type="password"],
209 +.wp-core-ui .wpbc_page input[type="date"],
210 +.wp-core-ui .wpbc_page input[type="datetime"],
211 +.wp-core-ui .wpbc_page input[type="datetime-local"],
212 +.wp-core-ui .wpbc_page input[type="email"],
213 +.wp-core-ui .wpbc_page input[type="month"],
214 +.wp-core-ui .wpbc_page input[type="number"],
215 +.wp-core-ui .wpbc_page input[type="search"],
216 +.wp-core-ui .wpbc_page input[type="tel"],
217 +.wp-core-ui .wpbc_page input[type="time"],
218 +.wp-core-ui .wpbc_page input[type="url"],
219 +.wp-core-ui .wpbc_page input[type="week"],
220 +.wp-core-ui .wpbc_page select,
221 +.wp-core-ui .wpbc_page .button-primary,
222 +.wp-core-ui .wpbc_page .button-secondary {
223 + min-height: 30px; /* FixIn: 10.15.1.7. */
224 + line-height: 28px; /* FixIn: 10.15.1.7. */
254 225 }
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 226 .wp-core-ui .wpbc_page .control-group input[type="text"] {
288 227 min-height: 29px;
289 228 }
290 229 .wp-core-ui .wpbc_page input[type="text"] {
291 - min-height: 28px;
230 + min-height: 30px;
231 + max-width: 100%;
292 232 }
293 233 .wp-admin .wpbc_page select {
294 234 color:#32373c;
295 235 }
@@ -304,19 +244,17 @@
304 244 /*line-height: 2;*/
305 245 }
306 246 .wp-core-ui .wpbc_page .button,
307 247 .wp-core-ui .wpbc_page .button-primary,
308 - .wp-core-ui .wpbc_page .button-secondary,
248 + .wp-core-ui .wpbc_page .button-secondary
309 249
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
250 + /*, .wpdevelop .control-group .btn-group > .button .glyphicon,*/
251 + /*.wpdevelop .control-group .btn-toolbar .btn-group > .button .glyphicon,*/
252 + /*.wpdevelop .control-group .btn-toolbar .input-group > .input-group-btn .button .glyphicon*/
313 253 {
314 254 height: auto;
315 255 line-height: 2.2;
316 -
317 256 height: 34px;
318 - /*line-height:28px;*/
319 257 min-height: 28px;
320 258 }
321 259 .wp-core-ui .wpbc_page .button {
322 260 padding: 1px 14px;
@@ -367,10 +305,23 @@
367 305 flex: 1 1 80px;
368 306 margin-bottom: 10px;
369 307 margin-left: 10px;
370 308 }
309 +/* Collapse left Navigation menu*/
310 +.wpbc_settings_flex_container .wpbc_container_collapsed{
311 + flex: 0 0 45px;
312 + position: sticky;
313 + top: 50px;
314 +}
315 +.wpbc_settings_flex_container .wpbc_container_collapsed .wpbc_settings_navigation_item.wpbc_navigation_sub_item a{
316 + padding-left: 0;
317 +}
318 +.wpbc_settings_flex_container .wpbc_container_collapsed .wpbc_settings_navigation_item a span{
319 + display: none;
320 +}
321 +/* End Collapse left Navigation menu*/
371 322 @media (max-width: 782px) {
372 - .wpbc_settings_flex_container .wpbc_settings_flex_container_left{
323 + .wpbc_settings_flex_container .wpbc_settings_flex_container_left:not(.wpbc_container_collapsed){
373 324 flex: 1 1 100%;
374 325 margin-right: 0;
375 326 }
376 327 }
@@ -417,9 +368,9 @@
417 368 align-items: center;
418 369 justify-content: flex-start;
419 370 }
420 371 .wpbc_settings_navigation_column .wpbc_settings_navigation_item.wpbc_settings_navigation_item_active a{
421 - border-left: 4px solid #1E7BC7 !important;
372 + border-left: 4px solid var( --wp-admin-theme-color, #1E7BC7 ) !important;
422 373 border-collapse: collapse;
423 374 color: #555 !important;
424 375 }
425 376 .wpbc_settings_navigation_column .wpbc_settings_navigation_item a,
@@ -469,12 +420,19 @@
469 420 .wpbc_settings_navigation_column .wpbc_settings_navigation_item a .wpbc_set_nav__right_icon {
470 421 margin-left: auto;
471 422 margin-top: 3px;
472 423 }
424 +.wpbc_settings_navigation_column .wpbc_settings_navigation_item a .wpbc_set_nav__left_icon.wpbc_set_nav__icon_on,
473 425 .wpbc_settings_navigation_column .wpbc_settings_navigation_item a .wpbc_set_nav__right_icon.wpbc_set_nav__icon_on {
474 - color: #036aab
426 + color: var( --wpbc_admin-theme-color, #036aab )
475 427 }
476 428
429 +.wpbc_settings_navigation_column .wpbc_settings_navigation_item a .wpbc_set_nav__left_icon {
430 + margin-left: 0px;
431 + margin-right: 10px;
432 + margin-top: 0px;
433 +}
434 +
477 435 /* ------------------------------------------------------------------------------------------------------------------ */
478 436 /* == Open | Closed Help Containers == */
479 437 /* ------------------------------------------------------------------------------------------------------------------ */
480 438 .wpbc_container_open_or_closed::before {
@@ -506,9 +464,9 @@
506 464 /* Deprected Help shortcodes container. */
507 465 .wpbc_container_open_or_closed__content {
508 466 padding: 1px 5px 10px 20px;
509 467 margin-top: 10px;
510 - background: #f2f2f2;
468 +
511 469 }
512 470 .wpbc_deprected_help_container *,
513 471 .wpbc_deprected_help_container p.description {
514 472 color: #999;
@@ -524,8 +482,12 @@
524 482 .wpbc_field_generator_info {
525 483 display:block;
526 484 }
527 485 /* Table with Fields elements */
486 +.wpbc_table_form_free {
487 + /* //FixIn: 10.11.3.4. */
488 + position:relative;
489 +}
528 490 .wpbc_table_form_free tr th{
529 491 font-size: 12px;
530 492 text-align: center;
531 493 font-weight: 600;
@@ -657,9 +619,12 @@
657 619 }
658 620 .wp-core-ui .wpbc_page .button.wpbc_bs_button_red {
659 621 border: 1px solid #de605c !important;
660 622 }
661 -.wp-core-ui .wpbc_page .button.wpbc_bs_button_green {
623 +.wp-core-ui .wpbc_page .wpbc_ui_button.wpbc_bs_button_green,
624 +.wp-core-ui .wpbc_page .wpbc_ui_button.wpbc_bs_button_green:active,
625 +.wp-core-ui .wpbc_page .wpbc_ui_button.wpbc_bs_button_green:hover,
626 +.wp-core-ui .wpbc_page .wpbc_ui_button.wpbc_bs_button_green:focus {
662 627 background: #64aa45;
663 628 text-shadow: none;
664 629 box-shadow: none;
665 630 outline: 0;
@@ -673,5 +638,25 @@
673 638 }
674 639 .wpbc_table_form_free tr th.field_actions {
675 640 width: 60px;
676 641 }
642 +}
643 +/* Disabled elements */
644 +.wp-core-ui .wpbc_page .wpbc_field_disabled {
645 + cursor: not-allowed; /* Cursor change to disabled state*/
646 + color: #ccc;
647 + pointer-events: none;
648 + opacity: 0.5 !important; /* Fade effect */
649 +}
650 +
651 +.wpbc_help_tooltip_icon {
652 + line-height: 2.4em;
653 + margin: 0 1em;
654 +}
655 +.wpbc_help_tooltip_icon_left {
656 + line-height: 2.4em;
657 + margin: 0 1em 0 0;
658 +}
659 +.wpbc_help_tooltip_icon_right {
660 + line-height: 2.4em;
661 + margin: 0 0 0 1em;
677 662 }