Файловый менеджер - Редактировать - /home/kunzqhe/www/wp-content/themes/themify-ultra/themify/themify-builder/css/editor/toolbar.css
Ðазад
html,body{ overflow:initial; margin:0; padding:0; scroll-behavior:auto } .display-inline-block{ display:inline-block; width:106px } .tb_module_panel_modules_wrap:after, .tb_field:after{ content:""; display:table; clear:both } /* form label */ .builder-lightbox label{ font-size:inherit; font-weight:inherit; font-family:inherit; text-transform:none; border:none; background:none; width:auto; padding:0; letter-spacing:0; display:inline-block; vertical-align:middle; outline:none } /* form input */ input[type="number"]{ outline:none!important; -moz-appearance:textfield!important } /* Webkit browsers like Safari and Chrome */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0 } .builder-lightbox input, .builder-lightbox textarea, .builder-lightbox select, .builder-lightbox input[type=search], .builder-lightbox button{ font-size:100%; font-family:inherit } .builder-lightbox button:not(.wp-switch-editor){ border:none } .builder-lightbox .tbp_dc_wrap input, .builder-lightbox input:read-write, .builder-lightbox textarea{ font:1em/1.5em Arial,sans-serif; background:#fff; height:auto; min-height:inherit; margin:5px 5px 5px 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:8px; } .builder-lightbox input.tb_field_error, .builder-lightbox input.tb_image_field_error{ border-color:#ff0000 } .builder-lightbox label._tb_disable{ color:#444; background:#fff; opacity:.4 } #tb_lightbox_parent .tb_disable_save{ pointer-events:none; opacity:.4; background:#444!important } .builder-lightbox .tb_input .themify-checkbox{ margin-top:6px } .builder-lightbox .tb_input .themify-checkbox + .tb_help, .tb_panel_docked .builder-lightbox .tb_input .themify-checkbox{ margin-top:2px } .builder-lightbox .tb_empty_label + .tb_input .themify-checkbox{ margin-top:-2px } .builder-lightbox input[type="radio"], .builder-lightbox input[type="checkbox"]{ background:#fff; color:#555; display:inline-block; line-height:0; height:16px; width:16px; min-width:16px; margin: 0 5px 0 0; padding:0!important; text-align:center; border:1px solid #aaa; vertical-align:text-bottom; cursor:pointer; outline:0; clear:none; -webkit-appearance:none; box-sizing:border-box; border-radius:5px; box-shadow:none; } .builder-lightbox input[type="radio"]{ border-radius:5em } .builder-lightbox .tb_radio_input_container{ margin-top:5px; outline:none } .builder-lightbox .tb_compact_radios .tb_empty_label + .tb_input{ min-height:18px } .builder-lightbox .tb_empty_label + .tb_input .tb_radio_input_container{ margin-top:-7px } .builder-lightbox .tb_radio_input_container label, .builder-lightbox .themify-checkbox label{ position:relative; margin-right:4px; margin-top:3px; cursor:pointer; } .builder-lightbox .tb_radio_input_container label + label{ margin-left:8px } .builder-lightbox .themify-checkbox label+.tb_help{ margin-top:0 } .builder-lightbox input[type="checkbox"]:checked:before{ content:''; color:#1e8cbe; display:inline-block; width:9px; height:3px; border-left:2px solid; border-bottom:2px solid; margin:3px; margin-top:3px; margin-left:2px; transform:rotateZ(-45deg) skewX(-10deg) } .builder-lightbox input[type="radio"]:checked:before{ content:''; display:inline-block; border-radius:100%; font-size:24px; width:8px; height:8px; margin:3px; line-height:16px; background-color:#1e8cbe } body.themify_builder_active{ background:#989898 } body.themify_builder_active.tb_responsive_mode{ overflow:visible!important } body.themify_builder_active.tb_responsive_mode.tb_preview_parent{ overflow:hidden!important } .tb_responsive_mode .responsive_disable, .tb_lb_option input[disabled]+label, .tb_lb_option input[disabled]{ opacity:.5; cursor:not-allowed; pointer-events:none } .tb_responsive_mode .resp_no_bg{ display:block } /* image styled checkbox buttons */ .tb_icon_radio, .tb_icon_checkbox{ display:inline-block } .tb_panel_dropdown_openend:not(.tb_panel_docked):not(.tb_panel_drag) #tb_module_panel, .tb_field .tb_icon_radio input, .tb_input .tb_icon_checkbox input{ display:none } .tb_icon_checkbox label{ line-height:100%; margin-left:2px } .tb_input .tb_icon_checkbox .apply_all_checkbox_icon{ color:#888; transition:background .2s ease-in,color .2s ease-in; font-size:17px } .tb_icon_checkbox input:checked+.apply_all_checkbox_icon{ background:#ececec; color:#666; padding:5px; border-radius:100% } .tb_icon_checkbox label:hover .apply_all_checkbox_icon{ color:#000 } /* image styled radio buttons */ .builder-lightbox .tb_icon_radio label + label{ margin-left:0 !important } .tb_icon_radio input:checked +.tb_icon_wrapper{ background:#b2b2b2; border-color:#787878; color:#fff } .tb_icon_radio .tb_icon_wrapper{ transition:background .2s ease-in,color .2s ease-in; border:1px solid #ccc; line-height:100%; padding:5px 10px; min-width:10px; text-align:center; border-radius:8px; letter-spacing:0; display:inline-block; vertical-align:middle; outline:none; } .tb_icon_radio .tb_icon_wrapper:hover{ border-color:#777 } .tb_text_underline .tb_icon_wrapper{ text-decoration:underline } .tb_text_overline .tb_icon_wrapper{ text-decoration:overline } .tb_text_through .tb_icon_wrapper{ text-decoration:line-through } /* insert icon input */ .builder-lightbox input.themify_field_icon{ margin-top:0 } .builder-lightbox textarea{ line-height:150%; width:100%; min-height:60px } /* input field width */ .builder-lightbox input[type="number"], .builder-lightbox input.xsmall, .builder-lightbox textarea.xsmall{ width:10%; min-width:50px } .builder-lightbox input.small, .builder-lightbox textarea.small{ width:20%; min-width:70px } .builder-lightbox input.large, .builder-lightbox textarea.large{ width:60% } .builder-lightbox input.xlarge, .builder-lightbox textarea.xlarge{ width:80% } .builder-lightbox textarea.fullwidth, .builder-lightbox input.fullwidth{ width:100% } /* form input:focus */ .builder-lightbox .tbp_dc_wrap input:focus, .builder-lightbox textarea:focus, .builder-lightbox input:read-write:focus{ outline:none; background:#fff; color:#000; border-color:#888 } /* form button */ .builder-lightbox input[type=reset], .builder-lightbox input[type=submit], .builder-lightbox .builder_button{ background:#f26522!important; border:none; text-align:center; margin:0 0 2px; padding:.5em 1em; color:#fff!important; font:normal 14px/1em Arial,sans-serif; text-transform:uppercase; cursor:pointer; border-radius:8px; display:inline-block; height:auto; width:auto; min-height:0; min-width:auto; } /* form input:hover */ .builder-lightbox input[type=reset]:hover, .builder-lightbox input[type=submit]:hover, .builder-lightbox .builder_button.tb_gallery_btn:hover, .tb_upload_btn .builder_button:hover, .builder-lightbox .builder_button:hover{ transform:translateY(2px) } .tb_lightbox_actions .builder_button{ float:left; padding:.58em .8em; margin:0 4px 0 0; } /* Transitions ---------------------------------------------------------------*/ .builder-lightbox input[type=reset], .builder-lightbox input[type=submit]{ transition:.1s; transition-property:background,color,border-color,padding,margin,transform } .builder-lightbox .builder_button{ transition:transform .1s } .tb_layout_lists .thumbnail img{ transition:.1s; transition-property:background,border-color } /* Builder Toolbar ----------------------------------*/ /* toolbar disabled */ .tb_responsive_mode .tb_toolbar_zoom_menu a{ opacity:.4; cursor:not-allowed } /* TOOLBAR ADD MODULES */ #tb_toolbar .tb_toolbar_add_modules_wrap{ display:inline-block; vertical-align:middle; position:relative } .tb_toolbar_add_modules{ background:#52bb33; color:#fff; display:inline-block; vertical-align:middle; width:37px; height:37px; margin-right:5px; position:relative; overflow:hidden; outline:none; box-shadow:inset 0 -1px 0 rgba(0,0,0,.1); cursor:pointer } .tb_toolbar_add_modules:hover{ background:#459a2c } /* TOOLBAR MODULE PANEL */ #tb_module_panel{ color:#999; font:normal 13px/1.6 Arial,sans-serif; background-color:#f1f1f1; position:fixed; contain:layout size; z-index:99998; top:50px; left:10px; width:140px; min-width:140px; max-width:400px; padding:0 0 110px; box-sizing:border-box; height:600px; max-height:92vh; transition:transform .3s ease-in,opacity .3s ease-in,visibility .3s ease-in; opacity:1; visibility:visible; box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 10px 2px rgba(0,0,0,.3); border-radius:8px; } .tb_drag_top .tb_module_types:not(.tb_ui_dropdown_items) li.current{ padding:3px 11px } .tb_drag_top .tb_module_types:not(.tb_ui_dropdown_items) li:before, .tb_drag_top .tb_module_types:not(.tb_ui_dropdown_items) li:after{ content:""; width:8px; height:8px; position:absolute; bottom:-1px; background:#868686 } .tb_drag_top .tb_module_types:not(.tb_ui_dropdown_items) li.current:before{ left:-8px; border-bottom-right-radius:4px; box-shadow:4px 4px 0 2px #f1f1f1 } .tb_drag_top .tb_module_types:not(.tb_ui_dropdown_items) li.current:after{ right:-8px; border-bottom-left-radius:4px; box-shadow:-4px 4px 0 2px #f1f1f1 } .tb_load_layout_active #tb_module_panel, .tb_drag_top .tb_compact_tabs .tb_module_types:not(.tb_ui_dropdown_items) li:before, .tb_drag_top .tb_compact_tabs .tb_module_types:not(.tb_ui_dropdown_items) li:after{ display:none } #tb_module_panel.tb_float_xsmall{ padding:0 0 90px } #tb_module_panel .tb_busy{ opacity:.7 } #tb_module_panel .tb_busy:before{ background-color:rgba(0,0,0,.6); width:55px; height:55px; z-index:9999; position:absolute; top:50%; left:42% } #tb_module_panel.tb_is_minimize{ padding:0; max-height:0 } .tb_module_panel_rows_wrap.tb_module_panel_tab{ padding-bottom:20px } .tb_is_minimize .tb_module_panel_container{ visibility:hidden; height:0; opacity:0 } .tb_toolbar_add_modules, .tb_preview_parent .tb_toolbar_add_modules_wrap{ opacity:.4; cursor:not-allowed; pointer-events:none } .tb_panel_closed:not(.tb_panel_docked) .tb_toolbar_add_modules{ opacity:1; cursor:pointer; pointer-events:auto } .tb_panel_right_dock.tb_panel_minimized #tb_module_panel{ transform:translateX(100%)!important } /* module panel small size */ #tb_module_panel.tb_float_small .tb_module_types:not(.tb_ui_dropdown_items) a{ padding:0 3px } #tb_module_panel.tb_float_small ul.tb_module_types:not(.tb_ui_dropdown_items){ padding-left:10px } #tb_module_panel.tb_float_small .tb_rows_grid li{ width:46% } #tb_module_panel.tb_float_large .tb_rows_grid li{ width:15% } /* TOOLBAR MENU */ .tb_toolbar_menu .tb_tooltip{ padding-left:8px; padding-right:8px } .builder-breakpoint-desktop a.breakpoint-desktop, .builder-breakpoint-tablet a.breakpoint-tablet, .builder-breakpoint-tablet_landscape a.breakpoint-tablet_landscape, .builder-breakpoint-mobile a.breakpoint-mobile, .tb_toolbar_zoom_active > a, .tb_toolbar_preview_active, .tb_tooltip.tb_tooltip_active{ background-color:#000; color:#fff; cursor:default } .tb_tooltip.tb_tooltip_active, .tb_toolbar_zoom_active a, .tb_toolbar_preview_active{ cursor:pointer } .tb_toolbar_menu .tb_toolbar_zoom_menu > a{ padding-left:8px } .tb_toolbar_menu .tb_toolbar_zoom_menu ul a{ width:70px } #tb_toolbar .tb_toolbar_zoom_active a:hover{ color:#a0a0a0 } .tb_toolbar_zoom_active .selected-zoom-size a{ cursor:default; background:#000; color:#a0a0a0 } /* toolbar menu tooltip */ .tb_toolbar_backend_edit{ display:inline-block; margin-right:8px; vertical-align:middle } .tb_toolbar_backend_edit a{ color:#dcdcdc } .tb_toolbar_backend_edit svg{ vertical-align:middle } .tb_toolbar_backend_edit svg + span{ margin-left:6px } .tb_compact_toolbar #tb_switch_backend span, .tb_compact_toolbar #tb_switch_frontend span{ display:none } /* CLOSE & SAVE */ .tb_toolbar_save_wrap .tb_toolbar_save_btn .tb_toolbar_revision_btn ul, .tb_toolbar_revision_btn ul{ right:0; left:auto; margin-top:9px } .tb_toolbar_save_wrap .tb_toolbar_revision_btn ul:before{ right:10px; left:auto; } .tb_toolbar_revision_btn{ background:#f26522; border-left:1px solid rgba(255,255,255,.15); padding:4px 9px 3px 10px; cursor:pointer; border-radius:0 8px 8px 0; min-height:24px; outline:none; box-sizing:unset!important; } .tb_toolbar_revision_btn .tf_fa{ line-height:1; stroke-width:2px } .tb_toolbar_revision_btn ul a{ box-sizing:border-box; display:block; width:140px; max-width:100%; padding:6px 5px 6px 12px; color:#bdbdbd; line-height:1.3; margin:0 } .tb_toolbar_revision_btn:hover, .tb_toolbar_save:focus +.tb_toolbar_revision_btn, #tb_toolbar .tb_toolbar_save_btn .tb_toolbar_save:hover{ background-color:#ff7635 } .tb_toolbar_revision_btn ul a:hover{ color:#fff; background:#000 } /* GALLERY SHORTCODE PREVIEW */ textarea.tb_shortcode_input{ font-size:11px; color:#999; width:100%; min-height:40px } textarea.tb_shortcode_input:focus{ color:#000 } .tb_shortcode_preview img{ position:relative; display:inline-block; margin:0 3px 3px 0; max-width:26px; height:auto; border-radius:5px; box-shadow:0 1px 1px rgba(0,0,0,.2) } /* BUILDER REVISIONS */ .tb_revision_lists{ margin:0; padding:0; width:100%; box-sizing:border-box } .tb_revision_lists li{ border-top:1px solid rgba(0,0,0,.05); list-style-type:none; margin:0; padding:14px 2px; color:#adadad } .tb_revision_lists li .tf_close{ float:right; margin-top:4px; color:#666; padding:8px } #tb_switch_backend:hover svg{ animation:switch_arrow_left_animate 1s infinite; animation-timing-function:linear } #tb_switch_frontend:hover svg{ animation:switch_arrow_right_animate 1s infinite; animation-timing-function:linear } /* tb_switch_frontend/tb_switch_backend animation */ @keyframes switch_arrow_left_animate{ 0%{transform:translateX(0)} 50%{transform:translateX(-8px)} 100%{transform:translateX(0)} } @keyframes switch_arrow_right_animate{ 0%{transform:translateX(0)} 50%{transform:translateX(8px)} 100%{transform:translateX(0)} } /* Builder Toolbar Backend ----------------------------------*/ #tb_toolbar{ background-color:#4a4a4a; color:#999; font:normal 13px/1.6 Arial,sans-serif; position:fixed; z-index:9999; left:0; top:0; width:100%; outline:none; min-height:37px; user-select:none; display:none; box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.1),0 1px 8px rgba(0,0,0,.2) } #tb_toolbar a{ text-decoration:none; outline:none } .themify-gutenberg-editor .editor-block-list__layout .editor-block-list__block.is-multi-selected[data-type="themify-builder/canvas"] .editor-block-list__block-edit:before{ background:transparent } .themify-gutenberg-editor #wpcontent, .themify-gutenberg-editor #adminmenumain, .themify-gutenberg-editor #adminmenuwrap{ z-index:auto; position:relative } .themify-gutenberg-editor #adminmenuback{ z-index:0 } .themify-gutenberg-editor .edit-post-header{ z-index:1 } .themify-gutenberg-editor .edit-post-layout__content{ z-index:3 } .themify-gutenberg-editor .block-editor-block-contextual-toolbar[data-type="themify-builder/canvas"] .components-dropdown{ display:none !important } #tb_canvas_block{ position:relative } .tb_compact_toolbar #tb_toolbar .tb_toolbar_export span, .tb_compact_toolbar #tb_toolbar .tb_import_btn span{ transform:none } .tb_auto_draft .tb_toolbar_save_wrap, .tb_auto_draft .tb_switch_frontend, .themify_builder_admin .hide-if-backend, .tb_compact_toolbar #tb_toolbar .tb_toolbar_export span:before, .tb_compact_toolbar #tb_toolbar .tb_import_btn span:before{ display:none } /* highlight panel when repsonsive icon selected */ .tablet_landscape-responsive-selected, .tablet-responsive-selected, .mobile-responsive-selected, .tablet-direction-selected, .mobile-direction-selected{ background:#f6feff } /* Repeater Field ----------------------------------*/ .tb_row_js_wrapper .tb_repeatable_field{ position:relative; width:100%; margin-bottom:10px; border-radius:8px } .tb_row_js_wrapper:not(.tb_repeat_opt) .tb_delete_row:before, .tb_row_js_wrapper:not(.tb_repeat_opt) .tb_delete_row:after{ display:none } .tb_repeatable_field_content{ padding:10px; border:1px solid #ddd; background:#fff; border-bottom-left-radius:7px; border-bottom-right-radius:7px; } .tb_repeatable_field:hover ~ .tb_repeatable_field{ z-index:9; /* fix row menu overlap */ } /* tb_repeatable_field_top top */ .tb_repeatable_field_top{ padding:6px 10px 4px; box-sizing:border-box; cursor:move; z-index:auto;/* fix row column menu overlap undo/redo is covering */ background:#e4e4e4; color:#000; position:relative; text-align:left; border-radius:7px 7px 0 0; } .tb_repeatable_field.collapsed .tb_repeatable_field_top{ border-radius:7px; } .tb_repeatable_field_top:hover{ background:#dadada } .tb_repeatable_field_top a:hover{ color:#000 } .tb_repeatable_field_top .toggle_row{ float:right; cursor:pointer; font-size:17px; line-height:1.4; margin-right:3px } .tb_repeatable_field_top .toggle_row:before{ content:""; display:inline-block; width:10px; height:10px; border-right:1px solid; border-top:1px solid; transform:rotateZ(-45deg); transition:transform .5s } .tb_repeatable_field.collapsed .toggle_row:before{ transform:rotateZ(135deg); margin-bottom:3px } #tb_lightbox_parent .tb_sort_handler{ margin:0; position:absolute; top:0; left:0; z-index:99999; contain:layout style paint; } .tb_sort_start .tb_current_sort{ opacity:.3!important; border:1px dashed; contain:style paint } .tb_workspace_container{ position:fixed; top:0; left:0; overflow:hidden; width:100%; height:100%; margin-top:37px; text-align:center; z-index:0; display:none } .tb_iframe{ background:#fff; width:100%; height:100%; border:none; user-select:none; z-index:2 } .tb_start_change_mode *{ animation:none!important } .tb_start_change_mode .tb_iframe{ transition:width .6s ease-in!important } .tb_sort_start>.tb_repeatable_field:not(.tb_sort_handler):not(.tb_current_sort), .tb_sort_start>.tb_toggleable_item:not(.tb_sort_handler):not(.tb_current_sort), .tb_sort_start>.tb_sort_fields_item:not(.tb_sort_handler):not(.tb_current_sort), .tb_dragger_drag .tb_iframe, .tb_drag_start .tb_iframe{ pointer-events:auto!important } body:not(.tb_responsive_mode) .tb_iframe{ min-height:100%; max-height:100% } .tb_touch .tb_iframe{ width:1px; min-width:100% } /* repeatable Field */ .tb_repeat_opt .tb_repeatable_field_top{ background:none; padding:0; margin:0; cursor:auto } .tb_repeat_opt .tb_repeatable_field{ border:none; display:flex; flex-direction:row-reverse; align-items:center; width:100%; padding-left:26%; margin:0; box-sizing:border-box; justify-content:flex-end } .tb_repeat_opt .tb_multi_fields{ display:flex } .tb_repeat_opt .tb_repeatable_field_content{ padding:0; width:auto; border:none } .tb_repeat_opt .tb_duplicate_row, .tb_repeat_opt .tb_repeatable_field .row_menu .menu_icon, .tb_repeat_opt .toggle_row{ display:none } .tb_repeat_opt .tb_down .tb_delete_row{ background:none; padding:0; width:12px; overflow:hidden; text-indent:-9999px } .tb_repeat_opt .add_new{ margin-left:26%!important } .tb_panel_docked .tb_repeat_opt .add_new{ margin-left:0!important } .tb_repeat_opt .tb_multi_fields .tb_field{ max-width:100%; margin:0 } .tb_repeat_opt .tb_down{ position:static; display:block; background:none; box-shadow:none; padding:0!important; width:auto!important; margin-top:20px!important } .tb_repeat_opt .tb_repeatable_field input[type=text]{ width:auto } .tb_panel_docked .tb_repeat_opt .tb_multi_fields, .tb_lightbox_small .tb_repeat_opt .tb_multi_fields{ flex-direction:column } .tb_panel_docked .tb_repeat_opt .tb_repeatable_field, .tb_lightbox_small .tb_repeat_opt .tb_repeatable_field{ align-items:flex-start } .tb_panel_docked .tb_repeat_opt .tb_repeatable_field{ padding-left:0 } .tb_panel_docked .tb_repeat_opt .tb_repeatable_field_content, .tb_lightbox_small .tb_repeat_opt .tb_repeatable_field_content{ width:100% } .tb_panel_docked .tb_repeat_opt .tb_repeatable_field input[type=text], .tb_lightbox_small .tb_repeat_opt .tb_repeatable_field input[type=text]{ width:95% } /* Themify Gutenberg Editor */ .edit-post-visual-editor .block-editor-block-list__block{ max-width:100% } .edit-post-layout__content .editor-block-list__layout .editor-block-list__block .editor-block-list__block-edit:before{ outline-color:#e2e4e7; box-shadow:none; border:none } .edit-post-layout__content .editor-block-list__layout .editor-block-list__block .editor-block-list__block-edit{ padding-top:0 } .themify-gutenberg-editor.edit-post-layout .components-notice-list .notice{ padding:1px 12px; min-height:30px } .themify-gutenberg-editor .edit-post-layout .components-notice-list .notice .notice-dismiss{ padding:3px 10px } .wp-block[data-type="themify-builder/canvas"] .editor-block-toolbar{ display:none } .wp-block-freeform.block-library-rich-text__tinymce, .editor-styles-wrapper .mce-content-body{ max-height:240px; overflow-y:auto } @media (min-width:600px){ .themify-gutenberg-editor .editor-post-title, .themify-gutenberg-editor .editor-block-list__layout{ padding-left:36px; padding-right:36px } } @media (min-width:782px){ .themify-gutenberg-editor .edit-post-layout .components-notice-list{ top:auto; bottom:0 } .themify-gutenberg-editor .edit-post-layout .components-notice-list .notice{ margin-bottom:0 } .themify-gutenberg-editor .edit-post-layout__metaboxes:not(:empty){ padding-bottom:75px } } @media (min-width:960px){ .themify-gutenberg-editor .edit-post-layout .components-notice-list{ margin-left:34px; margin-bottom:-5px } } .edit-post-layout .editor-post-publish-panel{ z-index:99999 } .edit-post-meta-boxes-area #poststuff h2.hndle{ border:none } .edit-post-visual-editor .block-editor-writing-flow__click-redirect{ min-height:auto } .edit-post-layout .interface-interface-skeleton__content{ background-color:#fff } .edit-post-layout .postbox{ box-shadow:none } /*LIGHTBOX OPTION PANEL*/ .builder-lightbox{ background:#fff; font:normal 13px/150% Arial,sans-serif!important; color:#444; width:500px; max-width:90%; max-height:90vh; position:fixed; top:30px; z-index:99999; text-align:left; min-height:220px; box-sizing:border-box; box-shadow:0 0 1px 0 rgba(0,0,0,.6),0 3px 14px rgba(0,0,0,.3); text-transform:none; font-weight:400; text-decoration:none; letter-spacing:0; overflow:visible; display:none; /* contain:layout size; */ margin:auto; } .tb_panel_docked .builder-lightbox{ max-height:100vh } /* standalone lightbox size */ .builder-lightbox.tb_save_module_lightbox{ width:350px; height:175px } .builder-lightbox.tb_predesigned_lightbox{ width:780px; height:680px; max-height:90vh } .builder-lightbox.tb_predesigned_lightbox .tb_options_tab_wrapper{ padding-top:0!important } .builder-lightbox.tb_revision_lightbox{ width:450px; height:480px } .builder-lightbox.tb_savead_lightbox, .builder-lightbox.tb_import_post_lightbox{ width:350px; height:240px } .builder-lightbox.tb_custom_css_lightbox{ width:540px; height:460px } .custom_css_m .tb_label.tb_empty_label + .tb_input{ width:100% } .builder-lightbox button{ font-variant:inherit; text-transform:none; font-family:inherit; font-weight:400; text-decoration:none; letter-spacing:0 } .builder-lightbox a:hover{ color:#a39fe8 } /* lightbox cancel button */ .tb_close_lightbox{ padding:0 24px 0 .6em; color:#777; float:left; margin-right:6px; margin-top:6px } .tb_close_lightbox:hover{ color:#000; transform:none } .tb_close_lightbox:before, .tb_close_lightbox:after{ left:auto; right:10px; margin-top:-1px; height:80% } .builder-lightbox.animated{ animation-duration:.1s } .tb_panel_docked .builder-lightbox.tb_import_export_lightbox, .builder-lightbox.tb_predesigned_lightbox, .builder-lightbox.tb_save_module_lightbox, .builder-lightbox.tb_revision_lightbox, .builder-lightbox.tb_import_post_lightbox, .builder-lightbox.tb_custom_css_lightbox, body:not(.tb_panel_docked) .builder-lightbox{ border-radius:8px; } body.mce-fullscreen.themify_builder_active .builder-lightbox{ overflow:initial } /* tb lightbox small */ .tb_lightbox_small .tb_close_lightbox span{ display:none } .tb_lightbox_small .tb_options_tab li:first-child a{ text-indent:0 } .tb_lightbox_small .tb_options_tab li:not(:first-child) a{ white-space:nowrap; position:relative; float:left } .tb_lightbox_small .tb_lightbox_top_bar li:first-child .tf_fa, .tb_lightbox_top_bar li .tf_fa{ display:none } .tb_lightbox_small .tb_lightbox_top_bar li .tf_fa{ display:block; text-indent:0; float:left } /* switch to frontend */ .themify_builder_admin .tb_switch_frontend{ color:#dcdcdc; float:right; line-height:31px; margin-right:3px; text-decoration:none } /* insert icon input */ .tb_icon_wrap{ position:relative; float:left; max-width:100%; margin-top:5px } .tb_icon_wrap .tf_plus_icon:empty{ border-radius:8px 0 0 8px } .tb_panel_docked .tb_icon_wrap{ float:none } .tb_field .tb_icon_wrap input[type=text]{ padding-left:32px; padding-right:25px; margin-right:0; width:160px; max-width:100% } .tb_icon_wrap .tb_clear_input{ right:8px; top:15px } .tb_upload_btn, .themify_fa_toggle{ color:#000; text-align:center; width:24px; height:27px; line-height:100%; background:#efefef; position:absolute; left:1px; top:1px; cursor:pointer; font-size:12px; padding:8px 4px 6px; margin:0; transition:background-color .25s ease,border-radius .25s ease,padding .25s ease,margin .25s ease; box-sizing:border-box; border-radius:7px 0 0 7px } .themify_fa_toggle:hover, .tb_upload_btn:hover{ background:#eee } .themify_fa_toggle:not(:empty):after, .themify_fa_toggle:not(:empty):before, .themify_fa_toggle:empty + .tb_clear_input{ display:none } /* lightbox tab wrapper */ .builder-lightbox .tb_options_tab_wrapper{ position:relative; margin:0; -webkit-overflow-scrolling:touch; box-sizing:border-box; width:100%; z-index:2 } .builder-lightbox .tb_options_tab_wrapper .tb_styling_tab_header{ display:flex; justify-content:space-between; width:100%; align-items:center; margin-bottom:10px } .builder-lightbox .tb_options_tab_content{ padding-bottom:5px; width:100%; box-sizing:border-box; position:relative } .builder-lightbox .tb_options_tab_content .add_new:before, .builder-lightbox .tb_options_tab_content .add_new:after{ left:8px; } /************************************************************************************ WP ADMIN STYLES *************************************************************************************/ .media-modal, .media-modal button{ font-variant:inherit; text-transform:none; font-weight:400; letter-spacing:0; font-family:Arial,sans-serif } .media-modal .themify_gallery_settings .gallery-settings{ display:none } .builder-lightbox a.builder_button.insert-media{ background:#fff; padding:4px 10px!important; border:solid 1px #ccc; text-decoration:none; font-size:12px; line-height:23px; height:auto; margin:0; cursor:pointer; border-radius:8px; white-space:nowrap; text-shadow:none; display:inline-block } .builder-lightbox .wp-editor-tools a{ color:inherit!important } /* LITE LIGHTBOX (confirmation lightbox) */ .tb_lite_lightbox_modal{ position:fixed; top:0; left:0; background-color:rgba(0,0,0,.5); width:100%; height:100%; z-index:999999; font-family:Arial,sans-serif } .tb_lite_lightbox_modal .media-modal{ width:450px; margin:0 auto; bottom:auto; top:50%; transform:translateY(-50%) } .tb_lite_lightbox_modal .media-modal:focus{ outline:none } .tb_lite_lightbox_modal .media-modal-content{ min-height:200px; position:relative; background:#fff; border-radius:12px; box-shadow:0 1px 20px 3px rgba(0,0,0,.4) } .tb_lite_lightbox_modal .media-modal-backdrop{ background:transparent } .tb_lite_lightbox_modal .tb_lite_lightbox_content{ padding:40px 20px; text-align:center; font-size:14px } .tb_lite_lightbox_modal .tb_lite_lightbox_content p:first-child{ font-size:1.2em; color:#000 } .tb_lite_lightbox_modal button{ background:#664c9e; border:none; color:#fff; font-size:14px; padding:.7em 1.4em; cursor:pointer; font-weight:400; margin:10px 5px; display:inline-block; text-align:center; border-radius:8px; text-decoration:none; outline:none; box-shadow:none } .tb_lite_lightbox_modal button:hover{ background:#a188d6 } .tb_lite_lightbox_modal button:focus{ outline:none; box-shadow:none } .tb_lite_lightbox_modal .media-modal-close{ width:auto; height:auto; padding:8px; margin:0; top:14px; right:11px; background:none; color:#777; transition:transform .3s } .tb_lite_lightbox_modal .media-modal-close:hover{ background:none; transform:rotatez(90deg); color:#000 } .tb_lite_lightbox_modal .media-modal-close .media-modal-icon:before, .tb_lite_lightbox_modal .media-modal-close .media-modal-icon:after{ content:''; height:100%; width:1px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(45deg); background-color:currentColor } .tb_lite_lightbox_modal .media-modal-close .media-modal-icon:after{ transform:translate(-50%,-50%) rotate(-45deg) } .tb_lite_lightbox_modal .tb_litelightbox_prompt_input{ font-size:1em; max-width:80%; width:100%; background:#fff; border:1px solid #bdbdbd; padding:.7em .5em; margin:0 1.15em .4em 0; -webkit-appearance:none; color:#5b6270; border-radius:8px } .tb_lite_lightbox_modal .tb_litelightbox_prompt_input:focus{ outline:none } /* lightbox modal tabs */ .builder-lightbox .tb_options_tab{ margin:0; float:left; padding:0; list-style-type:none; pointer-events:auto } .builder-lightbox .tb_options_tab li{ float:left; margin:0 0 -1px; padding:0 } .builder-lightbox .tb_options_tab li.title{ text-transform:capitalize } .builder-lightbox .tb_options_tab li.current, .builder-lightbox .tb_options_tab li.title{ background-color:#fff; color:#000 } .builder-lightbox .tb_options_tab li a, .builder-lightbox .tb_options_tab li.title{ display:block; padding:.7em .8em; color:#424242; font-size:14px; text-decoration:none } .builder-lightbox.larger-lightbox .tb_options_tab li a, .builder-lightbox.larger-lightbox .tb_options_tab li.title{ font-size:1.1em } .builder-lightbox .tb_options_tab li.current a{ color:#000 } .tb_options_tab li{ position:relative } .tb_options_tab li:before, .tb_options_tab li:after{ content:""; width:8px; height:8px; position:absolute; bottom:1px; z-index:1; background:#e5e5e5 } .tb_options_tab li.current:before{ left:-8px; border-bottom-right-radius:4px; box-shadow:4px 4px 0 4px #FFF } .tb_options_tab li.current:after{ right:-8px; border-bottom-left-radius:4px; box-shadow:-4px 4px 0 4px #FFF; z-index:2 } .gs_post .tb_options_tab li.current:before, .tb_options_tab li:first-child.current:before, .tb_panel_docked .tb_options_tab li:first-child:before{ left:0; background:0 } .gs_post .tb_options_tab li.current, .tb_standalone_lightbox .tb_options_tab li:first-child.current, body:not(.tb_panel_docked) .tb_options_tab li:first-child.current{ border-radius:8px 0 0; } .gs_post .tb_lightbox_top_bar, .tb_standalone_lightbox .tb_lightbox_top_bar, body:not(.tb_panel_docked) .tb_lightbox_top_bar{ border-radius:8px 8px 0 0; } /* Lightbox action buttons (cancel,save) */ .tb_lightbox_actions{ float:right; margin-top:4px; } .tb_lightbox_small .tb_lightbox_actions .tb_close_lightbox{ padding:10px; vertical-align:middle } .tb_lightbox_small .tb_close_lightbox:before, .tb_lightbox_small .tb_close_lightbox:after{ left:9px } .builder-lightbox .reset-styling{ margin:20px 0; display:inline-block } .builder-lightbox .reset-styling:hover{ color:#000 } .reset-styling i{ margin-right:5px; display:inline-block; vertical-align:text-bottom; position:relative; padding:8px } .tb_top_save_btn{ display:none!important; cursor:pointer; position:absolute!important; right:5px; top:2px } .tb_top_save_btn:before, .tb_top_save_btn:after{ display:none } .tb_panel_docked .tb_top_save_btn{ display:block!important } .tb_panel_docked .tb_tooltip .tf-ti-check + span{ left:auto; right:5px } .tb_panel_docked .tb_tooltip .tf-ti-check + span:before{ left:auto; right:11px } /* reset Editor button */ .builder-lightbox .wp-editor-wrap .quicktags-toolbar input, .builder-lightbox .wp-editor-wrap .quicktags-toolbar textarea, .builder-lightbox .wp-editor-wrap .quicktags-toolbar select, .builder-lightbox .wp-editor-wrap .quicktags-toolbar input[type=search], .builder-lightbox .wp-editor-wrap .quicktags-toolbar .button{ color:#555; border:1px solid #ccc; border-radius:5px; background:#f7f7f7; font-weight:400; box-shadow:none; vertical-align:top; text-transform:none; padding:0 8px 1px } .builder-lightbox .wp-editor-wrap .quicktags-toolbar input:hover, .builder-lightbox .wp-editor-wrap .quicktags-toolbar textarea:hover, .builder-lightbox .wp-editor-wrap .quicktags-toolbar select:hover, .builder-lightbox .wp-editor-wrap .quicktags-toolbar input[type=search]:hover, .builder-lightbox .wp-editor-wrap .quicktags-toolbar .button:hover{ background:#fafafa; border-color:#999; color:#23282d } .builder-lightbox .wp-editor-wrap .button{ border:1px solid #ccc; padding:0 8px 1px } .builder-lightbox .wp-editor-wrap .button:hover{ border-color:#999 } /************************************************************************************ LIGHTBOX FIELDS AND INPUT *************************************************************************************/ .tb_field{ margin:0 0 8px 0 } .tb_field.row_width{ margin-top:5px } .tb_field.hide-auto-height{ display:none } .tb_label{ width:26%; margin:0; padding:.5em 2% 0 0; float:left; line-height:1.5em; box-sizing:border-box } .tb_input{ width:74%; position:relative; float:left; box-sizing:border-box } .tb_field.pushed, .tb_input.pushed, .tb_multi_fields.pushed, .tb_field input[type=text].tb_lb_option.pushed{ margin-left:26% } .tb_disable_hover .tb_input{ pointer-events:none; opacity:.3 } .tb_input_after{ color:#999 } /* fix vertical alignment in checkbox fields with only one option */ .tb_input .themify-checkbox input + label:first-of-type:last-child{ margin-top:.5em; vertical-align:bottom } .range_wrapper{ margin-right:5px; display:inline-block } .tb_tooltip_container, .tb_field .tb_range_input{ position:relative; min-width:70px; } .tb_field .tb_range_input input{ width:64px!important; /* required */ cursor:ns-resize; } .tb_field .tb_range_after{ margin-left:5px } .tb_field input[type=text], .tb_field input[type=url]{ margin-right:5px; margin-bottom:5px } .tb_field select{ font:1em/1.5em Arial,sans-serif; position:relative; background:none; background-color:transparent!important; -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:.3em 30px .3em .5em; outline:none; z-index:2; cursor:pointer; text-indent:.01px; width:130%; max-width:100%; height:auto; border:none; color:#000; box-shadow:none; border-radius:8px; min-height:auto } .tb_field select:hover{ color:inherit } .tb_field .tb_range:hover{ border-color:#888 } .tb_field .selectwrapper{ position:relative; display:inline-block; vertical-align:middle; padding:0; margin:5px 5px 5px 0; background:transparent; overflow:hidden; border:1px solid #ccc; border-radius:8px; } .tb_field .selectwrapper:before{ content:''; transform:translateY(-50%) rotate(45deg); border:solid currentColor; border-width:0 1px 1px 0; position:absolute; padding:4px; text-align:center; margin-top:-.2em; top:50%; right:10px; color:#aaa; pointer-events:none; z-index:1 } .tb_field .selectwrapper.clicked select{ border-color:#000 } /* noborder select */ .tb_field .selectwrapper.noborder{ border:none; background:none; width:auto; margin-left:-28px; border-radius:4px; } .tb_field .tb_tooltip_container:not(.display-inline-block) .selectwrapper.noborder{ -moz-transform:translateX(0) } .tb_field .selectwrapper span.tb_unit{ font:1em/1.5em Arial,sans-serif; position:relative; z-index:2 } .tb_field .selectwrapper span.tb_unit, .tb_field .selectwrapper.noborder select{ font-size:9px; background:#efefef!important; padding:4px 1px 3px 3px; color:#888; border-radius:3px; width:18px } @-moz-document url-prefix(){ .tb_field .selectwrapper.noborder select{ padding:3px 1px 1.5px 1px } } .tb_field .selectwrapper span.tb_unit{ padding:4px } .tb_field .selectwrapper.clicked:before, .tb_field .selectwrapper.noborder:hover select{ background:#e2e2e2!important; color:#000; box-shadow:inset 0 0 0 1px rgba(0,0,0,.1) } .tb_field select::-ms-expand, .selectwrapper.noborder:before{ display:none } /* reset background color single selectwrapper */ .tb_field .selectwrapper span.tb_unit:not(.tb_lb_option){ background-color:#fff!important; padding:4px 1px 4px 5px } /* auto image fullwidth checkbox */ .tb_field.auto_fullwidth{ margin-top:-8px } /* Clear Buttons */ .tb_clear_btn{ position:absolute; top:-1px; right:13px; cursor:pointer; color:#ccc; padding:5px } .minicolors_wrapper .tb_clear_btn{ top:10px; right:9px } /* multi fields */ .tb_label + .tb_multi_fields{ float:left; width:74% } .tb_multi_fields > .tb_field{ float:left; position:relative; margin-right:6px } .tb_fields_count_2 .tb_field{ max-width:48%; margin-right:2% } .tb_fields_count_3 .tb_field{ max-width:31.3%; margin-right:2% } .tb_fields_count_4 .tb_field{ max-width:23%; margin-right:2% } .tb_fields_count_5 .tb_field{ max-width:18%; margin-right:2% } .multi_circle_feature .tb_field{ width:30%; max-width:100% } .tb_multi_fields .tb_label{ width:100% } .tb_multi_fields .fullwidth{ width:100%!important; max-width:100%!important } .tb_multi_fields .tb_input{ width:auto; float:none; min-width:0; max-width:100%; padding-right:5px } .tb_multi_fields input.medium{ width:60px } /* feature module */ .multi_circle_feature .circle_percentage_feature, .multi_circle_feature .circle_stroke_feature, .multi_circle_feature .circle_color_feature, .multi_circle_feature .circle_size_feature{ float:none; display:inline-block; width:auto } /* START font style option icons */ .tb_multi_fonts .tb_input{ margin-right:0 } .tb_multi_fonts .tb_multi_fields > .tb_field{ width:auto!important; float:left!important; margin-right:0!important } .tb_panel_docked .tb_multi_fonts .tb_label + .tb_multi_fields{ display:block } /* END font style option icons */ /*Builder BG Video Slider field fullwidth */ .tb_group_element_slidervideos-videos .tb_input{ width:100% } /* small description text */ .builder-lightbox small, .builder-lightbox .small{ font-size:12px; color:#888 } .tb_slider_options small{ margin-left:5px } .builder-lightbox small a{ color:#666; text-decoration:underline } /* layout icon */ .builder-lightbox .tb_frame.themify-layout-icon a, .builder-lightbox .themify-layout-icon a{ border:solid 2px #f1f1f1; border-radius:4px; position:relative; margin-right:4px; } .builder-lightbox .themify-layout-icon a:hover{ border-color:#c7c7c7 } .builder-lightbox .themify-layout-icon a.selected{ border-color:#f26522 } #tb_lightbox_parent .themify_tooltip, .themify_builder.builder-lightbox .themify_tooltip{ position:absolute; bottom:100%; left:50%; top:auto; text-align:center; width:auto; white-space:nowrap; z-index:202; background:#000; color:#fff; font-size:11px; line-height:1.1em; padding:4px 9px; border-radius:10px; transform:translate(-50%,-8px); display:none; } .tb_field .themify_tooltip:before{ content:""; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #000; border-bottom:none; position:absolute; top:100%; left:0; right:0; margin:0 auto } .themify-layout-icon img,#tb_lightbox_parent label:hover .themify_tooltip, #tb_lightbox_parent a:hover .themify_tooltip, .themify_builder.builder-lightbox a:hover .themify_tooltip, #tb_lightbox_parent .tb_cm_dropdown_icon:hover:not(:focus) .themify_tooltip{ display:block } .tb_field .tfl-icon{ display:inline-block } .themify-layout-icon.tb_colors a{ border-radius:8px } /* Toolbar first child gap */ #tb_lightbox_parent .tb_field:first-child .themify-layout-icon .themify_tooltip, .themify_builder.builder-lightbox .tb_options_tab_content > .tb_field:first-child .themify_tooltip{ top:100%; bottom:auto; transform:translate(-50%,2px) } .tb_options_tab_content > .tb_field:first-child .themify_tooltip:before{ top:auto; bottom:100%; border-top:none; border-bottom:5px solid #000 } /*layouts*/ .tb_accordion_default{ background-position:0 0 } .tb_accordion_separate{ background-position:-32px 0 } .tb_callout_button_bottom{ background-position:-64px 0 } .tb_callout_button_bottom_center{ background-position:-96px 0 } .tb_callout_button_left{ background-position:-128px 0 } .tb_callout_button_right{ background-position:0 -28px } .tb_solid{ background-position:-32px -168px } .tb_dashed{ background-position:-32px -28px } .tb_dotted{ background-position:-63px -28px } .tb_double{ background-position:-96px -28px } .tb_fullwidth{ background-position:-128px -28px } .tb_grid2{ background-position:0 -56px } .tb_grid2_thumb{ background-position:-32px -56px } .tb_grid3{ background-position:-64px -56px } .tb_grid4{ background-position:-96px -56px } .tb_grid5{ background-position:-160px -253px } .tb_grid6{ background-position:-192px -253px } .tb_icon_left{ background-position:-128px -55px } .tb_icon_right{ background-position:0 -83px } .tb_icon_top{ background-position:-32px -83px } .tb_image_center{ background-position:-64px -84px } .tb_image_left{ background-position:-96px -84px } .tb_image_overlay{ background-position:-128px -84px } .tb_image_right{ background-position:0 -112px } .tb_image_top{ background-position:-32px -112px } .tb_image_card_layout{ background-position:-32px -195px } .tb_image_centered_overlay{ background-position:-65px -196px } .tb_list_post{ background-position:-64px -112px } .tb_list_thumb_image{ background-position:-96px -112px } .tb_menu_bar{ background-position:-128px -112px } .tb_menu_fullbar{ background-position:0 -140px } .tb_menu_vertical{ background-position:-32px -140px } .tb_slider_agency{ background-position:-64px -139px } .tb_slider_caption_overlay{ background-position:-96px -139px } .tb_slider_default{ background-position:-128px -139px } .tb_slider_image_top{ background-position:-128px -84px } .tb_tab_frame{ background-position:-64px -168px } .tb_tab_top{ background-position:-96px -168px } .tb_tab_vertical{ background-position:-128px -168px } .tb_tab_window{ background-position:-160px 1px } .tb_testimonials_image_bottom{ background-position:-160px -28px } .tb_testimonials_image_top{ background-position:-160px -56px } .tb_testimonials_image_bubble{ background-position:-192px -28px } .tb_video_left{ background-position:-160px -84px } .tb_video_overlay{ background-position:-160px -112px } .tb_video_right{ background-position:-160px -140px } .tb_video_top{ background-position:-160px -168px } .tb_image_horizontal{ background-position:0 -196px } .tb_normall_button{ background-position:-191px 0 } .tb_small_button{ background-position:-192px -140px } .tb_large_button{ background-position:-192px -84px } .tb_xlarge_button{ background-position:-192px -113px } .tb_squared_button{ background-position:-197px -163px } .tb_circle_button{ background-position:-197px -192px } .tb_rounded_button{ background-position:-5px -219px } .tb_solid_button{ background-position:-32px -224px } .tb_outline_button{ background-position:-65px -224px } .tb_transparent_button{ background-position:-96px -224px } .tb_horizontal_button{ background-position:-160px -224px } .tb_vertical_button{ background-position:-129px -224px } .tb_optin_inline_block{ background-position:-192px -222px } .tb_optin_horizontal{ background-position:0 -252px } .tb_optin_block{ background-position:-32px -254px } .tb_ss_badge{ background-position:-64px -253px } .tb_ss_icon{ background-position:-65px -224px } .tb_thumb_img_bottom{ background-position:-96px -253px } .tb_thumb_img_left{ background-position:-130px -253px } .tb_none{ background:#fff; background-image:none!important } .themify-layout-icon img{ width:32px; height:28px } .tb_frame.themify-layout-icon img{ width:auto; height:auto } .frame_tabs .themify-layout-icon a:first-child, .frame_tabs .themify-layout-icon a[id=""]{ display:flex } /*colors*/ .tb_colors .tb_sprite{ background-image:url('img/colors.png')!important; background-repeat:no-repeat; display:block; width:20px; height:20px; border-radius:6px; } .tb_black{ background-position:-1px -1px } .tb_blue{ background-position:-23px -1px } .tb_brown{ background-position:-45px -1px } .tb_default{ background-position:-67px -1px } .tb_green{ background-position:-1px -23px } .tb_grey{ background-position:-23px -23px } .tb_lavender{ background-position:-45px -23px } .tb_light-blue{ background-position:-67px -23px } .tb_light-green{ background-position:-1px -45px } .tb_light-purple{ background-position:-23px -45px } .tb_orange{ background-position:-45px -45px } .tb_pink{ background-position:-67px -45px } .tb_purple{ background-position:-1px -67px } .tb_red{ background-position:-23px -67px } .tb_rose{ background-position:-45px -67px } .tb_transparent{ background-position:-67px -67px } .tb_violet{ background-position:-89px -1px } .tb_white{ background-position:-89px -23px } .tb_yellow{ background-position:-89px -45px } .tb_outline{ background-position:-89px -67px } /* thumb preview */ .tb_upload_btn.thumb_preview:not(:empty){ padding:0; margin:0; background:none } .tb_upload_btn.thumb_preview{ padding:10px; width:auto; height:auto; top:50%; margin:0 0 0 3px; border-radius:100%; font-size:10px; color:#444; transform:translateY(-50%) } .tb_uploader_input:invalid+.tb_clear_input, .thumb_preview:not(:empty):after, .thumb_preview:not(:empty):before{ display:none } .tb_lightbox_small .tb_multi_fields > .tb_field{ max-width:none; float:none } .builder-lightbox .thumb_preview img{ object-fit:cover; vertical-align:top; height:29px; width:28px; border-right:solid 1px #ddd; border-radius:7px 0 0 7px; } .builder-lightbox .pad-right{ margin-right:7px } /* color picker*/ .tb_field input.minicolors-input{ width:75px!important; margin-left:25px; border-radius:0; margin-top:0; margin-bottom:0 } .tb_field .minicolors-theme-default .minicolors-swatch{ top:0; height:29px; border-radius:8px 0 0 8px } .minicolors.tb_minicolors_right .minicolors-panel{ left:auto; right:0 } /* Lightbox top bar with tabs */ #tb_lightbox_container{ overflow:hidden; overflow-y:auto; height:calc(100% - 40px); box-sizing:border-box; padding:20px 7px 20px 15px } .tb_lightbox_top_bar{ background-color:#E5E5E5; min-height:35px; cursor:move } .builder-lightbox form{ margin:0; padding:0; border:none; background:none; height:inherit } .builder-lightbox img{ vertical-align:bottom } .builder-lightbox hr{ height:1px; border:none; background:none; border-top:solid 1px rgba(0,0,0,.1); margin:15px 0; clear:both } .builder-lightbox p{ margin:0 0 15px; padding:0; font-size:inherit; line-height:inherit } .builder-lightbox a{ outline:none; text-decoration:none; box-shadow:none; padding:0; margin:0; color:#605ca8; font-family:inherit; font-size:inherit } /* sub headings */ .themify_builder_admin h1, .themify_builder_admin h2, .themify_builder_admin h3, .themify_builder_admin h4, .builder-lightbox h4{ font-size:inherit; font-family:inherit; margin:0; padding:0; color:#000; text-align:left; font-style:normal; border:none; box-shadow:none; background:none } .builder-lightbox h3, .themify_builder_admin h3{ font-weight:400; font-size:1.5em; line-height:1.5em; margin:20px 0 10px } .builder-lightbox h4, .themify_builder_admin h4{ color:#000; font-weight:700; font-size:14px; line-height:125%; margin:25px 0 10px } .builder-lightbox hr + h4, .tb_style_toggle{ color:#000; font-size:13px; border-top:solid 1px rgba(0,0,0,.1); cursor:pointer; text-transform:uppercase; letter-spacing:.05em; font-weight:700 } .tb_style_toggle{ padding:10px 0 } .tb_style_toggle:hover{ background:linear-gradient(to bottom,rgba(0,0,0,.04) 0%,rgba(255,255,255,.1) 100%) } .tb_expand_wrap:first-child .tb_style_toggle{ border:none } .tb_options_tab_content>hr:first-child, .tb_tab>hr:first-child{ display:none } .tb_expand_wrap{ border:none; margin:0; padding:0 } .tb_style_toggle .tf_fa{ float:right; transition:transform .5s ease-in-out } .tb_style_toggle.tb_closed .tf_fa{ transform:rotateZ(180deg) } .tb_field + .tb_style_toggle{ margin-top:20px } .tb_closed+.tb_expanded_opttions{ max-height:0; overflow-y:hidden; opacity:0 } .tb_expanded_opttions{ cursor:auto; transition:opacity .5s ease-in-out,max-height .5s ease-in-out; max-height:100000px;/*animate style rows*/ } .tb_group_element_image{ position:relative; margin-top:8px } .builder-lightbox hr + h4, .tb_options_tab_wrapper h4:first-child{ margin-top:0; border:none; cursor:auto } /* upload button */ .tb_uploader_wrapper{ position:relative } .tb_multi_fields .tb_uploader_wrapper{ float:left; /* for plus circle alignment */ } .tb_upload_btn{ display:inline-block } .builder-lightbox input.tb_uploader_input{ width:100%; padding-left:32px; padding-right:22px } .builder-lightbox .plupload-button{ background:#eee; padding:2px 10px; font:normal 100%/100% Arial,Helvetica,sans-serif; color:#666; border:solid 1px #ddd } .builder-lightbox .tb_gallery_btn, .tb_upload_btn .builder_button{ background:none!important; margin:0; padding:0; outline:none; font-family:inherit; font-size:1.1em; color:#491aaf!important; border:none; cursor:pointer; text-transform:none; border-radius:0; box-shadow:none; text-decoration:none } .builder-lightbox .tb_gallery_btn{ font-size:13px; display:block; text-align:left } .tb_upload_btn .builder_button:hover{ background:none; color:#000 } /************************************************************************************ DROPDOWN MENU *************************************************************************************/ .tb_down{ background:#fff; width:100px!important; margin:0!important; padding:6px 0!important; position:absolute; z-index:550; top:26px; left:-1px; font-weight:400; border:1px solid #d6d6d6; display:none; border-radius:8px; box-shadow:0 0 1px 0 rgba(0,0,0,.6),0 3px 10px rgba(0,0,0,.2); max-height:170px; overflow-y:auto; box-sizing:border-box; } .builder-lightbox .tb_down{ font-size:.95em; font-weight:600; top:100%; left:-10px; border:none } .tb_down li{ display:block; color:#666; line-height:100%; padding:6px 12px; font-weight:400; margin:0; list-style:none } .tb_down li:hover{ color:#000; background:#eee; cursor:pointer } .tb_down li:last-child{ border:none } .builder-lightbox .row_menu{ display:inline-block; position:relative } .themify_builder .row_menu .menu_icon{ cursor:pointer; line-height:1em; display:inline-block; outline:none; position:relative; min-height:10px } .themify_builder .row_menu .menu_icon:before, .themify_builder .row_menu .menu_icon:after{ content:""; width:15px; height:12px; position:absolute; border-top:2px solid; top:-2px; box-sizing:border-box } .themify_builder .row_menu .menu_icon:before{ border-bottom:2px solid } .themify_builder .row_menu .menu_icon:after{ top:50%; margin-top:-2px } .tb_down:hover, .themify_builder .menu_icon:focus+.tb_down{ display:block } /* STYLING sub-tabs */ .tb_tab{ display:none } .tb_tabs{ position:relative; zoom:1; } .tb_tabs .tb_tab:nth-of-type(1){ display:block } .tb_options_tab_content .tb_tab{ padding:10px 0 0 } .tb_tabs .tb_tab_wrapper{ margin:0; white-space:nowrap } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper{ border:none; border-bottom:1px solid rgba(0,0,0,.15); padding:.2em .2em 0; background-color:#fff; position:sticky; top:-20px; z-index:90 } .tb_drag_top .tb_compact_tabs{ margin-left:15px } .tb_drag_top .tb_ui_dropdown_label{ color:#fff } .tb_drag_top ul.tb_ui_dropdown_items{ padding:6px 0; width:100px; min-width:0; left:0; margin-left:7px; top:37px; } .tb_drag_top ul.tb_ui_dropdown_items li{ border:none; border-radius:0 } .tb_move_drag, .tb_is_minimize .tb_drag_top .tb_ui_dropdown_label{ cursor:move } .tb_is_minimize .tb_drag_top .tb_ui_dropdown_items{ display:none } .tb_tab_wrapper .tb_radio_tab_input{ position:absolute; top:-99999em; left:-99999em } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li{ font-size:13px; list-style:none; margin:1px .2em 0 0; padding:0; white-space:nowrap; color:#555; border-radius:8px 8px 0 0; border:1px solid transparent; display:inline-block; position:relative } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li.current{ border-color:rgba(0,0,0,.15); border-bottom-color:transparent; margin-bottom:-1px; padding-bottom:1px; background:#fff } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li a{ color:#666; padding:4px 10px; display:block } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li a:hover{ color:#000 } #tb_tabs_pre-designed .tb_ui_dropdown_items li, ul.tb_ui_dropdown_items li a{ color:#666; display:block; width:100%; box-sizing:border-box; text-transform:capitalize } ul.tb_ui_dropdown_items li a:hover{ color:#000 } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li:before, .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li:after{ content:""; width:4px; height:4px; position:absolute; bottom:-1px; border:1px solid transparent } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li:before{ left:-5px; border-bottom-right-radius:4px; border-width:0 1px 1px 0 } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li:after{ right:-5px; border-bottom-left-radius:4px; border-width:0 0 1px 1px } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li.current:before{ border-color:#d9d9d9; box-shadow:2px 2px 0 #fff } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li.current:after{ border-color:#d9d9d9; box-shadow:-2px 2px 0 #fff } .tb_tabs .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li:before, .tb_tabs .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li:after{ display:none } .tb_styling_tab_nav{ position:sticky; top:-20px; z-index:51; background-color:#fff; padding-top:10px; } /* Sub Tab Styling */ .tb_field .tb_tabs .tb_tab_wrapper{ padding:0; border:none; position:static; margin:0 0 5px } .tb_field .tb_tabs .tb_tab_wrapper li{ font-size:13px; letter-spacing:.1em; border:none; margin:1px 0 0; float:left } .tb_field .tb_tabs .tb_tab_wrapper li:before, .tb_field .tb_tabs .tb_tab_wrapper li:after{ display:none } .tb_field .tb_tabs .tb_tab_wrapper li a, .tb_field .tb_tabs .tb_tab_wrapper li label{ color:#999; border-radius:0; text-transform:uppercase; letter-spacing:.07em; line-height:normal; padding:6px 12px 10px; transition:box-shadow .3s; box-shadow:inset 0 -1px 0 0 #dedede } .tb_field .tb_tabs .tb_tab_wrapper li a:hover{ box-shadow:inset 0 -2px 0 0 #ccc } .tb_field .tb_tabs .tb_tab_wrapper li.current label, .tb_field .tb_tabs .tb_tab_wrapper li.current a{ box-shadow:inset 0 -2px 0 0 #00a2fb; color:#000; cursor:auto } #tb_options_styling .tb_field .tb_tabs > ul{ margin:0 0 5px } #tb_options_styling .tb_field .tb_tabs > ul li{ font-size:11px } /* For Color Opacity Textbox */ .tb_field input.color_opacity{ width:33px; margin-left:-6px; margin-right:0; opacity:.6; border-top-left-radius:0; border-bottom-left-radius:0 } .tb_field .minicolors{ z-index:3 } .tb_field .minicolors-focus{ z-index:221 } .minicolors_wrapper{ display:inline-block; width:137px } ul.tb_seperate_items{ margin:0; padding:0; list-style:none; vertical-align:middle } ul.tb_seperate_items.tb_tr_rotate{ width:65% } .tb_seperate_items.tb_tr_rotate li{ width:33.3% } .tb_seperate_items li{ clear:both; margin:0 0 8px; padding:0; transition:.3s width ease-in-out,.3s opacity ease-in-out } /************************************************************************************ Gradient Picker *************************************************************************************/ .themify-gradient-field{ position:relative; margin:0 0 13px } .tb_gradient_container:focus-within .gradient-pointer-info, .tb_gradient_container:focus-within .gradient-pointer-info .minicolors-panel{ display:block } .tb_gradient_container, .tb_gradient_drag .tb_gradient_container .gradient-pointer-info{ display:none; outline:none } .themifyGradient .point-color, .themify-gradient-field .themify-checkbox{ display:inline-block } .themifyGradient canvas{ cursor:pointer } .themifyGradient .gradient-pointer-info{ display:none; margin-right:20px; margin-top:3px; position:absolute; z-index:80; transition:margin-left .3s ease-in-out; height:182px; left:0; box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 10px 2px rgba(0,0,0,.3) } .themifyGradient .content{ background-color:#fff; color:#afafaf; padding:5px 4px; font-size:12px; position:relative; max-width:186px; width:186px } .themifyGradient .points{ position:absolute; z-index:50; max-height:20px; margin-top:4px; left:0; top:0; width:180px } .points .point{ position:absolute!important; width:12px; margin-left:-7px; height:12px; top:0; border:2px solid #6b6b6b; border-radius:100%; cursor:pointer; margin-top:-4px } .themifyGradient .gradient-point-delete{ width:12px; height:12px; position:absolute; top:9px; right:6px; color:#000!important; font-size:10px; } .themifyGradient .point-color .minicolors-swatch{ position:relative; top:0; width:20px; height:20px; cursor:pointer; float:left; margin-right:-1px; border-radius:5px 0 0 5px; } .themifyGradient .content .themify-color-picker, .themifyGradient .content .point-position{ display:inline-block; width:40px; margin:0 3px 0 0; height:20px; padding:4px 6px; font-size:inherit; border-radius:5px; } .themifyGradient .content .themify-color-picker{ border-radius:0 5px 5px 0; } .themifyGradient .content .point-position{ margin-left:10px; } .themifyGradient .content .gradient_delimiter{ position:absolute; left:104px; top:0; width:1px; background:#ccc; margin:0; height:100%; } .themifyGradient .content .gradient_percent{ margin-left:2px; vertical-align:middle } .themifyGradient .gradient-pointer-info .content .minicolors-panel{ box-shadow:none; margin-left:-5px; margin-top:5px } .tb_angle_container{ margin-left:1px; display:inline; outline:none; } .tb_angle_circle_wrapper{ display:none; position:absolute; top:100%; left:-20px; padding:5px; border-radius:100%; background:#fff; z-index:99999; margin-top:12px; box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 10px 2px rgba(0,0,0,.3); } .tb_angle_circle{ height:80px; width:80px; background-color:#f1f1f1; cursor:pointer; border-radius:50%; } .tb_angle_circle:before{ content:""; position:absolute; width:60%; height:60%; background-color:#fff; border-radius:50%; top:50%; left:50%; cursor:auto; transform:translate(-50%,-50%); } .tb_angle_dot{ position:absolute; width:5%; height:50%; left:47.5%; top:0; transform-origin:center bottom; } .tb_angle_dot:before{ content:""; position:absolute; background-color:#87ceeb; width:300%; transform:translate(-25%, 30%); height:0; padding-bottom:300%; border-radius:50%; } .tb_angle_container:focus-within .tb_angle_circle_wrapper{ display:block } .tb_angle_container input.xlarge{ width:10% } .tb_fixed_scroll{ position:fixed; bottom:0; left:0; width:100%; height:50px; z-index:100; display:none } .tb_drag_start #tb_toolbar, body.tb_drag_start div.tb_fixed_scroll{ pointer-events:auto!important; display:block } body.themify_builder_active:not(.tb_responsive_mode){ overflow:hidden } .tb_panel_docked .tb_tr_rotate li:last-child .tb_angle_circle_wrapper{ left:auto; right:0 } /* predesigned layouts ---------------------------------------------------------------*/ #tb_tabs_pre-designed{ clear:both; margin-bottom:10px } #tb_load_template_form{ margin-bottom:15px; padding:0 10px } #tb_load_template_form .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper{ margin:0 -10px } .tb_layout_lists .layout_preview .thumbnail{ cursor:pointer; position:relative } #tb_lightbox_container .tb_layout_lists > li:hover .layout_preview .layout-preview-link{ transform:scale(1) } #tb_lightbox_container .tb_layout_lists .layout_preview .layout-preview-link{ float:none; padding:3px 6px 6px 7px; position:absolute; top:-5px; right:-5px; background:#481aab; color:#fff; border-radius:100%; width:26px; height:26px; box-sizing:border-box; transform:scale(0); box-shadow:0 1px 3px rgba(0,0,0,.2); transition:.25s cubic-bezier(.1,.1,.8,1) } #tb_lightbox_container .tb_layout_lists .layout_preview .layout-preview-link:hover{ background:#fb5100; color:#fff } #tb_tabs_pre-designed .tb_ui_dropdown{ float:left; position:relative; margin-top:3px } .tb_layout_lists, .tb_layout_lists .layout_action_dropdown{ margin:0; padding:0; list-style:none } .tb_layout_lists{ display:grid; grid-template-columns:repeat(3,1fr); column-gap:5%; clear:both; padding-top:6px } .tb_lightbox_small .tb_layout_lists{ grid-template-columns:repeat(2,1fr); } .tb_layout_lists > li{ margin-bottom:2em; position:relative; } .tb_layout_lists .thumbnail{ margin:0 0 5px; padding:0; border:none; border-radius:0 } .tb_layout_lists .thumbnail img{ width:100%; height:auto; padding:0; box-sizing:border-box; cursor:pointer; border-radius:10px; box-shadow:0 1px 4px 1px rgba(0,0,0,.1) } .tb_layout_lists li[data-category="header"] img, .tb_layout_lists li[data-category="footer"] img { border-radius:3px; } .tb_layout_lists > li:hover .thumbnail img{ box-shadow:0 5px 10px 2px rgba(0,0,0,.3); transform:translateY(-1px) } .tb_layout_lists .menu_icon{ font-size:1.18em; display:inline-block; vertical-align:middle; margin:-5px 10px 0 0 } .tb_layout_lists .layout_title, .tb_layout_lists .layout_dropdown_wrapper{ display:inline-block } .tb_layout_lists .layout_title{ font-size:12px; line-height:1.4 } .tb_layout_lists .layout_dropdown_wrapper{ position:relative; padding-bottom:10px; cursor:pointer } .tb_layout_lists .layout_action_dropdown{ background:#fff; display:none; position:absolute; top:100%; left:0; margin:0; padding:0; border:1px solid #ddd } .tb_layout_lists .layout_action_dropdown li{ margin:0; padding:0 } .tb_layout_lists .layout_action_dropdown li a{ display:block; width:100px; padding:10px 15px; color:#7f7f7f } .tb_layout_lists .layout_action_dropdown li a:hover{ color:#000 } .tb_layout_lists .layout_action_dropdown li:nth-child(2) a{ border-top:1px solid #ddd; border-bottom:1px solid #ddd } /* predesigned layout search */ .tb-layout-search-container{ float:right } .tb-layout-search-container .tb_clear_input{ right:16px; top:25px } #tb_layout_search{ width:80px; transition:width .3s; margin:0 } #tb_layout_search:focus{ width:100px } .tb-layout-search-container .tf-ti-search{ display:none } /* predesigned layout sticky */ .tb_layout_sticky:after, .tb_layout_lists:after{ content:""; clear:both; display:block } .tb_layout_sticky{ background:#fff; position:sticky; top:-20px; z-index:9; padding:10px; margin:0 -10px } .tb_tab_wrapper + #tb_tabs_pre-designed .tb_layout_sticky{ top:13px } /* WP media lightbox */ .themify_builder_active .media-frame input:not([type='checkbox']):not([type='radio']) .themify_builder_active .media-frame textarea{ background:#fff; border:solid 1px #dfdfdf; color:#999; max-width:100% } .themify_builder_active .media-frame input:not([type='checkbox']):not([type='radio']):focus, .themify_builder_active .media-frame textarea:focus{ background:#fff; border:solid 1px #dfdfdf; color:#333 } .themify_builder_active .media-modal .screen-reader-text{ visibility:hidden } .media-modal h1, .media-modal h2, .media-modal h3{ color:#222; font-style:normal; font-variant:inherit; text-transform:none; font-family:inherit; font-weight:400; text-align:inherit; letter-spacing:0 } .media-modal h1{ font-size:22px } .media-modal h2{ font-size:18px } .media-modal h3{ font-size:16px } /* wp mce editor */ .builder-lightbox .wp-editor-wrap button:not(.wp-switch-editor), .builder-lightbox .wp-editor-wrap button:not(.wp-switch-editor):hover{ color:inherit; background:inherit; border-radius:5px; box-shadow:none; min-width:inherit } .mce-menu .mce-menu-item:hover .mce-text{ color:#fff } .builder-lightbox .wp-editor-tabs button{ border-radius:5px 5px 0 0 } .builder-lightbox .wp-editor-container textarea{ border-radius:0; margin:0 } #wp-link p.howto{ padding:0 } #link-selector{ font-family:"Open Sans",sans-serif; font-size:13px; line-height:1.5 } #link-selector input{ margin:1px; padding:3px 5px } .wp-editor-container{ background:#fff!important } div.mce-toolbar-grp{ border:none!important } .themify_builder div.mce-panel iframe{ height:160px; min-height:160px } .wp-editor-container textarea.wp-editor-area, div.mce-edit-area{ max-height:400px; /* set classic editor max height */ overflow:auto } .mce-fullscreen div.mce-edit-area{ max-height:none; /* set classic editor max height */ } .tb_panel_docked div.mce-panel iframe{ max-height:240px } .tb_panel_docked div.wp-link-input input { width:100px!important; /* fix editor insert link on docked mode */ } /* Themify Shortcodes Button */ i.mce-ico.mce-i-themify{ background:url('img/favicon.png') no-repeat 4px 2px } .mce-container-body.mce-abs-layout{ font-family:Arial,sans-serif } .mce-container .mce-label{ color:initial } .screen-reader-text{ display:none } .ui-autocomplete{ position:absolute; top:0; cursor:default } .tb_resizable{ position:absolute; contain:strict; z-index:90 } .tb_resizable_e{ cursor:e-resize; width:6px; right:0; top:0; height:100% } .tb_resizable_st, .tb_resizable_s{ cursor:s-resize; height:6px; width:100%; bottom:-3px; left:0 } .tb_resizable_st{ top:-4px } .tb_resizable_w{ cursor:w-resize; width:6px; left:-3px; top:0; height:100% } .tb_resizable_se, .tb_resizable_ne, .tb_resizable_nw, .tb_resizable_we{ overflow:hidden; width:14px; height:14px; bottom:-3px } .tb_resizable_ne, .tb_resizable_nw{ bottom:auto; cursor:nesw-resize; right:-3px; top:-3px } .tb_resizable_nw{ left:-3px; right:auto; cursor:nwse-resize } .tb_resizable_we{ cursor:nesw-resize; left:-3px } .tb_resizable_se{ right:0; cursor:nwse-resize } #tb_module_panel .tb_resizable_ne{ width:6px; height:6px } .tb_resizable_overlay{ position:fixed; z-index:9000; top:0; left:0; width:100%; height:100%; cursor:inherit; pointer-events:auto!important; display:none } .tb_lightbox_switcher{ margin:0; padding:0 15px 10px 0 } .tb_lightbox_switcher li{ margin:0 8px 0 0; float:left; list-style:none } .tb_lightbox_switcher a{ box-sizing:border-box; display:inline-block; overflow:hidden; max-width:33px; white-space:nowrap; position:relative; padding:6px 7px; color:#666; font-size:12px; line-height:1; border-radius:8px; text-align:center; } .tb_lightbox_switcher a:hover{ color:#666 } .tb_lightbox_switcher .tf_fa{ stroke-width:.2px; font-size:1.5em } .tb_preview_parent.builder-breakpoint-tablet_landscape li>a:focus + .tb_popular_devices, .tb_preview_parent.builder-breakpoint-tablet li>a:focus + .tb_popular_devices, .tb_preview_parent.builder-breakpoint-mobile li>a:focus + .tb_popular_devices{ display:block } li.tb_toolbar_desktop_switcher ul.tb_popular_devices{ width:140px; padding:5px 0 } .tb_popular_devices li{ padding:6px 12px!important; margin:0!important; cursor:pointer; color:#dcdcdc; line-height:1.3 } .tb_popular_devices li:hover{ color:#fff; background:#000; box-shadow:none } /* OPTION LIGHTBOX DOCK MODE */ .tb_panel_docked:not(.tb_standalone_lightbox) #tb_lightbox_container{ height:calc(100% - 144px) } .tb_panel_docked:not(.tb_standalone_lightbox) .tb_action_breadcrumb:empty ~ #tb_lightbox_container{ height:calc(100% - 116px); } .tb_panel_docked:not(.tb_standalone_lightbox) .builder-lightbox{ height:100vh!important; bottom:auto!important; margin:0; border-right:none; border-top:none; border-bottom:none; box-shadow:none } .tb_panel_docked #tb_module_panel, .tb_panel_docked:not(.tb_standalone_lightbox) .builder-lightbox{ width:300px!important; left:inherit!important; top:37px!important } .tb_panel_docked #tb_lightbox_parent .tb_action_breadcrumb{ background:#b5b5b5; float:none; transform:none; position:static; padding:4px; cursor:move } .tb_panel_docked .tb_action_breadcrumb:not(:empty)+.tb_lightbox_top_bar{ pointer-events:none } .tb_panel_docked #tb_lightbox_parent .tb_action_breadcrumb:empty{ display:none } .tb_panel_docked #tb_lightbox_parent .tb_action_breadcrumb:empty + .tb_lightbox_top_bar .tb_top_save_btn{ top:3px } .tb_panel_docked .tb_top_save_btn{ top:29px } .tb_panel_docked #tb_module_panel{ height:100%; padding-bottom:130px; max-height:100% } .tb_panel_minimized #tb_module_panel{ transform:translateX(-100%); opacity:0; visibility:hidden } .tb_panel_docked.themify_builder_active .tb_workspace_container{ width:calc(100% - 300px); margin-left:0 } .tb_panel_right_dock.tb_panel_minimized .tb_workspace_container, .tb_panel_right_dock #tb_module_panel, .tb_panel_left_dock .tb_workspace_container, .tb_panel_right_dock:not(.tb_standalone_lightbox) .builder-lightbox{ right:0!important; left:auto!important } .tb_panel_left_dock.tb_panel_minimized .tb_workspace_container, .tb_panel_right_dock .tb_workspace_container, .tb_panel_left_dock:not(.tb_standalone_lightbox) .builder-lightbox{ left:0!important; right:auto!important } .tb_panel_docked .tb_module_panel_modules_wrap .tb_module{ width:33.3% } .tb_panel_docked:not(.tb_standalone_lightbox) .tb_lightbox_actions{ position:absolute; bottom:37px; right:0; background:#fff; width:100%; z-index:100; padding:5px; box-sizing:border-box; text-align:right; border-top:solid 1px rgba(0,0,0,.1); box-shadow:0 -1px 5px rgba(0,0,0,.1); pointer-events:none } .tb_panel_docked .tb_label, .tb_panel_docked .tb_input{ box-sizing:border-box } .tb_panel_docked .tb_label{ width:39%; padding:8px 3% 0 0; margin:0 } .tb_panel_docked .tb_transform_fields .tb_label{ width:35% } .tb_panel_docked .tb_input{ width:61%; float:left } .tb_panel_docked .tb_label:empty + .tb_input{ margin-left:40% } .tb_panel_docked.themify_builder_active.tb_load_layout_active .tb_workspace_container, .tb_panel_docked .tb_input input[type="url"], .tb_panel_docked .tb_input input[type="text"].tb_lb_option:not(.small):not(.xsmall):not(.tb_uploader_input), .tb_panel_docked input.fullwidth, .tb_panel_docked input.large, .tb_panel_docked input.xlarge, .tb_panel_docked textarea.large, .tb_panel_docked textarea.xlarge{ width:100% } .tb_panel_docked .tb_field.content_box, .tb_panel_docked .wp-editor-wrap{ margin:0 0 5px } .tb_panel_docked .tb_field.pushed, .tb_panel_docked .tb_input.pushed{ margin-left:0 } .tb_panel_docked #tb_lightbox_parent .tb_lb_option input:first-child + label .themify_tooltip{ left:0; transform:none; margin-bottom:6px } .tb_panel_docked #tb_lightbox_parent .tb_lb_option input:first-child + label .themify_tooltip:before{ margin-left:5px } .tb_panel_docked #tb_lightbox_parent .tb_lb_option label:last-child .themify_tooltip{ left:0; margin-left:8px; } .tb_panel_docked #tb_lightbox_parent .themify-gradient-field .tb_cm_dropdown_icon .themify_tooltip{ transform:translate(-70px,-8px); } .tb_panel_docked .themify-gradient-field .tb_cm_dropdown_icon .themify_tooltip:before{ left:72%; } .tb_panel_docked #tb_lightbox_parent .tb_lb_option label:last-child .themify_tooltip:before{ margin-right:8px; } .tb_panel_docked #tb_lightbox_parent .tb_position_item[data-pos="100,0"] .themify_tooltip, .tb_panel_docked #tb_lightbox_parent .tb_position_item[data-pos="100,50"] .themify_tooltip, .tb_panel_docked #tb_lightbox_parent .tb_position_item[data-pos="100,100"] .themify_tooltip{ left: auto; right: 0; transform: translate(7px,-8px); } .tb_panel_docked #tb_lightbox_parent .tb_position_item[data-pos="100,0"] .themify_tooltip:before, .tb_panel_docked #tb_lightbox_parent .tb_position_item[data-pos="100,50"] .themify_tooltip:before, .tb_panel_docked #tb_lightbox_parent .tb_position_item[data-pos="100,100"] .themify_tooltip:before{ margin-right:8px; left:auto; right:0; } .tb_panel_docked .tb_multi_fields > .tb_field{ max-width:none; width:100%; margin-right:0; margin-bottom:3px } .tb_panel_docked .tb_multi_fields > .tb_field:last-child{ margin-bottom:0 } .tb_panel_docked .builder-lightbox .tb_options_tab li a{ font-size:14px } .tb_lightbox_small.builder-lightbox .tb_options_tab li:first-child a, .tb_panel_docked .builder-lightbox .tb_options_tab li:first-child a{ max-width:110px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap } .tb_lightbox_small .tb_options_tab .tb_tooltip{ text-indent:-9999px } .tb_standalone_lightbox #tb_lightbox_parent .tb_tooltip span, .tb_is_minimize.tb_panel_floating .tb_resizable, .tb_modules_panel_wrap .tb_resizable, .tb_panel_docked .ui-icon-arrow-1-se, .tb_drag_start .tb_panel_floating, .tb_panel_docked:not(.tb_standalone_lightbox) .tb_resizable, .tb_panel_docked .tb_label:empty, .tb_options_tab .tb_tooltip span{ display:none } .tb_lightbox_small .tb_options_tab .tb_tooltip span{ text-indent:0; display:block } .tb_panel_docked .tb_repeatable_field .tb_multi_fields .tb_label, .tb_panel_docked .tb_repeatable_field .tb_multi_fields .tb_input{ width:100%; float:none; padding:0 } .tb_drag_top{ position:relative; background:#868686; padding-top:18px; border-radius:8px 8px 0 0; } #tb_module_panel.tb_float_xsmall .tb_drag_top{ padding-top:12px; z-index:11 } .tb_drag_handle{ display:none; position:absolute; height:100%; width:100%; cursor:move; top:0; left:0 } .tb_float_close, .tb_float_minimize{ display:none; cursor:pointer; color:#fff; font-size:11px; position:absolute; top:5px; right:10px; height:14px; width:14px; z-index:1 } .tb_float_minimize{ right:30px } .tb_float_close { right:10px; } .tb_float_minimize:before, .tb_float_minimize:after{ content:""; display:block; position:absolute } .tb_float_minimize:before{ border-top:1px solid; width:12px; top:7px; right:0 } .tb_is_minimize .tb_float_minimize:after{ border-left:1px solid; height:12px; top:2px; right:5px } .tb_panel_floating .tb_float_close, .tb_panel_floating .tb_resizable, .tb_panel_floating .tb_float_minimize, .tb_panel_floating .tb_drag_handle, .tb_show_overlay .tb_resizable_overlay, .tb_move_drag .tb_resizable_overlay, .tb_panel_docked:not(.tb_standalone_lightbox) .tb_drag_handle{ display:block } .tb_is_minimize .tb_module_types{ opacity:.3; pointer-events:none } #tb_module_panel.tb_is_minimize .tb_drag_top{ border-radius:8px; box-shadow:0 0 1px 0 rgba(0,0,0,.6),0 3px 10px rgba(0,0,0,.2) } .tb_panel_docked #tb_module_panel, .tb_panel_docked .tb_drag_top{ border-radius:0 } .tb_panel_docked .tb_drag_top{ padding-top:12px; z-index:11 } #tb_module_panel.tb_is_minimize .tb_drag_top .tb_module_types li:before, #tb_module_panel.tb_is_minimize .tb_drag_top .tb_module_types li:after{ transform:scaleY(0) } /* docked mode - gradient picker */ .tb_panel_docked .themify-gradient-field{ margin:0 0 0 -100px; clear:both } .tb_lightbox_small .themifyGradient .gradient-pointer-info, .tb_panel_docked .themifyGradient .gradient-pointer-info{ margin-left:auto!important; margin-right:auto } .minicolors.tb_minicolors_right .minicolors-panel, .tb_panel_docked .minicolors.tb_minicolors_right .minicolors-panel{ left:0; right:0 } .tb_panel_docked .themifyGradient .content{ margin-left:0 } .tb_panel_docked .tb_close_lightbox, .tb_panel_docked .builder_button{ display:inline-block; vertical-align:middle; float:none } .tb_panel_docked:not(.tb_standalone_lightbox) .builder_cancel_docked_mode{ display:block; font-size:12px; position:absolute; top:8px } .tb_panel_left_dock .ti-new-window{ transform:rotateY(180deg); display:block } .builder_cancel_docked_mode{ position:absolute; top:12px; left:12px; cursor:pointer; transform:scaleX(-1); display:none; font-size:11px } .tb_dock_highlight:before{ content:''; position:fixed; top:0; bottom:0; right:0; width:50px; background:rgba(109,85,160,.4); z-index:10000 } .tb_dock_left_highlight:before{ left:0; right:auto } .tb_panel_docked .tb_close_lightbox, .tb_panel_docked .tb_lightbox_actions a, .tb_panel_docked .tb_lightbox_actions button{ pointer-events:auto; color:inherit } .tb_panel_docked .themifyGradient .gradient-pointer-info .minicolors-position-bottom .minicolors-panel, .themify_field_row .minicolors-position-left.minicolors-with-opacity .minicolors-panel, .themifyGradient .gradient-pointer-info .minicolors-with-opacity .minicolors-panel{ left:0 } .tb_panel_docked .minicolors-position-bottom.minicolors-with-opacity .minicolors-panel, .minicolors-position-left.minicolors-with-opacity .minicolors-panel{ left:-24px } .tb_panel_docked .top-frame_color .minicolors-position-bottom.minicolors-with-opacity .minicolors-panel, .tb_panel_docked .right-frame_color .minicolors-position-bottom.minicolors-with-opacity .minicolors-panel, .tb_panel_docked .bottom-frame_color .minicolors-position-bottom.minicolors-with-opacity .minicolors-panel, .tb_panel_docked .left-frame_color .minicolors-position-bottom.minicolors-with-opacity .minicolors-panel, .top-frame_color .minicolors-position-left.minicolors-with-opacity .minicolors-panel, .right-frame_color .minicolors-position-left.minicolors-with-opacity .minicolors-panel, .bottom-frame_color .minicolors-position-left.minicolors-with-opacity .minicolors-panel, .left-frame_color .minicolors-position-left.minicolors-with-opacity .minicolors-panel{ left:0 } .tb_panel_docked .top-frame_color .minicolors-position-bottom.minicolors-with-opacity .minicolors-panel, .tb_panel_docked .right-frame_color .minicolors-position-bottom.minicolors-with-opacity .minicolors-panel, .tb_panel_docked .bottom-frame_color .minicolors-position-bottom.minicolors-with-opacity .minicolors-panel, .tb_panel_docked .left-frame_color .minicolors-position-bottom.minicolors-with-opacity .minicolors-panel, .top-frame_color .minicolors-with-opacity .minicolors-panel, .right-frame_color .minicolors-with-opacity .minicolors-panel, .bottom-frame_color .minicolors-with-opacity .minicolors-panel, .left-frame_color .minicolors-with-opacity .minicolors-panel{ left:67px } /* START panel minimize icon */ .tb_docked_minimize{ position:fixed; background:#f1f1f1; top:50%; left:0; transform:translateY(-50%); padding:18px 7px; box-sizing:border-box; display:none; z-index:100010; cursor:pointer; margin-top:37px; border-top-right-radius:3px; border-bottom-right-radius:3px } .tb_docked_minimize:after, .tb_docked_minimize:before{ right:4px; border:solid transparent; content:" "; height:0; width:0; position:absolute; border-right-color:#7d7d7d; border-width:5px; margin-top:-5px } .tb_panel_minimized .tb_docked_minimize, .tb_docked_minimize:hover{ background:#f1f1f1; box-shadow:1px 0 12px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.3) } .tb_docked_minimize:hover{ background:#fff } .tb_panel_minimized .tb_docked_minimize, .tb_panel_docked .tb_docked_minimize{ display:block } .tb_panel_right_dock .tb_docked_minimize{ left:auto; right:0 } .tb_panel_right_dock .tb_docked_minimize{ border-radius:0; border-top-left-radius:8px; border-bottom-left-radius:8px } .tb_panel_minimized .tb_docked_minimize:before, .tb_panel_minimized .tb_docked_minimize:after, .tb_panel_right_dock .tb_docked_minimize:before, .tb_panel_right_dock .tb_docked_minimize:after{ border-left-color:#7d7d7d; border-right-color:transparent; left:4px } .tb_panel_minimized.tb_panel_right_dock .tb_docked_minimize:before, .tb_panel_minimized.tb_panel_right_dock .tb_docked_minimize:after{ border-left-color:transparent ; border-right-color:#7d7d7d; left:auto } .tb_docked_minimize:hover:before, .tb_docked_minimize:hover:after{ animation:animate_minimize_icon_ltr 1s infinite linear } .tb_panel_minimized .tb_docked_minimize:hover:before, .tb_panel_minimized .tb_docked_minimize:hover:after{ animation:animate_minimize_icon_rtl 1s infinite linear } /* tb_panel_minimized arrow left/right animation */ @keyframes animate_minimize_icon_ltr{ 0%{transform:translateX(0)} 50%{transform:translateX(-4px)} 100%{transform:translateX(0)} } @keyframes animate_minimize_icon_rtl{ 0%{transform:translateX(0)} 50%{transform:translateX(4px)} 100%{transform:translateX(0)} } /* END panel minimize icon */ /* Docked panel each label */ .tb_panel_docked .tb_icon_radio label{ margin-bottom:5px } /* Docked panel pre-designed */ .tb_panel_docked:not(.tb_standalone_lightbox) .tb_layout_lists{ display:-ms-flexbox; display:flex; flex-wrap:wrap } .tb_panel_docked:not(.tb_standalone_lightbox) .tb_layout_lists > li{ width:46%; margin-right:2%; margin-left:2%; box-sizing:border-box } /* Docked panel Save Button */ .tb_panel_docked .tb_tooltip.builder_save_button span{ top:auto; bottom:100%; margin-bottom:5px } .tb_panel_docked .tb_tooltip.builder_save_button span:before{ bottom:auto; top:100% } /* Docked Panel Fields */ .tb_panel_docked .tb_tile_options .tb_input.pushed, .tb_panel_docked .layout_masonry .tb_input.pushed, .tb_panel_docked .menu_breakpoint .tb_input.pushed, .tb_panel_docked .menu_slide_direction .tb_input.pushed, .tb_panel_docked .allow_menu_breakpoint .tb_input.pushed{ margin-left:0 } /* Docked Panel Accordion Fields */ .tb_panel_docked .multi_accordion_icon{ width:100% } .tb_panel_docked .multi_accordion_icon .tb_field{ max-width:none; width:100% } /* Docked Panel Countdown MultiFields */ .tb_panel_docked .tb_label + .tb_multi_fields{ display:flex; width:60%; flex-wrap:wrap } .tb_panel_docked .tb_label:empty + .tb_multi_fields{ width:100% } .tb_panel_docked .tb_label:empty + .tb_multi_fields .tb_label{ width:40%; float:left } .tb_panel_docked .tb_label:empty + .tb_multi_fields .tb_input{ width:60%; float:left; margin-right:0 } .tb_panel_docked .builder-lightbox input.small, .builder-lightbox textarea.small{ width:40% } .tb_panel_docked .tb_label + .tb_multi_fields .tb_label, .tb_panel_docked .tb_label + .tb_multi_fields .tb_input{ width:100% } .tb_panel_docked .image_fullwidth_container.tb_multi_fields > .tb_field.width_image{ margin-right:auto; width:auto } .tb_panel_docked .image_fullwidth_container.tb_multi_fields > .tb_field.width_image .tb_input{ width:100% } .tb_lightbox_small .counter_background_color, .tb_panel_docked .counter_background_color{ z-index:201; position:relative } /* Docked Panel Box Shadow Fields */ .tb_field .tb_shadow_inputs.tf_inline_b li .selectwrapper.noborder{ margin-left:30px } .tb_field .tb_shadow_inputs.tf_inline_b > li{ width:54px } .tb_field[data-type="box_shadow"] .tb_shadow_inputs.tf_inline_b > li{ width:55px } .tb_field .tb_shadow_inputs .tb_range_input input{ width:52px!important } .tb_field .tb_shadow_inputs.tf_inline_b li.tb_box_shadow_inset, .tb_field .tb_shadow_inputs.tf_inline_b li.tb_box_shadow_inset{ display:block; width:auto } .tb_panel_docked .tb_field .tb_shadow_inputs.tf_inline_b > .tb_shadow_color, .tb_lightbox_small .tb_field .tb_shadow_inputs.tf_inline_b > .tb_shadow_color{ width:100% } /* Zoom BG */ .tb_zoom_bg .tb_iframe{ transition:scale .3s ease-in-out,transform .3s ease-in-out } .tb_zoom_bg .tb_zooming_50{ transform:scale(.5); transform-origin:center top 0 } .tb_zoom_bg .tb_zooming_75{ transform:scale(.75); transform-origin:center top 0 } .tb_zoom_bg{ background:#e6e6e6 } .tb_preview_parent.tb_responsive_mode .tb_iframe{ border:21px solid #1d2d2d; border-radius:15px; height:85vh; margin:auto } .tb_preview_parent.tb_responsive_mode:not(.builder-breakpoint-tablet_landscape) .tb_iframe{ border-bottom-width:42px } .tb_preview_parent.tb_responsive_mode.builder-breakpoint-tablet_landscape .tb_iframe{ border-right-width:42px } ._tb_hide_binding, .tb_preview_parent .tb_toolbar_divider+.tb_toolbar_desktop_switcher ~ li, .tb_drag_start:not(.tb_panel_docked) #tb_lightbox_parent, .tb_drag_start .is-drop-target:before, .tb_drag_start .is-drop-target:after, .tb_panel_closed:not(.tb_panel_docked) #tb_module_panel, .tb_preview_parent #tb_module_panel, .tb_preview_parent .tb_docked_minimize, .tb_preview_parent:not(.gs_post) #tb_lightbox_parent{ display:none!important } .tb_panel_minimized .tb_workspace_container, .tb_preview_parent.tb_panel_docked:not(.gs_post) .tb_workspace_container, .tb_preview_parent.tb_panel_docked #tb_toolbar{ width:100%!important } .tb_preview_parent.builder-breakpoint-tablet_landscape .tb_iframe{ height:768px } .tb_preview_parent.builder-breakpoint-tablet .tb_iframe{ height:1024px } .tb_preview_parent.builder-breakpoint-mobile .tb_iframe{ height:667px } .tb_preview_parent.tb_responsive_mode .tb_workspace_container{ overflow:auto; display:flex!important; justify-content:center } .tb_toolbar_menu li .tb_toolbar_down{ background:none; position:static; display:inline-block; margin:0 !important; padding:0 !important; visibility:visible; opacity:1 } /* Responsive View */ .tb_vertical_bars{ display:inline-block; height:100vh; position:relative; width:100%; z-index:0; text-align:center } .tb_touch .tb_workspace_container, .tb_touch .tb_workspace_container .tb_vertical_bars{ -webkit-overflow-scrolling:touch; overflow-y:scroll } .tb_vertical_change_tooltip{ position:absolute; background:#7d7b7b; padding:2px 10px; border-radius:8px; top:50%; right:0; font-size:10pt; font-family:'Arial',sans-serif; color:#eee; transform:translate(100%) } #tb_right_bar .tb_vertical_change_tooltip{ left:0; right:auto; transform:translate(-100%) } .tb_vertical_bars .tb_mousemove_cover{ z-index:3; width:100%; height:100%; position:absolute; top:0; left:0; pointer-events:all } .tb_middle_bar{ margin-left:0; text-align:center; z-index:2; background-color:rgba(0,0,0,.1); width:8px; height:100%; position:absolute; display:inline-block } .tb_resizing_start .tb_middle_bar{ background-color:#3ebaea } #tb_left_bar{ margin-left:-8px } .tb_middle_bar:hover{ background-color:#3ebaea; cursor:col-resize } .tb_vertical_change_tooltip:empty, .tb_preview_parent .tb_middle_bar{ display:none } .tb_middle_bar:before{ content:""; width:2px; height:26px; border-left:1px solid rgba(255,255,255,.3); border-right:1px solid rgba(255,255,255,.3); position:absolute; top:50%; left:50%; margin-left:-2px; transform:translateY(-50%) } #tb_toolbar .tb_import_btn{ padding-left:8px; padding-right:8px } .tb_toolbar_menu .tb_toolbar_down>li>a{ width:auto; padding:5px 8px; border-radius:8px; } .tb_toolbar_menu .tb_toolbar_down>li{ display:inline-block; } /* Toolbar responsive */ .tb_compact_toolbar .tb_toolbar_menu .tb_toolbar_import .tb_toolbar_down>li>a{ border-radius:0; min-width:97px } #tb_toolbar .tb_compact{ display:none } .tb_compact_toolbar #tb_toolbar .tb_import_btn, .tb_compact_toolbar #tb_toolbar .tb_toolbar_export a{ padding-left:15px; padding-right:15px } .tb_compact_toolbar #tb_toolbar .tb_toolbar_export{ margin-left:0 } .tb_compact_toolbar #tb_toolbar .tb_toolbar_export span, .tb_compact_toolbar #tb_toolbar .tb_import_btn span{ display:inline-block; margin:0; margin-left:12px; position:static; visibility:visible; opacity:1; padding:0; background:none } .tb_compact_toolbar #tb_toolbar .tb_compact{ display:inline-block } .tb_compact_toolbar #tb_toolbar .tb_import_btn+ul{ left:100%; top:-5px; margin-left:5px } .tb_compact_toolbar .tb_toolbar_menu .tb_toolbar_down{ position:absolute; background-color:#353535; padding:6px 0; margin:10px 0 0 -5px; display:none; } .tb_compact_toolbar .tb_toolbar_menu .tb_toolbar_down .tb_breakpoint_switcher, .tb_compact_toolbar .tb_toolbar_menu .tb_toolbar_down .tb_undo_redo{ margin:2px 5px; } /*Focus Outline/Shadow Fix*/ .tb_compact_toolbar a:focus{ box-shadow:none; outline:0 } /*Layout Part active */ .tb_layout_part_edit .tb_toolbar_import, .tb_layout_part_edit .tb_toolbar_export, .tb_layout_part_edit .tb_toolbar_layout, .tb_layout_part_edit .tb_toolbar_save_wrap, .tb_layout_part_edit .tb_dup_link, .tb_layout_part_edit .tb_toolbar_undo a{ opacity:.4; cursor:not-allowed; pointer-events:none } /* Date Picker */ .themify-datepicket-panel.ui-datepicker{ border-radius:8px; font:normal 13px/1.6 Arial,sans-serif; box-shadow:0 0 0 1px rgba(0,0,0,.1), 0 4px 10px 2px rgba(0,0,0,.3); background:#fff; padding:5px 10px; z-index:999999!important } .themify-datepicket-panel.ui-datepicker .ui-datepicker-header{ background:none; border:none; border-bottom:1px solid #eee; border-radius:0; padding-bottom:5px } .themify-datepicket-panel.ui-datepicker .ui-datepicker-title select { border:solid 1px #bbb; border-radius:8px; } .ui-datepicker.themify-datepicket-panel .ui-datepicker-prev,.ui-datepicker.themify-datepicket-panel .ui-datepicker-next{ border:1px solid #eee; transition:border-color .2s ease-out } .ui-datepicker.themify-datepicket-panel .ui-datepicker-prev .ui-icon,.ui-datepicker.themify-datepicket-panel .ui-datepicker-next .ui-icon{ background:none; text-indent:-99999em } .ui-datepicker.themify-datepicket-panel .ui-datepicker-prev,.ui-datepicker.themify-datepicket-panel .ui-datepicker-next{ top:2px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family:"dashicons"; box-sizing:border-box } .ui-datepicker.themify-datepicket-panel .ui-datepicker-next:after, .ui-datepicker.themify-datepicket-panel .ui-datepicker-prev:after{ content:"\f141"; position:absolute; top:2px; font-size:20px; left:0; line-height:.8em } .ui-datepicker.themify-datepicket-panel .ui-datepicker-next:after{ content:"\f139" } .ui-datepicker.themify-datepicket-panel .ui-datepicker-prev-hover, .ui-datepicker.themify-datepicket-panel .ui-datepicker-next-hover{ border:1px solid #999; background:none; right:2px; top:2px; cursor:pointer } .ui-datepicker.themify-datepicket-panel .ui-datepicker-prev-hover{ right:auto; left:2px } .ui-datepicker.themify-datepicket-panel .ui-state-default{ background:#f6f6f6; border-radius:8px; border:2px solid transparent; transition:border-color .2s ease-out; color:inherit; text-align:center } .ui-datepicker.themify-datepicket-panel .ui-state-default:hover{ background:#ececec; } .ui-datepicker.themify-datepicket-panel .ui-state-active,.ui-datepicker.themify-datepicket-panel .ui-state-default:active{ border:2px solid #F90 } .ui-datepicker.themify-datepicket-panel .ui-state-highlight{ border:2px solid #98cee3 } .ui-datepicker.themify-datepicket-panel .ui-datepicker-buttonpane{ border-top:1px solid #eee; padding:0 } .ui-datepicker.themify-datepicket-panel .ui-datepicker-buttonpane:after{ content:""; clear:both; display:block; } .ui-datepicker.themify-datepicket-panel .ui-datepicker-buttonpane button{ font-family:inherit; font-weight:inherit; font-size:1em; background:#fafafa; border:1px solid #eee; color:#222; outline:none; opacity:1; font-family:inherit } .ui-datepicker.themify-datepicket-panel .ui_tpicker_hour_label,.ui-datepicker.themify-datepicket-panel .ui_tpicker_minute_label{ padding-top:6px } .builder-lightbox .themify-datepicker-clear{ border-radius:4px; background-color:transparent; border:none!important; position:absolute; top:13px; left:180px; padding:6px; white-space:nowrap; text-indent:-9999px; line-height:0; overflow:hidden } .builder-lightbox .themify-datepicker-clear:focus{ outline:none } .builder-lightbox .themify-datepicker{ width:200px!important } .tb_panel_docked .builder-lightbox .themify-datepicker-clear{ left:auto; right:6px } /* Row/column flair */ #tb_options_styling .tb_font_italic{ font-style:italic } #tb_options_styling .tb_text_underline{ text-decoration:underline } #tb_options_styling .tb_text_overline{ text-decoration:overline } #tb_options_styling .tb_text_through{ text-decoration:line-through } #tb_options_styling .tb_font_bold{ font-weight:700 } /* Widgets */ .tb_field.instance_widget .widget-inside{ display:block; border:none; box-shadow:none; background:none; padding:0; line-height:normal } #instance_widget{ border-top:1px solid #ddd; width:100%; padding:15px; box-sizing:border-box; position:relative; min-height:100px } #available-widgets,#available-widgets-filter{ width:60%; float:left; position:relative; box-sizing:border-box } .tb_panel_docked #available-widgets-filter{ width:100% } .instance_widget>.tb_input, #widgets-search{ width:100%; margin-bottom:0; border-color:#ccc } .tb_loading_widgets{ position:absolute; top:14px; right:6px } .tb_loading_widgets+#widgets-search{ opacity:.3; background:#ddd } #instance_widget.tb_loading_widgets_form{ background:rgba(221,221,221,.3) } #available-widgets-filter{ border:none; margin-bottom:0 } #available-widgets .tb_field_error_msg{ float:right } .tb_loading_widgets_form .tf_loader{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:30px; } #available-widgets{ z-index:100; height:250px; position:absolute; top:100%; left:-1px; outline:none; overflow:hidden; padding:0 2px; width:calc(60% + 10px); overflow-y:auto; display:none } #available-widgets .tb_widget_select{ width:100%; border:solid 1px #ddd } #available-widgets .widget-tpl{ position:relative; padding:10px 5px 10px 28px; background:#fff; border-bottom:1px solid #ddd; border-left:4px solid transparent; transition:.15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out; cursor:pointer; box-sizing:border-box; width:100% } #available-widgets .widget-title h3{ margin:0; line-height:1 } #tb_options_setting #available-widgets .widget-title:before{ margin-right:5px } #available-widgets .widget-description{ display:block; font-size:.9em; line-height:1.2em } .tb_panel_docked #available-widgets{ width:100%; background:#fff; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd } /* Row Frame */ .frame_tabs .themify-layout-icon{ max-height:160px; overflow-y:scroll; background:#f5f5f5; padding:20px 10px 10px; box-sizing:border-box; border-radius:8px } .frame_tabs .tb_frame.themify-layout-icon a{ width:31%; height:40px; background:#fff; padding:3px; box-sizing:border-box; float:left; margin:1% } .frame_tabs .themify-layout-icon a img{ max-width:100%; max-height:100%; margin:auto } .tf_inline_b li{ display:inline-block; width:66px; margin-bottom:0; position:relative } .tb_field .tf_inline_b li .selectwrapper{ position:absolute; top:0; left:0 } .tb_field .tf_inline_b li .selectwrapper.noborder{ margin-left:42px; margin-top:9px } .tf_inline_b li.tb_box_shadow_inset{ display:block; width:100% } /*plain text*/ .tb_field.plain_text .tb_input input, .tb_field.plain_text .tb_input textarea, .tb_field.plain_text .tb_input{ width:100% } .tb_icon_wrapper i:before{ content:""; display:block; width:24px; height:16px; background:#f1f1f1; box-sizing:border-box; border-color:#b3b3b3; border-style:solid; border-width:0 } .tb_panel_docked .tb_icon_wrapper i:before{ width:18px; height:14px } .tb_icon_wrapper .tic-border-all:before{ border-width:2px } .tb_icon_wrapper .tic-border-top:before{ border-top-width:2px } .tb_icon_wrapper .tic-border-right:before{ border-right-width:2px } .tb_icon_wrapper .tic-border-bottom:before{ border-bottom-width:2px } .tb_icon_wrapper .tic-border-left:before{ border-left-width:2px } /* Styling border icon radio label */ .tb_radio_label_borders input:checked + .tb_icon_wrapper, .tb_radio_label_borders:hover .tb_icon_wrapper{ background:#fff; border-color:#f26522 } .tb_radio_label_borders .tb_icon_wrapper{ border:solid 2px #f1f1f1; padding:3px; border-radius:5px; transition:border-color .2s ease-in,color .2s ease-in; } /* Sticky Scrolling */ .stick_middle_wrapper { margin:0 0 10px; } .stick_middle_wrapper .tb_field{ margin:0; display:inline-block; } .stick_middle_wrapper .tb_field .tb_radio_input_container { margin:0 0 10px; } .builder-lightbox .tb_toolbar_menu li a span{ background-color:#23282d; color:#bdbdbd; display:inline-block; font-size:12px; padding:5px 10px; position:absolute; top:100%; left:0; opacity:0; visibility:hidden } .builder-lightbox .tb_toolbar_menu li a span:before{ content:''; display:block; position:absolute; left:13px; bottom:100%; border:4px solid transparent; border-bottom-color:#23282d } .builder-lightbox .tb_toolbar_menu li a:hover span{ opacity:1; visibility:visible } #custom_css_id{ display:block } .tb_hide_option{ display:none!important; visibility:hidden } /* start tb_search_container */ .tb_search_wrapper{ position:relative; width:60%; display:inline-block } .tb_panel_docked .tb_search_wrapper{ width:100% } .tb_search_arrow{ position:absolute; width:30px; text-align:center; top:50%; right:2px; color:#aaa; margin-top:-.7em; z-index:1; outline:none; font-size:12px } .tb_search_arrow:before{ cursor:pointer; content:""; padding:4px; margin-bottom:2px; display:inline-block; border-bottom:1px solid; border-right:1px solid; transform:rotateZ(45deg) } .tb_search_wait{ opacity:.5; pointer-events:none } .tb_search_wait .tb_search_arrow:before, .tb_search_arrow .tf_loader{ display:none } .tb_search_wait .tf_loader{ display:inline-block } .tb_panel_docked .tb_query_multiple_wrap, .tb_panel_docked .tb_search_term_wrap .tb_search_wrapper, .tb_input .tb_search_wrapper input{ width:100% } .tb_autocomplete_container, .tb_search_wrapper .tb_search_container{ position:absolute; width:100%; box-sizing:border-box; left:0; top:34px; z-index:200; overflow:auto; max-height:146px; outline:none; background:#fff; padding:6px 0; box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 10px 2px rgba(0,0,0,.3); border-radius:8px; display:none } .tb_autocomplete_container .tb_autocomplete_item, .tb_search_container .tb_search_item{ position:relative; padding:5px 12px; transition:.15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out; cursor:pointer; box-sizing:border-box; width:100% } .tb_search_container .tb_search_item:last-child{ border:none } .tb_search_container .tb_search_item:hover{ background:#f3f3f5 } .tb_search_container .tb_search_item.selected{ background:#e4e4e4 } .tb_field[data-type="autocomplete"] input:focus~.tb_autocomplete_container, .tb_search_wrapper input:focus~.tb_search_container, .tb_search_arrow:focus~.tb_search_container{ display:block } #item_layout_save{ display:inline-block } #item_layout_save + .tb_help{ margin-left:0 } .item_layout_save small a{ color:#605ca8; text-decoration:none } .tb_search_term_wrap .tb_search_wrapper{ width:36%; display:inline-block; vertical-align:middle } .tb_query_multiple_wrap{ display:inline-block; width:30% } .tb_input .tb_query_multiple_wrap .query_category_multiple{ width:70% } .tb_query_multiple_wrap span{ margin:0 2% } .tb_group_element_post_slug small, .tb_search_term_wrap small{ display:block; clear:both } .tb_autocomplete_container .tb_autocomplete_item{ word-break:break-all } .tb_autocomplete_item:hover{ background-color:#E5E5E5 } .tb_autocomplete_loading{ height:auto } .tb_autocomplete_loading:before{ top:12px; right:6px; left:auto; width:10px; height:10px } .tb_hide_just_current .tb_hide_just_current, .tb_hide_just_current .tb_input .tb_label{ display:none } /* END tb_search_container */ /* START Global Style CSS */ /* Custom toolbar for Global Style Post */ .gs_post.tb_panel_docked:not(.tb_standalone_lightbox) .builder-lightbox{ top:77px!important; box-shadow:0 0 1px 0 rgba(0,0,0,.6),0 3px 14px rgba(0,0,0,.3) } .gs_post .tb_workspace_container{ margin-top:77px } .gs_post #tb_toolbar .tb_toolbar_add_modules_wrap{ width:0; opacity:0; z-index:-1 } .gs_post .tb_toolbar_backend_edit, .gs_post .tb_toolbar_revision_btn, .gs_post .tb_toolbar_menu > li:not(.tb_toolbar_desktop_switcher), .gs_post .tb_options_tab li:not(.current), .gs_post .builder-lightbox .tb_lightbox_actions{ display:none } .gs_post .tb_toolbar_save_btn .tb_toolbar_save{ border-radius:8px } .global-styles-breadcrumb{ background:#bdbdbd; color:#000; padding:10px 12px } .global-styles-breadcrumb a{ color:#000 } .global-styles-breadcrumb .arrow{ color:#888; margin:0 7px } .gs_post .tb_options_tab li.current:before{ left:0; background:0 } .tb_gs_options_overlay{ position:absolute; z-index:100; width:100%; height:100%; background:rgba(255,255,255,.92); box-sizing:border-box; cursor:pointer; color:#999; font-size:15px; line-height:1.6em; text-align:center; top:48px; left:0 } .tb_gs_options_overlay p{ background:rgba(244,244,244,.7); padding:5%; margin:15px 5%; border-radius:10px; box-sizing:border-box } .tb_gs_options_overlay:hover p{ background:rgba(244,244,244,.9); color:#666 } /* END Global Style CSS */ /* START convert tb_compact_radios as dropdown */ .tb_lightbox_small .tb_compact_radios, .tb_panel_docked .tb_compact_radios{ position:relative; margin-bottom:15px } .tb_lightbox_small .tb_compact_radios:hover, .tb_panel_docked .tb_compact_radios:hover{ z-index:81 } .tb_lightbox_small .tb_compact_radios .tb_input label, .tb_lightbox_small .tb_compact_radios .tb_input input + span, .tb_panel_docked .tb_compact_radios .tb_input label, .tb_panel_docked .tb_compact_radios .tb_input input + span{ display:block; margin:0 } .tb_lightbox_small .tb_compact_radios .tb_input input + span, .tb_panel_docked .tb_compact_radios .tb_input input + span{ color:#444; padding:4px 8px } .tb_lightbox_small .tb_compact_radios .tb_input input + span:hover, .tb_panel_docked .tb_compact_radios .tb_input input + span:hover{ color:#000; background:#f1f1f1 } .tb_lightbox_small .tb_compact_radios .tb_input .tb_radio_input_container, .tb_panel_docked .tb_compact_radios .tb_input .tb_radio_input_container{ width:180px; max-width:100%; background:#fff; position:absolute; top:0; border:solid 1px #ccc; border-radius:8px; box-sizing:border-box; z-index:80; } .tb_lightbox_small .tb_compact_radios .tb_input .tb_radio_input_container:focus, .tb_panel_docked .tb_compact_radios .tb_input .tb_radio_input_container:focus{ z-index:81 } .tb_lightbox_small .tb_compact_radios .tb_input .tb_radio_input_container:before, .tb_panel_docked .tb_compact_radios .tb_input .tb_radio_input_container:before{ content:''; transform:translateY(-50%) rotate(45deg); border:solid currentColor; border-width:0 1px 1px 0; position:absolute; padding:3px; text-align:center; margin-top:-.05em; top:50%; right:10px; color:#aaa; z-index:1 } .tb_lightbox_small .tb_compact_radios .tb_input .tb_radio_input_container:after, .tb_panel_docked .tb_compact_radios .tb_input .tb_radio_input_container:after{ content:""; position:absolute; width:100%; height:100%; top:0 } .tb_lightbox_small .tb_compact_radios .tb_input .tb_radio_input_container:focus:after, .tb_panel_docked .tb_compact_radios .tb_input .tb_radio_input_container:focus:after{ width:0 } .tb_lightbox_small .tb_compact_radios .tb_input .tb_radio_input_container:focus:before, .tb_lightbox_small .tb_compact_radios .tb_input input + span, .tb_lightbox_small .tb_compact_radios .tb_input input, .tb_panel_docked .tb_compact_radios .tb_input .tb_radio_input_container:focus:before, .tb_panel_docked .tb_compact_radios .tb_input input + span, .tb_panel_docked .tb_compact_radios .tb_input input{ display:none } .tb_lightbox_small .tb_compact_radios input[type="radio"]:checked + span, .tb_lightbox_small .tb_compact_radios .tb_radio_input_container:focus input + span, .tb_panel_docked .tb_compact_radios input[type="radio"]:checked + span, .tb_panel_docked .tb_compact_radios .tb_radio_input_container:focus input + span{ display:block; /* show selected option */ } .tb_lightbox_small .tb_compact_radios label:first-child span, .tb_panel_docked .tb_compact_radios label:first-child span{ border-radius:7px 7px 0 0; } .tb_lightbox_small .tb_compact_radios label:last-child span, .tb_panel_docked .tb_compact_radios label:last-child span{ border-radius:0 0 7px 7px; } /* END convert tb_compact_radios as dropdown */ /* START Sortable Fields */ .tb_sort_fields_wrap{ background-color:#f3f3f3; padding:10px 40px 10px 10px; border-radius:10px; z-index:10; min-height:50px; } .tb_sort_fields_add li{ display:block } .builder-lightbox .tb_sort_fields_plus{ transform:none; font-size:inherit; color:#fff; display:block; top:0; right:0; padding:0 } .tb_sort_fields_parent{ padding:0; margin:0 auto; list-style:none; width:70%; } .tb_sort_fields_parent .tb_sort_fields_item{ font-size:11px; display:inline-block; background:#a4a4a4; padding:4px 11px; border-radius:15px; text-align:center; color:#fff; cursor:move; margin-right:5px; position:relative; box-sizing:border-box; margin-bottom:5px; white-space:nowrap; box-shadow:inset 0 -1px 0 rgba(0,0,0,.1); } .tb_sort_fields_parent .tb_current_sort{ border:0 } .tb_lightbox_small .tb_sort_fields_item{ display:block; } .larger-lightbox .tb_sort_fields_parent{ width:78%; } .tb_input .tb_sort_fields_parent, .tb_lightbox_small .tb_sort_fields_parent{ width:100%; margin:0 } .tb_sort_fields_item .tf_fa{ margin-left:3px; cursor:pointer } .tb_sort_fields_wrap .tb_ui_dropdown_items{ left:auto; right:-5px; top:32px; min-width:90px; text-align:right; overflow:visible } .tb_sort_fields_wrap .tb_ui_dropdown_items:before, .tb_sort_fields_wrap .tb_ui_dropdown_items:after{ content:''; border:8px solid transparent; display:inline-block; position:absolute; bottom:100%; z-index:1; transform:translate(0,0) } .tb_sort_fields_wrap .tb_ui_dropdown_items:before{ right:8px; border-bottom-color:#fff; border-width:7px } .tb_sort_fields_wrap .tb_ui_dropdown_items:after{ right:7px; border-bottom-color:rgba(0,0,0,.2); z-index:0 } .tb_sort_fields_plus_wrap{ position:absolute; top:50%; right:10px; transform:translateY(-50%) } .tb_sort_fields_remove{ margin-left:10px; width:6px; height:6px; padding:3px; vertical-align:middle; display:inline-block; } .tb_sort_field_dropdown{ background:#fff; position:absolute; top:100%; left:50%; z-index:100; width:265px; padding:10px 15px; box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 10px 2px rgba(0,0,0,.3); text-align:left; color:#444; font-size:13px; border-radius:5px; box-sizing:border-box; transform:translateX(-50%); margin-top:7px; display:none; outline:none; cursor:auto; } .tb_sort_field_dropdown .tb_field{ margin:0 0 3px } .tb_sort_field_dropdown .tb_label{ width:46% } .tb_sort_field_dropdown .tb_input{ width:54% } .tb_sort_field_dropdown .tb_search_wrapper, .tb_sort_field_dropdown .selectwrapper{ width:100% } .tb_sort_fields_parent .current .tb_sort_field_dropdown{ display:block } .tb_sort_field_dropdown_pointer{ top:-4px; left:50%; width:9px; height:9px; background:#fff; position:absolute; pointer-events:none; transform:translateX(-50%) rotate(45deg); display:inline-block; z-index:0; box-shadow:-1px -1px 0 rgba(0,0,0,.2) } .tb_field.tab_content_post_meta .tb_label{ margin-bottom:5px } .tb_panel_docked .tb_sort_fields_item{ position:static; display:flex; align-items:center } .tb_panel_docked .tb_sort_fields_item .tf_fa{ margin-left:auto } .tb_panel_docked .tb_sort_field_dropdown{ left:0; right:0; transform:none; margin-left:-100px } /* END Sortable Fields */ /* START Toggleable Fields */ .tb_toggleable_fields{ padding:0; margin:10px 0 5px; list-style:none; width:100% } .tb_toggleable_fields .tb_toggleable_item{ position:relative; padding:0; margin:0; display:block; background:#fff; clear:both; width:100%; cursor:move; border-top:solid 1px rgba(0,0,0,.07) } .tb_toggleable_fields .tb_toggleable_item>.switch-wrapper{ position:absolute; top:5px; right:0 } .tb_toggleable_fields .tb_toggleable_item>.switch-wrapper .tb_switcher{ margin:0 } .tb_toggleable_fields .tb_toggleable_item>.switch-wrapper .switch_label:after{ left:auto; right:100%; margin-right:6px } .tb_toggleable_fields_title{ padding:8px 25px; display:inline-block; cursor:pointer } .tb_toggleable_fields_title:before, .tb_toggleable_fields_title:after{ height:30%; left:10px; transform:translate(-50%,-50%) rotate(180deg) } .tb_toggleable_fields_title:after, .tb_toggleable_item:not(.tb_closed) .tb_toggleable_fields_title:before{ transform:translate(-50%,-50%) rotate(90deg) } .tb_toggleable_fields_options{ padding:10px 0 } .tb_toggleable_field_disabled .tb_toggleable_fields_title{ cursor:auto; opacity:.2 } .tb_toggleable_fields > .tb_closed:hover{ background:linear-gradient(to bottom,rgba(0,0,0,.04) 0%,rgba(255,255,255,.1) 100%); box-shadow:0 11px 8px -10px rgba(0,0,0,.1),0 -11px 8px -10px rgba(0,0,0,.1); position:relative; z-index:2 } /* END Toggleable Fields */ /* START Accordion Fields */ .tb_accordion_fields{ margin-top:0 } .tb_accordion_fields > li{ border:none } .tb_accordion_fields .tb_toggleable_fields_title{ display:block; float:unset; border-top:solid 1px rgba(0,0,0,.07) } .tb_accordion_fields_options{ padding-left:2em; margin-left:8px } /* END Accordion Fields */ /* START Slider Range Fields */ .tb_slider_wrapper, .tb_slider_wrapper .range-slider{ width:200px; margin-top:10px } .tb_slider_wrapper .range-slider{ position:relative; display:block; height:2px; margin-right:20px; background:#e1e1e1; color:#333; border:none } .tb_slider_wrapper .range-slider .ui-widget-header{ position:absolute; width:200px; z-index:1; font-size:.7em; top:0; height:100%; background:#6749a0; font-weight:700 } .tb_slider_wrapper .range-slider .ui-slider-handle{ position:absolute; z-index:2; top:-.6em; width:1.2em; height:1.2em; margin-left:-.6em; border:1px solid #c5c5c5; background:#fff; color:#454545; outline:none; cursor:col-resize; border-radius:100%; box-shadow:0 1px 3px rgba(0,0,0,.2) } .tb_slider_label_l,.tb_slider_label_u{ position:absolute; top:100%; left:0; font-size:10px } /* START Position Box */ .tb_position_box_container{ width:162px; height:92px; float:left; margin-top:10px; position:relative } .tb_position_box{ width:150px; height:80px; position:relative; outline:1px solid #e1e1e1; margin:6px 0 0 6px; float:left; cursor:pointer } .tb_position_box:before, .tb_position_box:after{ position:absolute; top:50%; left:0; content:''; background:#e1e1e1; width:100%; height:1px } .tb_position_box:after{ width:1px; height:100%; top:0; left:50% } .tb_position_box + .tb_input_after{ float:left; margin-top:20px; margin-left:5px } .tb_panel_docked .tb_position_box + .tb_input_after{ margin-top:5px } .tb_position_item, .tb_position_box_handle{ width:12px; height:12px; position:absolute; top:calc(50% - 6px); left:calc(50% - 6px); z-index:10; transform-origin:center; cursor:move; background:#00a2fb; border-radius:50% } .tb_position_item{ background:rgba(210,210,210,.7); width:10px; height:10px; z-index:1; transform:translate(-50%,-50%); transition:background .3s,width .3s,height .3s; cursor:pointer } .tb_position_item:hover{ background:rgba(120,120,120,.9) } #tb_lightbox_parent .tb_position_item:hover .themify_tooltip{ display:block } .tb_position_box_label{ position:relative; top:5px; max-width:150px; margin-top:5px; clear:both; color:#9c9c9c; font-size:12px; text-align:center } /* END Position Box */ /*Start Hover/Click Mode*/ #tb_toolbar .tb_change_mode ul{ padding:10px; min-width:140px; list-style:none; box-sizing:content-box } #tb_toolbar .tb_change_mode li{ margin:10px 0 0 0 !important; padding:0 } #tb_toolbar .tb_change_mode .tb-checkbox{ display:none } #tb_toolbar .tb_change_mode li:first-child, #tb_toolbar .tb_change_mode .switch_label{ margin:0 !important } #tb_toolbar .tb_change_mode .switch_label:after{ color:#fff } /*End Hover/Click Mode*/ #tb_lightbox_parent .tb_action_breadcrumb{ position:absolute; top:-4px; left:0; padding:0; margin:0!important; transform:translateY(-100%) } /*Start opposity type*/ .tb_has_opposite{ display:inline-grid; grid-template-columns:auto auto auto; align-items:center } .tb_has_opposite li:nth-child(6){ order:6 } .tb_has_opposite li:nth-child(7){ order:4 } .tb_has_opposite .tb_opposite_left{ order:5 } .tb_has_opposite[data-checked]{ display:inline-block } .tb_has_opposite[data-checked] > li:first-child ~ li{ display:none } .tb_has_opposite .tb_seperate_opposite{ width:25px; vertical-align:middle; margin:0 4px; height:25px; border-radius:100%; cursor:pointer; box-sizing:border-box; border-color:#868686 } .tb_has_opposite label:before, .tb_has_opposite label:after{ content:''; border:5px solid transparent; border-right-color:inherit; position:absolute; top:50%; left:0; transform:translateY(-50%); height:0; width:0; display:block; box-sizing:border-box; margin:0; padding:0; line-height:normal; z-index:1 } .tb_has_opposite label:after{ border-right-color:transparent; border-left-color:inherit; left:auto; right:0 } .style_apply_oppositive:checked+.tb_oppositive_state{ background:#ececec; width:100%; height:100%; border-radius:100%; z-index:-1; position:absolute; top:0; left:0 } .tb_has_opposite .tb_seperate_opposite label, .tb_has_opposite .tb_seperate_opposite .themify-checkbox{ margin:0; padding:0; position:absolute; width:100%; height:100%; left:0; top:0; box-sizing:border-box } .tb_has_opposite li .style_apply_oppositive, .tb_has_opposite[data-checked] .tb_seperate_opposite{ display:none } /*End opposity type*/ /* START Motion effect styles */ .motion_effects .tb_toggleable_fields > .tb_closed:hover{ box-shadow:none } .tb_panel_docked .motion_effects .tb_accordion_fields_options{ padding-left:0 } .tb_panel_docked .motion_effects .tb_slider_wrapper.input-range{ width:calc(100% - 20px) } .tb_panel_docked .motion_effects .tb_slider_wrapper .range-slider{ width:100% } /* END Motion effect styles */ /* START save color swatch */ .themify-gradient-field .tb_clear_gradient, .themify-gradient-field .tb_gradient_add_swatch, .themify-gradient-field .tb_cm_dropdown_icon{ font-size:13px; color:#7f7f7f; position:absolute; top:36px; width:23px; height:23px; cursor:pointer; text-align:center; box-sizing:border-box; -webkit-backface-visibility:hidden } .themify-gradient-field .tb_clear_gradient{ left:190px } .themify-gradient-field .tb_clear_gradient:before, .themify-gradient-field .tb_clear_gradient:after{ height:60% } .themify-gradient-field .tb_clear_gradient:hover, .themify-gradient-field .tb_gradient_add_swatch:hover, .themify-gradient-field .tb_cm_dropdown_icon:hover, .themify-gradient-field .tb_cm_dropdown_icon:focus{ color:#7f7f7f; background-color:rgba(0,0,0,.05); border-radius:50% } /*START gradient swatches*/ .themify-gradient-field .tb_gradient_add_swatch, .themify-gradient-field .tb_cm_dropdown_icon{ border:none; border-radius:0 } .themify-gradient-field .tb_gradient_add_swatch{ left:217px } .themify-gradient-field .tb_gradient_add_swatch:before, .themify-gradient-field .tb_gradient_add_swatch:after{ width:1px } .themify-gradient-field .tb_cm_dropdown_icon{ left:214px } body:not(.tb_panel_docked) .tb_compact_tabs .themify-gradient-field .tb_cm_dropdown_icon{ left:188px; top:60px } .themify-gradient-field .tb_gradient_swatches{ list-style:none; margin:0; padding:0; max-width:200px } .tb_gradient_swatches .tb_gradient_swatch{ width:30px; height:20px; display:inline-block; margin:5px 8px 0 0; position:relative; box-shadow:0 1px 2px 1px rgba(0,0,0,.1); cursor:pointer; border-radius:4px } /*END gradient swatches*/ /* combat impolite ".tf_clearfix" styles */ .themify_builder.tf_clearfix, .themify_builder .tf_clearfix{ height:auto; opacity:1; display:block }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Ð“ÐµÐ½ÐµÑ€Ð°Ñ†Ð¸Ñ Ñтраницы: 0 |
proxy
|
phpinfo
|
ÐаÑтройка