WordPress.org

Make WordPress Core

Changeset 20356


Ignore:
Timestamp:
04/04/2012 11:02:51 PM (6 years ago)
Author:
azaozz
Message:

Double-size icons and WordPress logo for retina displays, props chexee, props empireoflight, props iammattthomas, see #20293

Location:
trunk/wp-admin
Files:
3 added
3 edited

Legend:

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

    r20272 r20356  
    14141414
    14151415/* menu and screen icons */
     1416.icon16,
     1417.icon32,
     1418div.wp-menu-image {
     1419    background-color: transparent;
     1420    background-repeat: no-repeat;
     1421}
     1422
     1423.icon16,
     1424div.wp-menu-image {
     1425    background-image: url('../images/menu-vs.png?ver=20120201');
     1426    background-size: 390px 64px;
     1427}
     1428
    14161429.icon16.icon-dashboard,
    14171430#adminmenu .menu-icon-dashboard div.wp-menu-image {
    1418     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -60px -33px;
     1431    background-position: -60px -33px;
    14191432}
    14201433
     
    14221435#adminmenu .menu-icon-dashboard.wp-has-current-submenu div.wp-menu-image,
    14231436#adminmenu .menu-icon-dashboard.current div.wp-menu-image {
    1424     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -60px -1px;
     1437    background-position: -60px -1px;
    14251438}
    14261439
    14271440.icon16.icon-post,
    14281441#adminmenu .menu-icon-post div.wp-menu-image {
    1429     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -271px -33px;
     1442    background-position: -271px -33px;
    14301443}
    14311444
     
    14331446#adminmenu .menu-icon-post.wp-has-current-submenu div.wp-menu-image,
    14341447#adminmenu .menu-icon-post.current div.wp-menu-image {
    1435     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -271px -1px;
     1448    background-position: -271px -1px;
    14361449}
    14371450
    14381451.icon16.icon-media,
    14391452#adminmenu .menu-icon-media div.wp-menu-image {
    1440     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -120px -33px;
     1453    background-position: -120px -33px;
    14411454}
    14421455
     
    14441457#adminmenu .menu-icon-media.wp-has-current-submenu div.wp-menu-image,
    14451458#adminmenu .menu-icon-media.current div.wp-menu-image {
    1446     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -120px -1px;
     1459    background-position: -120px -1px;
    14471460}
    14481461
    14491462.icon16.icon-links,
    14501463#adminmenu .menu-icon-links div.wp-menu-image {
    1451     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -90px -33px;
     1464    background-position: -90px -33px;
    14521465}
    14531466
     
    14551468#adminmenu .menu-icon-links.wp-has-current-submenu div.wp-menu-image,
    14561469#adminmenu .menu-icon-links.current div.wp-menu-image {
    1457     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -90px -1px;
     1470    background-position: -90px -1px;
    14581471}
    14591472
    14601473.icon16.icon-page,
    14611474#adminmenu .menu-icon-page div.wp-menu-image {
    1462     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -150px -33px;
     1475    background-position: -150px -33px;
    14631476}
    14641477
     
    14661479#adminmenu .menu-icon-page.wp-has-current-submenu div.wp-menu-image,
    14671480#adminmenu .menu-icon-page.current div.wp-menu-image {
    1468     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -150px -1px;
     1481    background-position: -150px -1px;
    14691482}
    14701483
    14711484.icon16.icon-comments,
    14721485#adminmenu .menu-icon-comments div.wp-menu-image {
    1473     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -30px -33px;
     1486    background-position: -30px -33px;
    14741487}
    14751488
     
    14771490#adminmenu .menu-icon-comments.wp-has-current-submenu div.wp-menu-image,
    14781491#adminmenu .menu-icon-comments.current div.wp-menu-image {
    1479     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -30px -1px;
     1492    background-position: -30px -1px;
    14801493}
    14811494
    14821495.icon16.icon-appearance,
    14831496#adminmenu .menu-icon-appearance div.wp-menu-image {
    1484     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll 0 -33px;
     1497    background-position: 0 -33px;
    14851498}
    14861499
     
    14881501#adminmenu .menu-icon-appearance.wp-has-current-submenu div.wp-menu-image,
    14891502#adminmenu .menu-icon-appearance.current div.wp-menu-image {
    1490     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll 0 -1px;
     1503    background-position: 0 -1px;
    14911504}
    14921505
    14931506.icon16.icon-plugins,
    14941507#adminmenu .menu-icon-plugins div.wp-menu-image {
    1495     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -180px -33px;
     1508    background-position: -180px -33px;
    14961509}
    14971510
     
    14991512#adminmenu .menu-icon-plugins.wp-has-current-submenu div.wp-menu-image,
    15001513#adminmenu .menu-icon-plugins.current div.wp-menu-image {
    1501     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -180px -1px;
     1514    background-position: -180px -1px;
    15021515}
    15031516
    15041517.icon16.icon-users,
    15051518#adminmenu .menu-icon-users div.wp-menu-image {
    1506     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -300px -33px;
     1519    background-position: -300px -33px;
    15071520}
    15081521
     
    15101523#adminmenu .menu-icon-users.wp-has-current-submenu div.wp-menu-image,
    15111524#adminmenu .menu-icon-users.current div.wp-menu-image {
    1512     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -300px -1px;
     1525    background-position: -300px -1px;
    15131526}
    15141527
    15151528.icon16.icon-tools,
    15161529#adminmenu .menu-icon-tools div.wp-menu-image {
    1517     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -210px -33px;
     1530    background-position: -210px -33px;
    15181531}
    15191532
     
    15211534#adminmenu .menu-icon-tools.wp-has-current-submenu div.wp-menu-image,
    15221535#adminmenu .menu-icon-tools.current div.wp-menu-image {
    1523     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -210px -1px;
     1536    background-position: -210px -1px;
    15241537}
    15251538
    15261539.icon16.icon-settings,
    1527 #icon-options-general,
    15281540#adminmenu .menu-icon-settings div.wp-menu-image {
    1529     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -240px -33px;
     1541    background-position: -240px -33px;
    15301542}
    15311543
     
    15331545#adminmenu .menu-icon-settings.wp-has-current-submenu div.wp-menu-image,
    15341546#adminmenu .menu-icon-settings.current div.wp-menu-image {
    1535     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -240px -1px;
     1547    background-position: -240px -1px;
    15361548}
    15371549
    15381550.icon16.icon-site,
    15391551#adminmenu .menu-icon-site div.wp-menu-image {
    1540     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -360px -33px;
     1552    background-position: -360px -33px;
    15411553}
    15421554
     
    15441556#adminmenu .menu-icon-site.wp-has-current-submenu div.wp-menu-image,
    15451557#adminmenu .menu-icon-site.current div.wp-menu-image {
    1546     background: transparent url('../images/menu-vs.png?ver=20111128') no-repeat scroll -360px -1px;
     1558    background-position: -360px -1px;
    15471559}
    15481560/* end menu and screen icons */
    15491561
    15501562/* Screen Icons */
     1563div.icon32 {
     1564    background-image: url(../images/icons32-vs.png?ver=20111206);
     1565    background-size: 708px 45px;
     1566}
     1567
    15511568.icon32.icon-post,
    15521569#icon-edit,
    15531570#icon-post {
    1554     background: transparent url(../images/icons32-vs.png?ver=20111206) no-repeat -552px -5px;
     1571    background-position: -552px -5px;
    15551572}
    15561573
    15571574.icon32.icon-dashboard,
    15581575#icon-index {
    1559     background: transparent url(../images/icons32-vs.png?ver=20111206) no-repeat -137px -5px;
     1576    background-position: -137px -5px;
    15601577}
    15611578
    15621579.icon32.icon-media,
    15631580#icon-upload {
    1564     background: transparent url(../images/icons32-vs.png?ver=20111206) no-repeat -251px -5px;
     1581    background-position: -251px -5px;
    15651582}
    15661583
     
    15691586#icon-link,
    15701587#icon-link-category {
    1571     background: transparent url(../images/icons32-vs.png?ver=20111206) no-repeat -190px -5px;
     1588    background-position: -190px -5px;
    15721589}
    15731590
     
    15751592#icon-edit-pages,
    15761593#icon-page {
    1577     background: transparent url(../images/icons32-vs.png?ver=20111206) no-repeat -312px -5px;
     1594    background-position: -312px -5px;
    15781595}
    15791596
    15801597.icon32.icon-comments,
    15811598#icon-edit-comments {
    1582     background: transparent url(../images/icons32-vs.png?ver=20111206) no-repeat -72px -5px;
     1599    background-position: -72px -5px;
    15831600}
    15841601
    15851602.icon32.icon-appearance,
    15861603#icon-themes {
    1587     background: transparent url(../images/icons32-vs.png?ver=20111206) no-repeat -11px -5px;
     1604    background-position: -11px -5px;
    15881605}
    15891606
    15901607.icon32.icon-plugins,
    15911608#icon-plugins {
    1592     background: transparent url(../images/icons32-vs.png?ver=20111206) no-repeat -370px -5px;
     1609    background-position: -370px -5px;
    15931610}
    15941611
     
    15971614#icon-profile,
    15981615#icon-user-edit {
    1599     background: transparent url(../images/icons32-vs.png?ver=20111206) no-repeat -600px -5px;
     1616    background-position: -600px -5px;
    16001617}
    16011618
     
    16031620#icon-tools,
    16041621#icon-admin {
    1605     background: transparent url(../images/icons32-vs.png?ver=20111206) no-repeat -432px -5px;
     1622    background-position: -432px -5px;
    16061623}
    16071624
    16081625.icon32.icon-settings,
    16091626#icon-options-general {
    1610     background: transparent url(../images/icons32-vs.png?ver=20111206) no-repeat -492px -5px;
     1627    background-position: -492px -5px;
    16111628}
    16121629
    16131630.icon32.icon-site,
    16141631#icon-ms-admin {
    1615     background: transparent url(../images/icons32-vs.png?ver=20111206) no-repeat -659px -5px;
    1616 }
     1632    background-position: -659px -5px;
     1633}
     1634
     1635/*
     1636@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
     1637    div.icon32 {
     1638        background-image: url(../images/icons32-2x.png?ver=20120412);
     1639        background-size: 708px 45px;
     1640    }
     1641
     1642    .icon16,
     1643    div.wp-menu-image {
     1644        background-image: url('../images/menu-2x.png?ver=20120412');
     1645        background-size: 390px 64px;
     1646    }
     1647}
     1648*/
    16171649/* end screen icons */
    16181650
  • trunk/wp-admin/css/colors-fresh.dev.css

    r20272 r20356  
    11051105
    11061106/* menu and screen icons */
     1107.icon16,
     1108.icon32,
     1109div.wp-menu-image {
     1110    background-color: transparent;
     1111    background-repeat: no-repeat;
     1112}
     1113
     1114.icon16,
     1115div.wp-menu-image {
     1116    background-image: url('../images/menu.png?ver=20120201');
     1117    background-size: 390px 64px;
     1118}
     1119
    11071120.icon16.icon-dashboard,
    11081121#adminmenu .menu-icon-dashboard div.wp-menu-image {
    1109     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -60px -33px;
     1122    background-position: -60px -33px;
    11101123}
    11111124
     
    11131126#adminmenu .menu-icon-dashboard.wp-has-current-submenu div.wp-menu-image,
    11141127#adminmenu .menu-icon-dashboard.current div.wp-menu-image {
    1115     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -60px -1px;
     1128    background-position: -60px -1px;
    11161129}
    11171130
    11181131.icon16.icon-post,
    11191132#adminmenu .menu-icon-post div.wp-menu-image {
    1120     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -271px -33px;
     1133    background-position: -271px -33px;
    11211134}
    11221135
     
    11241137#adminmenu .menu-icon-post.wp-has-current-submenu div.wp-menu-image,
    11251138#adminmenu .menu-icon-post.current div.wp-menu-image {
    1126     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -271px -1px;
     1139    background-position: -271px -1px;
    11271140}
    11281141
    11291142.icon16.icon-media,
    11301143#adminmenu .menu-icon-media div.wp-menu-image {
    1131     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -120px -33px;
     1144    background-position: -120px -33px;
    11321145}
    11331146
     
    11351148#adminmenu .menu-icon-media.wp-has-current-submenu div.wp-menu-image,
    11361149#adminmenu .menu-icon-media.current div.wp-menu-image {
    1137     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -120px -1px;
     1150    background-position: -120px -1px;
    11381151}
    11391152
    11401153.icon16.icon-links,
    11411154#adminmenu .menu-icon-links div.wp-menu-image {
    1142     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -90px -33px;
     1155    background-position: -90px -33px;
    11431156}
    11441157
     
    11461159#adminmenu .menu-icon-links.wp-has-current-submenu div.wp-menu-image,
    11471160#adminmenu .menu-icon-links.current div.wp-menu-image {
    1148     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -90px -1px;
     1161    background-position: -90px -1px;
    11491162}
    11501163
    11511164.icon16.icon-page,
    11521165#adminmenu .menu-icon-page div.wp-menu-image {
    1153     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -150px -33px;
     1166    background-position: -150px -33px;
    11541167}
    11551168
     
    11571170#adminmenu .menu-icon-page.wp-has-current-submenu div.wp-menu-image,
    11581171#adminmenu .menu-icon-page.current div.wp-menu-image {
    1159     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -150px -1px;
     1172    background-position: -150px -1px;
    11601173}
    11611174
    11621175.icon16.icon-comments,
    11631176#adminmenu .menu-icon-comments div.wp-menu-image {
    1164     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -30px -33px;
     1177    background-position: -30px -33px;
    11651178}
    11661179
     
    11681181#adminmenu .menu-icon-comments.wp-has-current-submenu div.wp-menu-image,
    11691182#adminmenu .menu-icon-comments.current div.wp-menu-image {
    1170     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -30px -1px;
     1183    background-position: -30px -1px;
    11711184}
    11721185
    11731186.icon16.icon-appearance,
    11741187#adminmenu .menu-icon-appearance div.wp-menu-image {
    1175     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll 0 -33px;
     1188    background-position: 0 -33px;
    11761189}
    11771190
     
    11791192#adminmenu .menu-icon-appearance.wp-has-current-submenu div.wp-menu-image,
    11801193#adminmenu .menu-icon-appearance.current div.wp-menu-image {
    1181     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll 0 -1px;
     1194    background-position: 0 -1px;
    11821195}
    11831196
    11841197.icon16.icon-plugins,
    11851198#adminmenu .menu-icon-plugins div.wp-menu-image {
    1186     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -180px -33px;
     1199    background-position: -180px -33px;
    11871200}
    11881201
     
    11901203#adminmenu .menu-icon-plugins.wp-has-current-submenu div.wp-menu-image,
    11911204#adminmenu .menu-icon-plugins.current div.wp-menu-image {
    1192     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -180px -1px;
     1205    background-position: -180px -1px;
    11931206}
    11941207
    11951208.icon16.icon-users,
    11961209#adminmenu .menu-icon-users div.wp-menu-image {
    1197     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -300px -33px;
     1210    background-position: -300px -33px;
    11981211}
    11991212
     
    12011214#adminmenu .menu-icon-users.wp-has-current-submenu div.wp-menu-image,
    12021215#adminmenu .menu-icon-users.current div.wp-menu-image {
    1203     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -300px -1px;
     1216    background-position: -300px -1px;
    12041217}
    12051218
    12061219.icon16.icon-tools,
    12071220#adminmenu .menu-icon-tools div.wp-menu-image {
    1208     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -210px -33px;
     1221    background-position: -210px -33px;
    12091222}
    12101223
     
    12121225#adminmenu .menu-icon-tools.wp-has-current-submenu div.wp-menu-image,
    12131226#adminmenu .menu-icon-tools.current div.wp-menu-image {
    1214     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -210px -1px;
     1227    background-position: -210px -1px;
    12151228}
    12161229
    12171230.icon16.icon-settings,
    12181231#adminmenu .menu-icon-settings div.wp-menu-image {
    1219     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -240px -33px;
     1232    background-position: -240px -33px;
    12201233}
    12211234
     
    12231236#adminmenu .menu-icon-settings.wp-has-current-submenu div.wp-menu-image,
    12241237#adminmenu .menu-icon-settings.current div.wp-menu-image {
    1225     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -240px -1px;
     1238    background-position: -240px -1px;
    12261239}
    12271240
    12281241.icon16.icon-site,
    12291242#adminmenu .menu-icon-site div.wp-menu-image {
    1230     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -360px -33px;
     1243    background-position: -360px -33px;
    12311244}
    12321245
     
    12341247#adminmenu .menu-icon-site.wp-has-current-submenu div.wp-menu-image,
    12351248#adminmenu .menu-icon-site.current div.wp-menu-image {
    1236     background: transparent url('../images/menu.png?ver=20120201') no-repeat scroll -360px -1px;
     1249    background-position: -360px -1px;
    12371250}
    12381251/* end menu and screen icons */
    12391252
    12401253/* Screen Icons */
     1254div.icon32 {
     1255    background-image: url(../images/icons32.png?ver=20111206);
     1256    background-size: 708px 45px;
     1257}
     1258
    12411259.icon32.icon-post,
    12421260#icon-edit,
    12431261#icon-post {
    1244     background: transparent url(../images/icons32.png?ver=20111206) no-repeat -552px -5px;
     1262    background-position: -552px -5px;
    12451263}
    12461264
    12471265.icon32.icon-dashboard,
    12481266#icon-index {
    1249     background: transparent url(../images/icons32.png?ver=20111206) no-repeat -137px -5px;
     1267    background-position: -137px -5px;
    12501268}
    12511269
    12521270.icon32.icon-media,
    12531271#icon-upload {
    1254     background: transparent url(../images/icons32.png?ver=20111206) no-repeat -251px -5px;
     1272    background-position: -251px -5px;
    12551273}
    12561274
     
    12591277#icon-link,
    12601278#icon-link-category {
    1261     background: transparent url(../images/icons32.png?ver=20111206) no-repeat -190px -5px;
     1279    background-position: -190px -5px;
    12621280}
    12631281
     
    12651283#icon-edit-pages,
    12661284#icon-page {
    1267     background: transparent url(../images/icons32.png?ver=20111206) no-repeat -312px -5px;
     1285    background-position: -312px -5px;
    12681286}
    12691287
    12701288.icon32.icon-comments,
    12711289#icon-edit-comments {
    1272     background: transparent url(../images/icons32.png?ver=20111206) no-repeat -72px -5px;
     1290    background-position: -72px -5px;
    12731291}
    12741292
    12751293.icon32.icon-appearance,
    12761294#icon-themes {
    1277     background: transparent url(../images/icons32.png?ver=20111206) no-repeat -11px -5px;
     1295    background-position: -11px -5px;
    12781296}
    12791297
    12801298.icon32.icon-plugins,
    12811299#icon-plugins {
    1282     background: transparent url(../images/icons32.png?ver=20111206) no-repeat -370px -5px;
     1300    background-position: -370px -5px;
    12831301}
    12841302
     
    12871305#icon-profile,
    12881306#icon-user-edit {
    1289     background: transparent url(../images/icons32.png?ver=20111206) no-repeat -600px -5px;
     1307    background-position: -600px -5px;
    12901308}
    12911309
     
    12931311#icon-tools,
    12941312#icon-admin {
    1295     background: transparent url(../images/icons32.png?ver=20111206) no-repeat -432px -5px;
     1313    background-position: -432px -5px;
    12961314}
    12971315
    12981316.icon32.icon-settings,
    12991317#icon-options-general {
    1300     background: transparent url(../images/icons32.png?ver=20111206) no-repeat -492px -5px;
     1318    background-position: -492px -5px;
    13011319}
    13021320
    13031321.icon32.icon-site,
    13041322#icon-ms-admin {
    1305     background: transparent url(../images/icons32.png?ver=20111206) no-repeat -659px -5px;
     1323    background-position: -659px -5px;
     1324}
     1325
     1326@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
     1327    div.icon32 {
     1328        background-image: url(../images/icons32-2x.png?ver=20120412);
     1329        background-size: 708px 45px;
     1330    }
     1331
     1332    .icon16,
     1333    div.wp-menu-image {
     1334        background-image: url('../images/menu-2x.png?ver=20120412');
     1335        background-size: 390px 64px;
     1336    }
    13061337}
    13071338/* end screen icons */
  • trunk/wp-admin/css/wp-admin.dev.css

    r20354 r20356  
    60976097
    60986098.login h1 a {
    6099     background: url(../images/wordpress-logo.png?ver=20120216) no-repeat top center;
     6099    background-image: url(../images/wordpress-logo.png?ver=20120216);
     6100    background-size: 274px 63px;
     6101    background-position: top center;
     6102    background-repeat: no-repeat;
    61006103    width: 326px;
    61016104    height: 67px;
     
    61046107    padding-bottom: 15px;
    61056108    display: block;
     6109}
     6110
     6111@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
     6112    .login h1 a {
     6113        background-image: url(../images/wordpress-logo-2x.png?ver=20120412);
     6114        background-size: 274px 63px;
     6115    }
    61066116}
    61076117
Note: See TracChangeset for help on using the changeset viewer.