visibility: hidden;
}
-/**
- * WP Views
- */
-
-.wpview-wrap {
- width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */
+a[data-wplink-url-error],
+a[data-wplink-url-error]:hover,
+a[data-wplink-url-error]:focus {
+ outline: 2px dotted #dc3232;
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 {
+a[data-wplink-url-error]:before {
content: '';
- margin: 0;
- padding: 0;
+ display: block;
position: absolute;
top: -2px;
- left: -3px;
+ right: -2px;
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;
+ left: -2px;
+ outline: 2px dotted #fff;
+ z-index: -1;
}
/**
- * Media previews
+ * WP Views
*/
-.wpview-wrap {
- position: relative;
- 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: #72777c;
+.wpview {
+ width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */
+ position: relative;
+ clear: both;
+ margin-bottom: 16px;
+ border: 1px solid transparent;
}
-.wpview-overlay {
+.mce-shim {
position: absolute;
top: 0;
right: 0;
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;
margin: 10px auto 0;
}
-.wpview-wrap .wpview-loading ins {
+.wpview .wpview-loading ins {
background-color: #333;
margin: 0 0 0 -60px;
width: 36px;
}
}
-.wpview-wrap .wpview-content > iframe {
+.wpview .wpview-content > iframe {
max-width: 100%;
background: transparent;
}
word-wrap: break-word;
}
-.wpview-wrap[data-mce-selected] .wpview-error {
+.wpview[data-mce-selected] .wpview-error {
border-color: transparent;
}
.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 {