.bt_bb_dialog {
position: fixed;
z-index: 60000;
background-clip: padding-box;
left: 50%;
background-color: #fff;
box-shadow: 0 0 1em 0.2em rgba(0,0,0,0.25);
}
.bt_bb_dialog_close {
position: absolute;
top: 0.7em;
right: 0.7em;
&.bt_bb_front_end_preview_close {
top: 0.5em;
right: 1.2em;
}
width: 2.5em;
height: 2.5em;
cursor: pointer;
color: #fff;
text-align: center;
vertical-align: middle;
background: $(accentDark);
border-radius: 50%;
box-shadow: 0 0 0.8em 0.01em rgba(0,0,0,0.05);
transition: color 300ms ease, box-shadow 300ms ease;
&:hover {
color: $(alternateColor);
box-shadow: 0 0 0.8em 0.01em rgba(0,0,0,0.25);
}
&:after {
content: '\e900';
font: normal 1em/2.6em bold-builder;
display: block;
}
.bt_bb_front_end_preview & {
top: 1em;
right: 1em;
}
}
#bt_bb_dialog {
visibility: hidden;
overflow: hidden;
border-radius: $(borderRadius);
color: #777;
text-align: left;
top: 10%;
min-width: 300px;
.bt_bb_dialog_header {
padding: 1.35em 1.2em;
font-size: 1.35em;
line-height: 1.1;
background: $(accentColor);
color: $(contrastFontColor);
position: relative;
}
.bt_bb_dialog_header_tools {
background: $(accentBright);
.bt_bb_group_tab {
display: block;
float: left;
padding: 0.85em 1.6em;
font-size: 1em;
text-transform: uppercase;
color: $(contrastFontColor);
position: relative;
cursor: pointer;
&:after {
content: ' ';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 1px;
background-color: $(contrastFontColor);
opacity: 0.1;
}
/*&:last-child:after {
display: none;
}*/
&:before {
content: ' ';
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 0.2em;
background-color: $(alternateColor);
transform: scale3d(0,1,1);
transition: all 260ms ease;
}
&.bt_bb_group_tab_active:before {
transform: scale3d(1,1,1);
}
}
&:after {
content: ' ';
display: table;
width: 100%;
clear: both;
}
}
.bt_bb_dialog_content {
overflow-y: auto;
width: 100%;
box-sizing: border-box;
padding: 0.6em;
border-bottom: 1px solid rgba(0,0,0,.05);
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
text-align: left;
justify-content: flex-start;
.bt_bb_dialog_item {
position: relative;
box-sizing: border-box;
overflow: hidden;
flex: 0 0 100%;
padding: 1em;
font-size: 1.1em;
.bt_bb_sortable_item i {
opacity: 1;
}
&.bt_bb_dialog_add_element {
padding: 1.15em 1.15em 1.5em 1.15em;
flex: 0 0 33.33%;
> i {
text-align: left;
font-size: 0.875em;
opacity: 0.75;
}
}
&.bt_bb_icon.bt_bb_dialog_add_element {
padding: 1.15em 1.15em 1.5em 5.15em;
}
&:nth-child(3n+1) {
clear: left;
}
&:last-child {
border-bottom: 0px;
}
&.bt_bb_dialog_add_element:after {
box-shadow: 0 0 0 0 rgba(0,0,0,0.35);
transition: all 360ms ease;
border: 1px solid $(innerBorderColor);
}
&.bt_bb_dialog_add_element:hover {
background-color: transparent;
}
&.bt_bb_dialog_add_element:hover:after {
box-shadow: 0 0 0.4em 0 rgba(0,0,0,0.35);
}
:any(input[type="text"],textarea,select) {
width: 100%;
max-width: 100%;
height: 2.88em;
display: block;
margin: 0;
margin-top: 0.5em;
padding: 0 1.1em;
font-size: inherit;
line-height: 1.15;
}
&[data-param_name="publish_datetime"], &[data-param_name="expiry_datetime"] {
flex: 0 0 50%;
input[type="datetime-local"] {
width: 100%;
height: 2.88em;
padding: 0 1.1em;
font-size: inherit;
line-height: 1.15;
}
i {
text-align: left;
}
}
textarea {
resize: vertical;
vertical-align: top;
height: auto;
min-height: 4em;
padding: 1.1em;
}
b, i {
display: block;
opacity: 0.6;
}
i {
text-align: right;
}
&.bt_bb_dialog_add_element:hover {
&:last-child {
border-bottom: 0px;
}
}
&:before {
font: normal 1.3em/2.3em bold-builder;
display: block;
position: absolute;
left: 1em;
top: auto;
bottom: auto;
width: 2.3em;
height: 2.3em;
border-radius: 50%;
background-color: $(accentColor);
color: #fff;
vertical-align: middle;
margin: 0.2em 0 0;
text-align: center;
/*content: ' ';*/
}
transition: all 300ms ease;
&:hover {
cursor: pointer;
}
}
.bt_bb_dialog_pick_layout_container {
text-align: center;
line-height: 0px;
padding: 1.2em 1em;
flex: 0 0 100%;
text-align: center;
.bt_bb_dialog_pick_layout {
display: inline-block;
margin: 0.85em 1.25em;
cursor: pointer;
color: #7f7f7f;
transition: color 300ms ease;
&:hover {
color: #000;
}
&:before {
font: normal 3.5em/1 bold-builder;
display: block;
color: inherit;
}
}
}
.bt_bb_dialog_enter_layout_container {
flex: 0 0 100%;
line-height: 0;
padding: 1em;
text-align: center;
.bt_bb_dialog_enter_layout {
display: inline-block;
padding: 0.6em 0.8em;
font: 600 1.6em/1.15 'Open Sans',sans-serif;
background-color: rgba(0,0,0,0.05);
}
}
}
&.bt_bb_dialog_add_horizontal {
.bt_bb_dialog_content {
border-bottom: 1px solid $(rowBorder);
overflow: hidden;
}
}
.bt_bb_dialog_tinymce {
height: 0;
.bt_bb_dialog_tinymce_editor_container {
overflow-y: auto;
max-height: 500px;
width: 100%;
border-bottom: 1px solid rgba(0,0,0,.05);
#wp-bt_bb_tinymce-wrap {
padding: 10px;
}
}
}
&:after {
content: ' ';
clear: both;
display: table;
width: 100%;
}
}
.bt_bb_dialog_11:before {
content: '\e944';
}
.bt_bb_dialog_12_12:before {
content: '\e945';
}
.bt_bb_dialog_13_13_13:before {
content: '\e946';
}
.bt_bb_dialog_14_14_14_14:before {
content: '\e947';
}
.bt_bb_dialog_23_13:before {
content: '\e949';
}
.bt_bb_dialog_13_23:before {
content: '\e948';
}
.bt_bb_dialog_34_14:before {
content: '\e94a';
}
.bt_bb_dialog_14_34:before {
content: '\e94b';
}
.bt_bb_dialog_14_24_14:before {
content: '\e94d';
}
.bt_bb_dialog_14_24_14 {
background-position: -200px 0px;
}
.bt_bb_dialog_enter_layout br {
display: none;
}
.bt_bb_dialog_enter_layout * {
display: inline;
}
.bt_bb_dialog_button.button.button-small {
display: block;
margin: 1.2em auto;
text-align: center;
background-color: $(accentColor);
text-transform: uppercase;
color: #fff;
cursor: pointer;
border-radius: 2px;
border: none;
font-size: 1.1em;
line-height: 1;
height: auto;
box-shadow: 0 0 0.75em 0 rgba(0,0,0,.2);
padding: 0.95em 1.25em;
transition: all 270ms ease;
&:hover {
background-color: $(accentDark);
box-shadow: 0 0 1em 0 rgba(0,0,0,.2);
}
#bt_bb_dialog & {
float: right;
margin: 1.2em 1em;
}
}
.bt_bb_dialog_inline_buttons {
text-align: center;
}
.bt_bb_dialog_inline_buttons.bt_bb_left {
text-align: left;
}
.bt_bb_dialog_inline_buttons input.button.button-small {
margin: 10px 0px 0px 0px;
}
.bt_bb_dialog_image_container {
margin-top: 5px;
width: 100%;
&:empty {
margin-top: 0px;
}
&:after {
content: ' ';
display: block;
clear: both;
}
}
.bt_bb_dialog_inline_buttons input.bt_bb_dialog_select_images_button.button.button-small {
margin-top: 5px;
}
#bt_bb_sc_mapper_accordion {
> h3 {
cursor: pointer;
padding: 10px;
color: #777;
border-bottom: 1px solid rgba(0,0,0,.05);
user-select: none;
&:nth-last-child(2) {
border-bottom: 0px;
}
&:focus {
outline: 0;
}
&.bt_bb_map_header_active {
background: linear-gradient(rgba(0,0,0,.05), rgba(0,0,0,0));
border-bottom: 0px;
}
i {
margin-right: 10px;
}
&.bt_bb_sc_mapper_unmapped {
color: rgba(255,0,0,.5);
}
}
> div {
height: 0px;
overflow: hidden;
line-height: 0px;
&:last-child {
border-bottom: 0px;
}
&.bt_bb_map_item_active {
height: auto;
padding: 10px;
border-bottom: 1px solid rgba(0,0,0,.05);
}
}
.bt_bb_sc_map {
width: 100%;
resize: vertical;
font-family: Courier New, Courier, monospace;
tab-size: 3;
margin: 0px;
font-size: 12px;
line-height: 16px;
}
.button {
margin: 0px 10px 10px 0px;
}
.spinner {
display: inline-block;
float: none;
margin-left: 0px;
}
}
/* Interface Icons */
.bt_bb_dialog_content {
.bt_bb_icon_bt_bb_accordion:before, .bt_bb_icon_bt_bb_accordion_item:before {
content: '\e901';
}
.bt_bb_icon_bt_bb_button:before {
content: '\e902';
}
.bt_bb_icon_bt_bb_countdown:before {
content: '\e903';
}
.bt_bb_icon_bt_bb_counter:before {
content: '\e904';
}
.bt_bb_icon_bt_bb_custom_menu:before {
content: '\e905';
}
.bt_bb_icon_bt_bb_google_maps:before {
content: '\e910';
}
.bt_bb_icon_bt_bb_google_maps_location:before {
content: '\e90f';
}
.bt_bb_icon_bt_bb_grid:before {
content: '\e908';
}
.bt_bb_icon_bt_bb_grid_gallery:before {
content: '\e906';
}
.bt_bb_icon_bt_bb_header:before {
content: '\e90a';
}
.bt_bb_icon_bt_bb_icons:before {
content: '\e90b';
}
.bt_bb_icon_bt_bb_image:before, .bt_bb_icon_bt_bb_content_slider_item:before {
content: '\e90c';
}
.bt_bb_icon_bt_bb_row_inner:before {
content: '\e90d';
}
.bt_bb_icon_bt_bb_latest_posts:before {
content: '\e90e';
}
.bt_bb_icon_bt_bb_percentage_bar:before {
content: '\e911';
}
.bt_bb_icon_bt_bb_price_list:before {
content: '\e912';
}
.bt_bb_icon_bt_bb_hr:before {
content: '\e914';
}
.bt_bb_icon_bt_bb_service:before {
content: '\e915';
}
.bt_bb_icon_bt_bb_clients:before { /* NEMA */
content: '\e917';
}
.bt_bb_icon_bt_bb_slider:before, .bt_bb_icon_bt_bb_content_slider:before {
content: '\e916';
}
.bt_bb_icon_bt_bb_tabs:before, .bt_bb_icon_bt_bb_tabs_item:before {
content: '\e919';
}
.bt_bb_icon_bt_bb_text:before {
content: '\e91a';
}
.bt_bb_icon_bt_bb_twitter:before {
content: '\e91b';
}
.bt_bb_icon_bt_bb_icon:before { /* NEMA */
content: '\e959';
}
:any(.bt_bb_icon_bt_bb_separator:before, .bt_bb_icon_bt_cc_separator:before) {
content: '\e914';
}
:any(.bt_bb_icon_bt_bb_cost_calculator:before, .bt_bb_icon_bt_cc:before) {
content: '\e967';
}
:any(.bt_bb_icon_bt_bb_cost_calculator_item:before, .bt_bb_icon_bt_cc_item:before) {
content: '\e902';
}
:any(.bt_bb_icon_bt_bb_cost_calculator_group:before, .bt_bb_icon_bt_cc_group:before) {
content: '\e965';
}
:any(.bt_bb_icon_bt_bb_cost_calculator_multiply:before, .bt_bb_icon_bt_cc_multiply:before) {
content: '\e966';
}
:any(.bt_bb_icon_bt_bb_cost_calculator_text:before, .bt_bb_icon_bt_cc_text:before) {
content: '\e960';
}
:any(.bt_bb_icon_bt_bb_cost_calculator_slider:before, .bt_bb_icon_bt_cc_slider:before) {
content: '\e962';
}
:any(.bt_bb_icon_bt_bb_cost_calculator_switch:before, .bt_bb_icon_bt_cc_switch:before) {
content: '\e961';
}
:any(.bt_bb_icon_bt_bb_cost_calculator_select:before, .bt_bb_icon_bt_cc_select:before) {
content: '\e964';
}
.bt_bb_icon_bt_bb_video:before {
content: '\e956';
}
.bt_bb_icon_bt_bb_headline:before {
content: '\e90a';
}
.bt_bb_icon_bt_bb_masonry_post_grid:before {
content: '\e955';
}
.bt_bb_icon_bt_bb_masonry_image_grid:before {
content: '\e908';
}
:any(.bt_bb_icon_bt_bb_raw_content:before, .bt_bb_icon_bt_cc_raw_html:before) {
content: '\e94e';
}
.bt_bb_icon_bt_bb_progress_bar:before {
content: '\e902';
}
.bt_bb_icon_bt_bb_instagram:before {
content: '\e95a';
}
:any(.bt_bb_icon_bt_bb_cost_calculator_subtotal:before, .bt_bb_icon_bt_cc_subtotal:before) {
content: '\e91e';
}
} /* /bt_bb_dialog_item */
/*
.bt_bb_toolbar > span::first-letter {
font-size: 3em;
color: red;
}*/
#bt_bb_front_end_preview {
display: none;
top: 50%;
font-size: 1.35em;
}
#bt_bb_front_end_preview iframe {
width: 100%;
height: 100%;
}
#bt_bb_dialog .mce-i-resize {
display: none;
}
.bt_bb_front_end_preview_loading {
position: absolute;
left: 50%;
top: 50%;
margin: -32px 0 0 -32px;
.bt_bb_fe_loader {
width: 64px;
height: 64px;
margin: 0;
.sk-cube {
width: 33%;
height: 33%;
background-color: $(accentColor);
float: left;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
&.sk-cube1 {animation-delay: 0.2s;}
&.sk-cube2 {animation-delay: 0.3s;}
&.sk-cube3 {animation-delay: 0.4s;}
&.sk-cube4 {animation-delay: 0.1s;}
&.sk-cube5 {animation-delay: 0.2s;}
&.sk-cube6 {animation-delay: 0.3s;}
&.sk-cube7 {animation-delay: 0;}
&.sk-cube8 {animation-delay: 0.1s;}
&.sk-cube9 {animation-delay: 0.2s;}
}
}
}
@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
transform: scale3D(1,1,1);
} 35% {
transform: scale3D(0,0,1);
}
}
@media screen and (max-width: 992px) {
#bt_bb_dialog {
.bt_bb_dialog_content {
.bt_bb_dialog_item {
&[data-param_name="publish_datetime"], &[data-param_name="expiry_datetime"] {
flex: 0 0 100%;
i {
text-align: right;
}
}
}
}
}
}