| @@ -79,9 +79,9 @@ | ||
| 79 | 79 | background: #fff; |
| 80 | 80 | border-left: 4px solid #fff; |
| 81 | 81 | -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.02); |
| 82 | 82 | box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.02); |
| 83 | - margin: 5px 15px 2px; | |
| 83 | + margin: 10px 5px 25px; | |
| 84 | 84 | padding: 1px 12px; |
| 85 | 85 | } |
| 86 | 86 | .wpbc_page .notice-success, |
| 87 | 87 | .wpbc_page div.updated { |
| @@ -94,9 +94,9 @@ | ||
| 94 | 94 | .wpbc_page div.error { |
| 95 | 95 | border-left-color: #dc3232; |
| 96 | 96 | } |
| 97 | 97 | .wpbc_page .notice-info { |
| 98 | - border-left-color: #00a0d2; | |
| 98 | + border-left-color: var( --wpbc_admin-theme-color, #00a0d2 ); | |
| 99 | 99 | } |
| 100 | 100 | /* Messages that show at top of admin panel pages */ |
| 101 | 101 | .wpbc_page div.wpbc_inner_message { |
| 102 | 102 | padding:10px; |
| @@ -172,9 +172,9 @@ | ||
| 172 | 172 | padding: 5px 10px; |
| 173 | 173 | font-weight: 400; |
| 174 | 174 | text-align: center; |
| 175 | 175 | color:#777; |
| 176 | - background-color: #faf8f8; | |
| 176 | + background-color: #fff; | |
| 177 | 177 | /* border: 1px solid #E6DB55;*/ |
| 178 | 178 | border: 2px dashed #bbb; |
| 179 | 179 | border-radius: 3px; |
| 180 | 180 | -moz-border-radius: 3px; |
| @@ -186,11 +186,12 @@ | ||
| 186 | 186 | box-sizing: border-box; |
| 187 | 187 | -moz-box-sizing: border-box; |
| 188 | 188 | -webkit-box-sizing: border-box; |
| 189 | 189 | } |
| 190 | + | |
| 190 | 191 | .wpbc-help-message { |
| 191 | - background-color: #FFFDFD; | |
| 192 | - text-align: left; | |
| 192 | + background-color: #fff; | |
| 193 | + text-align: left; | |
| 193 | 194 | } |
| 194 | 195 | .wpbc-error-message { |
| 195 | 196 | background-color: #FFEEEE; |
| 196 | 197 | border-color: #FFBBBB; |
| @@ -226,20 +227,21 @@ | ||
| 226 | 227 | } |
| 227 | 228 | |
| 228 | 229 | /* Internal Settings Message */ |
| 229 | 230 | .wpbc-settings-notice { |
| 230 | - background: #ffffff; | |
| 231 | - border-left: 4px solid #fff; | |
| 232 | - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); | |
| 233 | - margin: 5px 0 2px 0; | |
| 234 | - padding: 1px 12px; | |
| 235 | - line-height: 2.5em; | |
| 236 | - text-align:left; | |
| 237 | - border-top:1px solid #f0f0f0; | |
| 238 | - border-right:1px solid #f0f0f0; | |
| 231 | + background: #fff; | |
| 232 | + border-left: 4px solid #fff; | |
| 233 | + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); | |
| 234 | + margin: 5px 0 2px 0; | |
| 235 | + padding: 1px 12px; | |
| 236 | + line-height: 2.5em; | |
| 237 | + text-align: left; | |
| 238 | + border-top: 1px solid #f0f0f0; | |
| 239 | + border-right: 1px solid #f0f0f0; | |
| 239 | 240 | } |
| 240 | 241 | .wpbc-settings-notice.notice-success { |
| 241 | - border-left-color: #46b450; | |
| 242 | + border-left-color: #46b450; | |
| 243 | + background: #fff; | |
| 242 | 244 | } |
| 243 | 245 | .wpbc-settings-notice.notice-success.notice-alt { |
| 244 | 246 | background-color: #ecf7ed; |
| 245 | 247 | } |
| @@ -255,9 +257,9 @@ | ||
| 255 | 257 | .wpbc-settings-notice.notice-error.notice-alt { |
| 256 | 258 | background-color: #fbeaea; |
| 257 | 259 | } |
| 258 | 260 | .wpbc-settings-notice.notice-info { |
| 259 | - border-left-color: #00a0d2; | |
| 261 | + border-left-color: var( --wpbc_admin-theme-color, #00a0d2 ); | |
| 260 | 262 | } |
| 261 | 263 | .wpbc-settings-notice.notice-info.notice-alt { |
| 262 | 264 | background-color: #e5f5fa; |
| 263 | 265 | } |
| @@ -275,8 +277,16 @@ | ||
| 275 | 277 | line-height: 2; |
| 276 | 278 | padding: 5px 20px 10px; |
| 277 | 279 | } |
| 278 | 280 | |
| 281 | +/* BFB Beta option */ | |
| 282 | +tr.wpbc_tr_class_booking_use_bfb_form { | |
| 283 | + /*border-bottom: 4px solid #ebebeb;*/ | |
| 284 | + border-bottom: 4px solid #87ad7c; | |
| 285 | +} | |
| 286 | +tr.wpbc_tr_class_booking_use_bfb_form th label { | |
| 287 | + font-size: 16px; | |
| 288 | +} | |
| 279 | 289 | |
| 280 | 290 | /* Modal Content for popup windows ********************************************/ |
| 281 | 291 | .wpbc_popup_modal { |
| 282 | 292 | display: none; |
| @@ -507,9 +517,9 @@ | ||
| 507 | 517 | table.wpbc_input_table tr.highlight { |
| 508 | 518 | background: inherit; |
| 509 | 519 | } |
| 510 | 520 | table.wpbc_input_table tr.highlight td:first-child{ |
| 511 | - border-left:4px solid #08a; | |
| 521 | + border-left:4px solid var(--wpbc_admin-theme-color, #08a ); | |
| 512 | 522 | } |
| 513 | 523 | /* Hack to fix checkbox height in Firefox, otherwise sometimes, there exist weird artefact */ |
| 514 | 524 | @-moz-document url-prefix() { |
| 515 | 525 | .wpbc_page input[type='checkbox'] { |
| @@ -519,8 +529,12 @@ | ||
| 519 | 529 | /*height: auto;*/ /* FixIn: 8.4.2.6 */ |
| 520 | 530 | /*height: 32px;*/ |
| 521 | 531 | } |
| 522 | 532 | } |
| 533 | +.wpbc_page label:has( input[type="checkbox"] ), | |
| 534 | +.wpbc_page label:has( input[type="radio"] ){ | |
| 535 | + cursor: pointer; | |
| 536 | +} | |
| 523 | 537 | |
| 524 | 538 | /* Ajax loading icon */ |
| 525 | 539 | .wpbc_ajax_icon { |
| 526 | 540 | font-size: 9px; |
| @@ -539,8 +553,14 @@ | ||
| 539 | 553 | transform: rotate(180deg); |
| 540 | 554 | } |
| 541 | 555 | .wpbc_icn_rotate_270::before { |
| 542 | 556 | transform: rotate(270deg); |
| 557 | +} | |
| 558 | +.wpbc_icn_flip_x::before { | |
| 559 | + transform: scaleX(-1); | |
| 560 | +} | |
| 561 | +.wpbc_icn_flip_y::before { | |
| 562 | + transform: scaleY(-1); | |
| 543 | 563 | } |
| 544 | 564 | /* Rotate Icons for Loading ***********************************************/ |
| 545 | 565 | .wpbc_animation_pause:before, |
| 546 | 566 | .wpbc_animation_pause { |
