2436 lines
82 KiB
CSS
2436 lines
82 KiB
CSS
.fusion-builder-live .fusion-child-sortables {
|
|
padding: 10px 20px;
|
|
}
|
|
.fusion-builder-live .fusion-child-sortables.has-dynamic-data .fusion-multi-child-desc,
|
|
.fusion-builder-live .fusion-child-sortables.has-dynamic-data .fusion-multi-child-button {
|
|
display: none;
|
|
}
|
|
.fusion-builder-live .fusion-child-sortables.has-dynamic-data .fusion-builder-sortable-children {
|
|
margin-top: 70px;
|
|
}
|
|
.fusion-builder-live .fusion-child-sortables.has-dynamic-data-no-children .fusion-builder-sortable-children {
|
|
display: none;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-elements-container,
|
|
.fusion-builder-live .fusion-builder-column-layouts-container {
|
|
position: relative;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-elements-container .fusion-tabs,
|
|
.fusion-builder-live .fusion-builder-column-layouts-container .fusion-tabs {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
scrollbar-color: var(--scroll-accent) var(--scroll-bg);
|
|
scrollbar-width: thin;
|
|
margin-bottom: 0;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-elements-container .fusion-tabs::-webkit-scrollbar,
|
|
.fusion-builder-live .fusion-builder-column-layouts-container .fusion-tabs::-webkit-scrollbar {
|
|
width: 6px;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-elements-container .fusion-tabs::-webkit-scrollbar-track,
|
|
.fusion-builder-live .fusion-builder-column-layouts-container .fusion-tabs::-webkit-scrollbar-track {
|
|
background: var(--scroll-bg);
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-elements-container .fusion-tabs::-webkit-scrollbar-thumb,
|
|
.fusion-builder-live .fusion-builder-column-layouts-container .fusion-tabs::-webkit-scrollbar-thumb {
|
|
background: var(--scroll-accent);
|
|
}
|
|
.fusion-builder-live .fusion-global span.fusion-global-tooltip {
|
|
background: var(--gray-dark);
|
|
position: absolute;
|
|
left: 50%;
|
|
margin: 0 auto;
|
|
color: var(--white);
|
|
font-size: 14px;
|
|
padding: 10px 20px;
|
|
border-radius: 5px;
|
|
font-weight: 200;
|
|
top: -50px;
|
|
white-space: nowrap;
|
|
display: none;
|
|
z-index: 9999;
|
|
transform: translateX(-50%);
|
|
}
|
|
.fusion-builder-live .fusion-global span.fusion-global-tooltip:before {
|
|
content: "\f0d7";
|
|
font-family: fusion-builder-icons;
|
|
width: 100%;
|
|
text-align: center;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: -10px;
|
|
font-size: 30px;
|
|
color: var(--gray-dark);
|
|
transition: color 0.1s ease;
|
|
}
|
|
.fusion-builder-live .fusion-global:hover span.fusion-global-tooltip {
|
|
display: block;
|
|
}
|
|
.fusion-builder-live .fusion-global:hover h4.fusion-page-layout-title:before,
|
|
.fusion-builder-live .fusion-global:hover h4.fusion_module_title:before {
|
|
color: var(--blue);
|
|
}
|
|
.fusion-builder-live .fusion-global h4.fusion-page-layout-title,
|
|
.fusion-builder-live .fusion-global h4.fusion_module_title {
|
|
position: relative;
|
|
width: 100%;
|
|
line-height: 16px;
|
|
}
|
|
.fusion-builder-live .fusion-global h4.fusion-page-layout-title:before,
|
|
.fusion-builder-live .fusion-global h4.fusion_module_title:before {
|
|
content: "\f0ac";
|
|
font-family: fusion-builder-icons;
|
|
font-size: 16px;
|
|
color: var(--gray-light);
|
|
vertical-align: middle;
|
|
}
|
|
.ltr.fusion-builder-live .fusion-global h4.fusion-page-layout-title:before,
|
|
.ltr.fusion-builder-live .fusion-global h4.fusion_module_title:before {
|
|
margin-right: 0.5em;
|
|
}
|
|
.rtl.fusion-builder-live .fusion-global h4.fusion-page-layout-title:before,
|
|
.rtl.fusion-builder-live .fusion-global h4.fusion_module_title:before {
|
|
margin-left: 0.5em;
|
|
}
|
|
.fusion-builder-live .fusion-global h4.fusion-page-layout-title .fusion-global-tooltip-wrapper,
|
|
.fusion-builder-live .fusion-global h4.fusion_module_title .fusion-global-tooltip-wrapper {
|
|
position: absolute;
|
|
width: 15px;
|
|
height: 16px;
|
|
top: 0;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules {
|
|
margin: 0;
|
|
padding: 10px 5px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
clear: both;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules li {
|
|
border: 1px solid var(--border-color);
|
|
background-color: var(--white);
|
|
text-align: center;
|
|
position: relative;
|
|
list-style-position: inside;
|
|
list-style-type: none;
|
|
cursor: pointer;
|
|
padding: 0 10px;
|
|
box-sizing: border-box;
|
|
margin: 7.5px;
|
|
width: 120px;
|
|
min-height: 110px;
|
|
align-items: center;
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
flex-grow: 1;
|
|
border-radius: 4px;
|
|
transition: all 0.1s ease;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules li.spacer {
|
|
visibility: hidden;
|
|
height: 0 !important;
|
|
min-height: 0 !important;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
padding: 0;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules li .fusion-module-icon,
|
|
.fusion-builder-live .fusion-builder-all-modules li .fusion_module_title,
|
|
.fusion-builder-live .fusion-builder-all-modules li .fusion_module_title:before {
|
|
transition: all 0.1s ease;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules li:hover {
|
|
border: 1px solid var(--blue);
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules li:hover .fusion-module-icon,
|
|
.fusion-builder-live .fusion-builder-all-modules li:hover .fusion_module_title,
|
|
.fusion-builder-live .fusion-builder-all-modules li:hover .fusion_module_title:before {
|
|
color: var(--blue);
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules li .fusion-module-icon {
|
|
display: block;
|
|
width: auto;
|
|
height: auto;
|
|
font-size: 30px;
|
|
margin-bottom: 16px;
|
|
color: var(--gray-light);
|
|
transition: all 0.3s ease;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules li .fusion_module_title {
|
|
color: var(--gray-dark);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
transition: all 0.1s ease;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules li .fusion_module_title:before {
|
|
transition: all 0.1s ease;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules li .fusion_module_label {
|
|
display: none;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules li .fusion_module_description {
|
|
display: none;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules li.fusion-builder-special-list li,
|
|
.fusion-builder-live .fusion-builder-all-modules li.fusion-builder-library-list li {
|
|
width: 300px;
|
|
text-align: left;
|
|
min-height: 70px;
|
|
padding: 0 25px;
|
|
justify-content: left;
|
|
cursor: pointer;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules li.fusion-builder-special-list li .fusion_module_title:before,
|
|
.fusion-builder-live .fusion-builder-all-modules li.fusion-builder-library-list li .fusion_module_title:before {
|
|
font-size: 25px;
|
|
right: 0;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules li.fusion-builder-special-list li .fusion_module_title .fusion-global-tooltip-wrapper,
|
|
.fusion-builder-live .fusion-builder-all-modules li.fusion-builder-library-list li .fusion_module_title .fusion-global-tooltip-wrapper {
|
|
width: 25px;
|
|
height: 25px;
|
|
right: 0;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-element-generator,
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-disabled-element,
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element {
|
|
position: relative;
|
|
border-color: var(--border-color) !important;
|
|
background-color: var(--white) !important;
|
|
box-shadow: none !important;
|
|
cursor: auto;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-element-generator .fusion_module_title,
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-disabled-element .fusion_module_title,
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element .fusion_module_title {
|
|
opacity: 0.5;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-element-generator .fusion-tooltip,
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-disabled-element .fusion-tooltip,
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element .fusion-tooltip {
|
|
display: flex;
|
|
align-items: center;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
opacity: 0;
|
|
color: var(--gray);
|
|
font-size: 14px;
|
|
padding: 10px;
|
|
border-radius: 5px;
|
|
font-weight: 200;
|
|
transition: opacity 0.2s ease 0.2;
|
|
text-align: center;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-element-generator:hover .fusion_module_title,
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-disabled-element:hover .fusion_module_title,
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element:hover .fusion_module_title {
|
|
opacity: 0;
|
|
color: var(--gray);
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-element-generator:hover .fusion-module-icon,
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-disabled-element:hover .fusion-module-icon,
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element:hover .fusion-module-icon {
|
|
color: var(--gray-light);
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-element-generator:hover .fusion-tooltip,
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-disabled-element:hover .fusion-tooltip,
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element:hover .fusion-tooltip {
|
|
opacity: 1;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element {
|
|
cursor: pointer;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element .fusion_module_title {
|
|
opacity: 1;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element:hover .fusion_module_title {
|
|
opacity: 0;
|
|
color: var(--gray);
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element:hover .fusion-module-icon {
|
|
color: var(--gray-light);
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element:hover .fusion-tooltip {
|
|
opacity: 1;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules.fusion-builder-library-list li {
|
|
border: 1px solid var(--border-color);
|
|
margin: 10px;
|
|
background-color: var(--white);
|
|
text-align: left;
|
|
position: relative;
|
|
list-style-position: inside;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
list-style-type: none;
|
|
cursor: pointer;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
border-radius: 4px;
|
|
width: calc((100% - 60px ) / 3);
|
|
height: 54px;
|
|
min-height: 54px !important;
|
|
max-height: 54px !important;
|
|
transition: border-color 0.1s ease;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules.fusion-builder-library-list li:hover {
|
|
border-color: var(--blue);
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules.fusion-builder-library-list li:hover h4 .fusion-page-layout-title:before,
|
|
.fusion-builder-live .fusion-builder-all-modules.fusion-builder-library-list li:hover h4 .fusion_module_title:before {
|
|
color: var(--blue);
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules.fusion-builder-library-list li.fusion-global h4:before {
|
|
content: "\f0ac";
|
|
font-family: fusion-builder-icons;
|
|
font-size: 16px !important;
|
|
margin-right: 10px;
|
|
margin-left: 1px;
|
|
color: var(--gray-light);
|
|
vertical-align: middle;
|
|
}
|
|
.fusion-builder-live .fusion-builder-all-modules.fusion-builder-library-list li h4 {
|
|
line-height: 16px;
|
|
color: var(--gray) !important;
|
|
}
|
|
.fusion-builder-live .fusion-builder-sortable-children {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.fusion-builder-live .fusion-builder-sortable-children .ui-sortable-placeholder {
|
|
background: var(--gray-bg) !important;
|
|
border: 1px dashed var(--border-color) !important;
|
|
visibility: visible !important;
|
|
box-shadow: none;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
animation: none;
|
|
display: block;
|
|
height: 38px;
|
|
}
|
|
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle,
|
|
.fusion-builder-live .fusion-builder-sortable-children li {
|
|
border: 1px solid var(--border-color);
|
|
box-sizing: border-box;
|
|
box-shadow: 0 0 0 1px 2px 0 rgba(22, 29, 37, 0.1);
|
|
width: 100%;
|
|
border-radius: 4px;
|
|
margin: 0 0 10px;
|
|
cursor: move;
|
|
background-color: var(--white);
|
|
padding-left: 0;
|
|
line-height: 1.4;
|
|
margin-left: 0 !important;
|
|
text-align: right;
|
|
transition: box-shadow 100ms;
|
|
}
|
|
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle:hover,
|
|
.fusion-builder-live .fusion-builder-sortable-children li:hover {
|
|
box-shadow: 0 1px 3px 0 rgba(22, 29, 37, 0.14);
|
|
color: var(--gray);
|
|
}
|
|
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle .fusion-builder-controls,
|
|
.fusion-builder-live .fusion-builder-sortable-children li .fusion-builder-controls {
|
|
display: inline-flex;
|
|
align-items: stretch;
|
|
}
|
|
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle .fusion-builder-controls a,
|
|
.fusion-builder-live .fusion-builder-sortable-children li .fusion-builder-controls a {
|
|
padding: 0.9em;
|
|
display: block;
|
|
width: auto;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
color: var(--gray-light);
|
|
box-sizing: content-box;
|
|
transition: color 0.1s ease;
|
|
}
|
|
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle .fusion-builder-controls a:not(.fusion-builder-multi-setting-remove):hover,
|
|
.fusion-builder-live .fusion-builder-sortable-children li .fusion-builder-controls a:not(.fusion-builder-multi-setting-remove):hover {
|
|
color: var(--blue);
|
|
}
|
|
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle .fusion-builder-controls a.fusion-builder-multi-setting-remove:hover,
|
|
.fusion-builder-live .fusion-builder-sortable-children li .fusion-builder-controls a.fusion-builder-multi-setting-remove:hover {
|
|
color: var(--failure);
|
|
}
|
|
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle .multi-element-child-name,
|
|
.fusion-builder-live .fusion-builder-sortable-children li .multi-element-child-name {
|
|
display: flex;
|
|
align-items: center;
|
|
font-weight: 600;
|
|
padding: 0.7em 0.8em 0.7em 1em;
|
|
float: left;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
font-family: var(--family-stack);
|
|
}
|
|
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle .multi-element-child-name .awb-preview-image,
|
|
.fusion-builder-live .fusion-builder-sortable-children li .multi-element-child-name .awb-preview-image {
|
|
width: 18px;
|
|
margin-inline-end: 1em;
|
|
}
|
|
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle.ui-sortable-helper,
|
|
.fusion-builder-live .fusion-builder-sortable-children li.ui-sortable-helper {
|
|
transition: none;
|
|
}
|
|
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle.fusion-dynamic-child .fusion-builder-multi-setting-remove,
|
|
.fusion-builder-live .fusion-builder-sortable-children li.fusion-dynamic-child .fusion-builder-multi-setting-remove,
|
|
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle.fusion-dynamic-child .fusion-builder-multi-setting-clone,
|
|
.fusion-builder-live .fusion-builder-sortable-children li.fusion-dynamic-child .fusion-builder-multi-setting-clone {
|
|
display: none;
|
|
}
|
|
.fusion-builder-live .fusion-builder-sortable-children li {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.fusion-builder-live .fusion-builder-add-predefined-multi-child,
|
|
.fusion-builder-live .fusion-builder-add-multi-child,
|
|
.fusion-builder-live .fusion-builder-add-multi-gallery-images {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background: var(--blue);
|
|
padding: 8px 15px;
|
|
color: var(--white);
|
|
font-weight: 600;
|
|
border-radius: 3px;
|
|
font-family: var(--family-stack);
|
|
line-height: 26px;
|
|
clear: both;
|
|
margin-bottom: 20px;
|
|
margin-top: 30px;
|
|
width: 100%;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
font-size: 14px;
|
|
transition: background-color 0.1s ease;
|
|
}
|
|
.fusion-builder-live .fusion-builder-add-predefined-multi-child .fusiona-plus,
|
|
.fusion-builder-live .fusion-builder-add-multi-child .fusiona-plus,
|
|
.fusion-builder-live .fusion-builder-add-multi-gallery-images .fusiona-plus,
|
|
.fusion-builder-live .fusion-builder-add-predefined-multi-child .add-sortable-child-text,
|
|
.fusion-builder-live .fusion-builder-add-multi-child .add-sortable-child-text,
|
|
.fusion-builder-live .fusion-builder-add-multi-gallery-images .add-sortable-child-text {
|
|
padding-right: 2.5px;
|
|
padding-left: 2.5px;
|
|
}
|
|
.fusion-builder-live .fusion-builder-add-predefined-multi-child:hover,
|
|
.fusion-builder-live .fusion-builder-add-multi-child:hover,
|
|
.fusion-builder-live .fusion-builder-add-multi-gallery-images:hover {
|
|
background-color: var(--blue-hover);
|
|
}
|
|
.fusion-builder-live .fusion-builder-add-predefined-multi-child,
|
|
.fusion-builder-live .fusion-builder-add-multi-gallery-images {
|
|
margin-top: 0;
|
|
}
|
|
.fusion-builder-live .fusion-builder-dialog .fusion-builder-main-settings .fusion-builder-all-elements-container {
|
|
padding: 0;
|
|
}
|
|
.fusion-builder-live.fusion-hide-all-tooltips .awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item:hover label:after,
|
|
.fusion-builder-live.fusion-hide-all-tooltips .awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item:hover label:before {
|
|
display: none;
|
|
}
|
|
.fusion-page-layout.fusion-resource {
|
|
height: auto !important;
|
|
flex-wrap: wrap;
|
|
max-height: none !important;
|
|
padding: 20px !important;
|
|
}
|
|
.fusion-page-layout.fusion-resource h4 {
|
|
margin-top: 0;
|
|
}
|
|
.fusion-page-layout.fusion-resource img {
|
|
max-width: 100%;
|
|
}
|
|
.fusion-page-layout.fusion-resource .fusion-builder-layout-button-load-dialog {
|
|
position: relative;
|
|
}
|
|
.fusion-page-layout.fusion-resource .fusion-builder-layout-button-load-dialog:hover .fusion-builder-load-template-dialog-container {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
bottom: 75%;
|
|
}
|
|
#fusion-builder-layouts-studio-trigger .fusiona-avada-logo {
|
|
margin-right: 5px;
|
|
}
|
|
@keyframes rotate-logo {
|
|
0% {
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
50% {
|
|
transform: translate(-50%, -50%) rotate(180deg);
|
|
}
|
|
100% {
|
|
transform: translate(-50%, -50%) rotate(360deg);
|
|
}
|
|
}
|
|
#fusion-builder-fusion_template-studio .studio-wrapper {
|
|
margin: 0 -20px;
|
|
}
|
|
.fusion-tab-content .studio-wrapper aside,
|
|
.fusion-builder-layouts-tab .studio-wrapper aside {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
scrollbar-color: var(--scroll-accent) var(--scroll-bg);
|
|
scrollbar-width: thin;
|
|
}
|
|
.fusion-tab-content .studio-wrapper aside::-webkit-scrollbar,
|
|
.fusion-builder-layouts-tab .studio-wrapper aside::-webkit-scrollbar {
|
|
width: 6px;
|
|
}
|
|
.fusion-tab-content .studio-wrapper aside::-webkit-scrollbar-track,
|
|
.fusion-builder-layouts-tab .studio-wrapper aside::-webkit-scrollbar-track {
|
|
background: var(--scroll-bg);
|
|
}
|
|
.fusion-tab-content .studio-wrapper aside::-webkit-scrollbar-thumb,
|
|
.fusion-builder-layouts-tab .studio-wrapper aside::-webkit-scrollbar-thumb {
|
|
background: var(--scroll-accent);
|
|
}
|
|
.fusion-tab-content .studio-wrapper section,
|
|
.fusion-builder-layouts-tab .studio-wrapper section {
|
|
flex-grow: 1;
|
|
background: var(--gray-bg);
|
|
width: calc(100% - 240px);
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
scrollbar-color: var(--scroll-accent) var(--scroll-bg);
|
|
scrollbar-width: thin;
|
|
padding-bottom: 50px;
|
|
}
|
|
.fusion-tab-content .studio-wrapper section::-webkit-scrollbar,
|
|
.fusion-builder-layouts-tab .studio-wrapper section::-webkit-scrollbar {
|
|
width: 6px;
|
|
}
|
|
.fusion-tab-content .studio-wrapper section::-webkit-scrollbar-track,
|
|
.fusion-builder-layouts-tab .studio-wrapper section::-webkit-scrollbar-track {
|
|
background: var(--scroll-bg);
|
|
}
|
|
.fusion-tab-content .studio-wrapper section::-webkit-scrollbar-thumb,
|
|
.fusion-builder-layouts-tab .studio-wrapper section::-webkit-scrollbar-thumb {
|
|
background: var(--scroll-accent);
|
|
}
|
|
.fusion-tab-content .awb-studio-not-reg,
|
|
.fusion-builder-layouts-tab .awb-studio-not-reg {
|
|
margin: 1em 15.4px;
|
|
color: var(--gray-dark);
|
|
}
|
|
.awb-import-options {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: var(--white);
|
|
border-top: 1px solid var(--border-color);
|
|
padding: 0;
|
|
z-index: 10;
|
|
width: 240px;
|
|
display: flex;
|
|
white-space: nowrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
overflow: hidden;
|
|
transition: width 0.2s;
|
|
transition-timing-function: ease-in-out;
|
|
}
|
|
.awb-import-options button {
|
|
background: transparent;
|
|
border: none;
|
|
padding: 19px 0;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: var(--gray-dark);
|
|
cursor: pointer;
|
|
min-width: 240px;
|
|
font-family: "Noto Sans";
|
|
transition: color 0.1s ease-in-out;
|
|
}
|
|
.awb-import-options button:hover {
|
|
color: var(--blue);
|
|
}
|
|
.awb-import-options button .icon {
|
|
margin-right: 10px;
|
|
}
|
|
.awb-import-options .awb-import-options-group {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0 20px;
|
|
column-gap: 30px;
|
|
margin: 0 auto;
|
|
opacity: 0;
|
|
transition: opacity 0.4s ease 0s;
|
|
}
|
|
.awb-import-options .awb-import-options-group .awb-import-option {
|
|
display: flex;
|
|
align-items: center;
|
|
column-gap: 15px;
|
|
}
|
|
.awb-import-options .awb-import-options-group .awb-import-option.awb-import-position {
|
|
display: none;
|
|
}
|
|
.awb-import-options .awb-import-options-group .awb-import-option label {
|
|
font-size: 0.85em;
|
|
color: var(--gray-light);
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
}
|
|
.awb-import-options .awb-import-options-group .awb-import-option input {
|
|
cursor: pointer;
|
|
}
|
|
.awb-import-options .awb-import-options-group .awb-import-option input:hover ~ label i {
|
|
color: var(--gray-dark);
|
|
transition: all 0.1s ease-in-out;
|
|
}
|
|
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button {
|
|
display: flex;
|
|
height: 40px;
|
|
background: var(--gray-bg);
|
|
border-radius: 4px;
|
|
font-size: 16px;
|
|
}
|
|
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item {
|
|
width: 45px;
|
|
position: relative;
|
|
}
|
|
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item label {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
position: relative;
|
|
color: var(--gray-light);
|
|
font-size: 1em;
|
|
}
|
|
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item label i {
|
|
font-size: 1.14em;
|
|
}
|
|
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item label:before {
|
|
content: attr(data-tooltip);
|
|
top: -33px;
|
|
background: var(--gray-dark);
|
|
color: var(--white);
|
|
border: 1px solid var(--gray-dark);
|
|
white-space: nowrap;
|
|
padding: 0.8em;
|
|
font-size: 0.65em;
|
|
text-transform: uppercase;
|
|
border-radius: 0.35em;
|
|
margin: 0;
|
|
z-index: 999999;
|
|
pointer-events: none;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
position: absolute;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
transition: all 0.2s cubic-bezier(0.21, 0.6, 0.35, 1) 0.2s;
|
|
}
|
|
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item label:after {
|
|
content: "";
|
|
border: 5px solid transparent;
|
|
border-top-color: var(--gray-dark);
|
|
z-index: 2;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: -3px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
transition: all 0.2s cubic-bezier(0.21, 0.6, 0.35, 1) 0.2s;
|
|
}
|
|
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item input {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
opacity: 0;
|
|
z-index: 10;
|
|
}
|
|
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item input:checked ~ label {
|
|
background: var(--blue);
|
|
}
|
|
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item input:checked ~ label i {
|
|
color: var(--white) !important;
|
|
}
|
|
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item:first-child label {
|
|
border-radius: 4px 0 0 4px;
|
|
}
|
|
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item:last-child label {
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item:hover label:before {
|
|
top: -41px;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item:hover label:after {
|
|
top: -8px;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
.awb-import-options a.awb-import-studio-item-in-preview {
|
|
background-color: var(--blue);
|
|
color: var(--white);
|
|
text-decoration: none;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
padding: 10px 20px;
|
|
border-radius: 5px;
|
|
margin-right: 40px;
|
|
transition: all 0.4s ease-in-out;
|
|
opacity: 0;
|
|
display: none;
|
|
}
|
|
.awb-import-options a.awb-import-studio-item-in-preview:hover {
|
|
background-color: var(--blue-hover);
|
|
}
|
|
.awb-import-options .fusion-studio-preview-back {
|
|
display: none;
|
|
background: transparent;
|
|
border: none;
|
|
padding: 19px 0;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: var(--blue);
|
|
cursor: pointer;
|
|
min-width: 240px;
|
|
font-family: var(--family-stack);
|
|
transition: color 0.1s ease-in-out;
|
|
}
|
|
.awb-import-options .fusion-studio-preview-back:hover {
|
|
color: var(--blue-hover);
|
|
}
|
|
.awb-import-options .fusion-studio-preview-back i {
|
|
margin-right: 10px;
|
|
}
|
|
.awb-import-options.open {
|
|
width: 100%;
|
|
overflow: visible;
|
|
}
|
|
.awb-import-options.open .awb-import-options-group,
|
|
.awb-import-options.open .awb-import-studio-item-in-preview {
|
|
opacity: 1;
|
|
}
|
|
.awb-import-options.open button {
|
|
color: var(--blue);
|
|
}
|
|
.awb-import-options.open .fusion-studio-preview-back {
|
|
display: block;
|
|
}
|
|
.awb-import-options.open .awb-import-options-toggle {
|
|
display: none;
|
|
}
|
|
.fusion-builder-layouts-tab .studio-wrapper .awb-import-options .awb-import-options-group .awb-import-position {
|
|
display: flex;
|
|
}
|
|
.fusion-builder-main-settings,
|
|
.fusion-builder-all-elements-container,
|
|
.fusion_builder_modal_settings {
|
|
height: inherit;
|
|
}
|
|
.fusion-builder-main-settings .fusion-tabs,
|
|
.fusion-builder-all-elements-container .fusion-tabs,
|
|
.fusion_builder_modal_settings .fusion-tabs,
|
|
.fusion-builder-main-settings .fusion-tab-content,
|
|
.fusion-builder-all-elements-container .fusion-tab-content,
|
|
.fusion_builder_modal_settings .fusion-tab-content,
|
|
.fusion-builder-main-settings .fusion-builder-column-layouts-container,
|
|
.fusion-builder-all-elements-container .fusion-builder-column-layouts-container,
|
|
.fusion_builder_modal_settings .fusion-builder-column-layouts-container,
|
|
.fusion-builder-main-settings .fusion-layout-tabs,
|
|
.fusion-builder-all-elements-container .fusion-layout-tabs,
|
|
.fusion_builder_modal_settings .fusion-layout-tabs,
|
|
.fusion-builder-main-settings .fusion-builder-layouts-tab,
|
|
.fusion-builder-all-elements-container .fusion-builder-layouts-tab,
|
|
.fusion_builder_modal_settings .fusion-builder-layouts-tab {
|
|
height: inherit;
|
|
}
|
|
.studio-wrapper {
|
|
margin: 0;
|
|
display: flex;
|
|
height: inherit;
|
|
position: relative;
|
|
}
|
|
.studio-wrapper aside {
|
|
padding: 20px;
|
|
min-width: 240px;
|
|
}
|
|
.studio-wrapper aside ul {
|
|
margin: 0;
|
|
padding: 0 0 40px 0;
|
|
list-style: none;
|
|
position: sticky;
|
|
top: 20px;
|
|
}
|
|
.studio-wrapper aside ul li {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
border-radius: 6px;
|
|
padding: 11px 16px;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
color: var(--gray-dark);
|
|
cursor: pointer;
|
|
margin-bottom: 1px;
|
|
transition: all 0.3s ease-in-out;
|
|
}
|
|
.studio-wrapper aside ul li span {
|
|
color: var(--gray-light);
|
|
}
|
|
.studio-wrapper aside ul li:hover,
|
|
.studio-wrapper aside ul li.current {
|
|
background: var(--gray-bg);
|
|
color: var(--blue);
|
|
}
|
|
.studio-wrapper aside ul li:hover span,
|
|
.studio-wrapper aside ul li.current span {
|
|
color: var(--blue);
|
|
}
|
|
.studio-wrapper section {
|
|
flex-grow: 1;
|
|
background: var(--gray-bg);
|
|
width: calc(100% - 240px);
|
|
}
|
|
.studio-wrapper section .fusion-loader {
|
|
display: block;
|
|
background: var(--gray-bg);
|
|
z-index: 12554;
|
|
}
|
|
.studio-wrapper section ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 20px 30px;
|
|
overflow: hidden;
|
|
column-count: 3;
|
|
column-gap: 20px;
|
|
width: 100%;
|
|
}
|
|
.studio-wrapper section ul > li {
|
|
background: var(--white);
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
border-radius: 2px;
|
|
border: 2px solid transparent;
|
|
text-align: center;
|
|
width: 100%;
|
|
margin: 10px 0;
|
|
display: inline-block;
|
|
transition: all 0.3s ease-in-out;
|
|
cursor: pointer;
|
|
opacity: 1;
|
|
position: relative;
|
|
}
|
|
.studio-wrapper section ul > li:not(.awb-demo-page-link):hover {
|
|
border-color: var(--blue) !important;
|
|
}
|
|
.studio-wrapper section ul > li.hidden {
|
|
opacity: 0;
|
|
transform: translate3d(0, 40px, 0);
|
|
transition: all 0.3s ease-in-out;
|
|
}
|
|
.studio-wrapper section ul > li .preview {
|
|
position: relative;
|
|
background: var(--gray-bg);
|
|
}
|
|
.studio-wrapper section ul > li .preview:after {
|
|
font-family: fusion-builder-icons !important;
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
-webkit-font-smoothing: antialiased;
|
|
z-index: 0;
|
|
content: "\e971";
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
font-size: 3em;
|
|
color: var(--success);
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.studio-wrapper section ul > li .preview.lazy-load img {
|
|
opacity: 0;
|
|
}
|
|
.studio-wrapper section ul > li .preview.lazy-loaded img {
|
|
opacity: 1;
|
|
}
|
|
.studio-wrapper section ul > li .preview.lazy-loaded:after {
|
|
display: none;
|
|
}
|
|
.studio-wrapper section ul > li img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
transition: opacity 0.3s ease-in;
|
|
}
|
|
.studio-wrapper section ul > li .bar {
|
|
border-top: 1px solid var(--border-color);
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
letter-spacing: -0.01em;
|
|
color: var(--gray-dark);
|
|
height: 50px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 0 15px;
|
|
}
|
|
.studio-wrapper section ul > li .bar .fusion_module_title {
|
|
font-size: 13px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
display: block;
|
|
text-overflow: ellipsis;
|
|
text-align: left;
|
|
padding-right: 0.5em;
|
|
}
|
|
.studio-wrapper section ul > li .bar .fusion-module-right {
|
|
display: flex;
|
|
}
|
|
.studio-wrapper section ul > li .bar .fusion-module-right .awb-import-studio-item {
|
|
position: relative;
|
|
}
|
|
.studio-wrapper section ul > li .bar .fusion-module-right .awb-import-studio-item .fusiona-plus {
|
|
width: 30px;
|
|
height: 30px;
|
|
font-size: 13px;
|
|
background: var(--gray-light);
|
|
display: flex;
|
|
padding: 1px 0 0 0;
|
|
box-sizing: border-box;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 100%;
|
|
color: var(--white);
|
|
transition: all 0.3s ease-in-out;
|
|
}
|
|
.studio-wrapper section ul > li .bar .fusion-module-right .awb-import-studio-item .fusiona-plus:hover {
|
|
background: var(--blue);
|
|
}
|
|
.studio-wrapper.fusion-studio-preview-active aside,
|
|
.studio-wrapper.fusion-studio-preview-active section {
|
|
display: none;
|
|
}
|
|
.studio-wrapper.fusion-studio-preview-active iframe {
|
|
width: 100%;
|
|
padding: 15px;
|
|
margin-bottom: 60px;
|
|
}
|
|
.studio-wrapper.fusion-studio-preview-active.loading section {
|
|
display: block;
|
|
}
|
|
.studio-wrapper.fusion-studio-preview-active.loading section .studio-imports {
|
|
display: none;
|
|
}
|
|
.studio-wrapper.fusion-studio-preview-active .awb-import-options .awb-import-studio-item-in-preview {
|
|
display: flex;
|
|
}
|
|
@media only screen and (min-width: 1900px) {
|
|
.studio-wrapper section ul {
|
|
column-count: 4;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 800px) {
|
|
.studio-wrapper section ul {
|
|
column-count: 1;
|
|
}
|
|
}
|
|
.awb-sites-wrapper {
|
|
margin: 0 -20px;
|
|
}
|
|
.awb-sites-wrapper .site-details {
|
|
padding: 20px 30px;
|
|
}
|
|
.awb-sites-wrapper .studio-imports .bar .fusion_module_title {
|
|
text-align: center !important;
|
|
width: 100%;
|
|
}
|
|
.awb-sites-wrapper .studio-imports > li:hover {
|
|
border-color: var(--blue) !important;
|
|
}
|
|
.awb-sites-wrapper .awb-page-wrap {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
}
|
|
.awb-sites-wrapper .awb-page-wrap img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
.awb-sites-wrapper .awb-page-wrap .awb-website-pages {
|
|
margin: 0 1.5em 0 0;
|
|
padding: 0;
|
|
background: var(--white);
|
|
flex-grow: 1;
|
|
column-count: 1;
|
|
}
|
|
.awb-sites-wrapper .awb-page-wrap .awb-website-pages > li {
|
|
border-radius: 0;
|
|
display: flex;
|
|
padding: 0.5em 1em;
|
|
align-items: center;
|
|
margin: 0;
|
|
text-align: left;
|
|
}
|
|
.awb-sites-wrapper .awb-page-wrap .awb-website-pages > li span {
|
|
flex: 1;
|
|
font-weight: bold;
|
|
}
|
|
.awb-sites-wrapper .awb-page-wrap .awb-website-pages > li .button {
|
|
background: var(--blue);
|
|
border-color: var(--blue);
|
|
color: var(--white);
|
|
visibility: hidden;
|
|
}
|
|
.awb-sites-wrapper .awb-page-wrap .awb-website-pages > li:hover .button {
|
|
visibility: visible;
|
|
}
|
|
.awb-sites-wrapper .awb-page-wrap .awb-website-pages > li .awb-sites-preview {
|
|
margin-right: 3em;
|
|
word-spacing: 0.4em;
|
|
}
|
|
.awb-sites-wrapper .awb-page-wrap .awb-website-pages > li .awb-sites-preview:hover {
|
|
color: var(--blue-hover);
|
|
}
|
|
.awb-sites-wrapper .awb-page-wrap .awb-website-pages > li.hidden {
|
|
display: none;
|
|
}
|
|
.awb-sites-wrapper .awb-page-wrap .awb-website-pages > li:not(:last-child) {
|
|
border-bottom: 1px solid var(--gray-bg);
|
|
}
|
|
.awb-sites-wrapper .vs-hidden {
|
|
visibility: hidden;
|
|
}
|
|
.awb-sites-wrapper .hidden {
|
|
display: none;
|
|
}
|
|
.awb-sites-wrapper .awb-sites-navigation {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 1em 0;
|
|
border-bottom: 1px solid var(--border-color);
|
|
}
|
|
.awb-sites-wrapper .fusion-builder-layouts-header-info {
|
|
margin: 1.5em 0;
|
|
}
|
|
.awb-sites-wrapper .fusion-builder-layout-info {
|
|
color: var(--gray);
|
|
}
|
|
.awb-sites-wrapper a {
|
|
color: var(--gray);
|
|
text-decoration: none;
|
|
}
|
|
.awb-sites-wrapper .awb-sites-title {
|
|
font-weight: bold;
|
|
color: var(--gray-dark);
|
|
}
|
|
.awb-sites-wrapper .awb-sites-back {
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
}
|
|
.awb-sites-wrapper .awb-sites-back span {
|
|
margin-right: 0.5em;
|
|
}
|
|
.awb-sites-wrapper .awb-sites-next {
|
|
background: var(--gray-bg);
|
|
color: var(--gray-dark);
|
|
padding: 0.4em 0.8em;
|
|
border-radius: 0.35em;
|
|
}
|
|
.awb-sites-wrapper .awb-sites-search-wrapper {
|
|
background-color: var(--gray-bg);
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0.35em 0.45em;
|
|
border-radius: 0.35em;
|
|
}
|
|
.awb-sites-wrapper .awb-sites-search-wrapper input {
|
|
background: transparent;
|
|
border: none;
|
|
box-shadow: none;
|
|
color: var(--gray);
|
|
min-height: 30px;
|
|
width: 100%;
|
|
padding: 0 0.25em;
|
|
outline: none;
|
|
}
|
|
.awb-sites-wrapper .awb-sites-search-wrapper span {
|
|
flex: 1 0 1em;
|
|
padding: 0 0.25em;
|
|
}
|
|
.awb-sites-wrapper .awb-sites-search-wrapper input::placeholder,
|
|
.awb-sites-wrapper .awb-sites-search-wrapper span {
|
|
color: var(--gray-light);
|
|
}
|
|
.awb-sites-wrapper .awb-sites-heading-secondary {
|
|
text-transform: uppercase;
|
|
color: var(--gray);
|
|
margin-top: 2.3em;
|
|
}
|
|
@media all and (max-width: 1340px) {
|
|
.awb-import-options .awb-import-options-group .awb-import-option label {
|
|
display: none;
|
|
}
|
|
.awb-import-options .fusion-studio-preview-back {
|
|
min-width: 140px;
|
|
}
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts li {
|
|
max-width: 200px;
|
|
width: 100%;
|
|
border: 1px dashed var(--border-color);
|
|
padding: 15px;
|
|
min-height: 20px;
|
|
display: block;
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts li .fusion-builder-column-previews {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts li .fusion-builder-column-sizes {
|
|
padding-top: 12px;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts li .fusion_builder_layout_column {
|
|
height: 18px;
|
|
text-align: center;
|
|
padding: 15% 0;
|
|
display: inline-block;
|
|
float: left;
|
|
background: var(--gray-light);
|
|
color: var(--gray-light);
|
|
margin-right: 4%;
|
|
font-size: 12px;
|
|
box-sizing: content-box;
|
|
line-height: 18px;
|
|
border-radius: 4px;
|
|
transition: background-color 0.1s ease;
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts li .fusion_builder_layout_column:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts li:hover {
|
|
border: 1px solid var(--blue);
|
|
color: var(--blue);
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts li:hover .fusion_builder_layout_column {
|
|
background: var(--blue);
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-empty-section {
|
|
font-size: 24px;
|
|
line-height: 30px;
|
|
top: 50%;
|
|
margin-top: -15px;
|
|
text-align: center;
|
|
display: block;
|
|
width: 100%;
|
|
position: absolute;
|
|
color: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_1_1,
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_fullwidth {
|
|
width: 100%;
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-1_1,
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_1_1 {
|
|
width: 100%;
|
|
margin-left: 0;
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-1_6,
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_1_6 {
|
|
width: 13.3333%;
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-5_6,
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_5_6 {
|
|
width: 82.6666%;
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-1_5,
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_1_5 {
|
|
width: 16.8%;
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-2_5,
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_2_5 {
|
|
width: 37.6%;
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-3_5,
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_3_5 {
|
|
width: 58.4%;
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-4_5,
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_4_5 {
|
|
width: 79.2%;
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-1_4,
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_1_4 {
|
|
width: 22%;
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-3_4,
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_3_4 {
|
|
width: 74%;
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-1_3,
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_1_3 {
|
|
width: 30.6666%;
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-2_3,
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_2_3 {
|
|
width: 65.3333%;
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-1_2,
|
|
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_1_2 {
|
|
width: 48%;
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts .submit-columns {
|
|
float: right;
|
|
margin-left: 1em;
|
|
}
|
|
.fusion-builder-live .fusion-builder-column-layouts .column-bg-color {
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
right: -1px;
|
|
bottom: -1px;
|
|
border-style: solid;
|
|
border-width: 0 0 16px 16px;
|
|
}
|
|
.fusion-builder-live [id$="fusion_shortcodes_text_mode"],
|
|
.fusion-builder-live [id$="fusion_shortcodes_text_mode"]:hover {
|
|
padding: 5px 8px !important;
|
|
color: var(--success);
|
|
}
|
|
.fusion-builder-live .mce-btn[aria-label="Avada Builder Element Generator"] i:before {
|
|
content: "\e971";
|
|
font-family: "fusion-builder-icons";
|
|
font-size: 18px;
|
|
color: var(--success);
|
|
}
|
|
/* Studio Import Modal */
|
|
.awb-admin-modal-wrap {
|
|
position: fixed;
|
|
top: 40%;
|
|
transform: translateY(-50%);
|
|
left: 0;
|
|
right: 0;
|
|
max-width: 600px;
|
|
margin: auto;
|
|
overflow: visible;
|
|
box-sizing: border-box;
|
|
z-index: 99999;
|
|
}
|
|
.awb-admin-modal-wrap.demo-import-in-progress .demo-update-form-wrap {
|
|
pointer-events: none;
|
|
}
|
|
.awb-admin-modal-inner {
|
|
max-height: 100%;
|
|
overflow-y: hidden;
|
|
border-radius: 5px;
|
|
background: var(--white);
|
|
}
|
|
.awb-admin-modal-content {
|
|
padding: 30px 20px;
|
|
border-left: 1px solid var(--border-color);
|
|
border-right: 1px solid var(--border-color);
|
|
color: var(--gray-dark);
|
|
}
|
|
.awb-admin-modal-content:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
@media screen and (min-height: 851px) {
|
|
.awb-admin-modal-inner .demo-modal-thumbnail {
|
|
height: 300px;
|
|
}
|
|
}
|
|
.awb-admin-modal-corner-close {
|
|
display: block;
|
|
position: absolute;
|
|
top: -10px;
|
|
right: -10px;
|
|
width: 30px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
color: var(--gray);
|
|
border-radius: 50%;
|
|
border: 1px solid var(--border-color);
|
|
background-color: var(--white);
|
|
}
|
|
.awb-admin-modal-corner-close:focus {
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
.awb-admin-modal-corner-close .dashicons {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 30px;
|
|
height: 30px;
|
|
font-size: 22px;
|
|
}
|
|
.awb-admin-modal-wrap .awb-studio-modal-title {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0 -7.5px 20px -7.5px;
|
|
}
|
|
.awb-admin-modal-wrap .awb-studio-modal-title i {
|
|
margin: 0 7.5px;
|
|
color: var(--blue);
|
|
}
|
|
.awb-admin-modal-wrap .awb-studio-modal-title span {
|
|
margin: 0 7.5px;
|
|
}
|
|
.awb-admin-modal-wrap .awb-studio-modal-text {
|
|
line-height: 1.7;
|
|
}
|
|
.awb-admin-modal-status-bar {
|
|
height: 55px;
|
|
background-color: var(--blue);
|
|
position: relative;
|
|
}
|
|
.awb-admin-modal-status-bar-label {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
z-index: 1;
|
|
color: var(--white);
|
|
text-transform: capitalize;
|
|
}
|
|
.awb-admin-modal-status-bar-progress-bar {
|
|
position: absolute;
|
|
z-index: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
background-color: var(--blue-active);
|
|
}
|
|
.awb-modal-overlay {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
z-index: 9999;
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.fusion-builder-module-settings .fusion-multiple-image-container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin: 10px -5px;
|
|
}
|
|
.fusion-builder-module-settings .fusion-multi-image {
|
|
align-items: center;
|
|
display: flex;
|
|
position: relative;
|
|
float: left;
|
|
margin: 5px;
|
|
padding: 5px;
|
|
border: 1px solid var(--border-color);
|
|
width: 100px;
|
|
}
|
|
.fusion-builder-module-settings .fusion-multi-image img {
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
aspect-ratio: 1.33333333;
|
|
object-fit: cover;
|
|
}
|
|
.fusion-builder-module-settings .fusion-multi-image-remove {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
background: var(--white);
|
|
color: var(--gray-dark);
|
|
cursor: pointer;
|
|
}
|
|
.fusion-builder-module-settings .fusion-multi-image-remove:hover {
|
|
color: var(--failure);
|
|
}
|
|
.fusion-builder-main-settings .fusion-builder-chart-button {
|
|
display: inline-block;
|
|
background: var(--blue);
|
|
padding: 8px 15px;
|
|
color: var(--white);
|
|
font-weight: 600;
|
|
border-radius: 3px;
|
|
font-family: var(--family-stack);
|
|
line-height: 26px;
|
|
clear: both;
|
|
margin-bottom: 20px;
|
|
margin-top: 20px;
|
|
width: 100%;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
font-size: 14px;
|
|
transition: background-color 0.1s ease;
|
|
}
|
|
.fusion-builder-main-settings .fusion-builder-chart-button:hover {
|
|
background: var(--blue-hover);
|
|
}
|
|
.fusion-builder-main-settings .fusion-builder-chart-button.fusion-table-builder-add-column,
|
|
.fusion-builder-main-settings .fusion-builder-chart-button.fusion-table-builder-add-row {
|
|
display: inline-block;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
width: auto;
|
|
}
|
|
.fusion-builder-main-settings .fusion-builder-chart-button.fusion-table-builder-add-column {
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart {
|
|
/* Display color pickers based on selected chart type */
|
|
/* Styling */
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart#fusion-table-builder-chart-edit-table {
|
|
padding-bottom: 0;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart#fusion-table-builder-chart-edit-table .fusion-builder-option {
|
|
border-bottom: none;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart input {
|
|
font-family: var(--family-stack);
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-layouts-header-info {
|
|
padding-top: 40px;
|
|
padding-bottom: 50px;
|
|
text-align: center;
|
|
border-bottom: 1px solid var(--border-color);
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-layouts-header-info h2 {
|
|
display: inline-block;
|
|
margin-left: 15px;
|
|
margin-right: 15px;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-layouts-header-info .fusion-builder-chart-button {
|
|
background-color: var(--blue);
|
|
color: var(--white);
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-layouts-header-info .fusion-builder-chart-button:hover {
|
|
background-color: var(--blue-hover);
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-chart-bar {
|
|
padding-bottom: 40px;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table th {
|
|
font-weight: 400;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table .fusion-builder-option input {
|
|
margin-bottom: 0;
|
|
outline: none;
|
|
background: var(--white);
|
|
color: var(--gray-dark);
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showX thead tr:nth-child(2),
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showX thead tr:nth-child(3),
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showX thead tr:nth-child(4) {
|
|
display: table-row;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showX .th-2,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showX .th-3,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showX .th-4,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showX .td-2,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showX .td-3,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showX .td-4 {
|
|
display: none;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showY thead tr:nth-child(2),
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showY thead tr:nth-child(3),
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showY thead tr:nth-child(4) {
|
|
display: none;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showY .th-2,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showY .th-3,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showY .th-4,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showY .td-2,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showY .td-3,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showY .td-4 {
|
|
display: table-cell;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder {
|
|
/* Color picker */
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table-wrap {
|
|
margin-top: 70px;
|
|
padding-left: 40px;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
border-bottom: 1px solid var(--border-color);
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table th,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table td {
|
|
border-top: 1px solid var(--border-color);
|
|
border-right: 1px solid var(--border-color);
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table tr:first-child .th-1 {
|
|
border-top: none;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table tr:nth-child(2) .th-1,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table tbody {
|
|
border-left: 1px solid var(--border-color);
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table input {
|
|
text-align: center;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option.colorpickeralpha {
|
|
position: relative;
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
margin-left: 5px;
|
|
margin-top: 3px;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option.colorpickeralpha.fusion-color-picker-opened {
|
|
overflow: visible;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option.colorpickeralpha.fusion-color-picker-opened .fusion-builder-option-container {
|
|
display: block;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option.colorpickeralpha.fusion-color-picker-opened.fusion-color-picker-flip .fusion-builder-option-container {
|
|
right: -10px;
|
|
left: auto;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option.colorpickeralpha .wp-picker-holder {
|
|
clear: both;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option.colorpickeralpha .wp-picker-container .iris-picker {
|
|
margin-top: 0;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: none;
|
|
border-top: 1px solid var(--border-color);
|
|
width: 300px !important;
|
|
height: 170px !important;
|
|
box-shadow: none;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option.colorpickeralpha input.button.button-small.wp-picker-clear,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option.colorpickeralpha .wp-color-result {
|
|
display: none;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option.colorpickeralpha .wp-picker-input-wrap {
|
|
display: block !important;
|
|
width: 100% !important;
|
|
float: left;
|
|
position: relative;
|
|
margin-left: 0;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option-container {
|
|
position: absolute;
|
|
top: 30px;
|
|
left: -10px;
|
|
background: #fff;
|
|
z-index: 2;
|
|
box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
|
|
min-width: 300px;
|
|
border-radius: 5px;
|
|
display: none;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option-container .fusion-builder-colorpicker-title {
|
|
display: block;
|
|
padding-left: 12px;
|
|
height: 37px;
|
|
line-height: 37px;
|
|
font-size: 11px;
|
|
color: var(--gray-light);
|
|
font-weight: 700;
|
|
letter-spacing: 1px;
|
|
text-align: left;
|
|
text-transform: uppercase;
|
|
background-color: var(--gray-bg);
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-open-colorpicker {
|
|
display: inline-block;
|
|
width: 25px;
|
|
height: 25px;
|
|
padding: 6px 5px 6px 7px;
|
|
border-radius: 50%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
background-size: 40%;
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAAHnlligAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNpi+P///4EDBxiAGMgCCCAGFB5AADGCRBgYDh48CCRZIJS9vT2QBAggFBkmBiSAogxFBiCAoHogAKIKAlBUYTELAiAmEtABEECk20G6BOmuIl0CIMBQ/IEMkO0myiSSraaaBhZcbkUOs0HuBwDplz5uFJ3Z4gAAAABJRU5ErkJggg==");
|
|
text-decoration: none;
|
|
text-align: center;
|
|
color: var(--white);
|
|
font-size: 0.8em;
|
|
position: relative;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-open-colorpicker:before {
|
|
content: "";
|
|
display: block;
|
|
width: 25px;
|
|
height: 25px;
|
|
position: absolute;
|
|
background-color: inherit;
|
|
top: -1px;
|
|
left: -1px;
|
|
z-index: 1;
|
|
border-radius: 50%;
|
|
border: 1px solid var(--border-color);
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-open-colorpicker span {
|
|
position: relative;
|
|
opacity: 0;
|
|
transition: opacity 0.1s ease;
|
|
pointer-events: none;
|
|
display: block;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-open-colorpicker span:before {
|
|
content: attr(aria-label);
|
|
top: -30px;
|
|
background: var(--gray-dark);
|
|
color: var(--white);
|
|
border: 1px solid var(--gray-dark);
|
|
white-space: nowrap;
|
|
padding: 10px;
|
|
font-size: 11px;
|
|
font-family: var(--family-stack);
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
border-radius: 4px;
|
|
margin: 0;
|
|
z-index: 200;
|
|
transition: all 0.2s ease 0.2s;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
opacity: 0;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-open-colorpicker span:after {
|
|
content: "";
|
|
border: 5px solid transparent;
|
|
border-top-color: var(--gray-dark);
|
|
top: 2px;
|
|
z-index: 2;
|
|
transition: all 0.2s ease 0.2s;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
opacity: 0;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-open-colorpicker:hover span {
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-open-colorpicker:hover span:before {
|
|
opacity: 1;
|
|
top: -50px;
|
|
transition: all 0.2s ease 0.2s;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-open-colorpicker:hover span:after {
|
|
top: -17px;
|
|
opacity: 1;
|
|
transition: all 0.2s ease 0.2s;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-color-picker-opened .fusion-builder-open-colorpicker span {
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-colorpicker-icon {
|
|
border-radius: 0;
|
|
position: absolute;
|
|
top: 37px;
|
|
right: 0;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder input.fusion-builder-color-picker-hex,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder input.color-picker-placeholder {
|
|
border: none;
|
|
height: 40px;
|
|
border-radius: 5px;
|
|
text-align: left;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr > th,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > tbody > tr > td {
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
padding: 0;
|
|
position: relative;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th {
|
|
height: 50px;
|
|
font-weight: 400;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr > th:first-child {
|
|
height: 35px;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > .th-2,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:nth-child(2) > th:first-child {
|
|
font-size: 12px;
|
|
text-transform: uppercase;
|
|
color: var(--gray-light);
|
|
letter-spacing: 1px;
|
|
font-weight: 700;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th.th-2,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th.th-3,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th.th-4 {
|
|
min-width: 110px;
|
|
padding-left: 5px !important;
|
|
padding-right: 5px !important;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th input {
|
|
height: 48px;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th.th-1 > div,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th.th-1 > div.option-field {
|
|
clear: both;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th.th-1 div.option-field .wp-picker-active {
|
|
float: left;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th.th-1 input {
|
|
padding: 5px;
|
|
width: 50px;
|
|
height: 30px;
|
|
border: 1px solid var(--border-color);
|
|
background-color: var(--gray-bg);
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th.th-1 input,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th.th-1 strong {
|
|
display: inline-block;
|
|
margin-left: 2px;
|
|
margin-right: 2px;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder input {
|
|
height: 47px;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table-column-options {
|
|
position: absolute;
|
|
top: -40px;
|
|
left: 0;
|
|
width: 100%;
|
|
padding: 6px 0;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table-column-options .fusion-builder-table-delete-column {
|
|
cursor: pointer;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table-delete-row {
|
|
display: block;
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: -33px;
|
|
transform: translateY(-50%);
|
|
cursor: pointer;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table-delete-row,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table-delete-column {
|
|
transition: color 0.1s ease;
|
|
color: var(--gray-dark);
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table-delete-row:hover,
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table-delete-column:hover {
|
|
color: var(--failure);
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .option-field .fusion-colorpicker-container {
|
|
padding: 12px;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .option-field .fusion-colorpicker-container .wp-picker-input-wrap .wp-picker-clear {
|
|
position: absolute;
|
|
top: 4px;
|
|
right: 6px;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
color: var(--gray-light);
|
|
font-size: 11px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
border-radius: 4px;
|
|
background: var(--gray-bg);
|
|
display: block;
|
|
}
|
|
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-option .fusion-builder-option-container .fusion-colorpicker-container .fusion-colorpicker-icon {
|
|
border-radius: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: auto;
|
|
box-shadow: rgba(0, 0, 0, 0.14) 1px 1px 4px 1px;
|
|
color: var(--white);
|
|
background: var(--blue);
|
|
}
|
|
.fusion-builder-main-settings .rtl .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table {
|
|
margin-left: 0;
|
|
margin-right: 20px;
|
|
}
|
|
.fusion-builder-main-settings .rtl .fusion-table-builder-chart .fusion-builder-table-delete-row {
|
|
left: auto;
|
|
right: -35px;
|
|
}
|
|
.fusion-builder-option .fusion-dynamic-selection {
|
|
display: none;
|
|
}
|
|
.fusion-builder-option .fusion-dynamic-content {
|
|
display: none;
|
|
}
|
|
.fusion-builder-option .fusion-dynamic-content .fusion-builder-option {
|
|
width: 100%;
|
|
}
|
|
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper {
|
|
padding: 0;
|
|
border: 1px solid var(--border-color);
|
|
border-radius: 4px !important;
|
|
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.06);
|
|
background: var(--white);
|
|
transition: 0.2s all;
|
|
}
|
|
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper:hover {
|
|
box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.08);
|
|
transition: 0.2s all;
|
|
}
|
|
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-title {
|
|
margin: 0;
|
|
padding: 10px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-title h3 {
|
|
display: inline-block;
|
|
margin: 0 !important;
|
|
text-transform: capitalize;
|
|
}
|
|
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-title .dynamic-remove,
|
|
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-title .dynamic-toggle-icon {
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
color: var(--gray-light);
|
|
max-width: 20px;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-title .dynamic-remove:hover,
|
|
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-title .dynamic-toggle-icon:hover {
|
|
color: var(--blue);
|
|
}
|
|
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-title .dynamic-remove.fusiona-trash-o:hover {
|
|
color: var(--failure);
|
|
}
|
|
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-title .dynamic-remove.fusiona-close-fb {
|
|
font-size: 11px;
|
|
}
|
|
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-title .dynamic-remove.fusiona-close-fb:hover {
|
|
color: var(--blue);
|
|
}
|
|
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-param-fields {
|
|
padding: 30px 20px;
|
|
padding-top: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
display: none;
|
|
background: var(--gray-bg);
|
|
border-top: 1px solid var(--border-color);
|
|
}
|
|
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-param-fields .fusion-form-radio-button-set.ui-buttonset a.ui-button:not(.ui-state-active) {
|
|
background-color: var(--white);
|
|
}
|
|
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-param-fields > li {
|
|
margin: 26px 0 0 0;
|
|
}
|
|
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-param-fields > li .option-field input {
|
|
margin: 0;
|
|
}
|
|
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-param-fields > li .option-details h3 {
|
|
margin: 0 0 12px 0;
|
|
line-height: 1;
|
|
}
|
|
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-param-fields > li .option-details .description {
|
|
font-size: 12px;
|
|
color: var(--gray-light);
|
|
margin: 0 0 12px 0;
|
|
display: block;
|
|
}
|
|
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-param-fields > li .fusion-builder-option .select2-container .select2-selection {
|
|
box-shadow: 0 0 1px rgba(102, 113, 123, 0.26);
|
|
}
|
|
.fusion-builder-option[data-dynamic="true"] .fusion-dynamic-content {
|
|
display: block;
|
|
}
|
|
.fusion-builder-option[data-dynamic="true"] > .option-field.fusion-builder-option-container {
|
|
display: none;
|
|
}
|
|
.fusion-builder-option[data-dynamic-selection="true"] .fusiona-dynamic-data::before {
|
|
content: "\e904";
|
|
}
|
|
.fusion-builder-option[data-dynamic-selection="true"] > .option-field.fusion-builder-option-container,
|
|
.fusion-builder-option[data-dynamic-selection="true"] .fusion-dynamic-content {
|
|
display: none;
|
|
}
|
|
.fusion-builder-option[data-dynamic-selection="true"] .fusion-dynamic-selection {
|
|
display: block;
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form {
|
|
/** wp editor **/
|
|
/** text field **/
|
|
/** select field **/
|
|
/** label **/
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside {
|
|
margin: -24px -20px;
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form {
|
|
margin-bottom: 0;
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .text-widget-fields .tribe > p,
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .custom-html-widget-fields .tribe > p,
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .media-widget-control .tribe > p,
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .widget-content .tribe > p,
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .text-widget-fields > div:not(.tribe),
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .custom-html-widget-fields > div:not(.tribe),
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .media-widget-control > div:not(.tribe),
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .widget-content > div:not(.tribe),
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .text-widget-fields > p,
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .custom-html-widget-fields > p,
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .media-widget-control > p,
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .widget-content > p {
|
|
margin: 0;
|
|
padding: 24px 20px;
|
|
border-top: 1px solid var(--border-color);
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .text-widget-fields .tribe > p:first-child,
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .custom-html-widget-fields .tribe > p:first-child,
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .media-widget-control .tribe > p:first-child,
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .widget-content .tribe > p:first-child,
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .text-widget-fields > div:not(.tribe):first-child,
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .custom-html-widget-fields > div:not(.tribe):first-child,
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .media-widget-control > div:not(.tribe):first-child,
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .widget-content > div:not(.tribe):first-child,
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .text-widget-fields > p:first-child,
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .custom-html-widget-fields > p:first-child,
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .media-widget-control > p:first-child,
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .widget-content > p:first-child {
|
|
border-top: none;
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-tools .wp-media-buttons .add_media {
|
|
background: var(--white);
|
|
border: 1px solid var(--border-color);
|
|
padding: 6px;
|
|
height: auto;
|
|
line-height: normal;
|
|
font-weight: 600;
|
|
box-shadow: 0 1px 1px rgba(102, 113, 123, 0.08);
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-tools .wp-media-buttons .add_media .wp-media-buttons-icon {
|
|
color: var(--blue);
|
|
margin: 0 3px;
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-tools .wp-media-buttons .add_media .wp-media-buttons-icon:before {
|
|
content: "\f03e";
|
|
font-family: "Font Awesome 5 Free";
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-tools .wp-editor-tabs .wp-switch-editor {
|
|
background: var(--white);
|
|
padding: 6px 15px;
|
|
border-radius: 4px 4px 0 0;
|
|
border-bottom: 0;
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap.html-active .wp-editor-tabs .switch-html {
|
|
background: var(--gray-bg);
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap.tmce-active .wp-editor-tabs .switch-tmce {
|
|
background: var(--gray-bg);
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container {
|
|
border: 1px solid var(--border-color);
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container:before {
|
|
box-shadow: none;
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container {
|
|
border-bottom: none;
|
|
background: var(--gray-bg);
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget.mce-listbox {
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget.mce-listbox button {
|
|
color: var(--gray-dark);
|
|
border: 1px solid var(--border-color);
|
|
border-radius: 4px !important;
|
|
box-shadow: 0 1px 1px rgba(102, 113, 123, 0.08);
|
|
background: var(--white);
|
|
position: relative;
|
|
padding: 4px 8px;
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget:not(.mce-listbox) {
|
|
border-radius: 4px;
|
|
width: 28px;
|
|
height: 28px;
|
|
border: none;
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget:not(.mce-listbox) button {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget:not(.mce-listbox):hover {
|
|
background: var(--white);
|
|
box-shadow: none;
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget.mce-splitbtn {
|
|
width: 43px;
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget.mce-splitbtn button {
|
|
width: 28px;
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget.mce-splitbtn .mce-open {
|
|
width: 15px;
|
|
padding: 0;
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget.mce-splitbtn .mce-open .mce-caret {
|
|
margin: 2px 1px 0 1px;
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget.mce-splitbtn:hover .mce-open {
|
|
border-left-color: var(--border-color);
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget.mce-active {
|
|
background: var(--blue) !important;
|
|
color: var(--white);
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form input[type="text"] {
|
|
height: 40px;
|
|
padding: 0 12px;
|
|
border: 1px solid var(--border-color);
|
|
border-radius: 4px;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
color: var(--gray-dark);
|
|
background: var(--white);
|
|
outline: 0;
|
|
width: 100%;
|
|
font-family: var(--family-stack);
|
|
transition: border-color 0.1s ease;
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form input[type="text"]:focus,
|
|
.fusion-builder-main-settings .fusion-widget-settings-form input[type="text"]:hover {
|
|
border-color: var(--blue);
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form input[type="text"]::placeholder {
|
|
color: var(--gray-light);
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form select {
|
|
border: 1px solid var(--border-color);
|
|
box-shadow: 0 1px 1px rgba(102, 113, 123, 0.08);
|
|
cursor: pointer;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
line-height: 40px;
|
|
color: var(--gray-dark);
|
|
border-radius: 4px;
|
|
min-height: 40px;
|
|
position: relative;
|
|
transition: all 0.1s ease;
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
outline: none;
|
|
background: var(--white) url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.87498 0.399963L4.49998 3.02496L7.12498 0.399963L8.17498 0.924964L4.49998 4.59996L0.824982 0.924964L1.87498 0.399963Z' fill='%2393999F'/%3E%3C/svg%3E%0A") no-repeat right 12px top 50%;
|
|
}
|
|
.fusion-builder-main-settings .fusion-widget-settings-form label {
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
margin: 0 0 12px;
|
|
color: var(--gray-dark);
|
|
font-weight: bold;
|
|
display: block;
|
|
}
|
|
.awb-builder-nav-wrapper {
|
|
display: none;
|
|
height: 100%;
|
|
}
|
|
.awb-builder-nav-wrapper:first-child:last-child {
|
|
display: block;
|
|
}
|
|
.awb-navigator-toggle-containers {
|
|
display: inline-block;
|
|
transition: transform 250ms ease, padding-top 250ms ease, color 250ms ease;
|
|
color: var(--gray-dark);
|
|
margin-inline-end: 6px;
|
|
vertical-align: middle;
|
|
}
|
|
.awb-navigator-toggle-containers.awb-navigator-toggle-is-collapsed {
|
|
transform: rotate(-180deg);
|
|
padding-top: 0.1em;
|
|
}
|
|
.awb-navigator-toggle-containers:hover {
|
|
color: var(--blue);
|
|
}
|
|
/* Main Lists */
|
|
.awb-builder-nav {
|
|
overflow: auto;
|
|
height: 100%;
|
|
max-height: calc(100vh - 107px);
|
|
color: var(--gray-dark);
|
|
scrollbar-color: var(--scroll-accent) var(--scroll-bg);
|
|
scrollbar-width: thin;
|
|
margin-inline-end: 1px;
|
|
}
|
|
.awb-builder-nav::-webkit-scrollbar {
|
|
width: 6px;
|
|
}
|
|
.awb-builder-nav::-webkit-scrollbar-track {
|
|
background: var(--scroll-bg);
|
|
}
|
|
.awb-builder-nav::-webkit-scrollbar-thumb {
|
|
background: var(--scroll-accent);
|
|
}
|
|
.awb-builder-nav__empty-message-wrapper {
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.awb-builder-nav__empty-message-wrapper > div {
|
|
width: 100%;
|
|
}
|
|
.awb-builder-nav__empty-icon {
|
|
text-align: center;
|
|
margin-bottom: 0.7em;
|
|
}
|
|
.awb-builder-nav__empty-icon i {
|
|
background: #198fd9;
|
|
padding: 15px;
|
|
font-size: 18px;
|
|
border-radius: 4px;
|
|
color: white;
|
|
margin: 0 auto;
|
|
display: inline-block;
|
|
box-shadow: 0 0 4px 1px rgb(0 0 0%);
|
|
}
|
|
.awb-builder-nav__empty-message-title {
|
|
font-size: 15px;
|
|
margin-bottom: 1em;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
.awb-builder-nav__empty-message {
|
|
font-size: 13px;
|
|
text-align: center;
|
|
}
|
|
.awb-builder-nav__list-main,
|
|
.awb-builder-nav__list-submenu {
|
|
list-style-type: none;
|
|
min-height: 2px;
|
|
transition: min-height 250ms ease;
|
|
}
|
|
.awb-builder-nav__list-main {
|
|
padding: 0;
|
|
}
|
|
.awb-builder-nav__list-submenu {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
position: relative;
|
|
}
|
|
.awb-builder-nav__list-item--collapsed:not(.awb-builder-nav__list-item--collapsing) > .awb-builder-nav__list-submenu {
|
|
display: none;
|
|
}
|
|
.awb-builder-nav__list-item--collapsed:not(.awb-builder-nav__list-item--collapsing) > .awb-builder-nav__add-inside {
|
|
display: none;
|
|
}
|
|
.awb-builder-nav__list-item--collapsed > .awb-builder-nav__item-header .awb-builder-nav__collapse-btn i {
|
|
transform: rotateZ(-90deg);
|
|
margin-inline-start: 1px;
|
|
}
|
|
/* No children styling. */
|
|
.awb-builder-nav__list-item:not(.awb-builder-nav__list-item--no-children) > .awb-builder-nav__add-inside {
|
|
display: none !important;
|
|
}
|
|
.awb-builder-nav__list-item--no-children-expanded > .awb-builder-nav__list-submenu {
|
|
min-height: 10px;
|
|
}
|
|
/* List Item styling. */
|
|
.awb-builder-nav__item-header,
|
|
.awb-builder-nav__add-inside {
|
|
display: flex;
|
|
align-items: baseline;
|
|
cursor: pointer;
|
|
padding-inline-start: 10px;
|
|
margin-inline-end: 1px;
|
|
}
|
|
.awb-builder-nav__item-header:hover,
|
|
.awb-builder-nav__add-inside:hover {
|
|
color: var(--blue);
|
|
background-color: var(--light-blue);
|
|
}
|
|
.awb-builder-nav__item-header:hover .awb-builder-nav__collapse-btn,
|
|
.awb-builder-nav__add-inside:hover .awb-builder-nav__collapse-btn {
|
|
color: var(--blue);
|
|
}
|
|
.awb-builder-nav__item-header--container,
|
|
.awb-builder-nav__item-header--special-container,
|
|
.awb-builder-nav__item-header--column {
|
|
font-weight: 600;
|
|
}
|
|
.awb-builder-nav__add-inside {
|
|
display: block;
|
|
font-size: 13px;
|
|
line-height: 1.8;
|
|
opacity: 0.8;
|
|
}
|
|
.awb-builder-nav__add-inside .awb-builder-nav__item-icon,
|
|
.awb-builder-nav__add-inside .awb-builder-nav__add-inside-text {
|
|
display: inline-flex;
|
|
}
|
|
.awb-builder-nav__item-icon {
|
|
margin-inline-end: 8px;
|
|
min-width: 26px;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.awb-builder-nav__item-name {
|
|
line-height: 2.2;
|
|
font-size: 14px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.awb-builder-nav__item-header--container .awb-builder-nav__item-name,
|
|
.awb-builder-nav__item-header--special-container .awb-builder-nav__item-name,
|
|
.awb-builder-nav__item-header--column .awb-builder-nav__item-name {
|
|
line-height: 2.4;
|
|
}
|
|
.awb-builder-nav__collapse-btn {
|
|
font-size: 1rem;
|
|
cursor: pointer;
|
|
-webkit-appearance: none;
|
|
background-color: transparent;
|
|
flex-shrink: 0;
|
|
border: 0;
|
|
text-align: center;
|
|
width: 26px;
|
|
margin-inline-end: 8px;
|
|
padding: 0;
|
|
align-self: stretch;
|
|
color: var(--gray-dark);
|
|
}
|
|
.awb-builder-nav__collapse-btn:hover {
|
|
background-color: var(--awb-builder-nav__item-hover-bg);
|
|
}
|
|
.awb-builder-nav__collapse-btn i {
|
|
display: block;
|
|
transition: transform 250ms ease, margin 250ms ease;
|
|
}
|
|
.awb-builder-nav__btn-spacer {
|
|
width: 26px;
|
|
margin-inline-end: 8px;
|
|
background-color: transparent;
|
|
flex-shrink: 0;
|
|
}
|
|
.awb-builder-nav__list-item--element .awb-builder-nav__btn-spacer {
|
|
display: none;
|
|
width: 0;
|
|
margin-inline-end: 0;
|
|
}
|
|
.awb-builder-nav__item-actions {
|
|
margin-inline-start: auto;
|
|
align-self: stretch;
|
|
display: none;
|
|
font-size: 14px;
|
|
padding-inline-end: 8px;
|
|
}
|
|
.awb-builder-nav__item-actions button {
|
|
background-color: transparent;
|
|
-webkit-appearance: none;
|
|
cursor: pointer;
|
|
border: 0;
|
|
color: var(--blue);
|
|
width: 26px;
|
|
padding: 0;
|
|
font-size: 13px;
|
|
text-align: center;
|
|
}
|
|
.awb-builder-nav__item-actions button:hover {
|
|
background-color: var(--awb-builder-nav__item-hover-bg);
|
|
}
|
|
.awb-builder-nav__item-header:hover .awb-builder-nav__item-actions {
|
|
display: flex;
|
|
}
|
|
.awb-builder-nav__item-header--column,
|
|
.awb-builder-nav__add-inside--container {
|
|
padding-inline-start: 24px;
|
|
}
|
|
.awb-builder-nav__item-header--element,
|
|
.awb-builder-nav__add-inside--column {
|
|
padding-inline-start: 62px;
|
|
}
|
|
.awb-builder-nav__item-header--nested-row {
|
|
padding-inline-start: 62px;
|
|
}
|
|
.awb-builder-nav__item-header--nested-column,
|
|
.awb-builder-nav__add-inside--nested-row {
|
|
padding-inline-start: 82px;
|
|
}
|
|
.awb-builder-nav__list-item--nested-column .awb-builder-nav__item-header--element,
|
|
.awb-builder-nav__list-item--nested-column .awb-builder-nav__add-inside--nested-column {
|
|
padding-inline-start: 120px;
|
|
}
|
|
/* Sortable placeholder */
|
|
.awb-builder-nav__sortable-placeholder .awb-builder-nav__item-name {
|
|
min-height: 3px;
|
|
background-color: #198fd9;
|
|
border-radius: 4px;
|
|
width: calc(100% - 20px);
|
|
margin-inline-start: -26px;
|
|
}
|
|
.awb-builder-nav__sortable-placeholder .awb-builder-nav__item-header--element .awb-builder-nav__item-name {
|
|
margin-inline-start: 0;
|
|
}
|
|
.awb-builder-nav__sortable-placeholder .awb-builder-nav__item-header--nested-row .awb-builder-nav__item-name {
|
|
margin-inline-start: -34px;
|
|
}
|
|
.awb-builder-nav__list-item.awb-builder-nav__item-is-placeholder {
|
|
opacity: 0.7;
|
|
background-color: rgba(25, 143, 217, 0.12);
|
|
}
|
|
.awb-builder-nav__list-item.awb-builder-nav__item-is-placeholder.awb-builder-nav__item-is-placeholder-over {
|
|
opacity: 1;
|
|
background-color: rgba(25, 143, 217, 0.15);
|
|
}
|
|
/* Loading Spinner */
|
|
.awb-builder-nav__loading-spinner-wrapper {
|
|
display: flex;
|
|
justify-content: center;
|
|
height: 100%;
|
|
align-items: center;
|
|
padding-bottom: 30%;
|
|
}
|
|
.awb-builder-nav__loading-spinner {
|
|
width: 60px;
|
|
height: 60px;
|
|
animation: awb-navigator-loading 1.2s infinite linear;
|
|
}
|
|
.awb-builder-nav__loading-spinner svg path {
|
|
fill: url("#SVG-loader-gradient-nav");
|
|
stroke: none !important;
|
|
}
|
|
/* RTL Styles */
|
|
.rtl .awb-builder-nav__list-item--collapsed > .awb-builder-nav__item-header .awb-builder-nav__collapse-btn i {
|
|
transform: rotateZ(90deg);
|
|
}
|
|
@keyframes awb-navigator-loading {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
#fusion-visibility-large {
|
|
width: 60px;
|
|
text-align: center;
|
|
padding: 8px 5px;
|
|
border: 1px solid var(--border-color);
|
|
border-radius: 4px;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
color: var(--gray-dark);
|
|
background: var(--white);
|
|
outline: 0;
|
|
box-shadow: inset 0 0 1px rgba(102, 113, 123, 0.16);
|
|
cursor: not-allowed;
|
|
}
|
|
li[data-direction="row"] + li .fusion-form-radio-button-set a > span {
|
|
transform: rotate(-90deg);
|
|
}
|
|
li[data-direction="row"] + li.radio-buttonset a > span {
|
|
transform: rotate(-90deg);
|
|
}
|
|
.fusion-mapping > span {
|
|
display: none;
|
|
}
|
|
.fusion-mapping > span:first-child:last-child {
|
|
display: block;
|
|
}
|
|
.fusion-mapping > div {
|
|
margin: 10px 0 20px 0;
|
|
}
|
|
.fusion-mapping > div.hidden {
|
|
display: none;
|
|
}
|
|
.fusion-mapping > div .fusion-select-wrapper {
|
|
position: relative;
|
|
}
|
|
.fusion-mapping > div .fusion-select-wrapper:hover .fusiona-arrow-down {
|
|
color: var(--gray-dark);
|
|
}
|
|
.fusion-mapping > div .fusion-select-wrapper .fusiona-arrow-down {
|
|
display: block;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 12px;
|
|
transform: translateY(-50%);
|
|
pointer-events: none;
|
|
font-size: 14px;
|
|
line-height: 1;
|
|
color: var(--gray-light);
|
|
}
|
|
.fusion-mapping > div label {
|
|
margin-bottom: 3px;
|
|
display: block;
|
|
text-transform: capitalize;
|
|
}
|
|
.fusion-mapping > div select {
|
|
border: 1px solid var(--border-color);
|
|
box-shadow: 0 1px 1px rgba(102, 113, 123, 0.08);
|
|
cursor: pointer;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
line-height: 40px;
|
|
color: var(--gray-dark);
|
|
border-radius: 4px;
|
|
min-height: 40px;
|
|
background: var(--white);
|
|
position: relative;
|
|
transition: all 0.1s ease;
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
outline: 0;
|
|
}
|
|
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="align_self"],
|
|
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="hide_on_mobile"],
|
|
.post-card-editing [data-element="fusion_builder_column"] [data-option-type="column_width"],
|
|
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="dimension_spacing"],
|
|
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="dimension_spacing_small"],
|
|
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="dimension_spacing_medium"],
|
|
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="order_small"],
|
|
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="order_medium"],
|
|
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="dimension_margin"],
|
|
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="dimension_margin_small"],
|
|
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="dimension_margin_medium"],
|
|
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="render_logics"] {
|
|
display: none !important;
|
|
}
|