From 99c0762fca3252dbbc20df9203d88bd17119832d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Helen=20Hou-Sand=C3=AD?= Date: Thu, 6 Jun 2013 15:40:17 +0000 Subject: [PATCH] Remove obsolete CSS related to post formats UI. See #24452, #24502. git-svn-id: http://core.svn.wordpress.org/trunk@24418 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- wp-admin/css/colors-classic.css | 189 +----------------- wp-admin/css/colors-fresh.css | 189 +----------------- wp-admin/css/wp-admin-rtl.css | 40 ---- wp-admin/css/wp-admin.css | 334 ++++---------------------------- 4 files changed, 43 insertions(+), 709 deletions(-) diff --git a/wp-admin/css/colors-classic.css b/wp-admin/css/colors-classic.css index b677ae92e7..44e256badd 100644 --- a/wp-admin/css/colors-classic.css +++ b/wp-admin/css/colors-classic.css @@ -165,7 +165,6 @@ textarea.disabled { } #diff-header, -.post-format-options, .widget .widget-top, .postbox h3, .stuffbox h3, @@ -690,7 +689,6 @@ table.widefat span.spam a, background-image: linear-gradient(to top, #eff8ff, #f7fcfe); } -.post-format-options, .postbox h3 { color: #174f69; } @@ -1462,167 +1460,10 @@ div.wp-menu-image { /* Post format icons */ -/* 16px */ -a.post-state-format, -.post-format-change span.icon { +a.post-state-format { 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: #ffe9e9; @@ -2442,37 +2283,9 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { } /* 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-image: url(../images/post-formats64-vs.png); - 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-image: url(../images/post-formats32-vs.png); - background-size: 320px 32px; - } } diff --git a/wp-admin/css/colors-fresh.css b/wp-admin/css/colors-fresh.css index caea32a434..04e4b543e3 100644 --- a/wp-admin/css/colors-fresh.css +++ b/wp-admin/css/colors-fresh.css @@ -165,7 +165,6 @@ textarea.disabled { } #diff-header, -.post-format-options, .widget .widget-top, .postbox h3, .stuffbox h3, @@ -692,7 +691,6 @@ table.widefat span.spam a, background-image: linear-gradient(to top, #f5f5f5, #f9f9f9); } -.post-format-options, .postbox h3 { color: #464646; } @@ -1356,167 +1354,10 @@ div.wp-menu-image { /* Post format icons */ -/* 16px */ -a.post-state-format, -.post-format-change span.icon { +a.post-state-format { 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: #ffe9e9; @@ -2330,37 +2171,9 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { } /* 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-image: url(../images/post-formats64.png); - 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-image: url(../images/post-formats32.png); - background-size: 320px 32px; - } } diff --git a/wp-admin/css/wp-admin-rtl.css b/wp-admin/css/wp-admin-rtl.css index ff928f7da7..4089e34d0a 100644 --- a/wp-admin/css/wp-admin-rtl.css +++ b/wp-admin/css/wp-admin-rtl.css @@ -1048,46 +1048,6 @@ th.sorted a span { 11.4 - Post formats ------------------------------------------------------------------------------*/ -#post-body-content.wp-format-image label, -#post-body-content.wp-format-video label, -#post-body-content.wp-format-audio label { - float: right; -} - -.wp-format-media-holder { - float: right; -} - -#wp_format_image, -#wp_format_audio, -#wp_format_video { - float: right; - margin-right: 0; - margin-left: 23px; -} - -.post-format-options a { - float: right; - margin-right: 0; - margin-left: 10px; -} - -#poststuff .post-format-change { - margin: -7px 2px 13px 0; - clear: right; -} - -.post-format-change span.icon { - float: right; - margin: 2px 0 0 5px; -} - -@media only screen and (max-width: 782px) { - .post-format-options a { - margin-left: 0; - margin-right: 19px; - } -} /*------------------------------------------------------------------------------ 12.0 - Categories diff --git a/wp-admin/css/wp-admin.css b/wp-admin/css/wp-admin.css index 87b694a90d..040b1975c2 100644 --- a/wp-admin/css/wp-admin.css +++ b/wp-admin/css/wp-admin.css @@ -2691,53 +2691,6 @@ th.asc:hover span.sorting-indicator { padding: 0 0 .2em 1px; } -a.post-state-format { - overflow: hidden; - display: inline-block; - vertical-align: middle; - height: 16px; - width: 16px; - margin-right: 5px; - background-repeat: no-repeat; - text-indent: -999em; -} - -a.post-state-format.format-image { - background-position: -40px -8px; -} - -a.post-state-format.format-gallery { - background-position: -72px -8px; -} - -a.post-state-format.format-audio { - background-position: -104px -8px; -} - -a.post-state-format.format-video { - background-position: -135px -8px; -} - -a.post-state-format.format-chat { - background-position: -168px -8px; -} - -a.post-state-format.format-status { - background-position: -200px -8px; -} - -a.post-state-format.format-aside { - background-position: -232px -8px; -} - -a.post-state-format.format-quote { - background-position: -264px -8px; -} - -a.post-state-format.format-link { - background-position: -296px -8px; -} - /*------------------------------------------------------------------------------ 10.1 - Inline Editing @@ -3982,259 +3935,54 @@ body .ui-slider-tooltip { 11.4 - Post formats ------------------------------------------------------------------------------*/ -#poststuff .post-format-select { - margin-top: 0; - padding-bottom: 0; -} - -.wp-post-format-ui { - display: none; -} - -.wp-post-format-show-ui .wp-post-format-ui { - display: block; -} - -.post-formats-fields { - display: none; - margin-bottom: 15px; -} - -#post-body-content.wp-format-gallery .post-formats-fields, -#post-body-content.wp-format-image .post-formats-fields, -#post-body-content.wp-format-link .post-formats-fields, -#post-body-content.wp-format-quote .post-formats-fields, -#post-body-content.wp-format-video .post-formats-fields, -#post-body-content.wp-format-audio .post-formats-fields, -#post-body-content.wp-format-gallery .field.wp-format-gallery, -#post-body-content.wp-format-image .field.wp-format-image, -#post-body-content.wp-format-chat .field.wp-format-chat, -#post-body-content.wp-format-link .field.wp-format-link, -#post-body-content.wp-format-quote .field.wp-format-quote, -#post-body-content.wp-format-video .field.wp-format-video, -#post-body-content.wp-format-audio .field.wp-format-audio { - display: block; -} - -.post-formats-fields .field { - display: none; - margin-bottom: 10px; +a.post-state-format { overflow: hidden; -} - -.post-formats-fields input, -.post-formats-fields textarea { - padding: 5px; - font-size: 1.2em; -} - -#post-body-content.wp-format-image label, -#post-body-content.wp-format-video label, -#post-body-content.wp-format-audio label { - float: left; -} - -.wp-format-media-holder { - float: left; - overflow: hidden; - width: 40%; - height: auto; - border: 1px dashed #dfdfdf; - background: #f5f5f5 url(../images/media-button-2x.png) no-repeat 50% 25%; - box-sizing: border-box; - position: relative; -} - -.wp-format-media-holder:hover { - background-color: #eee; -} - -.wp-format-media-holder.drag-over { - background: rgba( 0, 86, 132, 0.9 ); - border-color: transparent; -} - -.wp-format-media-holder div { - display: none; -} - -.wp-format-media-holder.drag-over div { - position: absolute; - top: 10px; - left: 10px; - right: 10px; - bottom: 10px; - border: 1px dashed #fff; - display: block; -} - -#poststuff .wp-format-media-holder.drag-over div h3 { - position: absolute; - top: 50%; - left: 0; - right: 0; - -webkit-transform: translateY( -50% ); - -moz-transform: translateY( -50% ); - -ms-transform: translateY( -50% ); - -o-transform: translateY( -50% ); - transform: translateY( -50% ); - - font-size: 20px; - font-weight: 200; - color: #fff; - padding: 0; - text-align: center; - font-family: sans-serif; -} - -#post-body-content.wp-format-image .wp-format-media-holder { - margin-top: 17px; -} - -.wp-format-media-preview { - margin: 20px 0; -} - -#image-preview img { - width: auto; - height: auto; - max-height: 300px; -} - -#post-body-content .wp-format-image p.use-url-or-html { - padding-top: 10px; - clear: both; - width: 40%; - text-align: center; -} - -.wp-post-format-show-ui.wp-format-image .attachment-display-settings, -.wp-post-format-show-ui.wp-format-status #titlewrap, -.wp-post-format-show-ui.wp-format-image #insert-media-button, -.wp-post-format-show-ui.wp-format-audio #insert-media-button, -.wp-post-format-show-ui.wp-format-video #insert-media-button, -.wp-post-format-show-ui.wp-format-aside #insert-media-button, -.wp-post-format-show-ui.wp-format-status #insert-media-button { - display: none; -} - -.wp-format-media-select .media-progress-bar, -.wp-format-media-select .media-progress-bar div, -.mejs-audio audio, -.mejs-video video { - display: block; -} - -.wp-format-media-select { - display: block; - height: 20px; - padding: 55px 0 20px; - text-align: center; -} - -.wp-format-media-select img { - max-width: 100%; - max-height: 100%; -} - -.empty .wp-format-media-metaedit { - height: 20px; - display: block; - text-align: center; -} - -.edit-format-preview { - display: block; - margin: 5px 0; -} - -#wp_format_image, -#wp_format_audio, -#wp_format_video { - float: left; - margin-right: 23px; - max-width: 40%; - min-height: 97px; -} - -.post-format-description { - color: #666; - font-size: 12px; -} - -.post-format-options { - border-width: 1px; - border-style: solid; - -webkit-border-radius: 3px; - border-radius: 3px; - border-color: #ccc; - margin: 13px 0 10px; - padding: 5px; - overflow: hidden; -} - -.post-format-options a { - float: left; - min-width: 62px; - padding: 5px; - border: 1px solid transparent; - margin-right: 10px; - position: relative; - text-decoration: none; - text-align: center; - transition: opacity 0.1s linear; - opacity: 0.6; -} - -.post-format-options:hover a { - opacity: 1.0; -} -.post-format-options a:hover, -.post-format-options a.active { - opacity: 1.0; - background-color: #fff; - border-color: #ccc; -} - -.post-format-options a div { - height: 34px; - width: 34px; - margin: 0 auto; -} - -.post-format-title { - color: #777; - display: block; - margin-top: 4px; -} - -#poststuff .post-format-change { - margin: -7px 0 13px 2px; - padding: 0; - font-size: 1.5em; - line-height: 18px; - clear: left; -} - -.post-format-change span.icon { - float: left; + display: inline-block; + vertical-align: middle; height: 16px; - margin: 2px 5px 0 0; width: 16px; + margin-right: 5px; + background-repeat: no-repeat; + text-indent: -999em; } -@media only screen and (max-width: 782px) { - .post-format-options a { - margin-right: 19px; - } - - .post-format-options a div { - height: 18px; - width: 16px; - } - +a.post-state-format.format-image { + background-position: -40px -8px; } +a.post-state-format.format-gallery { + background-position: -72px -8px; +} + +a.post-state-format.format-audio { + background-position: -104px -8px; +} + +a.post-state-format.format-video { + background-position: -135px -8px; +} + +a.post-state-format.format-chat { + background-position: -168px -8px; +} + +a.post-state-format.format-status { + background-position: -200px -8px; +} + +a.post-state-format.format-aside { + background-position: -232px -8px; +} + +a.post-state-format.format-quote { + background-position: -264px -8px; +} + +a.post-state-format.format-link { + background-position: -296px -8px; +} + + /*------------------------------------------------------------------------------ 12.0 - Categories ------------------------------------------------------------------------------*/