Move the styling of drag/drop on the editor uploading to media-views.css, see #27465

Built from https://develop.svn.wordpress.org/trunk@27656


git-svn-id: http://core.svn.wordpress.org/trunk@27499 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/edit-rtl.css

@@ -598,64 +598,6 @@ span.wp-media-buttons-icon:before {
  	margin-bottom: 20px;
 }
 
-.wp-editor-wrap {
-	position: relative;
-}
-
-.uploader-editor {
-	background: rgba( 150, 150, 150, 0.9 );
-	position: absolute;
-	top: 0;
-	right: 0;
-	width: 100%;
-	height: 100%;
-	z-index: 99998; /* under the toolbar */
-	display: none;
-	text-align: center;
-}
-
-.wp-fullscreen-wrap .uploader-editor {
-	background: rgba( 0, 86, 132, 0.9 );
-	position: fixed;
-	z-index: 100050; /* above the editor toolbar */
-}
-
-.uploader-editor-content {
-	border: 1px dashed #fff;
-	position: absolute;
-	top: 10px;
-	right: 10px;
-	left: 10px;
-	bottom: 10px;
-}
-
-#poststuff .uploader-editor-content h3 {
-	position: absolute;
-	top: 50%;
-	right: 0;
-	left: 0;
-	-webkit-transform: translateY( -50% );
-	-ms-transform: translateY( -50% );
-	transform: translateY( -50% );
-	font-size: 40px;
-	color: #fff;
-	padding: 0;
-	display: none;
-}
-
-.uploader-editor.droppable {
-	background: rgba( 0, 86, 132, 0.9 );
-}
-
-#poststuff .uploader-editor.droppable h3 {
-	display: block;
-}
-
-/* TinyMCE */
-#mce_fullscreen_container {
-	background: #fff;
-}
-
 /*------------------------------------------------------------------------------
   11.1 - Custom Fields
 ------------------------------------------------------------------------------*/

wp-admin/css/edit.css

@@ -598,64 +598,6 @@ span.wp-media-buttons-icon:before {
  	margin-bottom: 20px;
 }
 
-.wp-editor-wrap {
-	position: relative;
-}
-
-.uploader-editor {
-	background: rgba( 150, 150, 150, 0.9 );
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	z-index: 99998; /* under the toolbar */
-	display: none;
-	text-align: center;
-}
-
-.wp-fullscreen-wrap .uploader-editor {
-	background: rgba( 0, 86, 132, 0.9 );
-	position: fixed;
-	z-index: 100050; /* above the editor toolbar */
-}
-
-.uploader-editor-content {
-	border: 1px dashed #fff;
-	position: absolute;
-	top: 10px;
-	left: 10px;
-	right: 10px;
-	bottom: 10px;
-}
-
-#poststuff .uploader-editor-content h3 {
-	position: absolute;
-	top: 50%;
-	left: 0;
-	right: 0;
-	-webkit-transform: translateY( -50% );
-	-ms-transform: translateY( -50% );
-	transform: translateY( -50% );
-	font-size: 40px;
-	color: #fff;
-	padding: 0;
-	display: none;
-}
-
-.uploader-editor.droppable {
-	background: rgba( 0, 86, 132, 0.9 );
-}
-
-#poststuff .uploader-editor.droppable h3 {
-	display: block;
-}
-
-/* TinyMCE */
-#mce_fullscreen_container {
-	background: #fff;
-}
-
 /*------------------------------------------------------------------------------
   11.1 - Custom Fields
 ------------------------------------------------------------------------------*/

wp-includes/css/media-views-rtl.css

@@ -1578,6 +1578,57 @@
 	margin: 1px 0;
 }
 
+/* Drag & drop on the editor upload */
+.wp-editor-wrap .uploader-editor {
+	background: rgba( 150, 150, 150, 0.9 );
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 99998; /* under the toolbar */
+	display: none;
+	text-align: center;
+}
+
+.wp-editor-wrap.wp-fullscreen-wrap .uploader-editor {
+	background: rgba( 0, 86, 132, 0.9 );
+	position: fixed;
+	z-index: 100050; /* above the editor toolbar */
+}
+
+.wp-editor-wrap .uploader-editor-content {
+	border: 1px dashed #fff;
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	left: 10px;
+	bottom: 10px;
+}
+
+.wp-editor-wrap .uploader-editor .uploader-editor-title {
+	position: absolute;
+	top: 50%;
+	right: 0;
+	left: 0;
+	-webkit-transform: translateY( -50% );
+	-ms-transform: translateY( -50% );
+	transform: translateY( -50% );
+	font-size: 3em;
+	font-weight: bold;
+	color: #fff;
+	padding: 0;
+	display: none;
+}
+
+.wp-editor-wrap .uploader-editor.droppable {
+	background: rgba( 0, 86, 132, 0.9 );
+}
+
+.wp-editor-wrap .uploader-editor.droppable .uploader-editor-title {
+	display: block;
+}
+
 /**
  * IE7 Fixes
  */

wp-includes/css/media-views.css

@@ -1578,6 +1578,57 @@
 	margin: 1px 0;
 }
 
+/* Drag & drop on the editor upload */
+.wp-editor-wrap .uploader-editor {
+	background: rgba( 150, 150, 150, 0.9 );
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 99998; /* under the toolbar */
+	display: none;
+	text-align: center;
+}
+
+.wp-editor-wrap.wp-fullscreen-wrap .uploader-editor {
+	background: rgba( 0, 86, 132, 0.9 );
+	position: fixed;
+	z-index: 100050; /* above the editor toolbar */
+}
+
+.wp-editor-wrap .uploader-editor-content {
+	border: 1px dashed #fff;
+	position: absolute;
+	top: 10px;
+	left: 10px;
+	right: 10px;
+	bottom: 10px;
+}
+
+.wp-editor-wrap .uploader-editor .uploader-editor-title {
+	position: absolute;
+	top: 50%;
+	left: 0;
+	right: 0;
+	-webkit-transform: translateY( -50% );
+	-ms-transform: translateY( -50% );
+	transform: translateY( -50% );
+	font-size: 3em;
+	font-weight: bold;
+	color: #fff;
+	padding: 0;
+	display: none;
+}
+
+.wp-editor-wrap .uploader-editor.droppable {
+	background: rgba( 0, 86, 132, 0.9 );
+}
+
+.wp-editor-wrap .uploader-editor.droppable .uploader-editor-title {
+	display: block;
+}
+
 /**
  * IE7 Fixes
  */

wp-includes/media-template.php

@@ -142,7 +142,7 @@ function wp_print_media_templates() {
 
 	<script type="text/html" id="tmpl-uploader-editor">
 		<div class="uploader-editor-content">
-			<h3><?php _e( 'Drop files to upload' ); ?></h3>
+			<div class="uploader-editor-title"><?php _e( 'Drop files to upload' ); ?></div>
 		</div>
 	</script>