Changeset 23926

Timestamp:

04/06/13 21:40:58 (2 years ago)

Author:

azaozz

Message:

Post formats: connect labels with fields, move the two css blocks dealing with formats next to each other, see #23938

Location:

trunk/wp-admin

Files:

• css/wp-admin.css (modified) (3 diffs)
• includes/post-formats.php (modified) (5 diffs)

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

@@ -3142 +3142 @@
 }
 
-/* Post formats form */
+/* Post Screen */
+#post-body #normal-sortables {
+    min-height: 50px;
+}
+
+.postbox {
+    position: relative;
+    min-width: 255px;
+}
+
+#trackback_url {
+    width: 99%;
+}
+
+#normal-sortables .postbox .submit {
+    background: transparent none;
+    border: 0 none;
+    float: right;
+    padding: 0 12px;
+    margin:0;
+}
+
+.category-add input[type="text"],
+.category-add select {
+    width: 100%;
+    max-width: 260px;
+}
+
+.press-this #side-sortables .category-tabs li,
+ul.category-tabs li,
+#side-sortables .add-menu-item-tabs li,
+.wp-tab-bar li {
+    display: inline;
+    line-height: 1.35em;
+}
+
+.no-js .category-tabs li.hide-if-no-js {
+    display: none;
+}
+
+.category-tabs a,
+#side-sortables .add-menu-item-tabs a,
+.wp-tab-bar a {
+    text-decoration: none;
+}
+
+.category-tabs {
+    margin: 8px 0 3px;
+}
+
+#category-adder h4 {
+    margin: 10px 0;
+}
+
+#side-sortables .add-menu-item-tabs,
+.wp-tab-bar {
+    margin-bottom: 3px;
+}
+
+#normal-sortables .postbox #replyrow .submit {
+    float: none;
+    margin: 0;
+    padding: 0 7px 5px;
+}
+
+#side-sortables .submitbox .submit input,
+#side-sortables .submitbox .submit .preview,
+#side-sortables .submitbox .submit a.preview:hover {
+    border: 0 none;
+}
+
+#side-sortables .inside-submitbox .insidebox,
+.stuffbox .insidebox {
+    margin: 11px 0;
+}
+
+ul.category-tabs,
+ul.add-menu-item-tabs,
+ul.wp-tab-bar {
+    margin-top: 12px;
+}
+
+ul.category-tabs li {
+    border-style: solid;
+    border-width: 1px;
+    position: relative;
+}
+
+ul.add-menu-item-tabs li.tabs,
+.wp-tab-active {
+    border-style: solid solid none;
+    border-width: 1px 1px 0;
+}
+
+#post-body .add-menu-item-tabs li.tabs {
+    border-style: solid none solid solid;
+    border-width: 1px 0 1px 1px;
+    margin-right: -1px;
+}
+
+ul.category-tabs li,
+ul.add-menu-item-tabs li,
+ul.wp-tab-bar li {
+    padding: 3px 5px 5px;
+    -webkit-border-top-left-radius: 3px;
+    -webkit-border-top-right-radius: 3px;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+}
+
+/* positioning etc. */
+form#tags-filter {
+    position: relative;
+}
+
+/* Edit posts */
+td.post-title strong,
+td.plugin-title strong {
+    display: block;
+    margin-bottom: .2em;
+}
+
+td.post-title p,
+td.plugin-title p {
+    margin: 6px 0;
+}
+
+/* Global classes */
+.wp-hidden-children .wp-hidden-child,
+.ui-tabs-hide {
+    display: none;
+}
+
+.commentlist .avatar {
+    vertical-align: text-top;
+}
+
+#post-body .tagsdiv #newtag {
+    margin-right: 5px;
+    width: 16em;
+}
+
+#side-sortables input#post_password {
+    width: 94%
+}
+
+#side-sortables .tagsdiv #newtag {
+    width: 68%;
+}
+
+#post-status-info {
+    border-width: 0 1px 1px;
+    border-style: none solid solid;
+    width: 100%;
+    -webkit-border-bottom-left-radius: 3px;
+    -webkit-border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px;
+    border-bottom-right-radius: 3px;
+}
+
+#post-status-info td {
+    font-size: 12px;
+}
+
+.autosave-info {
+    padding: 2px 15px;
+    text-align: right;
+}
+
+#editorcontent #post-status-info {
+    border: none;
+}
+
+#post-body .wp_themeSkin .mceStatusbar a.mceResize {
+    display: block;
+    background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
+    width: 12px;
+    cursor: se-resize;
+    margin: 0 1px;
+    position: relative;
+    top: -2px;
+}
+
+#post-body .postarea .wp_themeSkin .mceStatusbar a.mceResize {
+    top: 20px;
+}
+
+#content-resize-handle {
+    background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
+    width: 12px;
+    cursor: se-resize;
+    position: absolute;
+    right: 2px;
+    height: 19px;
+}
+
+.press-this #content-resize-handle {
+    bottom: 2px;
+}
+
+.tmce-active #content-resize-handle {
+    display: none;
+}
+
+#wp-word-count {
+    display: block;
+    padding: 2px 10px;
+}
+
+#timestampdiv select {
+    height: 20px;
+    line-height: 14px;
+    padding: 0;
+    vertical-align: top;
+}
+
+#aa, #jj, #hh, #mn {
+    padding: 1px;
+    font-size: 12px;
+}
+
+#jj, #hh, #mn {
+    width: 2em;
+}
+
+#aa {
+    width: 3.4em;
+}
+
+.curtime #timestamp {
+    background-repeat: no-repeat;
+    background-position: left center;
+    padding: 2px 0 1px 20px;
+}
+
+#timestampdiv {
+    padding-top: 5px;
+    line-height: 23px;
+}
+
+#timestampdiv p {
+    margin: 8px 0 6px;
+}
+
+#timestampdiv input {
+    border-width: 1px;
+    border-style: solid;
+}
+
+#notification-dialog {
+    position: fixed;
+    top: 30%;
+    left: 50%;
+    width: 450px;
+    margin-left: -225px;
+    background: #fff;
+    z-index: 1000005;
+}
+
+#notification-dialog-background {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: #000;
+    opacity: 0.5;
+    filter: alpha(opacity=50);
+    z-index: 1000000;
+}
+
+#notification-dialog .post-locked-message,
+#notification-dialog .post-taken-over {
+    margin: 25px;
+}
+
+#notification-dialog .post-locked-message a.button {
+    margin-right: 10px;
+}
+
+#notification-dialog .post-locked-avatar {
+    float: left;
+    margin-right: 20px;
+}
+
+#notification-dialog .currently-editing {
+    margin-bottom: 20px;
+    outline: 0;
+}
+
+
+/*------------------------------------------------------------------------------
+  11.1 - Custom Fields
+------------------------------------------------------------------------------*/
+
+#postcustomstuff thead th {
+    padding: 5px 8px 8px;
+}
+
+#postcustom #postcustomstuff .submit {
+    border: 0 none;
+    float: none;
+    padding: 0 8px 8px;
+}
+
+#side-sortables #postcustom #postcustomstuff .submit {
+    margin: 0;
+    padding: 0;
+}
+
+#side-sortables #postcustom #postcustomstuff #the-list textarea {
+    height: 85px;
+}
+
+#side-sortables #postcustom #postcustomstuff td.left input,
+#side-sortables #postcustom #postcustomstuff td.left select,
+#side-sortables #postcustomstuff #newmetaleft a {
+    margin: 3px 3px 0;
+}
+
+#postcustomstuff table {
+    margin: 0;
+    width: 100%;
+    border-width: 1px;
+    border-style: solid;
+    border-spacing: 0;
+}
+
+#postcustomstuff tr {
+    vertical-align: top;
+}
+
+#postcustomstuff table input,
+#postcustomstuff table select,
+#postcustomstuff table textarea {
+    width: 96%;
+    margin: 8px;
+}
+
+#side-sortables #postcustomstuff table input,
+#side-sortables #postcustomstuff table select,
+#side-sortables #postcustomstuff table textarea {
+    margin: 3px;
+}
+
+#postcustomstuff th.left,
+#postcustomstuff td.left {
+    width: 38%;
+}
+
+#postcustomstuff .submit input {
+    margin: 0;
+    width: auto;
+}
+
+#postcustomstuff #newmetaleft a {
+    display: inline-block;
+    margin: 0 8px 8px;
+    text-decoration: none;
+}
+
+.no-js #postcustomstuff #enternew {
+    display: none;
+}
+
+#post-body-content .compat-attachment-fields {
+    margin-bottom: 20px;
+}
+
+.compat-attachment-fields th {
+    padding-top: 5px;
+    padding-right: 10px;
+}
+
+/*------------------------------------------------------------------------------
+  11.2 - Post Revisions
+------------------------------------------------------------------------------*/
+
+/* Revision meta box */
+.post-revisions li img {
+    vertical-align: middle;
+}
+
+table.diff {
+    width: 100%;
+}
+
+table.diff col.content {
+    width: auto;
+}
+
+table.diff col.content.diffsplit {
+    width: 48%;
+}
+
+table.diff col.diffsplit.middle {
+    width: 4%;
+}
+
+table.diff col.ltype {
+    width: 30px;
+}
+
+table.diff tr {
+    background-color: transparent;
+}
+
+table.diff td,
+table.diff th {
+    padding: .5em;
+    font-family: Consolas, Monaco, monospace;
+    border: none;
+}
+
+table.diff .diff-deletedline del,
+table.diff .diff-addedline ins {
+    text-decoration: none;
+}
+
+#revision-diff-container {
+    position: relative;
+}
+
+#toggle-revision-compare-mode {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding-top: 15px;
+}
+
+#loading-status {
+    position: absolute;
+    top: 0;
+    right: 170px;
+    line-height: 30px;
+    display: none;
+    margin: 9px 0 0;
+}
+
+#loading-status .spinner {
+    float: left;
+}
+
+#revision-interact {
+    border-bottom: 1px solid #dfdfdf;
+    padding: 20px 0;
+}
+
+#diff-next-revision,
+#diff-previous-revision {
+    margin-top: -.4em; /* Same line as the slider (height: .8em) */
+}
+
+#diff-next-revision {
+    float: right;
+}
+
+#diff-previous-revision {
+    float: left;
+}
+
+#diff-slider{
+    width: 70%;
+    margin: 0 auto;
+}
+
+.comparetwo #diff-slider {
+    width: 95%;
+}
+
+.diff-slider-ticks-wrapper {
+    margin: 0 auto;
+    text-align: center;
+}
+
+#diff-slider-ticks {
+    position: absolute;
+    z-index: 1;
+    margin-top: 20px;
+}
+
+.diff-header {
+    height: 35px;
+    line-height: 35px;
+}
+
+.diff-title {
+    float: left;
+}
+
+.diff-title strong {
+    font-size: 14px;
+    width: 60px;
+    text-align: right;
+    float: left;
+    margin-right: 5px;
+}
+
+.diff-title img {
+    vertical-align: middle;
+}
+
+#restore-revision {
+    margin-left: 10px;
+}
+
+.diff-col-titles {
+    font-size: 16px;
+    width: 100%;
+    margin: 20px 0 10px;
+}
+
+.diff-col-title-added,
+.diff-col-title-removed {
+    width: auto;
+    text-align: left;
+    float: left;
+    width: 48%;
+}
+
+.diff-col-title-added span,
+.diff-col-title-removed span {
+    padding: .5em;
+}
+
+.diff-col-title-added {
+    float: right;
+    color: #00a100;
+}
+
+.diff-col-title-removed {
+    color: #d2281f;
+}
+
+.comparing-two-revisions #diff-previous-revision,
+.comparing-two-revisions #diff-next-revision,
+#diff-title-from-current-version,
+.comparing-two-revisions.current-version #diff-title-from-current-version,
+#diff-header-from {
+    display: none;
+}
+
+.comparing-two-revisions #diff-title-from,
+.left-model-loading #loading-status,
+.right-model-loading #loading-status,
+.left-model-loading #loading-status .spinner,
+.right-model-loading #loading-status .spinner,
+.comparing-two-revisions #diff-header-from {
+    display: block;
+}
+
+.revision-tick {
+    width: 1px;
+    float: left;
+    margin: 1px 15px 0 0;
+    height: .8em;
+    padding: 0;
+    margin-left: 0px;
+}
+
+.revision-tick.scope-of-changes-vsmall {
+    width: 1px;
+    background-color: #aaa;
+}
+
+.revision-tick.scope-of-changes-small {
+    width: 2px;
+    background-color: #aaa;
+    margin-left: -1px;
+}
+
+.revision-tick.scope-of-changes-med {
+    width: 3px;
+    margin-left: -2px;
+    background-color: #666;
+}
+
+.revision-tick.scope-of-changes-large {
+    width: 4px;
+    margin-left: -3px;
+    background-color: #333;
+}
+
+.revision-tick.scope-of-changes-vlarge {
+    margin-left: -3px;
+    width: 4px;
+    background-color: #111;
+    left: 1;
+}
+
+.diff-loading {
+    margin-top: 50px;
+    width: 100%;
+    height: 200px;
+}
+
+.diff-loading .spinner {
+    clear: both;
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+    float: none;
+}
+
+.ui-tooltip-content img {
+    float: left;
+    margin-right: 5px;
+}
+
+
+/*  jQuery UI Tooltip 1.10.1 */
+
+.ui-tooltip {
+    padding: 8px;
+    position: absolute;
+    z-index: 9999;
+    max-width: 300px;
+    min-width: 130px;
+}
+
+body .ui-tooltip {
+    border-width: 1px;
+}
+
+.ui-tooltip, .arrow:after {
+    border: 1px solid #d7d7d7;
+}
+
+.ui-tooltip {
+    padding: 5px 10px;
+}
+
+.arrow {
+    width: 70px;
+    height: 16px;
+    overflow: hidden;
+    position: absolute;
+    left: 50%;
+    margin-left: -35px;
+    bottom: -16px;
+    z-index: 99999;
+}
+
+.arrow.top {
+    top: -16px;
+    bottom: auto;
+}
+
+.arrow.left {
+    left: 20%;
+}
+
+.arrow:after {
+    content: "";
+    position: absolute;
+    left: 20px;
+    top: -20px;
+    width: 25px;
+    height: 25px;
+    background-color: #FFF;
+    -webkit-transform: rotate(45deg);
+    -moz-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    -o-transform: rotate(45deg);
+    tranform: rotate(45deg);
+}
+
+.arrow.top:after {
+    bottom: -20px;
+    top: auto;
+}
+
+ /* jQuery UI Slider */
+
+.wp-slider.ui-slider {
+    position: relative;
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 3px;
+    text-align: left;
+    cursor: pointer;
+}
+
+.wp-slider .ui-slider-handle {
+    position: absolute;
+    z-index: 2;
+    width: 17px;
+    height: 17px;
+    border: none;
+}
+
+.wp-slider .ui-slider-range {
+    position: absolute;
+    z-index: 1;
+    font-size: .7em;
+    display: block;
+    border: 0;
+
+    background-color: #8cc1e9;
+    background-image: -webkit-gradient(linear, left bottom, left top, from(#72a7cf), to(#8cc1e9));
+    background-image: -webkit-linear-gradient(bottom, #72a7cf, #8cc1e9);
+    background-image:    -moz-linear-gradient(bottom, #72a7cf, #8cc1e9);
+    background-image:      -o-linear-gradient(bottom, #72a7cf, #8cc1e9);
+    background-image: linear-gradient(to top, #72a7cf, #8cc1e9);
+}
+
+.wp-slider.ui-slider-horizontal {
+    height: .8em;
+}
+
+.wp-slider.ui-slider-horizontal .ui-slider-handle {
+    top: -.3em;
+    margin-left: -.6em;
+}
+
+.wp-slider.ui-slider-horizontal .ui-slider-range {
+    top: 0;
+    height: 100%;
+}
+
+.wp-slider.ui-slider-horizontal .ui-slider-range-min {
+    left: 0;
+}
+
+.wp-slider.ui-slider-horizontal .ui-slider-range-max {
+    right: 0;
+}
+
+.wp-slider.ui-slider-vertical {
+    width: .8em;
+    height: 100px;
+}
+
+.wp-slider.ui-slider-vertical .ui-slider-handle {
+    left: -.3em;
+    margin-left: 0;
+    margin-bottom: -.6em;
+}
+
+.wp-slider.ui-slider-vertical .ui-slider-range {
+    left: 0;
+    width: 100%;
+}
+
+.wp-slider.ui-slider-vertical .ui-slider-range-min {
+    bottom: 0;
+}
+
+.wp-slider.ui-slider-vertical .ui-slider-range-max {
+    top: 0;
+}
+
+
+/*------------------------------------------------------------------------------
+  11.3 - Featured Images
+------------------------------------------------------------------------------*/
+
+#select-featured-image {
+    padding: 4px 0;
+    overflow: hidden;
+}
+
+#select-featured-image img {
+    max-width: 100%;
+    height: auto;
+    margin-bottom: 10px;
+}
+
+#select-featured-image a {
+    float: left;
+    clear: both;
+}
+
+#select-featured-image .remove {
+    display: none;
+    margin-top: 10px;
+}
+
+.js #select-featured-image.has-featured-image .remove {
+    display: inline-block;
+}
+
+.no-js #select-featured-image .choose {
+    display: none;
+}
+
+/*------------------------------------------------------------------------------
+  11.4 - Post formats
+------------------------------------------------------------------------------*/
+
 #poststuff .post-format-select {
     margin-top: 0;
