1 line
36 KiB
Plaintext
1 line
36 KiB
Plaintext
{"version":3,"sources":["theme/_button-builder-colorpicker.scss","theme/_variables.scss","button-builder.css","theme/_button-builder.scss"],"names":[],"mappings":"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","file":"button-builder.css","sourcesContent":["\r\n/**=====================\r\n 65. Button Builder color picker CSS Start\r\n==========================**/\r\n//urls\r\n$url_0: url(../images/colorpicker_background.png);\r\n$url_1: url(../images/button_builder/colorpicker_overlay.png);\r\n$url_2: url(../images/button_builder/colorpicker_select.gif);\r\n$url_3: url(../images/colorpicker_indic.gif);\r\n$url_4: url(../images/colorpicker-hex.png);\r\n$url_5: url(../images/colorpicker-rgb-r.png);\r\n$url_6: url(../images/colorpicker-rgb-g.png);\r\n$url_7: url(../images/colorpicker-rgb-b.png);\r\n$url_8: url(../images/colorpicker_hsb_h.png);\r\n$url_9: url(../images/colorpicker_hsb_s.png);\r\n$url_10: url(../images/colorpicker-hsb-b.png);\r\n$url_11: url(../images/colorpicker-submit.png);\r\n\r\n.button-builder {\r\n .colorpicker {\r\n width: 325px;\r\n height: 176px;\r\n overflow: hidden;\r\n position: absolute;\r\n display: none;\r\n z-index: 8;\r\n background: $dark-color;\r\n border: 1px solid $light-gray;\r\n\r\n input {\r\n background-color: transparent;\r\n border: 1px solid transparent;\r\n position: absolute;\r\n font-size: 10px;\r\n color: $light-gray;\r\n top: 4px;\r\n right: 11px;\r\n text-align: right;\r\n margin: 0;\r\n padding: 0;\r\n height: 11px;\r\n }\r\n }\r\n .colorpicker-color {\r\n width: 150px;\r\n height: 150px;\r\n left: 14px;\r\n top: 13px;\r\n position: absolute;\r\n background: $danger-color;\r\n overflow: hidden;\r\n cursor: crosshair;\r\n div {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 150px;\r\n height: 150px;\r\n background: $url_1;\r\n div {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 11px;\r\n height: 11px;\r\n overflow: hidden;\r\n background: $url_2;\r\n margin: -5px 0 0 -5px;\r\n }\r\n }\r\n }\r\n .colorpicker-hue {\r\n position: absolute;\r\n top: 13px;\r\n left: 171px;\r\n width: 35px;\r\n height: 150px;\r\n cursor: n-resize;\r\n div {\r\n position: absolute;\r\n width: 35px;\r\n height: 9px;\r\n overflow: hidden;\r\n margin: -4px 0 0;\r\n left: 0;\r\n }\r\n }\r\n .colorpicker-new-color {\r\n position: absolute;\r\n width: 60px;\r\n height: 30px;\r\n left: 213px;\r\n top: 13px;\r\n background: $danger-color;\r\n }\r\n .colorpicker-current-color {\r\n position: absolute;\r\n width: 60px;\r\n height: 30px;\r\n left: 283px;\r\n top: 13px;\r\n background: $danger-color;\r\n }\r\n .colorpicker-hex {\r\n position: absolute;\r\n width: 72px;\r\n height: 22px;\r\n left: 212px;\r\n top: 142px;\r\n input {\r\n right: 6px;\r\n }\r\n &.colorpicker-focus {\r\n background-position: bottom;\r\n }\r\n }\r\n .colorpicker-field {\r\n height: 22px;\r\n width: 62px;\r\n background-position: top;\r\n position: absolute;\r\n span {\r\n position: absolute;\r\n width: 12px;\r\n height: 22px;\r\n overflow: hidden;\r\n top: 0;\r\n right: 0;\r\n cursor: n-resize;\r\n }\r\n }\r\n .colorpicker-rgb-r {\r\n top: 52px;\r\n left: 212px;\r\n }\r\n .colorpicker-rgb-g {\r\n top: 82px;\r\n left: 212px;\r\n }\r\n .colorpicker-rgb-b {\r\n top: 112px;\r\n left: 212px;\r\n }\r\n .colorpicker_hsb_h {\r\n top: 52px;\r\n left: 282px;\r\n }\r\n .colorpicker_hsb_s {\r\n top: 82px;\r\n left: 282px;\r\n }\r\n .colorpicker-hsb-b {\r\n top: 112px;\r\n left: 282px;\r\n }\r\n .colorpicker-submit {\r\n position: absolute;\r\n width: 22px;\r\n height: 22px;\r\n left: 322px;\r\n top: 142px;\r\n overflow: hidden;\r\n &.colorpicker-focus {\r\n background-position: bottom;\r\n }\r\n }\r\n .colorpicker-focus {\r\n background-position: center;\r\n }\r\n .colorpicker-slider {\r\n background-position: bottom;\r\n }\r\n}\r\n/**=====================\r\n 65. Button Builder colorpicker CSS start\r\n==========================**/\r\n","// General variables\r\n$theme-font-color: #2b2b2b;\r\n$theme-body-font-color: #242934;\r\n$theme-body-sub-title-color: rgba($theme-body-font-color, 0.7);\r\n// Theme colors variables\r\n$primary-color: #24695c;\r\n$secondary-color:#ba895d;\r\n$success-color: #1b4c43;\r\n$warning-color: #e2c636;\r\n$danger-color: #d22d3d;\r\n$light-color : #f4f4f4;\r\n$light-gray : #e6edef;\r\n$light-semi-gray :#efefef;\r\n$dark-light :$theme-font-color;\r\n$dark-gray \t: #898989;\r\n$dark-color : #2c323f;\r\n$gray-60 :#cccccc ;\r\n$card-body-color : #f9f9fa;\r\n$transparent-color: transparent;\r\n$auth-bg-color:#fafafa;\r\n$light : #fdfeff;\r\n$semi-dark :#59667a;\r\n$light-text: #999;\r\n$light-background: #f5f7fb;\r\n$light-font: #717171;\r\n$light-semi-font: $semi-dark;\r\n$light-chartist-grid-color: #f6f9fd;\r\n$off-white: #ffebce;\r\n$dark-primary: #448aff;\r\n$pitch-color: #fe8a7d;\r\n$light-pitch: #fecf8b;\r\n$flower-pink: #fb6d9d;\r\n$dark-sky: #536dfe;\r\n$color-scarpa: #4c5667;\r\n$color-fiord: #455a64;\r\n$dark-blue: #00008B;\r\n$black : #000;\r\n$white:#fff;\r\n$yellow:#f4c705;\r\n$btn-bhome-bg-c:#ff6060;\r\n$btn-search-bg-c:#ffd042;\r\n$btn-opacity-down-primary:#F7F0FF;\r\n// error page color end\r\n\r\n// gradient colors\r\n$gradient-primary: linear-gradient(#1693f8, #0d67e9);\r\n\r\n//social colors\r\n$fb: #50598e;\r\n$twitter: #6fa2d8;\r\n$google-plus: #c64e40;\r\n$linkedin: #0077B5;\r\n\r\n//error input color start\r\n$light-body-bg-color:#fafdff;\r\n\r\n//fonts\r\n$font-montserrat:'Montserrat', sans-serif;\r\n$font-roboto:'Roboto', sans-serif;\r\n$font-rubik:'Rubik', sans-serif;\r\n$font-nunito: Nunito;\r\n$font-raleway: Raleway;\r\n$font-serif: sans-serif;\r\n$font-themify: themify;\r\n$font-awesome: FontAwesome;\r\n$font-ICO: IcoFont;\r\n\r\n\r\n// dark layout variables\r\n$dark-body-background: #202938;\r\n$dark-card-background: #111727;\r\n$dark-card-inbox: #323846;\r\n$dark-small-font-color:#98a6ad;\r\n$dark-all-font-color: rgba(255,255,255,0.7);\r\n$light-all-font-color: rgba(255,255,255,0.2);\r\n$sidebar-submenu-font-color:rgba(255,255,255,0.7);\r\n$dark-border-color: $dark-body-background;\r\n// $dark-card-border:#374558;\r\n$dark-card-border: rgba($primary-color,0.2);\r\n$dark-editor-document: #2b2b2b;\r\n$bg-dark-color: #1f2533;\r\n$dark-datatable-odd: #1f232b;\r\n$dark-datatable-sorting: #1c212b;\r\n$dark-datatable-sorting-even: #22262f;\r\n$dark-even-hover-sorting: #191e27;\r\n\r\n//General tag settings\r\n$body-font-size: 14px;\r\n$body-font-color: $theme-body-font-color;\r\n$ul-padding-left: 0px;\r\n$ul-padding-right: 0px;\r\n$ancher-color: $primary-color;\r\n$btn-focus-box-shadow: none;\r\n$all-focus-outline-color: $primary-color;\r\n\r\n$paragraph-font-size: 14px;\r\n$paragraph-line-height: 1.7;\r\n$paragraph-letter-spacing : inherit;\r\n\r\n$code-tag-color: $primary-color;\r\n$code-tag-bg-color: rgba($primary-color, 0.03);\r\n$code-tag-padding: 3px;\r\n$code-tag-margin: 0 3px;\r\n$code-tag-border-radious: 2px;\r\n\r\n$blockquote-padding : 15px;\r\n$blockquote-border : 4px solid $light-gray;\r\n\r\n$small-tag-padding: 10px;\r\n$small-tag-color: $dark-color;\r\n\r\n$pre-tag-bg-color: rgba($primary-color, 0.03);\r\n$pre-tag-padding: 20px 0;\r\n\r\n$list-group-active-bg-color: $primary-color;\r\n$list-group-active-border-color: $primary-color;\r\n$list-group-img-size: 40px;\r\n$list-group-margin: 10px;\r\n\r\n\r\n// Tables settings\r\n$table-b-margin: 0px;\r\n$table-heading-color: $theme-body-font-color;\r\n$table-row-color: $theme-body-font-color;\r\n$table-footer-font-weight: bold;\r\n$table-inverse-color: $white;\r\n$table-hover-color: $light;\r\n$table-padding: 0.75rem;\r\n$table-xl-padding: 1.25rem 2rem;\r\n$table-xl-font: 120%;\r\n$table-lg-padding: .9rem 2rem;\r\n$table-lg-font: 110%;\r\n$table-de-padding: .75rem 2rem;\r\n$table-de-font: 100%;\r\n$table-sm-padding: .5rem 2rem;\r\n$table-sm-font: 90%;\r\n$table-xs-padding: 0.2rem 2rem;\r\n$table-xs-font: 80%;\r\n$horizontal-border-color: #f2f4ff;\r\n$horizontal-padding: .75rem 2rem;\r\n$table-inverse-bg-color: #292b2c;\r\n\r\n\r\n//According setting\r\n$according-card-top-margin : 10px;\r\n$according-btn-weight : 500;\r\n$according-btn-color : $theme-body-font-color;\r\n$according-card-header-padding : 1rem 1.25rem;\r\n$according-card-header-icon : $font-ICO;\r\n$according-open-icon : \"\\eb73\";\r\n$according-close-icon : \"\\eb7a\";\r\n\r\n//Alert settings\r\n$alert-hover-color :$dark-color;\r\n$alert-border-radious :0.15rem;\r\n$alert-padding :15px;\r\n$alert-msg-icon-size :16px;\r\n\r\n//badge settings\r\n$badge-padding :0.44em 0.7em;\r\n$badge-svg-size :10px;\r\n\r\n//form input settings\r\n$form-group-margin-bottom : 1.25em;\r\n$col-form-label-font-size : 14px;\r\n$form-control-font-size : 14px;\r\n$form-control-border-radious : 2px;\r\n$form-control-border-color : $light-gray;\r\n\r\n//breadcrumb setting\r\n$breadcrumb-ancher-color : $white;\r\n$breadcrumb-ancher-dark-color : $black;\r\n\r\n//buttons setting\r\n$btn-font-size : 14px;\r\n$btn-padding : 0.375rem 1.75rem;\r\n$btn-lg-font-size: 18px;\r\n$btn-sm-font-size: 12px;\r\n$btn-xs-font-size: 10px;\r\n$btn-xs-padding: 0.2rem 0.7rem;\r\n\r\n\r\n//Card settings\r\n$card-padding :30px;\r\n$card-margin-bottom :30px;\r\n$card-border-color :1px solid $light-gray;\r\n$card-border-radious :0;\r\n$border-secondary:#ede7e4 ;\r\n$common-shadow-color : rgba($light-font, 0.08);\r\n$card-box-shadow : 0 25px 50px rgba(8,21,66,.06);\r\n$card-header-font-weight : 600;\r\n$card-header-bg-color : $white;\r\n$card-header-font-transform : capitalize;\r\n$card-header-span-size : 12px;\r\n$card-header-span-color : $theme-body-sub-title-color;\r\n$card-body-bg-color : $transparent-color;\r\n// $card-body-bg-color : $white;\r\n$card-footer-bg-color : $white;\r\n\r\n//footer settings\r\n$footer_bg_color : $white;\r\n$footer_box_shadow : 0 0 20px 16px rgba(4,122,251,0.04);\r\n$footer_link_align : right;\r\n$footer_dark_color : $theme-font-color;\r\n$footer_dark__txt_color : $white;\r\n\r\n//form settings\r\n$form-group-margin-bottom :20px;\r\n$sm-form-margin-bottom : 14px;\r\n$form-placeholder-color : $dark-gray;\r\n$form-placeholder-font-size : 14px;\r\n$form-placeholder-letter-spacing : 1px;\r\n$form-placeholder-font-weight : 100;\r\n$form-input-border-color : $light-semi-gray;\r\n$form-input-bg-color : $white;\r\n\r\n//Tour settings\r\n$tour-color: $primary-color;\r\n\r\n\r\n\r\n//sidabr main settings\r\n$sidebar-width: 255px;\r\n$sidebar-position: fixed;\r\n$sidebar-background-color: $white;\r\n$sidebar-shadow: 0 0 11px rgba(69, 110, 243, 0.13);\r\n$sidebar-overflow: auto;\r\n$sidebar-z-index: 9;\r\n$sidebar-transition: 0.5s;\r\n\r\n//sidebar profile settings\r\n$sidebar-user-section-padding: 10px;\r\n$sidebar-user-section-shadow: 3px 2px 7px -1px rgba(68, 102, 242, 0.13);\r\n$sidebar-profile-edit-icon-size: 14px;\r\n$sidebar-profile-name-txt-color : $primary-color;\r\n$sidebar-profile-name-txt-transfer : uppercase;\r\n$sidebar-profile-name-txt-weight : 600;\r\n$sidebar-profile-name-letter-specing : 1.5px;\r\n$sidebar-profile-name-marging : 3px;\r\n$sidebar-profile-sub-title-font-size: 10px;\r\n$sidebar-profile-sub-title-margin: 0px;\r\n$sidebar-profile-img-shadow: 0 0 15px rgba(68, 102, 242, 0.3);\r\n\r\n//Sidebar main menu setting\r\n$sidebar-menu-padding: 15px;\r\n$sidebar-menu-list-style: none;\r\n$sidebar-menu-list-margin: 0;\r\n\r\n$sidebar-icon-size: 14px;\r\n$sidebar-icon-margin: 14px;\r\n$sidebar-icon-stroke-width: 3px;\r\n$sidebar-font-size: 14px;\r\n$sidebar-letter-specing: 0.5px;\r\n$sidebar-txt-transform: capitalize;\r\n$sidebar-font-weight: 600;\r\n$sidebar-font-color: $theme-body-font-color;\r\n$sidebar-padding-top: 12px;\r\n$sidebar-padding-bottom: 12px;\r\n$sidebar-sub-header-padding: 15px;\r\n$sidebar-sub-header-margin: 0;\r\n$sidebar-heading-hover-padding: 5px;\r\n$sidebar-hover-txt-color: $primary-color;\r\n$sidebar-arrow-margin-top: 2px;\r\n$sidebar-arrow-size: 15px;\r\n$sidebar-arrow-color: $theme-body-font-color;\r\n$sidebar-open-icon: \"\\f107\";\r\n$sidebar-close-icon:\"\\f105\";\r\n$sidebar-icon-font-family: $font-awesome;\r\n$sidebar-height: calc(100vh - 355px);\r\n// $sidebar-height: calc(100vh - 115px);\r\n\r\n//Header settings\r\n$main-header-position: fixed;\r\n$main-header-top: 0;\r\n$main-header-shadow: 0 0 20px rgba(25,124,207,0.08);\r\n$bookmark-icon-color: #fa9f44;\r\n\r\n//page settings\r\n$page-body-padding : 0 15px 0 15px;\r\n$page-body-bg-color: $light-gray;\r\n$page-body-margin-bottom: 0px;\r\n\r\n$page-header-padding : 30px;\r\n\r\n$common-box-shadow: 2px 3.464px 8px 0px rgba( 22, 145, 248, 0.18 );\r\n$page-title-font-size: 24px;\r\n$page-title-margin-bottom: 0;\r\n$page-title-font-weight: 600;\r\n$page-title-text-tranform: capitalize;\r\n$page-small-title-display: block;\r\n$page-small-title-font-size: 12px;\r\n$page-small-title-margin-bottom: 5px;\r\n$page-small-title-text-transform: capitalize;\r\n$page-small-title-text-color: $theme-body-sub-title-color;\r\n$breadcrumb-size: 16px;\r\n$breadcrumb-content: \"/\";\r\n\r\n\r\n//main header left settings\r\n$main-header-left-bg-color : $white;\r\n$main-header-padding : 27px 22px;\r\n$main-header-z-index : 9;\r\n$main-header-right-padding: 24px 40px;\r\n$main-header-right-nav-icon-size : 18px;\r\n$main-header-right-nav-icon-color : $theme-font-color;\r\n$main-header-right-nav-icon-align : middle;\r\n","/**=====================\n 65. Button Builder color picker CSS Start\n==========================**/\n.button-builder .colorpicker {\n width: 325px;\n height: 176px;\n overflow: hidden;\n position: absolute;\n display: none;\n z-index: 8;\n background: #2c323f;\n border: 1px solid #e6edef;\n}\n.button-builder .colorpicker input {\n background-color: transparent;\n border: 1px solid transparent;\n position: absolute;\n font-size: 10px;\n color: #e6edef;\n top: 4px;\n right: 11px;\n text-align: right;\n margin: 0;\n padding: 0;\n height: 11px;\n}\n.button-builder .colorpicker-color {\n width: 150px;\n height: 150px;\n left: 14px;\n top: 13px;\n position: absolute;\n background: #d22d3d;\n overflow: hidden;\n cursor: crosshair;\n}\n.button-builder .colorpicker-color div {\n position: absolute;\n top: 0;\n left: 0;\n width: 150px;\n height: 150px;\n background: url(../images/button_builder/colorpicker_overlay.png);\n}\n.button-builder .colorpicker-color div div {\n position: absolute;\n top: 0;\n left: 0;\n width: 11px;\n height: 11px;\n overflow: hidden;\n background: url(../images/button_builder/colorpicker_select.gif);\n margin: -5px 0 0 -5px;\n}\n.button-builder .colorpicker-hue {\n position: absolute;\n top: 13px;\n left: 171px;\n width: 35px;\n height: 150px;\n cursor: n-resize;\n}\n.button-builder .colorpicker-hue div {\n position: absolute;\n width: 35px;\n height: 9px;\n overflow: hidden;\n margin: -4px 0 0;\n left: 0;\n}\n.button-builder .colorpicker-new-color {\n position: absolute;\n width: 60px;\n height: 30px;\n left: 213px;\n top: 13px;\n background: #d22d3d;\n}\n.button-builder .colorpicker-current-color {\n position: absolute;\n width: 60px;\n height: 30px;\n left: 283px;\n top: 13px;\n background: #d22d3d;\n}\n.button-builder .colorpicker-hex {\n position: absolute;\n width: 72px;\n height: 22px;\n left: 212px;\n top: 142px;\n}\n.button-builder .colorpicker-hex input {\n right: 6px;\n}\n.button-builder .colorpicker-hex.colorpicker-focus {\n background-position: bottom;\n}\n.button-builder .colorpicker-field {\n height: 22px;\n width: 62px;\n background-position: top;\n position: absolute;\n}\n.button-builder .colorpicker-field span {\n position: absolute;\n width: 12px;\n height: 22px;\n overflow: hidden;\n top: 0;\n right: 0;\n cursor: n-resize;\n}\n.button-builder .colorpicker-rgb-r {\n top: 52px;\n left: 212px;\n}\n.button-builder .colorpicker-rgb-g {\n top: 82px;\n left: 212px;\n}\n.button-builder .colorpicker-rgb-b {\n top: 112px;\n left: 212px;\n}\n.button-builder .colorpicker_hsb_h {\n top: 52px;\n left: 282px;\n}\n.button-builder .colorpicker_hsb_s {\n top: 82px;\n left: 282px;\n}\n.button-builder .colorpicker-hsb-b {\n top: 112px;\n left: 282px;\n}\n.button-builder .colorpicker-submit {\n position: absolute;\n width: 22px;\n height: 22px;\n left: 322px;\n top: 142px;\n overflow: hidden;\n}\n.button-builder .colorpicker-submit.colorpicker-focus {\n background-position: bottom;\n}\n.button-builder .colorpicker-focus {\n background-position: center;\n}\n.button-builder .colorpicker-slider {\n background-position: bottom;\n}\n\n/**=====================\n 65. Button Builder colorpicker CSS start\n==========================**/\n/**=====================\n 64. Button Builder CSS start Here\n==========================**/\n.button-builder .colorpicker-submit:visited {\n background-color: #2c323f;\n background-image: none;\n color: #fff;\n text-decoration: none;\n}\n.button-builder .button-generator-bx {\n position: fixed;\n width: 340px;\n max-height: 500px;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n}\n.button-builder .grp-btns input {\n display: none !important;\n}\n.button-builder .custom-button-color {\n display: none;\n}\n.button-builder .custom-button-color .form-control {\n width: 100px;\n border-radius: 5px 0 0 5px;\n}\n.button-builder .color-slelector {\n float: left;\n height: 39px;\n position: relative;\n width: 39px;\n}\n.button-builder .color-slelector div {\n height: 33px;\n left: 0;\n position: absolute;\n top: 0;\n width: 33px;\n transform: scale(1.4);\n z-index: 1;\n background: url(../images/button_builder/select.png) repeat scroll 0 0 rgba(0, 0, 0, 0);\n}\n.button-builder .custom-radio {\n width: 16px;\n height: 16px;\n display: inline-block;\n position: relative;\n z-index: 1;\n top: 3px;\n border: 1px solid #24695c;\n border-radius: 100%;\n}\n.button-builder .custom-radio:hover {\n background-position: 0 -16px;\n}\n.button-builder .custom-radio.selected {\n background-color: #24695c;\n}\n.button-builder .custom-radio input[type=radio] {\n margin: 1px;\n position: absolute;\n z-index: 2;\n cursor: pointer;\n outline: none;\n opacity: 0;\n filter: alpha(opacity=0);\n}\n.button-builder .custom-checkbox {\n width: 16px;\n height: 16px;\n display: inline-block;\n position: relative;\n z-index: 1;\n top: 3px;\n background: url(../images/button_builder/checkbox-sprite.png) no-repeat 0 0 transparent;\n}\n.button-builder .custom-checkbox:hover {\n background-position: 0 -16px;\n}\n.button-builder .custom-checkbox.selected {\n background-position: 0 -32px;\n}\n.button-builder .custom-checkbox input[type=checkbox] {\n margin: 0;\n position: absolute;\n z-index: 2;\n cursor: pointer;\n outline: none;\n opacity: 0;\n filter: alpha(opacity=0);\n}\n.button-builder .colorpicker-hex {\n background: url(../images/button_builder/hex_bg.gif) no-repeat scroll right center rgba(0, 0, 0, 0);\n left: 220px;\n padding-left: 15px;\n position: absolute;\n top: 98px;\n width: 75px;\n height: 25px;\n box-sizing: content-box;\n}\n.button-builder .colorpicker-hex input {\n background: transparent;\n border: medium none;\n color: #2b2b2b;\n display: block;\n box-shadow: none;\n font-size: 13px;\n height: 17px;\n outline: medium none;\n padding: 5px;\n top: 0;\n right: 1px;\n text-align: left;\n text-transform: uppercase;\n width: 65px;\n box-sizing: content-box;\n}\n.button-builder .colorpicker-hue {\n background: url(../images/button_builder/rainbow.png) no-repeat scroll center center rgba(0, 0, 0, 0);\n cursor: default;\n height: 150px;\n left: 171px;\n position: absolute;\n top: 13px;\n width: 35px;\n}\n.button-builder .colorpicker-hue div {\n background: url(../images/button_builder/scroll.png) no-repeat scroll left top rgba(0, 0, 0, 0);\n height: 16px;\n left: 0;\n margin-top: -8px;\n overflow: hidden;\n position: absolute;\n width: 35px;\n}\n.button-builder .colorpicker-new-color {\n height: 75px;\n left: 235px;\n position: absolute;\n top: 12px;\n width: 73px;\n border: 1px solid #e6edef;\n}\n.button-builder .colorpicker-field {\n display: none;\n}\n.button-builder .colorpicker-current-color {\n display: none;\n}\n.button-builder .colorpicker-submit {\n cursor: pointer;\n display: block;\n height: 25px;\n left: 235px;\n position: absolute;\n top: 133px;\n width: 75px;\n background-color: #24695c;\n border-radius: 5px;\n}\n.button-builder .colorpicker-submit:before {\n content: \"Ok\";\n position: absolute;\n width: 100%;\n text-align: center;\n padding: 3px 10px;\n color: #fff;\n}\n.button-builder .colorpicker-submit:hover {\n background-color: #17433b;\n}\n.button-builder .box {\n background-color: #f5f7fb;\n margin-bottom: 20px;\n padding: 30px;\n text-align: center;\n border: 1px solid #efefef;\n border-radius: 5px;\n}\n.button-builder .button-preview {\n min-height: 145px;\n}\n.button-builder .button-preview h2 {\n color: #2c323f;\n font-size: 18px;\n font-weight: normal;\n margin: 0;\n font-weight: 600;\n}\n.button-builder .button-preview.affix {\n top: 58px;\n position: fixed;\n width: 395px;\n z-index: 999;\n}\n.button-builder #result {\n padding-top: 30px;\n}\n.button-builder .well .language-markup {\n word-wrap: break-word;\n white-space: normal;\n}\n.button-builder .well .language-css {\n word-wrap: break-word;\n white-space: pre-wrap;\n}\n.button-builder pre.well {\n margin: 0;\n padding: 0;\n overflow: unset;\n}\n.button-builder .copy {\n margin-top: 30px;\n position: relative;\n}\n.button-builder .copy .zclip {\n left: 0 !important;\n right: 0 !important;\n margin: 0 auto !important;\n}\n.button-builder .copy a {\n background-color: #24695c;\n color: #fff;\n font-weight: bold;\n display: inline-block;\n padding: 0.375rem 1.75rem;\n border-radius: 5px;\n}\n.button-builder .sucess-msg {\n height: 30px;\n line-height: 30px;\n display: none;\n font-size: 14px;\n width: 100%;\n text-align: center;\n margin-bottom: -30px;\n}\n.button-builder .code-wrapper {\n position: relative;\n width: 100%;\n margin: 0;\n}\n.button-builder .column-left {\n float: left;\n width: 655px;\n}\n.button-builder .column-right {\n float: right;\n width: 395px;\n position: relative;\n padding-top: 175px;\n}\n.button-builder code {\n font-size: 11.5px !important;\n}\n.button-builder .hint-label {\n float: left;\n padding: 4px 0 0 20px;\n font-style: italic;\n}\n.button-builder .button-style {\n margin-top: 1px !important;\n}\n.button-builder .ad-box {\n height: 90px;\n overflow: hidden;\n margin: 0 0 20px;\n}\n.button-builder ul.the-icons {\n margin: 0 0 0 -8px;\n padding-left: 0;\n font-size: 13px;\n}\n.button-builder ul.the-icons li {\n float: left;\n line-height: 15px;\n cursor: pointer;\n text-align: center;\n list-style: none outside none;\n padding: 5px;\n border: 1px dotted #e6edef;\n color: #898989;\n width: 40px;\n transition: all 0.2s ease-in-out 0s;\n margin: 2px;\n}\n.button-builder ul.the-icons li em {\n display: none;\n}\n.button-builder ul.the-icons li:hover {\n background: #fff;\n box-shadow: 0 0 3px #e6edef;\n}\n.button-builder ul.the-icons li:hover.active {\n background: #fff;\n box-shadow: 0 0 3px #e6edef;\n}\n\n.button-builder-wrap .form-group {\n margin-bottom: 15px;\n}\n.button-builder-wrap .form-group .btn {\n margin-right: 15px;\n margin-bottom: 15px;\n min-width: 100px;\n}\n\n/*==============================\n 64. Button Builder CSS End\n ===========================*/","\r\n/**=====================\r\n 64. Button Builder CSS start Here\r\n==========================**/\r\n\r\n//Button Generator css\r\n\r\n//urls\r\n$url_0: url(../images/button_builder/select.png);\r\n$url_2: url(../images/button_builder/checkbox-sprite.png);\r\n$url_3: url(../images/button_builder/rainbow.png);\r\n$url_4: url(../images/button_builder/scroll.png);\r\n$url_5: url(../images/button_builder/hex_bg.gif);\r\n$url_6: url(../images/button_builder/btn-ok.png);\r\n$url_8: url(../images/button_builder/header.jpg);\r\n\r\n.button-builder {\r\n %extend-col1 {\r\n background: $url_6 no-repeat scroll 0 0 $danger-color;\r\n border: 0 none;\r\n cursor: pointer;\r\n display: block;\r\n height: 25px;\r\n left: 235px;\r\n outline: 0 none;\r\n position: absolute;\r\n top: 133px;\r\n width: 75px;\r\n }\r\n\r\n %extend-col2 {\r\n background-color: $dark-color;\r\n background-image: none;\r\n color: $white;\r\n text-decoration: none;\r\n }\r\n\r\n .button-generator-bx\r\n {\r\n position: fixed;\r\n width: 340px;\r\n max-height: 500px;\r\n height: 100%;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n }\r\n .grp-btns {\r\n input {\r\n display: none !important;\r\n }\r\n }\r\n\r\n .custom-button-color {\r\n display: none;\r\n .form-control {\r\n width: 100px;\r\n border-radius: 5px 0 0 5px;\r\n }\r\n }\r\n .color-slelector {\r\n float: left;\r\n height: 39px;\r\n position: relative;\r\n width: 39px;\r\n div {\r\n height: 33px;\r\n left: 0;\r\n position: absolute;\r\n top: 0;\r\n width: 33px;\r\n transform: scale(1.4);\r\n z-index: 1;\r\n background: $url_0 repeat scroll 0 0 rgba(0, 0, 0, 0);\r\n }\r\n }\r\n .custom-radio {\r\n width: 16px;\r\n height: 16px;\r\n display: inline-block;\r\n position: relative;\r\n z-index: 1;\r\n top: 3px;\r\n border: 1px solid $primary-color;\r\n border-radius: 100%;\r\n\r\n &:hover {\r\n background-position: 0 -16px;\r\n }\r\n &.selected {\r\n background-color: $primary-color;\r\n }\r\n input[type=\"radio\"] {\r\n margin: 1px;\r\n position: absolute;\r\n z-index: 2;\r\n cursor: pointer;\r\n outline: none;\r\n opacity: 0;\r\n filter: alpha(opacity=0);\r\n }\r\n }\r\n .custom-checkbox {\r\n width: 16px;\r\n height: 16px;\r\n display: inline-block;\r\n position: relative;\r\n z-index: 1;\r\n top: 3px;\r\n background: $url_2 no-repeat 0 0 transparent;\r\n &:hover {\r\n background-position: 0 -16px;\r\n }\r\n &.selected {\r\n background-position: 0 -32px;\r\n }\r\n input[type=\"checkbox\"] {\r\n margin: 0;\r\n position: absolute;\r\n z-index: 2;\r\n cursor: pointer;\r\n outline: none;\r\n opacity: 0;\r\n filter: alpha(opacity=0);\r\n }\r\n }\r\n .colorpicker-hex {\r\n background: $url_5 no-repeat scroll right center rgba(0, 0, 0, 0);\r\n left: 220px;\r\n padding-left: 15px;\r\n position: absolute;\r\n top: 98px;\r\n width: 75px;\r\n height: 25px;\r\n box-sizing: content-box;\r\n input {\r\n background: transparent;\r\n border: medium none;\r\n color: $theme-font-color;\r\n display: block;\r\n box-shadow: none;\r\n font-size: 13px;\r\n height: 17px;\r\n outline: medium none;\r\n padding: 5px;\r\n top: 0;\r\n right: 1px;\r\n text-align: left;\r\n text-transform: uppercase;\r\n width: 65px;\r\n box-sizing: content-box;\r\n }\r\n }\r\n .colorpicker-hue {\r\n background: $url_3 no-repeat scroll center center rgba(0, 0, 0, 0);\r\n cursor: default;\r\n height: 150px;\r\n left: 171px;\r\n position: absolute;\r\n top: 13px;\r\n width: 35px;\r\n div {\r\n background: $url_4 no-repeat scroll left top rgba(0, 0, 0, 0);\r\n height: 16px;\r\n left: 0;\r\n margin-top: -8px;\r\n overflow: hidden;\r\n position: absolute;\r\n width: 35px;\r\n }\r\n }\r\n .colorpicker-new-color {\r\n height: 75px;\r\n left: 235px;\r\n position: absolute;\r\n top: 12px;\r\n width: 73px;\r\n border: 1px solid $light-gray;\r\n }\r\n .colorpicker-field {\r\n display: none;\r\n }\r\n .colorpicker-current-color {\r\n display: none;\r\n }\r\n .colorpicker-submit {\r\n cursor: pointer;\r\n display: block;\r\n height: 25px;\r\n left: 235px;\r\n position: absolute;\r\n top: 133px;\r\n width: 75px;\r\n background-color: $primary-color;\r\n border-radius: 5px;\r\n &:before{\r\n content: \"Ok\";\r\n position: absolute;\r\n width: 100%;\r\n text-align: center;\r\n padding: 3px 10px;\r\n color: $white;\r\n }\r\n &:visited {\r\n @extend %extend-col2;\r\n }\r\n &:hover {\r\n background-color: darken($primary-color ,10%);\r\n }\r\n }\r\n .box {\r\n background-color: $light-background;\r\n margin-bottom: 20px;\r\n padding: 30px;\r\n text-align: center;\r\n border: 1px solid $light-semi-gray;\r\n border-radius: 5px;\r\n }\r\n .button-preview {\r\n min-height: 145px;\r\n h2 {\r\n color: $dark-color;\r\n font-size: 18px;\r\n font-weight: normal;\r\n margin:0;\r\n font-weight:600;\r\n }\r\n &.affix {\r\n top: 58px;\r\n position: fixed;\r\n width: 395px;\r\n z-index: 999;\r\n }\r\n }\r\n #result {\r\n padding-top:30px;\r\n }\r\n .well {\r\n .language-markup\r\n {\r\n word-wrap: break-word;\r\n white-space: normal;\r\n }\r\n .language-css\r\n {\r\n word-wrap: break-word;\r\n white-space: pre-wrap;\r\n }\r\n }\r\n pre {\r\n &.well {\r\n margin: 0;\r\n padding: 0; \r\n overflow: unset;\r\n }\r\n }\r\n .copy {\r\n margin-top: 30px;\r\n position: relative;\r\n .zclip {\r\n left: 0 !important;\r\n right: 0 !important;\r\n margin: 0 auto !important;\r\n }\r\n a {\r\n background-color: $primary-color;\r\n color: $white;\r\n font-weight: bold;\r\n display: inline-block;\r\n padding: 0.375rem 1.75rem;\r\n border-radius: 5px;\r\n }\r\n }\r\n\r\n .sucess-msg {\r\n height: 30px;\r\n line-height: 30px;\r\n display: none;\r\n font-size: 14px;\r\n width: 100%;\r\n text-align: center;\r\n margin-bottom: -30px;\r\n }\r\n .code-wrapper {\r\n position: relative;\r\n width: 100%;\r\n margin: 0;\r\n }\r\n .column-left {\r\n float: left;\r\n width: 655px;\r\n }\r\n .column-right {\r\n float: right;\r\n width: 395px;\r\n position: relative;\r\n padding-top: 175px;\r\n }\r\n code {\r\n font-size: 11.5px !important;\r\n }\r\n .hint-label {\r\n float: left;\r\n padding: 4px 0 0 020px;\r\n font-style: italic;\r\n }\r\n\r\n .button-style {\r\n margin-top: 1px !important;\r\n }\r\n .ad-box {\r\n height: 90px;\r\n overflow: hidden;\r\n margin: 0 0 20px;\r\n }\r\n ul.the-icons {\r\n margin: 0 0 0 -8px;\r\n padding-left: 0;\r\n font-size: 13px;\r\n li {\r\n float: left;\r\n line-height: 15px;\r\n cursor: pointer;\r\n text-align: center;\r\n list-style: none outside none;\r\n padding: 5px;\r\n border: 1px dotted $light-gray;\r\n color: $dark-gray;\r\n width: 40px;\r\n transition: all 0.2s ease-in-out 0s;\r\n margin: 2px;\r\n em {\r\n display: none;\r\n }\r\n &:hover {\r\n background: $white;\r\n box-shadow: 0 0 3px $light-gray;\r\n &.active {\r\n background: $white;\r\n box-shadow: 0 0 3px $light-gray;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.button-builder-wrap{\r\n .form-group{\r\n margin-bottom: 15px;\r\n .btn{\r\n margin-right: 15px;\r\n margin-bottom: 15px;\r\n min-width: 100px;\r\n }\r\n }\r\n}\r\n\r\n\r\n/*==============================\r\n 64. Button Builder CSS End\r\n ===========================*/\r\n"]} |