From adbe0f1e1efd746d5e8a33b18bc4d397ad29c196 Mon Sep 17 00:00:00 2001
From: Andrew Nacin <nacin@git.wordpress.org>
Date: Fri, 6 Dec 2013 19:50:06 +0000
Subject: [PATCH] Themes: Adjust screenshot ratios.  * On the details overlay,
 always show the full 4/3 ratio.  * On the grid, reduce to ~3/2 only if the
 screen width is less than 1400px. Otherwise, show the screenshot at 4/3
 ratio.

props matveb, nacin.
fixes #26159.


git-svn-id: https://develop.svn.wordpress.org/trunk@26739 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/wp-admin.css | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/wp-admin/css/wp-admin.css b/src/wp-admin/css/wp-admin.css
index 1dd8f4d6ce..591a3732e4 100644
--- a/src/wp-admin/css/wp-admin.css
+++ b/src/wp-admin/css/wp-admin.css
@@ -6436,7 +6436,7 @@ span.imgedit-scale-warn {
 .theme-browser .theme .theme-screenshot:after {
 	content: '';
 	display: block;
-	padding-top: 66%; /* using a 3/2 aspect ratio */
+	padding-top: 66.66666%; /* using a 3/2 aspect ratio */
 }
 
 .theme-browser .theme .theme-screenshot img {
@@ -6884,7 +6884,7 @@ body.folded .theme-overlay .theme-wrap {
 .theme-overlay .screenshot:after {
 	content: '';
 	display: block;
-	padding-top: 66.66666%; /* using a 3/2 aspect ratio */
+	padding-top: 75%; /* using a 4/3 aspect ratio */
 }
 
 .theme-overlay .screenshot img {
@@ -7117,6 +7117,11 @@ body.folded .theme-overlay .theme-wrap {
 	}
 }
 
+@media only screen and (min-width:1400px) {
+	.theme-browser .theme .theme-screenshot:after {
+		padding-top: 75%; /* using a 4/3 aspect ratio */
+	}
+}
 @media only screen and (max-width: 1150px) {
 	.theme-browser .theme {
 		width: 47.5%;
@@ -7996,12 +8001,12 @@ body.press-this {
 	margin-right: 0;
 }
 
-.about-wrap .about-updates img { 
-	margin: 2em 0 0 0; 
-	border: 1px solid #ddd; 
-	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 
-	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 
-} 
+.about-wrap .about-updates img {
+	margin: 2em 0 0 0;
+	border: 1px solid #ddd;
+	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
 
 .about-wrap .changelog .feature-section {
 	overflow: hidden;