Changeset 24418
- Timestamp:
- 06/06/2013 03:40:17 PM (12 years ago)
- Location:
- trunk/wp-admin/css
- Files:
-
- 4 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/wp-admin/css/colors-classic.css
r24355 r24418 166 166 167 167 #diff-header, 168 .post-format-options,169 168 .widget .widget-top, 170 169 .postbox h3, … … 691 690 } 692 691 693 .post-format-options,694 692 .postbox h3 { 695 693 color: #174f69; … … 1463 1461 /* Post format icons */ 1464 1462 1465 /* 16px */ 1466 a.post-state-format, 1467 .post-format-change span.icon { 1463 a.post-state-format { 1468 1464 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 1465 } 1625 1466 … … 2443 2284 2444 2285 /* 16px post formats */ 2445 .post-format-change span.icon,2446 2286 a.post-state-format { 2447 2287 background-image: url(../images/post-formats32-vs.png); … … 2449 2289 } 2450 2290 2451 /* 32px */ 2452 .post-format-options a div, 2453 #icon-edit.wp-format-standard, 2454 #icon-edit.wp-format-image, 2455 #icon-edit.wp-format-gallery, 2456 #icon-edit.wp-format-audio, 2457 #icon-edit.wp-format-video, 2458 #icon-edit.wp-format-chat, 2459 #icon-edit.wp-format-status, 2460 #icon-edit.wp-format-aside, 2461 #icon-edit.wp-format-quote, 2462 #icon-edit.wp-format-link { 2463 background-image: url(../images/post-formats64-vs.png); 2464 background-size: 640px 64px; 2465 } 2466 2467 } 2468 2469 @media 2470 (-o-min-device-pixel-ratio: 5/4) and (max-width: 782px), 2471 (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 782px), 2472 (min-resolution: 120dpi) and (max-width: 782px) { 2473 /* 16px responsive post formats */ 2474 .post-format-options a div { 2475 background-image: url(../images/post-formats32-vs.png); 2476 background-size: 320px 32px; 2477 } 2478 } 2291 } -
trunk/wp-admin/css/colors-fresh.css
r24355 r24418 166 166 167 167 #diff-header, 168 .post-format-options,169 168 .widget .widget-top, 170 169 .postbox h3, … … 693 692 } 694 693 695 .post-format-options,696 694 .postbox h3 { 697 695 color: #464646; … … 1357 1355 /* Post format icons */ 1358 1356 1359 /* 16px */ 1360 a.post-state-format, 1361 .post-format-change span.icon { 1357 a.post-state-format { 1362 1358 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 1359 } 1519 1360 … … 2331 2172 2332 2173 /* 16px post formats */ 2333 .post-format-change span.icon,2334 2174 a.post-state-format { 2335 2175 background-image: url(../images/post-formats32.png); … … 2337 2177 } 2338 2178 2339 /* 32px */ 2340 .post-format-options a div, 2341 #icon-edit.wp-format-standard, 2342 #icon-edit.wp-format-image, 2343 #icon-edit.wp-format-gallery, 2344 #icon-edit.wp-format-audio, 2345 #icon-edit.wp-format-video, 2346 #icon-edit.wp-format-chat, 2347 #icon-edit.wp-format-status, 2348 #icon-edit.wp-format-aside, 2349 #icon-edit.wp-format-quote, 2350 #icon-edit.wp-format-link { 2351 background-image: url(../images/post-formats64.png); 2352 background-size: 640px 64px; 2353 } 2354 2355 } 2356 2357 @media 2358 (-o-min-device-pixel-ratio: 5/4) and (max-width: 782px), 2359 (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 782px), 2360 (min-resolution: 120dpi) and (max-width: 782px) { 2361 /* 16px responsive post formats */ 2362 .post-format-options a div { 2363 background-image: url(../images/post-formats32.png); 2364 background-size: 320px 32px; 2365 } 2366 } 2179 } -
trunk/wp-admin/css/wp-admin-rtl.css
r24315 r24418 1049 1049 ------------------------------------------------------------------------------*/ 1050 1050 1051 #post-body-content.wp-format-image label,1052 #post-body-content.wp-format-video label,1053 #post-body-content.wp-format-audio label {1054 float: right;1055 }1056 1057 .wp-format-media-holder {1058 float: right;1059 }1060 1061 #wp_format_image,1062 #wp_format_audio,1063 #wp_format_video {1064 float: right;1065 margin-right: 0;1066 margin-left: 23px;1067 }1068 1069 .post-format-options a {1070 float: right;1071 margin-right: 0;1072 margin-left: 10px;1073 }1074 1075 #poststuff .post-format-change {1076 margin: -7px 2px 13px 0;1077 clear: right;1078 }1079 1080 .post-format-change span.icon {1081 float: right;1082 margin: 2px 0 0 5px;1083 }1084 1085 @media only screen and (max-width: 782px) {1086 .post-format-options a {1087 margin-left: 0;1088 margin-right: 19px;1089 }1090 }1091 1051 1092 1052 /*------------------------------------------------------------------------------ -
trunk/wp-admin/css/wp-admin.css
r24355 r24418 2692 2692 } 2693 2693 2694 a.post-state-format {2695 overflow: hidden;2696 display: inline-block;2697 vertical-align: middle;2698 height: 16px;2699 width: 16px;2700 margin-right: 5px;2701 background-repeat: no-repeat;2702 text-indent: -999em;2703 }2704 2705 a.post-state-format.format-image {2706 background-position: -40px -8px;2707 }2708 2709 a.post-state-format.format-gallery {2710 background-position: -72px -8px;2711 }2712 2713 a.post-state-format.format-audio {2714 background-position: -104px -8px;2715 }2716 2717 a.post-state-format.format-video {2718 background-position: -135px -8px;2719 }2720 2721 a.post-state-format.format-chat {2722 background-position: -168px -8px;2723 }2724 2725 a.post-state-format.format-status {2726 background-position: -200px -8px;2727 }2728 2729 a.post-state-format.format-aside {2730 background-position: -232px -8px;2731 }2732 2733 a.post-state-format.format-quote {2734 background-position: -264px -8px;2735 }2736 2737 a.post-state-format.format-link {2738 background-position: -296px -8px;2739 }2740 2741 2694 2742 2695 /*------------------------------------------------------------------------------ … … 3983 3936 ------------------------------------------------------------------------------*/ 3984 3937 3985 #poststuff .post-format-select { 3986 margin-top: 0; 3987 padding-bottom: 0; 3988 } 3989 3990 .wp-post-format-ui { 3991 display: none; 3992 } 3993 3994 .wp-post-format-show-ui .wp-post-format-ui { 3995 display: block; 3996 } 3997 3998 .post-formats-fields { 3999 display: none; 4000 margin-bottom: 15px; 4001 } 4002 4003 #post-body-content.wp-format-gallery .post-formats-fields, 4004 #post-body-content.wp-format-image .post-formats-fields, 4005 #post-body-content.wp-format-link .post-formats-fields, 4006 #post-body-content.wp-format-quote .post-formats-fields, 4007 #post-body-content.wp-format-video .post-formats-fields, 4008 #post-body-content.wp-format-audio .post-formats-fields, 4009 #post-body-content.wp-format-gallery .field.wp-format-gallery, 4010 #post-body-content.wp-format-image .field.wp-format-image, 4011 #post-body-content.wp-format-chat .field.wp-format-chat, 4012 #post-body-content.wp-format-link .field.wp-format-link, 4013 #post-body-content.wp-format-quote .field.wp-format-quote, 4014 #post-body-content.wp-format-video .field.wp-format-video, 4015 #post-body-content.wp-format-audio .field.wp-format-audio { 4016 display: block; 4017 } 4018 4019 .post-formats-fields .field { 4020 display: none; 4021 margin-bottom: 10px; 3938 a.post-state-format { 4022 3939 overflow: hidden; 4023 } 4024 4025 .post-formats-fields input, 4026 .post-formats-fields textarea { 4027 padding: 5px; 4028 font-size: 1.2em; 4029 } 4030 4031 #post-body-content.wp-format-image label, 4032 #post-body-content.wp-format-video label, 4033 #post-body-content.wp-format-audio label { 4034 float: left; 4035 } 4036 4037 .wp-format-media-holder { 4038 float: left; 4039 overflow: hidden; 4040 width: 40%; 4041 height: auto; 4042 border: 1px dashed #dfdfdf; 4043 background: #f5f5f5 url(../images/media-button-2x.png) no-repeat 50% 25%; 4044 box-sizing: border-box; 4045 position: relative; 4046 } 4047 4048 .wp-format-media-holder:hover { 4049 background-color: #eee; 4050 } 4051 4052 .wp-format-media-holder.drag-over { 4053 background: rgba( 0, 86, 132, 0.9 ); 4054 border-color: transparent; 4055 } 4056 4057 .wp-format-media-holder div { 4058 display: none; 4059 } 4060 4061 .wp-format-media-holder.drag-over div { 4062 position: absolute; 4063 top: 10px; 4064 left: 10px; 4065 right: 10px; 4066 bottom: 10px; 4067 border: 1px dashed #fff; 4068 display: block; 4069 } 4070 4071 #poststuff .wp-format-media-holder.drag-over div h3 { 4072 position: absolute; 4073 top: 50%; 4074 left: 0; 4075 right: 0; 4076 -webkit-transform: translateY( -50% ); 4077 -moz-transform: translateY( -50% ); 4078 -ms-transform: translateY( -50% ); 4079 -o-transform: translateY( -50% ); 4080 transform: translateY( -50% ); 4081 4082 font-size: 20px; 4083 font-weight: 200; 4084 color: #fff; 4085 padding: 0; 4086 text-align: center; 4087 font-family: sans-serif; 4088 } 4089 4090 #post-body-content.wp-format-image .wp-format-media-holder { 4091 margin-top: 17px; 4092 } 4093 4094 .wp-format-media-preview { 4095 margin: 20px 0; 4096 } 4097 4098 #image-preview img { 4099 width: auto; 4100 height: auto; 4101 max-height: 300px; 4102 } 4103 4104 #post-body-content .wp-format-image p.use-url-or-html { 4105 padding-top: 10px; 4106 clear: both; 4107 width: 40%; 4108 text-align: center; 4109 } 4110 4111 .wp-post-format-show-ui.wp-format-image .attachment-display-settings, 4112 .wp-post-format-show-ui.wp-format-status #titlewrap, 4113 .wp-post-format-show-ui.wp-format-image #insert-media-button, 4114 .wp-post-format-show-ui.wp-format-audio #insert-media-button, 4115 .wp-post-format-show-ui.wp-format-video #insert-media-button, 4116 .wp-post-format-show-ui.wp-format-aside #insert-media-button, 4117 .wp-post-format-show-ui.wp-format-status #insert-media-button { 4118 display: none; 4119 } 4120 4121 .wp-format-media-select .media-progress-bar, 4122 .wp-format-media-select .media-progress-bar div, 4123 .mejs-audio audio, 4124 .mejs-video video { 4125 display: block; 4126 } 4127 4128 .wp-format-media-select { 4129 display: block; 4130 height: 20px; 4131 padding: 55px 0 20px; 4132 text-align: center; 4133 } 4134 4135 .wp-format-media-select img { 4136 max-width: 100%; 4137 max-height: 100%; 4138 } 4139 4140 .empty .wp-format-media-metaedit { 4141 height: 20px; 4142 display: block; 4143 text-align: center; 4144 } 4145 4146 .edit-format-preview { 4147 display: block; 4148 margin: 5px 0; 4149 } 4150 4151 #wp_format_image, 4152 #wp_format_audio, 4153 #wp_format_video { 4154 float: left; 4155 margin-right: 23px; 4156 max-width: 40%; 4157 min-height: 97px; 4158 } 4159 4160 .post-format-description { 4161 color: #666; 4162 font-size: 12px; 4163 } 4164 4165 .post-format-options { 4166 border-width: 1px; 4167 border-style: solid; 4168 -webkit-border-radius: 3px; 4169 border-radius: 3px; 4170 border-color: #ccc; 4171 margin: 13px 0 10px; 4172 padding: 5px; 4173 overflow: hidden; 4174 } 4175 4176 .post-format-options a { 4177 float: left; 4178 min-width: 62px; 4179 padding: 5px; 4180 border: 1px solid transparent; 4181 margin-right: 10px; 4182 position: relative; 4183 text-decoration: none; 4184 text-align: center; 4185 transition: opacity 0.1s linear; 4186 opacity: 0.6; 4187 } 4188 4189 .post-format-options:hover a { 4190 opacity: 1.0; 4191 } 4192 .post-format-options a:hover, 4193 .post-format-options a.active { 4194 opacity: 1.0; 4195 background-color: #fff; 4196 border-color: #ccc; 4197 } 4198 4199 .post-format-options a div { 4200 height: 34px; 4201 width: 34px; 4202 margin: 0 auto; 4203 } 4204 4205 .post-format-title { 4206 color: #777; 4207 display: block; 4208 margin-top: 4px; 4209 } 4210 4211 #poststuff .post-format-change { 4212 margin: -7px 0 13px 2px; 4213 padding: 0; 4214 font-size: 1.5em; 4215 line-height: 18px; 4216 clear: left; 4217 } 4218 4219 .post-format-change span.icon { 4220 float: left; 3940 display: inline-block; 3941 vertical-align: middle; 4221 3942 height: 16px; 4222 margin: 2px 5px 0 0;4223 3943 width: 16px; 4224 } 4225 4226 @media only screen and (max-width: 782px) { 4227 .post-format-options a { 4228 margin-right: 19px; 4229 } 4230 4231 .post-format-options a div { 4232 height: 18px; 4233 width: 16px; 4234 } 4235 4236 } 3944 margin-right: 5px; 3945 background-repeat: no-repeat; 3946 text-indent: -999em; 3947 } 3948 3949 a.post-state-format.format-image { 3950 background-position: -40px -8px; 3951 } 3952 3953 a.post-state-format.format-gallery { 3954 background-position: -72px -8px; 3955 } 3956 3957 a.post-state-format.format-audio { 3958 background-position: -104px -8px; 3959 } 3960 3961 a.post-state-format.format-video { 3962 background-position: -135px -8px; 3963 } 3964 3965 a.post-state-format.format-chat { 3966 background-position: -168px -8px; 3967 } 3968 3969 a.post-state-format.format-status { 3970 background-position: -200px -8px; 3971 } 3972 3973 a.post-state-format.format-aside { 3974 background-position: -232px -8px; 3975 } 3976 3977 a.post-state-format.format-quote { 3978 background-position: -264px -8px; 3979 } 3980 3981 a.post-state-format.format-link { 3982 background-position: -296px -8px; 3983 } 3984 4237 3985 4238 3986 /*------------------------------------------------------------------------------
Note: See TracChangeset
for help on using the changeset viewer.