@@ -3238 +4027 @@
 }
 
-#wp_format_audio, #wp_format_video {
+#wp_format_audio,
+#wp_format_video {
     float: left;
     margin-right: 23px;
@@ -3244 +4034 @@
     min-height: 97px;
 }
-
-/* Post Screen */
-#post-body #normal-sortables {
-    min-height: 50px;
-}
-
-.postbox {
-    position: relative;
-    min-width: 255px;
-}
-
-#trackback_url {
-    width: 99%;
-}
-
-#normal-sortables .postbox .submit {
-    background: transparent none;
-    border: 0 none;
-    float: right;
-    padding: 0 12px;
-    margin:0;
-}
-
-.category-add input[type="text"],
-.category-add select {
-    width: 100%;
-    max-width: 260px;
-}
-
-.press-this #side-sortables .category-tabs li,
-ul.category-tabs li,
-#side-sortables .add-menu-item-tabs li,
-.wp-tab-bar li {
-    display: inline;
-    line-height: 1.35em;
-}
-
-.no-js .category-tabs li.hide-if-no-js {
-    display: none;
-}
-
-.category-tabs a,
-#side-sortables .add-menu-item-tabs a,
-.wp-tab-bar a {
-    text-decoration: none;
-}
-
-.category-tabs {
-    margin: 8px 0 3px;
-}
-
-#category-adder h4 {
-    margin: 10px 0;
-}
-
-#side-sortables .add-menu-item-tabs,
-.wp-tab-bar {
-    margin-bottom: 3px;
-}
-
-#normal-sortables .postbox #replyrow .submit {
-    float: none;
-    margin: 0;
-    padding: 0 7px 5px;
-}
-
-#side-sortables .submitbox .submit input,
-#side-sortables .submitbox .submit .preview,
-#side-sortables .submitbox .submit a.preview:hover {
-    border: 0 none;
-}
-
-#side-sortables .inside-submitbox .insidebox,
-.stuffbox .insidebox {
-    margin: 11px 0;
-}
-
-ul.category-tabs,
-ul.add-menu-item-tabs,
-ul.wp-tab-bar {
-    margin-top: 12px;
-}
-
-ul.category-tabs li {
-    border-style: solid;
-    border-width: 1px;
-    position: relative;
-}
-
-ul.add-menu-item-tabs li.tabs,
-.wp-tab-active {
-    border-style: solid solid none;
-    border-width: 1px 1px 0;
-}
-
-#post-body .add-menu-item-tabs li.tabs {
-    border-style: solid none solid solid;
-    border-width: 1px 0 1px 1px;
-    margin-right: -1px;
-}
-
-ul.category-tabs li,
-ul.add-menu-item-tabs li,
-ul.wp-tab-bar li {
-    padding: 3px 5px 5px;
-    -webkit-border-top-left-radius: 3px;
-    -webkit-border-top-right-radius: 3px;
-    border-top-left-radius: 3px;
-    border-top-right-radius: 3px;
-}
-
-/* positioning etc. */
-form#tags-filter {
-    position: relative;
-}
-
-/* Edit posts */
-td.post-title strong,
-td.plugin-title strong {
-    display: block;
-    margin-bottom: .2em;
-}
-
-td.post-title p,
-td.plugin-title p {
-    margin: 6px 0;
-}
-
-/* Global classes */
-.wp-hidden-children .wp-hidden-child,
-.ui-tabs-hide {
-    display: none;
-}
-
-.commentlist .avatar {
-    vertical-align: text-top;
-}
-
-#post-body .tagsdiv #newtag {
-    margin-right: 5px;
-    width: 16em;
-}
-
-#side-sortables input#post_password {
-    width: 94%
-}
-
-#side-sortables .tagsdiv #newtag {
-    width: 68%;
-}
-
-#post-status-info {
-    border-width: 0 1px 1px;
-    border-style: none solid solid;
-    width: 100%;
-    -webkit-border-bottom-left-radius: 3px;
-    -webkit-border-bottom-right-radius: 3px;
-    border-bottom-left-radius: 3px;
-    border-bottom-right-radius: 3px;
-}
-
-#post-status-info td {
-    font-size: 12px;
-}
-
-.autosave-info {
-    padding: 2px 15px;
-    text-align: right;
-}
-
-#editorcontent #post-status-info {
-    border: none;
-}
-
-#post-body .wp_themeSkin .mceStatusbar a.mceResize {
-    display: block;
-    background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
-    width: 12px;
-    cursor: se-resize;
-    margin: 0 1px;
-    position: relative;
-    top: -2px;
-}
-
-#post-body .postarea .wp_themeSkin .mceStatusbar a.mceResize {
-    top: 20px;
-}
-
-#content-resize-handle {
-    background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
-    width: 12px;
-    cursor: se-resize;
-    position: absolute;
-    right: 2px;
-    height: 19px;
-}
-
-.press-this #content-resize-handle {
-    bottom: 2px;
-}
-
-.tmce-active #content-resize-handle {
-    display: none;
-}
-
-#wp-word-count {
-    display: block;
-    padding: 2px 10px;
-}
-
-#timestampdiv select {
-    height: 20px;
-    line-height: 14px;
-    padding: 0;
-    vertical-align: top;
-}
-
-#aa, #jj, #hh, #mn {
-    padding: 1px;
-    font-size: 12px;
-}
-
-#jj, #hh, #mn {
-    width: 2em;
-}
-
-#aa {
-    width: 3.4em;
-}
-
-.curtime #timestamp {
-    background-repeat: no-repeat;
-    background-position: left center;
-    padding: 2px 0 1px 20px;
-}
-
-#timestampdiv {
-    padding-top: 5px;
-    line-height: 23px;
-}
-
-#timestampdiv p {
-    margin: 8px 0 6px;
-}
-
-#timestampdiv input {
-    border-width: 1px;
-    border-style: solid;
-}
-
-#notification-dialog {
-    position: fixed;
-    top: 30%;
-    left: 50%;
-    width: 450px;
-    margin-left: -225px;
-    background: #fff;
-    z-index: 1000005;
-}
-
-#notification-dialog-background {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: #000;
-    opacity: 0.5;
-    filter: alpha(opacity=50);
-    z-index: 1000000;
-}
-
-#notification-dialog .post-locked-message,
-#notification-dialog .post-taken-over {
-    margin: 25px;
-}
-
-#notification-dialog .post-locked-message a.button {
-    margin-right: 10px;
-}
-
-#notification-dialog .post-locked-avatar {
-    float: left;
-    margin-right: 20px;
-}
-
-#notification-dialog .currently-editing {
-    margin-bottom: 20px;
-    outline: 0;
-}
-
-
-/*------------------------------------------------------------------------------
-  11.1 - Custom Fields
-------------------------------------------------------------------------------*/
-
-#postcustomstuff thead th {
-    padding: 5px 8px 8px;
-}
-
-#postcustom #postcustomstuff .submit {
-    border: 0 none;
-    float: none;
-    padding: 0 8px 8px;
-}
-
-#side-sortables #postcustom #postcustomstuff .submit {
-    margin: 0;
-    padding: 0;
-}
-
-#side-sortables #postcustom #postcustomstuff #the-list textarea {
-    height: 85px;
-}
-
-#side-sortables #postcustom #postcustomstuff td.left input,
-#side-sortables #postcustom #postcustomstuff td.left select,
-#side-sortables #postcustomstuff #newmetaleft a {
-    margin: 3px 3px 0;
-}
-
-#postcustomstuff table {
-    margin: 0;
-    width: 100%;
-    border-width: 1px;
-    border-style: solid;
-    border-spacing: 0;
-}
-
-#postcustomstuff tr {
-    vertical-align: top;
-}
-
-#postcustomstuff table input,
-#postcustomstuff table select,
-#postcustomstuff table textarea {
-    width: 96%;
-    margin: 8px;
-}
-
-#side-sortables #postcustomstuff table input,
-#side-sortables #postcustomstuff table select,
-#side-sortables #postcustomstuff table textarea {
-    margin: 3px;
-}
-
-#postcustomstuff th.left,
-#postcustomstuff td.left {
-    width: 38%;
-}
-
-#postcustomstuff .submit input {
-    margin: 0;
-    width: auto;
-}
-
-#postcustomstuff #newmetaleft a {
-    display: inline-block;
-    margin: 0 8px 8px;
-    text-decoration: none;
-}
-
-.no-js #postcustomstuff #enternew {
-    display: none;
-}
-
-#post-body-content .compat-attachment-fields {
-    margin-bottom: 20px;
-}
-
-.compat-attachment-fields th {
-    padding-top: 5px;
-    padding-right: 10px;
-}
-
-/*------------------------------------------------------------------------------
-  11.2 - Post Revisions
-------------------------------------------------------------------------------*/
-
-/* Revision meta box */
-.post-revisions li img {
-    vertical-align: middle;
-}
-
-table.diff {
-    width: 100%;
-}
-
-table.diff col.content {
-    width: auto;
-}
-
-table.diff col.content.diffsplit {
-    width: 48%;
-}
-
-table.diff col.diffsplit.middle {
-    width: 4%;
-}
-
-table.diff col.ltype {
-    width: 30px;
-}
-
-table.diff tr {
-    background-color: transparent;
-}
-
-table.diff td,
-table.diff th {
-    padding: .5em;
-    font-family: Consolas, Monaco, monospace;
-    border: none;
-}
-
-table.diff .diff-deletedline del,
-table.diff .diff-addedline ins {
-    text-decoration: none;
-}
-
-#revision-diff-container {
-    position: relative;
-}
-
-#toggle-revision-compare-mode {
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding-top: 15px;
-}
-
-#loading-status {
-    position: absolute;
-    top: 0;
-    right: 170px;
-    line-height: 30px;
-    display: none;
-    margin: 9px 0 0;
-}
-
-#loading-status .spinner {
-    float: left;
-}
-
-#revision-interact {
-    border-bottom: 1px solid #dfdfdf;
-    padding: 20px 0;
-}
-
-#diff-next-revision,
-#diff-previous-revision {
-    margin-top: -.4em; /* Same line as the slider (height: .8em) */
-}
-
-#diff-next-revision {
-    float: right;
-}
-
-#diff-previous-revision {
-    float: left;
-}
-
-#diff-slider{
-    width: 70%;
-    margin: 0 auto;
-}
-
-.comparetwo #diff-slider {
-    width: 95%;
-}
-
-.diff-slider-ticks-wrapper {
-    margin: 0 auto;
-    text-align: center;
-}
-
-#diff-slider-ticks {
-    position: absolute;
-    z-index: 1;
-    margin-top: 20px;
-}
-
-.diff-header {
-    height: 35px;
-    line-height: 35px;
-}
-
-.diff-title {
-    float: left;
-}
-
-.diff-title strong {
-    font-size: 14px;
-    width: 60px;
-    text-align: right;
-    float: left;
-    margin-right: 5px;
-}
-
-.diff-title img {
-    vertical-align: middle;
-}
-
-#restore-revision {
-    margin-left: 10px;
-}
-
-.diff-col-titles {
-    font-size: 16px;
-    width: 100%;
-    margin: 20px 0 10px;
-}
-
-.diff-col-title-added,
-.diff-col-title-removed {
-    width: auto;
-    text-align: left;
-    float: left;
-    width: 48%;
-}
-
-.diff-col-title-added span,
-.diff-col-title-removed span {
-    padding: .5em;
-}
-
-.diff-col-title-added {
-    float: right;
-    color: #00a100;
-}
-
-.diff-col-title-removed {
-    color: #d2281f;
-}
-
-.comparing-two-revisions #diff-previous-revision,
-.comparing-two-revisions #diff-next-revision,
-#diff-title-from-current-version,
-.comparing-two-revisions.current-version #diff-title-from-current-version,
-#diff-header-from {
-    display: none;
-}
-
-.comparing-two-revisions #diff-title-from,
-.left-model-loading #loading-status,
-.right-model-loading #loading-status,
-.left-model-loading #loading-status .spinner,
-.right-model-loading #loading-status .spinner,
-.comparing-two-revisions #diff-header-from {
-    display: block;
-}
-
-.revision-tick {
-    width: 1px;
-    float: left;
-    margin: 1px 15px 0 0;
-    height: .8em;
-    padding: 0;
-    margin-left: 0px;
-}
-
-.revision-tick.scope-of-changes-vsmall {
-    width: 1px;
-    background-color: #aaa;
-}
-
-.revision-tick.scope-of-changes-small {
-    width: 2px;
-    background-color: #aaa;
-    margin-left: -1px;
-}
-
-.revision-tick.scope-of-changes-med {
-    width: 3px;
-    margin-left: -2px;
-    background-color: #666;
-}
-
-.revision-tick.scope-of-changes-large {
-    width: 4px;
-    margin-left: -3px;
-    background-color: #333;
-}
-
-.revision-tick.scope-of-changes-vlarge {
-    margin-left: -3px;
-    width: 4px;
-    background-color: #111;
-    left: 1;
-}
-
-.diff-loading {
-    margin-top: 50px;
-    width: 100%;
-    height: 200px;
-}
-
-.diff-loading .spinner {
-    clear: both;
-    margin-left: auto;
-    margin-right: auto;
-    display: block;
-    float: none;
-}
-
-.ui-tooltip-content img {
-    float: left;
-    margin-right: 5px;
-}
-
-
-/*  jQuery UI Tooltip 1.10.1 */
-
-.ui-tooltip {
-    padding: 8px;
-    position: absolute;
-    z-index: 9999;
-    max-width: 300px;
-    min-width: 130px;
-}
-
-body .ui-tooltip {
-    border-width: 1px;
-}
-
-.ui-tooltip, .arrow:after {
-    border: 1px solid #d7d7d7;
-}
-
-.ui-tooltip {
-    padding: 5px 10px;
-}
-
-.arrow {
-    width: 70px;
-    height: 16px;
-    overflow: hidden;
-    position: absolute;
-    left: 50%;
-    margin-left: -35px;
-    bottom: -16px;
-    z-index: 99999;
-}
-
-.arrow.top {
-    top: -16px;
-    bottom: auto;
-}
-
-.arrow.left {
-    left: 20%;
-}
-
-.arrow:after {
-    content: "";
-    position: absolute;
-    left: 20px;
-    top: -20px;
-    width: 25px;
-    height: 25px;
-    background-color: #FFF;
-    -webkit-transform: rotate(45deg);
-    -moz-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    -o-transform: rotate(45deg);
-    tranform: rotate(45deg);
-}
-
-.arrow.top:after {
-    bottom: -20px;
-    top: auto;
-}
-
- /* jQuery UI Slider */
-
-.wp-slider.ui-slider {
-    position: relative;
-    border-width: 1px;
-    border-style: solid;
-    border-radius: 3px;
-    text-align: left;
-    cursor: pointer;
-}
-
-.wp-slider .ui-slider-handle {
-    position: absolute;
-    z-index: 2;
-    width: 17px;
-    height: 17px;
-    border: none;
-}
-
-.wp-slider .ui-slider-range {
-    position: absolute;
-    z-index: 1;
-    font-size: .7em;
-    display: block;
-    border: 0;
-
-    background-color: #8cc1e9;
-    background-image: -webkit-gradient(linear, left bottom, left top, from(#72a7cf), to(#8cc1e9));
-    background-image: -webkit-linear-gradient(bottom, #72a7cf, #8cc1e9);
-    background-image:    -moz-linear-gradient(bottom, #72a7cf, #8cc1e9);
-    background-image:      -o-linear-gradient(bottom, #72a7cf, #8cc1e9);
-    background-image: linear-gradient(to top, #72a7cf, #8cc1e9);
-}
-
-.wp-slider.ui-slider-horizontal {
-    height: .8em;
-}
-
-.wp-slider.ui-slider-horizontal .ui-slider-handle {
-    top: -.3em;
-    margin-left: -.6em;
-}
-
-.wp-slider.ui-slider-horizontal .ui-slider-range {
-    top: 0;
-    height: 100%;
-}
-
-.wp-slider.ui-slider-horizontal .ui-slider-range-min {
-    left: 0;
-}
-
-.wp-slider.ui-slider-horizontal .ui-slider-range-max {
-    right: 0;
-}
-
-.wp-slider.ui-slider-vertical {
-    width: .8em;
-    height: 100px;
-}
-
-.wp-slider.ui-slider-vertical .ui-slider-handle {
-    left: -.3em;
-    margin-left: 0;
-    margin-bottom: -.6em;
-}
-
-.wp-slider.ui-slider-vertical .ui-slider-range {
-    left: 0;
-    width: 100%;
-}
-
-.wp-slider.ui-slider-vertical .ui-slider-range-min {
-    bottom: 0;
-}
-
-.wp-slider.ui-slider-vertical .ui-slider-range-max {
-    top: 0;
-}
-
-
-/*------------------------------------------------------------------------------
-  11.3 - Featured Images
-------------------------------------------------------------------------------*/
-
-#select-featured-image {
-    padding: 4px 0;
-    overflow: hidden;
-}
-
-#select-featured-image img {
-    max-width: 100%;
-    height: auto;
-    margin-bottom: 10px;
-}
-
-#select-featured-image a {
-    float: left;
-    clear: both;
-}
-
-#select-featured-image .remove {
-    display: none;
-    margin-top: 10px;
-}
-
-.js #select-featured-image.has-featured-image .remove {
-    display: inline-block;
-}
-
-.no-js #select-featured-image .choose {
-    display: none;
-}
-
-/*------------------------------------------------------------------------------
-  11.4 - Post format selection
-------------------------------------------------------------------------------*/
 
 #icon-edit.standard {

