/* Chrome, Safari, Opera */ @-webkit-keyframes slideUp { from { opacity: 1; -webkit-transform: translate3d(0,0,0); } to { opacity: 0; -webkit-transform: translate3d(0,-10px,0); } } @keyframes slideUp { from { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { opacity: 0; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } } @-webkit-keyframes fadeOut { 0% { opacity: 1; -webkit-transform: translate3d(0,0,0) scale(1); } 100% { opacity: 0; -webkit-transform: translate3d(50px,0,0) scale(.98); } } @keyframes fadeOut { 0% { opacity: 1; -webkit-transform: translate3d(0,0,0) scale(1); } 100% { opacity: 0; -webkit-transform: translate3d(50px,0,0) scale(.98); } } html { background-image: url(data:image/png;base64,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); background-color: transparent; } html h1, html h2, html h3, html h4, html h5 { line-height: normal; } /* I'm sorry but I have to do this */ html .notice.is-dismissible, html .update-nag, html #wpbody-content > .updated, #wpbody-content > .error { display: none !important; } body.folded.wp-admin .fc_modal-backdrop, body.folded.wp-admin .fc_modal { left: 36px; } body.wp-admin .fc_modal-backdrop, body.wp-admin .fc_modal { left: 160px; } .ui-datepicker { display: none; } .ie9 .formcraft-css .fc-form { border: 1px solid #ccc; border-top-color: #ddd; border-bottom: #bbb; } .icon-help-circled:before { margin: 0; } #wpfooter { display: none; } #help_modal { .fc_modal-body { position: relative; padding: 0; } .fc_modal-content { overflow: hidden; } #help-menu { position: absolute; left: 0; top: 0; width: 170px; bottom: 0; background-color: #f0f0f2; form { padding: 25px 12px; } form input { width: 100%; margin: 0; box-sizing: border-box; border-radius: 100px; padding: 5px 10px; color: #666; box-shadow: none; border-color: #ccc; &:focus { border-color: #48e; } } ul { margin: 0; padding: 0; letter-spacing: -4px; } ul li:first-child { border-top: 1px solid #ddd; height: 37px; } ul li { letter-spacing: 0; margin: 0; cursor: pointer; padding: 8px 12px; color: #777; border-bottom: 1px solid #ddd; } ul li:hover, ul li.active { background-color: #e4e4e6; color: #777; } } #help-content { margin-left: 170px; min-height: 300px; display: block; background-color: #f9f9f9; box-shadow: 0px 0px 3px rgba(0,0,0,.4); position: relative; z-index: 101; } #help-content.loading { .loader { display: block; } #help-content-content { opacity: 0; } } .fc_close { top: 0px; background-color: #f0f0f2; right: 11px; color: #999; line-height: 33px; height: 35px; border-radius: 0 0 3px 0; border-bottom: 1px solid #dde; border-right: 1px solid #dde; } .fc_close:hover { color: #48e; } #help-top { letter-spacing: 0; font-size: 11px; top: 0px; right: 32px; text-transform: uppercase; font-weight: bold; position: absolute; overflow: hidden; color: #888; letter-spacing: .4px; border-top-width: 0px; box-shadow: 0px 0px 3px rgba(0,0,0,.42); span { cursor: pointer; padding: 8px 12px; display: inline-block; vertical-align: top; border-left: 1px solid #ddd; background-color: #f0f0f2; } span:first-child { border-left-width: 0px; } span:hover { color: #666; } } #help-top.disabled, #help-top.disabled:hover { color: #999; cursor: default; } #help-content-content { letter-spacing: -4px; opacity: 1; transition: opacity .3s; padding: 15px; padding-top: 44px; height: 575px; color: #555; .no-posts { position: absolute; top: 50%; left: 50%; margin-left: -86px; margin-top: -74px; letter-spacing: 0; padding: 40px 10px; font-size: 17px; color: #a5a5b0; text-align: center; font-weight: normal; } .icon-emo-unhappy { font-size: 26px; display: block; margin-bottom: 20px; } h2 { letter-spacing: 0; font-weight: bold; letter-spacing: 0; border-bottom: 1px solid #ddd; padding: 9px 24px; color: #666; margin: 0 -15px 5px -15px; } .category { padding: 5px 9px; color: #666; font-size: 15px; margin-bottom: 0; font-weight: bold; letter-spacing: 0; margin-top: 30px; cursor: pointer; &:hover { color: #48e; } } > div h3:first-child { margin-top: 15px; } .post { letter-spacing: 0; cursor: pointer; font-size: 13px; padding: 4px 9px; display: block; } .post:hover { color: #48e; } article { letter-spacing: 0; max-height: 490px; overflow: auto; padding: 9px 32px 40px 24px; text-align: justify; line-height: 1.6em; margin: 0 -15px; font-size: 13px; h2:first-child { margin-top: 15px; } p { margin: .8em 0; } a, li a { color: #48e; outline: none; text-decoration: none; box-shadow: none; &:hover { color: darken(#48e, 10%); } } h2, h3 { padding: 0; margin: 35px 0 0 0; border: 0px; font-size: 17px; font-weight: bold; color: #666; } .button { border: 1px solid #ccc; font-size: 10px; color: #888; font-weight: bold; &:hover { color: #666; } } .code { width: 100%; background-color: #F0F0F2; padding: 9px 10px 7px 10px; white-space: pre; border-radius: 2px; box-shadow: 0 0 0px 1px rgba(156,165,181,0.5),0 1px 0px rgba(156,165,181,0.5); border: 0px; margin: 8px auto; } li h3 { font-size: 15px; margin-bottom: -4px; text-transform: none; letter-spacing: 0; position: relative; top: 1px; } ol { counter-reset: some-counter; } li { margin: 15px 0; } ol li { list-style: none; padding-left: 16px; position: relative; h2:first-child { padding-top: 6px; } } ol.small-li li { padding-left: 1px; margin: 5px 0; } ol li:before { content: counter(some-counter); position: absolute; left: -25px; top: 4px; width: 30px; height: 30px; text-align: center; line-height: 30px; font-weight: bold; color: white; background-color: #649EF2; font-size: 16px; border-radius: 3px; display: inline-block; counter-increment: some-counter; box-shadow: 0 1px 0 #3c69ab; } ol.small-li li:before { width: 20px; height: 20px; line-height: 20px; font-size: 12px; border-radius: 20px; top: 2px; box-shadow: none; } ul, ul li { list-style: none; position: relative; } ul { padding-left: 1.8em; } ul li { margin: 5px 0; } ul li::before { content: '→'; position: absolute; left: -1.5em; font-weight: bold; font-size: 1.1em; top: 0; color: #48e; } .wp-caption-text { margin-top: -1.1em; font-weight: bold; } .wp-caption { max-width: 100%; } table { font-size: inherit; border-collapse:collapse; tr td { border-bottom: 1px solid #e5e5e5; padding: 4px 9px; vertical-align: top; } tr th { border-bottom: 1px solid #bbb; padding: 4px 9px; vertical-align: top; } } img { border: 1px solid rgba(0,0,0,.25); box-shadow: 0 0 3px rgba(0,0,0,0.3); max-width: 100%; margin-bottom: 20px; display: block; height: auto; border-radius: 3px; } li img { margin-top: 12px; margin-bottom: 12px; max-width: 100%; display: inline-block; } h3 { font-size: 13px; margin-top: 25px; text-transform: uppercase; letter-spacing: .6px; } } } } #autoresponder_modal { .fc_modal-body { letter-spacing: -4px; > label { display: inline-block; width: 50%; letter-spacing: 0; margin-bottom: 30px; } .tooltip-cover { position: absolute; top: -9px; left: 110px; font-size: 17px; text-align: center; color: #48e; } .tooltip { letter-spacing: 0; } .tooltip-inner { width: 300px; min-width: 300px; } > p { letter-spacing: 0; margin-top: 0; font-size: 12px; margin-bottom: 30px; } } } #form_logic_box { width: 590px; .nav-tabs > button { color: #999; font-size: 12px; cursor: pointer; margin-top: -1px; float: left; &:hover { color: #666; } } .nav-content > div { max-height: 470px; width: 100%; padding-bottom: 40px; overflow: auto; } #add-logic-cover { text-align: center; margin-top: 20px; margin-bottom: 20px; button { font-size: 14px; color: #999; width: 92%; height: 71px; background: transparent; border: 1px dashed #bbb; box-shadow: none; &:hover { border-color: #999; color: #777; } } } #add-logic-heads { letter-spacing: -4px; font-size: 15px; color: #48e; text-transform: uppercase; padding-bottom: 10px; margin-top: 10px; > div { letter-spacing: .6px; font-size: 11px; display: inline-block; text-align: center; position: relative; font-weight: bold; } > div:after { content: '↓'; position: absolute; left: 50%; font-size: 15px; bottom: -18px; margin-left: -5px; } } .add-logic-area { letter-spacing: -4px; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #777; position: relative; padding: 20px 4px 0 4px; > div.remove-logic { font-size: 16px; text-align: center; border-radius: 3px; cursor: pointer; color: #888; background-color: #fafafa; border: 1px solid #d4d4d4; box-shadow: inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,0.4); height: 30px; line-height: 28px; z-index: 101; &:hover { color: red; } } > div { letter-spacing: .4px; display: inline-block; text-align: center; position: relative; padding-left: 1px; line-height: 24px; } input[type='text'], select { font-size: 11px; font-weight: normal; text-transform: none; letter-spacing: 0; background-image: none; box-shadow: none; border: 0px; max-width: 100%; width: 100%; padding: 5px 6px; border-radius: 0px; vertical-align: middle; margin: 0; color: #666; line-height: 18px; background-color: transparent; &:hover { color: #444; background-color: #f9f9fa; } } .select2 { font-size: 11px; } select { cursor: pointer; } > div.group { position: relative; background-color: #fafafa; border: 1px solid #ccc; box-shadow: inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,0.4); border-radius: 3px; -moz-border-radius: 3px; letter-spacing: -4px; margin-top: 0; vertical-align: top; padding: 0; .no-nos { display: none; padding: 4px 0; letter-spacing: .4px; text-transform: uppercase; font-weight: bold; font-size: 10px; line-height: 20px; text-align: center; border-bottom: 1px solid #d4d4d4; } &.actions-nos-0 { .no-nos { display: inline-block; width: 100%; } } .add-group { letter-spacing: 0; width: 100%; text-align: center; border-top-width: 0px; padding: 3px 10px; font-size: 10px; color: #888; cursor: pointer; &:hover { color: #666; background-color: #f0f0f2; } } .add-group:active { top: auto; } > div { padding: 0; letter-spacing: -4px; position: relative; text-align: center; font-size: 15px; .set-value-set_value .set-value-field { display: block; border-right: 1px solid #d4d4d4; margin-left: 1px; } .set-value-field { display: none; } .result-type-show_fields, .result-type-hide_fields { > select { display: none; } > input { display: none; } } .result-type-email_to, .result-type-redirect_to, .result-type-set_value, .result-type- { > select { display: none; } .select-fields-logic { display: none; } } .result-type-trigger_integration { > select { display: block; } > input, .select-fields-logic { display: none; } } > div:last-child { border-right-width: 0px; } .remove-action { right: 0px; color: #888; z-index: 101; cursor: pointer; line-height: 28px; font-size: 16px; vertical-align: bottom; text-align: center; &:hover { color: red; } } input:hover, select:hover { background-color: #f0f0f2; } .selectize-control { font-size: 11px; text-transform: none; text-align: left; .selectize-input { padding: 0; border: 0px; box-shadow: none; border-radius: 0px; font-weight: normal; background: inherit !important; display: block; } .selectize-input.dropdown-active { z-index: 102; background-color: white; position: relative; } .selectize-input.dropdown-active > input { z-index: 102; overflow: hidden; box-shadow: -2px 0px 3px -1px rgba(0,0,0,0.22),2px 0 3px -1px rgba(0,0,0,0.22),0px -2px 5px -1px rgba(0,0,0,0.22); border-radius: 3px 3px 0 0; width: 100% !important; background-color: white; &:hover { background: white; } } .selectize-input > input { padding: 5px 6px; display: block; width: 100% !important; position: static !important; &:hover { background: #f0f0f2; } } .selectize-input > div { padding: 0px 6px; min-height: 24px; color: inherit; margin: 0; display: block; width: 100%; text-transform: none; &:hover { background: #f0f0f2; } } .selectize-dropdown { border: 0px; overflow: hidden; border-radius: 0 0 3px 3px; box-shadow: 0 0px 5px rgba(0,0,0,0.5); } .selectize-dropdown .option { border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-sizing: border-box; height: auto; min-height: 24px; line-height: 22px; } .selectize-dropdown .active { background-color: #f6f6f9; border-color: #eee; } .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header { padding: 0px 6px; font-weight: normal; } } .and-or { display: block; width: 100%; } .and-or select { width: 100%; font-size: 11px; color: #777; letter-spacing: 0; font-weight: bold; } &:nth-last-child(2) .and-or { display: none; } > div { display: inline-block; letter-spacing: 0; position: relative; vertical-align: top; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; } > div.has-arrow::after { content: '→'; position: absolute; right: -5px; z-index: 101; color: #666; font-size: 12px; top: 50%; margin-top: -9px; } } } } } #form_addon_box { .no-addons { text-align: center; font-size: 21px; padding: 20px 10px; margin-top: 40px; color: #aab; } .fc_highlight { display: none; -webkit-animation: zoomIn 1s; animation: zoomIn 1s; } .addon { padding: 0px; position: relative; input[type='text'], select { padding: 6px 8px; box-shadow: 1px 0px 0 #eee inset; -webkit-box-shadow: 1px 0px 0 #eee inset; margin-top: 0; margin-bottom: 0; font-size: 12px; } } .addon-head { border-bottom: 1px solid #ddd; line-height: 48px; height: 48px; padding-top: 1px; padding-left: 79px; position: relative; } .addon-content { display: none; padding: 0; background-color: #f0f0f2; position: relative; box-shadow: rgba(0,0,0,0.05) 0 -2px 4px -2px inset,rgba(0,0,0,0.05) 0 2px 4px -2px inset; &.addon-excerpt { } .simple-toggle, .simple-head { padding: 12px 16px; color: #666; margin: 0; cursor: pointer; font-size: 14px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: -1px; display: block; width: 100%; } .simple-toggle.active, .simple-head.active { background-color: #ededef; } .simple-toggle .icon-angle-up, .simple-toggle .icon-angle-down, .simple-head .icon-angle-up, .simple-head .icon-angle-down { margin-left: 5px; } .simple-toggle .icon-angle-up, .simple-head .icon-angle-up { display: none; } .simple-toggle.active .icon-angle-down, .simple-head.active .icon-angle-down { display: none; } .simple-toggle.active .icon-angle-up, .simple-head.active .icon-angle-up { display: inline; } .simple-toggle:hover, .simple-head:hover { background-color: #ededef; } } .addon-excerpt { padding: 13px 20px 20px 20px; font-size: 13px; color: #666; br { margin-top: 5px; display: block; content: ''; } img { margin-top: 8px; } p { margin: 0; padding: 15px 0 0 0; font-size: 13px; } ul { padding: 7px 0 0 0; margin: 0; font-size: 13px; color: #666; } ul li { margin: 2px 0; padding-left: 0px; position: relative; } ul li::before { content: '\e80c'; font-family: "fc"; font-style: normal; font-weight: normal; color: #19A919; font-size: .8em; margin-right: 5px; } } .new-addons > .icon-spin5 { position: absolute; top: 80px; font-size: 32px; opacity: .75; height: auto; margin-left: -22px; } .button { display: inline-block; font-size: 10px; margin-top: 10px; padding: 7px 12px; text-transform: uppercase; letter-spacing: .6px; font-weight: bold; .icon-spin5 { display: none; } } .button.toggle-install { background-color: #4E8EED; border-color: #3075DC; color: white; &:hover { box-shadow: 0px 0px 4px rgba(0,0,0,.4); } } .button.coming-soon { opacity: .75; cursor: default; color: #888; border-color: #ccc; &:hover, &:hover > span, &:focus > span { color: #888; box-shadow: none; border-color: #ccc; background: inherit; } } .button.purchase { cursor: default; color: #fff; background-color: #37B373; border-color: darken(#37B373, 5%); box-shadow: none; cursor: pointer; &:hover { background-color: #37B373; color: #fff; box-shadow: 0px 0px 4px rgba(0,0,0,.4); border-color: darken(#37B373, 7%); } } a.read-more-addon { text-decoration: none; color: #888; display: inline-block; padding: 0 12px; margin-top: 10px; font-size: 10px; outline: none; box-shadow: none; text-transform: uppercase; letter-spacing: .2px; font-weight: bold; line-height: 30px; &:hover { color: #48e; } } .button.loading { span { opacity: 0; } .icon-spin5 { display: inline; } } .icon-spin5 { display: inline; position: absolute; top: 1px; left: 50%; height: 26px; right: auto; margin-left: -10px; cursor: pointer; font-size: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; &::before { left: 0; position: static; } } .toggle-angle { display: inline-block; border-left: 1px solid #ddd; position: absolute; right: 0; top: 0; bottom: 0; width: 48px; padding: 0px 0px; cursor: pointer; color: #48e; font-size: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; overflow: hidden; .icon-angle-up, .icon-angle-down { padding: 0 10px; display: block; height: 47px; line-height: 47px; } } .addon-type { border-bottom: 1px solid #ddd; padding: 25px 12px 8px 15px; font-size: 12px; text-align: right; font-weight: bold; text-transform: uppercase; letter-spacing: .6px; color: #778; } .addon-head .icon-angle-up { display: none; } .addon.show-content { .addon-head .icon-angle-up { display: block; } .addon-head .icon-angle-down { display: none; } } .addon-logo-cover { position: absolute; left: 15px; top: -1px; bottom: -1px; width: 49px; overflow: hidden; } .addon-logo { height: 49px; bottom: 0px; left: 0px; position: absolute; margin: 0; width: auto; display: inline-block; } } .formcraft-css .fields-list-right.state-false { transform: translate3d(130px, 0, 0); -webkit-transform: translate3d(130px, 0, 0); > div.show-fields { display: block; transform: translate3d(-130px, 0, 0); -webkit-transform: translate3d(-130px, 0, 0); } } .formcraft-css .fields-list-right { position: fixed; right: 0; top: 72px; display: block; width: 130px; z-index: 998; background-color: #f6f6f8; bottom: 0; border-top: 1px solid #dadada; box-shadow: -2px 0 3px -2px rgba(0,0,0,0.4); padding-top: 60px; transition: transform .4s; -webkit-transition: -webkit-transform .4s; .ui-sortable-placeholder { display: none !important; } > div.show-fields { display: block; position: absolute; top: -1px; font-size: 12px; text-transform: uppercase; transition: transform .4s; -webkit-transition: -webkit-transform .4s; transform: translate3d(130px, 0, 0); -webkit-transform: translate3d(130px, 0, 0); border-top: 1px solid #dadada; box-shadow: -2px 0px 3px -2px rgba(0,0,0,0.3),-2px 3px 3px -3px rgba(0,0,0,0.3); height: 61px; width: 131px; line-height: normal; text-align: center; border-bottom-left-radius: 2px; padding: 0; img { width: 100%; height: auto; } } > img { position: absolute; top: 0; width: 130px; height: auto; cursor: pointer; &:hover { background-color: #eee; } } .button { display: block; width: 100%; box-shadow: none; border-radius: 0px; margin: 0; border-left-width: 0px; font-size: 11px; &:hover { background-color: #eee; } } .adv-fields:last-child > .button { border-bottom-width: 1px; } .adv-fields { position: relative; } .adv-fields > .button { z-index: 100000; position: relative; } ul { display: none; position: absolute; z-index: 9999; left: -130px; margin-bottom: 0; bottom: 0px; border-radius: 0px; background-color: #eee; box-shadow: -2px 0px 3px -1px rgba(0,0,0,0.12),-1px -2px 3px -1px rgba(0,0,0,0.2),-1px 2px 3px -1px rgba(0,0,0,0.2); width: 130px; li:first-child .button { border-top-width: 0px; height: 37px; } .button { border-left-width: 0px; } .button:first-child { border-radius: 3px 3px 0px 0px; } .button:last-child { border-radius: 0 0 3px 0px; border-bottom-width: 0px; } } ul li { margin: 0; } .hover-false ul { display: block; -webkit-animation: fadeOutLeft .2s ease-in; animation: fadeOutLeft .2s ease-in; } .hover-true ul { display: block; -webkit-animation: fadeInLeft .25s ease-out; animation: fadeInLeft .25s ease-out; } } .formcraft-css .option-box { transform-origin: 0% 50%; -webkit-animation: fadeInRightSmooth .35s; animation: fadeInRightSmooth .35s; display: none; z-index: 998; border-top: 1px solid #dadada; position: fixed; top: 72px; margin-left: -20px; min-height: 400px; background-color: #f6f6f8; box-shadow: 2px 0 3px -2px rgba(0,0,0,0.4); width: 400px; color: #666; border-radius: 0; overflow: hidden; .button { height: auto; text-transform: none; letter-spacing: 0; line-height: normal; border-radius: 3px; padding: 6px 11px 5px 11px; color: #777; font-weight: normal; font-size: 13px; background: #f6f6f9; border: 1px solid #ccc; border-bottom-color: #bbb; box-shadow: none; border-radius: 3px; -moz-border-radius: 3px; position: relative; margin-top: 0; margin-bottom: 0; -webkit-transition: none; transition: none; } .button.toggle { opacity: .6; &:hover { opacity: .75; } &.active { opacity: 1; box-shadow: inset 0 1px 0 #fff,0 0px 3px rgba(0,0,0,0.2); } } .button:hover { box-shadow: inset 0 1px 0 #fff,0 0px 3px rgba(0,0,0,0.2); border-color: #bbb; background: #f6f6f9; color: #777; position: static; } .button:focus, .button:focus:hover { background: #f6f6f9; color: #777; position: static; box-shadow: none; } .button.active { opacity: 1; background: #f6f6f9; color: #777; position: static; &:hover { box-shadow: inset 0 1px 0 #fff,0 0px 3px rgba(0,0,0,0.2); border-color: #bbb; position: static; border: 1px solid #ccc; border-bottom-color: #bbb; } } &.state-, &.state-false { display: none; } &.state-true { display: block; } &.state-hiding { transform-origin: 0% 50%; -webkit-animation: fadeOutRightSmooth .35s; animation: fadeOutRightSmooth .35s; display: block; } .nav-content-slide { white-space: nowrap; transition: left 1s; position: relative; letter-spacing: -4px; font-size: 16px; transition: transform .3s cubic-bezier(0.8,0,0.1,1); -webkit-transition: -webkit-transform .3s cubic-bezier(0.8,0,0.1,1); } .nav-content-slide > div { letter-spacing: 0; display: inline-block; white-space: initial; width: 100%; font-size: 13px; vertical-align: top; height: 465px; padding-bottom: 40px; overflow: auto; position: relative; } .help-link { margin-bottom: 10px; color: #48e; font-size: 12px; text-align: center; } .help-link a { color: #48e; cursor: pointer; &:hover { color: #2F70D3; } } > h2 { display: block; font-size: 14px; text-transform: uppercase; font-weight: bold; letter-spacing: .6px; margin: 0; color: #778; padding: 14px 15px 13px 15px; position: relative; .icon-angle-left { position: absolute; cursor: pointer; right: 0; line-height: 45px; border-radius: 0 3px 0 0; top: 0; border-left: 1px solid #ddd; font-size: 19px; padding: 0 10px; padding-bottom: 1px; &:hover { background-color: #f6f6f9; } } } .ac-toggle { position: relative; padding-left: 20px; line-height: 48px; cursor: pointer; height: 48px; border-bottom: 1px solid #ddd; margin: 0; font-size: 12px; text-transform: uppercase; letter-spacing: .6px; color: #888; font-weight: bold; &:hover { background-color: #f2f2f4; color: #778; } .tooltip-icon { position: relative; top: 1px; left: 3px; font-size: 16px; } [class^="icon-"], [class*=" icon-"] { position: absolute; top: 0; min-width: 49px; line-height: 47px; cursor: pointer; height: 47px; border-left: 1px solid #ddd; padding: 0 10px; text-align: center; right: 0; color: #888; font-size: 20px; &.icon-popup { font-size: 17px; } &:hover { background-color: #f6f6f9; } } } .ta-text { max-height: 170px; min-height: 170px; overflow: auto; } .ac-inner { padding: 15px; background-color: #f0f0f2; position: relative; box-shadow: rgba(0,0,0,0.05) 0 -2px 4px -2px inset,rgba(0,0,0,0.05) 0 2px 4px -2px inset; border-bottom: 1px solid #ddd; input { color: #666; } select { cursor: pointer; } } #options_tabs { padding: 0; } .divider { display: block; background-color: #eee; min-height: 25px; border-bottom: 1px solid #ddd; } .nav-tabs, .nav-tabs-slide { display: block; background-color: #fff; padding: 0; min-height: 35px; border-bottom: 1px solid #ddd; letter-spacing: -4px; font-size: 15px; > span { display: inline-block; padding: 14px 2px 12px 2px; font-size: 12px; font-weight: bold; letter-spacing: .6px; text-transform: uppercase; text-align: center; color: #aaa; cursor: pointer; border: 0px; border-left-width: 1px; border-right-width: 1px; border-style: solid; border-color: transparent; &:hover { color: #778; } &.active { color: #667; position: relative; background-color: #f6f6f8; margin-bottom: -2px; border-color: #ddd; height: 47px; } &:last-child { border-right-width: 0px; } } } .font-show { line-height: 28px; text-transform: uppercase; margin-top: 11px; font-weight: bold; font-size: 11px; letter-spacing: 1px; color: #777; margin-left: 8px; display: inline-block; } .standalone, .font-btn { height: auto; text-transform: none; letter-spacing: 0; line-height: normal; border-radius: 3px; padding: 6px 11px 5px 11px; color: #777; font-weight: normal; font-size: 13px; background: #f6f6f9; border: 1px solid #ccc; border-bottom-width: 0px; box-shadow: inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,0.4); border-radius: 3px; -moz-border-radius: 3px; position: relative; margin-top: 2px; margin-bottom: 0; opacity: .6; -webkit-transition: none; transition: none; } .standalone:hover, .font-btn:hover, .standalone:focus, .font-btn:focus, .standalone.active, .font-btn.active { opacity: .75; box-shadow: inset 0 1px 0 #fff,0 0px 3px rgba(0,0,0,0.2); border-color: #bbb; border-bottom-width: 1px; margin-bottom: -1px; position: static; } .standalone.active, .font-btn.active { opacity: 1; position: static; } .font-btn, .font-btn:hover { opacity: 1; } .grid-allow { letter-spacing: -4px; > div, > label { letter-spacing: 0; display: inline-block; position: relative; height: 70px; border: 1px solid #ccc; border-radius: 3px; background-color: #f6f6f9; border-bottom-width: 0px; margin-bottom: 1px; box-shadow: 0 1px 0 rgba(0,0,0,0.4); opacity: .6; &:hover, &.active { box-shadow: inset 0 1px 0 #fff,0 0px 3px rgba(0,0,0,0.2); border-color: #bbb; border-bottom-width: 1px; margin-bottom: 0px; opacity: .75; } &.active { opacity: 1; } > span { position: absolute; border-radius: 1px; } input { position: relative; left: -999em; } } } .group { position: relative; margin-top: 24px; > h2 { left: 12px; color: #778; font-weight: bold; text-transform: uppercase; letter-spacing: .6px; margin: 0; font-size: 12px; } > div { padding: 4px 0; font-size: 12px; .option-label { vertical-align: top; font-size: 12px; position: relative; top: 3px; padding-right: 5px; vertical-align: top; display: inline-block; } p { margin: 0; position: relative; top: 3px; display: inline-block; font-size: 12px; } } } .custom-color { h2 { margin-bottom: 8px; } .wp-picker-container { position: absolute; width: 112px; white-space: nowrap; left: 258px; } .wp-picker-input-wrap, .wp-picker-holder { position: absolute; left: -130px; top: -225px; } .wp-picker-input-wrap { top: 0; } > div { margin: 6px 0; } } .color-schemes.image-schemes { .wp-color-result { width: 54px; height: 54px; vertical-align: top; outline: none; margin: 0; border: 1px solid #ccc; box-shadow: 0 1px 0 rgba(0,0,0,.2); &:after { content: none; } } > div { margin: 4px 4px 4px 0; display: inline-block; position: relative; } .wp-picker-input-wrap { position: absolute; width: 150px; bottom: -1px; top: auto; left: 56px; } .color-picker { height: 23px; } .wp-picker-holder { position: absolute; bottom: -218px; top: auto; } > label { border-color: #ccc; vertical-align: top; box-shadow: 0 1px 0 rgba(0,0,0,.22); } > label > span, > div > span, .wp-picker-container::after { position: absolute; font-size: 9px; letter-spacing: 0; right: 0; left: 0; text-align: center; margin-top: -9px; top: 50%; font-weight: bold; text-transform: uppercase; letter-spacing: .4px; color: #bbb; z-index: 99; } .wp-picker-container::after { content: 'CUSTOM'; } .wp-picker-container:hover::after { display: none; } > label.active span { color: #666; } > label.active { box-shadow: 0 1px 4px rgba(0,0,0,0.5); border: 0px; } > label:nth-child(1), > label:nth-child(2) { span { display: block; } } > label:nth-child(2) { background-size: 102% !important; } } .color-schemes.colors { input[type='radio'], input[type='radio']:focus, input[type='radio']:hover { position: absolute; left: -9999em; margin-left: -10px; margin-top: -8px; background: none; border: 0px; top: 50%; opacity: 0; &::before { font-size: 15px; } } label.active input[type='radio'] { opacity: 1; left: 50%; } } .color-schemes { width: 101%; > label { position: relative; cursor: pointer; width: 52px; height: 52px; border-radius: 2px; display: inline-block; margin: 4px 4px 4px 0; border: 1px solid transparent; transition: transform .2s; } > label.active { } } } #form_options_box { span.option-label { display: inline-block; width: 140px; line-height: 38px; } .nav-content { padding: 0px 15px 15px 15px; } input[type='radio'], input[type='checkbox'] { position: relative; top: 1px; } .wp-picker-container .wp-picker-input-wrap input { height: 22px; width: 75px; padding: 0px 8px; line-height: 22px; } .button { vertical-align: middle; } .custom-text-cover { overflow: auto; padding: 0; input[type='text'], textarea { width: 100%; margin: 0; padding: 9px 17px; box-shadow: none; display: block; text-transform: none; letter-spacing: 0; color: #777; font-size: 13px; text-align: left; opacity: 1; border-color: #e3e3e3; border-top-width: 0px; background: none; &:focus { border-color: #e0e0e0; background-color: #f2f2f4; color: #555; } } } label.single-option.active, label.single-option:hover { opacity: 1; background-color: #f4f4f6; } label.single-option span { margin-left: 23px; } div.single-option h3 { font-size: 13px; } div.active .single-option:nth-child(1) .step { transition: transform .6s; } div.active .single-option:nth-child(2) .step { transition: transform .8s; } div.active .single-option:nth-child(3) .step { transition: transform 1s; } div.active .single-option:nth-child(4) .step { transition: transform 1.2s; } div.active .single-option:nth-child(5) .step { transition: transform 1.4s; } div.active .single-option .step { transform: translate3d(0,0,0); } .single-option { display: block; padding: 12px 15px; margin: 0; border-bottom: 1px solid #e3e3e3; &:last-child { border-bottom-width: 0px; } opacity: .9; position: relative; .bg-image { position: absolute; left: 0; top: 0; width: 100%; height: auto; z-index: -1; opacity: .75; } .step { position: absolute; transition: transform .6s; right: 5px; transform: translate3d(100px,0,0); top: 5px; background-color: rgba(68, 136, 238, 0.72); color: #fff; text-align: center; font-weight: bold; font-size: 16px; width: 30px; height: 30px; line-height: 30px; border-radius: 100px; z-index: 101; } input[type='text'], textarea, select { display: inline-block; padding: 4px 8px; text-align: center; text-transform: uppercase; letter-spacing: .4px; font-size: 11px; width: auto; box-shadow: none; width: 80px; margin: 0 4px; background-image: none; } select { text-transform: none; letter-spacing: 0; font-weight: normal; } h3 { display: inline-block; font-size: 12px; color: #666; margin: 0; } span { font-size: 12px; color: #777; display: block; margin-top: 3px; a { margin: 0; display: inline; } input[type='text'], textarea { margin: 4px 0 4px 0; text-transform: none; font-size: 12px; letter-spacing: 0px; text-align: left; padding: 6px 9px; font-family: monospace, Arial; } } } .group { > div { letter-spacing: -4px; > span, > div, > label, > p { letter-spacing: 0; display: inline-block; } } .tooltip-inner { max-width: 400px; } > .tooltip-icon { border-radius: 100px; position: absolute; right: 30px; top: -10px; font-size: 18px; background-color: #fff; color: #999; } > div { margin-bottom: 10px; } span.option-label { width: 25%; vertical-align: top; } } .tooltip-wide { .tooltip-inner { width: 280px; } } .tooltip-cover { display: inline-block; position: absolute; top: 10px; right: 9px; margin-left: 4px; text-align: center; font-size: 18px; .tooltip-icon { display: block; color: #999; background-color: white; text-align: center; border-radius: 100px; } .tooltip { min-width: 200px; text-align: left; } } .sub-label-left { font-size: 12px; min-width: 90px; display: inline-block; color: #777; text-align: right; } .email-method-check { vertical-align: top; margin-top: 9px; letter-spacing: -4px; .tooltip-icon { border-radius: 100px; position: absolute; right: 7px; top: -10px; background-color: #fff; color: #999; } label:last-child { margin-right: 0px; } .icon-help-circled:before { display: block; } label { letter-spacing: 0; background-color: transparent; display: inline-block; vertical-align: top; margin-bottom: 0px; padding: 8px 10px; border: 1px solid #ddd; border-bottom: 0px; } label.active { background-color: #fff; } } .test-email { position: relative; margin-top: 18px; } .test-email input { box-shadow: none; width: 100%; border-color: #d7d7d7; border-radius: 3px; margin-bottom: 25px; } .test-email .tooltip-icon { position: absolute; right: 4px; top: 11px; font-size: 14px; color: #888; z-index: 101; } .test-email > span { position: absolute; right: 2px; top: 38px; font-size: 11px; color: #888; } .test-email > div { text-align: center; line-height: 1.5em; font-size: 13px; .fc-spinner { padding: 0; margin: 0 auto; } .icon-ok { font-size: 11px; } .cancel-x { font-size: 16px; color: red; margin-top: -1px; display: inline-block; line-height: 17px; vertical-align: middle; font-weight: bold; } } .email-method-list { display: inline-block; position: relative; width: 100%; .input-group > label:first-child input { border-radius: 0px; border-top-color: #ddd; } .input-group > label input { border-right-color: #ddd; border-left-color: #ddd; } } .show-php, .hide-smtp { display: block; } .hide-php, .show-smtp { display: none; } .fc_modal-header { background: #eee; padding-bottom: 0; color: #999; } } #styling_tabs.nav-content-slide > div { padding: 0 20px 15px 20px; } .textangular { display: block; background-color: white; border-radius: 3px; overflow: hidden; border: 1px solid #ddd; border-top-color: #bababa; border-left-color: #bfbfbf; margin: 1px; letter-spacing: 0; textarea { display: block; width: 100%; margin: 0; border: 0px; font-family: monospace, Arial; line-height: 1.4; font-size: 14px; } [class^="fa-"]:before, [class*=" fa-"]:before { font-family: "fc"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .fa-list-ol:before { content: '\e82b'; } /* '' */ .fa-list-ul:before { content: '\e82c'; } /* '' */ .fa-quote-right:before { content: '\e827'; } /* '' */ .fa-bold:before { content: '\e829'; } /* '' */ .fa-italic:before { content: '\e82a'; } /* '' */ .fa-align-left:before { content: '\e818'; } /* '' */ .fa-align-center:before { content: '\e819'; } /* '' */ .fa-align-right:before { content: '\e81a'; } /* '' */ .fa-repeat:before { content: '\e82d'; } /* '' */ .fa-undo:before { content: '\e82e'; } /* '' */ .fa-underline:before { content: '\e82f'; } /* '' */ .fa-strikethrough:before { content: '\e830'; } /* '' */ .fa-ban:before { content: '\e831'; } /* '' */ .fa-code:before { content: '\e832'; } /* '' */ .fa-picture-o:before { content: '\e833'; } /* '' */ .fa-link:before { content: '\e834'; } /* '' */ .fa-youtube-play:before { content: '\e835'; } /* '' */ .fa-indent:before { content: '\e836'; } /* '' */ .fa-outdent:before { content: '\e837'; } /* '' */ .fa-trash-o:before { content: '\e800'; } /* '' */ .fa-align-justify:before { content: '\e838'; } /* '' */ .fa-unlink:before { content: '\e839'; } /* '' */ .fa-edit:before { content: '\e812'; } /* '' */ button, .btn { background-color: inherit; border: 0px; box-shadow: none; display: inline-block; cursor: pointer; color: #888; padding: 6px; min-width: 31px; font-size: 12px; background: inherit; &:hover { background-color: #eee; color: #000; } } .ta-editor { p { margin: 6px 0; width: auto; } h1, h2, h3, h4, h5 { color: inherit !important; position: static !important; line-height: normal !important; margin: 10px 0 !important; display: block !important; font-weight: bold !important; } iframe { max-width: 200px; height: auto; } } .btn-group { display: inline; white-space: normal; } .btn-group .btn:first-child { border-left: 0px; } .ta-toolbar { border-bottom: 1px solid #ddd; background-color: #fafafa; margin-top: 0; margin-bottom: 0; } } html [class^="icon-"]:before, html [class*=" icon-"]:before { font-family: "fc"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html .formcraft-css { * { box-sizing: border-box; -moz-box-sizing: border-box; } label { position: relative; display: inline-block; } label > span.sub-label { position: absolute; z-index: 1; left: 13px; top: -2px; font-size: 12px; font-weight: bold; color: #48e; line-height: 4px; background-color: white; } .trigger-help { color: #48e; display: inline-block; margin: 5px 0; cursor: pointer; letter-spacing: 0; &:hover { color: darken(#48e, 10%); } } #form_styling_box .trigger-help { color: #999; &:hover { color: #48e; } } .options-head { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transition: transform .5s ease-out; -webkit-transition: -webkit-transform .5s ease-out; } .fields-list-right { display: block; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } #form-cover-html { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transition: transform .5s ease-out; -webkit-transition: -webkit-transform .5s ease-out; } .fc-form { transition: width .25s ease-out; -webkit-transition: width .25s ease-out; } .form_width_change { opacity: 1; transform: translate3d(0, 0, 0) scaleX(1); -webkit-transform: translate3d(0, 0, 0) scaleX(1); transition: transform .5s cubic-bezier(0.8,0,0.1,1); -webkit-transition: -webkit-transform .5s cubic-bezier(0.8,0,0.1,1); z-index: 1; max-width: 600px; } .hide-form-options { .form-options { display: none !important; } } &.hide-form { .fields-list-right { display: block; transform: translate3d(130px, 0, 0); -webkit-transform: translate3d(130px, 0, 0); } .options-head { transform: translate3d(0, -60px, 0); -webkit-transform: translate3d(0, -60px, 0); } #form-cover-html { opacity: 0; transform: translate3d(0, 60px, 0); -webkit-transform: translate3d(0, 60px, 0); } .form_width_change { transform: translate3d(0, 0, 0) scaleX(0); -webkit-transform: translate3d(0, 0, 0) scaleX(0); opacity: 0; } .fc-pagination-cover { display: none; } .fc-spinner-form { display: block; margin: 0px auto; padding: 0; white-space: nowrap; position: absolute; top: 50%; margin-top: -10px; left: 0; right: 0; width: auto; > div { width: 15px; height: 15px; background-color: #999; margin: 0 1px; } } } .fc-spinner-form { display: none; } .fc-pagination-cover { margin-bottom: 3em; } .fc-pagination { display: block; width: 100% !important; div input { display: block; text-align: center; text-transform: uppercase; font-size: 11px; color: #888; letter-spacing: .4px; font-weight: bold; box-shadow: none; border: 0px; border-radius: 0px; background-color: transparent; border-bottom: 1px solid #bbb; padding: 6px; } div .page-name { display: none; } div:first-child .page-number { transform: scale(1.1); } } .fc-form { &.frame-hidden .form-page { padding: 0; } .form-page { border-top: 1px dashed #ddd; margin-top: -1px; min-height: 30px; position: relative; padding: 1.5em 1.5em; padding-right: 0; padding-bottom: 0; } .form-page .form-page-content { padding: 0; min-height: 78px; position: relative; } .form-page-0 { .delete-page { display: none; } } .delete-page { position: absolute; color: #aaa; top: -12px; left: 50%; font-weight: bold; font-size: 16px; width: 22px; height: 22px; line-height: 22px; margin-left: 36px; border-radius: 50px; cursor: pointer; z-index: 9999; &:hover { color: red; } } .form-page::after { content: 'page break'; letter-spacing: 0; position: absolute; top: -10px; background-color: white; color: #999; font-size: 10px; letter-spacing: .6px; text-transform: uppercase; font-weight: bold; margin-left: -32px; left: 50%; } .form-page:first-child { border-top: 0px; } .form-page:first-child::after { content: none; } .form-element.even { .form-options:before { content: ''; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right:7px solid #d3d3d3; position: absolute; left: 0; margin-left: -7px; top: 33px; z-index: 101; } .form-options:after { content: ''; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right:6px solid #fff; position: absolute; left: 0; margin-left: -5px; top: 34px; z-index: 102; } } .form-element.odd { .form-options:before { content: ''; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #d3d3d3; position: absolute; right: 0; margin-right: -7px; top: 33px; z-index: 101; } .form-options:after { content: ''; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left:6px solid #fff; position: absolute; right: 0; margin-right: -5px; top: 34px; z-index: 102; } } .form-element.even .form-options .sub-options { text-align: right; } .form-element.even .form-options { .delete { right: auto; left: 8px; } .duplicate { right: auto; left: 32px; } } .form-options { display: block; font-size: 13px; letter-spacing: -4px; position: absolute; width: 330px; box-shadow: 0 0 3px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3); top: -10px; background: white; border-radius: 2px; color: #666; font-family: 'Open Sans', 'Helvetica', Arial; .textangular textarea { margin: 0 !important; background-color: white; box-shadow: none; } .ta-toolbar { white-space: normal; .btn { min-width: 29px; } .btn.active { box-shadow: 0px 0px 1px #aaa inset; background: #eee; border-radius: 1px; } } .textangular .ta-editor { cursor: auto; font-size: 1.1em; p { font-weight: normal; color: inherit; display: block; font-size: 1em; width: auto; } } > div { letter-spacing: 0; } .options-main { padding: 10px 0 2px 15px; text-align: left; hr { margin-left: -1.15em; } } .sub-options { border-bottom: 1px solid #ddd; border-radius: 2px 2px 0 0; background-color: #F6F6F8; text-align: left; padding: 0 10px; font-size: 15px; > div { display: inline-block; cursor: auto; text-transform: uppercase; letter-spacing: .5px; font-size: 14px; padding: 7px 3px; color: #888; font-weight: bold; } .icon-trash-empty { font-size: 14px; position: relative; bottom: 1px; } .delete, .duplicate { position: absolute; top: 6px; background: red; color: white; right: 8px; height: 19px; border-radius: 100px; text-align: center; font-size: 15px; width: 19px; line-height: 19px; padding: 0; opacity: .4; } .duplicate { right: 32px; font-size: 13px; background-color: rgb(8, 143, 8); } .delete:hover { color: white; opacity: .9; } .duplicate:hover { color: white; opacity: .9; } > span { cursor: pointer; font-weight: bold; opacity: .8; display: inline-block; padding: 8px 3px; color: #888; } > span:hover { opacity: 1; } } .w-3.w-3-images { display: none; } .images-true { .w-3-images { display: inline-block; } .w-3 { width: 50%; display: inline-block; } } .icons-list { position: relative; font-weight: bold; text-align: center; } .icons-list > div > span { display: inline-block; font-size: 15px; height: 20px; vertical-align: bottom; opacity: .75; cursor: pointer; width: 100%; &:hover { opacity: 1; } [class^="icon-"] { position: static; font-size: inherit; } } .icons-list > div { border: 1px solid #ddd; border-top-color: #c6c6c6; border-left-color: #c9c9c9; box-shadow: 1px 1px 0 #eee inset; border-radius: 2px; padding: 6px; background-color: rgb(250, 250, 250); .no-icon { position: relative; width: 100%; height: 20px; display: block; margin: 0; text-align: center; &::after { position: absolute; content: 'NONE'; text-transform: uppercase; font-style: initial; font-size: 9px; font-weight: bold; line-height: 20px; left: 0; top: 2px; bottom: 0; right: 0; } } } .icons-list > div > span.super { position: absolute; top: -1px; left: 10px; line-height: 2px; background-color: white; font-size: 12px; height: auto; vertical-align: top; opacity: 1; width: auto; } .icons-list > div > div { width: 200px; padding: 6px; color: #656565; text-align: left; text-decoration: none; background-color: #FAFAFA; box-shadow: 0 0 6px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5); border-radius: 2px; position: absolute; top: 33px; left: -53%; letter-spacing: -4px; white-space: normal; z-index: 99; &::after { position: absolute; content: ''; left: 57px; top: -5px; background-color: rgb(250, 250, 250); height: 5px; width: 88px; } > label { width: 20%; padding: 7px 0; border: 0px; opacity: .5; margin: 0; font-size: 15px; text-align: center; letter-spacing: 0; display: inline-block; color: #555; [class^="icon-"] { position: static; font-size: inherit; } &.active,&:hover { opacity: 1; } } } .w-1,.w-2,.w-3,.w2-1,.w2-2 { letter-spacing: 0; padding-right: 15px; font-size: 90%; white-space: nowrap; margin-bottom: 12px; .read-more-textarea { position: absolute; bottom: 5px; right: 35px; background-color: white; line-height: 3px; cursor: pointer; margin: 0; } .icon-help { position: absolute; right: 17px; top: 50%; margin-top: -5px; color: #888; } .icon-help-circled::before { margin: 0; } input[type="text"], textarea, select { width: 100%; margin: 0; margin-top: 8px; padding: 8px 10px 6px 10px; } p { margin: 0; width: 100px; padding-right: 8px; display: inline-block; font-weight: bold; font-size: 12px; color: #777; } .tooltip { white-space: normal; width: 220px; max-width: 220px; padding-bottom: 0; margin-top: -4px; } .icon-help-circled { position: absolute; right: 25px; font-size: 16px; text-align: center; color: #999; border-radius: 100px; background-color: white; width: 17px; line-height: 17px; height: 17px; top: 0; } } .stuck-input { letter-spacing: -4px; position: relative; padding-top: 20px; padding-bottom: 5px; } .stuck-input > span { letter-spacing: 0px; width: 25%; text-align: center; display: inline-block; position: absolute; z-index: 101; font-size: 9px; text-transform: uppercase; letter-spacing: .4px; top: 5px; font-weight: bold; } .stuck-input > input[type='text'] { width: 25%; display: inline-block; letter-spacing: 0; position: relative; border-radius: 0px; margin: 0; border-right-width: 0px; padding: 6px 8px; box-shadow: none; } .stuck-input > input[type='text']:nth-child(2) { border-radius: 2px 0 0 2px; } .stuck-input > input[type='text']:last-child { border-radius: 0 2px 2px 0; border-right-width: 1px; } .wp-picker-holder { z-index: 101; } .wp-picker-input-wrap input[type="text"] { max-width: 67px; margin: 0; padding: 2px 2px 2px 2px; } .w2-1 { display: inline-block; width: 50%; } .w2-2 { display: inline-block; width: 25%; } .w-3,.w2-3 { display: block; width: 100%; } .w-2 { display: inline-block; width: 66.6%; } .w-1 { display: inline-block; width: 33.3%; &.last { width: 33.4%; } } .heading-sizes { .button, .hide-checkbox .button, label.button, span.button { font-size: 13px; [class^="icon-"]::before { position: static; } } } .hide-checkbox .button, .button, label.button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; padding: 7px 11px 6px 11px !important; color: #777; background-color: #f6f6f8; border: 0px; border-width: 1px; border-style: solid; border-color: #ccc; border-bottom-width: 0px; box-shadow: inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,0.4); border-radius: 3px; -moz-border-radius: 3px; position: relative; text-transform: uppercase; font-weight: bold; letter-spacing: .4px; text-shadow: none; position: relative; font-size: 9px; margin-right: 5px; margin-top: 5px; margin-bottom: 2px; height: auto; line-height: normal; text-align: center; opacity: .6; -webkit-transition: none; transition: none; vertical-align: middle; [class^="icon-"]::before { position: static; } &:hover, &:focus { opacity: .75; margin-bottom: 1px; box-shadow: inset 0 1px 0 #fff,0 0px 3px rgba(0,0,0,0.2); border-bottom-width: 1px; border-color: #bbb; position: static; } &.active, &:active { opacity: 1; position: static; &:hover { opacity: 1; } } } .button.wp-picker-clear { margin: 0; margin-left: 5px; vertical-align: top; opacity: 1; padding: 4px 8px 3px 8px !important; } .hide-checkbox { label { opacity: .5; opacity: .5; border: 1px solid #ccc; padding: 5px 5px 3px 5px; border-radius: 2px; img { max-width: 28px; } } label:hover,label.active { opacity: 1; } } .align-icons .button { font-size: 13px; } label, div.label { position: relative; display: inline-block; > span { position: absolute; font-size: 12px; line-height: 10px; left: 10px; top: 2px; font-weight: bold; background: white; color: #777; } } } .form-options { display: none; } .form-options.state-true { display: block; } .form-options.state-false { display: none; } .even .form-options { right: 0; margin-right: -352px; } .odd .form-options { left: -1.5em; margin-left: -352px; } .odd .form-options { transform-origin: 0; -webkit-animation: fadeInLeft .25s; animation: fadeInLeft .25s; } .odd .form-options.animate-hiding.state-false { display: block; -webkit-animation: fadeOutLeft .25s; animation: fadeOutLeft .25s; } .even .form-options { transform-origin: 0; -webkit-animation: fadeInRight .25s; animation: fadeInRight .25s; } .even .form-options.animate-hiding.state-false { display: block; -webkit-animation: fadeOutRight .25s; animation: fadeOutRight .25s; } } .form-cover-builder { padding-top: 120px; padding-bottom: 300px; min-height: 610px; .prev-next { input { display: block !important; margin: 0 auto; &:hover { color: #48e; } } div span { display: none; } } .fc-form { max-width: 600px; .form-element-html { min-height: 20px; } .form-element-type-customText .form-element-html { min-height: 0; } .form-element.form-element-type-customText:first-child .form-element-html, .form-element.form-element-type-heading:first-child .form-element-html { padding-top: 0; } .form-element { cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; .form-element-html { margin-left: -.75em; padding-left: .75em; margin-top: -.75em; padding-top: .75em; } } .form-page-content .form-element:first-child .form-element-html { margin-top: 0; } .form-element .options-panel { display: none; cursor: move; cursor: -webkit-grab; } .form-element:hover .options-panel { display: block; } .form-element::after { position: absolute; border: 1px dashed #aaa; top: -.75em; bottom: 0; left: -.75em; right: .75em; height: 100%; content: ''; display: none; z-index: -1; } .form-element-type-customText.form-element::after, .form-element-type-heading.form-element::after { top: 0; } .form-element:hover::after { display: block; } .form-element.ui-sortable-placeholder { position: relative; visibility: visible !important; display: inline-block !important; margin-bottom: 0px; margin-right: -1px; min-height: 38px; &::after { display: block; width: auto; position: absolute; left: -.75em; right: 0; top: 0; bottom: 0; border: 0px; margin-right: 0.75em; margin-top: -0.75em; border: 1px dashed #aaa; background-color: rgba(0,0,0,.02); } } .form-element:hover { opacity: 1; } .form-element.ui-sortable-helper { opacity: .3; cursor: -webkit-grabbing; } } .fc-form.options-fade { .form-element { opacity: .65; } .form-element.options-true { opacity: 1; } } .required_field { display: none; } .form_width_change { border: 1px solid #bbb; border-bottom: 0px; height: 18px; text-align: center; margin: 0 auto 30px auto; position: relative; .icon-help { z-index: 102; position: absolute; left: 50%; margin-left: 32px; color: #999; top: -9px; border-radius: 100px; font-size: 10px; } input { padding: 4px 6px; box-shadow: none; border: 1px solid #bbb; width: 100px; position: absolute; top: -14px; left: 50%; text-align: center; margin-left: -50px; text-transform: uppercase; letter-spacing: .6px; font-size: 11px; color: #666; font-weight: bold; } span { position: absolute; z-index: 101; top: -30px; font-size: 11px; letter-spacing: .6px; color: #666; text-transform: uppercase; font-weight: bold; width: 100px; left: 50%; margin-left: -50px; } } } .wp-picker-container { position: relative; .wp-color-picker { padding: 2px; } .wp-picker-holder { position: absolute; top: 23px; z-index: 101; } .wp-picker-holder .iris-picker { -webkit-animation: slideDown .3s ease-out; animation: slideDown .3s ease-out; } .wp-picker-input-wrap input { -webkit-animation: slideRight .3s ease-out; animation: slideRight .3s ease-out; } .wp-color-result { margin-bottom: 0; } .wp-color-result:after { box-shadow: none; line-height: 20px; } .wp-picker-clear { height: 22px; line-height: 20px; padding: 0 10px; font-size: 11px; } } #help_button_cover { .icon-help-circled { top: -1px; right: -1px; } } .icon-help-circled { position: relative; font-size: 15px; } .options-head { position: fixed; z-index: 997; top: 32px; left: 160px; right: 0; height: 40px; background-color: #f6f6f8; box-shadow: 0 0px 3px #999; letter-spacing: -4px; font-size: 15px; > div { display: inline-block; white-space: nowrap; text-align: center; width: 100%; > div:last-child .button { border-right-width: 1px; } > div, > a { display: inline-block; letter-spacing: 0; vertical-align: top; > button, .add_fields > button, &.button, &.button:active { margin: 0; border-radius: 0px; border: 0px; border-left-width: 1px; border-style: solid; border-color: #ccc; height: 40px; line-height: 40px; border-bottom-width: 0px; box-shadow: none; } .active-true { color: #555; top: 1px; background-color: #eaeaec; box-shadow: 1px 0 2px -2px #999 inset,-1px 0 2px -2px #999 inset; } } } #form_save_button { .fc-spinner { display: none; padding: 1px; margin: 0 auto; > div { background-color: #777; } } &.saving { .fc-spinner { display: block; } .one { display: none; } } } } } .rtl .formcraft-css .option-box>h2 .icon-angle-left, .rtl .formcraft-css .option-box .ac-toggle [class^="icon-"], .rtl .formcraft-css .option-box .ac-toggle [class*=" icon-"], .rtl #form_addon_box .toggle-angle { right: auto; left: 0; } .rtl #form_options_box .tooltip-cover { right: 0px; } html .rtl .formcraft-css .options-head>div>div .button, html .rtl .formcraft-css .options-head>div>div.button, html .rtl .formcraft-css .options-head>div>a.button { border-radius: 0px; } .hljs { display: block; overflow-x: auto; padding: 0.5em; background: #f0f0f0; -webkit-text-size-adjust: none } .hljs, .hljs-subst, .hljs-tag .hljs-title, .nginx .hljs-title { color: black } .hljs-string, .hljs-title, .hljs-constant, .hljs-parent, .hljs-tag .hljs-value, .hljs-rule .hljs-value, .hljs-preprocessor, .hljs-pragma, .hljs-name, .haml .hljs-symbol, .ruby .hljs-symbol, .ruby .hljs-symbol .hljs-string, .hljs-template_tag, .django .hljs-variable, .smalltalk .hljs-class, .hljs-addition, .hljs-flow, .hljs-stream, .bash .hljs-variable, .pf .hljs-variable, .apache .hljs-tag, .apache .hljs-cbracket, .tex .hljs-command, .tex .hljs-special, .erlang_repl .hljs-function_or_atom, .asciidoc .hljs-header, .markdown .hljs-header, .coffeescript .hljs-attribute { color: #800 } .smartquote, .hljs-comment, .hljs-annotation, .diff .hljs-header, .hljs-chunk, .asciidoc .hljs-blockquote, .markdown .hljs-blockquote { color: #888 } .hljs-number, .hljs-date, .hljs-regexp, .hljs-literal, .hljs-hexcolor, .smalltalk .hljs-symbol, .smalltalk .hljs-char, .go .hljs-constant, .hljs-change, .lasso .hljs-variable, .makefile .hljs-variable, .asciidoc .hljs-bullet, .markdown .hljs-bullet, .asciidoc .hljs-link_url, .markdown .hljs-link_url { color: #080 } .hljs-label, .hljs-javadoc, .ruby .hljs-string, .hljs-decorator, .hljs-filter .hljs-argument, .hljs-localvars, .hljs-array, .hljs-attr_selector, .hljs-important, .hljs-pseudo, .hljs-pi, .haml .hljs-bullet, .hljs-doctype, .hljs-deletion, .hljs-envvar, .hljs-shebang, .apache .hljs-sqbracket, .nginx .hljs-built_in, .tex .hljs-formula, .erlang_repl .hljs-reserved, .hljs-prompt, .asciidoc .hljs-link_label, .markdown .hljs-link_label, .vhdl .hljs-attribute, .clojure .hljs-attribute, .asciidoc .hljs-attribute, .lasso .hljs-attribute, .coffeescript .hljs-property, .hljs-phony { color: #88f } .hljs-keyword, .hljs-id, .hljs-title, .hljs-built_in, .css .hljs-tag, .hljs-javadoctag, .hljs-phpdoc, .hljs-dartdoc, .hljs-yardoctag, .smalltalk .hljs-class, .hljs-winutils, .bash .hljs-variable, .pf .hljs-variable, .apache .hljs-tag, .hljs-type, .hljs-typename, .tex .hljs-command, .asciidoc .hljs-strong, .markdown .hljs-strong, .hljs-request, .hljs-status { font-weight: bold } .asciidoc .hljs-emphasis, .markdown .hljs-emphasis { font-style: italic } .nginx .hljs-built_in { font-weight: normal } .coffeescript .javascript, .javascript .xml, .lasso .markup, .tex .hljs-formula, .xml .javascript, .xml .vbscript, .xml .css, .xml .hljs-cdata { opacity: 0.5 }