diff -r 490d5cc509ed -r cf61fcea0001 wp/wp-includes/css/editor-rtl.css --- a/wp/wp-includes/css/editor-rtl.css Tue Jun 09 11:14:17 2015 +0000 +++ b/wp/wp-includes/css/editor-rtl.css Mon Oct 14 17:39:30 2019 +0200 @@ -4,6 +4,10 @@ /* TinyMCE widgets/containers */ +.mce-tinymce { + box-shadow: none; +} + .mce-container, .mce-container *, .mce-widget, @@ -12,22 +16,26 @@ 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); - -webkit-transition: none; transition: none; + background: #000; } .mce-window { - -webkit-border-radius: 0; border-radius: 0; - -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); -webkit-font-smoothing: subpixel-antialiased; - -webkit-transition: none; transition: none; } @@ -37,7 +45,7 @@ .mce-window .mce-window-head { background: #fcfcfc; - border-bottom: 1px solid #dfdfdf; + border-bottom: 1px solid #ddd; padding: 0; min-height: 36px; } @@ -51,18 +59,20 @@ padding: 0 16px 0 36px; } -.mce-window .mce-window-head .mce-close { +.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 .mce-window-head .mce-close:before { - font: normal 20px/36px 'dashicons'; +.mce-window-head .mce-close .mce-i-remove:before { + font: normal 20px/36px dashicons; text-align: center; color: #666; width: 36px; @@ -70,28 +80,31 @@ display: block; } -.mce-window .mce-window-head .mce-close:hover:before { +.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: -webkit-calc( 100% - 36px ); width: calc( 100% - 36px ); } -.mce-wp-help .mce-window-head { - border-bottom: none; +.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; - -webkit-border-radius: 0; border-radius: 0; - -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); - -webkit-transition: .05s all ease-in-out; transition: .05s all ease-in-out; } @@ -100,20 +113,99 @@ .mce-checkbox:focus i.mce-i-checkbox, #wp-link .query-results:focus { border-color: #5b9dd9; - -webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8); 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); - -webkit-border-radius: 0; border-radius: 0; - -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 ); box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 ); } +.mce-menu, .mce-floatpanel.mce-popover.mce-bottom { margin-top: 2px; } @@ -129,6 +221,7 @@ .mce-menu-item { border: none; margin-bottom: 2px; + padding: 6px 12px 6px 15px; } .mce-menu-has-icons i.mce-ico { @@ -139,8 +232,6 @@ div.mce-panel { border: 0; background: #fff; - -webkit-filter: none; - filter: none; } .mce-panel.mce-menu { @@ -153,7 +244,7 @@ /* TinyMCE toolbars */ div.mce-toolbar-grp { - border-bottom: 1px solid #dedede; + border-bottom: 1px solid #ddd; background: #f5f5f5; padding: 0; position: relative; @@ -161,12 +252,8 @@ div.mce-inline-toolbar-grp { border: 1px solid #a0a5aa; - -webkit-border-radius: 2px; border-radius: 2px; - -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 ); box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 ); - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 8px; position: absolute; @@ -174,6 +261,7 @@ -webkit-user-select: none; -ms-user-select: none; user-select: none; + max-width: 98%; z-index: 100100; /* Same as the other TinyMCE "panels" */ } @@ -195,34 +283,34 @@ height: 0; border-style: solid; border-color: transparent; - content: ''; + content: ""; } div.mce-inline-toolbar-grp.mce-arrow-up:before { - top: -18px; + top: -9px; border-bottom-color: #a0a5aa; - border-width: 9px; + border-width: 0 9px 9px; margin-right: -9px; } div.mce-inline-toolbar-grp.mce-arrow-down:before { - bottom: -18px; + bottom: -9px; border-top-color: #a0a5aa; - border-width: 9px; + border-width: 9px 9px 0; margin-right: -9px; } div.mce-inline-toolbar-grp.mce-arrow-up:after { - top: -16px; + top: -8px; border-bottom-color: #f5f5f5; - border-width: 8px; + border-width: 0 8px 8px; margin-right: -8px; } div.mce-inline-toolbar-grp.mce-arrow-down:after { - bottom: -16px; + bottom: -8px; border-top-color: #f5f5f5; - border-width: 8px; + border-width: 8px 8px 0; margin-right: -8px; } @@ -286,76 +374,74 @@ .mce-path-item, .mce-path .mce-divider { font-size: 12px; - line-height: 18px; } .mce-toolbar .mce-btn, .qt-dfw { border-color: transparent; background: transparent; - -webkit-box-shadow: none; box-shadow: none; text-shadow: none; cursor: pointer; } -#wp-fullscreen-buttons .mce-btn, +.mce-btn .mce-txt { + direction: inherit; + text-align: inherit; +} + .mce-toolbar .mce-btn-group .mce-btn, .qt-dfw { border: 1px solid transparent; margin: 2px; - background-image: none; - -webkit-border-radius: 2px; border-radius: 2px; - -webkit-filter: none; - filter: none; } -#wp-fullscreen-buttons .mce-btn:hover, .mce-toolbar .mce-btn-group .mce-btn:hover, -#wp-fullscreen-buttons .mce-btn:focus, .mce-toolbar .mce-btn-group .mce-btn:focus, .qt-dfw:hover, .qt-dfw:focus { background: #fafafa; - border-color: #999; + border-color: #555d66; color: #23282d; - -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 ); 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, -#wp-fullscreen-buttons .mce-btn.mce-active, .mce-toolbar .mce-btn-group .mce-btn:active, -#wp-fullscreen-buttons .mce-btn:active, .qt-dfw.active { background: #ebebeb; - border-color: #999; - -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 ); + border-color: #555d66; box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 ); } -.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover { - border-color: #555; +.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 i.mce-ico { - color: #555; +.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, -#wp-fullscreen-buttons .mce-btn.mce-disabled:hover, -.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus, -#wp-fullscreen-buttons .mce-btn.mce-disabled:focus { +.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus { color: #a0a5aa; background: none; border-color: #ddd; text-shadow: 0 1px 0 #fff; - -webkit-box-shadow: none; 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; @@ -367,6 +453,13 @@ 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; } @@ -387,51 +480,77 @@ 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 { - -webkit-border-radius: 0; border-radius: 0; direction: rtl; background: #fff; border: 1px solid #ddd; - -webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2); box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2); } -.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover { - background-image: none; - border-color: #b4b9be; -} - -.mce-toolbar .mce-btn-group .mce-btn.mce-listbox span { - font-size: 13px; +.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 #777; + border-top: 6px solid #555d66; margin-right: 2px; margin-left: 2px; } .mce-listbox i.mce-caret { - left: 6px; + left: 4px; } -.mce-panel .mce-btn button.mce-open i.mce-caret, -.mce-panel .mce-btn.mce-listbox i.mce-caret { - margin-right: 0; - margin-left: 0; -} - -.mce-panel .mce-btn:hover i.mce-caret { - border-top-color: #32373c; +.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 #32373c; + border-bottom: 6px solid #23282d; margin-top: 7px; } @@ -443,50 +562,66 @@ border-left-color: transparent; } -.mce-toolbar .mce-splitbtn .mce-open.mce-active{ - -webkit-box-shadow: none; - box-shadow: none; -} - -.mce-menu .mce-menu-item-normal.mce-active { - background-color: #e5e5e5; - -webkit-filter: none; - filter: none; +.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 { - color: #000; - background-color: #b4b9be; - background-image: none; - -webkit-filter: none; - filter: none; +.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 .mce-menu-item:hover .mce-ico, -.mce-menu .mce-menu-item.mce-selected .mce-ico, -.mce-menu .mce-menu-item:focus .mce-ico, -.mce-menu .mce-menu-item:hover .mce-text, -.mce-menu .mce-menu-item.mce-active:hover .mce-text, -.mce-menu .mce-menu-item.mce-selected .mce-text { - color: #000; +.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 */ -.mce-menubar { +div.mce-menubar { border-color: #e5e5e5; background: #fff; border-width: 0px 0px 1px; } -.mce-menubar .mce-btn:focus { - outline: 0; +.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 { - margin: 5px 0 4px; + border-bottom: 1px solid #ddd; + height: 0px; + margin: 5px 0; } .mce-menubtn span { @@ -498,6 +633,16 @@ 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 { @@ -518,21 +663,17 @@ margin: 0; padding: 0; cursor: pointer; - border: 1px solid #ccc; + border: 1px solid #cccccc; -webkit-appearance: none; - -webkit-border-radius: 3px; border-radius: 3px; white-space: nowrap; - -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 ); - box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 ); - background-image: none; + 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: 1px 0; - border-style: solid none; - border-color: transparent; + border-width: 0; + border-style: none; padding: 0; } @@ -544,84 +685,73 @@ } .mce-window .mce-btn:focus { - -webkit-box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba( 30, 140, 190, 0.8 ); - box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba( 30, 140, 190, 0.8 ); + border-color: #5b9dd9; + box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); } .mce-window .mce-btn:active { background: #eee; border-color: #999; - color: #32373c; - -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); 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; - border-color: #ddd; - background: #f7f7f7; - -webkit-box-shadow: none; - box-shadow: none; - text-shadow: 0 1px 0 #fff; + 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: #00a0d2; - border-color: #0073aa; - -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 ); - box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 ); + 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: #1e8cbe; - border-color: #0073aa; - -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 ); - box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 ); + background: #008ec2; + border-color: #006799; color: #fff; } .mce-window .mce-btn.mce-primary:focus { - border-color: #0e3950; - -webkit-box-shadow: - inset 0 1px 0 rgba( 120, 200, 230, 0.6 ), - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba( 30, 140, 190, 0.8 ); - box-shadow: - inset 0 1px 0 rgba( 120, 200, 230, 0.6 ), - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba( 30, 140, 190, 0.8 ); + box-shadow: 0 1px 0 #0073aa, + 0 0 2px 1px #33b3db; } .mce-window .mce-btn.mce-primary:active { - background: #1b7aa6; - border-color: #005684; - color: rgba( 255, 255, 255, 0.95 ); - -webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 ); - box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 ); + background: #0073aa; + border-color: #006799; + box-shadow: inset 0 2px 0 #006799; vertical-align: top; } .mce-window .mce-btn.mce-primary.mce-disabled { - color: #94cde7; - background: #298cba; - border-color: #1b607f; - -webkit-box-shadow: none; - box-shadow: none; - text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ); + 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 button span { - max-width: 80px; - padding-left: 16px; +.mce-menubtn.mce-fixed-width span { + overflow-x: hidden; + text-overflow: ellipsis; + width: 82px; } /* Charmap modal */ @@ -631,7 +761,7 @@ .mce-charmap td { padding: 0; - border-color: #dfdfdf; + border-color: #ddd; cursor: pointer; } @@ -650,8 +780,13 @@ 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 { - -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 ); + border-radius: 3px; box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 ); color: #fff; font-size: 12px; @@ -667,7 +802,7 @@ } .mce-toolbar .mce-ico { - color: #777; + color: #555d66; line-height: 20px; width: 20px; height: 20px; @@ -678,7 +813,7 @@ } .qt-dfw { - color: #777; + color: #555d66; line-height: 20px; width: 28px; height: 26px; @@ -693,7 +828,24 @@ .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: #999; + 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, @@ -733,8 +885,8 @@ i.mce-i-hr, i.mce-i-wp_code, i.mce-i-dashicon, -.mce-close { - font: normal 20px/1 'dashicons'; +i.mce-i-remove { + font: normal 20px/1 dashicons; padding: 0; vertical-align: top; speak: none; @@ -745,7 +897,7 @@ } .qt-dfw { - font: normal 20px/1 'dashicons'; + font: normal 20px/1 dashicons; vertical-align: top; speak: none; -webkit-font-smoothing: antialiased; @@ -753,145 +905,145 @@ } i.mce-i-bold:before { - content: '\f200'; + content: "\f200"; } i.mce-i-italic:before { - content: '\f201'; + content: "\f201"; } i.mce-i-bullist:before { - content: '\f203'; + content: "\f203"; } i.mce-i-numlist:before { - content: '\f204'; + content: "\f204"; } i.mce-i-blockquote:before { - content: '\f205'; + content: "\f205"; } i.mce-i-alignleft:before { - content: '\f206'; + content: "\f206"; } i.mce-i-aligncenter:before { - content: '\f207'; + content: "\f207"; } i.mce-i-alignright:before { - content: '\f208'; + content: "\f208"; } i.mce-i-link:before { - content: '\f103'; + content: "\f103"; } i.mce-i-unlink:before { - content: '\f225'; + content: "\f225"; } i.mce-i-wp_more:before { - content: '\f209'; + content: "\f209"; } i.mce-i-strikethrough:before { - content: '\f224'; + content: "\f224"; } i.mce-i-spellchecker:before { - content: '\f210'; + content: "\f210"; } i.mce-i-fullscreen:before, i.mce-i-wp_fullscreen:before, i.mce-i-dfw:before, .qt-dfw:before { - content: '\f211'; + content: "\f211"; } i.mce-i-wp_adv:before { - content: '\f212'; + content: "\f212"; } i.mce-i-underline:before { - content: '\f213'; + content: "\f213"; } i.mce-i-alignjustify:before { - content: '\f214'; + content: "\f214"; } i.mce-i-forecolor:before, i.mce-i-backcolor:before { - content: '\f215'; + content: "\f215"; } i.mce-i-pastetext:before { - content: '\f217'; + content: "\f217"; } i.mce-i-removeformat:before { - content: '\f218'; + content: "\f218"; } i.mce-i-charmap:before { - content: '\f220'; + content: "\f220"; } i.mce-i-outdent:before { - content: '\f221'; + content: "\f221"; } i.mce-i-indent:before { - content: '\f222'; + content: "\f222"; } i.mce-i-undo:before { - content: '\f171'; + content: "\f171"; } i.mce-i-redo:before { - content: '\f172'; + content: "\f172"; } i.mce-i-help:before, i.mce-i-wp_help:before { - content: '\f223'; + content: "\f223"; } i.mce-i-wp-media-library:before { - content: '\f104'; + content: "\f104"; } i.mce-i-ltr:before { - content: '\f320'; + content: "\f320"; } i.mce-i-wp_page:before { - content: '\f105'; + content: "\f105"; } i.mce-i-hr:before { - content: '\f460'; + content: "\f460"; } -.mce-close:before { - content: '\f158'; +i.mce-i-remove:before { + content: "\f158"; } i.mce-i-wp_code:before { - content: '\f475'; + content: "\f475"; } /* RTL button icons */ .rtl i.mce-i-outdent:before { - content: '\f222'; + content: "\f222"; } .rtl i.mce-i-indent:before { - content: '\f221'; + content: "\f221"; } /* Editors */ @@ -906,12 +1058,13 @@ .wp-editor-tools:after { clear: both; - content: ''; + content: ""; display: table; } .wp-editor-container { clear: both; + border: 1px solid #e5e5e5; } .wp-editor-area { @@ -920,12 +1073,10 @@ padding: 10px; margin: 1px 0 0; line-height: 150%; - border: 0 none; + border: 0; outline: none; display: block; resize: vertical; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } @@ -940,7 +1091,6 @@ .wp-editor-container textarea.wp-editor-area { width: 100%; margin: 0; - -webkit-box-shadow: none; box-shadow: none; } @@ -950,15 +1100,14 @@ .wp-switch-editor { float: right; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; box-sizing: content-box; position: relative; top: 1px; background: #ebebeb; - color: #777; + color: #666; cursor: pointer; - font: 13px/19px "Open Sans", sans-serif; + font-size: 13px; + line-height: 19px; height: 20px; margin: 5px 5px 0 0; padding: 3px 8px 4px; @@ -966,9 +1115,6 @@ } .wp-switch-editor:focus { - -webkit-box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, .8); box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); @@ -979,18 +1125,16 @@ .wp-switch-editor:active, .html-active .switch-html:focus, .tmce-active .switch-tmce:focus { - -webkit-box-shadow: none; box-shadow: none; } .wp-switch-editor:active { background-color: #f5f5f5; - -webkit-box-shadow: none; box-shadow: none; } .js .tmce-active .wp-editor-area { - color: white; + color: #fff; } .tmce-active .quicktags-toolbar { @@ -1028,7 +1172,7 @@ .wp-media-buttons a { text-decoration: none; - color: #464646; + color: #444; font-size: 12px; } @@ -1050,22 +1194,23 @@ } .wp-media-buttons .add_media span.wp-media-buttons-icon:before { - font: normal 18px/1 'dashicons'; + 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'; + content: "\f104"; } /* Quicktags */ .quicktags-toolbar { padding: 3px; position: relative; - border-bottom: 1px solid #dedede; + border-bottom: 1px solid #ddd; background: #f5f5f5; + min-height: 30px; } .has-dfw .quicktags-toolbar { @@ -1089,7 +1234,7 @@ } .quicktags-toolbar input[value="b"] { - font-weight: bold; + font-weight: 600; } .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw, @@ -1111,7 +1256,11 @@ padding: 6px 7px; } - #wp-fullscreen-buttons .mce-btn, + /* 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; } @@ -1142,7 +1291,7 @@ @media screen and ( min-width: 782px ) { .wp-core-ui .quicktags-toolbar input.button.button-small { - /* .button-small is normaly 11px, but a bit too small for these buttons. */ + /* .button-small is normally 11px, but a bit too small for these buttons. */ font-size: 12px; height: 26px; line-height: 24px; @@ -1167,7 +1316,6 @@ padding: 2px; border-width: 1px; border-style: solid; - -webkit-border-radius: 3px; border-radius: 3px; } @@ -1186,7 +1334,6 @@ #wp-link-wrap { display: none; background-color: #fff; - -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); width: 500px; overflow: hidden; @@ -1196,7 +1343,6 @@ top: 50%; right: 50%; z-index: 100105; - -webkit-transition: height 0.2s, margin-top 0.2s; transition: height 0.2s, margin-top 0.2s; } @@ -1219,7 +1365,7 @@ height: 100%; } -#wp-link-wrap.search-panel-visible { +#wp-link-wrap { height: 500px; margin-top: -250px; } @@ -1234,15 +1380,13 @@ #link-modal-title { background: #fcfcfc; - border-bottom: 1px solid #dfdfdf; + border-bottom: 1px solid #ddd; height: 36px; font-size: 18px; font-weight: 600; line-height: 36px; + margin: 0; padding: 0 16px 0 36px; - top: 0; - left: 0; - right: 0; } #wp-link-close { @@ -1260,14 +1404,14 @@ } #wp-link-close:before { - font: normal 20px/36px 'dashicons'; + 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'; + content: "\f158"; } #wp-link-close:hover, @@ -1277,23 +1421,16 @@ #wp-link-close:focus { outline: none; - -webkit-box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, .8); box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); } -#link-selector { - padding: 0 16px 50px; -} - -#wp-link-wrap.search-panel-visible #link-selector { +#wp-link-wrap #link-selector { -webkit-overflow-scrolling: touch; padding: 0 16px; position: absolute; - top: 36px; + top: 37px; right: 0; left: 0; bottom: 44px; @@ -1306,23 +1443,7 @@ padding: 0; } -#wp-link-search-toggle:after { - display: inline-block; - font: normal 20px/1 'dashicons'; - vertical-align: top; - speak: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - content: '\f140'; -} - -.search-panel-visible #wp-link-search-toggle:after { - content: '\f142'; -} - #wp-link input[type="text"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } @@ -1339,10 +1460,6 @@ color: inherit; } -#wp-link-search-toggle { - cursor: pointer; -} - #wp-link label input[type="text"] { margin-top: 5px; width: 70%; @@ -1355,6 +1472,8 @@ text-align: left; padding-left: 5px; max-width: 24%; + vertical-align: middle; + word-wrap: break-word; } #wp-link .link-search-field { @@ -1391,18 +1510,18 @@ #wp-link .query-results { border: 1px #dfdfdf solid; - margin: 0; + margin: 0 0 12px; background: #fff; overflow: auto; position: absolute; right: 16px; left: 16px; - bottom: 16px; - top: 172px; + bottom: 0; + top: 166px; } .has-text-field #wp-link .query-results { - top: 205px; + top: 200px; } #wp-link li { @@ -1466,7 +1585,7 @@ } #wp-link li.selected .item-title { - font-weight: bold; + font-weight: 600; } #wp-link li:last-child { @@ -1476,7 +1595,6 @@ #wp-link .item-title { display: inline-block; width: 80%; - width: -webkit-calc(100% - 68px); width: calc(100% - 68px); word-wrap: break-word; } @@ -1490,15 +1608,6 @@ top: 5px; } -#wp-link #search-results, -#wp-link #search-panel { - display: none; -} - -#wp-link-wrap.search-panel-visible #search-panel { - display: block; -} - #wp-link .river-waiting { display: none; padding: 10px 0; @@ -1507,7 +1616,7 @@ #wp-link .submitbox { padding: 8px 16px; background: #fcfcfc; - border-top: 1px solid #dfdfdf; + border-top: 1px solid #ddd; position: absolute; bottom: 0; right: 0; @@ -1526,7 +1635,6 @@ #wp-link-submit { float: left; - margin-bottom: 0; } @media screen and ( max-width: 782px ) { @@ -1534,11 +1642,11 @@ margin-top: -140px; } - #wp-link-wrap.search-panel-visible .query-results { + #wp-link-wrap .query-results { top: 195px; } - #wp-link-wrap.search-panel-visible.has-text-field .query-results { + #wp-link-wrap.has-text-field .query-results { top: 235px; } @@ -1546,13 +1654,21 @@ padding: 0 16px 60px; } - #wp-link-wrap.search-panel-visible #link-selector { + #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 ) { @@ -1567,22 +1683,18 @@ @media screen and ( max-height: 520px ) { #wp-link-wrap { - -webkit-transition: none; transition: none; - } - - #wp-link-wrap.search-panel-visible { height: auto; margin-top: 0; top: 10px; bottom: 10px; } - .search-panel-visible #link-selector { + #link-selector { overflow: auto; } - .search-panel-visible #search-panel .query-results { + #search-panel .query-results { position: static; } } @@ -1597,7 +1709,6 @@ #link-selector { overflow: auto; - height: -webkit-calc(100% - 92px); height: calc(100% - 92px); padding-bottom: 2px; } @@ -1607,509 +1718,107 @@ } } -/* Old TinyMCE 3.x modal */ -/* -.clearlooks2 .mceTop { - border-bottom: 1px solid #ccc; -} - -.clearlooks2 .mceTop span { - font: 13px/24px "Open Sans", sans-serif; - color: #e5e5e5; +div.wp-link-preview { + float: right; + margin: 5px; + max-width: 694px; + overflow: hidden; + text-overflow: ellipsis; } -.clearlooks2 .mceTop .mceLeft { - background: #444444; - border-color: transparent; -} - -.clearlooks2 .mceTop .mceRight { - background: #444444; - border-color: transparent; -} - -.clearlooks2 .mceMiddle { - clip: rect(24px auto auto auto); +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; } -.clearlooks2 .mceMiddle .mceLeft { - background: #f1f1f1; - border-color: transparent; +div.wp-link-preview a.wplink-url-error { + color: #dc3232; } -.clearlooks2 .mceMiddle .mceRight { - background: #f1f1f1; - border-color: transparent; +div.wp-link-input { + float: right; + margin: 2px; + max-width: 694px; } -.clearlooks2 .mceBottom { - background: #f1f1f1; - border-color: transparent; +div.wp-link-input input { + width: 300px; + padding: 3px; + box-sizing: border-box; } -.clearlooks2 .mceBottom .mceLeft { - background: #f1f1f1; - border-color: transparent; +.mce-toolbar div.wp-link-preview ~ .mce-btn, +.mce-toolbar div.wp-link-input ~ .mce-btn { + margin: 2px 1px; } -.clearlooks2 .mceBottom .mceCenter { - background: #f1f1f1; - border-color: transparent; -} - -.clearlooks2 .mceBottom .mceRight { - background: #f1f1f1; - border-color: transparent; +.mce-inline-toolbar-grp .mce-btn-group .mce-btn:last-child { + margin-left: 2px; } -.clearlooks2 .mceClose, -.clearlooks2 .mceFocus .mceClose, -.clearlooks2 .mceFocus .mceClose:hover { - background-image: none; -} -.clearlooks2 .mceClose:before { - content: '\f158'; - font: normal 20px/1 'dashicons'; - speak: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - color: #999; - padding-left: 12px; +.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; } -/* from colors.css -.clearlooks2 { - box-shadow: 0 5px 15px rgba(0,0,0,0.7); +.ui-autocomplete.wplink-autocomplete li { + margin-bottom: 0; + padding: 4px 10px; + clear: both; + white-space: normal; + text-align: right; } -.clearlooks2 .mceMiddle span, -.clearlooks2 .mceMiddle .mceLeft, -.clearlooks2 .mceMiddle .mceRight, -.clearlooks2 .mceBottom, -.clearlooks2 .mceBottom .mceLeft, -.clearlooks2 .mceBottom .mceCenter, -.clearlooks2 .mceBottom .mceRight { - background-color: #fcfcfc; -} - -.clearlooks2 .mceTop span, -.clearlooks2 .mceFocus .mceTop span { - color: #23282d; +.ui-autocomplete.wplink-autocomplete li .wp-editor-float-right { + float: left; } -.clearlooks2 .mceClose:before { - color: #999; +.ui-autocomplete.wplink-autocomplete li.ui-state-focus { + background-color: #ddd; + cursor: pointer; } -.clearlooks2 .mceClose:hover:before { - color: #00a0d2; -} -*/ -/* Distraction-Free Writing mode - * =Overlay Styles --------------------------------------------------------------- */ -.fullscreen-overlay { - z-index: 100005; - display: none; - position: fixed; - top: 0; - bottom: 0; - right: 0; - left: 0; - -webkit-filter: inherit; - filter: inherit; -} +@media screen and ( max-width: 782px ) { + div.wp-link-preview, + div.wp-link-input { + max-width: 70%; + max-width: calc(100% - 86px); + } -.wp-fullscreen-active .fullscreen-overlay, -.wp-fullscreen-active #wp-fullscreen-body { - display: block; -} + div.wp-link-preview { + margin: 8px 5px 8px 0; + } -.fullscreen-fader { - z-index: 200000; -} + div.wp-link-input { + width: 300px; + } -.wp-fullscreen-active .fullscreen-fader, -.wp-core-ui.wp-fullscreen-active .postbox-container { - display: none; + div.wp-link-input input { + width: 100%; + font-size: 16px; + padding: 5px; + } } /* =Overlay Body -------------------------------------------------------------- */ -#wp-fullscreen-body, .mce-fullscreen { z-index: 100010; } -#wp-fullscreen-body { - display: none; -} - -.wp-fullscreen-wrap { - margin: 0; - padding: 0; - position: absolute; - right: 0; - left: 0; - bottom: 30px; - top: 60px; - z-index: 100015; -} - -.wp-fullscreen-wrap .wp-editor-container, -.wp-fullscreen-title, -#wp-fullscreen-central-toolbar { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - max-width: 100%; -} - -.wp-fullscreen-active .wp-editor-tools, -.wp-fullscreen-active .quicktags-toolbar, -.wp-fullscreen-active .mce-toolbar-grp, -.wp-fullscreen-active .mce-statusbar { - display: none; -} - -#wp-fullscreen-statusbar { - position: fixed; - right: 0; - left: 0; - bottom: 0; - height: 30px; - z-index: 100020; - background: #fff; - -webkit-transition: height 0.2s; - transition: height 0.2s; -} - -#wp-fullscreen-status { - margin: 0 auto; - padding: 0; -} - -.wp-fullscreen-active .wp-fullscreen-title, -.wp-fullscreen-active .wp-fullscreen-title:focus, -.wp-fullscreen-active .wp-editor-container { - -webkit-border-radius: 0; - border-radius: 0; - border: 1px dashed transparent; - background: transparent; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: border-color 0.4s; - transition: border-color 0.4s; -} - -.wp-fullscreen-active .wp-editor-container { - margin: 0 auto 40px; -} - -.wp-fullscreen-active .wp-fullscreen-title { - font-size: 1.7em; - line-height: 100%; - outline: medium none; - padding: 3px 7px; - margin: 10px auto 30px; - display: block; -} - -#wp-fullscreen-tagline { - color: #82878c; - font-size: 18px; - float: left; - padding: 4px 0 0; -} - -/* =Top bar --------------------------------------------------------------- */ -#fullscreen-topbar { - background: #f5f5f5; - border-bottom: 1px solid #dedede; - height: 45px; - position: fixed; - right: 0; - left: 0; - top: 0; - width: 100%; - z-index: 100020; - -webkit-transition: opacity 0.4s; - transition: opacity 0.4s; -} - -#wp-fullscreen-toolbar { - padding: 6px 10px 0; - clear: both; - max-width: 1100px; - margin: 0 auto; -} - -#wp-fullscreen-mode-bar, -#wp-fullscreen-button-bar, -#wp-fullscreen-close { - float: right; -} - -#wp-fullscreen-count, -#wp-fullscreen-tagline { - display: inline-block; -} - -#wp-fullscreen-button-bar { - margin-top: 2px; -} - -#wp-fullscreen-save { - float: left; - padding: 2px 0 0; - min-width: 95px; -} - -#wp-fullscreen-count, -#wp-fullscreen-close { - padding: 5px 0 0; -} - -#wp-fullscreen-central-toolbar { - margin: auto; - padding: 0; - min-width: 620px; -} - -#wp-fullscreen-buttons > div { - float: right; -} - -#wp-fullscreen-mode-bar { - padding: 3px 0 0 14px; -} - -#wp-fullscreen-buttons .hidden { - display: none; -} - -#wp-fullscreen-buttons .disabled { - opacity: 0.5; -} - -#wp-fullscreen-buttons .mce-btn button { - margin: 0; - outline: 0 none; - border: 0 none; - white-space: nowrap; - width: auto; - background: none; - color: #32373c; - cursor: pointer; - font-size: 18px; - line-height: 20px; - overflow: visible; - text-align: center; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.wp-html-mode #wp-fullscreen-buttons div { - display: none; -} - -.wp-html-mode #wp-fullscreen-buttons div.wp-fullscreen-both { - display: block; -} - -#wp-fullscreen-save img { - vertical-align: middle; -} - -#wp-fullscreen-save span { - display: none; - margin: 5px 6px 0; - float: right; -} - -/* =Thickbox Adjustments --------------------------------------------------------------- */ -.wp-fullscreen-active #TB_overlay { - z-index: 100050; -} - -.wp-fullscreen-active #TB_window { - z-index: 100051; -} - -/* Colors */ -.fullscreen-overlay { - background: #fff; -} - -/* =CSS 3 transitions --------------------------------------------------------------- */ - -.wp-fullscreen-active #fullscreen-topbar { - -webkit-transition-duration: 0.8s; - transition-duration: 0.8s; - opacity: 0; - filter: alpha(opacity=0); -} - -.wp-fullscreen-active #wp-fullscreen-statusbar { - height: 0; -} - -.wp-fullscreen-active.wp-dfw-show-ui #fullscreen-topbar { - -webkit-transition-duration: 0.4s; - transition-duration: 0.4s; - opacity: 1; - filter: alpha(opacity=100); -} - -.wp-fullscreen-active.wp-dfw-show-ui #wp-fullscreen-statusbar { - height: 29px; - background: #f8f8f8; - border-top: 1px solid #eee; -} - -.wp-fullscreen-active .wp-fullscreen-title, -.wp-fullscreen-active .wp-editor-container { - -webkit-transition-duration: 0.8s; - transition-duration: 0.8s; - border-color: transparent; -} - -.wp-fullscreen-active.wp-dfw-show-ui .wp-fullscreen-title, -.wp-fullscreen-active.wp-dfw-show-ui .wp-editor-container { - -webkit-transition-duration: 0.4s; - transition-duration: 0.4s; - border-color: #ccc; -} - -.fade-1000, -.fade-600, -.fade-400, -.fade-300 { - opacity: 0; - -webkit-transition-property: opacity; - transition-property: opacity; -} - -.fade-1000 { - -webkit-transition-duration: 1s; - transition-duration: 1s; -} - -.fade-600 { - -webkit-transition-duration: 0.6s; - transition-duration: 0.6s; -} - -.fade-400 { - -webkit-transition-duration: 0.4s; - transition-duration: 0.4s; -} - -.fade-300 { - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} - -.fade-trigger { - opacity: 1; -} - -/* DFW on touch screen devices */ -.wp-dfw-touch #fullscreen-topbar { - position: absolute; - opacity: 1; -} - -.wp-dfw-touch .wp-fullscreen-wrap .wp-editor-container, -.wp-dfw-touch .wp-fullscreen-title { - max-width: 700px; -} - -.wp-fullscreen-active.wp-dfw-touch .wp-fullscreen-title, -.wp-fullscreen-active.wp-dfw-touch .wp-editor-container { - border-color: #ccc; -} - -.wp-dfw-touch #wp-fullscreen-statusbar { - height: 30px; -} - -@media screen and ( max-width: 782px ) { - #wp-fullscreen-close, - #wp-fullscreen-central-toolbar, - #wp-fullscreen-mode-bar, - #wp-fullscreen-button-bar, - #wp-fullscreen-save { - display: inline-block; - } - - #fullscreen-topbar { - height: 85px; - } - - #wp-fullscreen-central-toolbar { - width: auto !important; - min-width: 0; - } - - #wp-fullscreen-close { - line-height: 30px; - vertical-align: top; - padding: 0 12px; - } - - #wp-fullscreen-button-bar { - position: absolute; - top: 45px; - right: 0; - } - - .wp-fullscreen-wrap { - top: 95px; - } - - #wp-fullscreen-save { - position: absolute; - left: 10px; - } -} - -@media screen and ( max-width: 480px ) { - #wp_fs_help { - display: none; - } - - .wp-fullscreen-wrap .wp-editor-container, - .wp-fullscreen-title { - width: 480px !important; - } - - body.wp-fullscreen-active { - width: 480px; - overflow: auto; - } - - #fullscreen-topbar, - .wp-fullscreen-wrap { - width: 480px; - } - - #fullscreen-topbar { - position: absolute; - } - - #wp-fullscreen-status { - width: auto !important; - max-width: 100%; - padding: 0 10px; - } -} - /* =Localization -------------------------------------------------------------- */ .rtl .wp-switch-editor, @@ -2136,8 +1845,7 @@ @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { - .wp-media-buttons .add_media span.wp-media-buttons-icon, - #wp-fullscreen-buttons #wp_fs_image span.mce_image { + .wp-media-buttons .add_media span.wp-media-buttons-icon { background: none; } }