Restyles the modal for attaching media to posts, take II (also some autoprefixer and imagemin). Props avryl, see #26952.

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


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

wp-admin/css/edit-rtl.css

@@ -628,6 +628,8 @@ span.wp-media-buttons-icon:before {
 	top: 50%;
 	right: 0;
 	left: 0;
+	-webkit-transform: translateY( -50% );
+	-ms-transform: translateY( -50% );
 	transform: translateY( -50% );
 	font-size: 40px;
 	color: #fff;

wp-admin/css/edit.css

@@ -628,6 +628,8 @@ span.wp-media-buttons-icon:before {
 	top: 50%;
 	left: 0;
 	right: 0;
+	-webkit-transform: translateY( -50% );
+	-ms-transform: translateY( -50% );
 	transform: translateY( -50% );
 	font-size: 40px;
 	color: #fff;

wp-admin/css/media-rtl.css

@@ -235,33 +235,41 @@
 .find-box {
 	background-color: #fff;
 	width: 600px;
-	max-width: 100%;
 	overflow: hidden;
 	margin-right: -300px;
 	position: fixed;
 	top: 30px;
+	bottom: 30px;
 	right: 50%;
 	z-index: 160000;
 }
 
 .find-box-head {
-	cursor: move;
 	background: #fcfcfc;
 	border-bottom: 1px solid #dfdfdf;
-	height: 40px;
+	height: 56px;
 	font-size: 22px;
 	font-weight: 600;
-	line-height: 40px;
+	line-height: 56px;
 	padding: 0 16px 0 40px;
-	overflow: hidden;
+	position: absolute;
+	top: 0;
+	right: 0;
+	left: 0;
 }
 
 .find-box-inside {
 	overflow: auto;
 	padding: 16px;
 	background-color: #fff;
-	max-height: 300px;
+	position: absolute;
+	top: 57px;
+	bottom: 57px;
 	overflow-y: scroll;
+	width: 100%;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
 }
 
 .find-box-search {
@@ -272,7 +280,7 @@
 	float: none;
 	right: 125px;
 	position: absolute;
-	top: 9px;
+	top: 18px;
 }
 
 #find-posts-input,
@@ -286,7 +294,8 @@
 	margin: 0 0 0 4px;
 }
 
-.found-radio {
+.widefat .found-radio {
+	padding-left: 0;
 	width: 16px;
 }
 
@@ -315,15 +324,29 @@
 }
 
 .find-box-buttons {
-	padding: 6px 16px;
+	padding: 14px 16px;
 	background: #fcfcfc;
 	border-top: 1px solid #dfdfdf;
+	position: absolute;
+	bottom: 0;
+	right: 0;
+	left: 0;
 }
 
-.find-box #resize-se {
-	position: absolute;
-	left: 1px;
-	bottom: 1px;
+@media screen and ( max-width: 660px ) {
+
+	.find-box {
+		top: 0;
+		bottom: 0;
+		right: 0;
+		left: 0;
+		margin: 0;
+		width: 100%;
+	}
+
+	.find-box-inside {
+		bottom: 69px;
+	}
 }
 
 .ui-find-overlay {

wp-admin/css/media.css

@@ -235,33 +235,41 @@
 .find-box {
 	background-color: #fff;
 	width: 600px;
-	max-width: 100%;
 	overflow: hidden;
 	margin-left: -300px;
 	position: fixed;
 	top: 30px;
+	bottom: 30px;
 	left: 50%;
 	z-index: 160000;
 }
 
 .find-box-head {
-	cursor: move;
 	background: #fcfcfc;
 	border-bottom: 1px solid #dfdfdf;
-	height: 40px;
+	height: 56px;
 	font-size: 22px;
 	font-weight: 600;
-	line-height: 40px;
+	line-height: 56px;
 	padding: 0 40px 0 16px;
-	overflow: hidden;
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
 }
 
 .find-box-inside {
 	overflow: auto;
 	padding: 16px;
 	background-color: #fff;
-	max-height: 300px;
+	position: absolute;
+	top: 57px;
+	bottom: 57px;
 	overflow-y: scroll;
+	width: 100%;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
 }
 
 .find-box-search {
@@ -272,7 +280,7 @@
 	float: none;
 	left: 125px;
 	position: absolute;
-	top: 9px;
+	top: 18px;
 }
 
 #find-posts-input,
@@ -286,7 +294,8 @@
 	margin: 0 4px 0 0;
 }
 
-.found-radio {
+.widefat .found-radio {
+	padding-right: 0;
 	width: 16px;
 }
 
@@ -315,15 +324,29 @@
 }
 
 .find-box-buttons {
-	padding: 6px 16px;
+	padding: 14px 16px;
 	background: #fcfcfc;
 	border-top: 1px solid #dfdfdf;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
 }
 
-.find-box #resize-se {
-	position: absolute;
-	right: 1px;
-	bottom: 1px;
+@media screen and ( max-width: 660px ) {
+
+	.find-box {
+		top: 0;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		margin: 0;
+		width: 100%;
+	}
+
+	.find-box-inside {
+		bottom: 69px;
+	}
 }
 
 .ui-find-overlay {