WordPress.org

Make WordPress Core

Changeset 22439


Ignore:
Timestamp:
11/07/2012 08:54:08 PM (7 years ago)
Author:
azaozz
Message:

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

Location:
trunk
Files:
13 added
12 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/css/colors-classic.css

    r22393 r22439  
    291291
    292292.post-com-count {
    293     background-image: url(../images/bubble_bg.gif);
    294293    color: #fff;
    295294}
     
    19401939    border-right-color: transparent;
    19411940    border-left-color: #99d;
    1942 }
    1943 
    1944 .rtl .post-com-count {
    1945     background-image: url(../images/bubble_bg-rtl.gif);
    19461941}
    19471942
  • trunk/wp-admin/css/colors-fresh.css

    r22393 r22439  
    287287
    288288.post-com-count {
    289     background-image: url(../images/bubble_bg.gif);
    290289    color: #fff;
    291290}
     
    18191818    border-right-color: transparent;
    18201819    border-left-color: #99d;
    1821 }
    1822 
    1823 .rtl .post-com-count {
    1824     background-image: url(../images/bubble_bg-rtl.gif);
    18251820}
    18261821
  • trunk/wp-admin/css/wp-admin-rtl.css

    r22281 r22439  
    520520}
    521521
     522.post-com-count {
     523    background-image: url('../images/bubble_bg-rtl.gif');
     524    background-repeat: no-repeat;
     525}
     526
    522527.column-response .post-com-count {
    523528    float: right;
     
    15721577    margin-right: 10px;
    15731578    margin-left: 0;
    1574 }
    1575 
    1576 /**
    1577  * HiDPI Displays
    1578  */
    1579 @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    1580 
    1581     .wp-full-overlay .collapse-sidebar-arrow {
    1582         background-image: url('../images/arrows-2x.png');
    1583         background-size: 15px 123px;
    1584     }
    1585 
    15861579}
    15871580
     
    21442137/* Star ratings */
    21452138div.star-holder {
    2146     background: url('../images/stars-rtl.png?ver=20120506.png') repeat-x bottom right;
     2139    background: url('../images/stars-rtl.png') repeat-x bottom right;
    21472140}
    21482141div.star-holder .star-rating {
    2149     background: url('../images/stars-rtl.png?ver=20120506.png') repeat-x top right;
     2142    background: url('../images/stars-rtl.png') repeat-x top right;
    21502143    float: right;
    21512144}
     
    23732366.ltr {
    23742367    direction: ltr;
     2368}
     2369
     2370/**
     2371 * HiDPI Displays
     2372 */
     2373@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
     2374    .post-com-count {
     2375        background-image: url('../images/bubble_bg-rtl-2x.gif');
     2376        background-size: 18px 100px;
     2377    }
     2378
     2379    #content-resize-handle, #post-body .wp_themeSkin .mceStatusbar a.mceResize {
     2380        background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll right bottom;
     2381        background-size: 11px 11px;
     2382    }
     2383
     2384    .wp-full-overlay .collapse-sidebar-arrow {
     2385        background-image: url('../images/arrows-2x.png');
     2386        background-size: 15px 123px;
     2387    }
     2388
     2389    div.star-holder {
     2390        background: url('../images/stars-rtl-2x.png') repeat-x bottom right;
     2391        background-size: 21px 37px;
     2392    }
     2393
     2394    div.star-holder .star-rating {
     2395        background: url('../images/stars-rtl-2x.png') repeat-x top right;
     2396        background-size: 21px 37px;
     2397    }
    23752398}
    23762399
  • trunk/wp-admin/css/wp-admin.css

    r22432 r22439  
    18261826
    18271827.post-com-count {
     1828    background-image: url('../images/bubble_bg.gif');
    18281829    height: 1.3em;
    18291830    line-height: 1.1em;
     
    18701871}
    18711872
     1873th .comment-grey-bubble {
     1874    background-image: url('../images/comment-grey-bubble.png');
     1875    background-repeat: no-repeat;
     1876    height: 12px;
     1877    width: 12px;
     1878}
    18721879
    18731880/*------------------------------------------------------------------------------
     
    73897396    height: 17px;
    73907397    width: 100px;
    7391     background: url('../images/stars.png?ver=20120307') repeat-x bottom left;
     7398    background: url('../images/stars.png') repeat-x bottom left;
    73927399}
    73937400
    73947401div.star-holder .star-rating {
    7395     background: url('../images/stars.png?ver=20120307') repeat-x top left;
     7402    background: url('../images/stars.png') repeat-x top left;
    73967403    height: 17px;
    73977404    float: left;
     
    84188425        background-size: 15px 123px;
    84198426     }
     8427
     8428    .post-com-count {
     8429        background-image: url('../images/bubble_bg-2x.gif');
     8430        background-size: 18px 100px;
     8431    }
     8432
     8433    th .comment-grey-bubble {
     8434        background-image: url('../images/comment-grey-bubble-2x.png');
     8435        background-size: 12px 12px;
     8436    }
     8437
     8438    .sorting-indicator {
     8439        background-image: url('../images/sort-2x.gif');
     8440        background-size: 14px 4px;
     8441    }
     8442
     8443    #content-resize-handle,
     8444    #post-body .wp_themeSkin .mceStatusbar a.mceResize {
     8445        background: transparent url('../images/resize-2x.gif') no-repeat scroll right bottom;
     8446        background-size: 11px 11px;
     8447    }
     8448
     8449    div.star-holder {
     8450        background: url('../images/stars-2x.png') repeat-x bottom left;
     8451        background-size: 21px 37px;
     8452    }
     8453
     8454    div.star-holder .star-rating {
     8455        background: url('../images/stars-2x.png') repeat-x top left;
     8456        background-size: 21px 37px;
     8457    }
    84208458}
    84218459
  • trunk/wp-admin/includes/class-wp-media-list-table.php

    r21996 r22439  
    157157            $posts_columns['parent'] = _x( 'Attached to', 'column name' );
    158158            if ( post_type_supports( 'attachment', 'comments' ) )
    159                 $posts_columns['comments'] = '<span class="vers"><img alt="' . esc_attr__( 'Comments' ) . '" src="' . esc_url( admin_url( 'images/comment-grey-bubble.png' ) ) . '" /></span>';
     159                $posts_columns['comments'] = '<span class="vers"><div title="' . esc_attr__( 'Comments' ) . '" class="comment-grey-bubble"></div></span>';
    160160        }
    161161        /* translators: column name */
  • trunk/wp-admin/includes/class-wp-posts-list-table.php

    r22019 r22439  
    281281        $post_status = !empty( $_REQUEST['post_status'] ) ? $_REQUEST['post_status'] : 'all';
    282282        if ( post_type_supports( $post_type, 'comments' ) && !in_array( $post_status, array( 'pending', 'draft', 'future' ) ) )
    283             $posts_columns['comments'] = '<span class="vers"><img alt="' . esc_attr__( 'Comments' ) . '" src="' . esc_url( admin_url( 'images/comment-grey-bubble.png' ) ) . '" /></span>';
     283            $posts_columns['comments'] = '<span class="vers"><div title="' . esc_attr__( 'Comments' ) . '" class="comment-grey-bubble"></div></span>';
    284284
    285285        $posts_columns['date'] = __( 'Date' );
  • trunk/wp-includes/admin-bar.php

    r21957 r22439  
    342342    ) );
    343343
    344     $blue_wp_logo_url = includes_url('images/wpmini-blue.png');
    345 
    346344    foreach ( (array) $wp_admin_bar->user->blogs as $blog ) {
    347345        switch_to_blog( $blog->userblog_id );
    348346
    349         $blavatar = '<img src="' . esc_url($blue_wp_logo_url) . '" alt="' . esc_attr__( 'Blavatar' ) . '" width="16" height="16" class="blavatar"/>';
     347        $blavatar = '<div title="' . esc_attr__( 'Blavatar' ) . '" class="blavatar"></div>';
    350348
    351349        $blogname = empty( $blog->blogname ) ? $blog->domain : $blog->blogname;
  • trunk/wp-includes/css/admin-bar-rtl.css

    r21592 r22439  
    131131 * My Sites
    132132 */
    133 #wpadminbar .quicklinks li img.blavatar {
     133#wpadminbar .quicklinks li .blavatar {
     134    background: url('../images/wpmini-blue.png') no-repeat;
     135    height: 16px;
     136    width: 16px;
     137    display: inline-block;
    134138    margin-right: 0px;
    135139    margin-left: 4px;
     140}
     141
     142@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
     143    #wpadminbar .quicklinks li .blavatar {
     144        background: url('../images/wpmini-blue-2x.png') no-repeat;
     145        background-size: 16px 16px;
     146    }
    136147}
    137148
  • trunk/wp-includes/css/admin-bar.css

    r22280 r22439  
    394394 * My Sites
    395395 */
    396 #wpadminbar .quicklinks li img.blavatar {
     396#wpadminbar .quicklinks li .blavatar {
     397    background: url('../images/wpmini-blue.png') no-repeat;
     398    height: 16px;
     399    width: 16px;
     400    display: inline-block;
    397401    vertical-align: middle;
    398402    margin: -3px 4px 0 0;
    399403    padding: 0;
     404}
     405
     406@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
     407    #wpadminbar .quicklinks li .blavatar {
     408        background: url('../images/wpmini-blue-2x.png') no-repeat;
     409        background-size: 16px 16px;
     410    }
    400411}
    401412
  • trunk/wp-includes/css/editor.css

    r22390 r22439  
    20732073        background-size: 16px 16px;
    20742074    }
    2075 }
    2076 
     2075
     2076    .wp_themeSkin .mceListBox .mceOpen,
     2077    .wp_themeSkin .mceListBoxHover .mceOpen,
     2078    .wp_themeSkin .mceListBoxSelected .mceOpen,
     2079    .wp_themeSkin table.mceListBoxEnabled .mceOpen {
     2080        background-image: url('../images/down_arrow-2x.gif');
     2081        background-size: 10px 20px;
     2082    }
     2083
     2084    .wp_themeSkin .mceSplitButtonEnabled a.mceOpen,
     2085    .wp_themeSkin .mceSplitButtonSelected a.mceOpen,
     2086    .wp_themeSkin .mceSplitButtonActive a.mceOpen,
     2087    .wp_themeSkin .mceSplitButtonEnabled:hover a.mceOpen {
     2088        background-image: url('../images/down_arrow-2x.gif');
     2089        background-size: 10px 20px;
     2090    }
     2091
     2092    #wp-link .toggle-arrow {
     2093        background: transparent url('../images/toggle-arrow-2x.png') top left no-repeat;
     2094        background-size: 19px 69px;
     2095    }
     2096}
     2097
  • trunk/wp-includes/css/wp-pointer.css

    r22078 r22439  
    201201        background-size: 36px auto;
    202202    }
    203 }
     203
     204    .wp-pointer-arrow {
     205        background: url('../images/arrow-pointer-blue-2x.png') 0 0 no-repeat;
     206        background-size: 30px 60px;
     207    }
     208}
  • trunk/wp-includes/default-widgets.php

    r22430 r22439  
    779779        $title = apply_filters('widget_title', $title, $instance, $this->id_base);
    780780        $url = esc_url(strip_tags($url));
    781         $icon = includes_url('images/rss.png');
     781        // Didn't want to have to add additional theme CSS for retina version of rss.png
     782        // Forcing 2x here looks fine on non-retina devices
     783        $icon = includes_url('images/rss-2x.png');
    782784        if ( $title )
    783785            $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>";
Note: See TracChangeset for help on using the changeset viewer.