From e937af37afaa015775553fac7511e50f7b5fec2a Mon Sep 17 00:00:00 2001
From: Dion Hulse <dd32@git.wordpress.org>
Date: Fri, 29 Nov 2013 04:03:30 +0000
Subject: [PATCH] Themes: Add a default image for when a theme doesn't have a
 screenshot. Props matveb. See #25959

git-svn-id: https://develop.svn.wordpress.org/trunk@26462 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/theme.css |  8 +++++++-
 src/wp-admin/themes.php    | 22 +++++++++++++---------
 2 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/src/wp-admin/css/theme.css b/src/wp-admin/css/theme.css
index 9b70079f0a..ba6a5b75ef 100644
--- a/src/wp-admin/css/theme.css
+++ b/src/wp-admin/css/theme.css
@@ -508,7 +508,6 @@ body.theme-overlay-open {
 }
 /* First screenshot, shown big */
 .theme-overlay .screenshot {
-	background: #000;
 	border: 1px solid #fff;
 	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
@@ -561,6 +560,13 @@ body.theme-overlay-open {
 .theme-overlay .screenshot.selected img {
 	opacity: 0.8;
 }
+
+/* No screenshot placeholder */
+.theme .theme-screenshot.blank,
+.theme-overlay .screenshot.blank { 
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=); 
+}
+
 /*
  * Theme heading information
  */
diff --git a/src/wp-admin/themes.php b/src/wp-admin/themes.php
index 17a2d4521a..61c1ca00df 100644
--- a/src/wp-admin/themes.php
+++ b/src/wp-admin/themes.php
@@ -211,8 +211,12 @@ if ( ! is_multisite() && current_user_can('edit_themes') && $broken_themes = wp_
 </div><!-- .wrap -->
 
 <script id="tmpl-theme" type="text/template">
+	<# if ( data.screenshot[0] ) { #>
 	<div class="theme-screenshot">
 		<img src="{{ data.screenshot[0] }}" alt="" />
+	<# } else { #>
+		<div class="theme-screenshot blank">
+	<# } #>
 	</div>
 	<div class="theme-author"><?php printf( __( 'By %s' ), '{{{ data.author }}}' ); ?></div>
 	<h3 class="theme-name">{{ data.name }}</h3>
@@ -245,16 +249,16 @@ if ( ! is_multisite() && current_user_can('edit_themes') && $broken_themes = wp_
 		</div>
 
 		<div class="theme-screenshots">
+		<# if ( data.screenshot[0] ) { #>
 			<div class="screenshot first"><img src="{{ data.screenshot[0] }}" alt="" /></div>
-		<#
-			if ( _.size( data.screenshot ) > 1 ) {
-				_.each ( data.screenshot, function( image ) {
-		#>
-				<div class="screenshot thumb"><img src="{{ image }}" alt="" /></div>
-		<#
-				});
-			}
-		#>
+			<# if ( _.size( data.screenshot ) > 1 ) {
+					_.each ( data.screenshot, function( image ) {
+						#><div class="screenshot thumb"><img src="{{ image }}" alt="" /></div><#
+					});
+			} #>
+		<# } else { #> 
+			<div class="screenshot first blank"></div> 
+		<# } #> 
 		</div>
 
 		<div class="theme-info">