TinyMCE: add image backgrounds for more and nextpage tags (also jshint fix for theme.js). Fixes #27106

git-svn-id: https://develop.svn.wordpress.org/trunk@27944 602fd350-edb4-49c9-b593-d223f7449a82

src/wp-admin/js/theme.js

@@ -453,7 +453,7 @@ themes.view.Theme = wp.Backbone.View.extend({
 
 	preview: function( event ) {
 		var self = this,
-			current;
+			current, preview;
 
 		// Bail if the user scrolled on a touch device
 		if ( this.touchDrag === true ) {
@@ -478,7 +478,7 @@ themes.view.Theme = wp.Backbone.View.extend({
 		themes.focusedTheme = this.$el;
 
 		// Construct a new Preview view.
-		var preview = new themes.view.Preview({
+		preview = new themes.view.Preview({
 			model: this.model
 		});
 

src/wp-includes/js/tinymce/skins/wordpress/wp-content.css

@@ -80,6 +80,11 @@ td {
 	margin: 8px;
 }
 
+/* Remove blue highlighting of selected images in WebKit */
+img::selection {
+	background-color: transparent;
+}
+
 /* Styles for the WordPress plugins */
 .mce-content-body img[data-mce-placeholder] {
 	border-radius: 0;
@@ -91,32 +96,25 @@ td {
 	border: 0;
 	-webkit-box-shadow: none;
 	box-shadow: none;
-	width: 95%;
-	height: 10px;
+	width: 96%;
+	height: 16px;
 	display: block;
 	margin: 15px auto 0;
 	outline: 0;
 	cursor: default;
 }
 
-/* Remove blue highlighting of selected images in WebKit */
-img::selection {
-	background-color: transparent;
-}
-
 .mce-content-body img.mce-wp-nextpage[data-mce-selected],
 .mce-content-body img.mce-wp-more[data-mce-selected] {
-	background-color: rgba(128,128,128,0.2);
 	outline: 1px dotted #888;
-	border-color: transparent;
 }
 
 .mce-content-body img.mce-wp-more {
-	border-top: 2px dashed #bbb;
+	background: transparent url( images/more.png ) repeat-y scroll center center;
 }
 
 .mce-content-body img.mce-wp-nextpage {
-    border-top: 3px dotted #bbb;
+    background: transparent url( images/pagebreak.png ) repeat-y scroll center center;
 }
 
 /* Gallery, audio, video placeholders */
@@ -420,3 +418,19 @@ img.wp-oembed {
 	height: 250px;
 	outline: 0;
 }
+
+@media print,
+	(-o-min-device-pixel-ratio: 5/4),
+	(-webkit-min-device-pixel-ratio: 1.25),
+	(min-resolution: 120dpi) {
+
+	.mce-content-body img.mce-wp-more {
+		background-image: url( images/more-2x.png );
+		background-size: 1900px 20px;
+	}
+
+	.mce-content-body img.mce-wp-nextpage {
+    	background-image: url( images/pagebreak-2x.png );
+		background-size: 1900px 20px;
+	}
+}