1 line
25 KiB
Plaintext
1 line
25 KiB
Plaintext
{"version":3,"sources":["vendors/button-builder/_button-builder-colorpicker.scss","utils/_variables.scss","vendors/button-builder/_button-builder.scss"],"names":[],"mappings":"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","file":"vendors/button-builder.css","sourcesContent":["\r\n/**=====================\r\n 65. Button Builder color picker CSS Start\r\n==========================**/\r\n//urls\r\n\r\n$url_1: url(../images/button_builder/colorpicker_overlay.png);\r\n$url_2: url(../images/button_builder/colorpicker_select.gif);\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 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: #242934;\r\n$theme-body-font-color: #2b2b2b;\r\n$theme-body-sub-title-color: rgba($theme-body-font-color, 0.54);\r\n$body-color: #f8f8f8;\r\n\r\n// Theme colors variables\r\n$primary-color: #7366ff;\r\n$secondary-color: #f73164;\r\n$success-color: #51bb25;\r\n$info-color : #a927f9;\r\n$warning-color: #f8d62b;\r\n$danger-color: #dc3545;\r\n$light-color : #f4f4f4;\r\n$light-gray : #ecf3fa;\r\n$light-widget-border: #EFEEFF;\r\n$light-semi-gray :#efefef;\r\n$font-gray-color: #6C757D;\r\n$dark-light :$theme-font-color;\r\n$dark-gray: #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: #999999;\r\n$light-paragraph: #8F8F8F;\r\n$light-background: #d7e2e9;\r\n$light-font: rgba(27, 49, 85, 0.4);\r\n$light-semi-font: $semi-dark;\r\n$light-chartist-grid-color: #f6f9fd;\r\n$pitch-color: #fe8a7d;\r\n$color-scarpa: #4c5667;\r\n$color-fiord: #455a64;\r\n$black : #000;\r\n$white:#fff;\r\n$off-white: #F7F6FF;\r\n$theme-medium-color: #eae8ff;\r\n$dropdown-border-color: #918E99;\r\n\r\n// gradient colors\r\n$gradient-primary: linear-gradient(26deg, var(--theme-deafult) 0%, #a26cf8 100%);\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-rubik: Rubik;\r\n$font-roboto: Roboto;\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// dark layout variables\r\n$dark-body-background: #1d1e26;\r\n$dark-card-background: #262932;\r\n$dark-card-inbox: #323846;\r\n$dark-small-font-color: #98a6ad;\r\n$dark-all-font-color: rgba(255, 255, 255, 0.6);\r\n$light-all-font-color: rgba(255, 255, 255, 0.2);\r\n$sidebar-submenu-font-color:rgba(255, 255, 255, 0.6);\r\n$dark-border-color: $dark-body-background;\r\n$dark-card-border: #374558;\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$ancher-color: var(--theme-deafult);\r\n$btn-focus-box-shadow: none;\r\n$all-focus-outline-color: var(--theme-deafult);\r\n\r\n$paragraph-font-size : 13px;\r\n$paragraph-line-height : 1.7;\r\n$paragraph-letter-spacing : 0.7px;\r\n\r\n$code-tag-color: var(--theme-deafult);\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: var(--theme-deafult);\r\n$list-group-active-border-color: var(--theme-deafult);\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//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 : 0.75rem 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: 11px;\r\n$btn-xs-padding: 0.05rem 0.4rem;\r\n\r\n//Card settings\r\n$card-padding :40px;\r\n$card-margin-bottom :30px;\r\n$card-border-color :1px solid $light-gray;\r\n$card-border-radious :15px;\r\n$common-shadow-color : rgba($info-color, 0.08);\r\n$card-box-shadow : 0 0 20px rgba(8, 21, 66, .05);\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-footer-bg-color : $white;\r\n$card-hover-box-shadow : 0 0 40px rgba(8, 21, 66, .05);\r\n\r\n//footer settings\r\n$footer_bg_color : $white;\r\n$footer_box_shadow : 0 0 20px rgba($semi-dark, 0.1);\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: var(--theme-deafult);\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-profile-edit-icon-size: 14px;\r\n$sidebar-profile-name-txt-color : var(--theme-deafult);\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$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: var(--theme-deafult);\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 - 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($semi-dark, 0.1);\r\n$main-header-shadow-1: 0px 4px 40px rgba(0, 0, 0, 0.07);\r\n\r\n//page settings\r\n$page-body-padding : 0 15px 0 15px;\r\n$page-body-bg-color: $light-color;\r\n$page-body-margin-bottom: 0px;\r\n$page-title-padding : 15px 30px;\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-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$header-left-bg-color : $white;\r\n$main-header-padding : 27px 22px;\r\n$main-header-z-index : 8;\r\n$header-wrapper-padding: 22px 30px;\r\n$header-wrapper-nav-right : 0px;\r\n$header-wrapper-nav-icon-size : 20px;\r\n$header-wrapper-nav-icon-color : $theme-font-color;\r\n$header-wrapper-nav-icon-align : middle;\r\n$header-size: 136px;\r\n$box-layout-space : 40px;","/**=====================\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\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 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\r\n .custom-button-color {\r\n display: none;\r\n\r\n .form-control {\r\n width: 100px;\r\n border-radius: 5px 0 0 5px;\r\n }\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\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\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 var(--theme-deafult);\r\n border-radius: 100%;\r\n\r\n &:hover {\r\n background-position: 0 -16px;\r\n }\r\n\r\n &.selected {\r\n background-color: var(--theme-deafult);\r\n }\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\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\r\n &:hover {\r\n background-position: 0 -16px;\r\n }\r\n\r\n &.selected {\r\n background-position: 0 -32px;\r\n }\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\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\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\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\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\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\r\n .colorpicker-field {\r\n display: none;\r\n }\r\n\r\n .colorpicker-current-color {\r\n display: none;\r\n }\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: var(--theme-deafult);\r\n border-radius: 5px;\r\n\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\r\n &:visited {\r\n @extend %extend-col2;\r\n }\r\n\r\n &:hover {\r\n background-color: darken($primary-color, 10%);\r\n }\r\n }\r\n\r\n .box {\r\n background-color: $white;\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\r\n .button-preview {\r\n min-height: 145px;\r\n\r\n h2 {\r\n color: $dark-color;\r\n font-size: 18px;\r\n font-weight: normal;\r\n margin: 0;\r\n }\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\r\n #result {\r\n padding-top: 30px;\r\n }\r\n\r\n .well {\r\n .language-markup {\r\n word-wrap: break-word;\r\n white-space: normal;\r\n }\r\n\r\n .language-css {\r\n word-wrap: break-word;\r\n white-space: pre-wrap;\r\n }\r\n }\r\n\r\n pre {\r\n &.well {\r\n margin: 0;\r\n padding: 0;\r\n background: $white !important;\r\n overflow: unset;\r\n }\r\n }\r\n\r\n .copy {\r\n margin-top: 30px;\r\n position: relative;\r\n\r\n .zclip {\r\n left: 0 !important;\r\n right: 0 !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n a {\r\n background-color: var(--theme-deafult);\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\r\n .code-wrapper {\r\n position: relative;\r\n width: 100%;\r\n margin: 0;\r\n }\r\n\r\n .column-left {\r\n float: left;\r\n width: 655px;\r\n }\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\r\n code {\r\n font-size: 11.5px !important;\r\n }\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\r\n .ad-box {\r\n height: 90px;\r\n overflow: hidden;\r\n margin: 0 0 20px;\r\n }\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\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-semi-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\r\n em {\r\n display: none !important;\r\n }\r\n\r\n &:hover {\r\n background: $white;\r\n box-shadow: 0 0 3px $light-color;\r\n\r\n &.active {\r\n background: $white;\r\n box-shadow: 0 0 3px $light-color;\r\n }\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\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 .grp-btns {\r\n .btn {\r\n input {\r\n display: none;\r\n }\r\n }\r\n }\r\n}\r\n\r\n/*==============================\r\n 64. Button Builder CSS End\r\n ===========================*/"]} |