1 line
37 KiB
Plaintext
1 line
37 KiB
Plaintext
{"version":3,"sources":["theme/_button-builder-colorpicker.scss","button-builder.css","theme/_variables.scss","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","/**=====================\r\n 65. Button Builder color picker CSS Start\r\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 .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 .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 .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 .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 .button-builder .colorpicker-hex input {\n right: 6px; }\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 .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 .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/**=====================\r\n 65. Button Builder colorpicker CSS start\r\n==========================**/\n/**=====================\r\n 64. Button Builder CSS start Here\r\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 .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 .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 .button-builder .custom-radio:hover {\n background-position: 0 -16px; }\n .button-builder .custom-radio.selected {\n background-color: #24695c; }\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 .button-builder .custom-checkbox:hover {\n background-position: 0 -16px; }\n .button-builder .custom-checkbox.selected {\n background-position: 0 -32px; }\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 .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 .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 .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 .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 .button-builder .button-preview h2 {\n color: #2c323f;\n font-size: 18px;\n font-weight: normal;\n margin: 0;\n font-weight: 600; }\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 .button-builder .copy .zclip {\n left: 0 !important;\n right: 0 !important;\n margin: 0 auto !important; }\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 020px;\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 .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 .button-builder ul.the-icons li em {\n display: none; }\n .button-builder ul.the-icons li:hover {\n background: #fff;\n box-shadow: 0 0 3px #e6edef; }\n .button-builder ul.the-icons li:hover.active {\n background: #fff;\n box-shadow: 0 0 3px #e6edef; }\n\n.button-builder-wrap .form-group {\n margin-bottom: 15px; }\n .button-builder-wrap .form-group .btn {\n margin-right: 15px;\n margin-bottom: 15px;\n min-width: 100px; }\n\n/*==============================\r\n 64. Button Builder CSS End\r\n ===========================*/\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","\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"]} |