diff -r 490d5cc509ed -r cf61fcea0001 wp/wp-includes/js/tinymce/skins/wordpress/wp-content.css --- a/wp/wp-includes/js/tinymce/skins/wordpress/wp-content.css Tue Jun 09 11:14:17 2015 +0000 +++ b/wp/wp-includes/js/tinymce/skins/wordpress/wp-content.css Mon Oct 14 17:39:30 2019 +0200 @@ -5,12 +5,8 @@ } html.ios { - height: 100%; -} - -.ios body#tinymce { - height: 200%; - max-width: none; + width: 100px; + min-width: 100%; } body { @@ -21,13 +17,16 @@ margin: 9px 10px; max-width: 100%; -webkit-font-smoothing: antialiased !important; + overflow-wrap: break-word; + word-wrap: break-word; /* Old syntax */ } body.rtl { font-family: Tahoma, "Times New Roman", "Bitstream Charter", Times, serif; } -body.locale-he-il { +body.locale-he-il, +body.locale-vi { font-family: Arial, "Times New Roman", "Bitstream Charter", Times, serif; } @@ -71,56 +70,28 @@ box-shadow: none !important; } -/* DFW mode */ -html.wp-fullscreen, -html.wp-fullscreen body#tinymce { - width: auto; - max-width: none; - min-height: 0; - overflow: hidden; - color: #333; - background: transparent; -} - -.aligncenter, -dl.aligncenter, -.html5-captions .wp-caption.aligncenter { - display: block; - margin-left: auto; - margin-right: auto; -} - -.alignleft { - float: left; -} - -.alignright { - float: right; -} - -.wp-caption { - border: 1px solid #ddd; - text-align: center; - background-color: #f3f3f3; - padding-top: 4px; - margin: 10px 0; -} - -.html5-captions .wp-caption { - border: none; - background-color: transparent; - margin: 0; - padding: 0; -} - .mceIEcenter { text-align: center; } -.wp-caption img { - margin: 0; - padding: 0; - border: 0 none; +img { + height: auto; + max-width: 100%; +} + +.wp-caption { + margin: 0; /* browser reset */ + max-width: 100%; +} + +/* iOS does not obey max-width if width is set. */ +.ios .wp-caption { + width: auto !important; +} + +dl.wp-caption dt.wp-caption-dt img { + display: inline-block; + margin-bottom: -1ex; } div.mceTemp { @@ -133,10 +104,25 @@ } .wp-caption-dd { - font-size: 11px; - line-height: 17px; - padding: 0 4px 5px; - margin: 0; + font-size: 14px; + padding-top: 0.5em; + margin: 0; /* browser reset */ +} + +.aligncenter { + display: block; + margin-left: auto; + margin-right: auto; +} + +.alignleft { + float: left; + margin: 0.5em 1em 0.5em 0; +} + +.alignright { + float: right; + margin: 0.5em 0 0.5em 1em; } /* Remove blue highlighting of selected images in WebKit */ @@ -171,7 +157,36 @@ } .mce-content-body img[data-wp-more="nextpage"] { - background: transparent url( images/pagebreak.png ) repeat-y scroll center center; + background: transparent url( images/pagebreak.png ) repeat-y scroll center center; +} + +/* Styles for formatting the boundaries of anchors and code elements */ +.mce-content-body a[data-mce-selected] { + padding: 0 2px; + margin: 0 -2px; + border-radius: 2px; + box-shadow: 0 0 0 1px #bfe6ff; + background: #bfe6ff; +} + +.mce-content-body .wp-caption-dt a[data-mce-selected] { + outline: none; + padding: 0; + margin: 0; + box-shadow: none; + background: transparent; +} + +.mce-content-body code { + padding: 2px 4px; + margin: 0; + border-radius: 2px; + color: #222; + background: #f2f4f5; +} + +.mce-content-body code[data-mce-selected] { + background: #e9ebec; } /* Gallery, audio, video placeholders */ @@ -188,12 +203,12 @@ .mce-content-body img.wp-media:hover { background-color: #ededed; - border-color: #777; + border-color: #72777c; } .mce-content-body img.wp-media.wp-media-selected { background-color: #d8d8d8; - border-color: #777; + border-color: #72777c; } .mce-content-body img.wp-media.wp-gallery { @@ -202,13 +217,13 @@ /* Image resize handles */ .mce-content-body div.mce-resizehandle { - border-color: #777; + border-color: #72777c; width: 7px; height: 7px; } .mce-content-body img[data-mce-selected] { - outline: 1px solid #777; + outline: 1px solid #72777c; } .mce-content-body img[data-mce-resize="false"] { @@ -226,102 +241,48 @@ visibility: hidden; } +/* Fix for proprietary Mozilla display attribute, see #38757 */ +[_moz_abspos] { + outline: none; +} + +a[data-wplink-url-error], +a[data-wplink-url-error]:hover, +a[data-wplink-url-error]:focus { + outline: 2px dotted #dc3232; + position: relative; +} + +a[data-wplink-url-error]:before { + content: ""; + display: block; + position: absolute; + top: -2px; + right: -2px; + bottom: -2px; + left: -2px; + outline: 2px dotted #fff; + z-index: -1; +} + +/* Special styling for the suggestes policy text tutorial sections after they have been pasted in the editor. */ +p.wp-policy-help { + background-color: #ff0; +} + /** * WP Views */ -.wpview-wrap { +.wpview { width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ position: relative; clear: both; -} - -/* delegate the handling of the selection to the wpview tinymce plugin */ -.wpview-wrap, -.wpview-wrap * { - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - user-select: none; -} - -/* hide the shortcode content, but allow the content to still be selected */ -.wpview-wrap .wpview-clipboard, -.wpview-wrap > p { - position: absolute; - top: 0; - left: 0; - z-index: -1; - clip: rect(1px 1px 1px 1px); /* IE7 */ - clip: rect(1px, 1px, 1px, 1px); - overflow: hidden; - outline: 0; - padding: 0; - border: 0; - width: 1px; - height: 1px; -} - -/* An ugly box will appear when this is focussed in IE, so we'll move it outside the window. */ -.wpview-wrap.wpview-selection-before > p, -.wpview-wrap.wpview-selection-after > p { - left: -10000px; -} - -.wpview-wrap .wpview-clipboard, -.wpview-wrap .wpview-clipboard *, -.wpview-wrap > p { - -moz-user-select: text; - -webkit-user-select: text; - -ms-user-select: text; - user-select: text; -} - -.has-focus .wpview-wrap.wpview-selection-before:before, -.has-focus .wpview-wrap.wpview-selection-after:before { - content: ''; - margin: 0; - padding: 0; - position: absolute; - top: -2px; - left: -3px; - bottom: -2px; - width: 1px; - background-color: black; - background-color: currentcolor; - opacity: 1; -} - -.has-focus .wpview-wrap.wpview-selection-after:before { - left: auto; - right: -3px; -} - -.has-focus .wpview-wrap.wpview-cursor-hide:before { - opacity: 0; -} - -/** - * Media previews - */ -.wpview-wrap { - position: relative; - margin-bottom: 16px; + margin-bottom: 16px; border: 1px solid transparent; } -.wpview-wrap[data-mce-selected] { - background-color: rgba(0,0,0,0.1); - border-color: rgba(0,0,0,0.3); -} - -.ie8 .wpview-wrap[data-mce-selected], -.ie7 .wpview-wrap[data-mce-selected] { - background-color: #e5e5e5; - border-color: #777; -} - -.wpview-overlay { +.mce-shim { position: absolute; top: 0; right: 0; @@ -329,21 +290,21 @@ left: 0; } -.wpview-wrap[data-mce-selected] .wpview-overlay { +.wpview[data-mce-selected="2"] .mce-shim { display: none; } -.wpview-wrap .loading-placeholder { +.wpview .loading-placeholder { border: 1px dashed #ccc; padding: 10px; } -.wpview-wrap[data-mce-selected] .loading-placeholder { +.wpview[data-mce-selected] .loading-placeholder { border-color: transparent; } /* A little "loading" animation, not showing in IE < 10 */ -.wpview-wrap .wpview-loading { +.wpview .wpview-loading { width: 60px; height: 5px; overflow: hidden; @@ -351,14 +312,14 @@ margin: 10px auto 0; } -.wpview-wrap .wpview-loading ins { +.wpview .wpview-loading ins { background-color: #333; margin: 0 0 0 -60px; - width: 60px; + width: 36px; height: 5px; display: block; - -webkit-animation: wpview-loading 1.3s infinite 1s linear; - animation: wpview-loading 1.3s infinite 1s linear; + -webkit-animation: wpview-loading 1.3s infinite 1s steps(36); + animation: wpview-loading 1.3s infinite 1s steps(36); } @-webkit-keyframes wpview-loading { @@ -379,19 +340,19 @@ } } -.wpview-wrap .wpview-content > iframe { +.wpview .wpview-content > iframe { max-width: 100%; background: transparent; } .wpview-error { - border: 1px solid #dedede; + border: 1px solid #ddd; padding: 1em 0; margin: 0; word-wrap: break-word; } -.wpview-wrap[data-mce-selected] .wpview-error { +.wpview[data-mce-selected] .wpview-error { border-color: transparent; } @@ -407,13 +368,13 @@ .wpview-error p { margin: 0; text-align: center; - font-family: 'Open Sans', sans-serif; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wpview-type-gallery:after { - content: ''; + content: ""; display: table; - clear: both; + clear: both; } .gallery img[data-mce-selected]:focus { @@ -533,7 +494,7 @@ } .mce-content-body img.mce-wp-nextpage { - background-image: url( images/pagebreak-2x.png ); + background-image: url( images/pagebreak-2x.png ); background-size: 1900px 20px; } }