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, 6 years 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