From d74b01a080908a6f5b1cc6dc753e9ccb7b1a0689 Mon Sep 17 00:00:00 2001
From: Andrew Ozz <azaozz@git.wordpress.org>
Date: Wed, 6 Aug 2014 06:28:54 +0000
Subject: [PATCH] Media modal/grid: fix the position of attachment icons,
 restore the background, fix in ie8. See #27423.

git-svn-id: https://develop.svn.wordpress.org/trunk@29393 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-includes/css/media-views.css | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css
index ec6ba6fb80..723d9d033b 100644
--- a/src/wp-includes/css/media-views.css
+++ b/src/wp-includes/css/media-views.css
@@ -747,6 +747,14 @@
 
 .attachment-preview {
 	position: relative;
+	-webkit-box-shadow:
+		inset 0 0 15px rgba( 0, 0, 0, 0.1 ),
+		inset 0 0 0 1px rgba( 0, 0, 0, 0.05 );
+	box-shadow:
+		inset 0 0 15px rgba( 0, 0, 0, 0.1 ),
+		inset 0 0 0 1px rgba( 0, 0, 0, 0.05 );
+	background: #eee;
+	cursor: pointer;
 }
 
 .attachment-preview:before {
@@ -814,6 +822,17 @@
 	transform: translate( -50%, -50% );
 }
 
+.attachment .thumbnail .centered img.icon {
+	-webkit-transform: translate( -50%, -70% );
+	-ms-transform: translate(-50%,-70%);
+	transform: translate( -50%, -70% );
+}
+
+.ie8 .attachment img.icon {
+	top: 20%;
+	position: relative;
+}
+
 .attachment .filename {
 	position: absolute;
 	left: 0;
@@ -2206,10 +2225,6 @@
 		padding: 3px 6px;
 	}
 
-	.media-frame-content .attachment .icon {
-		top: 40%;
-	}
-
 	.image-details .media-modal {
 		left: 30px;
 		right: 30px;