Changeset 22439

Timestamp:

11/07/2012 08:54:08 PM (12 years ago)

Author:

azaozz

Message:

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

Location:

trunk

Files:

• wp-admin/css/colors-classic.css (modified) (2 diffs)
• wp-admin/css/colors-fresh.css (modified) (2 diffs)
• wp-admin/css/wp-admin-rtl.css (modified) (4 diffs)
• wp-admin/css/wp-admin.css (modified) (4 diffs)
• wp-admin/images/bubble_bg-2x.gif (added)
• wp-admin/images/bubble_bg-rtl-2x.gif (added)
• wp-admin/images/comment-grey-bubble-2x.png (added)
• wp-admin/images/resize-2x.gif (added)
• wp-admin/images/resize-rtl-2x.gif (added)
• wp-admin/images/sort-2x.gif (added)
• wp-admin/images/stars-2x.png (added)
• wp-admin/images/stars-rtl-2x.png (added)
• wp-admin/includes/class-wp-media-list-table.php (modified) (1 diff)
• wp-admin/includes/class-wp-posts-list-table.php (modified) (1 diff)
• wp-includes/admin-bar.php (modified) (1 diff)
• wp-includes/css/admin-bar-rtl.css (modified) (1 diff)
• wp-includes/css/admin-bar.css (modified) (1 diff)
• wp-includes/css/editor.css (modified) (1 diff)
• wp-includes/css/wp-pointer.css (modified) (1 diff)
• wp-includes/default-widgets.php (modified) (1 diff)
• wp-includes/images/arrow-pointer-blue-2x.png (added)
• wp-includes/images/down_arrow-2x.gif (added)
• wp-includes/images/rss-2x.png (added)
• wp-includes/images/toggle-arrow-2x.png (added)
• wp-includes/images/wpmini-blue-2x.png (added)

trunk/wp-admin/css/colors-classic.css

@@ -291 +291 @@
 
 .post-com-count {
-    background-image: url(../images/bubble_bg.gif);
     color: #fff;
 }
@@ -1940 +1939 @@
     border-right-color: transparent;
     border-left-color: #99d;
-}
-
-.rtl .post-com-count {
-    background-image: url(../images/bubble_bg-rtl.gif);
 }
 

trunk/wp-admin/css/colors-fresh.css

@@ -287 +287 @@
 
 .post-com-count {
-    background-image: url(../images/bubble_bg.gif);
     color: #fff;
 }
@@ -1819 +1818 @@
     border-right-color: transparent;
     border-left-color: #99d;
-}
-
-.rtl .post-com-count {
-    background-image: url(../images/bubble_bg-rtl.gif);
 }
 

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

@@ -520 +520 @@
 }
 
+.post-com-count {
+    background-image: url('../images/bubble_bg-rtl.gif');
+    background-repeat: no-repeat;
+}
+
 .column-response .post-com-count {
     float: right;
@@ -1572 +1577 @@
     margin-right: 10px;
     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;
-    }
-
 }
 
@@ -2144 +2137 @@
 /* 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;
 }
@@ -2373 +2366 @@
 .ltr {
     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;
+    }
 }
 

trunk/wp-admin/css/wp-admin.css

@@ -1826 +1826 @@
 
 .post-com-count {
+    background-image: url('../images/bubble_bg.gif');
     height: 1.3em;
     line-height: 1.1em;
@@ -1870 +1871 @@
 }
 
+th .comment-grey-bubble {
+    background-image: url('../images/comment-grey-bubble.png');
+    background-repeat: no-repeat;
+    height: 12px;
+    width: 12px;
+}
 
 /*------------------------------------------------------------------------------
@@ -7389 +7396 @@
     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;
@@ -8418 +8425 @@
         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;
+    }
 }
 

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

@@ -157 +157 @@
             $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 */

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

@@ -281 +281 @@
         $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' );

trunk/wp-includes/admin-bar.php

@@ -342 +342 @@
     ) );
 
-    $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;

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

@@ -131 +131 @@
  * 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;
+    }
 }
 

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

@@ -394 +394 @@
  * 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;
+    }
 }
 

trunk/wp-includes/css/editor.css

@@ -2073 +2073 @@
         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;
+    }
+}
+

trunk/wp-includes/css/wp-pointer.css

@@ -201 +201 @@
         background-size: 36px auto;
     }
-}
+
+    .wp-pointer-arrow {
+        background: url('../images/arrow-pointer-blue-2x.png') 0 0 no-repeat;
+        background-size: 30px 60px;
+    }
+}

trunk/wp-includes/default-widgets.php

@@ -779 +779 @@
         $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>";