trunk/wp-admin/includes/post-formats.php

@@ -11 +11 @@
     <div class="field wp-format-quote">
         <label for="_wp_format_quote"><?php _e( 'Quote' ); ?></label>
-        <textarea name="_wp_format_quote" class="widefat"><?php echo esc_textarea( $format_meta['quote'] ); ?></textarea>
+        <textarea id="_wp_format_quote" name="_wp_format_quote" class="widefat"><?php echo esc_textarea( $format_meta['quote'] ); ?></textarea>
     </div>
 
     <div class="field wp-format-quote">
         <label for="_wp_format_quote_source"><?php _e( 'Quote source' ); ?></label>
-        <input type="text" name="_wp_format_quote_source" value="<?php echo esc_attr( $format_meta['quote_source'] ); ?>" class="widefat" />
+        <input type="text" id="_wp_format_quote_source" name="_wp_format_quote_source" value="<?php echo esc_attr( $format_meta['quote_source'] ); ?>" class="widefat" />
     </div>
 
@@ -45 +45 @@
     <div class="field wp-format-link wp-format-quote wp-format-image">
         <label for="_wp_format_url"><?php _e( 'Link URL' ); ?></label>
-        <input type="text" name="_wp_format_url" value="<?php echo esc_url( $format_meta['url'] ); ?>" class="widefat" />
+        <input type="text" id="_wp_format_url" name="_wp_format_url" value="<?php echo esc_url( $format_meta['url'] ); ?>" class="widefat" />
     </div>
 
@@ -51 +51 @@
     $show_video_preview = ! empty( $format_meta['video'] );
     ?>
-    <div class="field wp-format-video<?php if ( $show_video_preview ) echo ' has-media-preview' ?>">
+    <div class="field wp-format-video<?php if ( $show_video_preview ) echo ' has-media-preview'; ?>">
         <?php if ( $show_video_preview ): ?>
         <div id="video-preview" class="wp-format-media-preview">
@@ -70 +70 @@
             ?>
         </div>
-        <?php endif ?>
+        <?php endif; ?>
         <label for="_wp_format_video"><?php _e( 'Video embed code or URL' ); ?></label>
         <textarea id="wp_format_video" type="text" name="_wp_format_video" class="widefat"><?php esc_html_e( $format_meta['video'] ); ?></textarea>
@@ -104 +104 @@
             ?>
         </div>
-        <?php endif ?>
+        <?php endif; ?>
         <label for="_wp_format_audio"><?php _e( 'Audio embed code or URL' ); ?></label>
         <textarea id="wp_format_audio" name="_wp_format_audio" class="widefat"><?php esc_html_e( $format_meta['audio'] );