/** * Additional styles for the block editor UI. * @package advanced-editor-tools */ /* Tweaks and fixes for the classic blocks */ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar, div[data-type="core/freeform"].is-typing .block-library-classic__toolbar { z-index: 31; } .block-library-classic__toolbar .mce-btn .mce-txt { font-size: 13px; color: #454545; } .mce-tinymce-inline .mce-menubar > div, .mce-tinymce-inline .mce-toolbar .mce-btn-group > div { white-space: normal } /* TinyMCE Menu */ div.mce-menubar, div.mce-menubar * { box-sizing: border-box; } .block-library-classic__toolbar .mce-menubar { padding: 1px; } .block-library-classic__toolbar .mce-menubar .mce-menubtn button span { font-size: 13px; } .block-library-classic__toolbar .mce-menubar i.mce-caret { margin-top: .4em; } .block-library-classic__toolbar .mce-menubar .mce-flow-layout-item { margin: 2px 0; } div.mce-menubar.mce-toolbar .mce-btn button { padding: 3px 4px 2px; } div.mce-menubar { border-color: #e5e5e5; background: #fff; border-width: 0 0 1px; } div.mce-menubar .mce-menubtn:focus { color: #124964; box-shadow: 0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8); } div.mce-menu-item-sep:hover, div.mce-menu .mce-menu-item-sep { border-bottom: 1px solid #ddd; height: 0; margin: 5px 0; } div.mce-menubtn span { margin-right: 0; padding-left: 3px; } div.mce-menu-has-icons i.mce-ico:before { margin-left: 0; } div.mce-menu-has-icons i.mce-ico { line-height: 18px; width: 18px; height: 18px; } .wp-core-ui .mce-menu-item .mce-text { font-size: 13px; } .block-library-classic__toolbar .mce-menubar .mce-menubtn.mce-active, .block-library-classic__toolbar .mce-menubar .mce-menubtn:focus, .block-library-classic__toolbar .mce-menubar .mce-menubtn:hover { border-color: transparent; } .block-library-classic__toolbar .mce-menubar .mce-menubtn.mce-active span, .block-library-classic__toolbar .mce-menubar .mce-menubtn:focus span, .block-library-classic__toolbar .mce-menubar .mce-menubtn:hover span { color: #000; } .mce-inline-toolbar-grp div.wp-link-input { margin: 2px 4px; } .mce-inline-toolbar-grp div.wp-link-input input { padding: 4px; } div.mce-menu-item.mce-menu-item-preview.mce-active:hover, div.mce-menu .mce-menu-item-normal.mce-active, div.mce-menu .mce-menu-item-preview.mce-active, div.mce-menu .mce-menu-item.mce-selected, div.mce-menu .mce-menu-item:focus, div.mce-menu .mce-menu-item:hover { background: #0073aa; color: #fff; } div.mce-menu-item.mce-active .mce-menu-shortcut, div.mce-menu-item.mce-disabled:hover .mce-ico, div.mce-menu-item.mce-disabled:hover .mce-text, div.mce-menu-item.mce-menu-item-preview.mce-active .mce-ico, div.mce-menu-item.mce-menu-item-preview.mce-active .mce-text, div.mce-menu-item:focus .mce-ico, div.mce-menu-item:focus .mce-menu-shortcut, div.mce-menu-item:focus .mce-text, div.mce-menu-item:hover .mce-ico, div.mce-menu-item:hover .mce-menu-shortcut, div.mce-menu-item:hover .mce-text { color: inherit; } div.mce-menu .mce-menu-item.mce-disabled { cursor: default; } div.mce-menu .mce-menu-item.mce-disabled:hover { background: #ccc; } /* Toolbar items (some get appended to ) */ div.mce-inline-toolbar-grp .mce-btn.mce-active:hover button, div.mce-inline-toolbar-grp .mce-btn.mce-active:hover i, div.mce-inline-toolbar-grp .mce-btn.mce-active button, div.mce-inline-toolbar-grp .mce-btn.mce-active i, div.mce-inline-toolbar-grp .mce-btn:hover i, div.mce-toolbar-grp .mce-btn.mce-active:hover button, div.mce-toolbar-grp .mce-btn.mce-active:hover i, div.mce-inline-toolbar-grp .mce-btn:hover button, div.mce-toolbar-grp .mce-btn.mce-active button, div.mce-toolbar-grp .mce-btn.mce-active i, div.mce-toolbar-grp .mce-btn:hover button, div.mce-toolbar-grp .mce-btn:hover i { color: #191e23; } div.mce-inline-toolbar-grp .mce-btn i, div.mce-toolbar-grp .mce-btn i { font-style: normal; } div.mce-toolbar-grp .mce-btn i.mce-ico { font-size: 20px; } div.mce-widget.mce-tooltip .mce-tooltip-inner { font-size: 13px; opacity: 1; } .mce-inline-toolbar-grp.mce-panel .mce-toolbar .mce-btn { margin: 1px; } .mce-inline-toolbar-grp.mce-panel .mce-toolbar .mce-btn button { padding: 3px; } /* Editor content */ .wp-block-freeform.block-library-rich-text__tinymce table { width: 100%; } /* Fix for margins on button-icon with a dashicon */ .components-button.has-icon.tadv-icon-button .dashicon { margin: 0; }