File manager - Edit - /home/premiey/www/wp-includes/images/media/_src.tar
Back
wpbc_fe__form_fields.css 0000666 00000106542 15165311647 0011420 0 ustar 00 /** * Booking Form Fields * * //FixIn: 10.1.5.7 */ :root { --wpbc_form-field-border-radius: 3px; --wpbc_form-field-border-style: solid; --wpbc_form-field-border-size: 1px; --wpbc_form-field-background-color: #ffffff; --wpbc_form-field-border-color: rgba(0, 0, 0, 0.25); --wpbc_form-field-border-color-spare: rgba(0, 0, 0, 0.25); --wpbc_form-field-text-color: rgba(0, 0, 0, 0.7); --wpbc_form-field-disabled-color: rgba(0, 0, 0, 0.2); --wpbc_form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --wpbc_form-field-menu-color: #ffffff; --wpbc_form-label-color: rgba(0, 0, 0, 0.85); --wpbc_form-label-sublabel-color: rgba(0, 0, 0, 0.55); --wpbc_form-label-error-color: #d63637; --wpbc_form-button-border-radius: 3px; --wpbc_form-button-border-style: none; --wpbc_form-button-border-size: 1px; --wpbc_form-button-background-color: #066aab; --wpbc_form-button-background-color-alt: #066aab; --wpbc_form-button-border-color: #066aab; --wpbc_form-button-text-color: #ffffff; --wpbc_form-button-text-color-alt: #fff; --wpbc_form-page-break-color: #066aab; --wpbc_form-background-image: none; --wpbc_form-background-position: center center; --wpbc_form-background-repeat: no-repeat; --wpbc_form-background-size: cover; --wpbc_form-background-width: 100px; --wpbc_form-background-height: 100px; --wpbc_form-background-color: rgba(0, 0, 0, 0); --wpbc_form-background-url: none; --wpbc_form-container-padding: 0px; --wpbc_form-container-border-style: none; --wpbc_form-container-border-width: 1px; --wpbc_form-container-border-color: #000000; --wpbc_form-container-border-radius: 3px; --wpbc_form-field-size-input-height: 43px; --wpbc_form-field-size-input-spacing: 15px; --wpbc_form-field-size-font-size: 16px; --wpbc_form-field-size-line-height: 19px; --wpbc_form-field-size-padding-h: 14px; --wpbc_form-field-size-checkbox-size: 16px; --wpbc_form-field-size-sublabel-spacing: 5px; --wpbc_form-field-size-icon-size: 1; --wpbc_form-label-size-font-size: 16px; --wpbc_form-label-size-line-height: 19px; --wpbc_form-label-size-sublabel-font-size: 14px; --wpbc_form-label-size-sublabel-line-height: 17px; --wpbc_form-button-size-font-size: 17px; --wpbc_form-button-size-height: 41px; --wpbc_form-button-size-padding-h: 15px; --wpbc_form-button-size-margin-top: 10px; --wpbc_form-container-shadow-size-box-shadow: none; --wpbc_form-marging-between-several-checkbox-radio: 30px; --wpbc_form-padding-between-label-checkbox-radio: 8px; } /* --------------------------------------------------------------------------------------------------------------------- * General Fields * ------------------------------------------------------------------------------------------------------------------ */ div.wpbc_container.wpbc_form input, div.wpbc_container.wpbc_form label, div.wpbc_container.wpbc_form select, div.wpbc_container.wpbc_form button, div.wpbc_container.wpbc_form textarea { margin:0; border:0; padding:0; vertical-align:middle; background:none; height:auto; box-sizing:border-box } div.wpbc_container.wpbc_form input[type=date], div.wpbc_container.wpbc_form input[type=datetime], div.wpbc_container.wpbc_form input[type=datetime-local], div.wpbc_container.wpbc_form input[type=email], div.wpbc_container.wpbc_form input[type=month], div.wpbc_container.wpbc_form input[type=number], div.wpbc_container.wpbc_form input[type=password], div.wpbc_container.wpbc_form input[type=range], div.wpbc_container.wpbc_form input[type=search], div.wpbc_container.wpbc_form input[type=tel], div.wpbc_container.wpbc_form input[type=text], div.wpbc_container.wpbc_form input[type=time], div.wpbc_container.wpbc_form input[type=url], div.wpbc_container.wpbc_form input[type=week], div.wpbc_container.wpbc_form select, div.wpbc_container.wpbc_form textarea, .wp-core-ui div.wpbc_container.wpbc_form input[type=date], .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime], .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local], .wp-core-ui div.wpbc_container.wpbc_form input[type=email], .wp-core-ui div.wpbc_container.wpbc_form input[type=month], .wp-core-ui div.wpbc_container.wpbc_form input[type=number], .wp-core-ui div.wpbc_container.wpbc_form input[type=password], .wp-core-ui div.wpbc_container.wpbc_form input[type=range], .wp-core-ui div.wpbc_container.wpbc_form input[type=search], .wp-core-ui div.wpbc_container.wpbc_form input[type=tel], .wp-core-ui div.wpbc_container.wpbc_form input[type=text], .wp-core-ui div.wpbc_container.wpbc_form input[type=time], .wp-core-ui div.wpbc_container.wpbc_form input[type=url], .wp-core-ui div.wpbc_container.wpbc_form input[type=week], .wp-core-ui div.wpbc_container.wpbc_form select, .wp-core-ui div.wpbc_container.wpbc_form textarea { background-color: var(--wpbc_form-field-background-color); background-clip: padding-box; border-radius: var(--wpbc_form-field-border-radius); color: var(--wpbc_form-field-text-color); border-width: var(--wpbc_form-field-border-size); border-style: var(--wpbc_form-field-border-style); border-color: var(--wpbc_form-field-border-color); padding: 0 var(--wpbc_form-field-size-padding-h); font-size: var(--wpbc_form-field-size-font-size); line-height: 100%; box-shadow: none; transition: border 0.15s, box-shadow 0.15s; } div.wpbc_container.wpbc_form input[type=date]:focus, div.wpbc_container.wpbc_form input[type=datetime]:focus, div.wpbc_container.wpbc_form input[type=datetime-local]:focus, div.wpbc_container.wpbc_form input[type=email]:focus, div.wpbc_container.wpbc_form input[type=month]:focus, div.wpbc_container.wpbc_form input[type=number]:focus, div.wpbc_container.wpbc_form input[type=password]:focus, div.wpbc_container.wpbc_form input[type=range]:focus, div.wpbc_container.wpbc_form input[type=search]:focus, div.wpbc_container.wpbc_form input[type=tel]:focus, div.wpbc_container.wpbc_form input[type=text]:focus, div.wpbc_container.wpbc_form input[type=time]:focus, div.wpbc_container.wpbc_form input[type=url]:focus, div.wpbc_container.wpbc_form input[type=week]:focus, div.wpbc_container.wpbc_form select:focus, div.wpbc_container.wpbc_form textarea:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=date]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=email]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=month]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=password]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=range]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=search]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=text]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=time]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=url]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=week]:focus, .wp-core-ui div.wpbc_container.wpbc_form select:focus, .wp-core-ui div.wpbc_container.wpbc_form textarea:focus { border-width: var(--wpbc_form-field-border-size); border-style: solid; border-color: var(--wpbc_form-button-background-color); box-shadow: 0 0 0 1.2px var(--wpbc_form-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); outline: none; } div.wpbc_container.wpbc_form input[type=date]:focus:invalid, div.wpbc_container.wpbc_form input[type=datetime]:focus:invalid, div.wpbc_container.wpbc_form input[type=datetime-local]:focus:invalid, div.wpbc_container.wpbc_form input[type=email]:focus:invalid, div.wpbc_container.wpbc_form input[type=month]:focus:invalid, div.wpbc_container.wpbc_form input[type=number]:focus:invalid, div.wpbc_container.wpbc_form input[type=password]:focus:invalid, div.wpbc_container.wpbc_form input[type=range]:focus:invalid, div.wpbc_container.wpbc_form input[type=search]:focus:invalid, div.wpbc_container.wpbc_form input[type=tel]:focus:invalid, div.wpbc_container.wpbc_form input[type=text]:focus:invalid, div.wpbc_container.wpbc_form input[type=time]:focus:invalid, div.wpbc_container.wpbc_form input[type=url]:focus:invalid, div.wpbc_container.wpbc_form input[type=week]:focus:invalid, div.wpbc_container.wpbc_form select:focus:invalid, div.wpbc_container.wpbc_form textarea:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=date]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=email]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=month]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=password]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=range]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=search]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=text]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=time]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=url]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=week]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form select:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form textarea:focus:invalid { border-width: var(--wpbc_form-field-border-size); border-style: solid; border-color: var(--wpbc_form-button-background-color); box-shadow: 0 0 0 1.2px var(--wpbc_form-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); outline: none; color: var(--wpbc_form-field-text-color); } div.wpbc_container.wpbc_form input[type=date]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=datetime]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=datetime-local]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=email]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=month]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=number]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=password]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=range]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=search]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=tel]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=text]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=time]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=url]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=week]::-webkit-input-placeholder, div.wpbc_container.wpbc_form select::-webkit-input-placeholder, div.wpbc_container.wpbc_form textarea::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=date]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=email]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=month]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=number]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=password]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=range]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=search]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=text]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=time]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=url]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=week]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form select::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form textarea::-webkit-input-placeholder { color: var(--wpbc_form-field-text-color); opacity: 0.5; pointer-events: none; } div.wpbc_container.wpbc_form input[type=date]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=datetime]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=datetime-local]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=email]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=month]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=number]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=password]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=range]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=search]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=tel]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=text]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=time]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=url]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=week]::-moz-placeholder, div.wpbc_container.wpbc_form select::-moz-placeholder, div.wpbc_container.wpbc_form textarea::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=date]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=email]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=month]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=number]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=password]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=range]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=search]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=text]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=time]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=url]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=week]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form select::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form textarea::-moz-placeholder { color: var(--wpbc_form-field-text-color); opacity: 0.5; pointer-events: none; } div.wpbc_container.wpbc_form input[type=date]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=datetime]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=datetime-local]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=email]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=month]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=number]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=password]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=range]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=search]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=tel]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=text]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=time]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=url]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=week]:-moz-placeholder, div.wpbc_container.wpbc_form select:-moz-placeholder, div.wpbc_container.wpbc_form textarea:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=date]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=email]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=month]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=password]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=range]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=search]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=text]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=time]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=url]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=week]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form select:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form textarea:-moz-placeholder { color: var(--wpbc_form-field-text-color); opacity: 0.5; pointer-events: none; } /* --------------------------------------------------------------------------------------------------------------------- * Textarea * ------------------------------------------------------------------------------------------------------------------ */ div.wpbc_container.wpbc_form textarea, .wp-core-ui div.wpbc_container.wpbc_form textarea { width: 100%; } div.wpbc_container.wpbc_form textarea , .wp-core-ui div.wpbc_container.wpbc_form textarea { line-height: 1.3; min-height: var(--wpbc_form-field-size-input-height); padding: var(--wpbc_form-field-size-padding-h); resize: vertical; } /* --------------------------------------------------------------------------------------------------------------------- * General Height * ------------------------------------------------------------------------------------------------------------------ */ div.wpbc_container.wpbc_form input, div.wpbc_container.wpbc_form select, .wp-core-ui div.wpbc_container.wpbc_form input, .wp-core-ui div.wpbc_container.wpbc_form select { height: var(--wpbc_form-field-size-input-height); } /* --------------------------------------------------------------------------------------------------------------------- * Select * ------------------------------------------------------------------------------------------------------------------ */ div.wpbc_container.wpbc_form select, .wp-core-ui div.wpbc_container.wpbc_form select { appearance: none; display: block; max-width: 100%; width: 100%; text-transform: none; text-shadow: none; white-space: nowrap; line-height: unset; padding-block: 0; padding-inline-end: 24px; padding-inline-start: 12px; min-height: var(--wpbc_form-field-size-input-height); vertical-align: middle; cursor: pointer; } div.wpbc_container.wpbc_form select, div.wpbc_container.wpbc_form select:disabled, .wp-core-ui div.wpbc_container.wpbc_form select, .wp-core-ui div.wpbc_container.wpbc_form select:disabled { /* background-image: linear-gradient(45deg, transparent 50%, var(--wpbc_form-field-border-color-spare) 50%), linear-gradient(135deg, var(--wpbc_form-field-border-color-spare) 50%, transparent 50%); background-position: calc( 100% - 17px) 50%, calc( 100% - 12px) 50%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; */ background-image: var(--wpbc_form-select-bg-img),none; background-repeat: no-repeat; background-position: calc( 100% - 11px) 50%, calc( 100% - 12px) 50%; background-size: 16px 12px; } .rtl div.wpbc_container.wpbc_form select, .rtl div.wpbc_container.wpbc_form select:disabled, .rtl .wp-core-ui div.wpbc_container.wpbc_form select, .rtl .wp-core-ui div.wpbc_container.wpbc_form select:disabled { background-position: 12px 50%, 17px 50%; } div.wpbc_container.wpbc_form select > option, .wp-core-ui div.wpbc_container.wpbc_form select > option { color: var(--wpbc_form-field-text-color); } div.wpbc_container.wpbc_form select > option.placeholder, div.wpbc_container.wpbc_form select > option[disabled], .wp-core-ui div.wpbc_container.wpbc_form select > option.placeholder, .wp-core-ui div.wpbc_container.wpbc_form select > option[disabled] { color: var(--wpbc_form-field-disabled-color); /*FixIn: 10.2.3.1 */ opacity: 0.5; } div.wpbc_container.wpbc_form select:not([multiple]) > option, .wp-core-ui div.wpbc_container.wpbc_form select:not([multiple]) > option { background: var(--wpbc_form-field-menu-color); } div.wpbc_container.wpbc_form select:not([multiple]) > option:not(.placeholder):checked, .wp-core-ui div.wpbc_container.wpbc_form select:not([multiple]) > option:not(.placeholder):checked { font-weight: bold; } div.wpbc_container.wpbc_form select[multiple], .wp-core-ui div.wpbc_container.wpbc_form select[multiple] { height: auto; overflow-y: scroll; background-image: none; } div.wpbc_container.wpbc_form select[multiple] > option:not(.placeholder):checked, .wp-core-ui div.wpbc_container.wpbc_form select[multiple] > option:not(.placeholder):checked { background: var(--wpbc_form-button-background-color); color: var(--wpbc_form-button-text-color-alt, var(--wpbc_form-button-text-color)); } div.wpbc_container.wpbc_form input[type=number]:read-only, .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:read-only { appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield; } div.wpbc_container.wpbc_form input[type=number]:read-only::-webkit-inner-spin-button, .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:read-only::-webkit-inner-spin-button { visibility: hidden; } /* --------------------------------------------------------------------------------------------------------------------- * Submit * ------------------------------------------------------------------------------------------------------------------ */ div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light ), div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light ), .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light ), .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light ) { height: var(--wpbc_form-button-size-height); background-color: var(--wpbc_form-button-background-color-alt, var(--wpbc_form-button-background-color)); border-radius: var(--wpbc_form-button-border-radius); border-style: var(--wpbc_form-button-border-style); border-color: var(--wpbc_form-button-border-color); border-width: var(--wpbc_form-button-border-size); box-shadow: none; color: var(--wpbc_form-button-text-color); padding: 0 var(--wpbc_form-button-size-padding-h); font-family: inherit; font-weight: 500; font-size: var(--wpbc_form-button-size-font-size); line-height: 100%; cursor: pointer; transition: all 0.15s ease-in-out; position: relative; text-decoration: none; } div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light ):not(:hover):not(:active), div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light ):not(:hover):not(:active), .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light ):not(:hover):not(:active), .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light ):not(:hover):not(:active){ background-color: var(--wpbc_form-button-background-color-alt, var(--wpbc_form-button-background-color)); color: var(--wpbc_form-button-text-color); } div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light ):hover, div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light ):active, div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light ):hover, div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light ):active, .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light ):hover, .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light ):active, .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light ):hover, .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light ):active { background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--wpbc_form-button-background-color-alt, var(--wpbc_form-button-background-color)); } div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light ):focus, div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light ):focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light ):focus, .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light ):focus { outline: none; } div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light ):focus:after, div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light ):focus:after, .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light ):focus:after, .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light ):focus:after{ content: ""; position: absolute; border: 2px solid var(--wpbc_form-button-background-color); border-radius: calc( var( --wpbc_form-button-border-radius ) + 2px); top: calc( -4px - var( --wpbc_form-button-border-size, 1px )); right: calc( -4px - var( --wpbc_form-button-border-size, 1px )); bottom: calc( -4px - var( --wpbc_form-button-border-size, 1px )); left: calc( -4px - var( --wpbc_form-button-border-size, 1px )); } div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light ):disabled, div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light ):disabled:hover, div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light ):disabled, div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light ):disabled:hover, .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light ):disabled, .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light ):disabled:hover, .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light ):disabled, .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light ):disabled:hover { background-color: var(--wpbc_form-button-background-color-alt, var(--wpbc_form-button-background-color)); cursor: default; } /* --------------------------------------------------------------------------------------------------------------------- * Radio and Checkboxes * ------------------------------------------------------------------------------------------------------------------ */ div.wpbc_container.wpbc_form input[type=checkbox], div.wpbc_container.wpbc_form input[type=radio] { position: relative; display: inline-block; background: none; height: calc( var( --wpbc_form-field-size-checkbox-size ) - 2px + calc( var( --wpbc_form-field-border-size, 1px ) * 2 )); width: calc( var( --wpbc_form-field-size-checkbox-size ) - 2px + calc( var( --wpbc_form-field-border-size, 1px ) * 2 )); margin: 0 0 0 2px; border: none; box-shadow: none; vertical-align: middle; opacity: 1; appearance: none; } div.wpbc_container.wpbc_form input[type=checkbox]:before, div.wpbc_container.wpbc_form input[type=checkbox]:after, div.wpbc_container.wpbc_form input[type=radio]:before, div.wpbc_container.wpbc_form input[type=radio]:after { content: ''; position: absolute; left: -2px; top: 0; width: var(--wpbc_form-field-size-checkbox-size); height: var(--wpbc_form-field-size-checkbox-size); box-sizing: content-box; cursor: pointer; } div.wpbc_container.wpbc_form input[type=checkbox]:before, div.wpbc_container.wpbc_form input[type=radio]:before { border-width: var(--wpbc_form-field-border-size); border-style: var(--wpbc_form-field-border-style); border-color: var(--wpbc_form-field-border-color); background-color: var(--wpbc_form-field-background-color); background-clip: padding-box; background-image: none; border-radius: 3px; } div.wpbc_container.wpbc_form input[type=checkbox] + label, div.wpbc_container.wpbc_form input[type=radio] + label, div.wpbc_container.wpbc_form .wpdev-list-item > input[type=checkbox] + .wpdev-list-item-label, div.wpbc_container.wpbc_form .wpdev-list-item > input[type=radio] + .wpdev-list-item-label{ display: inline; position: relative; padding-inline-start: var(--wpbc_form-padding-between-label-checkbox-radio); font-size: var(--wpbc_form-label-size-font-size); vertical-align: middle; } div.wpbc_container.wpbc_form input[type=checkbox] + label, div.wpbc_container.wpbc_form input[type=radio] + label{ cursor: pointer; } div.wpbc_container.wpbc_form .wpdev-list-item > .wpdev-list-item-label:first-child{ display: inline; position: relative; padding-inline-end: var(--wpbc_form-padding-between-label-checkbox-radio); font-size: var(--wpbc_form-label-size-font-size); vertical-align: middle; } div.wpbc_container.wpbc_form .wpdev-list-item > label.wpdev-list-item-label:first-child{ cursor: pointer; } div.wpbc_container.wpbc_form .wpdev-list-item > .wpdev-list-item-label >input[type=checkbox], div.wpbc_container.wpbc_form .wpdev-list-item > .wpdev-list-item-label >input[type=radio] { margin-left:var(--wpbc_form-padding-between-label-checkbox-radio); margin-right:var(--wpbc_form-padding-between-label-checkbox-radio); } div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item, div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item{ margin-right: var(--wpbc_form-marging-between-several-checkbox-radio); } div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item:last-child, div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item:last-child{ margin-right: 0; } .rtl div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item, .rtl div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item{ margin-left: var(--wpbc_form-marging-between-several-checkbox-radio); } .rtl div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item:first-child, .rtl div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item:first-child{ margin-left: 0; } div.wpbc_container.wpbc_form input[type=checkbox]:checked:before, div.wpbc_container.wpbc_form input[type=radio]:checked:before { margin: 0; border-width: var(--wpbc_form-field-border-size); border-style: solid; border-color: var(--wpbc_form-button-background-color); box-shadow: 0 0 0 1.2px var(--wpbc_form-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); outline: none; } div.wpbc_container.wpbc_form input[type=checkbox]:focus, div.wpbc_container.wpbc_form input[type=radio]:focus { outline: none; } div.wpbc_container.wpbc_form input[type=checkbox]:focus:before, div.wpbc_container.wpbc_form input[type=radio]:focus:before { border-width: var(--wpbc_form-field-border-size); border-style: solid; border-color: var(--wpbc_form-button-background-color); box-shadow: 0 0 0 1.2px var(--wpbc_form-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); outline: none; } div.wpbc_container.wpbc_form input[type=checkbox]:checked:after { border-top: none; border-right: none; height: calc( var( --wpbc_form-field-size-checkbox-size ) * 0.6); border-left: 4px solid var(--wpbc_form-button-background-color); border-bottom: 4px solid var(--wpbc_form-button-background-color); background-color: transparent; transform: translate(0, 1px) scale(0.5) rotate(-45deg); left: calc( -4px + var( --wpbc_form-field-border-size, 1px )); top: calc( -1px + var( --wpbc_form-field-border-size, 1px )); } div.wpbc_container.wpbc_form input[type=radio] { border-radius: 50%; } div.wpbc_container.wpbc_form input[type=radio]:before { border-radius: 50%; } div.wpbc_container.wpbc_form input[type=radio]:checked:after { border: 1px solid transparent; border-radius: 50%; background-color: var(--wpbc_form-button-background-color); transform: scale(0.5); -moz-transform: scale(0.47); left: calc( -3px + var( --wpbc_form-field-border-size, 1px )); top: calc( -1px + var( --wpbc_form-field-border-size, 1px )); } /* --------------------------------------------------------------------------------------------------------------------- * Errors * ------------------------------------------------------------------------------------------------------------------ */ div.wpbc_container.wpbc_form.wpbc_container_booking_form label.wpbc_form_field_error, div.wpbc_container.wpbc_form.wpbc_container_booking_form span.wpbc_form_field_error { font-weight: 400; font-size: var(--wpbc_form-label-size-sublabel-font-size); line-height: var(--wpbc_form-label-size-sublabel-line-height); margin-top: var(--wpbc_form-field-size-input-spacing); color: var(--wpbc_form-label-error-color); padding: 0 0 0 5px; position: relative; } div.wpbc_container.wpbc_form.wpbc_container_booking_form input.wpbc_form_field_error, div.wpbc_container.wpbc_form.wpbc_container_booking_form textarea.wpbc_form_field_error, div.wpbc_container.wpbc_form.wpbc_container_booking_form select.wpbc_form_field_error{ border-width: var(--wpbc_form-field-border-size); border-style: solid; border-color: var(--wpbc_form-label-error-color); } div.wpbc_container.wpbc_form.wpbc_container_booking_form input.wpbc_form_field_error:hover, div.wpbc_container.wpbc_form.wpbc_container_booking_form textarea.wpbc_form_field_error:hover, div.wpbc_container.wpbc_form.wpbc_container_booking_form select.wpbc_form_field_error:hover{ border-width: var(--wpbc_form-field-border-size); border-style: solid; border-color: var(--wpbc_form-label-error-color); box-shadow: 0 0 2px 0 var(--wpbc_form-label-error-color); } div.wpbc_container.wpbc_form.wpbc_container_booking_form input.wpbc_form_field_error:focus, div.wpbc_container.wpbc_form.wpbc_container_booking_form textarea.wpbc_form_field_error:focus, div.wpbc_container.wpbc_form.wpbc_container_booking_form select.wpbc_form_field_error:focus{ border-width: var(--wpbc_form-field-border-size); border-style: solid; border-color: var(--wpbc_form-label-error-color); box-shadow: 0 0 0 1.2px var(--wpbc_form-label-error-color); } div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=checkbox].wpbc_form_field_error, div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=radio].wpbc_form_field_error{ border: none; box-shadow: none; } div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=checkbox].wpbc_form_field_error:hover, div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=checkbox].wpbc_form_field_error:focus, div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=radio].wpbc_form_field_error:hover, div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=radio].wpbc_form_field_error:focus{ border: none; box-shadow: none; } toolbar_ui.js 0000666 00000010517 15165334407 0007261 0 ustar 00 "use strict"; /** * Encode HTML text to safe HTML entities * * Replace all characters in the given range (unicode 00A0 - 9999, as well as ampersand, greater & less than) * with their html entity equivalents, which is simply &#nnn; where nnn is the unicode value we get from charCodeAt * * @param rawStr * @returns {*} */ function wpbc_get_safe_html_text( rawStr ){ var encodedStr = rawStr.replace( /[\u00A0-\u9999<>\&]/g, function ( i ){ return '&#' + i.charCodeAt( 0 ) + ';'; } ); return encodedStr; } /** * Change Value and Title of dropdown after clicking on Apply button * * @param params Example: { 'dropdown_id': 'wh_booking_date', 'dropdown_radio_name': 'ui_wh_booking_date_radio' } */ function wpbc_ui_dropdown_apply_click( params ){ // Get input values of all elements in LI section, where RADIO was selected var filter_ui_dates_arr = jQuery( 'input[name="' + params[ 'dropdown_radio_name' ] + '"]:checked' ) .parents( 'li' ).find( ':input' ) .map( function (){ return wpbc_get_safe_html_text( jQuery( this ).val() ); } ).get(); if ( 0 !== filter_ui_dates_arr.length ){ // Continue only if radio button was selected, and we are having value // Get titles of all elements in LI section, where RADIO was selected var filter_ui_titles_arr = jQuery( 'input[name="' + params[ 'dropdown_radio_name' ] + '"]:checked' ) .parents( 'li' ).find( ':input' ) .map( function (){ if ( 'text' == jQuery( this ).prop( 'type' ) ){ return jQuery( this ).val(); } if ( ( 'selectbox-one' == jQuery( this ).prop( 'type' ) ) || ( 'select-one' == jQuery( this ).prop( 'type' ) ) ){ return jQuery( this ).find( ':selected' ).text(); } if ( ( 'radio' == jQuery( this ).prop( 'type' ) ) || ( 'checkbox' == jQuery( this ).prop( 'type' ) ) ){ var input_selected = jQuery( this ).filter(':checked').next( '.wpbc_ui_control_label' ).html(); if ( undefined == input_selected ) { input_selected = jQuery( this ).filter(':checked').prev( '.wpbc_ui_control_label' ).html(); } return ( undefined !== input_selected ) ? input_selected : ''; } return jQuery( this ).val(); } ).get(); // Update Value to dropdown input hidden elements. Such value stringify. jQuery( '#' + params[ 'dropdown_id' ] ).val( JSON.stringify( filter_ui_dates_arr ) ); // Generate change action, for ability to send Ajax request jQuery( '#' + params[ 'dropdown_id' ] ).trigger( 'change' ); // Get Label of selected Radio button var filter_ui_dates_title = jQuery( 'input[name="' + params[ 'dropdown_radio_name' ] + '"]:checked' ).next( '.wpbc_ui_control_label' ).html() + ': '; // Remove selected value of radio button from beginning, we will use Label title instead filter_ui_titles_arr.shift(); // Update Title in dropdown var encoded_html_text = wpbc_get_safe_html_text( filter_ui_dates_title + filter_ui_titles_arr.join( ' - ' ) ); jQuery( '#' + params[ 'dropdown_id' ] + '_selector .wpbc_selected_in_dropdown' ).html( encoded_html_text ); } jQuery( '#' + params[ 'dropdown_id' ] + '_container' ).hide(); } /** * Close dropdown after clicking on Close button * * @param dropdown_id ID of dropdown */ function wpbc_ui_dropdown_close_click( dropdown_id ){ jQuery( '#' + dropdown_id + '_container' ).hide(); } /** * Simple option click on dropdown * * @param params Example: { 'dropdown_id': 'wh_booking_date', 'is_this_simple_list': true, 'value': '5', '_this': this } */ function wpbc_ui_dropdown_simple_click( params ){ jQuery( '#' + params[ 'dropdown_id' ] + '_selector .wpbc_selected_in_dropdown' ).html( jQuery( params[ '_this' ] ).html() ); jQuery( '#' + params[ 'dropdown_id' ] ).val( JSON.stringify( [params[ 'value' ]] ) ); jQuery( '#' + params[ 'dropdown_id' ] + '_container li input[type=checkbox],' + '#' + params[ 'dropdown_id' ] + '_container li input[type=radio]' ).prop( 'checked', false ); jQuery( '#' + params[ 'dropdown_id' ] ).trigger( 'change' ); if ( ! params[ 'is_this_simple_list' ] ){ jQuery( '#' + params[ 'dropdown_id' ] + '_container' ).hide(); } } toolbar_ui.css 0000666 00000111435 15165334407 0007436 0 ustar 00 /* UI Toolbar *************************************************************************************************/ /* To Compile file: Alt + F12 and run command: "gulp wpbc" */ /* 1. Default Button Style ------------------------------------------------------------------------------------------ */ .ui_element .wpbc_ui_button, .ui_element .wpbc_button_as_icon { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; text-decoration: none; /*font-size: 13px;*/ /*line-height: 2.15384615; !* 28px *!*/ /*min-height: 30px;*/ min-height: 24px; margin: 0; padding: 0 10px 2px; padding-bottom: 1px; cursor: pointer; /*border-width: 1px; - Defined at Several elements in a Group. Point #2. */ border-style: solid; -webkit-appearance: none; /*border-radius: 3px; - Defined at Several elements in a Group. Point #2. */ white-space: nowrap; box-sizing: border-box; } .ui_element .wpbc_button_as_icon { border:none; } .ui_element .wpbc_ui_button, .ui_element .wpbc_ui_button-secondary { color: #555; border-color: #d8d8d8; background: #f7f7f7; vertical-align: top; } /* :hover ---- */ .ui_element .wpbc_ui_button.hover:not(.inactive), .ui_element .wpbc_ui_button:hover:not(.inactive), .ui_element .wpbc_ui_button-secondary:hover:not(.inactive){ background: #fafafa; border-color: #d8d8d8;; color: #23282d; text-decoration: none; } .ui_element .wpbc_ui_button.hover.inactive, .ui_element .wpbc_ui_button.inactive:hover, .ui_element .wpbc_ui_button-secondary.inactive:hover{ cursor: default; } /* :focus ---- */ .ui_element .wpbc_ui_button.focus, .ui_element .wpbc_ui_button:focus, .ui_element .wpbc_ui_button-secondary:focus { background: #fafafa; border-color: #d8d8d8; color: #23282d; /*box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8); This is Default: WordPress */ box-shadow: 0 0 0 0px #4f94d4, 0 0 1px 1px rgba(79, 148, 212, 0.8); z-index: 1; text-decoration: none; /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; /* Reset inherited offset from Gutenberg */ outline-offset: 0; } /* :active ---- */ .wpbc_ui_dropdown.open > .wpbc_ui_button:not(.inactive), .ui_element .wpbc_ui_button:active:not(.inactive), .ui_element .wpbc_ui_button-secondary:active:not(.inactive) { background: #f6f7f7; border-color: #d8d8d8; box-shadow: inset 0 1px 7px -3px rgba(0, 0, 0, .3); transform: translateY(1px); outline: 0; text-decoration: none; } /* :disabled ---- */ .ui_element .wpbc_ui_button:disabled, .ui_element .wpbc_ui_button[disabled], .ui_element.disabled .wpbc_ui_button, .ui_element .wpbc_ui_button.disabled, .ui_element .wpbc_ui_button-secondary[disabled], .ui_element .wpbc_ui_button-secondary:disabled, .ui_element .wpbc_ui_button-secondary.disabled, .ui_element .wpbc_ui_button-disabled { color: #a7aaad !important; border-color: #dcdcde !important; background: #f6f7f7 !important; box-shadow: none !important; cursor: default; transform: none !important; } /* .active CLASS - pressed button, pressed state e.g. a selected setting */ .ui_element .wpbc_ui_button.active:not(.inactive), .ui_element .wpbc_ui_button.active:hover:not(.inactive) { background: #f6f7f7; border-color: #d8d8d8; box-shadow: inset 0 1px 7px -3px rgba(0, 0, 0, .3); transform: translateY(1px); outline: 0; text-decoration: none; } .ui_element .wpbc_ui_button.active:focus:not(.inactive) { border-color: #3582c4; box-shadow:inset 0 1px 5px -3px #0a4b78, 0 0 1px 1px rgba(79, 148, 212, 0.1); } /* 2. Primary Button Style ----------------------------------------------------------------------------------------- */ .ui_element .wpbc_ui_button_primary { background: #0085ba; border-color: #0073aa #006799 #006799; color: #fff; text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; text-decoration: none; box-shadow: 0 1px 0px #f1f1f1; /*background: #2271b1;*/ /*border-color: #2271b1;*/ /*color: #fff;*/ /*text-decoration: none;*/ /*text-shadow: none;*/ } /* :hover, :focus ---- */ .ui_element .wpbc_ui_button_primary.hover:not(.inactive), .ui_element .wpbc_ui_button_primary:hover:not(.inactive), .ui_element .wpbc_ui_button_primary.focus:not(.inactive), .ui_element .wpbc_ui_button_primary:focus:not(.inactive) { /*background: #135e96;*/ /*border-color: #135e96;*/ /*color: #fff;*/ background: #008ec2; border-color: #006799; color: #fff; } /* :focus ---- */ .ui_element .wpbc_ui_button_primary.focus:not(.inactive), .ui_element .wpbc_ui_button_primary:focus:not(.inactive) { box-shadow:0 0 0 0px #fff, 0 0 2px 1px #a4d7ff; } /* :active ---- */ .ui_element .wpbc_ui_button_primary.active:not(.inactive), .ui_element .wpbc_ui_button_primary.active:hover:not(.inactive), .ui_element .wpbc_ui_button_primary.active:focus:not(.inactive), .ui_element .wpbc_ui_button_primary:active:not(.inactive) { background: #0c7ca8; border-color: #0b79a4; box-shadow: inset 0 1px 7px -3px rgba(0, 0, 0, .3); color: #fff; } /* :disabled ---- */ .ui_element .wpbc_ui_button_primary[disabled], .ui_element .wpbc_ui_button_primary:disabled, .ui_element .wpbc_ui_button_primary-disabled, .ui_element .wpbc_ui_button_primary.disabled { color: #a7aaad !important; background: #f6f7f7 !important; border-color: #dcdcde !important; box-shadow: none !important; text-shadow: none !important; cursor: default; } /* 2.1 Danger (Red) Button Style ----------------------------------------------------------------------------------------- */ .ui_element .wpbc_ui_button_danger { background: #de605c; border-color: #c05d5a; color: #f7f7f7; text-shadow: 0 0px #ba5956; text-decoration: none; box-shadow: 0 1px 0px #f1f1f1; } /* :hover, :focus ---- */ .ui_element .wpbc_ui_button_danger.hover:not(.inactive), .ui_element .wpbc_ui_button_danger:hover:not(.inactive), .ui_element .wpbc_ui_button_danger.focus:not(.inactive), .ui_element .wpbc_ui_button_danger:focus:not(.inactive) { background: #e6716f; border-color: #d58582; color: #fdfdfd; text-shadow: none; } /* :focus ---- */ .ui_element .wpbc_ui_button_danger.focus:not(.inactive), .ui_element .wpbc_ui_button_danger:focus:not(.inactive) { box-shadow:0 0 0 0px #fff, 0 0 2px 1px #a4d7ff; } /* :active ---- */ .ui_element .wpbc_ui_button_danger.active:not(.inactive), .ui_element .wpbc_ui_button_danger.active:hover:not(.inactive), .ui_element .wpbc_ui_button_danger.active:focus:not(.inactive), .ui_element .wpbc_ui_button_danger:active:not(.inactive) { background: #ba4c48; border-color: #c05d5a; box-shadow: inset 0 1px 7px -3px rgba(0, 0, 0, .1); color: #f3f2f2; } /* :disabled ---- */ .ui_element .wpbc_ui_button_danger[disabled], .ui_element .wpbc_ui_button_danger:disabled, .ui_element .wpbc_ui_button_danger-disabled, .ui_element .wpbc_ui_button_danger.disabled { color: #a7aaad !important; background: #f6f7f7 !important; border-color: #dcdcde !important; box-shadow: none !important; text-shadow: none !important; cursor: default; } @media (max-width: 782px) { .ui_element .in-button-text { display: none; } } /* 3.1 Text --------------------------------------------------------------------------------------------------------- */ .ui_element .wpbc_ui_text { border: 1px solid #d6d6d6; flex: 1 1 120px; } /* :focus ---- */ .ui_element .wpbc_ui_text.focus, .ui_element .wpbc_ui_text:focus { border-color: #2271b1; box-shadow: 0 0 0 1px #2271b1; border-color: #d8d8d8; /*box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8); This is Default: WordPress */ box-shadow: 0 0 0 0px #4f94d4, 0 0 1px 1px rgba(79, 148, 212, 0.8); z-index: 1; /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; } /* 3.2 Select-box ------------------------------------------------------------------------------------------------- */ .ui_element .wpbc_ui_select { border: 1px solid #d6d6d6; flex: 1 1 auto; } /* :focus ---- */ .ui_element .wpbc_ui_select.focus, .ui_element .wpbc_ui_select:focus { border-color: #2271b1; box-shadow: 0 0 0 1px #2271b1; border-color: #d8d8d8; /*box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8); This is Default: WordPress */ box-shadow: 0 0 0 0px #4f94d4, 0 0 1px 1px rgba(79, 148, 212, 0.8); z-index: 1; /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; } /* 3.3 Check-box & Radio ----------------------------------------------------------------------------------------- */ .ui_element .wpbc_ui_checkbox, .ui_element .wpbc_ui_radio { border: 1px solid #bcbcbc; border-radius: 4px; background: #fff; color: #50575e; clear: none; cursor: pointer; display: inline-block; line-height: 0 !important; height: 1rem !important; margin: -0.25rem 0.25rem 0 0; outline: 0; padding: 0 !important; text-align: center; vertical-align: middle; width: 1rem; min-width: 1rem; -webkit-appearance: none; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); transition: .05s border-color ease-in-out; margin: 0; align-self: center; } .ui_element .wpbc_ui_radio { border-radius: 50%; margin-right: 0.25rem; line-height: 0.71428571; } /* :focus ---- */ .ui_element .wpbc_ui_checkbox.focus, .ui_element .wpbc_ui_checkbox:focus, .ui_element .wpbc_ui_radio.focus, .ui_element .wpbc_ui_radio:focus { border-color: #2271b1; box-shadow: 0 0 0 1px #2271b1; border-color: #d8d8d8; /*box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8); This is Default: WordPress */ box-shadow: 0 0 0 0px #4f94d4, 0 0 1px 1px rgba(79, 148, 212, 0.8); z-index: 1; /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent !important; } .ui_element .wpbc_ui_radio + .wpbc_ui_control_label, .ui_element .wpbc_ui_checkbox + .wpbc_ui_control_label { padding-left: 5px; padding-right: 5px; } /* If radio button inside of the "button" element (border bounded), then need to center vertical position */ .ui_element .wpbc_ui_control.wpbc_ui_button .wpbc_ui_radio + .wpbc_ui_control_label, .ui_element .wpbc_ui_control.wpbc_ui_button .wpbc_ui_checkbox + .wpbc_ui_control_label { margin:0; } @media screen and (max-width: 782px) { .ui_element .wpbc_ui_checkbox, .ui_element .wpbc_ui_radio { height: 1.5625rem !important; width: 1.5625rem; } } /* 3.3.5 Toggle elements, instead of checkboxes ------------------------------------------------------------------ */ .wpbc_ui__toggle { align-items:flex-start; display:flex; gap:10px; } .wpbc_ui__toggle input[type=checkbox] { display:none; height:0; width:0; } .wpbc_ui__toggle input[type=checkbox]:checked+label.wpbc_ui__toggle_icon { background-color:#036aab; } .wpbc_ui__toggle input[type=checkbox]:checked+label.wpbc_ui__toggle_icon:after { left:calc( 100% - 13px - 2px); } .wpbc_ui__toggle span, .wpbc_ui__toggle label { align-items:flex-start; display:flex; gap:10px; margin:0; vertical-align:unset; } .wpbc_ui__toggle .wpbc_ui__toggle_label:hover { cursor:pointer; } .wpbc_ui__toggle .wpbc_ui__toggle_status { color:#86919e; font-size:12px; line-height:14px; margin:2px 5px; } .wpbc_ui__toggle .wpbc_ui__toggle_icon { background-color:#bbbbbb; border-radius:8.5px; cursor:pointer; display:inline-block; height:17px; margin:0 1px; position:relative; text-indent:-9999px; width:27px; flex:0 0 auto; } .wpbc_ui__toggle .wpbc_ui__toggle_icon:after { background:#ffffff; border-radius:50%; content:""; height:13px; left:2px; position:absolute; top:2px; width:13px; transition-property:all; transition-duration:0.25s; transition-timing-function:ease-out; } .wpbc_ui__toggle .wpbc-help-tooltip { margin:0 !important; } .wpbc_ui__toggle:hover input:checked+label.wpbc_ui__toggle_icon { background-color:#215d8f; } .wpbc_ui__toggle:hover .wpbc_ui__toggle_icon { background-color:#777777; } /* Fix compatibility for toggle */ .wpbc_ui__toggle:hover input:disabled+label.wpbc_ui__toggle_icon, .wpbc_ui__toggle input[type=checkbox]:disabled+label.wpbc_ui__toggle_icon { background-color:#ddd; cursor:not-allowed; } .wpbc_ui__toggle input[type=checkbox]:checked:disabled+label.wpbc_ui__toggle_icon{ background-color:#c9dbe6 } .ui_element .wpbc_ui__toggle { align-items: center; } .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element .wpbc_ui__toggle > *{ margin:0; } /* Fix compatibility for toggle - Settings Tables */ .form-table td fieldset .wpbc_ui__toggle{ margin: 5px 0; display: inline-flex; } .form-table td fieldset .wpbc_ui__toggle input[type=checkbox]+label.wpbc_ui__toggle_icon { margin:3px 0 0.5em !important } .form-table td fieldset .wpbc_ui__toggle label *, .form-table td fieldset .wpbc_ui__toggle label { line-height:1.6; /*display:flex;*/ /*justify-content:center;*/ /*align-items:center;*/ margin:0 1px !important; } .wpbc_ui__toggle input[type=checkbox].wpbc_visible_but_out_screen { display:block; visibility: hidden; position: absolute; } /* Red toggle */ .wpbc_toggle_danger.wpbc_ui__toggle input[type=checkbox]:checked+label.wpbc_ui__toggle_icon { background-color:#d63638; } .wpbc_toggle_danger.wpbc_ui__toggle:hover input:checked+label.wpbc_ui__toggle_icon { background-color:#d63638; } /* 3.4. Addon ------------------------------------------------------------------------------------------------------ */ .ui_element .wpbc_ui_addon { flex: 0 1 auto; display: flex; flex-flow: row wrap; justify-content: stretch; align-items: center; } /* 3.5 Labels ------------------------------------------------------------------------------------------------------ */ .ui_element label.wpbc_ui_control_label { flex: 0 1 auto; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; padding: 0 5px 2px 0; padding-bottom: 1px; } .ui_element label.wpbc_ui_control_label + .wpbc_ui_control:first-of-type { border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; } /* 3.6. Separator ------------------------------------------------------------------------------------------------------ */ .ui_element .wpbc_ui_separtor { flex: 0 1 auto; display: flex; flex-flow: row wrap; justify-content: stretch; align-items: center; border-right: 1px solid #ccc; } /* 3.7. Horizontal Text Bar ------------------------------------------------------------------------------------------------------ */ .ui_element .wpbc_option_separator, .ui_element .wpbc_option_step { padding-right: 10px; padding-left: 10px; font-weight: 600; border-bottom: 4px solid transparent; padding-bottom: 9px; margin-bottom: -9px; } .ui_element .wpbc_passed_step { border-bottom: 4px solid #d0d3c0; /*border-bottom: 4px solid #c8c0b7;*/ } .ui_element .wpbc_selected_step { border-bottom: 4px solid #aac71e; /*border-bottom: 4px solid #c7751e;*/ } /**********************************************************************************************************************/ /* 4. Dropdown List */ /**********************************************************************************************************************/ .ui_element .wpbc_ui_dropdown__outside_label{ flex: 0 1 auto; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; padding: 0 10px 2px 0; padding-bottom: 1px; } .ui_element .wpbc_ui_dropdown { flex: 0 1 auto; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; position: relative; } .ui_element .wpbc_ui_dropdown * { box-sizing: border-box; } .ui_element .wpbc_ui_dropdown .wpbc_ui_dropdown__inside_label{ font-weight: 600; margin:0; padding:0 0.5em 0 0; } .ui_element .wpbc_ui_dropdown .wpbc_ui_dropdown__inside_caret { display: inline-block; width: 0; height: 0; margin-left: 7px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } /* ---------------------------------------------------------------------------------------------------------- */ /* BORDER RADIUS */ /* ---------------------------------------------------------------------------------------------------------- */ .ui_element .wpbc_ui_dropdown:last-child > .wpbc_ui_button:last-of-type { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* In case, if have several elements in .ui_element (like "button dropdown button"), - make borders not round */ /* Left border not round */ .ui_element .wpbc_ui_dropdown:not(:first-child) > .wpbc_ui_button:first-child{ border-top-left-radius: 0; border-bottom-left-radius: 0; } /* Right border not round */ .ui_element .wpbc_ui_dropdown:not(:last-child) > .wpbc_ui_button:last-child{ border-top-right-radius: 0; border-bottom-right-radius: 0; } /* If we have outside label, then we need to make left border round */ .ui_element .wpbc_ui_dropdown__outside_label + .wpbc_ui_dropdown > .wpbc_ui_button:first-child{ border-top-left-radius: 3px; border-bottom-left-radius: 3px; } /* ---------------------------------------------------------------------------------------------------------- */ /* OPTIONS (Drop Down Menu) in Dropdown List */ /* ---------------------------------------------------------------------------------------------------------- */ /* Complex OPTION - this option include some INPUT elements --------------- */ .wpbc_ui_dropdown .ui_dropdown_menu li.ui_complex_option_element{ display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; margin:0; padding: 0 15px; } .wpbc_ui_dropdown ul.ui_dropdown_menu li.ui_complex_option_element .ui_element { flex: 0 1 50%; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; margin:0; padding: 4px 0; } .wpbc_ui_dropdown ul.ui_dropdown_menu li.ui_complex_option_element .ui_element > * { flex: 0 1 auto; margin:0; height:auto; max-width: 210px; } /* ---------------------------- General backdrop --------------------------- */ .ui_element .wpbc_ui_dropdown .ui_dropdown_menu { display: none; position: absolute; top: 100%; left: 0; z-index: 1000; float: left; min-width: 160px; padding: 5px 0; margin: 0; list-style: none; text-align: left; background-color: #ffffff; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0 0 3px 3px; background-clip: padding-box; } .ui_element .wpbc_ui_dropdown .ui_dropdown_menu-left { } .ui_element .wpbc_ui_dropdown .ui_dropdown_menu-right { left: auto; right:0; } .ui_element .wpbc_ui_dropdown ul.ui_dropdown_menu *{ font-size: 13px; } @media screen and (max-width: 782px) { .ui_element .wpbc_ui_dropdown ul.ui_dropdown_menu *{ font-size: 14px; line-height: 2em; } } /* ---------------------------- Open --------------------------------------- */ .ui_element .wpbc_ui_dropdown.open > .ui_dropdown_menu { display: block; } /* ---------------------------- Align: left | right ------------------------ */ .ui_element .wpbc_ui_dropdown .ui_dropdown_menu.pull-right, .ui_element .wpbc_ui_dropdown .ui_dropdown_menu.ui_dropdown_menu_right { left: auto; right: 0; } .ui_element .wpbc_ui_dropdown .ui_dropdown_menu.ui_dropdown_menu_left { left: 0; right: auto; } /* ---------------------------- Divider ------------------------------------ */ .ui_element .wpbc_ui_dropdown .ui_dropdown_menu hr{ height: 1px; margin: 5px 0; overflow: hidden; background: none; border: 0; border-top: 1px solid #eeeeee; } /* ---------------------------- Header ------------------------------------- */ .wpbc_ui_dropdown .ui_dropdown_menu li.dropdown-header { padding:0 15px; color: #999; font-size: 0.8em; font-style: italic; font-weight: 600; } /* ---------------------------- LI ----------------------------------------- */ .wpbc_ui_dropdown .ui_dropdown_menu li { padding:0; margin:0; } /* ---------------------------- A ------------------------------------------ */ .ui_element .wpbc_ui_dropdown .ui_dropdown_menu a { clear: both; display: block; font-weight: 400; padding: 5px 15px; white-space: nowrap; /*font-size: 13px;*/ line-height: 18px; } .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > li > a { color: #333333; text-decoration: none; font-weight: 400; padding:5px 15px; white-space: nowrap; display: block; clear: both; font-size: 1em; line-height: 1.42857143; } /* ---------------------------- A :hover :focus .active -------------------- */ .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > li > a:hover, .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > li > a:focus, .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > .active > a, .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > .active > a:hover, .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > .active > a:focus { color: #fff; background: #08c; text-decoration: none; outline: none; box-shadow: none; } /* ---------------------------- .disabled A ------------------------------ */ .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > .disabled > a, .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > .disabled > a:hover, .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > .disabled > a:focus { color: #ccc; } .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > .disabled > a:hover, .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .ui_element .wpbc_ui_dropdown .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } /**********************************************************************************************************************/ /* 5. Several elements in a ".ui_element" group -------------------------------------------------------------------- */ .ui_element .wpbc_ui_control { border-radius: 0; border-width:1px; /*border-right-width:0;*/ border-right-width:1px; margin-right:-1px!important; } .ui_element .wpbc_ui_control:first-child{ border-radius: 3px 0 0 3px; } .ui_element .wpbc_ui_control:last-child { border-radius: 0 3px 3px 0; border-width:1px; } .ui_element .wpbc_ui_control:first-child:last-child { border-radius: 3px; } /**********************************************************************************************************************/ /** Toolbar */ /**********************************************************************************************************************/ .ui_nowrap { flex-wrap:nowrap !important; } /* Toolbar --------------------------------------------------------------------------------------------------------- */ .wpbc_ajx_toolbar { position:relative; margin: 0 0 10px 50px; } .wpbc_ajx_toolbar * { box-sizing: border-box; } /* Row of simple buttons somewhere in a page */ .wpbc_ajx_toolbar.wpbc_buttons_row { position: initial; margin:0; float:left; } .wpbc_ajx_toolbar.wpbc_buttons_row .ui_container { background: none; border: none; margin: 0; padding: 0; } .wpbc_ajx_toolbar.wpbc_no_background .ui_container{ background: none; border: none; margin: 0; padding: 0; } .wpbc_ajx_toolbar.wpbc_background_transparent .ui_container{ background: none; border: none; } /* Container ------------------------------------------------------------------------------------------------------- */ .wpbc_ajx_toolbar .ui_container{ display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; margin: 0; box-shadow: none; border: 1px solid #ccc; border-top: none; background: #f5f5f5; font-size:14px; padding: 6px 15px; } .wpbc_ajx_toolbar .ui_container:last-child{ border-radius: 0 0 2px 2px; } /* Toolbar wthout backgound and borders, for ability to insert elements somewhere in a page ---------------------------- * //FixIn: 9.6.1.5 ?><div class="wpbc_ajx_toolbar wpbc_no_borders"><?php ?><div class="ui_container ui_container_small"><?php ?><div class="ui_group"><?php ?><div class="ui_element"><?php wpbc_ajx__ui__options_checkbox__send_emails( $escaped_search_request_params, wpbc_ajx_get__request_params__names_default( 'default' ) ); ?></div><?php ?></div><?php ?></div><?php ?></div><?php */ .wpbc_ajx_toolbar.wpbc_no_borders .ui_container{ border: none; background:transparent; padding:0; } div.wpbc_ajx_toolbar.wpbc_no_borders { margin:0; } .wpbc_ajx_under_toolbar_row { display:flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; } .wpbc_ajx_under_toolbar_row .wpbc_ajx_booking_pagination { margin-left:auto; } /* Groups in container --------------------------------------------------------------------------------------------- */ .wpbc_ajx_toolbar .ui_container .ui_group{ flex: 0 1 auto; padding: 0; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; border:none; margin: 0 20px 0 0; } .wpbc_ajx_toolbar .ui_container .ui_group:last-child { margin: 0; } .wpbc_not_toolbar_is_send_emails { border-left: 1px solid #dbdbdb; padding-left: 10px; } /* Elements -------------------------------------------------------------------------------------------------------- */ .wpbc_ajx_toolbar .ui_container .ui_group .ui_element { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; flex: 0 1 auto; position: relative; margin: 0px 15px 0px 0; } .wpbc_ajx_toolbar .ui_container .ui_group .ui_element:last-child { margin-right: 0; } .wpbc_ajx_toolbar .ui_container .ui_group .ui_element > * { margin: 5px 0; } .ui_elements_divider { margin-left: 15px; } /**********************************************************************************************************************/ /** Customization */ /**********************************************************************************************************************/ .wpbc_ajx_toolbar .ui_container.ui_container_small *, .wpbc_ajx_toolbar .ui_container.ui_container_mini *, .wpbc_ajx_toolbar .ui_container.ui_container_micro *{ font-size:13px; } .wpbc_ajx_toolbar .ui_container.ui_container_mini { padding: 3px 15px; } @media (max-width: 782px) { .wpbc_ajx_toolbar .ui_container.ui_container_small *, .wpbc_ajx_toolbar .ui_container.ui_container_mini *, .wpbc_ajx_toolbar .ui_container.ui_container_micro *{ font-size:14px; } } /* Elements Height ------------------------------------------------------------------------------------------------- */ .wpbc_ajx_toolbar .ui_container .ui_group .ui_element > * { height: 38px; } .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > *, .wpbc_ajx_toolbar .ui_container.ui_container_mini .ui_group .ui_element > * { height: 30px; } .wpbc_ajx_toolbar .ui_container.ui_container_micro .ui_group .ui_element > *, .wpbc_ajx_toolbar .ui_container .ui_group .ui_element.ui_element_micro > *{ height: 22px; line-height:1; } /* Micro Elements ------------------------------------------------------------------------------------------------- */ .wpbc_ajx_toolbar .ui_container .ui_group .ui_element.ui_element_micro { margin-right: 5px; align-items: center; } .wpbc_ajx_toolbar .ui_container .ui_group .ui_element.ui_element_micro:last-child{ margin-right: 0; } @media (max-width: 782px) { .wpbc_ajx_toolbar.wpbc_buttons_row .ui_container .ui_group .ui_element > *, #toolbar_booking_listing.wpbc_ajx_toolbar .ui_container .ui_group .ui_element > * { height: 38px; } .wpbc_ajx_toolbar.wpbc_buttons_row .ui_container .ui_group .ui_element > .wpbc_ui_button, #toolbar_booking_listing.wpbc_ajx_toolbar .ui_container .ui_group .ui_element > .wpbc_ui_button { padding: 0 15px 2px; padding-bottom: 1px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } } /* Keyword -------------------------------------------------------------------------------------------------------- */ .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__dates_status { margin-right:2.5em; } .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__keyword { flex: 1 1 auto; } .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__keyword .ui_element{ flex: 1 1 auto; } .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__keyword .ui_element .wpbc_search_field { width: 100%; } /* 2nd row -------------------------------------------------------------------------------------------------------- */ .wpbc_ajx_toolbar .ui_container.ui_container_filter_row_2 { padding: 4px 15px; } .wpbc_ajx_toolbar .ui_container.ui_container_filter_row_2 .ui_group.ui_group__statuses { flex: 1 1 auto; } /**********************************************************************************************************************/ /** Booking resources - Chosen /**********************************************************************************************************************/ /** * Choozen Structure <select multiple="MULTIPLE"... div#wh_booking_type_chosen .chzn-container.chzn-container-multi .chzn-with-drop.chzn-container-active (if active) ul.chzn-choices li.search-choice <span> a.search-choice-close li.search-field input[type="text"].chzn-search-input .default (if no selected values) div.chzn-drop ul.chzn-results li.result-selected || li.active-result .highlighted (if active) */ .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi { flex: 1 1 auto; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; height: initial; width: auto !important; min-width: 10em; margin-right: -1px; } @media (max-width: 782px) { .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi { height: initial !important; } } .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi ul.chzn-choices { flex: 1 1 auto; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; align-content: center; margin: 0; padding: 0 0 0 5px; height: auto; min-height: 28px !important; border-radius: 3px 0 0 3px; } .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi.chzn-container-active ul.chzn-choices { border-color: #d8d8d8 !important; box-shadow: 0 0 0 0px #4f94d4, 0 0 1px 1px rgba(79, 148, 212, 0.8) !important; z-index: 1; outline: 2px solid transparent; } .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi ul.chzn-choices li.search-choice{ flex: 0 1 auto; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: baseline; margin: 3px 7px 3px 0; padding: 4px 7px 4px 8px; } .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi ul.chzn-choices li.search-choice span { word-wrap: break-word; } .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi ul.chzn-choices li.search-choice a.search-choice-close0{ font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; font-size: 9px; color: #555; text-decoration: none; position: relative; top: auto; left: auto; right: auto; bottom: auto; margin: 0 0 0 1em; display: flex; flex-flow: column wrap; justify-content: center; align-content: center; width: auto; height: auto; } .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi ul.chzn-choices li.search-choice a.search-choice-close0:before { content: "\e014"; } .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi ul.chzn-choices li.search-choice a.search-choice-close0:hover { text-decoration: none; } .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi ul.chzn-choices li.search-field{ flex: 0 1 1px; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; margin: 0px 0 0px 0; padding: 0; white-space: nowrap; } .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi ul.chzn-choices li.search-field input[type="text"].default { min-width: 12em; } .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi ul.chzn-choices li.search-field input[type="text"] { font-family: inherit; } .ui_container .ui_group .ui_element .chzn-container div.chzn-drop ul.chzn-results li.highlighted { color: #fff; background: #08c; text-decoration: none; outline: none; box-shadow: none; } /* #wh_booking_type_chosen { width: auto !important; display: flex; flex-flow: row wrap; justify-content: center; align-items: stretch; flex: 1 1 auto; height: initial; min-width: 10em; } #wh_booking_type_chosen .chzn-choices { display: flex; flex-flow: row wrap; justify-content: stretch; align-items: center; margin: 0px 0px; padding: 0 5px; min-height: auto !important; flex: 1 1 auto; border-radius: 3px 0 0 3px; } .chzn-container-multi .chzn-choices .search-choice a.search-choice-close { background: none; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; font-size: 9px; line-height: 1; position: relative; top: 0px; left: 15px; color: #555; text-decoration: none; } .chzn-container-multi .chzn-choices .search-choice a.search-choice-close:hover { text-decoration: none; } .chzn-container-multi .chzn-choices .search-choice a.search-choice-close:before { content: "\e014"; } #wh_booking_type_chosen .chzn-search-input.default { min-width: 12em; } #wh_booking_type_chosen.chzn-container.chzn-container-multi.chzn-container-active .chzn-choices { border-color: #d8d8d8 !important; box-shadow: 0 0 0 0px #4f94d4, 0 0 1px 1px rgba(79, 148, 212, 0.8) !important; z-index: 1; outline: 2px solid transparent; } .chzn-container-multi .chzn-choices li.search-field input[type="text"] { font-family: inherit; } .chzn-container .chzn-results li.highlighted { color: #fff; background: #08c; text-decoration: none; outline: none; box-shadow: none; } /**/ /**********************************************************************************************************************/ /* Blur ----------------------------------------------------------------------------------------------------------- */ .wpbc_blur { filter: blur(0.75px); pointer-events: none; user-select: none } .wpbc_upgrade_note { position: absolute; top: 50%; background-color: #fff; padding: 10px; border: 1px solid #D1D1D1; box-shadow: 0 3px 10px #5e5e5e33; color: #141b38; font-size: 15px; font-weight: 600; width: 100%; text-align: center; line-height: 2em; } .wpbc_upgrade_note a { text-decoration: none; border-bottom: 1px dashed; } .wpbc_upgrade_note a:hover { text-decoration: none; border-bottom: 1px solid; } /*[dir=ltr]*/ .wpbc_upgrade_note { left: 50%; transform: translate(-50%) translateY(-50%) } /* [dir=rtl] .wpbc_upgrade_note { right: 50%; transform: translate(50%) translateY(-50%) }*/ .wpbc_upgrade_note.wpbc_upgrade_theme_green { width: 70%; height: 4em; display: flex; flex-flow: column wrap; justify-content: center; align-content: center; align-items: center; border: 3px solid #5e9b05bd; border-radius: 10px; font-size: 16px; } /* Big Green Upgrade Widget Container : 2024-03-14 */ .wpbc_upgrade_widget{ transform: translate(0) translateY(0); position: relative; z-index: 999; } .wpbc_upgrade_widget .wpbc_upgrade_widget_container { background: #fff; position: relative; } .wpbc_upgrade_widget .wpbc_upgrade_widget_container .wpbc_upgrade_note { width: 70%; height: auto; display: flex; flex-flow: row nowrap; justify-content: center; align-content: flex-start; align-items: center; } .wpbc_upgrade_widget .wpbc_upgrade_widget_container .wpbc_upgrade_note div:first-child{ margin: auto; } .wpbc_upgrade_widget .wpbc_upgrade_widget_container .wpbc_upgrade_note .wpbc_panel_get_started_dismiss { align-self: flex-start; margin-left: auto; padding: 4px 10px; text-decoration: none; font-weight: 600; background: #fff; border-radius: 7px; border: none; }
| ver. 1.4 |
Github
|
.
| PHP 5.4.45 | Generation time: 0 |
proxy
|
phpinfo
|
Settings