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-admin/css/colors-classic.css

@@ -290,7 +290,6 @@ td.help {
 }
 
 .post-com-count {
-	background-image: url(../images/bubble_bg.gif);
 	color: #fff;
 }
 
@@ -1941,10 +1940,6 @@ div.widgets-sortables,
 	border-left-color: #99d;
 }
 
-.rtl .post-com-count {
-	background-image: url(../images/bubble_bg-rtl.gif);
-}
-
 .rtl #screen-meta-links a.show-settings {
 	background-position: left 3px;
 }

wp-admin/css/colors-fresh.css

@@ -286,7 +286,6 @@ td.help {
 }
 
 .post-com-count {
-	background-image: url(../images/bubble_bg.gif);
 	color: #fff;
 }
 
@@ -1820,10 +1819,6 @@ div.widgets-sortables,
 	border-left-color: #99d;
 }
 
-.rtl .post-com-count {
-	background-image: url(../images/bubble_bg-rtl.gif);
-}
-
 .rtl #screen-meta-links a.show-settings {
 	background-position: left 3px;
 }

wp-admin/css/wp-admin-rtl.css

@@ -519,6 +519,11 @@ form.upgrade .hint {
 	font-family: Tahoma, Arial, sans-serif;
 }
 
+.post-com-count {
+	background-image: url('../images/bubble_bg-rtl.gif');
+	background-repeat: no-repeat;
+}
+
 .column-response .post-com-count {
 	float: right;
 	margin-right: 0;
@@ -1573,18 +1578,6 @@ table .column-rating {
 	margin-left: 0;
 }
 
-/**
- * HiDPI Displays
- */
-@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
-
-	.wp-full-overlay .collapse-sidebar-arrow {
-		background-image: url('../images/arrows-2x.png');
-		background-size: 15px 123px;
-	}
-
-}
-
 /*------------------------------------------------------------------------------
   27.0 - Customize Loader
 ------------------------------------------------------------------------------*/
@@ -2143,10 +2136,10 @@ body.login {
 
 /* Star ratings */
 div.star-holder {
-	background: url('../images/stars-rtl.png?ver=20120506.png') repeat-x bottom right;
+	background: url('../images/stars-rtl.png') repeat-x bottom right;
 }
 div.star-holder .star-rating {
-	background: url('../images/stars-rtl.png?ver=20120506.png') repeat-x top right;
+	background: url('../images/stars-rtl.png') repeat-x top right;
 	float: right;
 }
 
@@ -2374,6 +2367,36 @@ div.sidebar-name h3 {
 	direction: ltr;
 }
 
+/**
+ * HiDPI Displays
+ */
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
+	.post-com-count {
+		background-image: url('../images/bubble_bg-rtl-2x.gif');
+		background-size: 18px 100px;
+	}
+
+	#content-resize-handle, #post-body .wp_themeSkin .mceStatusbar a.mceResize {
+		background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll right bottom;
+		background-size: 11px 11px;
+	}
+
+	.wp-full-overlay .collapse-sidebar-arrow {
+		background-image: url('../images/arrows-2x.png');
+		background-size: 15px 123px;
+	}
+
+	div.star-holder {
+		background: url('../images/stars-rtl-2x.png') repeat-x bottom right;
+		background-size: 21px 37px;
+	}
+
+	div.star-holder .star-rating {
+		background: url('../images/stars-rtl-2x.png') repeat-x top right;
+		background-size: 21px 37px;
+	}
+}
+
 /* =Localized CSS
 -------------------------------------------------------------- */
 

wp-admin/css/wp-admin.css

@@ -1825,6 +1825,7 @@ form.upgrade .hint {
 }
 
 .post-com-count {
+	background-image: url('../images/bubble_bg.gif');
 	height: 1.3em;
 	line-height: 1.1em;
 	display: block;
@@ -1869,6 +1870,12 @@ strong .post-com-count {
 	padding: 4px 8px;
 }
 
+th .comment-grey-bubble {
+	background-image: url('../images/comment-grey-bubble.png');
+	background-repeat: no-repeat;
+	height: 12px;
+	width: 12px;
+}
 
 /*------------------------------------------------------------------------------
   8.0 - Layout Blocks
@@ -7388,11 +7395,11 @@ div.star-holder {
 	position: relative;
 	height: 17px;
 	width: 100px;
-	background: url('../images/stars.png?ver=20120307') repeat-x bottom left;
+	background: url('../images/stars.png') repeat-x bottom left;
 }
 
 div.star-holder .star-rating {
-	background: url('../images/stars.png?ver=20120307') repeat-x top left;
+	background: url('../images/stars.png') repeat-x top left;
 	height: 17px;
 	float: left;
 }
@@ -8417,6 +8424,37 @@ a.widget-control-edit {
 	 	background-image: url('../images/arrows-dark-2x.png');
 	 	background-size: 15px 123px;
 	 }
+
+	.post-com-count {
+		background-image: url('../images/bubble_bg-2x.gif');
+		background-size: 18px 100px;
+	}
+
+	th .comment-grey-bubble {
+		background-image: url('../images/comment-grey-bubble-2x.png');
+		background-size: 12px 12px;
+	}
+
+	.sorting-indicator {
+		background-image: url('../images/sort-2x.gif');
+		background-size: 14px 4px;
+	}
+
+	#content-resize-handle,
+	#post-body .wp_themeSkin .mceStatusbar a.mceResize {
+		background: transparent url('../images/resize-2x.gif') no-repeat scroll right bottom;
+		background-size: 11px 11px;
+	}
+
+	div.star-holder {
+		background: url('../images/stars-2x.png') repeat-x bottom left;
+		background-size: 21px 37px;
+	}
+
+	div.star-holder .star-rating {
+		background: url('../images/stars-2x.png') repeat-x top left;
+		background-size: 21px 37px;
+	}
 }
 
 /* =Localized CSS

wp-admin/includes/class-wp-media-list-table.php

@@ -156,7 +156,7 @@ class WP_Media_List_Table extends WP_List_Table {
 		if ( !$this->detached ) {
 			$posts_columns['parent'] = _x( 'Attached to', 'column name' );
 			if ( post_type_supports( 'attachment', 'comments' ) )
-				$posts_columns['comments'] = '<span class="vers"><img alt="' . esc_attr__( 'Comments' ) . '" src="' . esc_url( admin_url( 'images/comment-grey-bubble.png' ) ) . '" /></span>';
+				$posts_columns['comments'] = '<span class="vers"><div title="' . esc_attr__( 'Comments' ) . '" class="comment-grey-bubble"></div></span>';
 		}
 		/* translators: column name */
 		$posts_columns['date'] = _x( 'Date', 'column name' );

wp-admin/includes/class-wp-posts-list-table.php

@@ -280,7 +280,7 @@ class WP_Posts_List_Table extends WP_List_Table {
 
 		$post_status = !empty( $_REQUEST['post_status'] ) ? $_REQUEST['post_status'] : 'all';
 		if ( post_type_supports( $post_type, 'comments' ) && !in_array( $post_status, array( 'pending', 'draft', 'future' ) ) )
-			$posts_columns['comments'] = '<span class="vers"><img alt="' . esc_attr__( 'Comments' ) . '" src="' . esc_url( admin_url( 'images/comment-grey-bubble.png' ) ) . '" /></span>';
+			$posts_columns['comments'] = '<span class="vers"><div title="' . esc_attr__( 'Comments' ) . '" class="comment-grey-bubble"></div></span>';
 
 		$posts_columns['date'] = __( 'Date' );
 

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>";