Make WordPress Core

Changeset 22439


Ignore:
Timestamp:
11/07/2012 08:54:08 PM (14 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.