WordPress.org
Get WordPress

Make WordPress Core

Changeset 24294


Ignore:
Timestamp:
05/19/2013 02:05:52 AM (13 years ago)
Author:
azaozz
Message:

Post format retina icons for both color themes, props melchoyce, aaroncampbell. See #24290, see #24331.

Location:
trunk/wp-admin
Files:
2 added
1 deleted
5 edited

Legend:

Unmodified
Added
Removed

  • trunk/wp-admin/css/colors-classic.css

    r24219 r24294  
    14611461/* end screen icons */
    14621462
     1463/* Post format icons */
     1464
     1465/* 16px */
     1466a.post-state-format,
     1467.post-format-change span.icon {
     1468        background: url(../images/post-formats-vs.png) no-repeat;
     1469}
     1470
     1471.post-format-change span.icon.wp-format-standard {
     1472        background-position: -8px -8px;
     1473}
     1474
     1475.post-format-change span.icon.wp-format-image {
     1476        background-position: -40px -8px;
     1477}
     1478
     1479.post-format-change span.icon.wp-format-gallery {
     1480        background-position: -72px -8px;
     1481}
     1482
     1483.post-format-change span.icon.wp-format-audio {
     1484        background-position: -104px -8px;
     1485}
     1486
     1487.post-format-change span.icon.wp-format-video {
     1488        background-position: -136px -8px;
     1489}
     1490
     1491.post-format-change span.icon.wp-format-chat {
     1492        background-position: -168px -8px;
     1493}
     1494
     1495.post-format-change span.icon.wp-format-status {
     1496        background-position: -200px -8px;
     1497}
     1498
     1499.post-format-change span.icon.wp-format-aside {
     1500        background-position: -232px -8px;
     1501}
     1502
     1503.post-format-change span.icon.wp-format-quote {
     1504        background-position: -264px -8px;
     1505}
     1506
     1507.post-format-change span.icon.wp-format-link {
     1508        background-position: -296px -8px;
     1509}
     1510
     1511/* 32px */
     1512
     1513.post-format-options a div,
     1514#icon-edit.wp-format-standard,
     1515#icon-edit.wp-format-image,
     1516#icon-edit.wp-format-gallery,
     1517#icon-edit.wp-format-audio,
     1518#icon-edit.wp-format-video,
     1519#icon-edit.wp-format-chat,
     1520#icon-edit.wp-format-status,
     1521#icon-edit.wp-format-aside,
     1522#icon-edit.wp-format-quote,
     1523#icon-edit.wp-format-link {
     1524        background: url(../images/post-formats32-vs.png) no-repeat;
     1525}
     1526
     1527#icon-edit.wp-format-standard,
     1528.post-format-options .standard {
     1529        background-position: -16px -18px;
     1530}
     1531
     1532#icon-edit.wp-format-image,
     1533.post-format-options .image {
     1534        background-position: -80px -16px;
     1535}
     1536
     1537#icon-edit.wp-format-gallery,
     1538.post-format-options .gallery {
     1539        background-position: -144px -16px;
     1540}
     1541
     1542#icon-edit.wp-format-audio,
     1543.post-format-options .audio {
     1544        background-position: -208px -16px;
     1545}
     1546
     1547#icon-edit.wp-format-video,
     1548.post-format-options .video {
     1549        background-position: -272px -16px;
     1550}
     1551
     1552#icon-edit.wp-format-chat,
     1553.post-format-options .chat {
     1554        background-position: -336px -17px;
     1555}
     1556
     1557#icon-edit.wp-format-status,
     1558.post-format-options .status {
     1559        background-position: -402px -16px;
     1560}
     1561
     1562#icon-edit.wp-format-aside,
     1563.post-format-options .aside {
     1564        background-position: -466px -16px;
     1565}
     1566
     1567#icon-edit.wp-format-quote,
     1568.post-format-options .quote {
     1569        background-position: -527px -17px;
     1570}
     1571
     1572#icon-edit.wp-format-link,
     1573.post-format-options .link {
     1574        background-position: -592px -16px;
     1575}
     1576
     1577/* Responsive post formats */
     1578
     1579@media only screen and (max-width: 782px) {
     1580
     1581        .post-format-options a div {
     1582                background: url(../images/post-formats-vs.png) no-repeat;
     1583        }
     1584
     1585        .post-format-options .standard {
     1586                background-position: -8px -8px;
     1587        }
     1588
     1589        .post-format-options .image {
     1590                background-position: -40px -8px;
     1591        }
     1592
     1593        .post-format-options .gallery {
     1594                background-position: -72px -8px;
     1595        }
     1596
     1597        .post-format-options .audio {
     1598                background-position: -104px -8px;
     1599        }
     1600
     1601        .post-format-options .video {
     1602                background-position: -136px -8px;
     1603        }
     1604
     1605        .post-format-options .chat {
     1606                background-position: -168px -8px;
     1607        }
     1608
     1609        .post-format-options .status {
     1610                background-position: -200px -8px;
     1611        }
     1612
     1613        .post-format-options .aside {
     1614                background-position: -232px -8px;
     1615        }
     1616
     1617        .post-format-options .quote {
     1618                background-position: -264px -8px;
     1619        }
     1620
     1621        .post-format-options .link {
     1622                background-position: -296px -8px;
     1623        }
     1624}
     1625
    14631626/* Diff */
    14641627table.diff .diff-deletedline {
    … …  
    22812444                background-size: 16px auto;
    22822445        }
    2283 
    2284 }
     2446       
     2447        /* 16px post formats */
     2448        .post-format-change span.icon,
     2449        a.post-state-format {
     2450                background-image: url(../images/post-formats32-vs.png);
     2451                background-size: 320px 32px;
     2452        }
     2453       
     2454        /* 32px */
     2455        .post-format-options a div,
     2456        #icon-edit.wp-format-standard,
     2457        #icon-edit.wp-format-image,
     2458        #icon-edit.wp-format-gallery,
     2459        #icon-edit.wp-format-audio,
     2460        #icon-edit.wp-format-video,
     2461        #icon-edit.wp-format-chat,
     2462        #icon-edit.wp-format-status,
     2463        #icon-edit.wp-format-aside,
     2464        #icon-edit.wp-format-quote,
     2465        #icon-edit.wp-format-link {
     2466                background: url(../images/post-formats64-vs.png) no-repeat;
     2467                background-size: 640px 64px;
     2468        }
     2469
     2470}
     2471
     2472@media
     2473  (-o-min-device-pixel-ratio: 5/4) and (max-width: 782px),
     2474  (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 782px),
     2475  (min-resolution: 120dpi) and (max-width: 782px) {
     2476        /* 16px responsive post formats */
     2477        .post-format-options a div {
     2478                background: url(../images/post-formats32-vs.png) no-repeat;
     2479                background-size: 320px 32px;
     2480        }
     2481}

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

    r24219 r24294  
    13551355/* end screen icons */
    13561356
     1357/* Post format icons */
     1358
     1359/* 16px */
     1360a.post-state-format,
     1361.post-format-change span.icon {
     1362        background: url(../images/post-formats.png) no-repeat;
     1363}
     1364
     1365.post-format-change span.icon.wp-format-standard {
     1366        background-position: -8px -8px;
     1367}
     1368
     1369.post-format-change span.icon.wp-format-image {
     1370        background-position: -40px -8px;
     1371}
     1372
     1373.post-format-change span.icon.wp-format-gallery {
     1374        background-position: -72px -8px;
     1375}
     1376
     1377.post-format-change span.icon.wp-format-audio {
     1378        background-position: -104px -8px;
     1379}
     1380
     1381.post-format-change span.icon.wp-format-video {
     1382        background-position: -136px -8px;
     1383}
     1384
     1385.post-format-change span.icon.wp-format-chat {
     1386        background-position: -168px -8px;
     1387}
     1388
     1389.post-format-change span.icon.wp-format-status {
     1390        background-position: -200px -8px;
     1391}
     1392
     1393.post-format-change span.icon.wp-format-aside {
     1394        background-position: -232px -8px;
     1395}
     1396
     1397.post-format-change span.icon.wp-format-quote {
     1398        background-position: -264px -8px;
     1399}
     1400
     1401.post-format-change span.icon.wp-format-link {
     1402        background-position: -296px -8px;
     1403}
     1404
     1405/* 32px */
     1406
     1407.post-format-options a div,
     1408#icon-edit.wp-format-standard,
     1409#icon-edit.wp-format-image,
     1410#icon-edit.wp-format-gallery,
     1411#icon-edit.wp-format-audio,
     1412#icon-edit.wp-format-video,
     1413#icon-edit.wp-format-chat,
     1414#icon-edit.wp-format-status,
     1415#icon-edit.wp-format-aside,
     1416#icon-edit.wp-format-quote,
     1417#icon-edit.wp-format-link {
     1418        background: url(../images/post-formats32.png) no-repeat;
     1419}
     1420
     1421#icon-edit.wp-format-standard,
     1422.post-format-options .standard {
     1423        background-position: -16px -18px;
     1424}
     1425
     1426#icon-edit.wp-format-image,
     1427.post-format-options .image {
     1428        background-position: -80px -16px;
     1429}
     1430
     1431#icon-edit.wp-format-gallery,
     1432.post-format-options .gallery {
     1433        background-position: -144px -16px;
     1434}
     1435
     1436#icon-edit.wp-format-audio,
     1437.post-format-options .audio {
     1438        background-position: -208px -16px;
     1439}
     1440
     1441#icon-edit.wp-format-video,
     1442.post-format-options .video {
     1443        background-position: -272px -16px;
     1444}
     1445
     1446#icon-edit.wp-format-chat,
     1447.post-format-options .chat {
     1448        background-position: -336px -17px;
     1449}
     1450
     1451#icon-edit.wp-format-status,
     1452.post-format-options .status {
     1453        background-position: -402px -16px;
     1454}
     1455
     1456#icon-edit.wp-format-aside,
     1457.post-format-options .aside {
     1458        background-position: -466px -16px;
     1459}
     1460
     1461#icon-edit.wp-format-quote,
     1462.post-format-options .quote {
     1463        background-position: -527px -17px;
     1464}
     1465
     1466#icon-edit.wp-format-link,
     1467.post-format-options .link {
     1468        background-position: -592px -16px;
     1469}
     1470
     1471/* Responsive post formats */
     1472
     1473@media only screen and (max-width: 782px) {
     1474
     1475        .post-format-options a div {
     1476                background: url(../images/post-formats.png) no-repeat;
     1477        }
     1478
     1479        .post-format-options .standard {
     1480                background-position: -8px -8px;
     1481        }
     1482
     1483        .post-format-options .image {
     1484                background-position: -40px -8px;
     1485        }
     1486
     1487        .post-format-options .gallery {
     1488                background-position: -72px -8px;
     1489        }
     1490
     1491        .post-format-options .audio {
     1492                background-position: -104px -8px;
     1493        }
     1494
     1495        .post-format-options .video {
     1496                background-position: -136px -8px;
     1497        }
     1498
     1499        .post-format-options .chat {
     1500                background-position: -168px -8px;
     1501        }
     1502
     1503        .post-format-options .status {
     1504                background-position: -200px -8px;
     1505        }
     1506
     1507        .post-format-options .aside {
     1508                background-position: -232px -8px;
     1509        }
     1510
     1511        .post-format-options .quote {
     1512                background-position: -264px -8px;
     1513        }
     1514
     1515        .post-format-options .link {
     1516                background-position: -296px -8px;
     1517        }
     1518}
     1519
    13571520/* Diff */
    13581521table.diff .diff-deletedline {
    … …  
    21692332                background-size: 16px auto;
    21702333        }
    2171 
    2172 }
     2334       
     2335        /* 16px post formats */
     2336        .post-format-change span.icon,
     2337        a.post-state-format {
     2338                background-image: url(../images/post-formats32.png);
     2339                background-size: 320px 32px;
     2340        }
     2341       
     2342        /* 32px */
     2343        .post-format-options a div,
     2344        #icon-edit.wp-format-standard,
     2345        #icon-edit.wp-format-image,
     2346        #icon-edit.wp-format-gallery,
     2347        #icon-edit.wp-format-audio,
     2348        #icon-edit.wp-format-video,
     2349        #icon-edit.wp-format-chat,
     2350        #icon-edit.wp-format-status,
     2351        #icon-edit.wp-format-aside,
     2352        #icon-edit.wp-format-quote,
     2353        #icon-edit.wp-format-link {
     2354                background: url(../images/post-formats64.png) no-repeat;
     2355                background-size: 640px 64px;
     2356        }
     2357
     2358}
     2359
     2360@media
     2361  (-o-min-device-pixel-ratio: 5/4) and (max-width: 782px),
     2362  (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 782px),
     2363  (min-resolution: 120dpi) and (max-width: 782px) {
     2364        /* 16px responsive post formats */
     2365        .post-format-options a div {
     2366                background: url(../images/post-formats32.png) no-repeat;
     2367                background-size: 320px 32px;
     2368        }
     2369}

  • trunk/wp-admin/css/wp-admin.css

    r24292 r24294  
    26992699        width: 16px;
    27002700        margin-right: 5px;
    2701         background-image: url(../images/post-formats.png);
    27022701        background-repeat: no-repeat;
    27032702        text-indent: -999em;
    … …  
    41664165}
    41674166
    4168 body.wp-format-standard #icon-edit,
    4169 .post-format-options .standard {
    4170         background: url(../images/post-formats32.png) no-repeat -3px -4px;
    4171 }
    4172 
    4173 body.wp-format-image #icon-edit,
    4174 .post-format-options .image {
    4175         background: url(../images/post-formats32.png) no-repeat  -43px -4px;
    4176 }
    4177 
    4178 body.wp-format-gallery #icon-edit,
    4179 .post-format-options .gallery {
    4180         background: url(../images/post-formats32.png) no-repeat -83px -4px;
    4181 }
    4182 
    4183 body.wp-format-audio #icon-edit,
    4184 .post-format-options .audio {
    4185         background: url(../images/post-formats32.png) no-repeat -123px -4px;
    4186 }
    4187 
    4188 body.wp-format-video #icon-edit,
    4189 .post-format-options .video {
    4190         background: url(../images/post-formats32.png) no-repeat -163px -4px;
    4191 }
    4192 
    4193 body.wp-format-chat #icon-edit,
    4194 .post-format-options .chat {
    4195         background: url(../images/post-formats32.png) no-repeat -202px -4px;
    4196 }
    4197 
    4198 body.wp-format-status #icon-edit,
    4199 .post-format-options .status {
    4200         background: url(../images/post-formats32.png) no-repeat -242px -4px;
    4201 }
    4202 
    4203 body.wp-format-aside #icon-edit,
    4204 .post-format-options .aside {
    4205         background: url(../images/post-formats32.png) no-repeat -282px -4px;
    4206 }
    4207 
    4208 body.wp-format-quote #icon-edit,
    4209 .post-format-options .quote {
    4210         background: url(../images/post-formats32.png) no-repeat -322px -4px;
    4211 }
    4212 
    4213 body.wp-format-link #icon-edit,
    4214 .post-format-options .link {
    4215         background: url(../images/post-formats32.png) no-repeat -362px -4px;
    4216 }
    4217 
    42184167.post-format-description {
    42194168        color: #666;
    … …  
    42824231}
    42834232
    4284 .post-format-change span.icon.wp-format-standard {
    4285         background: url(../images/post-formats.png) no-repeat -8px -8px;
    4286 }
    4287 
    4288 .post-format-change span.icon.wp-format-image {
    4289         background: url(../images/post-formats.png) no-repeat -40px -8px;
    4290 }
    4291 
    4292 .post-format-change span.icon.wp-format-gallery {
    4293         background: url(../images/post-formats.png) no-repeat -72px -8px;
    4294 }
    4295 
    4296 .post-format-change span.icon.wp-format-audio {
    4297         background: url(../images/post-formats.png) no-repeat -104px -8px;
    4298 }
    4299 
    4300 .post-format-change span.icon.wp-format-video {
    4301         background: url(../images/post-formats.png) no-repeat -136px -8px;
    4302 }
    4303 
    4304 .post-format-change span.icon.wp-format-chat {
    4305         background: url(../images/post-formats.png) no-repeat -168px -8px;
    4306 }
    4307 
    4308 .post-format-change span.icon.wp-format-status {
    4309         background: url(../images/post-formats.png) no-repeat -200px -8px;
    4310 }
    4311 
    4312 .post-format-change span.icon.wp-format-aside {
    4313         background: url(../images/post-formats.png) no-repeat -232px -8px;
    4314 }
    4315 
    4316 .post-format-change span.icon.wp-format-quote {
    4317         background: url(../images/post-formats.png) no-repeat -264px -8px;
    4318 }
    4319 
    4320 .post-format-change span.icon.wp-format-link {
    4321         background: url(../images/post-formats.png) no-repeat -296px -8px;
    4322 }
    4323 
    4324 .post-format-change a {
    4325         font-size: 12px;
    4326 }
    4327 
    43284233@media only screen and (max-width: 782px) {
    43294234        .post-format-options a {
    … …  
    43364241        }
    43374242
    4338         .post-format-options .standard {
    4339                 background: url(../images/post-formats.png) no-repeat -8px -8px;
    4340         }
    4341 
    4342         .post-format-options .image {
    4343                 background: url(../images/post-formats.png) no-repeat -40px -8px;
    4344         }
    4345 
    4346         .post-format-options .gallery {
    4347                 background: url(../images/post-formats.png) no-repeat -72px -8px;
    4348         }
    4349 
    4350         .post-format-options .audio {
    4351                 background: url(../images/post-formats.png) no-repeat -104px -8px;
    4352         }
    4353 
    4354         .post-format-options .video {
    4355                 background: url(../images/post-formats.png) no-repeat -136px -8px;
    4356         }
    4357 
    4358         .post-format-options .chat {
    4359                 background: url(../images/post-formats.png) no-repeat -168px -8px;
    4360         }
    4361 
    4362         .post-format-options .status {
    4363                 background: url(../images/post-formats.png) no-repeat -200px -8px;
    4364         }
    4365 
    4366         .post-format-options .aside {
    4367                 background: url(../images/post-formats.png) no-repeat -232px -8px;
    4368         }
    4369 
    4370         .post-format-options .quote {
    4371                 background: url(../images/post-formats.png) no-repeat -264px -8px;
    4372         }
    4373 
    4374         .post-format-options .link {
    4375                 background: url(../images/post-formats.png) no-repeat -296px -8px;
    4376         }
    43774243}
    43784244
    … …  
    96079473        }
    96089474
    9609         a.post-state-format {
    9610                 background-image: url(../images/post-formats-2x.png);
    9611                 background-size: 320px 32px;
    9612         }
    9613 
    96149475        th .comment-grey-bubble {
    96159476                background-image: url('../images/comment-grey-bubble-2x.png');
Note: See TracChangeset for help on using the changeset viewer.