WordPress.org

Make WordPress Core

Ticket #21019: HiDPI_media_queries_classic_fresh_media.diff

File HiDPI_media_queries_classic_fresh_media.diff, 11.9 KB (added by taylorde, 21 months ago)

HiDPI media queries for media.css, colors-fresh.css, colors-classic.css

  • wp-admin/css/colors-fresh.dev.css

    IDEA additional info:
    Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
    <+>UTF-8
     
    14291429        background-position: -659px -5px; 
    14301430} 
    14311431 
    1432 @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { 
    1433         .icon32.icon-post, 
    1434         #icon-edit, 
    1435         #icon-post, 
    1436         .icon32.icon-dashboard, 
    1437         #icon-index, 
    1438         .icon32.icon-media, 
    1439         #icon-upload, 
    1440         .icon32.icon-links, 
    1441         #icon-link-manager, 
    1442         #icon-link, 
    1443         #icon-link-category, 
    1444         .icon32.icon-page, 
    1445         #icon-edit-pages, 
    1446         #icon-page, 
    1447         .icon32.icon-comments, 
    1448         #icon-edit-comments, 
    1449         .icon32.icon-appearance, 
    1450         #icon-themes, 
    1451         .icon32.icon-plugins, 
    1452         #icon-plugins, 
    1453         .icon32.icon-users, 
    1454         #icon-users, 
    1455         #icon-profile, 
    1456         #icon-user-edit, 
    1457         .icon32.icon-tools, 
    1458         #icon-tools, 
    1459         #icon-admin, 
    1460         .icon32.icon-settings, 
    1461         #icon-options-general, 
    1462         .icon32.icon-site, 
    1463         #icon-ms-admin { 
    1464                 background-image: url(../images/icons32-2x.png?ver=20120412); 
    1465                 background-size: 708px 45px; 
    1466         } 
    1467  
    1468         .icon16.icon-dashboard, 
    1469         .menu-icon-dashboard div.wp-menu-image, 
    1470         .icon16.icon-post, 
    1471         .menu-icon-post div.wp-menu-image, 
    1472         .icon16.icon-media, 
    1473         .menu-icon-media div.wp-menu-image, 
    1474         .icon16.icon-links, 
    1475         .menu-icon-links div.wp-menu-image, 
    1476         .icon16.icon-page, 
    1477         .menu-icon-page div.wp-menu-image, 
    1478         .icon16.icon-comments, 
    1479         .menu-icon-comments div.wp-menu-image, 
    1480         .icon16.icon-appearance, 
    1481         .menu-icon-appearance div.wp-menu-image, 
    1482         .icon16.icon-plugins, 
    1483         .menu-icon-plugins div.wp-menu-image, 
    1484         .icon16.icon-users, 
    1485         .menu-icon-users div.wp-menu-image, 
    1486         .icon16.icon-tools, 
    1487         .menu-icon-tools div.wp-menu-image, 
    1488         .icon16.icon-settings, 
    1489         .menu-icon-settings div.wp-menu-image, 
    1490         .icon16.icon-site, 
    1491         .menu-icon-site div.wp-menu-image { 
    1492                 background-image: url('../images/menu-2x.png?ver=20120412'); 
    1493                 background-size: 390px 64px; 
    1494         } 
    1495 } 
    14961432/* end screen icons */ 
    14971433 
    14981434/* Diff */ 
     
    16951631        background-position: -60px 0; 
    16961632} 
    16971633 
    1698 @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { 
    1699         .view-switch #view-switch-list, 
    1700         .view-switch #view-switch-excerpt { 
    1701                 background-image: url('../images/list-2x.png'); 
    1702                 background-size: 80px 20px; 
    1703         } 
    1704 } 
     1634} 
    17051635 
    17061636#header-logo { 
    17071637        background: transparent url(../images/wp-logo.png?ver=20110504) no-repeat scroll center center; 
     
    20982028 
    20992029.rtl .sidebar-name:hover .sidebar-name-arrow { 
    21002030        background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px; 
    2101 } 
     2031} 
     2032 
     2033/** 
     2034 * HiDPI Graphics 
     2035 */ 
     2036 
     2037@media 
     2038only screen and (-webkit-min-device-pixel-ratio: 1.5), 
     2039only screen and (min-resolution: 150dpi) { 
     2040 
     2041        .tagchecklist span a, 
     2042        #bulk-titles div a { 
     2043                background-image: url("../images/xit-2x.gif"); 
     2044                background-size: 20px auto; 
     2045        } 
     2046 
     2047        .tagchecklist span a:hover, 
     2048        #bulk-titles div a:hover { 
     2049                background-image: url("../images/xit-2x.gif"); 
     2050                background-size: 20px auto; 
     2051        } 
     2052 
     2053        #screen-meta-links a.show-settings, 
     2054        #screen-meta-links a.show-settings.screen-meta-active, 
     2055        #adminmenu .wp-has-submenu:hover .wp-menu-toggle, 
     2056        #adminmenu .wp-menu-open .wp-menu-toggle, 
     2057        #collapse-button div, 
     2058        .meta-box-sortables .postbox:hover .handlediv, 
     2059        .sidebar-name-arrow, 
     2060        .rtl #adminmenu .wp-has-submenu:hover .wp-menu-toggle, 
     2061        .rtl #adminmenu .wp-menu-open .wp-menu-toggle, 
     2062        .rtl .meta-box-sortables .postbox:hover .handlediv, 
     2063        .rtl .sidebar-name-arrow { 
     2064 
     2065                background-image: url("../images/arrows-2x.png"); 
     2066                background-size: 15px 123px; 
     2067        } 
     2068 
     2069        #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle, 
     2070        #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle, 
     2071        .sidebar-name:hover .sidebar-name-arrow, 
     2072        .rtl #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle, 
     2073        .rtl #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle, 
     2074        .rtl .sidebar-name:hover .sidebar-name-arrow { 
     2075                background-image: url(../images/arrows-dark-2x.png); 
     2076                background-size: 15px 123px; 
     2077        } 
     2078 
     2079        .view-switch #view-switch-list, 
     2080        .view-switch #view-switch-excerpt { 
     2081                background-image: url("../images/list-2x.png"); 
     2082                background-size: 80px 20px; 
     2083        } 
     2084 
     2085        .icon32.icon-post, 
     2086        #icon-edit, 
     2087        #icon-post, 
     2088        .icon32.icon-dashboard, 
     2089        #icon-index, 
     2090        .icon32.icon-media, 
     2091        #icon-upload, 
     2092        .icon32.icon-links, 
     2093        #icon-link-manager, 
     2094        #icon-link, 
     2095        #icon-link-category, 
     2096        .icon32.icon-page, 
     2097        #icon-edit-pages, 
     2098        #icon-page, 
     2099        .icon32.icon-comments, 
     2100        #icon-edit-comments, 
     2101        .icon32.icon-appearance, 
     2102        #icon-themes, 
     2103        .icon32.icon-plugins, 
     2104        #icon-plugins, 
     2105        .icon32.icon-users, 
     2106        #icon-users, 
     2107        #icon-profile, 
     2108        #icon-user-edit, 
     2109        .icon32.icon-tools, 
     2110        #icon-tools, 
     2111        #icon-admin, 
     2112        .icon32.icon-settings, 
     2113        #icon-options-general, 
     2114        .icon32.icon-site, 
     2115        #icon-ms-admin { 
     2116                background-image: url(../images/icons32-2x.png?ver=20120412); 
     2117                background-size: 708px 45px; 
     2118        } 
     2119 
     2120        .icon16.icon-dashboard, 
     2121        .menu-icon-dashboard div.wp-menu-image, 
     2122        .icon16.icon-post, 
     2123        .menu-icon-post div.wp-menu-image, 
     2124        .icon16.icon-media, 
     2125        .menu-icon-media div.wp-menu-image, 
     2126        .icon16.icon-links, 
     2127        .menu-icon-links div.wp-menu-image, 
     2128        .icon16.icon-page, 
     2129        .menu-icon-page div.wp-menu-image, 
     2130        .icon16.icon-comments, 
     2131        .menu-icon-comments div.wp-menu-image, 
     2132        .icon16.icon-appearance, 
     2133        .menu-icon-appearance div.wp-menu-image, 
     2134        .icon16.icon-plugins, 
     2135        .menu-icon-plugins div.wp-menu-image, 
     2136        .icon16.icon-users, 
     2137        .menu-icon-users div.wp-menu-image, 
     2138        .icon16.icon-tools, 
     2139        .menu-icon-tools div.wp-menu-image, 
     2140        .icon16.icon-settings, 
     2141        .menu-icon-settings div.wp-menu-image, 
     2142        .icon16.icon-site, 
     2143        .menu-icon-site div.wp-menu-image { 
     2144                background-image: url('../images/menu-2x.png?ver=20120412'); 
     2145                background-size: 390px 64px; 
     2146        } 
     2147 
     2148} 
     2149 No newline at end of file 
  • wp-admin/css/media.dev.css

    IDEA additional info:
    Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
    <+>UTF-8
     
    327327table.not-image tr.image-only { 
    328328        display: none; 
    329329} 
     330 
     331/** 
     332 * HiDPI Media Queries 
     333 */ 
     334@media 
     335only screen and (-webkit-min-device-pixel-ratio: 1.5), 
     336only screen and (min-resolution: 150dpi) { 
     337 
     338        .image-align-none-label { 
     339                background-image: url(../images/align-none-2x.png); 
     340                background-size: 21px auto; 
     341        } 
     342 
     343        .image-align-left-label { 
     344                background-image: url(../images/align-left-2x.png); 
     345                background-size: 21px auto; 
     346        } 
     347 
     348        .image-align-center-label { 
     349                background-image: url(../images/align-center-2x.png); 
     350                background-size: 21px auto; 
     351        } 
     352 
     353        .image-align-right-label { 
     354                background-image: url(../images/align-right-2x.png); 
     355                background-size: 21px auto; 
     356        } 
     357 
     358} 
     359 No newline at end of file 
  • wp-admin/css/colors-classic.dev.css

    IDEA additional info:
    Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
    <+>UTF-8
     
    17521752        background-position: -659px -5px; 
    17531753} 
    17541754 
    1755 @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { 
    1756         .icon32.icon-post, 
    1757         #icon-edit, 
    1758         #icon-post, 
    1759         .icon32.icon-dashboard, 
    1760         #icon-index, 
    1761         .icon32.icon-media, 
    1762         #icon-upload, 
    1763         .icon32.icon-links, 
    1764         #icon-link-manager, 
    1765         #icon-link, 
    1766         #icon-link-category, 
    1767         .icon32.icon-page, 
    1768         #icon-edit-pages, 
    1769         #icon-page, 
    1770         .icon32.icon-comments, 
    1771         #icon-edit-comments, 
    1772         .icon32.icon-appearance, 
    1773         #icon-themes, 
    1774         .icon32.icon-plugins, 
    1775         #icon-plugins, 
    1776         .icon32.icon-users, 
    1777         #icon-users, 
    1778         #icon-profile, 
    1779         #icon-user-edit, 
    1780         .icon32.icon-tools, 
    1781         #icon-tools, 
    1782         #icon-admin, 
    1783         .icon32.icon-settings, 
    1784         #icon-options-general, 
    1785         .icon32.icon-site, 
    1786         #icon-ms-admin { 
    1787                 background-image: url(../images/icons32-vs-2x.png?ver=20120412); 
    1788                 background-size: 708px 45px; 
    1789         } 
    1790  
    1791         .icon16.icon-dashboard, 
    1792         .menu-icon-dashboard div.wp-menu-image, 
    1793         .icon16.icon-post, 
    1794         .menu-icon-post div.wp-menu-image, 
    1795         .icon16.icon-media, 
    1796         .menu-icon-media div.wp-menu-image, 
    1797         .icon16.icon-links, 
    1798         .menu-icon-links div.wp-menu-image, 
    1799         .icon16.icon-page, 
    1800         .menu-icon-page div.wp-menu-image, 
    1801         .icon16.icon-comments, 
    1802         .menu-icon-comments div.wp-menu-image, 
    1803         .icon16.icon-appearance, 
    1804         .menu-icon-appearance div.wp-menu-image, 
    1805         .icon16.icon-plugins, 
    1806         .menu-icon-plugins div.wp-menu-image, 
    1807         .icon16.icon-users, 
    1808         .menu-icon-users div.wp-menu-image, 
    1809         .icon16.icon-tools, 
    1810         .menu-icon-tools div.wp-menu-image, 
    1811         .icon16.icon-settings, 
    1812         .menu-icon-settings div.wp-menu-image, 
    1813         .icon16.icon-site, 
    1814         .menu-icon-site div.wp-menu-image { 
    1815                 background-image: url('../images/menu-2x.png?ver=20120412'); 
    1816                 background-size: 390px 64px; 
    1817         } 
    1818 } 
    18191755/* end screen icons */ 
    18201756 
    18211757/* Diff */ 
     
    20792015        background-position: -60px 0; 
    20802016} 
    20812017 
    2082 @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { 
    2083         .view-switch #view-switch-list, 
    2084         .view-switch #view-switch-excerpt { 
    2085                 background-image: url('../images/list-2x.png'); 
    2086                 background-size: 80px 20px; 
    2087         } 
    2088 } 
    2089  
    20902018#header-logo { 
    20912019        background: transparent url(../images/wp-logo-vs.png?ver=20101102) no-repeat scroll center center; 
    20922020} 
     
    25102438} 
    25112439.rtl .sidebar-name:hover .sidebar-name-arrow { 
    25122440        background: transparent url(../images/arrows-dark-vs.png) no-repeat 5px 9px; 
    2513 } 
     2441} 
     2442 
     2443/** 
     2444 * HiDPI graphics 
     2445 */ 
     2446@media 
     2447only screen and (-webkit-min-device-pixel-ratio: 1.5), 
     2448only screen and (min-resolution: 150dpi) { 
     2449 
     2450        .tagchecklist span a, 
     2451        #bulk-titles div a { 
     2452                background-image: url("../images/xit-2x.gif"); 
     2453                background-size: 20px auto; 
     2454        } 
     2455 
     2456        .tagchecklist span a:hover, 
     2457        #bulk-titles div a:hover { 
     2458                background-image: url("../images/xit-2x.gif"); 
     2459                background-size: 20px auto; 
     2460        } 
     2461 
     2462        #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle, 
     2463        #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle { 
     2464                background-image: url("../images/arrows-dark-vs-2x.png"); 
     2465                background-size: 15px 173px; 
     2466        } 
     2467 
     2468        #adminmenu .wp-has-submenu:hover .wp-menu-toggle, 
     2469        #adminmenu .wp-menu-open .wp-menu-toggle, 
     2470        #collapse-button div, 
     2471        #screen-meta-links a.show-settings, 
     2472        #screen-meta-links a.show-settings.screen-meta-active, 
     2473        .meta-box-sortables .postbox:hover .handlediv { 
     2474                background-image: url("../images/arrows-vs-2x.png"); 
     2475                background-size: 15px 123px; 
     2476        } 
     2477 
     2478        .view-switch #view-switch-list, 
     2479        .view-switch #view-switch-excerpt { 
     2480                background-image: url('../images/list-2x.png'); 
     2481                background-size: 80px 20px; 
     2482        } 
     2483 
     2484        .icon32.icon-post, 
     2485        #icon-edit, 
     2486        #icon-post, 
     2487        .icon32.icon-dashboard, 
     2488        #icon-index, 
     2489        .icon32.icon-media, 
     2490        #icon-upload, 
     2491        .icon32.icon-links, 
     2492        #icon-link-manager, 
     2493        #icon-link, 
     2494        #icon-link-category, 
     2495        .icon32.icon-page, 
     2496        #icon-edit-pages, 
     2497        #icon-page, 
     2498        .icon32.icon-comments, 
     2499        #icon-edit-comments, 
     2500        .icon32.icon-appearance, 
     2501        #icon-themes, 
     2502        .icon32.icon-plugins, 
     2503        #icon-plugins, 
     2504        .icon32.icon-users, 
     2505        #icon-users, 
     2506        #icon-profile, 
     2507        #icon-user-edit, 
     2508        .icon32.icon-tools, 
     2509        #icon-tools, 
     2510        #icon-admin, 
     2511        .icon32.icon-settings, 
     2512        #icon-options-general, 
     2513        .icon32.icon-site, 
     2514        #icon-ms-admin { 
     2515                background-image: url(../images/icons32-vs-2x.png?ver=20120412); 
     2516                background-size: 708px 45px; 
     2517        } 
     2518 
     2519        .icon16.icon-dashboard, 
     2520        .menu-icon-dashboard div.wp-menu-image, 
     2521        .icon16.icon-post, 
     2522        .menu-icon-post div.wp-menu-image, 
     2523        .icon16.icon-media, 
     2524        .menu-icon-media div.wp-menu-image, 
     2525        .icon16.icon-links, 
     2526        .menu-icon-links div.wp-menu-image, 
     2527        .icon16.icon-page, 
     2528        .menu-icon-page div.wp-menu-image, 
     2529        .icon16.icon-comments, 
     2530        .menu-icon-comments div.wp-menu-image, 
     2531        .icon16.icon-appearance, 
     2532        .menu-icon-appearance div.wp-menu-image, 
     2533        .icon16.icon-plugins, 
     2534        .menu-icon-plugins div.wp-menu-image, 
     2535        .icon16.icon-users, 
     2536        .menu-icon-users div.wp-menu-image, 
     2537        .icon16.icon-tools, 
     2538        .menu-icon-tools div.wp-menu-image, 
     2539        .icon16.icon-settings, 
     2540        .menu-icon-settings div.wp-menu-image, 
     2541        .icon16.icon-site, 
     2542        .menu-icon-site div.wp-menu-image { 
     2543                background-image: url('../images/menu-2x.png?ver=20120412'); 
     2544                background-size: 390px 64px; 
     2545        } 
     2546 
     2547} 
     2548 No newline at end of file