Edit File: themify-builder-admin-ui.css
/* Helper class for conditional inputs */ body, html{ overflow:initial; } body .conditional-input{ margin-bottom:0; } /* Bottom tooltips ----------------------------------*/ .themify-tooltip-top, .themify_builder .themify-tooltip-bottom{ position:relative; } body .themify_tooltip{ padding: 6px 10px; margin-top:5px; display:none; position:absolute; z-index:1000; border-radius:3px; background-color:#000; line-height:100%; color:#fff; top:100%; left:1px; text-indent:0; white-space:nowrap; font-family:Arial, sans-serif; } .themify_tooltip::before{ width:0; padding:0; position:absolute; content:''; top:-5px; left:2px; margin-right:10px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #000; margin-left:6px; } #tb_roptions .themify_tooltip, #tb_rgrids .themify_tooltip, #tb_component_bar[data-top] .themify_tooltip { top: -100%; margin-top:-7px; } #tb_roptions .themify_tooltip:before, #tb_rgrids .themify_tooltip::before, #tb_component_bar[data-top] .themify_tooltip::before { border-top:5px solid #000; border-bottom:none; top:auto; bottom:-5px; } #tb_component_bar li:hover>.themify_tooltip, .themify-tooltip-top:hover>.themify_tooltip, #tb_component_bar .tb_actions li.selected:hover>.themify_tooltip, .themify-tooltip-bottom:hover>.themify_tooltip, .tfl-icon:hover > .themify_tooltip{ display:inline-block; word-break:initial; /* prevent overriding word-break by theme which affects the size of the tooltip */ } /************************************************************************************ BUILDER *************************************************************************************/ .themify_builder_active .module_row, .themify_builder_active .module, .themify_builder_active .module .post, .tb_preview_only .module_row, .tb_preview_only .module, .tb_preview_only .module .post{ visibility:visible !important; /* force rows and modules to visible in case of animation triggers hidden */ } .themify_builder_active.tb_responsive_mode{ overflow:hidden; } .tb_preview_only.tb_responsive_mode{ overflow:visible; } .tb_responsive_mode .big-video-wrap{ display:none; } /* builder font styling */ .themify_builder .themify_tooltip, .themify_builder_admin, .tb_action_wrap, #tb_component_bar, .tb_data_mod_name{ font:normal 13px/1.5em Arial, sans-serif; font-style:normal; text-decoration:none; letter-spacing:normal; line-height:normal; text-shadow: none; text-transform: none; } .themify_builder .themify_tooltip{ line-height:1em; font-size:13px; } .tb_action_more.ti-more::before, .tb_dropdown>li::before{ font-size: 17px; } /* Tooltip/Action Dropdown Animation */ #tb_component_bar .themify_tooltip, .themify_builder .themify_tooltip, .themify_builder .compact-mode .tb_column_action .themify_tooltip { animation: tb_fadeInUp .25s alternate cubic-bezier(0.1,0.1,0.8,1.0); } .themify_builder .compact-mode .themify_tooltip { animation: tb_fadeInRight .25s alternate cubic-bezier(0.1,0.1,0.8,1.0); } #tb_lightbox_parent .themify_tooltip, .themify_builder.builder-lightbox .themify_tooltip { animation: tb_fadeIn .25s alternate cubic-bezier(0.1,0.1,0.8,1.0); } @keyframes tb_fadeInRight { from { transform: translate3d(-10px,0,0); opacity: 0; } to { transform: translate3d(0,0,0); opacity: 1 } } @keyframes tb_fadeIn { from { opacity: 0; } to { opacity: 1 } } @keyframes tb_infinite { 0,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(-5px,0,0); } } /* apply box-sizing to general layout containers */ #tb_component_bar, .tb_row_panel, .tb_holder{ box-sizing:border-box; } .tb_row_panel{ position: relative; } /************************************************************************************ ICONS *************************************************************************************/ .tb_icon{ height:1em; font-size:17px; text-align:center; margin:-.2em .3em 0 0; cursor:pointer; display:inline-block; vertical-align:middle; text-decoration:none; } .tb_icon.small{ width:15px; height:15px; } .tb_icon:before{ margin:-7px 0 0 1px; display:inline-block; vertical-align:middle; } .tb_icon.add:before{ content:"\e61a"; } .tb_icon.delete:before{ content:"\e646"; } .tb_delete_thumb{ top:0; left:2px; } .tb_icon.small:before{ padding-top:2px; top:2px; left:3px; } /************************************************************************************ BUILDER MODULE PANEL *************************************************************************************/ template{ display:none; } .tb_row_panel{ box-shadow:none; border-radius:0; padding: 15px 1px 0; border: none; min-height:200px; } /************************************************************************************ BUILDER ROW *************************************************************************************/ /* row */ .module_row{ margin:0; padding:0; background:none; border:none; border-radius:0; box-shadow:none; } .wp-admin .module_row{ outline:none; border: 1px solid #dbc4ea; margin-bottom: 15px; display:block; transform:none !important; padding: 7px; border-radius:4px; } .wp-admin .row_inner{ padding:2px; } .wp-admin .module_subrow, .wp-admin .tb_row_empty.module_subrow, .wp-admin .tb_row_empty.module_row { outline:none; border: 1px solid #e8daf3; margin-bottom: 8px; z-index:auto; box-shadow:none !important; border-radius:4px; } .wp-admin .subrow_inner{ position:relative; padding: 6px; } .themify_builder_admin .module_row:hover { outline-color:#9215ea; } .tb_column_btn_plus{ display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); z-index: 120; cursor:pointer; text-align:center; margin-top: -12px; width:26px; height:26px; background:#52bb33; border-radius:100%; box-shadow:0 1px 5px rgba(0,0,0,.2); font: initial; letter-spacing: normal; transition: transform .25s ease-in-out; } .tb_column_btn_plus:hover{ background:#459a2c; transform: translateX(-50%) scale(1.1); } .tb_column_btn_plus:after{ content:"\e61a"; font-family:themify; font-size:16px; color:#fff; line-height:26px; display:block; } .module_column:not(.tb_hover_sub_column):hover >.tb_column_btn_plus, .tb_module_front:hover>.tb_column_btn_plus{ display:block; } .tb_module_front:last-of-type > .tb_column_btn_plus, .tb_panel_dropdown_openend .module_column .tb_column_btn_plus.clicked{ display: none; } /* frontedit row */ .themify_builder_active .themify_builder:not(.not_editable_builder){ position:relative; } .tb_active_layout_part .themify_builder.themify_builder_content{ margin-bottom: 0; } .themify_builder_active .row_menu{ position:static; width:26px; display:inline-block; margin-left:10px; padding:5px 0; } .tb_row_anchor{ font-size: 11px; line-height: 1; font-family:Arial, sans-serif; padding:4px 7px; background: #b891d4; position: absolute; top: 0; right: 0; color: #fff; border-radius:3px 0 0 0; transform: translateY(-100%); display:none; } .wp-admin .tb_row_anchor{ right:3px; border-radius:3px 3px 0 0; } .module_row:hover .tb_row_anchor { display:block; } .tb_row_anchor::before{ content: "#"; } .module_row:hover .tb_row_anchor:empty{ display:none; } /* active module label */ .module_label .module_excerpt{ font-weight:normal; font-style:normal; font-size:10px; opacity:.6; display:table-cell; line-height:100%; vertical-align:middle; padding-left:10px; white-space:normal; width:100%; text-align: left; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .active_module .module_label{ display:table; table-layout:fixed; height:100%; white-space:nowrap; overflow:hidden; } #tb_rgrids, #tb_roptions, #tb_roptions hr, .col4-2 .module_excerpt, .col4-1 .module_excerpt, .col3-1 .module_excerpt, .col2-1 .module_excerpt{ display:none; /* hide excerpt in small columns */ } .module_subrow .active_module .module_label{ padding-left:0; } .module_label .tb_icon { height: auto; margin: 0; display: table-cell; padding: 0 8px 0 12px; } .module_label .tb_icon::before { margin: -2px 0 0; } .tb_toolbar_tabs{ background: #ffffff; color: #666; padding: 10px; box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 4px 10px 2px rgba(0,0,0,.3); display: none; border-radius: 4px; text-align: left; margin-top: 9px; position: absolute; top: 100%; cursor: auto; box-sizing: border-box; width: 280px; margin-left: 0; } #tb_component_bar .selected.tb_inner_action_more>ul, #tb_component_bar .selected.tb_action_more>ul, .tb_toolbar_tabs.selected, #tb_rgrids.selected, #tb_roptions.selected{ display: block; } .tb_toolbar_tabs .tb_row_hover_expand{ position: absolute; top: 5px; right: 5px; font-size: 10px; color: #666 !important; outline: none; } /*row options*/ #tb_roptions .tb_field { display: flex; vertical-align: middle; align-items: center; margin-bottom: 10px; } #tb_roptions .tb_field:last-child { margin-bottom: 5px; } #tb_roptions .tb_input{ width: 150px; } #tb_roptions .tb_label{ width: 100px; } #tb_roptions input[type=text]{ font:1em/1.5em Arial, sans-serif; background:#fff; height:auto; min-height:inherit; margin:0; padding:4px .5em; box-shadow:none; display:inline-block; vertical-align:middle; border:1px solid #ccc; color:#000; -webkit-appearance:none; box-sizing:border-box; width: 200px; max-width:100%; border-radius: 4px; } #tb_roptions input[type=text]:focus{ outline:none; background:#fff; color:#000; border-color:#777; } /* tb_grid_menu on sub row modules */ .tb_responsive_mode .tb_module_front .tb_grid_menu, .module_subrow .active_module .tb_grid_menu{ display:none !important; } .themify_builder_admin .active_module .tb_grid_menu:hover{ z-index:60; } .tb_grid_menu{ font-size:13px; font-family:Arial, sans-serif; letter-spacing:normal; line-height:normal; text-transform:none; font-style:normal; font-weight: normal; text-align: left; } #tb_rgrids .tb_grid_list{ margin: 0 0 10px; } .tb_row_toolbar_menu li{ font-size: 14px; display:inline-block; margin-right:10px; cursor: pointer; margin: 0 0 5px; padding: 3px 5px; position: relative; } .tb_row_toolbar_menu li.selected{ border-bottom: 1px solid #00a2fb; cursor: auto; pointer-events: none; } .builder-breakpoint-desktop .tb_grid_list li:nth-child(7), .builder-breakpoint-desktop .tb_grid_list li:nth-child(12){ clear:both; } #tb_rgrids .tb_grid_list li{ float:left; list-style:none; padding: 6px 5px; background: #f5f5f5; margin: 0 8px 5px 0; border: 1px solid #f5f5f5; cursor:pointer; border-radius: 3px; } #tb_rgrids li:hover{ border-color:#8E8E8E; } #tb_rgrids .tb_grid_tab li.selected{ background:#E6F2FE; border-color:#00B5F9; } #tb_rgrids .tb_grids{ vertical-align:middle; background-image:url('../img/builder/grids.svg'); background-repeat:no-repeat; display:block; width:23px; height:9px; margin:0; padding:0; } .tb_1_col{ background-position: 0 -38px; } .tb_2_col{ background-position: -33px -57px; } .tb_3_col{ background-position: -66px -19px; } .tb_4_col{ background-position: -66px -38px; } .tb_5_col{ background-position: -66px -57px; } .tb_6_col{ background-position: 0 -76px; } .tb_1_3_2_3{ background-position: 0 0; } .tb_1_4_1_4_2_4{ background-position: -33px 0; } .tb_1_4_2_4_1_4{ background-position: 0 -19px; } .tb_1_4_3_4{ background-position:-33px -19px; } .tb_2_3_1_3{ background-position: -33px -38px; } .tb_2_4_1_4_1_4{ background-position: 0 -57px; } .tb_3_4_1_4{ background-position: -66px 0; } .tb_auto{ background-position:-32px -77px; } /* column width dragger */ .tb_grid_drag{ position:absolute; top:0; left:auto!important; right: 0 !important; width:3px; height:100%; z-index:100; cursor:ew-resize; visibility:hidden; } .tb_drag_column_current.tb_grid_drag, .module_column:hover > .tb_grid_drag{ visibility:visible; } .tb_grid_drag::after{ width:6px; height:6px; background:#fff; content:''; border:1px solid #ababab; display:block; position:absolute; top:50%; margin-top:-3px; left: -1px; } .tb_drag_left{ right:auto !important; left:-3px!important; } .tb_grid_drag_tooltip{ width:auto !important; background:rgba(33, 33, 33, .6); color:#fff; z-index:9999; right:5px !important; min-width:40px; left:auto !important; font-family:Arial, sans-serif; font-size:12px; line-height:100%; top:50% !important; margin-top:-10px; padding:4px 6px; border:none; } .tb_grid_drag_tooltip.tb_grid_drag_left_tooltip{ left:5px !important; right:auto !important; } .tb_grid_drag_left_tooltip+.tb_grid_drag_tooltip{ left:-58px !important; right:auto !important; } .tb_grid_drag_right_tooltip+.tb_grid_drag_tooltip{ right:-58px !important; } .themify_builder_active .tb_grid_drag_right_tooltip+.tb_grid_drag_tooltip{ right:-66px !important; } .themify_builder_active .tb_grid_drag_left_tooltip+.tb_grid_drag_tooltip{ left:-66px !important; right:auto !important; } .module_row .tb_drag_column_start .tb_dragger, .module_row .tb_drag_column_start .module_column .tb_action_wrap, .module_column.last > .tb_drag_right, .module_row .tb_drag_column_start .module_column .tb_column_btn_plus, .module_row .tb_drag_column_start .module_column .tb_data_mod_name, .module_column.first > .tb_drag_left, .col-full > .tb_grid_drag, .tb_responsive_mode .tb_grid_drag{ display:none; } /* column alignment/direction */ .tb_actions li{ display: inline-block; padding:0; background: #f5f5f5; margin: 0 2px 0 0; padding: 1px; border: 1px solid #f5f5f5; line-height:100%; vertical-align: middle; cursor:pointer; border-radius: 3px; position: relative; } .tb_component_wrap_right, .tb_component_wrap_left{ display: inline-block; vertical-align: middle; } .tb_component_wrap_left{ margin-right: 26px; } .tb_actions span{ vertical-align:middle; width:29px; height:22px; background-image:url('../img/builder/row-grid-sprite.png'); background-repeat:no-repeat; display:block; } .tb_alignment_top{ background-position: -58px 0; } .tb_alignment_middle{ background-position: -29px 0; } .tb_column_ltr{ background-position: 0 -21px; } .tb_column_rtl{ background-position: -29px -21px; } .tb_gutter-default{ background-position: -58px -22px; } .tb_gutter-narrow{ background-position: 0 -44px; } .tb_gutter-none{ background-position: -29px -44px; } .tb_column_stretch{ background-position: -58px -44px; } .tb_column_auto{ background-position: 0 -66px; } .themify_builder_active .module-gallery:not(.gallery-masonry){ height:auto !important; } /* sortable helper */ .tb_sortable_helper{ display:block; background:rgba(177,233,255,.5); border:1px solid #5fccf7; height:30px !important; overflow:hidden; } .tb_module_dragging_helper, .ui-sortable-helper.tb_module_front, .ui-sortable-helper.tb_library_item, .ui-sortable-helper.tb_module, .tb_holder .tb_sortable_helper{ width:180px !important; height:30px !important; line-height:1.9em; box-sizing:border-box; font-size:14px; font-family:Arial, sans-serif; overflow:hidden; } .tb_sortable_helper .module{ visibility:hidden !important; margin:0; padding:0; } .tb_sortable_helper .tb_data_mod_name{ visibility:visible !important; position:static; background:none; color:#666; padding:0; font-size:13px; line-height:1.4em; font-weight:bold; cursor:move; } /************************************************************************************ BUILDER COLUMN *************************************************************************************/ /* col */ .module_column{ outline:solid 1px transparent; } .module_column.tb_element_clicked, .module_column.tb_element_selected, .tb_drag_module .module_column, .tb_drag_column .module_column, .tb_row_empty.module_row .module_column:hover, .module_column:hover{ outline-color:#ff7800; outline-style:solid; } .wp-admin .module_column { outline:none; border:solid 1px #ddd; padding: 7px; border-radius:4px; } .wp-admin .module_column.tb_element_clicked, .wp-admin .module_column.tb_element_selected, .wp-admin .tb_drag_module .module_column, .wp-admin .tb_drag_column .module_column, .wp-admin .tb_row_empty.module_row .module_column:hover, .wp-admin .tb_row_empty.module_subrow .module_column:hover, .wp-admin .tb_row_empty.module_row .module_column.tb_element_selected, .wp-admin .tb_row_empty.module_subrow .module_column.tb_element_selected, .wp-admin .module_column:hover{ border-color:#ff7800; border-style:solid; } .tb_drag_column .sub_column{ pointer-events: none; cursor: not-allowed; } /************************************************************************************ MODULE HOLDER *************************************************************************************/ /* module holder */ .tb_holder{ margin:0; cursor:auto; padding:0; position:relative; width:100%; height:100%; } .tb_row_empty.module_subrow .module_column, .tb_row_empty.module_row .module_column { outline: dashed 1px #e8e8e8; } .wp-admin .tb_row_empty.module_subrow .module_column, .wp-admin .tb_row_empty.module_row .module_column { border: solid 1px transparent; outline:none; } .tb_row_empty .tb_holder{ min-height:38px; } .tb_module.ui-draggable-dragging, .tb_library_item.ui-draggable-dragging{ z-index:99999; } .themify_builder_admin .tb_holder{ display:block; text-align:left; } /************************************************************************************ ACTIVE MODULES *************************************************************************************/ /* active module */ .tb_module.active_module{ width:100%; float:none; margin:0 0 6px; padding-left:38px; padding-right:10px; height: 54px; box-sizing:border-box; display:block; } .active_module.tb_element_clicked, .active_module.tb_element_selected, .tb_drag_module div.tb_module_front, .tb_module_front:hover{ outline:1px solid #02a2fb; outline-offset:-1px; } .wp-admin .tb_module { outline:none; } .themify_builder_active .tb_module.active_module:before{ content:''; top:7px; } .tb_module.active_module .module_name{ display:table-cell; font-size:13px; text-transform:capitalize; width:auto; vertical-align:middle; white-space:nowrap; color:#fff; } .tb_module.module-page-break { height: 29px; background-color:#aee4ff; border: solid 1px #629cf4; border-width: 1px 0; } .tb_module.module-page-break:hover { box-shadow: 0 0 0 1px #02a2fb; } .tb_module.module-page-break .module_name { text-transform: uppercase; text-align: center; width: 100%; } .tb_module.module-page-break .tb_dropdown { visibility: visible; opacity: 1; transform: none; } .tb_module.module-page-break .tb_dropdown>li>div:not(.tb_delete) { display: none; } /************************************************************************************ OVERLAY *************************************************************************************/ .tb_holder .tb_overlay{ position:absolute; } /* clearfix */ .tb_row_action::after, .themify_builder_admin .subrow_inner::after, .themify_builder_active .module::after{ content:""; display:table; clear:both; } /************************************************************************************ UI STATE *************************************************************************************/ body.themify_builder_active.builder-breakpoint-desktop{ overflow-x:inherit !important; } body.themify_builder_active{ transition:none !important; } .tb_drag_column_start .module_column, .tb_drag_column_start div, .tb_drag_start .module_column, .tb_drag_start .module_subrow, .tb_drag_start .module_row, .tb_drag_start .active_module{ transition:none !important; } .themify_builder_active .tb_state_highlight+.module_row, .themify_builder_active .tb_state_highlight+.active_module{ margin-top:20px; } .tb_module_dragging_helper{ color:#666; text-align:center; z-index:99999999 !important; } .tb_module_dragging_helper:before, .tb_module_dragging_helper .add_module_btn, .tb_module_dragging_helper .remove_item_btn{ display:none; } #tb_row_wrapper, .tb_row_opt_builder_wrap{ position:relative; } .themify_builder .row_menu{ width:29px; padding-bottom:5px; } .themify_builder .col-full{ width:100%; } /************************************************************************************ MODULE FRONT *************************************************************************************/ .tb_module_front{ min-height: 38px; margin-bottom:0; cursor:move; user-select: none; } .tb_module_front.module-divider{ min-height: 10px; } .themify_builder_active.tb_responsive_mode .tb_module_front{ cursor:pointer; } .tb_data_mod_name{ font-size:12px; line-height:100%; color:#fff; position:absolute; top:0; left: 0; z-index: 21; cursor:default; padding: 3px 6px; background: #72cbfd; white-space:nowrap; display: none; border-radius:0 0 3px 0; } .tb_column_action .tb_data_mod_name{ background:#fda656; } .tb_row_action .tb_data_mod_name{ background:#d093fb; } .tb_subrow_action .tb_data_mod_name{ background:#e993ef; } .tb_element_clicked>.tb_data_mod_name, .tb_element_selected > .tb_data_mod_name { display:none !important; } .module_subrow .tb_data_mod_name{ left:auto; right:0; border-radius:0 0 0 3px; } body:not(.gs_post):not(.tb_preview_only) .tb_module_front:hover > .tb_data_mod_name{ display:block; } .themify_builder_backend_options_menu{ margin:0; padding:0; position:relative; z-index:50; /* fixes grid menu dropdown overlap undo/redo covering */ left:0; text-align:left; font-size:20px; margin:3px 0 0; color:#666; } /* preview mode */ .tb_preview_only .tb_module_front, .tb_preview_only .tb_holder{ min-height:0; outline: none; box-shadow: none; } /* BACKEND DROPDOWN MENU */ .themify_builder_backend_options_menu .ti-menu{ cursor:pointer; padding:10px 10px 3px 6px; margin-top:-4px; } .themify_builder_backend_options_menu li{ margin:0; padding:0; list-style:none; float:left; position:relative; } .themify_builder_backend_options_menu li.separator{ margin-left:5px; margin-right:5px; height:20px; border-left:1px solid #ccc; margin-top:5px; } /* backend main level link */ .themify_builder_backend_options_menu a{ display:block; padding:5px 15px; margin:0 5px 0 0; text-decoration:none; } /* backend sub-levels link */ .themify_builder_backend_options_menu ul a{ color:#666; font-size:100%; line-height:140%; font-weight:normal; text-transform:none; padding:6px 6px 6px 15px; margin:0; display:block; width:170px; background:none; border:none; text-shadow:none; border-radius:0; box-shadow:none; box-sizing:border-box; } /* backend sub-levels link :hover */ .themify_builder_backend_options_menu ul a:hover{ color:#000; background:#eee; } .themify_builder_backend_options_menu ul li.has-children:hover:after{ width:0; padding:0; position:absolute; content:''; right:0; top:12px; border-bottom:5px solid transparent; border-right:5px solid #ccc; border-top:5px solid transparent; } /* backend dropdown ul */ .themify_builder_backend_options_menu ul{ margin:0; padding:5px 0; list-style:none; position:absolute; background-color:#fff; border:solid 1px #ccc; z-index:100; display:none; bottom:29px; font-size:14px; } .themify_builder_backend_options_menu > li > ul:after{ width:0; padding:0; position:absolute; content:''; bottom:-5px; left:6px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #ccc; } .themify_builder_backend_options_menu ul li{ background:none; padding:0; margin:0; float:none; } /* backend sub-levels dropdown */ .themify_builder_backend_options_menu ul ul{ left:170px; top:-2px; bottom:auto; } .themify_builder_backend_options_menu li:hover > ul{ display:block; } /* video module - required to make video embed iframe draggable */ .module-video .video-wrap:before { content: ''; display: block; background: transparent; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } /************************************************************************************ MODULE FRONT RESPONSIVE *************************************************************************************/ @media screen and (max-width:600px){ /* column */ .themify_builder_active .tb_holder{ margin-right:0; } .active_module .themify_module_menu .themify_tooltip{ display:none; } } /* fix backend editor display in metabox */ #page-builder .themify_field_title{ display:none; } #page-builder .themify_field{ float:none; width:100%; } /* import layout button */ a.tb_import_layout_button{ background:#ccc; font:normal 14px/1 Arial,sans-serif; line-height:1.1em; display:table; margin: 20px auto 50px; color:#fff; border-radius:5px; padding:.8em 1.6em; text-decoration:none !important; text-transform:none; letter-spacing:0; } a.tb_import_layout_button:hover{ background:#aaa; } /*Drag and Drop and Sortable*/ .themify_builder_active.tb_drag_start .themify_builder [data-pos="top"], .themify_builder_active.tb_drag_start .themify_builder .tb_holder[data-pos="bottom"]:empty{ border-top:solid 32px rgba(177,233,255,.5); } .themify_builder_active.tb_drag_start .themify_builder [data-pos="bottom"]{ border-bottom:solid 32px rgba(177,233,255,.5); } .tb_drag_start .module_row .active_module .tb_grid_menu, .tb_drag_start .tb_grid_drag, .tb_drag_start .tb_import_layout_button{ display:none; } .tb_drag_start #tb_add_container, .tb_drag_start .active_module .module{ pointer-events:none; } .tb_drag_start #tb_add_container{ visibility:hidden; z-index:-1; } .tb_drag_module .tb_holder, .tb_drag_start a, .tb_drag_start button, .tb_drag_start input, .tb_drag_start .tb_module_front, .tb_drag_start{ cursor:move !important; } .tb_drag_start .module_row{ z-index: 1; } /*Responsive Columns*/ #tb_rgrids .grid_tabs{ margin:5px 0 15px; } #tb_rgrids .grid_tabs li{ display:inline-block; margin:0 5px 0 0; font-size:1.5em; padding:6px 7px; color:#666; line-height:1; border-radius: 4px; text-align:center; vertical-align:middle; cursor:pointer; } #tb_module_panel_dropdown.tb_subrow_open .tb-grid-options-container, .tb_grid_tab, .col-count-1>.tb_grid_menu .tb_column_gutter, .col-count-1>.tb_grid_menu .tb_actions, .col-count-1>.tb_grid_menu .tb_grid_reposnive .grid-layout--full, .tb_grid_reposnive .tb_grid_list li{ display:none; } .tb_responsive_mode.col-count-1>.tb_grid_menu .tb_grid_desktop, .builder-breakpoint-tablet_landscape .tb_grid_tablet_landscape, .builder-breakpoint-tablet .tb_grid_tablet, .builder-breakpoint-desktop .tb_grid_desktop, .builder-breakpoint-mobile .tb_grid_mobile, .tb_grid_reposnive .tb_grid_list .tb1, #tb_rgrids:not(.col-count-1) .tb2, #tb_rgrids.col-count-3 .tb3, #tb_rgrids.col-count-4 .tb4, #tb_rgrids.col-count-5 .tb3, #tb_rgrids.col-count-5 .tb5, #tb_rgrids.col-count-6 .tb3, #tb_rgrids.col-count-6 .tb6{ display:block; } /* Builder plus button popover */ #tb_module_panel_dropdown{ display:none; width: 560px; max-width: 90%; background-color:#f1f1f1; color:#999; text-align:center; padding: 5px 0; position:absolute; z-index:9999; top:0; left:0; font:normal 14px/150% Arial, sans-serif; box-sizing:border-box; margin-top: 30px; min-height: 200px; box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 4px 10px 2px rgba(0,0,0,.3); border-radius: 4px; } #tb_module_panel_dropdown input, #tb_module_panel_dropdown textarea #tb_module_panel_dropdown select{ font-family:inherit; font-size:inherit; font-weight:inherit; } #tb_module_panel_dropdown .tb_drag_top { background-color:#f1f1f1; padding: 0; } .wp-admin #tb_module_panel_dropdown{ z-index:10000; left: 0 !important; right: 0 !important; margin-left: auto; margin-right: auto; } #tb_module_panel_dropdown:after{ content:''; position:absolute; top: -7px; left:50%; margin-left: -6px; width: 12px; height: 12px; background-color: #f1f1f1; transform:rotate(45deg); border-left: 1px solid rgba(0,0,0,.2); border-top: 1px solid rgba(0,0,0,.2); } #tb_module_panel_dropdown .tb_module_panel_search{ float:right; margin-right: 15px; margin-bottom: 0; } #tb_module_panel_dropdown .tb_module_types{ float:left; width:auto; margin: 2px 0 5px 15px; padding: 0; font-size: 15px; } #tb_module_panel_dropdown .tb_rows_grid .tb_row_grid { height: 34px; } #tb_module_panel_dropdown .tb_rows_grid li { width: 14%; } #tb_module_panel_dropdown .predesigned_row{ padding: 5px 1.5% 0; float:left; text-align:center; height:auto; box-sizing: border-box; } #tb_module_panel_dropdown .predesigned_row, .tb_predesigned_rows_list .predesigned_row { display: inline-block; /* prevent the element from spanning across multiple columns */ } #tb_module_panel_dropdown .predesigned_row[data-slug^="empty-"]{ width:15%; margin-right:1%; text-align:center; } #tb_module_panel_dropdown .tb_library_types{ margin: 0 0 5px 15px; padding:0; font-size: 14px; } #tb_module_panel_dropdown .tb_library_item:nth-child(2n+1), #tb_module_panel_dropdown .predesigned_row.tb_column_break{ margin-right:0; } #tb_module_panel_dropdown .tb_module_panel_tab{ height: 280px; text-align:left; padding-top:10px; } #tb_module_panel_dropdown .tb_predesigned_rows_list img{ width:100%; } #tb_module_panel_dropdown .tb_module_outer{ width:20%; height: 60px; } #tb_module_panel_dropdown .tb_module_panel_rows_wrap, #tb_module_panel_dropdown .tb_module_panel_library_wrap{ padding:0; } #tb_module_panel_dropdown .tb_busy{ cursor:wait; opacity:.8; pointer-events:none; } #tb_module_panel_dropdown .tb_busy:before{ content:''; animation:spin 1.4s infinite linear; background-color:rgba(0,0,0,.6); width:55px; height:55px; z-index:9999; position:absolute; top:50%; left:45%; border-radius:50%; border:5px solid transparent; border-top-color:#fff; box-sizing:border-box; } #tb_module_panel_dropdown .tb_library_item_list .tb_library_item{ margin:0; padding: 5px; position:relative; cursor:move; width:50%; box-sizing: border-box; float: left; } #tb_module_panel_dropdown .tb_library_item_list .tb_no_content{ margin-left: 5px; } #tb_module_panel_dropdown .tb_library_item_list .tb_library_item:nth-of-type(1) { clear: left; } #tb_module_panel_dropdown .tb_library_item_list .tb_library_item .tb_library_item_inner{ position: relative; } #tb_module_panel_dropdown .tb_module_panel_search input[type="text"]{ max-width: 120px; margin: 0; } #tb_module_panel_dropdown .tb_module_panel_search:after{ top:7px; } #tb_module_panel_dropdown .tb_module_types:not(.tb_ui_dropdown_items) > li{ color:#7d7d7d; margin-right:5px; } #tb_module_panel_dropdown .tb_module_types:not(.tb_ui_dropdown_items) .current{ border-bottom: solid 1px #00a2fb; color: #000; } #tb_module_panel_dropdown .tb_predesigned_rows_container[style*="overflow: auto;"]{ margin: 0 -1.5%; } #tb_module_panel_dropdown .tb_library_item_list[style*="overflow: auto;"], #tb_module_panel_dropdown .tb_library_item_list .simplebar-content { margin: 0 -5px; } #tb_module_panel_dropdown .tb_predesigned_rows_container[style*="overflow: auto;"], #tb_module_panel_dropdown .tb_predesigned_rows_container .simplebar-content { display: grid; grid-gap: 1em; grid-template-columns: 49% 49%; grid-auto-rows: 0; } /* general headings */ #tb_module_panel h4, #tb_module_panel_dropdown h4 { font-family:Arial, sans-serif; font-weight:normal; text-decoration:none; font-style:normal; text-shadow:none; } /* edge direction */ .tb_toolbar_tabs.tb_touch_right, #tb_module_panel_dropdown.tb_touch_right { right: 5px !important; left: auto !important; } .tb_toolbar_tabs.tb_touch_left, #tb_module_panel_dropdown.tb_touch_left { right: auto !important; left: 5px !important; } .tb_toolbar_tabs.tb_touch_bottom, #tb_module_panel_dropdown.tb_touch_bottom, #tb_component_bar .tb_action_more ul.tb_touch_bottom { transform: translateY(-100%); margin-bottom: 30px; margin-top: -20px; } .tb_toolbar_tabs.tb_touch_bottom, #tb_component_bar .tb_action_more ul.tb_touch_bottom { margin-top: -40px; animation: none; } .tb_subrow_action .tb_toolbar_tabs.tb_touch_bottom:before, #tb_component_bar .tb_toolbar_tabs.tb_touch_bottom#tb_row_options:before, #tb_component_bar .tb_action_more .tb_touch_bottom:before { border: 8px solid transparent; border-top-color: #fff; top: calc(100% + 16px); } .tb_subrow_action .tb_toolbar_tabs.tb_touch_bottom:after, #tb_component_bar .tb_toolbar_tabs.tb_touch_bottom#tb_row_options:after, #tb_component_bar .tb_action_more .tb_touch_bottom:after { border: 9px solid transparent; border-top-color: rgba(0,0,0,.2); top: calc(100% + 18px); } .tb_touch_bottom#tb_module_panel_dropdown:after { top: 100%; margin-top: -6px; transform: rotateZ(-135deg); z-index: -1; } /* Transitions ---------------------------------------------------------------*/ .module_row, .module_subrow{ outline:2px solid transparent; } .module_row, .module_subrow, .module_column{ background-position:center center; } .wp-admin.tb_responsive_mode .row_inner{ background: #f2feff; } .tb_action_active .tb_action_wrap, .tb_action_active .tb_grid_drag, .tb_action_active .module_row:hover .tb_row_anchor, .tb_action_active .tb_module_front:hover > .tb_data_mod_name, .themify_builder_admin .tb_toolbar_zoom_menu, .tb_preview_only .tb_hide.module_row, .tb_preview_only #tb_component_bar, .tb_drag_start .tb_dragger_lightbox, .tb_drag_start #tb_module_panel_dropdown, .tb_drag_start .tb_column_btn_plus, .tb_preview_only .tb_column_btn_plus, .tb_preview_only .tb_grid_drag, .tb_drag_start #tb_component_bar, body.tb_drag_start #tb_component_bar.tb_clicked, .tb_preview_only .themify_builder .hide-all{ display:none !important; } .tb_action_active .module_row:not(.tb_element_selected), .tb_action_active .module_column:not(.tb_element_selected), .tb_action_active .module_subrow:not(.tb_element_selected), .tb_action_active .tb_module_front:not(.tb_element_selected), .tb_drag_column_start .tb_module_front, .tb_drag_column_start .module_column:not(.tb_drag_column_current), .tb_layout_part_parent>.tb_module_front, .tb_drag_start .tb_module_front, .tb_dragger_drag .module_row, .tb_dragger_drag .module_column, .tb_drag_module .module_row, .tb_drag_column .subrow_inner .module_column, .tb_drag_subrow .subrow_inner .module_column, .tb_drag_column .module_row, .tb_drag_row .module_subrow, .tb_drag_row .module_column, .not_editable_builder .module_subrow, .not_editable_builder>.module_row, .not_editable_builder>.module_row>.module_column, .not_editable_builder>.module_row>.module_column>.module_subrow, .tb_preview_only .module_subrow, .tb_preview_only .module_row, .tb_preview_only .tb_module_front, .tb_preview_only .module_column{ outline:none !important; } .tb_action_active #tb_component_bar.tb_clicked{ display:block !important; } .tb_action_active.wp-admin .module_row:not(.tb_element_selected):hover{ border-color:#dbc4ea !important; } .tb_action_active.wp-admin .module_subrow:not(.tb_element_selected):hover{ border-color:#e2cef1 !important; } .tb_action_active.wp-admin .module_column:not(.tb_element_selected):hover{ border-color:transparent !important; } .tb_action_active.wp-admin .tb_module.active_module:not(.tb_element_selected), .tb_action_active.wp-admin .tb_module:not(.tb_element_selected):hover{ background:#9fc6dc; } .tb_drag_module .tb_holder:empty{ min-height: 50px; } .tb_preview_only .tb_module_front{ cursor:default; user-select:auto; } .tb_preview_only .ui-sortable .module_subrow{ margin:0; } .themify_builder_active .tb_preview_component{ margin:0 auto; position:absolute; top:27%; left:50%; z-index:9999; } .module_row.tb_active_layout_part_row, .tb_active_layout_part{ z-index:880; cursor:default; visibility:visible; position:relative; } .tb_layout_part_parent, .tb_active_layout_part .module_row .row_inner{ width:100%; } .tb_layout_part_edit .module_row.tb_active_layout_part_row{ outline:none; } .tb_active_layout_part_row>.row_inner>.module_column{ outline:none; pointer-events: none; } .tb_layout_part_edit .active_module{ pointer-events: none; } .tb_layout_part_edit .tb_active_layout_part .active_module, .tb_layout_part_edit .tb_active_layout_part .module_row, .tb_layout_part_edit .tb_active_layout_part{ pointer-events: auto; } .tb_active_layout_part_row .module_row .row_inner { width: auto; /* required to prevent layout part edit row extending out */ } .tb_layout_part_edit .tb_active_layout_part:hover{ box-shadow:none; outline:none; } .tb_active_layout_part_row>.row_inner>.module_column>.tb_action_wrap, .tb_layout_part_edit .module_row.tb_active_layout_part_row>.tb_action_wrap, .module_row .tb_active_layout_part>.tb_data_mod_name, .tb_active_layout_part>.module-title, .module_row.tb_active_layout_part_row>.row_inner>.module_column>.tb_column_btn_plus, .module_row .tb_active_layout_part>.tb_module_btn_plus, .tb_layout_part_edit .module_row .tb_overlay+.tb_action_wrap, .tb_active_layout_part_row>.row_inner>.module_column>.tb_grid_drag, .tb_active_layout_part>.module-layout-part>.module-title{ display:none; } .module-layout-part .not_editable_builder .module_column, .module-layout-part .not_editable_builder .module_subrow { outline: none; } #tb_small_toolbar{ background: #4a4a4a; color:#bdbdbd; outline:none; min-height:37px; width:100%; font-size:13px; font-family:Arial, sans-serif; line-height: 1.6; box-sizing:border-box; z-index: 100; position: relative; margin-bottom: 4px; border-radius: 4px; box-shadow:0 1px 3px rgba(0,0,0,.3); pointer-events: auto; } #tb_small_toolbar a { color: #dcdcdc; text-decoration:none; } #tb_small_toolbar a:hover{ color: #fff; text-decoration:none; } #tb_small_toolbar .tb_toolbar_menu{ margin-top:2px; float:left; text-align:left; } #tb_small_toolbar .tb_toolbar_save{ border-radius:4px; color:#fff; } /*New Design*/ .tb_action_wrap{ display: none; position: absolute; left: -7px; top: -5px; z-index: 777; padding: 9px; cursor: pointer; border-radius: 100%; box-shadow: 0 1px 5px rgba(0,0,0,.2); transition: transform .3s; } .tb_action_wrap:not(.tb_clicked):hover { transform: scale(1.3); } .module_subrow>.tb_action_wrap:not(.tb_clicked):hover { transform: scale(1.3) translateX(-50%); } .tb_show_toolbar .tb_dropdown::after{ content: ""; top:100%; left: 50%; border: 7px solid transparent; position: absolute; pointer-events: none; border-top-color: inherit; transform: translateX(-50%); display: inline-block; } .tb_row_action.tb_action_wrap, .tb_row_action .tb_dropdown>li{ background:#9215ea; } .tb_column_action.tb_action_wrap, .tb_column_action .tb_dropdown>li{ background:#ff7800; } .tb_module_action.tb_action_wrap, .tb_module_action .tb_dropdown>li{ background:#02a2fb; } .tb_clicked.tb_module_action.tb_action_wrap{ background:none; border:none; box-shadow:none;; } .tb_subrow_action.tb_action_wrap, .tb_subrow_action .tb_dropdown>li{ background:#d956e1; } .tb_row_action .tb_dropdown:after{ border-top-color: #9215ea; } .tb_column_action .tb_dropdown:after{ border-top-color: #ff7800; } .tb_module_action .tb_dropdown:after{ border-top-color: #02a2fb; } .tb_subrow_action .tb_dropdown:after{ border-top-color: #d956e1; } .tb_row_action .tb_dropdown>li.selected, .tb_row_action .tb_dropdown>li:hover{ background:#6e04b8; } .tb_column_action .tb_dropdown>li.selected, .tb_column_action .tb_dropdown>li:hover{ background:#ff4800; } .tb_module_action .tb_dropdown>li.selected, .tb_module_action .tb_dropdown>li:hover{ background:#007aeb; } .tb_subrow_action .tb_dropdown>li.selected, .tb_subrow_action .tb_dropdown>li:hover{ background: #823487; } .module_column>.tb_action_wrap{ right: -7px; left: auto; top: -3px; z-index: 800; } .tb_column_action.tb_action_overlap { top: 8px; } .tb_action_label_wrap{ clear:both; float:left; position: relative; } #tb_component_bar .tb_data_mod_name{ left: 50%; top:auto; bottom:0; text-align: center; transform: translate(-50%,30px); display: block; border-radius:4px; } #tb_component_bar[data-top="true"] .tb_data_mod_name{ top:0; transform:translate(-50%,-30px); bottom: auto; } .tb_component_menu_active #tb_component_bar .tb_dropdown::after, #tb_component_bar.tb_show_toolbar .tb_dropdown:hover::after, .tb_component_menu_active #tb_component_bar .tb_data_mod_name, .tb_action_active .module_row .module_column .tb_column_btn_plus, #tb_component_bar .tb_dropdown:hover ~ .tb_data_mod_name{ display:none; } #tb_component_bar.tb_clicked{ top:3px; } .module_column>#tb_component_bar.tb_clicked { left: auto; right: 3px; } .sub_column>.tb_action_wrap{ right:auto; left: -7px; } .module_row>#tb_component_bar.tb_clicked, .sub_column>#tb_component_bar.tb_clicked { left: 3px; right: auto; } .module_subrow>#tb_component_bar, .module_subrow>.tb_action_wrap{ left:50%; transform: translateX(-50%); } .module_subrow>#tb_component_bar.tb_clicked{ left:50%; } .tb_module_action .tb_action_more ul{ left:0; right:auto; } body:not(.gs_post):not(.tb_preview_only) .tb_active_layout_part_row .module_column .module_column:hover > .tb_column_action, body:not(.gs_post):not(.tb_preview_only) .module_subrow:hover> .tb_action_wrap, body:not(.gs_post):not(.tb_preview_only) .module_column:hover> .tb_action_wrap, body:not(.gs_post):not(.tb_preview_only) .module_row:hover > .tb_action_wrap{ display:block; } body:not(.gs_post):not(.tb_preview_only) .tb_active_layout_part_row.module_row:hover > .tb_action_wrap, .themify_builder .tb_element_selected>.tb_action_wrap:not(.tb_clicked){ display:none; } .wp-admin .tb_action_more li::before, .wp-admin .tb_action_more.ti-more:before, .wp-admin .tb_dropdown>li::before { font-size: 17px; } .wp-admin .tb_dropdown>li{ padding: 7px; } .wp-admin .tb_dropdown { height: 31px; } #tb_component_bar{ font-family:Arial, sans-serif; position:absolute; opacity:0; visibility: hidden; top:0; left:0; color:#fff; outline:none; z-index: 888; transition: .2s ease-in; transition-property: opacity,visibility,left,top,bottom,right; } #tb_component_bar.tb_clicked, #tb_component_bar.tb_show_toolbar{ opacity:1; visibility: visible; display: block; } .tb_start_animate.themify_builder_active #tb_component_bar{ opacity:0; visibility: hidden; } .tb_clicked #tb_component_bar{ position:static; width: auto; padding: 0; background: transparent; opacity: 1; visibility: visible; transform: none; } #tb_component_bar.tb_clicked{ width: auto; padding: 0; } .tb_layout_part_edit #tb_component_bar{ z-index: 9999; } #tb_component_bar.tb_clicked.tb_column_action{ min-width: 165px; } .wp-admin #tb_component_bar.tb_clicked.tb_column_action{ min-width: 155px; } .tb_subrow_action.tb_clicked .tb_dropdown { min-width: 198px; } .wp-admin .tb_subrow_action.tb_clicked .tb_dropdown{ min-width: 186px; } #tb_component_bar a{ text-decoration:none; font-family:inherit; } .tb_show_toolbar a{ box-shadow:none; border:none; color:#fff; } #tb_component_bar .ti-new-window{ font-family:'Themify'; } .tb_dropdown{ height:33px; box-sizing:border-box; position: relative; float: left; clear: both; } .tb_subrow_action .tb_toolbar_tabs::before, .tb_row_action .tb_toolbar_tabs::before, .tb_action_more > ul::before{ content: ''; border: 8px solid transparent; position: absolute; display: inline-block; border-bottom-color: #fff; z-index: 99; top: 0; right: 7px; transform: translate(0,-100%); } .tb_subrow_action .tb_toolbar_tabs::after, .tb_row_action .tb_toolbar_tabs::after, .tb_action_more > ul::after { content: ''; border: 9px solid transparent; position: absolute; display: inline-block; border-bottom-color: rgba(0,0,0,.25); z-index: 98; top: 0; left: 7px; transform: translate(0,-100%); } .tb_action_more > ul::after { left: auto; right: 6px; } .tb_inner_action_more ul::after, .tb_inner_action_more ul::before { content: ''; border: 8px solid transparent; position: absolute; display: inline-block; border-right-color: #fff; z-index: 99; top: 10px; right: 100%; transform: translate(0,0); } .tb_inner_action_more ul::after { border: 9px solid transparent; border-right-color: rgba(0, 0, 0, 0.2); z-index: 98; top: 9px; } #tb_component_bar .tb_touch_right::after, #tb_component_bar .tb_touch_right::before{ border-right-color: transparent; border-left-color: #fff; left: auto; right: 0; transform: translateX(100%); } #tb_component_bar .tb_touch_right::after { border-left-color: rgba(0,0,0,.2); } .tb_subrow_action .tb_toolbar_tabs#tb_rgrids::before, .tb_row_action .tb_toolbar_tabs#tb_row_options::before { right: auto; left: 42px; } .tb_subrow_action .tb_toolbar_tabs#tb_rgrids::after, .tb_row_action .tb_toolbar_tabs#tb_row_options::after { right: auto; left: 41px; } .tb_subrow_action .tb_touch_right.tb_toolbar_tabs#tb_rgrids::before, .tb_row_action .tb_touch_right.tb_toolbar_tabs#tb_row_options::before { right: auto; left: 96px; transform: translate(0,-100%); border: 8px solid transparent; border-bottom-color: #fff; } .tb_subrow_action .tb_touch_right.tb_toolbar_tabs#tb_rgrids::after, .tb_row_action .tb_touch_right.tb_toolbar_tabs#tb_row_options::after { right: auto; left: 95px; transform: translate(0,-100%); border: 9px solid transparent; border-bottom-color: rgba(0,0,0,.2); } #tb_component_bar .tb_dropdown, .tb_clicked{ box-shadow: 0 2px 5px 1px rgba(0,0,0,.2); border-radius:4px; } #tb_component_bar[data-top] .tb_dropdown:after{ border-top-color: transparent; top: 0; transform: translate(-50%,-100%); } #tb_component_bar.tb_row_action[data-top] .tb_dropdown::after{ border-bottom-color: #9215ea; } #tb_component_bar.tb_column_action[data-top] .tb_dropdown::after{ border-bottom-color: #ff7800; } #tb_component_bar.tb_module_action[data-top] .tb_dropdown::after{ border-bottom-color: #02a2fb; } #tb_component_bar.tb_subrow_action[data-top] .tb_dropdown::after{ border-bottom-color: #d956e1; } #tb_component_bar[data-top] { display: flex; flex-wrap: wrap; flex-direction: column; } #tb_component_bar[data-top] .tb_action_breadcrumb { order: 1; margin-top: 5px; } #tb_component_bar[data-top] .tb_dropdown { max-width:231px; } .wp-admin #tb_component_bar[data-top] .tb_dropdown{ max-width:217px; } .wp-admin #tb_component_bar[data-top].tb_module_action .tb_dropdown{ max-width:186px; } #tb_component_bar ul{ font-family:Arial, sans-serif; list-style:none; padding:0; margin:0; font-weight:normal; text-align:left; } #tb_component_bar ul:after{ content:""; display:table; clear:both; } #tb_component_bar .tb_action_label_wrap > ul > li:first-child, #tb_component_bar > ul > li:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #tb_component_bar .tb_action_label_wrap > ul > li:last-child, #tb_component_bar > ul > li:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .tb_clicked #tb_component_bar > ul > li:last-child { border-bottom-right-radius: 0; } #tb_rgrids .tb_actions, #tb_component_bar .tb_row_toolbar_menu{ margin-bottom:10px; } .tb_dropdown>li{ height:100%; text-align:center; vertical-align:middle; float:left; position:relative; box-sizing: border-box; padding: 8px; font-family: 'themify'; margin: 0; cursor:pointer; } .tb_dropdown li.ti-move { cursor: move; } .tb_divider_action .tb_styling, #tb_component_bar li.selected>.themify_tooltip, .module-layout-part>#tb_component_bar .tb_save_component, .tb_layout-part_action .tb_save_component, .tb_swap{ display:none; } .module-layout-part>#tb_component_bar .tb_swap, .tb_layout-part_action .tb_swap, .tb_dropdown>li::before{ display:block; } .tb_action_more.ti-more::before{ display:inline-block; transform:rotate(-90deg); color:#fff; } .module_subrow.tb_element_selected, .module_subrow.tb_element_clicked, .tb_drag_subrow .module_subrow, .tb_drag_column .module_subrow, .module_subrow:hover{ outline-color:#d956e1; } .wp-admin .module_subrow.tb_element_clicked, .wp-admin .module_subrow.tb_element_selected, .wp-admin .tb_drag_subrow .module_subrow, .wp-admin .tb_drag_column .module_subrow, .wp-admin .module_subrow:hover{ border-color:#d956e1; } /* Action More dropdown */ #tb_component_bar .tb_action_more > ul{ background:#fff; position:absolute; top: 100%; left: auto; right:0; margin:8px 0 0; padding:5px 0; display:none; list-style:none; z-index:10; min-width:110px; box-sizing:border-box; line-height:120%; white-space:normal; text-align:left; color:#666; box-shadow: 0 0 1px 0 rgba(0,0,0,.6), 0 3px 10px rgba(0,0,0,.2); border-radius: 4px; animation: tb_fadeInUp .25s alternate cubic-bezier(0.1,0.1,0.8,1.0); } .tb_action_more li > div{ display:block; margin:0; width:auto; height:auto; } .tb_action_more li::before{ padding-right:6px; font-family:themify; font-size: 17px; vertical-align: middle; display: inline-block; } .tb_action_more li:hover{ background:#eee; color:#000; } /* Action More dropdown for copy and past row*/ #tb_component_bar .tb_inner_action_more ul{ background:#fff; position:absolute; top: -5px; left: 100%; padding: 5px 0; display:none; z-index:10; min-width: 115px; box-sizing:border-box; line-height:120%; white-space:normal; color:#666; box-shadow: 0 0 1px 0 rgba(0,0,0,.8), 0 3px 10px rgba(0,0,0,.3); border-radius: 4px; animation: tb_fadeInRight .25s alternate cubic-bezier(0.1,0.1,0.8,1.0); cursor: auto; } #tb_component_bar .tb_inner_action_more .tb_touch_right{ left: 0; transform: translateX(-100%); animation: tb_fadeIn .25s alternate cubic-bezier(0.1,0.1,0.8,1.0); } #tb_component_bar.tb_column_action .tb_inner_action_more ul { top: 100%; left: auto; right: 0; margin-top: 8px; } #tb_component_bar.tb_column_action .tb_inner_action_more ul::before { top: auto; right: 7px; left: auto; bottom: 100%; border-bottom-color: #fff; border-right-color: transparent; } #tb_component_bar.tb_column_action .tb_inner_action_more ul::after { right: 6px; left: auto; top: auto; bottom: 100%; border-right-color: transparent; border-bottom-color: rgba(0,0,0,.2); } #tb_component_bar.tb_column_action ul.tb_touch_right{ left: auto; right: 0; transform: none; } #tb_component_bar.tb_column_action ul.tb_touch_right::after, #tb_component_bar.tb_column_action ul.tb_touch_right::before{ border-left-color: transparent; left: auto; right: 10px; transform: none; } #tb_component_bar .tb_inner_action_more li, #tb_component_bar .tb_action_more li{ font-family:Arial, sans-serif; width:100%; box-sizing:border-box; padding:5px 10px; margin: 0; font-size: 14px; position: relative; } #tb_component_bar .tb_inner_action_more li{ margin: 0 0 2px; cursor: pointer; } #tb_component_bar .tb_inner_action_more li:hover, #tb_component_bar .tb_action_more li:hover{ background:#eee; color:#000; } .module_row.tb_element_selected, .module_row.tb_element_clicked, .tb_drag_row .module_row, .module_row:hover{ outline-color:#9215ea; } .wp-admin .module_row.tb_element_selected, .wp-admin .module_row.tb_element_clicked, .wp-admin .tb_drag_row .module_row, .wp-admin .module_row:hover{ border-color:#9215ea; } .wp-admin .module_row.tb-page-break, .tb_action_active.wp-admin .tb-page-break:not(.tb_element_selected):hover{ border-color:transparent !important; } .wp-admin .module_row.tb-page-break:hover{ border-color:#629cf4 !important; } .module_row .row-slider-nav{ z-index:50; } .builder-is-touch .tb_row_action{ visibility:visible !important; } /*Inline Edit*/ #tb_editor{ display:none; position:absolute; top:0; left:0; z-index:99999999; padding:0; margin:0; background:#E5E5E5; transition:top,left .3s linear; padding:5px; } #tb_editor ul, #tb_editor li{ list-style:none; padding:0; margin:0; display:inline-block; } #tb_editor ul{ display:none; position:absolute; bottom:-41px; left:0; text-align:left; background:#fff; z-index:999999999; border-radius:3px; padding:5px; box-sizing:border-box; box-shadow:0 2px 5px 1px #bababa; } #tb_editor ul:after{ bottom:100%; left:8px; border:solid transparent; content:''; height:0; width:0; position:absolute; border-color:rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:6px; } #tb_editor ul li{ width:30px; box-sizing:border-box; font-size:15px; float:left; margin:0; } .tb_editor_paragraph ul{ width:222px; } .tb_editor_list ul, .tb_editor_text_decoration ul, .tb_editor_text_align ul{ width:130px; } #tb_editor li{ border-radius:5px; vertical-align:middle; line-height:normal; text-align:center; margin-left:3px; padding:5px; cursor:pointer; } #tb_editor ul:hover, #tb_editor>li:hover ul{ display:block; } #tb_editor .themify_tooltip{ top:-48px; transform:translateX(-50%); left:50%; margin-left:-5px; font-size:14px; display:none; } #tb_editor .themify-tooltip-top:hover>.themify_tooltip{ display:inline-block; } #tb_editor .themify_tooltip:before{ left:50%; transform:translateX(-50%); } #tb_editor [data-action='bold']:before{ content:'B'; font-weight:bold; font-size:21px; } #tb_editor [data-action="fonts"]:before{ content:'Ab'; font-size:21px; } #tb_editor li:hover{ background:#d7d7d7; } .module:hover [contenteditable="true"]:empty{ visibility:visible; } .module_row[contenteditable="true"]:empty{ visibility:hidden; position:relative; font-size:10px; line-height:normal; color:#fff; outline:none; min-height:30px; font-weight:normal; letter-spacing:normal; font-style:normal; } [contenteditable="true"]:empty:before{ content:'\e61a'; background:#02a2fb; border-radius:100%; text-align:center; cursor:pointer; font-family:themify; padding:6px; margin-left:10px; width:auto; display:inline-block; } [contenteditable="true"]:empty:after{ content:attr(data-tooltip); position:relative; background-color:#23282d; padding:3px 10px 6px; visibility:hidden; white-space:nowrap; z-index:99999; border-radius:5px; font-family:Arial, sans-serif; outline:none; font-size:11px; top:-2px; display:inline-block; margin-left:4px; } [contenteditable="true"]:empty:hover:after{ visibility:visible; } /* WP editor placeholder */ .themify-wp-editor-holder { padding-top: 15%; background: #f5f5f5; margin-top: 20px; border: 1px solid #e5e5e5; min-height: 120px; max-height: 540px; position: relative; } .themify-wp-editor-holder > a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba( 242, 101, 34, 1 ); font: normal 13px/1em Arial, sans-serif; text-transform: uppercase; font-weight: 600; letter-spacing: .05em; border-radius: 3px; padding: 15px 30px; text-decoration: none; color: #ffffff; white-space: nowrap; } .themify-wp-editor-holder > a:hover { background: rgba( 242, 101, 34, .7 ); } .themify-wp-editor-holder > a:focus { outline: none; box-shadow: none; } /* Custom styles for page break rows */ .module_row.tb-page-break, .wp-admin.tb_action_active .module_row.tb-page-break:hover { height: 24px; width: 100% !important; max-width: 100% !important; background-color:#aee4ff; border: solid 1px #629cf4; color:#666; outline: none; cursor: move; transition: none; transform: none; } .tb-page-break:hover { background-color:#5fcbff; color: #fff; } .module_row.tb-page-break .tb_data_mod_name, .themify-wp-editor-holder.themify-active-holder + #postdivrich, .themify-wp-editor-holder:not(.themify-active-holder), .tb-page-break .tb_grid_drag, .wp-admin .tb-page-break .row_inner{ display: none; } .tb-page-break::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .tb-page-break .page-break-overlay{ width: 100%; text-align: center; font: 13px/1 Arial, sans-serif; letter-spacing: .1em; } .module_row.tb-page-break .tb_row_action.tb_action_wrap{ transition:none; display:block; z-index: 1; box-shadow: none; left: 0; top: 0; height: 100%; border-radius: 0; width: 100%; opacity: 0; background: none; padding: 0; cursor: move; } .themify_builder .module_row.tb-page-break .tb_row_anchor{ position: absolute; right:0; top: 0; z-index: 2; transform:scaleX(0); transform-origin: left; padding: 5px; background: #2aa3e0; color: #fff; box-sizing: border-box; text-align:center; display: block; transition:transform .3s; height: 100%; cursor: pointer; border-radius:0; } .tb-page-break .tb_row_anchor:before{ content: "\e646"; font-size: 15px; font-family: 'Themify'; } .themify_builder .module_row.tb-page-break:hover .tb_row_anchor{ transform:scaleX(1); } .module.module-page-break{ min-height: 20px; width: 100%; font: 13px/1 Arial, sans-serif; padding: 5px 0; letter-spacing: .1em; text-align: center; } .tb-page-break .module_column, .tb-page-break .tb_module_front{ box-shadow:none; outline:none; } .tb_drag_start .tb_action_wrap, .tb_drag_start .tb_data_mod_name, .tb_preview_only .edit-button, .tb_module_outer.tb-module-page-break, .tb-page-break .tb_column_btn_plus { display:none !important; } /* media queries */ @media screen and (max-width: 680px) { #tb_module_panel_dropdown .tb_module_outer { width: 33%; } #tb_module_panel_dropdown .tb_rows_grid li { width: 30%; } #tb_module_panel_dropdown .tb_module_types{ font-size: 13px; margin-top: 10px; } #tb_module_panel_dropdown .tb_module_panel_search { margin-left: 5px; margin-right: 5px; } #tb_module_panel_dropdown .tb_module_panel_search input[type="text"] { max-width: 90px; } #tb_module_panel_dropdown .tb_library_item_list .tb_library_item { float: left; } } /* BEGIN Last Row Add Button */ #tb_add_container{ font-family:Arial, sans-serif; width: 100%; height: 90px; z-index: 1; display: flex; justify-content: center; flex-direction: column; overflow: hidden; text-align: center; padding: 0 0 10px; box-sizing: border-box; position: relative; } .tb_last_add_btn{ width: 55px; height: 55px; cursor: pointer; background: #ccc; border-radius: 50%; margin: 0 auto; color: white; font-size: 50px; line-height: 57px; text-align: center; opacity: 1; transition: opacity .3s,height.3s; } .tb_last_add_btn:hover{ background: #aaa; } .tb_last_add_btn::selection{ background-color: transparent; } .tb_last_add_btn_expand{ opacity: 0; transition: opacity .3s; display: flex; flex-direction: row; justify-content: space-around; width: 520px; max-width: 94%; margin: 0 auto; height: 0; align-items: center; z-index: 2; visibility: hidden; } #tb_add_container.expanded .tb_last_add_btn{ opacity: 0; height: 0; } #tb_add_container.expanded .tb_last_add_btn_expand{ opacity: 1; visibility:visible; } .tb_last_add_btn_expand .tb_row_grid{ width: 11%; height: 44px; padding: .8%; box-sizing: border-box; background-color: #fff; border: 1px solid transparent; box-shadow: 0 0 0 1px rgba(0,0,0,.15); border-radius: 3px; cursor: pointer; } .tb_last_add_btn_expand .tb_row_grid:hover{ border-color: #000; box-shadow: 0 1px 10px 2px rgba(0,0,0,.12); } .tb_last_add_btn_expand .tb_row_grid > span{ width: 100%; height: 100%; display: block; } .tb_last_add_btn_expand .tb_row_grid .tb_col_1{ background-color: #363636; } .tb_last_add_btn_expand .tb_row_grid .tb_col_2{ background-image: url(../img/builder/row-grids/row_grid2.svg); } .tb_last_add_btn_expand .tb_row_grid .tb_col_3{ background-image: url(../img/builder/row-grids/row_grid3.svg); } .tb_last_add_btn_expand .tb_row_grid .tb_col_4{ background-image: url(../img/builder/row-grids/row_grid4.svg); } .tb_last_add_btn_expand .tb_row_grid .tb_col_5{ background-image: url(../img/builder/row-grids/row_grid5.svg); } .tb_last_add_btn_expand .tb_row_grid .tb_col_6{ background-image: url(../img/builder/row-grids/row_grid6.svg); } .tb_last_add_btn_expand .tb_add_blocks{ display: flex; flex-direction: column; cursor: pointer; margin-left: 1%; font-size:13px; font-weight: normal; line-height:22px; margin-bottom:-3px; text-align: center; } .tb_add_blocks::before{ content:'+'; width: 30px; height: 30px; border-radius: 50%; font-size: 28px; line-height: 31px; background: #3e3e3e; color: #fff; text-align: center; margin: 0 auto; } .tb_add_blocks:hover::before { background: #000; } .tb_add_blocks .tb_block_plus_text{ opacity:.4; } .tb_add_blocks:hover .tb_block_plus_text{ opacity:1; } @media screen and (max-width: 620px) { .tb_last_add_btn_expand .tb_row_grid{ height:36px; } .tb_last_add_btn_expand .tb_block_plus_text{ display:none; } } /* END Last Row Add Button */ /* START hover mode */ .tb_hover_mode.wp-admin #tb_component_bar.tb_module_action{ top: 2px; } .tb_hover_mode #tb_component_bar.tb_action_overlap.tb_clicked, .tb_hover_mode.wp-admin #tb_component_bar.tb_action_overlap, .tb_hover_mode #tb_component_bar{ top:0; } .tb_hover_mode .module_column>#tb_component_bar { left: auto; right: 0; } .tb_hover_mode .module_row>#tb_component_bar, .tb_hover_mode .sub_column>#tb_component_bar { left: 0; right: auto; } .tb_hover_mode #tb_component_bar.tb_module_action{ left: 50%; transform: translateX(-50%); top: 18px; transition: none; width: 200px; } .tb_hover_mode #tb_component_bar.tb_touch_right{ right: 0; left: auto; transform: none; } .tb_hover_mode #tb_component_bar.tb_touch_left{ left: 0; transform: none; } .tb_hover_mode #tb_component_bar.tb_action_overlap { top: 8px; } .tb_hover_mode .module-divider { position:relative; } .tb_hover_mode .module-divider #tb_component_bar.tb_module_action{ top:2px; } .tb_hover_mode #tb_component_bar .tb_inner_action_more:hover ul, .tb_hover_mode #tb_component_bar .tb_action_more:hover > ul { display: block; margin-top: 0; } .tb_hover_mode #tb_component_bar .tb_inner_action_more:hover .themify_tooltip, .tb_hover_mode #tb_component_bar .tb_action_more:hover .themify_tooltip { display: none; } .tb_hover_mode #tb_component_bar .selected.tb_row_settings::after, .tb_hover_mode #tb_component_bar .selected.tb_action_more::after{ content: ''; height: 9px; width: 110px; position: absolute; bottom: -9px; left: auto; right: 0; display: block; z-index: 100; } .tb_hover_mode #tb_component_bar .selected.tb_row_settings::after{ width: 280px; left: -34px; right: auto; } .tb_hover_mode .tb_toolbar_tabs{ margin-top: 0; } .tb_hover_mode .tb_toolbar_tabs.tb_touch_bottom{ margin-top: -35px; } .tb_hover_mode .tb_column_action .tb_dropdown>li { float: right; } .tb_hover_mode #tb_component_bar.tb_column_action .tb_inner_action_more ul { right: auto; left: 0; } .tb_hover_mode #tb_component_bar.tb_column_action .tb_inner_action_more ul:before { right: auto; left: 8px; } .tb_hover_mode #tb_component_bar.tb_column_action .tb_inner_action_more ul:after { right: auto; left: 7px; } .tb_hover_mode #tb_component_bar .tb_action_label_wrap > ul > li:first-child, .tb_hover_mode #tb_component_bar.tb_column_action > ul > li:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .tb_hover_mode #tb_component_bar .tb_action_label_wrap > ul > li:last-child, .tb_hover_mode #tb_component_bar.tb_column_action > ul > li:last-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .tb_hover_mode .sub_column .tb_column_action .tb_dropdown>li { float: left; } .tb_hover_mode .sub_column #tb_component_bar.tb_column_action .tb_inner_action_more ul { right: 0; left: auto; } .tb_hover_mode .sub_column #tb_component_bar.tb_column_action .tb_inner_action_more ul:before { right: 7px; left: auto; } .tb_hover_mode .sub_column #tb_component_bar.tb_column_action .tb_inner_action_more ul:after { right: 6px; left: auto; } .tb_hover_mode .sub_column #tb_component_bar .tb_action_label_wrap > ul > li:first-child, .tb_hover_mode .sub_column #tb_component_bar > ul > li:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .tb_hover_mode .sub_column #tb_component_bar .tb_action_label_wrap > ul > li:last-child, .tb_hover_mode .sub_column #tb_component_bar > ul > li:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } body:not(.tb_preview_only).tb_hover_mode .tb_module_front:hover > .tb_data_mod_name { display: block !important; } /* END hover mode */ /* Start Edge dragger*/ .tb_dragger{ position: absolute; top: 0; left: 0; cursor:e-resize; height:100%; min-width: 0; box-sizing: border-box; opacity: 0; transition: opacity .3s; z-index:5; min-height: 0; color:#fff; } .tb_dragger_drag .tb_dragger, .tb_dragger_drag #tb_component_bar{ pointer-events: none; display: none; } .tb_dragger_drag .tb_dragger_dragged.tb_dragger, .module_row:hover>.tb_dragger:hover, .module_column:hover>.tb_dragger:hover, .module_subrow:hover>.tb_dragger:hover, .tb_element_selected:hover>.tb_dragger:hover, .tb_element_clicked:hover>.tb_dragger:hover, .tb_element_clicked .tb_has_edge:hover>.tb_dragger:hover, .tb_element_selected .tb_has_edge:hover>.tb_dragger:hover{ opacity:1; } .tb_dragger_options_open .tb_column_btn_plus, .tb_dragger_drag .module_row, .tb_dragger_drag .module_column, .tb_dragger_drag .tb_dragger:not(.tb_dragger_dragged), .tb_dragger_drag .active_module{ pointer-events: none; } .tb_dragger_drag{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tb_dragger_focus .tb_dragger_lightbox, .tb_dragger_drag .tb_dragger_dragged.tb_dragger{ display: block; } .tb_module_front .tb_has_edge{ position:relative; } .module_row>.tb_dragger{ z-index:11; background-color:rgba(217,86,225,.3); color: rgba(217,86,225,.8); } .module_column>.tb_dragger{ z-index:10; background-color:rgba(255,120,0,.3); color: rgba(255,120,0,.8); } .module_subrow>.tb_dragger{ z-index:8; background-color:rgba(217,86,225,.3); color: rgba(217,86,225,.8); } .module_subrow .module_column>.tb_dragger{ z-index:7; } .tb_module_front .tb_dragger{ background-color:rgba(2,162,251,.3); color: rgba(2,162,251,.8); } .module_row .tb_dragger.tb_dragger_focus{ z-index:188; } .tb_dragger_bottom, .tb_dragger_top{ width:100%; min-width:100%; height:auto; cursor:s-resize; min-height: 7px; } .tb_dragger_left, .tb_dragger_right{ min-width: 7px; } .tb_dragger_drag_s.tb_dragger_drag .tb_module_front, .tb_dragger_drag_s.tb_dragger_drag{ cursor:ns-resize !important; } .tb_dragger_drag_e.tb_dragger_drag .tb_module_front, .tb_dragger_drag_e.tb_dragger_drag{ cursor:ew-resize !important; } .tb_dragger_bottom{ top:auto; bottom:0; } .tb_dragger_right{ left:auto; right:0; } .tb_dragger_margin.tb_dragger_right{ right: -1px; margin-right:-7px; } .tb_dragger_margin.tb_dragger_left{ left: -1px; margin-left:-7px; } .tb_dragger_margin.tb_dragger_bottom{ margin-bottom:-6px; bottom: 0; } .tb_dragger_margin.tb_dragger_top{ margin-top:-6px; top: 0; } .tb_dragger_options{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); outline:none; font-size: 12px; } .tb_dragger_value{ pointer-events: none; font: 12px 'Arial', sans-serif; font-weight: normal; text-decoration: none; text-shadow: none; text-transform: none; box-shadow: none; border-radius: 0; line-height: 1; letter-spacing: normal; } .tb_dragger_drag .tb_dragger_lightbox *{ cursor: inherit !important; } .tb_dragger_arrow{ display: inline-block; vertical-align: middle; margin:-5px 0 0 2px; cursor: pointer; outline: none; padding: 2px 4px; box-sizing: border-box; } .tb_dragger_arrow:before{ content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid; display: inline-block; vertical-align: middle; } .tb_dragger_hide_apply_all .tb_apply_all, .tb_dragger_value:empty+.tb_dragger_arrow{ display: none; } .tb_dragger_lightbox { position: absolute; background: #fff; top: 80%; left: 0; border-radius: 5px; padding: 8px 10px; margin-top:5px; box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 4px 10px 2px rgba(0,0,0,.3); font-size: 13px; cursor:auto; display: none; } .tb_dragger_lightbox ul{ list-style:none; padding:0; margin: 0 0 5px 0; display: flex; } .tb_dragger_lightbox .tb_dragger_units{ margin-bottom: 10px; } .tb_dragger_lightbox li{ padding: 0; margin: 0 8px 0 0; cursor:pointer; border-radius: 2px; } .tb_dragger_units li{ color:#545454; opacity:.5; border-radius: 0; } .tb_dragger_units li:hover, .tb_dragger_units li.current{ color:#383838; opacity:1; border-bottom: 1px solid; } .tb_dragger_lightbox li:last-child{ margin:0; } .tb_apply{ background: #f1f1f1; position: relative; border: 1px solid transparent; display: block; width: 26px; height: 26px; box-sizing: border-box; } .tb_apply:hover{ background: #e4e4e4; } .tb_apply.current{ border-color:#5ec5ff; background: #aee4ff; } .tb_apply span::after, .tb_apply span::before, .tb_dragger_types .tb_apply_all::before, .tb_dragger_types .tb_apply_all::after{ content:''; border: 4px solid transparent; border-right-color: #868686; position: absolute; top: 50%; left: 1px; transform: translate(-50%,-50%); height: 0; width: 0; display:block; box-sizing: border-box; margin: 0; padding: 0; line-height: normal; } .tb_dragger_left .tb_apply_opposite span::before, .tb_dragger_right .tb_apply_opposite span::before, .tb_apply_all span::before{ border-right-color: transparent; border-left-color: #868686; left: auto; right: 1px; transform: translate(50%,-50%); } .tb_dragger_top .tb_apply_opposite span::before, .tb_dragger_bottom .tb_apply_opposite span::before, .tb_dragger_types .tb_apply_all::before{ top:1px; left: 50%; border-right-color: transparent; border-bottom-color: #868686; } .tb_dragger_top .tb_apply_opposite span::after, .tb_dragger_bottom .tb_apply_opposite span::after, .tb_dragger_types .tb_apply_all::after{ bottom:1px; top:auto; left: 50%; border-right-color: transparent; border-top-color: #868686; transform: translate(-50%,50%); } .image-wrap.tb_has_edge>.tb_dragger_bottom, .image-wrap.tb_has_edge>.tb_dragger_top{ min-width: auto; left: 50%; transform: translateX(-50%); } .tb_preview_only .tb_dragger_drag .tb_dragger_dragged.tb_dragger, .tb_preview_only .module_row:hover>.tb_dragger:hover, .tb_preview_only .module_column:hover>.tb_dragger:hover, .tb_preview_only .module_subrow:hover>.tb_dragger:hover, .tb_preview_only .tb_element_selected:hover>.tb_dragger:hover, .tb_preview_only .tb_element_clicked:hover>.tb_dragger:hover, .tb_preview_only .tb_element_clicked .tb_has_edge:hover>.tb_dragger:hover, .tb_preview_only .tb_element_selected .tb_has_edge:hover>.tb_dragger:hover{ opacity: 0; } module-layout-part .module_subrow>.tb_dragger, .module-layout-part .module_row>.tb_dragger{ background-color:rgba(217,86,225,.3); color: rgba(217,86,225,.8); } .module-layout-part .module_column>.tb_dragger{ background-color:rgba(255,120,0,.3); color: rgba(255,120,0,.8); } /* END Edge dragger*/ /*Start FullWidth Row*/ .tb_page_row_fullwidth .tb_row_action{ left: 0; } .module_row.fullwidth .tb_action_outside{ right: 0; } /*End FullWidth Row*/ /*Hide Add New template pro in edit post page */ .wp-admin.post-type-tbp_template .page-title-action{ display: none; }
Back to File Manager