// GENERAL // $theme-border-color: #438ec3 !default; $theme-border-size: 1px !default; $theme-border-radius: 1px !default; $theme-font-size: 13px !default; $theme-color: #636363 !default; $theme-highlight-color: #fff !default; $theme-highlight-bg-color: #438ec3 !default; // FORM // $form-width: 730px !default; $form-margin: 0 !default; $form-font-size: $theme-font-size !default; // LABELS $field-margin: 0 0 15px 0 !default; $field-label-width: 190px !default; $field-label-color: $theme-color !default; $field-label-link-color: #2988ca !default; $field-label-margin-top: 7px !default; $field-label-margin-right: 28px !default; $field-label-margin-bottom: 0 !default; $field-label-margin-left: 22px !default; $field-label-font-size: $theme-font-size !default; $price-color: #29a643 !default; // FORM STYLES (INPUT, TEXTAREA) // // Input $input-width: 426px !default; $input-height: 24px !default; $input-border-color: $theme-border-color !default; $input-border-size: $theme-border-size !default; $input-border-radius: $theme-border-radius !default; $input-color: $theme-color !default; $input-font-size: $theme-font-size !default; $input-padding: 0 7px !default; // Textarea $textarea-width: 420px !default; $textarea-height: 40px !default; $textarea-padding: 10px !default; $textarea-line-height: 18px !default; // DONE / FAIL ICONS $field-status-icon-width: 16px !default; $field-status-icon-height: 16px !default; $field-status-icon-done-bg: "/assets/ui-kit/valid_icon.png" !default; $field-status-icon-fail-bg: "/assets/ui-kit/error_icon.png" !default; // TITLES $form-title-color: #336482 !default; $form-title-font-size: 20px !default; $form-title-font-weight: normal !default; $form-title-text-transform: none !default; $form-title-text-align: center !default; $form-title-margin: 16px 0 27px 0 !default; // ORDER BOTTOM BLOCK $form-footer-width: auto !default; $form-footer-padding: 29px 0 !default; $form-footer-margin: 0 !default; $form-footer-bg-start-color: #51badc !default; $form-footer-bg-end-color: #4194bd !default; $form-footer-color: #fff !default; $form-footer-border-size: 0 !default; $form-footer-border-color: transparent !default; $form-button-height: 38px !default; $form-button-margin: 0 0 0 30px !default; $form-button-padding: 0 40px !default; $form-button-text-transform: uppercase !default; $form-button-font-size: 16px !default; $form-button-font-weight: bold !default; $form-button-color: #fff !default; $form-button-text-shadow: 0 1px 1px #000 !default; $form-button-text-align: center !default; $form-button-bg-start-color: #ed6c0a !default; $form-button-bg-end-color: #eb5c08 !default; $form-button-border-color: transparent !default; $form-button-border-size: 0 !default; $form-button-border-radius: $theme-border-radius !default; $form-button-box-shadow: 0 2px 6px 0 #474747 !default; // SELECT2 // // General configuration $select-height: $input-height; $select-sprite: "/assets/ui-kit/select.png" !default; $select-spinner: "/assets/ui-kit/select-spinner.gif" !default; $select-margin: 0 !default; $select-float: left !default; $select-font-size: $theme-font-size !default; $select-border-radius: $theme-border-radius !default; $select-border-color: $theme-border-color !default; $select-border-size: $theme-border-size !default; // Error border color $select-error-color: #ec373e !default; // When select disabled $select-disabled-bg: #f4f4f4 !default; $select-disabled-color: #666 !default; $select-disabled-border-color: #ddd !default; // Choice styles $select-choice-padding: 0 0 0 7px !default; $select-choice-color: $theme-color !default; $select-choice-bg-start-color: #fff !default; $select-choice-bg-end-color: #fff !default; // Arrow styles $select-arrow-container-width: 25px !default; $select-arrow-container-bg-start-color: #fff !default; $select-arrow-container-bg-end-color: #fff !default; $select-arrow-width: 13px !default; $select-arrow-height: 7px !default; $select-arrow-bg-color: $theme-highlight-bg-color !default; // Drop styles $select-drop-color: #000 !default; $select-drop-bg-color: #fff !default; // Search and search input styles $select-search-min-height: 24px !default; $select-search-border-color: $theme-border-color !default; $select-search-border-size: 1px !default; $select-search-font-size: $theme-font-size !default; $select-search-padding: 4px 4px 4px 4px !default; $select-search-margin: 0 !default; $select-search-input-padding: 4px 20px 4px 5px !default; $select-search-input-margin: 0 !default; // Drop results styles $select-results-max-height: 200px !default; $select-results-margin: 0 !default; $select-results-padding: 0 !default; // Highlighted colors $select-highlighted-bg: $theme-highlight-bg-color !default; $select-highlighted-color: $theme-highlight-color !default; // When select has tree inside drop results $select-tree-root-color: $theme-border-color !default; $select-tree-border-color: $theme-border-color !default; // BUTTONSET // // General styles $buttonset-display: table !default; $buttonset-width: 100% !default; $buttonset-font-size: $theme-font-size !default; $buttonset-border-radius: $theme-border-radius !default; // Inside buttons styles $buttonset-button-display: table-cell !default; $buttonset-button-color: $theme-color !default; $buttonset-button-padding: 5px 0 !default; $buttonset-button-margin: 0 !default; $buttonset-button-border-size: $theme-border-size !default; $buttonset-button-border-color: $theme-border-color !default; $buttonset-button-bg-start-color: #fff !default; $buttonset-button-bg-end-color: #fff !default; $buttonset-payment-method-sprite: "/assets/ui-kit/payment_icons.png" !default; // Active styles $buttonset-button-active-color: $theme-highlight-color !default; $buttonset-button-active-border-color: $theme-highlight-bg-color !default; $buttonset-button-active-bg-start-color: $theme-highlight-bg-color !default; $buttonset-button-active-bg-end-color: $theme-highlight-bg-color !default; // Level buttonset $level-buttonset-width: 150px !default; $level-buttonset-min-height: 123px !default; $level-buttonset-margin: 0 20px 0 0 !default; $level-buttonset-color: $theme-color !default; $level-buttonset-border-size: 2px !default; $level-buttonset-border-color: $theme-border-color !default; $level-buttonset-title-bg-color: $theme-highlight-bg-color !default; $level-buttonset-title-heading-color: #74ffbc !default; $level-buttonset-title-color: #fff !default; $level-buttonset-title-arrow-height: 24px !default; $level-buttonset-active-color: $theme-color !default; $level-buttonset-active-border-size: 3px !default; $level-buttonset-active-border-color: #ef6810 !default; $level-buttonset-active-title-bg-color: $theme-highlight-bg-color !default; $level-buttonset-active-title-color: $level-buttonset-title-color !default; // SPINNER // $spinner-width: 94px !default; $spinner-height: $input-height !default; $spinner-border-size: $theme-border-size !default; $spinner-border-color: $theme-border-color !default; $spinner-border-radius: $theme-border-radius !default; $spinner-bg-start-color: #fff !default; $spinner-bg-end-color: #fff !default; $spinner-input-color: $theme-color !default; $spinner-input-padding: 0 !default; $spinner-input-margin: 0 !default; $spinner-input-text-align: center !default; $spinner-input-font-size: $theme-font-size !default; $spinner-input-border-radius: 0 !default; $spinner-controls-width: 25px !default; $spinner-controls-bg-color: #fff !default; $spinner-arrow-width: 13px !default; $spinner-arrow-height: 7px !default; $spinner-arrow-bg-color: $theme-highlight-bg-color !default; // TABS AND TAB ITEMS // // Tab items $tab-item-width: 100% !default; $tab-item-padding-top: 15px !default; $tab-item-padding-right: 0 !default; $tab-item-padding-bottom: 0 !default; $tab-item-padding-left: 0 !default; $tab-item-margin: 0 !default; $tab-item-bg-color: #fff !default; $tab-item-border-size: 0px !default; $tab-item-border-color: transparent !default; $tab-item-border-top-radius: 4px !default; $tab-item-border-bottom-radius: 4px !default; $tab-item-box-shadow: 0 0 6px 0 #6F6F6F !default; // Customer tabs $tabs-bg-color: #f2eeff !default; // Customer tabs menu link $tabs-link-height: 31px !default; $tabs-link-margin: 0 25px 0 0 !default; $tabs-link-padding: 0 10px !default; $tabs-link-color: #81a7c1 !default; $tabs-font-size: 16px !default; $tabs-link-bg-start-color: #dfdbed !default; $tabs-link-bg-end-color: #dfdbed !default; $tabs-link-border-color: #abcbe0 !default; $tabs-link-border-size: 1px !default; $tabs-link-border-radius: $theme-border-radius !default; $tabs-link-box-shadow: none !default; $tabs-link-text-shadow: none !default; // Customer tabs menu link active styles $tabs-link-active-color: $theme-highlight-color !default; $tabs-link-active-border-size: 0 !default; $tabs-link-active-border-color: transparent !default; $tabs-link-active-bg-start-color: $theme-highlight-bg-color !default; $tabs-link-active-bg-end-color: $theme-highlight-bg-color !default; $tabs-link-active-box-shadow: 0 0 6px 0 #6f6f6f inset !default; $tabs-link-active-text-shadow: none !default; // UNIFORM // $uniform-sprite: "/assets/ui-kit/uniform_sprite.png" !default; $uniform-sprite-size: 493px !default; $uniform-button-height: 30px !default; $uniform-button-margin-left: 13px !default; $uniform-button-padding: 0 !default; $uniform-button-span-height: $uniform-button-height !default; $uniform-checkbox-height: 19px !default; $uniform-checkbox-width: 19px !default; $uniform-input-padding: 3px !default; $uniform-input-background: "/assets/ui-kit/uniform_bg_input.png" !default; $uniform-input-background-focus: "/assets/ui-kit/uniform_bg_input_focus.png" !default; $uniform-input-background-size: 1px !default; $uniform-radio-height: 18px !default; $uniform-radio-width: 18px !default; $uniform-select-fixed-width: 190px !default; $uniform-select-height: 26px !default; $uniform-select-margin-left: 10px !default; $uniform-select-margin-right: 25px !default; $uniform-select-select-height: 22px !default; $uniform-select-select-top: 2px !default; $uniform-upload-action-width: 85px !default; $uniform-upload-filename-margin-top: 2px !default; $uniform-upload-filename-margin-bottom: 2px !default; $uniform-upload-filename-margin-left: 2px !default; $uniform-upload-filename-width: 82px !default; $uniform-upload-filename-padding: 0 10px !default; $uniform-upload-height: 28px !default; $uniform-upload-width: 190px !default; $uniform-checkbox-voffset: (-10 * $uniform-select-height); $uniform-radio-voffset: ($uniform-checkbox-voffset - $uniform-checkbox-height); $uniform-upload-voffset: ($uniform-radio-voffset - $uniform-radio-height); $uniform-button-voffset: ($uniform-upload-voffset - (8 * $uniform-upload-height)); $uniform-class-action: ".action" !default; $uniform-class-active: ".active" !default; $uniform-class-button: ".button" !default; $uniform-class-checkbox: ".checker" !default; $uniform-class-checked: ".checked" !default; $uniform-class-disabled: ".disabled" !default; $uniform-class-input: ".uniform-input" !default; $uniform-class-filename: ".filename" !default; $uniform-class-focus: ".focus" !default; $uniform-class-hover: ".hover" !default; $uniform-class-multiselect: ".uniform-multiselect" !default; $uniform-class-radio: ".radio" !default; $uniform-class-select: ".selector" !default; $uniform-class-upload: ".uploader" !default; $uniform-class-textarea: ".uniform" !default; $uniform-class-wrapper: "" !default; $uniform-class-wrapper-element: ""; @if $uniform-class-wrapper != "" { $uniform-class-wrapper-element: "span" } // TOOLTIP // // Tooltip binder styles $tooltip-icon: "/assets/ui-kit/tooltip.png" !default; $tooltip-width: 18px !default; $tooltip-height: 18px !default; $tooltip-margin: 5px 0 0 5px !default; // Tooltip drop styles $tooltip-drop-width: 180px !default; $tooltip-drop-bg-color: $theme-highlight-bg-color !default; $tooltip-drop-color: $theme-highlight-color !default; $tooltip-drop-font-size: 13px !default; $tooltip-drop-padding: 10px !default; $tooltip-drop-border-radius: 3px !default; // UPLOADER // $uploader-margin: 0 0 15px 0 !default; $uploader-input-width: 170px !default; $uploader-input-float: left !default; $uploader-button-width: auto !default; $uploader-button-height: ($input-height + $input-border-size * 2) !default; $uploader-button-padding: 0 19px !default; $uploader-button-margin: 0 0 0 (-$input-border-radius); $uploader-button-bg-start-color: $theme-highlight-bg-color !default; $uploader-button-bg-end-color: $theme-highlight-bg-color !default; $uploader-button-border-color: transparent !default; $uploader-button-border-size: 0px !default; $uploader-button-border-left-radius: 0px !default; $uploader-button-border-right-radius: $theme-border-radius !default; $uploader-button-color: $theme-highlight-color !default; $uploader-button-font-size: 15px !default; $uploader-button-font-weight: normal !default; $uploader-button-text-transform: uppercase !default; $uploader-button-text-shadow: 0px 1px 1px #000 !default; // PRICES // $price-margin: 0 auto !default; $price-bg-color: #fff !default; $price-border-color: #accbdf !default; $price-border-size: 1px !default; $price-table-bg-color: #f1f5f7 !default; $price-item-border-color: $theme-highlight-bg-color !default; $price-item-border-size: 1px !default; $price-item-active-border-color: #2988ca !default; $price-resume-border-color: $theme-highlight-bg-color !default; $price-resume-highlight-bg-color: $theme-highlight-bg-color !default; $price-resume-highlight-color: $theme-highlight-color !default; $price-badge-popuplar-bg-color: #eb5f09 !default; $price-badge-other-bg-color: #37b6a4 !default;