mirror of
https://github.com/WordPress/WordPress.git
synced 2024-12-23 01:27:36 +01:00
Post format retina icons for both color themes, props melchoyce, aaroncampbell. See #24290, see #24331.
git-svn-id: http://core.svn.wordpress.org/trunk@24294 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrew Ozz
parent
21a2898cbe
commit
d1c33dea55
@ -1460,6 +1460,169 @@ div.wp-menu-image {
|
||||
|
||||
/* end screen icons */
|
||||
|
||||
/* Post format icons */
|
||||
|
||||
/* 16px */
|
||||
a.post-state-format,
|
||||
.post-format-change span.icon {
|
||||
background: url(../images/post-formats-vs.png) no-repeat;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-standard {
|
||||
background-position: -8px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-image {
|
||||
background-position: -40px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-gallery {
|
||||
background-position: -72px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-audio {
|
||||
background-position: -104px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-video {
|
||||
background-position: -136px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-chat {
|
||||
background-position: -168px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-status {
|
||||
background-position: -200px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-aside {
|
||||
background-position: -232px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-quote {
|
||||
background-position: -264px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-link {
|
||||
background-position: -296px -8px;
|
||||
}
|
||||
|
||||
/* 32px */
|
||||
|
||||
.post-format-options a div,
|
||||
#icon-edit.wp-format-standard,
|
||||
#icon-edit.wp-format-image,
|
||||
#icon-edit.wp-format-gallery,
|
||||
#icon-edit.wp-format-audio,
|
||||
#icon-edit.wp-format-video,
|
||||
#icon-edit.wp-format-chat,
|
||||
#icon-edit.wp-format-status,
|
||||
#icon-edit.wp-format-aside,
|
||||
#icon-edit.wp-format-quote,
|
||||
#icon-edit.wp-format-link {
|
||||
background: url(../images/post-formats32-vs.png) no-repeat;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-standard,
|
||||
.post-format-options .standard {
|
||||
background-position: -16px -18px;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-image,
|
||||
.post-format-options .image {
|
||||
background-position: -80px -16px;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-gallery,
|
||||
.post-format-options .gallery {
|
||||
background-position: -144px -16px;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-audio,
|
||||
.post-format-options .audio {
|
||||
background-position: -208px -16px;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-video,
|
||||
.post-format-options .video {
|
||||
background-position: -272px -16px;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-chat,
|
||||
.post-format-options .chat {
|
||||
background-position: -336px -17px;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-status,
|
||||
.post-format-options .status {
|
||||
background-position: -402px -16px;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-aside,
|
||||
.post-format-options .aside {
|
||||
background-position: -466px -16px;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-quote,
|
||||
.post-format-options .quote {
|
||||
background-position: -527px -17px;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-link,
|
||||
.post-format-options .link {
|
||||
background-position: -592px -16px;
|
||||
}
|
||||
|
||||
/* Responsive post formats */
|
||||
|
||||
@media only screen and (max-width: 782px) {
|
||||
|
||||
.post-format-options a div {
|
||||
background: url(../images/post-formats-vs.png) no-repeat;
|
||||
}
|
||||
|
||||
.post-format-options .standard {
|
||||
background-position: -8px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .image {
|
||||
background-position: -40px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .gallery {
|
||||
background-position: -72px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .audio {
|
||||
background-position: -104px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .video {
|
||||
background-position: -136px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .chat {
|
||||
background-position: -168px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .status {
|
||||
background-position: -200px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .aside {
|
||||
background-position: -232px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .quote {
|
||||
background-position: -264px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .link {
|
||||
background-position: -296px -8px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Diff */
|
||||
table.diff .diff-deletedline {
|
||||
background-color: #fdd;
|
||||
@ -2281,4 +2444,38 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper {
|
||||
background-size: 16px auto;
|
||||
}
|
||||
|
||||
/* 16px post formats */
|
||||
.post-format-change span.icon,
|
||||
a.post-state-format {
|
||||
background-image: url(../images/post-formats32-vs.png);
|
||||
background-size: 320px 32px;
|
||||
}
|
||||
|
||||
/* 32px */
|
||||
.post-format-options a div,
|
||||
#icon-edit.wp-format-standard,
|
||||
#icon-edit.wp-format-image,
|
||||
#icon-edit.wp-format-gallery,
|
||||
#icon-edit.wp-format-audio,
|
||||
#icon-edit.wp-format-video,
|
||||
#icon-edit.wp-format-chat,
|
||||
#icon-edit.wp-format-status,
|
||||
#icon-edit.wp-format-aside,
|
||||
#icon-edit.wp-format-quote,
|
||||
#icon-edit.wp-format-link {
|
||||
background: url(../images/post-formats64-vs.png) no-repeat;
|
||||
background-size: 640px 64px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media
|
||||
(-o-min-device-pixel-ratio: 5/4) and (max-width: 782px),
|
||||
(-webkit-min-device-pixel-ratio: 1.25) and (max-width: 782px),
|
||||
(min-resolution: 120dpi) and (max-width: 782px) {
|
||||
/* 16px responsive post formats */
|
||||
.post-format-options a div {
|
||||
background: url(../images/post-formats32-vs.png) no-repeat;
|
||||
background-size: 320px 32px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1354,6 +1354,169 @@ div.wp-menu-image {
|
||||
|
||||
/* end screen icons */
|
||||
|
||||
/* Post format icons */
|
||||
|
||||
/* 16px */
|
||||
a.post-state-format,
|
||||
.post-format-change span.icon {
|
||||
background: url(../images/post-formats.png) no-repeat;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-standard {
|
||||
background-position: -8px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-image {
|
||||
background-position: -40px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-gallery {
|
||||
background-position: -72px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-audio {
|
||||
background-position: -104px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-video {
|
||||
background-position: -136px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-chat {
|
||||
background-position: -168px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-status {
|
||||
background-position: -200px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-aside {
|
||||
background-position: -232px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-quote {
|
||||
background-position: -264px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-link {
|
||||
background-position: -296px -8px;
|
||||
}
|
||||
|
||||
/* 32px */
|
||||
|
||||
.post-format-options a div,
|
||||
#icon-edit.wp-format-standard,
|
||||
#icon-edit.wp-format-image,
|
||||
#icon-edit.wp-format-gallery,
|
||||
#icon-edit.wp-format-audio,
|
||||
#icon-edit.wp-format-video,
|
||||
#icon-edit.wp-format-chat,
|
||||
#icon-edit.wp-format-status,
|
||||
#icon-edit.wp-format-aside,
|
||||
#icon-edit.wp-format-quote,
|
||||
#icon-edit.wp-format-link {
|
||||
background: url(../images/post-formats32.png) no-repeat;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-standard,
|
||||
.post-format-options .standard {
|
||||
background-position: -16px -18px;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-image,
|
||||
.post-format-options .image {
|
||||
background-position: -80px -16px;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-gallery,
|
||||
.post-format-options .gallery {
|
||||
background-position: -144px -16px;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-audio,
|
||||
.post-format-options .audio {
|
||||
background-position: -208px -16px;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-video,
|
||||
.post-format-options .video {
|
||||
background-position: -272px -16px;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-chat,
|
||||
.post-format-options .chat {
|
||||
background-position: -336px -17px;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-status,
|
||||
.post-format-options .status {
|
||||
background-position: -402px -16px;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-aside,
|
||||
.post-format-options .aside {
|
||||
background-position: -466px -16px;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-quote,
|
||||
.post-format-options .quote {
|
||||
background-position: -527px -17px;
|
||||
}
|
||||
|
||||
#icon-edit.wp-format-link,
|
||||
.post-format-options .link {
|
||||
background-position: -592px -16px;
|
||||
}
|
||||
|
||||
/* Responsive post formats */
|
||||
|
||||
@media only screen and (max-width: 782px) {
|
||||
|
||||
.post-format-options a div {
|
||||
background: url(../images/post-formats.png) no-repeat;
|
||||
}
|
||||
|
||||
.post-format-options .standard {
|
||||
background-position: -8px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .image {
|
||||
background-position: -40px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .gallery {
|
||||
background-position: -72px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .audio {
|
||||
background-position: -104px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .video {
|
||||
background-position: -136px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .chat {
|
||||
background-position: -168px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .status {
|
||||
background-position: -200px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .aside {
|
||||
background-position: -232px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .quote {
|
||||
background-position: -264px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .link {
|
||||
background-position: -296px -8px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Diff */
|
||||
table.diff .diff-deletedline {
|
||||
background-color: #fdd;
|
||||
@ -2169,4 +2332,38 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper {
|
||||
background-size: 16px auto;
|
||||
}
|
||||
|
||||
/* 16px post formats */
|
||||
.post-format-change span.icon,
|
||||
a.post-state-format {
|
||||
background-image: url(../images/post-formats32.png);
|
||||
background-size: 320px 32px;
|
||||
}
|
||||
|
||||
/* 32px */
|
||||
.post-format-options a div,
|
||||
#icon-edit.wp-format-standard,
|
||||
#icon-edit.wp-format-image,
|
||||
#icon-edit.wp-format-gallery,
|
||||
#icon-edit.wp-format-audio,
|
||||
#icon-edit.wp-format-video,
|
||||
#icon-edit.wp-format-chat,
|
||||
#icon-edit.wp-format-status,
|
||||
#icon-edit.wp-format-aside,
|
||||
#icon-edit.wp-format-quote,
|
||||
#icon-edit.wp-format-link {
|
||||
background: url(../images/post-formats64.png) no-repeat;
|
||||
background-size: 640px 64px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media
|
||||
(-o-min-device-pixel-ratio: 5/4) and (max-width: 782px),
|
||||
(-webkit-min-device-pixel-ratio: 1.25) and (max-width: 782px),
|
||||
(min-resolution: 120dpi) and (max-width: 782px) {
|
||||
/* 16px responsive post formats */
|
||||
.post-format-options a div {
|
||||
background: url(../images/post-formats32.png) no-repeat;
|
||||
background-size: 320px 32px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -2698,7 +2698,6 @@ a.post-state-format {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin-right: 5px;
|
||||
background-image: url(../images/post-formats.png);
|
||||
background-repeat: no-repeat;
|
||||
text-indent: -999em;
|
||||
}
|
||||
@ -4165,56 +4164,6 @@ body .ui-slider-tooltip {
|
||||
min-height: 97px;
|
||||
}
|
||||
|
||||
body.wp-format-standard #icon-edit,
|
||||
.post-format-options .standard {
|
||||
background: url(../images/post-formats32.png) no-repeat -3px -4px;
|
||||
}
|
||||
|
||||
body.wp-format-image #icon-edit,
|
||||
.post-format-options .image {
|
||||
background: url(../images/post-formats32.png) no-repeat -43px -4px;
|
||||
}
|
||||
|
||||
body.wp-format-gallery #icon-edit,
|
||||
.post-format-options .gallery {
|
||||
background: url(../images/post-formats32.png) no-repeat -83px -4px;
|
||||
}
|
||||
|
||||
body.wp-format-audio #icon-edit,
|
||||
.post-format-options .audio {
|
||||
background: url(../images/post-formats32.png) no-repeat -123px -4px;
|
||||
}
|
||||
|
||||
body.wp-format-video #icon-edit,
|
||||
.post-format-options .video {
|
||||
background: url(../images/post-formats32.png) no-repeat -163px -4px;
|
||||
}
|
||||
|
||||
body.wp-format-chat #icon-edit,
|
||||
.post-format-options .chat {
|
||||
background: url(../images/post-formats32.png) no-repeat -202px -4px;
|
||||
}
|
||||
|
||||
body.wp-format-status #icon-edit,
|
||||
.post-format-options .status {
|
||||
background: url(../images/post-formats32.png) no-repeat -242px -4px;
|
||||
}
|
||||
|
||||
body.wp-format-aside #icon-edit,
|
||||
.post-format-options .aside {
|
||||
background: url(../images/post-formats32.png) no-repeat -282px -4px;
|
||||
}
|
||||
|
||||
body.wp-format-quote #icon-edit,
|
||||
.post-format-options .quote {
|
||||
background: url(../images/post-formats32.png) no-repeat -322px -4px;
|
||||
}
|
||||
|
||||
body.wp-format-link #icon-edit,
|
||||
.post-format-options .link {
|
||||
background: url(../images/post-formats32.png) no-repeat -362px -4px;
|
||||
}
|
||||
|
||||
.post-format-description {
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
@ -4281,50 +4230,6 @@ body.wp-format-link #icon-edit,
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-standard {
|
||||
background: url(../images/post-formats.png) no-repeat -8px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-image {
|
||||
background: url(../images/post-formats.png) no-repeat -40px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-gallery {
|
||||
background: url(../images/post-formats.png) no-repeat -72px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-audio {
|
||||
background: url(../images/post-formats.png) no-repeat -104px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-video {
|
||||
background: url(../images/post-formats.png) no-repeat -136px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-chat {
|
||||
background: url(../images/post-formats.png) no-repeat -168px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-status {
|
||||
background: url(../images/post-formats.png) no-repeat -200px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-aside {
|
||||
background: url(../images/post-formats.png) no-repeat -232px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-quote {
|
||||
background: url(../images/post-formats.png) no-repeat -264px -8px;
|
||||
}
|
||||
|
||||
.post-format-change span.icon.wp-format-link {
|
||||
background: url(../images/post-formats.png) no-repeat -296px -8px;
|
||||
}
|
||||
|
||||
.post-format-change a {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 782px) {
|
||||
.post-format-options a {
|
||||
margin-right: 19px;
|
||||
@ -4335,45 +4240,6 @@ body.wp-format-link #icon-edit,
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.post-format-options .standard {
|
||||
background: url(../images/post-formats.png) no-repeat -8px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .image {
|
||||
background: url(../images/post-formats.png) no-repeat -40px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .gallery {
|
||||
background: url(../images/post-formats.png) no-repeat -72px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .audio {
|
||||
background: url(../images/post-formats.png) no-repeat -104px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .video {
|
||||
background: url(../images/post-formats.png) no-repeat -136px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .chat {
|
||||
background: url(../images/post-formats.png) no-repeat -168px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .status {
|
||||
background: url(../images/post-formats.png) no-repeat -200px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .aside {
|
||||
background: url(../images/post-formats.png) no-repeat -232px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .quote {
|
||||
background: url(../images/post-formats.png) no-repeat -264px -8px;
|
||||
}
|
||||
|
||||
.post-format-options .link {
|
||||
background: url(../images/post-formats.png) no-repeat -296px -8px;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------------------------------------------------
|
||||
@ -9606,11 +9472,6 @@ a.widget-control-edit {
|
||||
background-size: 16px 16px;
|
||||
}
|
||||
|
||||
a.post-state-format {
|
||||
background-image: url(../images/post-formats-2x.png);
|
||||
background-size: 320px 32px;
|
||||
}
|
||||
|
||||
th .comment-grey-bubble {
|
||||
background-image: url('../images/comment-grey-bubble-2x.png');
|
||||
background-size: 12px 12px;
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 8.1 KiB |
BIN
wp-admin/images/post-formats-vs.png
Normal file
BIN
wp-admin/images/post-formats-vs.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 4.6 KiB |
BIN
wp-admin/images/post-formats32-vs.png
Normal file
BIN
wp-admin/images/post-formats32-vs.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 70 KiB After Width: | Height: | Size: 11 KiB |
Loading…
Reference in New Issue
Block a user