/*------------------------------------------------------------------------------ TinyMCE and Quicklinks toolbars ------------------------------------------------------------------------------*/ /* TinyMCE widgets/containers */ .mce-tinymce { box-shadow: none; } .mce-container, .mce-container *, .mce-widget, .mce-widget * { color: inherit; font-family: inherit; } .mce-container .mce-monospace, .mce-widget .mce-monospace { font-family: Consolas, Monaco, monospace; font-size: 13px; line-height: 150%; } /* TinyMCE windows */ #mce-modal-block, #mce-modal-block.mce-fade { opacity: 0.7; filter: alpha(opacity=70); transition: none; background: #000; } .mce-window { border-radius: 0; box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); -webkit-font-smoothing: subpixel-antialiased; transition: none; } .mce-window .mce-container-body.mce-abs-layout { overflow: visible; } .mce-window .mce-window-head { background: #fcfcfc; border-bottom: 1px solid #ddd; padding: 0; min-height: 36px; } .mce-window .mce-window-head .mce-title { color: #444; font-size: 18px; font-weight: 600; line-height: 36px; margin: 0; padding: 0 16px 0 36px; } .mce-window .mce-window-head .mce-close, .mce-window-head .mce-close .mce-i-remove { color: transparent; top: 0; left: 0; width: 36px; height: 36px; padding: 0; line-height: 36px; text-align: center; } .mce-window-head .mce-close .mce-i-remove:before { font: normal 20px/36px dashicons; text-align: center; color: #666; width: 36px; height: 36px; display: block; } .mce-window-head .mce-close:hover .mce-i-remove:before, .mce-window-head .mce-close:focus .mce-i-remove:before { color: #00a0d2; } .mce-window-head .mce-close:focus .mce-i-remove, div.mce-tab:focus { box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); } .mce-window .mce-window-head .mce-dragh { width: calc( 100% - 36px ); } .mce-window .mce-foot { border-top: 1px solid #ddd; } .mce-textbox, .mce-checkbox i.mce-i-checkbox, #wp-link .query-results { border: 1px solid #ddd; border-radius: 0; box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); transition: .05s all ease-in-out; } .mce-textbox:focus, .mce-textbox.mce-focus, .mce-checkbox:focus i.mce-i-checkbox, #wp-link .query-results:focus { border-color: #5b9dd9; box-shadow: 0 0 2px rgba(30,140,190,0.8); } .mce-window .mce-wp-help { height: 360px; width: 460px; overflow: auto; } .mce-window .mce-wp-help * { box-sizing: border-box; } .mce-window .mce-wp-help > .mce-container-body { width: auto !important; } .mce-window .wp-editor-help { padding: 10px 20px 0 10px; } .mce-window .wp-editor-help h2, .mce-window .wp-editor-help p { margin: 8px 0; white-space: normal; font-size: 14px; font-weight: 400; } .mce-window .wp-editor-help table { width: 100%; margin-bottom: 20px; } .mce-window .wp-editor-help table.wp-help-single { margin: 0 8px 20px; } .mce-window .wp-editor-help table.fixed { table-layout: fixed; } .mce-window .wp-editor-help table.fixed th:nth-child(odd), .mce-window .wp-editor-help table.fixed td:nth-child(odd) { width: 12%; } .mce-window .wp-editor-help table.fixed th:nth-child(even), .mce-window .wp-editor-help table.fixed td:nth-child(even) { width: 38%; } .mce-window .wp-editor-help table.fixed th:nth-child(odd) { padding: 5px 0 0; } .mce-window .wp-editor-help td, .mce-window .wp-editor-help th { font-size: 13px; padding: 5px; vertical-align: middle; word-wrap: break-word; white-space: normal; } .mce-window .wp-editor-help th { font-weight: 600; padding-bottom: 0; } .mce-window .wp-editor-help kbd { font-family: monospace; padding: 2px 7px 3px; font-weight: 600; margin: 0; background: #eaeaea; background: rgba(0,0,0,0.08); } .mce-window .wp-help-th-center td:nth-child(odd), .mce-window .wp-help-th-center th:nth-child(odd) { text-align: center; } /* TinyMCE menus */ .mce-menu, .mce-floatpanel.mce-popover { border-color: rgba(0,0,0,0.15); border-radius: 0; box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 ); } .mce-menu, .mce-floatpanel.mce-popover.mce-bottom { margin-top: 2px; } .mce-floatpanel .mce-arrow { display: none; } .mce-menu .mce-container-body { min-width: 160px; } .mce-menu-item { border: none; margin-bottom: 2px; padding: 6px 12px 6px 15px; } .mce-menu-has-icons i.mce-ico { line-height: 20px; } /* TinyMCE panel */ div.mce-panel { border: 0; background: #fff; } .mce-panel.mce-menu { border: 1px solid #ddd; } div.mce-tab { line-height: 13px; } /* TinyMCE toolbars */ div.mce-toolbar-grp { border-bottom: 1px solid #ddd; background: #f5f5f5; padding: 0; position: relative; } div.mce-inline-toolbar-grp { border: 1px solid #a0a5aa; border-radius: 2px; box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 ); box-sizing: border-box; margin-bottom: 8px; position: absolute; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; max-width: 98%; z-index: 100100; /* Same as the other TinyMCE "panels" */ } div.mce-inline-toolbar-grp > div.mce-stack-layout { padding: 1px; } div.mce-inline-toolbar-grp.mce-arrow-up { margin-bottom: 0; margin-top: 8px; } div.mce-inline-toolbar-grp:before, div.mce-inline-toolbar-grp:after { position: absolute; right: 50%; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; content: ""; } div.mce-inline-toolbar-grp.mce-arrow-up:before { top: -9px; border-bottom-color: #a0a5aa; border-width: 0 9px 9px; margin-right: -9px; } div.mce-inline-toolbar-grp.mce-arrow-down:before { bottom: -9px; border-top-color: #a0a5aa; border-width: 9px 9px 0; margin-right: -9px; } div.mce-inline-toolbar-grp.mce-arrow-up:after { top: -8px; border-bottom-color: #f5f5f5; border-width: 0 8px 8px; margin-right: -8px; } div.mce-inline-toolbar-grp.mce-arrow-down:after { bottom: -8px; border-top-color: #f5f5f5; border-width: 8px 8px 0; margin-right: -8px; } div.mce-inline-toolbar-grp.mce-arrow-left:before, div.mce-inline-toolbar-grp.mce-arrow-left:after { margin: 0; } div.mce-inline-toolbar-grp.mce-arrow-left:before { right: 20px; } div.mce-inline-toolbar-grp.mce-arrow-left:after { right: 21px; } div.mce-inline-toolbar-grp.mce-arrow-right:before, div.mce-inline-toolbar-grp.mce-arrow-right:after { right: auto; margin: 0; } div.mce-inline-toolbar-grp.mce-arrow-right:before { left: 20px; } div.mce-inline-toolbar-grp.mce-arrow-right:after { left: 21px; } div.mce-inline-toolbar-grp.mce-arrow-full { left: 0; } div.mce-inline-toolbar-grp.mce-arrow-full > div { width: 100%; overflow-x: auto; } div.mce-toolbar-grp > div { padding: 3px; } .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first { padding-left: 32px; } .mce-toolbar .mce-btn-group { margin: 0; } div.mce-statusbar { border-top: 1px solid #e5e5e5; } div.mce-path { padding: 2px 10px; margin: 0; } .mce-path, .mce-path-item, .mce-path .mce-divider { font-size: 12px; } .mce-toolbar .mce-btn, .qt-dfw { border-color: transparent; background: transparent; box-shadow: none; text-shadow: none; cursor: pointer; } .mce-btn .mce-txt { direction: inherit; text-align: inherit; } .mce-toolbar .mce-btn-group .mce-btn, .qt-dfw { border: 1px solid transparent; margin: 2px; border-radius: 2px; } .mce-toolbar .mce-btn-group .mce-btn:hover, .mce-toolbar .mce-btn-group .mce-btn:focus, .qt-dfw:hover, .qt-dfw:focus { background: #fafafa; border-color: #555d66; color: #23282d; box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 ); outline: none; } .mce-toolbar .mce-btn-group .mce-btn.mce-active, .mce-toolbar .mce-btn-group .mce-btn:active, .qt-dfw.active { background: #ebebeb; border-color: #555d66; box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 ); } .mce-btn.mce-active, .mce-btn.mce-active button, .mce-btn.mce-active:hover button, .mce-btn.mce-active i, .mce-btn.mce-active:hover i { color: inherit; } .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover, .mce-toolbar .mce-btn-group .mce-btn.mce-active:focus { border-color: #23282d; } .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover, .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus { color: #a0a5aa; background: none; border-color: #ddd; text-shadow: 0 1px 0 #fff; box-shadow: none; } .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus { border-color: #555d66; } .mce-toolbar .mce-btn-group .mce-first, .mce-toolbar .mce-btn-group .mce-last { border-color: transparent; } .mce-toolbar .mce-btn button, .qt-dfw { padding: 2px 3px; line-height: normal; } .mce-toolbar .mce-listbox button { font-size: 13px; line-height: 20px; padding-right: 6px; padding-left: 20px; } .mce-toolbar .mce-btn i { text-shadow: none; } .mce-toolbar .mce-btn-group > div { white-space: normal; } .mce-toolbar .mce-colorbutton .mce-open { border-left: 0; } .mce-toolbar .mce-colorbutton .mce-preview { margin: 0; padding: 0; top: auto; bottom: 2px; right: 3px; height: 3px; width: 20px; background: #555d66; } .mce-toolbar .mce-btn-group .mce-btn.mce-primary { min-width: 0; background: #0085ba; border-color: #0073aa #006799 #006799; box-shadow: 0 1px 0 #006799; color: #fff; text-decoration: none; text-shadow: none; } /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */ .mce-toolbar .mce-btn-group .mce-btn.mce-primary button { padding: 2px 3px 1px; } .mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico { color: #fff; } .mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover, .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus { background: #008ec2; border-color: #006799; color: #fff; } .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus { box-shadow: 0 0 1px 1px #33b3db; } .mce-toolbar .mce-btn-group .mce-btn.mce-primary:active { background: #0073aa; border-color: #006799; box-shadow: inset 0 2px 0 #006799; } /* mce listbox */ .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { border-radius: 0; direction: rtl; background: #fff; border: 1px solid #ddd; box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2); } .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover, .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus { border-color: #b4b9be; } .mce-panel .mce-btn i.mce-caret { border-top: 6px solid #555d66; margin-right: 2px; margin-left: 2px; } .mce-listbox i.mce-caret { left: 4px; } .mce-panel .mce-btn:hover i.mce-caret, .mce-panel .mce-btn:focus i.mce-caret { border-top-color: #23282d; } .mce-panel .mce-active i.mce-caret { border-top: 0; border-bottom: 6px solid #23282d; margin-top: 7px; } .mce-listbox.mce-active i.mce-caret { margin-top: -3px; } .mce-toolbar .mce-splitbtn:hover .mce-open { border-left-color: transparent; } .mce-toolbar .mce-splitbtn .mce-open.mce-active { background: transparent; outline: none; } .mce-menu .mce-menu-item:hover, .mce-menu .mce-menu-item.mce-selected, .mce-menu .mce-menu-item:focus, .mce-menu .mce-menu-item-normal.mce-active, .mce-menu .mce-menu-item-preview.mce-active { background: #0073aa; /* See color scheme. */ color: #fff; } .mce-menu-item:hover .mce-text, .mce-menu-item:focus .mce-text, .mce-menu-item:hover .mce-ico, .mce-menu-item:focus .mce-ico, .mce-menu-item:hover .mce-menu-shortcut, .mce-menu-item:focus .mce-menu-shortcut, .mce-menu-item.mce-active .mce-menu-shortcut, .mce-menu-item.mce-disabled:hover .mce-text, .mce-menu-item.mce-disabled:hover .mce-ico { color: inherit; } .mce-menu .mce-menu-item.mce-disabled { cursor: default; } .mce-menu .mce-menu-item.mce-disabled:hover { background: #ccc; } /* Menubar */ div.mce-menubar { border-color: #e5e5e5; background: #fff; border-width: 0px 0px 1px; } .mce-menubar .mce-menubtn:hover, .mce-menubar .mce-menubtn.mce-active, .mce-menubar .mce-menubtn:focus { border-color: transparent; background: transparent; } .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 .mce-menu-item-sep, .mce-menu-item-sep:hover { border-bottom: 1px solid #ddd; height: 0px; margin: 5px 0; } .mce-menubtn span { margin-left: 0; padding-right: 3px; } .mce-menu-has-icons i.mce-ico:before { margin-right: -2px; } /* Keyboard shortcuts position */ .mce-menu.mce-menu-align .mce-menu-item-normal { position: relative; } .mce-menu.mce-menu-align .mce-menu-shortcut { bottom: 0.6em; font-size: 0.9em; } /* Buttons in modals */ .mce-primary button, .mce-primary button i { text-align: center; color: #fff; text-shadow: none; padding: 0; line-height: 26px; } .mce-window .mce-btn { color: #555; background: #f7f7f7; text-decoration: none; font-size: 13px; line-height: 26px; height: 28px; margin: 0; padding: 0; cursor: pointer; border: 1px solid #cccccc; -webkit-appearance: none; border-radius: 3px; white-space: nowrap; box-shadow: 0 1px 0 #cccccc; } /* Remove the dotted border on :focus and the extra padding in Firefox */ .mce-window .mce-btn::-moz-focus-inner { border-width: 0; border-style: none; padding: 0; } .mce-window .mce-btn:hover, .mce-window .mce-btn:focus { background: #fafafa; border-color: #999; color: #23282d; } .mce-window .mce-btn:focus { border-color: #5b9dd9; box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); } .mce-window .mce-btn:active { background: #eee; border-color: #999; box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); -webkit-transform: translateY(1px); transform: translateY(1px); } .mce-window .mce-btn.mce-disabled { color: #a0a5aa !important; border-color: #ddd !important; background: #f7f7f7 !important; box-shadow: none !important; text-shadow: 0 1px 0 #fff !important; cursor: default; -webkit-transform: none !important; transform: none !important; } .mce-window .mce-btn.mce-primary { background: #0085ba; border-color: #0073aa #006799 #006799; box-shadow: 0 1px 0 #006799; color: #fff; text-decoration: none; text-shadow: 0 -1px 1px #006799, -1px 0 1px #006799, 0 1px 1px #006799, 1px 0 1px #006799; } .mce-window .mce-btn.mce-primary:hover, .mce-window .mce-btn.mce-primary:focus { background: #008ec2; border-color: #006799; color: #fff; } .mce-window .mce-btn.mce-primary:focus { box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db; } .mce-window .mce-btn.mce-primary:active { background: #0073aa; border-color: #006799; box-shadow: inset 0 2px 0 #006799; vertical-align: top; } .mce-window .mce-btn.mce-primary.mce-disabled { color: #66c6e4 !important; background: #008ec2 !important; border-color: #007cb2 !important; box-shadow: none !important; text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important; cursor: default; } .mce-menubtn.mce-fixed-width span { overflow-x: hidden; text-overflow: ellipsis; width: 82px; } /* Charmap modal */ .mce-charmap { margin: 3px; } .mce-charmap td { padding: 0; border-color: #ddd; cursor: pointer; } .mce-charmap td:hover { background: #f3f3f3; } .mce-charmap td div { width: 18px; height: 22px; line-height: 22px; } /* TinyMCE tooltips */ .mce-tooltip { margin-top: 2px; } /* Don't show the tooltip. Used in Chrome RTL, see #42018 */ .rtl .mce-tooltip.wp-hide-mce-tooltip { display: none !important; } .mce-tooltip-inner { border-radius: 3px; box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 ); color: #fff; font-size: 12px; } /* TinyMCE icons */ .mce-ico { font-family: tinymce, Arial; } .mce-btn-small .mce-ico { font-family: tinymce-small, Arial; } .mce-toolbar .mce-ico { color: #555d66; line-height: 20px; width: 20px; height: 20px; text-align: center; text-shadow: none; margin: 0; padding: 0; } .qt-dfw { color: #555d66; line-height: 20px; width: 28px; height: 26px; text-align: center; text-shadow: none; } .mce-toolbar .mce-btn .mce-open { line-height: 20px; } .mce-toolbar .mce-btn:hover .mce-open, .mce-toolbar .mce-btn:focus .mce-open, .mce-toolbar .mce-btn.mce-active .mce-open { border-right-color: #23282d; } div.mce-notification { right: 10% !important; left: 10%; } .mce-notification button.mce-close { left: 6px; top: 3px; font-weight: 400; color: #555d66; } .mce-notification button.mce-close:hover, .mce-notification button.mce-close:focus { color: #000; } i.mce-i-bold, i.mce-i-italic, i.mce-i-bullist, i.mce-i-numlist, i.mce-i-blockquote, i.mce-i-alignleft, i.mce-i-aligncenter, i.mce-i-alignright, i.mce-i-link, i.mce-i-unlink, i.mce-i-wp_more, i.mce-i-strikethrough, i.mce-i-spellchecker, i.mce-i-fullscreen, i.mce-i-wp_fullscreen, i.mce-i-dfw, i.mce-i-wp_adv, i.mce-i-underline, i.mce-i-alignjustify, i.mce-i-forecolor, i.mce-i-backcolor, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-removeformat, i.mce-i-charmap, i.mce-i-outdent, i.mce-i-indent, i.mce-i-undo, i.mce-i-redo, i.mce-i-help, i.mce-i-wp_help, i.mce-i-wp-media-library, i.mce-i-ltr, i.mce-i-wp_page, i.mce-i-hr, i.mce-i-wp_code, i.mce-i-dashicon, i.mce-i-remove { font: normal 20px/1 dashicons; padding: 0; vertical-align: top; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: -2px; padding-left: 2px; } .qt-dfw { font: normal 20px/1 dashicons; vertical-align: top; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } i.mce-i-bold:before { content: "\f200"; } i.mce-i-italic:before { content: "\f201"; } i.mce-i-bullist:before { content: "\f203"; } i.mce-i-numlist:before { content: "\f204"; } i.mce-i-blockquote:before { content: "\f205"; } i.mce-i-alignleft:before { content: "\f206"; } i.mce-i-aligncenter:before { content: "\f207"; } i.mce-i-alignright:before { content: "\f208"; } i.mce-i-link:before { content: "\f103"; } i.mce-i-unlink:before { content: "\f225"; } i.mce-i-wp_more:before { content: "\f209"; } i.mce-i-strikethrough:before { content: "\f224"; } i.mce-i-spellchecker:before { content: "\f210"; } i.mce-i-fullscreen:before, i.mce-i-wp_fullscreen:before, i.mce-i-dfw:before, .qt-dfw:before { content: "\f211"; } i.mce-i-wp_adv:before { content: "\f212"; } i.mce-i-underline:before { content: "\f213"; } i.mce-i-alignjustify:before { content: "\f214"; } i.mce-i-forecolor:before, i.mce-i-backcolor:before { content: "\f215"; } i.mce-i-pastetext:before { content: "\f217"; } i.mce-i-removeformat:before { content: "\f218"; } i.mce-i-charmap:before { content: "\f220"; } i.mce-i-outdent:before { content: "\f221"; } i.mce-i-indent:before { content: "\f222"; } i.mce-i-undo:before { content: "\f171"; } i.mce-i-redo:before { content: "\f172"; } i.mce-i-help:before, i.mce-i-wp_help:before { content: "\f223"; } i.mce-i-wp-media-library:before { content: "\f104"; } i.mce-i-ltr:before { content: "\f320"; } i.mce-i-wp_page:before { content: "\f105"; } i.mce-i-hr:before { content: "\f460"; } i.mce-i-remove:before { content: "\f158"; } i.mce-i-wp_code:before { content: "\f475"; } /* RTL button icons */ .rtl i.mce-i-outdent:before { content: "\f222"; } .rtl i.mce-i-indent:before { content: "\f221"; } /* Editors */ .wp-editor-wrap { position: relative; } .wp-editor-tools { position: relative; z-index: 1; } .wp-editor-tools:after { clear: both; content: ""; display: table; } .wp-editor-container { clear: both; border: 1px solid #e5e5e5; } .wp-editor-area { font-family: Consolas, Monaco, monospace; font-size: 13px; padding: 10px; margin: 1px 0 0; line-height: 150%; border: 0; outline: none; display: block; resize: vertical; box-sizing: border-box; } .rtl .wp-editor-area { font-family: Tahoma, Monaco, monospace; } .locale-he-il .wp-editor-area { font-family: Arial, Monaco, monospace; } .wp-editor-container textarea.wp-editor-area { width: 100%; margin: 0; box-shadow: none; } .wp-editor-tabs { float: left; } .wp-switch-editor { float: right; box-sizing: content-box; position: relative; top: 1px; background: #ebebeb; color: #666; cursor: pointer; font-size: 13px; line-height: 19px; height: 20px; margin: 5px 5px 0 0; padding: 3px 8px 4px; border: 1px solid #e5e5e5; } .wp-switch-editor:focus { box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); outline: none; color: #23282d; } .wp-switch-editor:active, .html-active .switch-html:focus, .tmce-active .switch-tmce:focus { box-shadow: none; } .wp-switch-editor:active { background-color: #f5f5f5; box-shadow: none; } .js .tmce-active .wp-editor-area { color: #fff; } .tmce-active .quicktags-toolbar { display: none; } .tmce-active .switch-tmce, .html-active .switch-html { background: #f5f5f5; color: #555; border-bottom-color: #f5f5f5; } .wp-media-buttons { float: right; } .wp-media-buttons .button { margin-left: 5px; margin-bottom: 4px; padding-right: 7px; padding-left: 7px; } .wp-media-buttons .button:active { position: relative; top: 1px; margin-top: -1px; margin-bottom: 1px; } .wp-media-buttons .insert-media { padding-right: 5px; } .wp-media-buttons a { text-decoration: none; color: #444; font-size: 12px; } .wp-media-buttons img { padding: 0 4px; vertical-align: middle; } .wp-media-buttons span.wp-media-buttons-icon { display: inline-block; width: 18px; height: 18px; vertical-align: text-top; margin: 0 2px; } .wp-media-buttons .add_media span.wp-media-buttons-icon { background: none; } .wp-media-buttons .add_media span.wp-media-buttons-icon:before { font: normal 18px/1 dashicons; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wp-media-buttons .add_media span.wp-media-buttons-icon:before { content: "\f104"; } /* Quicktags */ .quicktags-toolbar { padding: 3px; position: relative; border-bottom: 1px solid #ddd; background: #f5f5f5; min-height: 30px; } .has-dfw .quicktags-toolbar { padding-left: 35px; } .wp-core-ui .quicktags-toolbar input.button.button-small { margin: 2px; } .quicktags-toolbar input[value="link"] { text-decoration: underline; } .quicktags-toolbar input[value="del"] { text-decoration: line-through; } .quicktags-toolbar input[value="i"] { font-style: italic; } .quicktags-toolbar input[value="b"] { font-weight: 600; } .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw, .qt-dfw { position: absolute; top: 0; left: 0; margin: 5px 0 0 5px; } .qt-fullscreen { position: static; margin: 2px; } @media screen and ( max-width: 782px ) { .mce-toolbar .mce-btn button, .qt-dfw { padding: 6px 7px; } /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */ .mce-toolbar .mce-btn-group .mce-btn.mce-primary button { padding: 6px 7px 5px; } .mce-toolbar .mce-btn-group .mce-btn { margin: 1px; } .qt-dfw { width: 36px; height: 34px; } .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw { margin: 4px 0 0 4px; } .mce-toolbar .mce-colorbutton .mce-preview { right: 8px; bottom: 6px; } .mce-window .mce-btn { padding: 2px 0; } .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first, .has-dfw .quicktags-toolbar { padding-left: 40px; } } @media screen and ( min-width: 782px ) { .wp-core-ui .quicktags-toolbar input.button.button-small { /* .button-small is normally 11px, but a bit too small for these buttons. */ font-size: 12px; height: 26px; line-height: 24px; } } #wp_editbtns, #wp_gallerybtns { padding: 2px; position: absolute; display: none; z-index: 100020; } #wp_editimgbtn, #wp_delimgbtn, #wp_editgallery, #wp_delgallery { border-color: #999; background-color: #eee; margin: 2px; padding: 2px; border-width: 1px; border-style: solid; border-radius: 3px; } #wp_editimgbtn:hover, #wp_delimgbtn:hover, #wp_editgallery:hover, #wp_delgallery:hover { border-color: #555; background-color: #ccc; } /*------------------------------------------------------------------------------ wp-link ------------------------------------------------------------------------------*/ #wp-link-wrap { display: none; background-color: #fff; box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); width: 500px; overflow: hidden; margin-right: -250px; margin-top: -125px; position: fixed; top: 50%; right: 50%; z-index: 100105; transition: height 0.2s, margin-top 0.2s; } #wp-link-backdrop { display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; min-height: 360px; background: #000; opacity: 0.7; filter: alpha(opacity=70); z-index: 100100; } #wp-link { position: relative; height: 100%; } #wp-link-wrap { height: 500px; margin-top: -250px; } #wp-link-wrap .wp-link-text-field { display: none; } #wp-link-wrap.has-text-field .wp-link-text-field { display: block; } #link-modal-title { background: #fcfcfc; border-bottom: 1px solid #ddd; height: 36px; font-size: 18px; font-weight: 600; line-height: 36px; margin: 0; padding: 0 16px 0 36px; } #wp-link-close { color: #666; padding: 0; position: absolute; top: 0; left: 0; width: 36px; height: 36px; text-align: center; background: none; border: none; cursor: pointer; } #wp-link-close:before { font: normal 20px/36px dashicons; vertical-align: top; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 36px; height: 36px; content: "\f158"; } #wp-link-close:hover, #wp-link-close:focus { color: #00a0d2; } #wp-link-close:focus { outline: none; box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); } #wp-link-wrap #link-selector { -webkit-overflow-scrolling: touch; padding: 0 16px; position: absolute; top: 37px; right: 0; left: 0; bottom: 44px; } #wp-link ol, #wp-link ul { list-style: none; margin: 0; padding: 0; } #wp-link input[type="text"] { box-sizing: border-box; } #wp-link #link-options { padding: 8px 0 12px; } #wp-link p.howto { margin: 3px 0; } #wp-link p.howto a { text-decoration: none; color: inherit; } #wp-link label input[type="text"] { margin-top: 5px; width: 70%; } #wp-link #link-options label span, #wp-link #search-panel label span.search-label { display: inline-block; width: 80px; text-align: left; padding-left: 5px; max-width: 24%; vertical-align: middle; word-wrap: break-word; } #wp-link .link-search-field { float: right; width: 250px; max-width: 70%; } #wp-link .link-search-wrapper { margin: 5px 0 9px; display: block; overflow: hidden; } #wp-link .link-search-wrapper span { float: right; margin-top: 4px; } #wp-link .link-search-wrapper .spinner { margin-top: 5px; } #wp-link .link-target { padding: 3px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #wp-link .link-target label { max-width: 70%; } #wp-link .query-results { border: 1px #dfdfdf solid; margin: 0 0 12px; background: #fff; overflow: auto; position: absolute; right: 16px; left: 16px; bottom: 0; top: 166px; } .has-text-field #wp-link .query-results { top: 200px; } #wp-link li { clear: both; margin-bottom: 0; border-bottom: 1px solid #f1f1f1; color: #32373c; padding: 4px 10px 4px 6px; cursor: pointer; position: relative; } #wp-link .query-notice { padding: 0; border-bottom: 1px solid #dfdfdf; background-color: #f7fcfe; color: #000; } #wp-link .query-notice .query-notice-default, #wp-link .query-notice .query-notice-hint { display: block; padding: 6px; border-right: 4px solid #00a0d2; } #wp-link .unselectable.no-matches-found { padding: 0; border-bottom: 1px solid #dfdfdf; background-color: #fef7f1; } #wp-link .no-matches-found .item-title { display: block; padding: 6px; border-right: 4px solid #d54e21; } #wp-link .query-results em { font-style: normal; } #wp-link li:hover { background: #eaf2fa; color: #151515; } #wp-link li.unselectable { border-bottom: 1px solid #dfdfdf; } #wp-link li.unselectable:hover { background: #fff; cursor: auto; color: #32373c; } #wp-link li.selected { background: #ddd; color: #32373c; } #wp-link li.selected .item-title { font-weight: 600; } #wp-link li:last-child { border: none; } #wp-link .item-title { display: inline-block; width: 80%; width: calc(100% - 68px); word-wrap: break-word; } #wp-link .item-info { text-transform: uppercase; color: #666; font-size: 11px; position: absolute; left: 5px; top: 5px; } #wp-link .river-waiting { display: none; padding: 10px 0; } #wp-link .submitbox { padding: 8px 16px; background: #fcfcfc; border-top: 1px solid #ddd; position: absolute; bottom: 0; right: 0; left: 0; } #wp-link-cancel { line-height: 25px; float: right; } #wp-link-update { line-height: 23px; float: left; } #wp-link-submit { float: left; } @media screen and ( max-width: 782px ) { #wp-link-wrap { margin-top: -140px; } #wp-link-wrap .query-results { top: 195px; } #wp-link-wrap.has-text-field .query-results { top: 235px; } #link-selector { padding: 0 16px 60px; } #wp-link-wrap #link-selector { bottom: 52px; } #wp-link-cancel { line-height: 32px; } #wp-link .link-target { padding-top: 10px; } #wp-link .submitbox .button { margin-bottom: 0; } } @media screen and ( max-width: 520px ) { #wp-link-wrap { width: auto; margin-right: 0; right: 10px; left: 10px; max-width: 500px; } } @media screen and ( max-height: 520px ) { #wp-link-wrap { transition: none; height: auto; margin-top: 0; top: 10px; bottom: 10px; } #link-selector { overflow: auto; } #search-panel .query-results { position: static; } } @media screen and ( max-height: 290px ) { #wp-link-wrap { height: auto; margin-top: 0; top: 10px; bottom: 10px; } #link-selector { overflow: auto; height: calc(100% - 92px); padding-bottom: 2px; } #search-panel .query-results { position: static; } } div.wp-link-preview { float: right; margin: 5px; max-width: 694px; overflow: hidden; text-overflow: ellipsis; } div.wp-link-preview a { color: #0073aa; text-decoration: underline; transition-property: border, background, color; transition-duration: .05s; transition-timing-function: ease-in-out; cursor: pointer; } div.wp-link-preview a.wplink-url-error { color: #dc3232; } div.wp-link-input { float: right; margin: 2px; max-width: 694px; } div.wp-link-input input { width: 300px; padding: 3px; box-sizing: border-box; } .mce-toolbar div.wp-link-preview ~ .mce-btn, .mce-toolbar div.wp-link-input ~ .mce-btn { margin: 2px 1px; } .mce-inline-toolbar-grp .mce-btn-group .mce-btn:last-child { margin-left: 2px; } .ui-autocomplete.wplink-autocomplete { z-index: 100110; max-height: 200px; overflow-y: auto; padding: 0; margin: 0; list-style: none; position: absolute; border: 1px solid #5b9dd9; box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 ); background-color: #fff; } .ui-autocomplete.wplink-autocomplete li { margin-bottom: 0; padding: 4px 10px; clear: both; white-space: normal; text-align: right; } .ui-autocomplete.wplink-autocomplete li .wp-editor-float-right { float: left; } .ui-autocomplete.wplink-autocomplete li.ui-state-focus { background-color: #ddd; cursor: pointer; } @media screen and ( max-width: 782px ) { div.wp-link-preview, div.wp-link-input { max-width: 70%; max-width: calc(100% - 86px); } div.wp-link-preview { margin: 8px 5px 8px 0; } div.wp-link-input { width: 300px; } div.wp-link-input input { width: 100%; font-size: 16px; padding: 5px; } } /* =Overlay Body -------------------------------------------------------------- */ .mce-fullscreen { z-index: 100010; } /* =Localization -------------------------------------------------------------- */ .rtl .wp-switch-editor, .rtl .quicktags-toolbar input { font-family: Tahoma, sans-serif; } /* rtl:ignore */ .mce-rtl .mce-flow-layout .mce-flow-layout-item > div { direction: rtl; } /* rtl:ignore */ .mce-rtl .mce-listbox i.mce-caret { left: 6px; } html:lang(he-il) .rtl .wp-switch-editor, html:lang(he-il) .rtl .quicktags-toolbar input { font-family: Arial, sans-serif; } /* HiDPI */ @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .wp-media-buttons .add_media span.wp-media-buttons-icon { background: none; } }