| @@ -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 | } |
| @@ -428,9 +368,9 @@ | ||
| 428 | 368 | align-items: center; |
| 429 | 369 | justify-content: flex-start; |
| 430 | 370 | } |
| 431 | 371 | .wpbc_settings_navigation_column .wpbc_settings_navigation_item.wpbc_settings_navigation_item_active a{ |
| 432 | - border-left: 4px solid #1E7BC7 !important; | |
| 372 | + border-left: 4px solid var( --wp-admin-theme-color, #1E7BC7 ) !important; | |
| 433 | 373 | border-collapse: collapse; |
| 434 | 374 | color: #555 !important; |
| 435 | 375 | } |
| 436 | 376 | .wpbc_settings_navigation_column .wpbc_settings_navigation_item a, |
| @@ -482,9 +422,9 @@ | ||
| 482 | 422 | margin-top: 3px; |
| 483 | 423 | } |
| 484 | 424 | .wpbc_settings_navigation_column .wpbc_settings_navigation_item a .wpbc_set_nav__left_icon.wpbc_set_nav__icon_on, |
| 485 | 425 | .wpbc_settings_navigation_column .wpbc_settings_navigation_item a .wpbc_set_nav__right_icon.wpbc_set_nav__icon_on { |
| 486 | - color: #036aab | |
| 426 | + color: var( --wpbc_admin-theme-color, #036aab ) | |
| 487 | 427 | } |
| 488 | 428 | |
| 489 | 429 | .wpbc_settings_navigation_column .wpbc_settings_navigation_item a .wpbc_set_nav__left_icon { |
| 490 | 430 | margin-left: 0px; |
| @@ -524,9 +464,9 @@ | ||
| 524 | 464 | /* Deprected Help shortcodes container. */ |
| 525 | 465 | .wpbc_container_open_or_closed__content { |
| 526 | 466 | padding: 1px 5px 10px 20px; |
| 527 | 467 | margin-top: 10px; |
| 528 | - background: #f2f2f2; | |
| 468 | + | |
| 529 | 469 | } |
| 530 | 470 | .wpbc_deprected_help_container *, |
| 531 | 471 | .wpbc_deprected_help_container p.description { |
| 532 | 472 | color: #999; |
| @@ -542,8 +482,12 @@ | ||
| 542 | 482 | .wpbc_field_generator_info { |
| 543 | 483 | display:block; |
| 544 | 484 | } |
| 545 | 485 | /* Table with Fields elements */ |
| 486 | +.wpbc_table_form_free { | |
| 487 | + /* //FixIn: 10.11.3.4. */ | |
| 488 | + position:relative; | |
| 489 | +} | |
| 546 | 490 | .wpbc_table_form_free tr th{ |
| 547 | 491 | font-size: 12px; |
| 548 | 492 | text-align: center; |
| 549 | 493 | font-weight: 600; |
| @@ -714,5 +658,5 @@ | ||
| 714 | 658 | } |
| 715 | 659 | .wpbc_help_tooltip_icon_right { |
| 716 | 660 | line-height: 2.4em; |
| 717 | 661 | margin: 0 0 0 1em; |
| 718 | -} | |
| 662 | +} | |
