diff --git a/src/wp-admin/css/edit.css b/src/wp-admin/css/edit.css index 35920c0684..ad7746fd63 100644 --- a/src/wp-admin/css/edit.css +++ b/src/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 ------------------------------------------------------------------------------*/ diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css index 75203ca6cf..f3e03ff474 100644 --- a/src/wp-includes/css/media-views.css +++ b/src/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 */ diff --git a/src/wp-includes/media-template.php b/src/wp-includes/media-template.php index 82b3abe83d..cadc3e9241 100644 --- a/src/wp-includes/media-template.php +++ b/src/wp-includes/media-template.php @@ -142,7 +142,7 @@ function wp_print_media_templates() {