More retina backgrounds and bits, props saracannon, empireoflight and lessbloat, see #21019

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

wp-includes/admin-bar.php

@@ -341,12 +341,10 @@ function wp_admin_bar_my_sites_menu( $wp_admin_bar ) {
 		),
 	) );
 
-	$blue_wp_logo_url = includes_url('images/wpmini-blue.png');
-
 	foreach ( (array) $wp_admin_bar->user->blogs as $blog ) {
 		switch_to_blog( $blog->userblog_id );
 
-		$blavatar = '<img src="' . esc_url($blue_wp_logo_url) . '" alt="' . esc_attr__( 'Blavatar' ) . '" width="16" height="16" class="blavatar"/>';
+		$blavatar = '<div title="' . esc_attr__( 'Blavatar' ) . '" class="blavatar"></div>';
 
 		$blogname = empty( $blog->blogname ) ? $blog->domain : $blog->blogname;
 		$menu_id  = 'blog-' . $blog->userblog_id;

wp-includes/css/admin-bar-rtl.css

@@ -130,11 +130,22 @@
 /*
  * My Sites
  */
-#wpadminbar .quicklinks li img.blavatar {
+#wpadminbar .quicklinks li .blavatar {
+	background: url('../images/wpmini-blue.png') no-repeat;
+	height: 16px;
+	width: 16px;
+	display: inline-block;
 	margin-right: 0px;
 	margin-left: 4px;
 }
 
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
+	#wpadminbar .quicklinks li .blavatar {
+		background: url('../images/wpmini-blue-2x.png') no-repeat;
+		background-size: 16px 16px;
+	}
+}
+
 /*
  * Search
  */

wp-includes/css/admin-bar.css

@@ -393,12 +393,23 @@
 /*
  * My Sites
  */
-#wpadminbar .quicklinks li img.blavatar {
+#wpadminbar .quicklinks li .blavatar {
+	background: url('../images/wpmini-blue.png') no-repeat;
+	height: 16px;
+	width: 16px;
+	display: inline-block;
 	vertical-align: middle;
 	margin: -3px 4px 0 0;
 	padding: 0;
 }
 
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
+	#wpadminbar .quicklinks li .blavatar {
+		background: url('../images/wpmini-blue-2x.png') no-repeat;
+		background-size: 16px 16px;
+	}
+}
+
 /**
  * Search
  */

wp-includes/css/editor.css

@@ -2072,5 +2072,26 @@ RTL
 		background-image: url('../../wp-admin/images/media-button-2x.png');
 		background-size: 16px 16px;
 	}
+
+	.wp_themeSkin .mceListBox .mceOpen,
+	.wp_themeSkin .mceListBoxHover .mceOpen,
+	.wp_themeSkin .mceListBoxSelected .mceOpen,
+	.wp_themeSkin table.mceListBoxEnabled .mceOpen {
+		background-image: url('../images/down_arrow-2x.gif');
+		background-size: 10px 20px;
+	}
+
+	.wp_themeSkin .mceSplitButtonEnabled a.mceOpen,
+	.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
+	.wp_themeSkin .mceSplitButtonActive a.mceOpen,
+	.wp_themeSkin .mceSplitButtonEnabled:hover a.mceOpen {
+		background-image: url('../images/down_arrow-2x.gif');
+		background-size: 10px 20px;
+	}
+
+	#wp-link .toggle-arrow {
+		background: transparent url('../images/toggle-arrow-2x.png') top left no-repeat;
+		background-size: 19px 69px;
+	}
 }
 

wp-includes/css/wp-pointer.css

@@ -200,4 +200,9 @@
 		background-image: url('../images/icon-pointer-flag-2x.png');
 		background-size: 36px auto;
 	}
+
+	.wp-pointer-arrow {
+		background: url('../images/arrow-pointer-blue-2x.png') 0 0 no-repeat;
+		background-size: 30px 60px;
+	}
 }

wp-includes/default-widgets.php

@@ -778,7 +778,9 @@ class WP_Widget_RSS extends WP_Widget {
 
 		$title = apply_filters('widget_title', $title, $instance, $this->id_base);
 		$url = esc_url(strip_tags($url));
-		$icon = includes_url('images/rss.png');
+		// Didn't want to have to add additional theme CSS for retina version of rss.png
+		// Forcing 2x here looks fine on non-retina devices
+		$icon = includes_url('images/rss-2x.png');
 		if ( $title )
 			$title = "<a class='rsswidget' href='$url' title='" . esc_attr__( 'Syndicate this content' ) ."'><img style='border:0' width='14' height='14' src='$icon' alt='RSS' /></a> <a class='rsswidget' href='$link' title='$desc'>$title</a>";