Current Path : /storage/v11800/affypharma/public_html/wp-content/plugins/formcraft3/assets/less/ |
Linux v11800 5.3.0-1023-aws #25~18.04.1-Ubuntu SMP Fri Jun 5 15:19:18 UTC 2020 aarch64
|
Current File : /storage/v11800/affypharma/public_html/wp-content/plugins/formcraft3/assets/less/builder.less |
/* 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;
margin-left: -1px;
}
> 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);
}
}
body.rtl .formcraft-css
{
font-family: 'Open Sans';
}
body.rtl .formcraft-css .fields-list-right
{
right: auto;
left: 0px;
}
body.rtl .formcraft-css .options-head
{
left: 0px;
}
.ta-hidden-input
{
display: none !important;
}
.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: 404px;
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: 11px;
text-transform: uppercase;
letter-spacing: .4px;
color: #888;
font-weight: 600;
&: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: 11px;
font-weight: 600;
letter-spacing: .4px;
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;
margin-right: -1px;
&: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;
vertical-align: middle;
}
}
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;
.fc-pagination-cover
{
margin-left: 0;
}
.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;
.button
{
font-size: 11px;
font-weight: 600;
}
> 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;
}
.rtl .formcraft-css .option-box .nav-content-slide > div
{
overflow: inherit;
}
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
}