WordPress.org

Make WordPress Core

Ticket #19570: 19570.16.diff

File 19570.16.diff, 24.4 KB (added by lessbloat, 5 years ago)
  • wp-includes/post-formats.php

     
    8484                'quote'        => '',
    8585                'quote_source' => '',
    8686                'url'          => '',
    87                 'media'        => '',
     87                'image'        => '',
     88                'gallery'      => '',
     89                'audio'        => '',
     90                'video'        => '',
    8891        );
    8992
    9093        foreach ( $values as $key => $value )
     
    355358                case 'video':
    356359                case 'audio':
    357360                        if ( ! has_shortcode( $post->post_content, $format ) && ! empty( $meta['media'] ) ) {
     361                                // the metadata is an attachment ID
     362                                if ( is_numeric( $meta['media'] ) ) {
     363                                        $url = wp_get_attachment_url( $meta['media'] );
     364                                        $format_output .= sprintf( '[%s src="%s"]', $format, $url );
    358365                                // the metadata is a shortcode or an embed code
    359                                 if ( preg_match( '/' . get_shortcode_regex() . '/s', $meta['media'] ) || preg_match( '#<[^>]+>#', $meta['media'] ) ) {
     366                                } elseif ( preg_match( '/' . get_shortcode_regex() . '/s', $meta['media'] ) || preg_match( '#<[^>]+>#', $meta['media'] ) ) {
    360367                                        $format_output .= $meta['media'];
    361368                                } elseif ( ! stristr( $content, $meta['media'] ) ) {
    362369                                        // attempt to embed the URL
  • wp-admin/includes/post.php

     
    200200                update_post_meta( $post_ID, '_wp_format_url', wp_slash( esc_url_raw( wp_unslash( $post_data['_wp_format_url'] ) ) ) );
    201201        }
    202202
    203         $format_keys = array( 'quote', 'quote_source', 'image', 'gallery', 'media' );
     203        $format_keys = array( 'quote', 'quote_source', 'image', 'gallery', 'image', 'gallery', 'audio', 'video' );
    204204
    205205        foreach ( $format_keys as $key ) {
    206206                if ( isset( $post_data[ '_wp_format_' . $key ] ) )
  • wp-admin/includes/post-formats.php

     
     1<?php
     2$format_meta = get_post_format_meta( $post_ID );
     3
     4?>
     5<div class="post-formats-fields edit-form-section">
     6
     7        <input type="hidden" name="post_format" id="post_format" value="<?php echo esc_attr( $post_format ); ?>" />
     8
     9        <div class="field wp-format-quote">
     10                <label for="_wp_format_quote" class="screen-reader-text"><?php _e( 'Quote' ); ?>:</label>
     11                <textarea name="_wp_format_quote" placeholder="<?php esc_attr_e( 'Quote' ); ?>" class="widefat"><?php echo esc_textarea( $format_meta['quote'] ); ?></textarea>
     12        </div>
     13
     14        <div class="field wp-format-quote">
     15                <label for="_wp_format_quote_source" class="screen-reader-text"><?php _e( 'Quote source' ); ?>:</label>
     16                <input type="text" name="_wp_format_quote_source" value="<?php echo esc_attr( $format_meta['quote_source'] ); ?>" placeholder="<?php esc_attr_e( 'Quote source' ); ?>" class="widefat" />
     17        </div>
     18
     19        <?php
     20        $image = false;
     21        if ( isset( $format_meta['image'] ) )
     22                $image = is_numeric( $format_meta['image'] ) ? wp_get_attachment_url( $format_meta['image'] ) : $format_meta['image'];
     23        ?>
     24        <div class="field wp-format-image">
     25                <div data-format="image" class="wp-format-media-holder hide-if-no-js<?php if ( ! $image ) echo ' empty'; ?>">
     26                        <a href="#" class="wp-format-media-select"
     27                                data-choose="<?php esc_attr_e( 'Choose an Image' ); ?>"
     28                                data-update="<?php esc_attr_e( 'Select Image' ); ?>">
     29                                <?php
     30                                        if ( $image )
     31                                                echo '<img src="' . esc_url( $image ) . '" />';
     32                                        else
     33                                                _e( 'Select Image' );
     34                                ?>
     35                        </a>
     36                </div>
     37                <label for="_wp_format_image" class="screen-reader-text"><?php _e( 'Image URL' ); ?>:</label>
     38                <input id="wp_format_image" type="hidden" name="_wp_format_image" value="<?php echo esc_url( $format_meta['image'] ); ?>" placeholder="<?php esc_attr_e( 'Image URL' ); ?>" class="widefat" />
     39        </div>
     40
     41        <div class="field wp-format-link wp-format-quote wp-format-image">
     42                <label for="_wp_format_url" class="screen-reader-text"><?php _e( 'Link URL' ); ?>:</label>
     43                <input type="text" name="_wp_format_url" value="<?php echo esc_url( $format_meta['url'] ); ?>" placeholder="<?php esc_attr_e( 'Link URL' ); ?>" class="widefat" />
     44        </div>
     45
     46        <?php
     47        $show_video_preview = ! empty( $format_meta['video'] );
     48        ?>
     49        <div class="field wp-format-video<?php if ( $show_video_preview ) echo ' has-media-preview' ?>">
     50                <?php if ( $show_video_preview ): ?>
     51                <div id="video-preview">
     52                        <?php
     53                                if ( is_numeric( $format_meta['video'] ) ) {
     54                                        $url = wp_get_attachment_url( $format_meta['video'] );
     55                                        echo do_shortcode( sprintf( '[video src="%s"]', $url ) );
     56                                } elseif ( preg_match( '/' . get_shortcode_regex() . '/s', $format_meta['video'] ) ) {
     57                                        echo do_shortcode( $format_meta['video'] );
     58                                } elseif ( ! preg_match( '#<[^>]+>#', $format_meta['video'] ) ) {
     59                                        echo do_shortcode( sprintf( '[video src="%s"]', $format_meta['video'] ) );
     60                                } else {
     61                                        echo $format_meta['video'];
     62                                }
     63                        ?>
     64                        <a class="edit-format-preview" data-format="video" href="#">Update Media</a>
     65                </div>
     66                <?php endif ?>
     67                <label for="_wp_format_video" class="screen-reader-text"><?php _e( 'Video Embed Code or URL' ); ?>:</label>
     68                <textarea id="wp_format_video" type="text" name="_wp_format_video" placeholder="<?php esc_attr_e( 'Video Embed Code or URL' ); ?>" class="widefat"><?php esc_attr_e( $format_meta['video'] ); ?></textarea>
     69                <div data-format="video" class="wp-format-media-holder hide-if-no-js<?php if ( ! $image ) echo ' empty'; ?>">
     70                        <a href="#" class="wp-format-media-select"
     71                                data-choose="<?php esc_attr_e( 'Choose a Video' ); ?>"
     72                                data-update="<?php esc_attr_e( 'Select Video' ); ?>">
     73                                <?php _e( 'Select Video From Media Library' ) ?>
     74                        </a>
     75                </div>
     76        </div>
     77
     78        <?php
     79        $show_audio_preview = ! empty( $format_meta['audio'] );
     80        ?>
     81        <div class="field wp-format-audio<?php if ( $show_audio_preview ) echo ' has-media-preview' ?>">
     82                <?php if ( $show_audio_preview ): ?>
     83                <div id="audio-preview">
     84                        <?php
     85                                if ( is_numeric( $format_meta['audio'] ) ) {
     86                                        $url = wp_get_attachment_url( $format_meta['audio'] );
     87                                        echo do_shortcode( sprintf( '[audio src="%s"]', $url ) );
     88                                } elseif ( preg_match( '/' . get_shortcode_regex() . '/s', $format_meta['audio'] ) ) {
     89                                        echo do_shortcode( $format_meta['audio'] );
     90                                } elseif ( ! preg_match( '#<[^>]+>#', $format_meta['audio'] ) ) {
     91                                        echo do_shortcode( sprintf( '[audio src="%s"]', $format_meta['audio'] ) );
     92                                } else {
     93                                        echo $format_meta['audio'];
     94                                }
     95                        ?>
     96                        <a class="edit-format-preview" data-format="audio" href="#">Update Media</a>
     97                </div>
     98                <?php endif ?>
     99                <label for="_wp_format_audio" class="screen-reader-text"><?php _e( 'Audio Embed Code or URL' ); ?>:</label>
     100                <textarea id="wp_format_audio" name="_wp_format_audio" placeholder="<?php esc_attr_e( 'Audio Embed Code or URL' ); ?>" class="widefat">value="<?php esc_attr_e( $format_meta['audio'] ); ?>"</textarea>
     101                <div data-format="audio" class="wp-format-media-holder hide-if-no-js<?php if ( empty( $format_meta['audio'] ) ) echo ' empty'; ?>">
     102                        <a href="#" class="wp-format-media-select" data-choose="<?php esc_attr_e( 'Choose Audio' ); ?>" data-update="<?php esc_attr_e( 'Select Audio' ); ?>">
     103                                <?php _e( 'Select Audio From Media Library' ) ?>
     104                        </a>
     105                </div>
     106        </div>
     107</div>
     108 No newline at end of file
  • wp-admin/js/post-formats.js

     
    1 (function($){
     1window.wp = window.wp || {};
    22
     3(function($) {
     4        var mediaFrame, lastMimeType, lastMenu, mediaPreview;
     5
    36        // Post formats selection
    4         $('.post-format-select a').on( 'click.post-format', function(e) {
    5                 var $this = $(this),
    6                         editor,
    7                         body,
     7        $('.post-format-options a').on( 'click', function(e){
     8                var $this = $(this), editor, body,
     9                        parent = $this.parent(),
    810                        format = $this.data('wp-format'),
    9                         container = $('#post-body-content');
     11                        container = $('#post-body-content'),
     12                        description = $('.post-format-description');
    1013
    11                 $('.post-format-select a.nav-tab-active').removeClass('nav-tab-active');
    12                 $this.addClass('nav-tab-active').blur();
     14                parent.find('a.active').removeClass('active');
     15                $this.addClass('active');
     16                $('#icon-edit').removeClass(postFormats.currentPostFormat).addClass(format);
    1317                $('#post_format').val(format);
    1418
    1519                container.get(0).className = container.get(0).className.replace( /\bwp-format-[^ ]+/, '' );
    1620                container.addClass('wp-format-' + format);
     21                $('#title').focus();
    1722
     23                // Update description line
     24                description.html($this.data('description'));
     25
     26                if (description.not(':visible'))
     27                        description.slideDown('fast');
     28
    1829                if ( typeof tinymce != 'undefined' ) {
    1930                        editor = tinymce.get('content');
    2031
     
    2536                        }
    2637                }
    2738
     39                postFormats.currentPostFormat = format;
     40
    2841                e.preventDefault();
     42        }).on('mouseenter focusin', function () {
     43                $('.post-format-tip').html( $(this).prop('title') );
     44        }).on('mouseleave focusout', function () {
     45                $('.post-format-tip').html( $('.post-format-options a.active').prop('title') );
    2946        });
    3047
    31 })(jQuery);
     48        function editPreview(format) {
     49                return '<a class="edit-format-preview" data-format="' + format + '" href="#">Update Media</a>';
     50        }
     51
     52        $('.post-formats-fields').on( 'click', '.edit-format-preview', function (e) {
     53                e.preventDefault();
     54                var elem = $(e.currentTarget);
     55
     56                if ( elem.data('format') )
     57                        $( '.wp-format-' + elem.data('format') + ' .wp-format-media-holder' ).addClass('empty').show();
     58        });
     59
     60        // Media selection
     61        $('.wp-format-media-select').click(function (event) {
     62                event.preventDefault();
     63                var $el = $(this), $holder, $field, mime = 'image', menu = '',
     64                        $holder = $el.closest('.wp-format-media-holder'),
     65                        $field = $( '#wp_format_' + $holder.data('format') );
     66
     67                switch ( $holder.data('format') ) {
     68                        case 'audio':
     69                                mime = 'audio';
     70                                break;
     71                        case 'video':
     72                                mime = 'video';
     73                                break;
     74                }
     75
     76                if ( $('.wp-format-' + $holder.data('format') + ' .edit-format-preview').length )
     77                        $holder.hide();
     78
     79                // If the media frame already exists, reopen it.
     80                if ( mediaFrame && lastMimeType === mime && lastMenu === menu ) {
     81                        mediaFrame.open();
     82                        return;
     83                }
     84
     85                lastMimeType = mime;
     86                lastMenu = menu;
     87
     88                // Create the media frame.
     89                mediaFrame = wp.media.frames.formatMedia = wp.media({
     90                        // Set the title of the modal.
     91                        title: $el.data('choose'),
     92
     93                        // Set the menu sidebar of the modal, if applicable
     94                        toolbar: menu,
     95
     96                        // Tell the modal to show only items matching the current mime type.
     97                        library: {
     98                                type: mime
     99                        },
     100
     101                        // Customize the submit button.
     102                        button: {
     103                                // Set the text of the button.
     104                                text: $el.data('update')
     105                        }
     106                });
     107
     108                mediaPreview = function (format, url, mime) {
     109                        $('#' + format + '-preview').remove();
     110                        $holder.before( '<div id="' + format + '-preview"><' + format + ' class="wp-' + format + '-shortcode" controls="controls" preload="none">' +
     111                                '<source type="' + mime + '" src="' + url + '" />' +
     112                                '</' + format + '> ' + editPreview(format) + '</div>' );
     113                        $('.wp-' + format + '-shortcode').mediaelementplayer();
     114                };
     115
     116                // When an image is selected, run a callback.
     117                mediaFrame.on( 'select', function () {
     118                        // Grab the selected attachment.
     119                        var attachment = mediaFrame.state().get('selection').first(), mime, url, id;
     120
     121                        id = attachment.get('id');
     122                        url = attachment.get('url');
     123                        mime = attachment.get('mime');
     124
     125                        if ( 0 === mime.indexOf('audio') ) {
     126                                $field.attr('value', id);
     127                                // show one preview at a time
     128                                mediaPreview('audio', url, mime);
     129                                // hide the upload trigger
     130                                $holder.hide();
     131                        } else if ( 0 === mime.indexOf('video') ) {
     132                                $field.attr('value', id);
     133                                // show one preview at a time
     134                                mediaPreview('video', url, mime);
     135                                // hide the upload trigger
     136                                $holder.hide();
     137                        } else {
     138                                // set the hidden input's value
     139                                $field.attr('value', id);
     140                                // Show the image in the placeholder
     141                                $el.html('<img src="' + url + '" />');
     142                                $holder.removeClass('empty').show();
     143                        }
     144                });
     145
     146                mediaFrame.open();
     147        });
     148})(jQuery);
     149 No newline at end of file
  • wp-admin/edit-form-advanced.php

     
    130130$format_class = '';
    131131if ( post_type_supports( $post_type, 'post-formats' ) ) {
    132132        wp_enqueue_script( 'post-formats' );
     133        wp_enqueue_script( 'wp-mediaelement' );
     134        wp_enqueue_style( 'wp-mediaelement' );
    133135        $post_format = get_post_format();
    134136
    135137        if ( ! $post_format )
     
    138140        $format_class = " class='wp-format-{$post_format}'";
    139141}
    140142
     143if ( post_type_supports( $post_type, 'post-formats' ) ) {
     144        $all_post_formats = array(
     145                'standard' => array (
     146                        'description' => __('Add a title and description for your post below.')
     147                ),
     148                'image' => array (
     149                        'description' => __('Select an image for your post below.')
     150                ),
     151                'gallery' => array (
     152                        'description' => __('Use the Add Media button below to select images for your gallery.')
     153                ),
     154                'link' => array (
     155                        'description' => __('Add a link URL below.')
     156                ),
     157                'video' => array (
     158                        'description' => __('Paste a video embed URL below, or upload a new video.')
     159                ),
     160                'audio' => array (
     161                        'description' => __('Paste an audio embed URL below, or upload a new audio file.')
     162                ),
     163                'chat' => array (
     164                        'description' => __('Paste a chat transcript below.')
     165                ),
     166                'status' => array (
     167                        'description' => __('What are you up to?  Enter your status message below.')
     168                ),
     169                'quote' => array (
     170                        'description' => __('Enter a quote below.')
     171                ),
     172                'aside' => array (
     173                        'description' => __('Enter a quick thought or side topic below.')
     174                )
     175        );
     176        $post_format_options = '';
     177
     178        foreach ( $all_post_formats as $slug => $attr ) {
     179                $class = '';
     180                if ( $post_format == $slug ) {
     181                        $class = 'class="active"';
     182                        $active_post_type_slug = $slug;
     183                        $active_post_type_label = ucfirst( $slug );
     184                        $active_post_format_description = $attr['description'];
     185                }
     186
     187                $post_format_options .= '<a ' . $class . ' href="?format=' . $slug . '" data-description="' . $attr['description'] . '" data-wp-format="' . $slug . '" title="' . ucfirst( sprintf( __( '%s Post' ), $slug ) ) . '"><div class="' . $slug . '"></div></a>';
     188        }
     189}
     190
     191$current_post_format = array( 'currentPostFormat' => esc_html( $active_post_type_slug ) );
     192wp_localize_script( 'post', 'postFormats', $current_post_format );
     193
    141194if ( post_type_supports($post_type, 'page-attributes') )
    142195        add_meta_box('pageparentdiv', 'page' == $post_type ? __('Page Attributes') : __('Attributes'), 'page_attributes_meta_box', null, 'side', 'core');
    143196
     
    337390?>
    338391
    339392<div id="poststuff">
    340 
    341 <?php
    342 if ( post_type_supports( $post_type, 'post-formats' ) ) {
    343         $all_post_formats = get_post_format_strings();
    344 
    345         echo '<h2 class="nav-tab-wrapper post-format-select">';
    346 
    347         foreach ( $all_post_formats as $slug => $label ) {
    348                 if ( $post_format == $slug )
    349                         $class = 'nav-tab nav-tab-active';
    350                 else
    351                         $class = 'nav-tab';
    352 
    353                 echo '<a class="' . $class . '" href="?format=' . $slug . '" data-wp-format="' . $slug . '">' . $label . '</a>';
    354         }
    355 
    356         echo '</h2>';
    357 }
    358 ?>
    359 
    360393<div id="post-body" class="metabox-holder columns-<?php echo 1 == get_current_screen()->get_columns() ? '1' : '2'; ?>">
    361394<div id="post-body-content"<?php echo $format_class; ?>>
    362395
     396<?php if ( ! empty( $post_format_options ) ) : ?>
     397<div class="post-format-options">
     398        <span class="post-format-tip">Standard Post</span>
     399        <?php echo $post_format_options; ?>
     400</div>
     401<div class="post-format-description"></div>
     402<?php endif; ?>
     403
    363404<?php if ( post_type_supports($post_type, 'title') ) { ?>
    364405<div id="titlediv">
    365406<div id="titlewrap">
     
    398439}
    399440
    400441// post format fields
    401 if ( post_type_supports( $post_type, 'post-formats' ) ) {
    402         $format_meta = get_post_format_meta( $post_ID );
    403 ?>
    404 <div class="post-formats-fields edit-form-section">
     442if ( post_type_supports( $post_type, 'post-formats' ) )
     443        require_once( './includes/post-formats.php' );
    405444
    406 <input type="hidden" name="post_format" id="post_format" value="<?php echo esc_attr( $post_format ); ?>" />
    407 
    408 <div class="field wp-format-quote">
    409         <label for="_wp_format_quote" class="screen-reader-text"><?php _e( 'Quote' ); ?>:</label>
    410         <textarea name="_wp_format_quote" placeholder="<?php esc_attr_e( 'Quote' ); ?>" class="widefat"><?php echo esc_textarea( $format_meta['quote'] ); ?></textarea>
    411 </div>
    412 
    413 <div class="field wp-format-quote">
    414         <label for="_wp_format_quote_source" class="screen-reader-text"><?php _e( 'Quote source' ); ?>:</label>
    415         <input type="text" name="_wp_format_quote_source" value="<?php echo esc_attr( $format_meta['quote_source'] ); ?>" placeholder="<?php esc_attr_e( 'Quote source' ); ?>" class="widefat" />
    416 </div>
    417 
    418 <div class="field wp-format-link wp-format-quote">
    419         <label for="_wp_format_url" class="screen-reader-text"><?php _e( 'Link URL' ); ?>:</label>
    420         <input type="text" name="_wp_format_url" value="<?php echo esc_url( $format_meta['url'] ); ?>" placeholder="<?php esc_attr_e( 'Link URL' ); ?>" class="widefat" />
    421 </div>
    422 
    423 <div class="field wp-format-audio wp-format-video">
    424         <label for="_wp_format_media" class="screen-reader-text"><?php _e( 'Embed code or URL' ); ?>:</label>
    425         <textarea name="_wp_format_media" placeholder="<?php esc_attr_e( 'Embed code or URL' ); ?>" class="widefat"><?php echo esc_textarea( $format_meta['media'] ); ?></textarea>
    426 </div>
    427 
    428 </div>
    429 <?php
    430 }
    431 
    432445if ( post_type_supports($post_type, 'editor') ) {
    433446?>
    434447<div id="postdivrich" class="postarea edit-form-section">
  • wp-admin/css/wp-admin-rtl.css

     
    2323        11.1 - Custom Fields
    2424        11.2 - Post Revisions
    2525        11.3 - Featured Images
     26        11.4 - Post Format Selection
    262712.0 - Categories
    272813.0 - Tags
    282914.0 - Media Screen
     
    967968}
    968969
    969970/*------------------------------------------------------------------------------
     971  11.4 - Post format selection
     972------------------------------------------------------------------------------*/
     973
     974.post-format-options a {
     975        border-left: 1px solid #ebebeb;
     976        border-right: none;
     977}
     978
     979.post-format-options a:first-child {
     980        -webkit-border-bottom-left-radius: 0;
     981        -webkit-border-top-left-radius: 0;
     982        border-bottom-left-radius: 0;
     983        border-top-left-radius: 0;
     984}
     985
     986.post-format-options a:last-child {
     987        -webkit-border-bottom-right-radius: 3px;
     988        -webkit-border-top-right-radius: 3px;
     989        border-bottom-right-radius: 3px;
     990        border-top-right-radius: 3px;
     991}
     992
     993.post-format-tip {
     994        float: left;
     995}
     996
     997/*------------------------------------------------------------------------------
    970998  12.0 - Categories
    971999------------------------------------------------------------------------------*/
    9721000
  • wp-admin/css/wp-admin.css

     
    2424        11.1 - Custom Fields
    2525        11.2 - Post Revisions
    2626        11.3 - Featured Images
     27        11.4 - Post Format Selection
    272812.0 - Categories
    282913.0 - Tags
    293014.0 - Media Screen
     
    31503151        display: none;
    31513152}
    31523153
     3154.wp-format-gallery .post-formats-fields,
     3155.wp-format-image .post-formats-fields,
    31533156.wp-format-link .post-formats-fields,
    31543157.wp-format-quote .post-formats-fields,
    31553158.wp-format-video .post-formats-fields,
    31563159.wp-format-audio .post-formats-fields,
     3160.wp-format-gallery .field.wp-format-gallery,
     3161.wp-format-image .field.wp-format-image,
    31573162.wp-format-chat .field.wp-format-chat,
    31583163.wp-format-link .field.wp-format-link,
    31593164.wp-format-quote .field.wp-format-quote,
     
    31653170.post-formats-fields .field {
    31663171        display: none;
    31673172        margin-bottom: 10px;
     3173        overflow: hidden;
    31683174}
    31693175
    31703176.post-formats-fields input,
     
    31733179        font-size: 1.2em;
    31743180}
    31753181
     3182.wp-format-media-holder {
     3183        float: left;
     3184        overflow: hidden;
     3185        width: 40%;
     3186        height: 200px;
     3187        border: 1px dashed #dfdfdf;
     3188        background: #f5f5f5 url(../images/media-button-2x.png) no-repeat 50% 25%;
     3189}
     3190
     3191.wp-format-media-holder.empty {
     3192        height: auto;
     3193        padding: 55px 0 20px;
     3194}
     3195
     3196.wp-format-media-holder:hover {
     3197        background-color: #eee;
     3198}
     3199
     3200.has-media-preview .wp-format-media-holder,
     3201.has-media-preview audio,
     3202.has-media-preview video {
     3203        display: none;
     3204}
     3205
     3206.mejs-audio audio,
     3207.mejs-video video {
     3208        display: block;
     3209}
     3210
     3211.wp-format-media-select {
     3212        display: block;
     3213        height: 200px;
     3214        text-align: center;
     3215}
     3216
     3217.wp-format-media-select img {
     3218        max-width: 100%;
     3219        max-height: 100%;
     3220}
     3221
     3222.empty .wp-format-media-select {
     3223        height: 20px;
     3224}
     3225
     3226.empty .wp-format-media-metaedit {
     3227        height: 20px;
     3228        display: block;
     3229        text-align: center;
     3230}
     3231
     3232.edit-format-preview {
     3233        display: block;
     3234        margin: 5px 0;
     3235}
     3236
     3237#wp_format_audio, #wp_format_video {
     3238        float: left;
     3239        margin-right: 23px;
     3240        max-width: 50%;
     3241        min-height: 97px;
     3242}
     3243
    31763244/* Post Screen */
    31773245#post-body #normal-sortables {
    31783246        min-height: 50px;
     
    40664134}
    40674135
    40684136/*------------------------------------------------------------------------------
     4137  11.4 - Post format selection
     4138------------------------------------------------------------------------------*/
     4139
     4140#icon-edit.standard {
     4141        background: url(../images/post-formats32.png) no-repeat -3px -4px;
     4142}
     4143
     4144#icon-edit.image {
     4145        background: url(../images/post-formats32.png) no-repeat  -43px -4px;
     4146}
     4147
     4148#icon-edit.gallery {
     4149        background: url(../images/post-formats32.png) no-repeat -83px -4px;
     4150}
     4151
     4152#icon-edit.audio {
     4153        background: url(../images/post-formats32.png) no-repeat -123px -4px;
     4154}
     4155
     4156#icon-edit.video {
     4157        background: url(../images/post-formats32.png) no-repeat -163px -4px;
     4158}
     4159
     4160#icon-edit.chat {
     4161        background: url(../images/post-formats32.png) no-repeat -202px -4px;
     4162}
     4163
     4164#icon-edit.status {
     4165        background: url(../images/post-formats32.png) no-repeat -242px -4px;
     4166}
     4167
     4168#icon-edit.aside {
     4169        background: url(../images/post-formats32.png) no-repeat -282px -4px;
     4170}
     4171
     4172#icon-edit.quote {
     4173        background: url(../images/post-formats32.png) no-repeat -322px -4px;
     4174}
     4175
     4176#icon-edit.link {
     4177        background: url(../images/post-formats32.png) no-repeat -362px -4px;
     4178}
     4179
     4180.post-format-description {
     4181        color: #666;
     4182        display: none;
     4183        margin: 10px 0;
     4184}
     4185
     4186.post-format-options {
     4187        height: 29px;
     4188        background: #f9f9f9;
     4189        border: 1px solid #dfdfdf;
     4190        -webkit-border-radius: 3px;
     4191        border-radius: 3px;
     4192        margin: 0 0 9px 1px;
     4193        padding: 0;
     4194}
     4195
     4196.post-format-options a {
     4197        border-right: 1px solid #ebebeb;
     4198        display: inline-block;
     4199        height: 16px;
     4200        width: 16px;
     4201        padding: 6px;
     4202        position: relative;
     4203        text-decoration: none;
     4204}
     4205
     4206.post-format-options a:first-child {
     4207        -webkit-border-bottom-left-radius: 3px;
     4208        -webkit-border-top-left-radius: 3px;
     4209        border-bottom-left-radius: 3px;
     4210        border-top-left-radius: 3px;
     4211}
     4212
     4213.post-format-options a.active,
     4214.post-format-options a:focus,
     4215.post-format-options a:hover {
     4216        background: #fff;
     4217        outline: none;
     4218        opacity: 1;
     4219}
     4220
     4221.post-format-options a div {
     4222        height: 16px;
     4223        width: 16px;
     4224        opacity: 0.4;
     4225}
     4226
     4227.post-format-options a.active div,
     4228.post-format-options a:focus div,
     4229.post-format-options a:hover div {
     4230        opacity: 1;
     4231}
     4232
     4233.post-format-options .standard {
     4234        background: url(../images/post-formats.png) no-repeat -8px -8px;
     4235}
     4236
     4237.post-format-options .image {
     4238        background: url(../images/post-formats.png) no-repeat -40px -8px;
     4239}
     4240
     4241.post-format-options .gallery {
     4242        background: url(../images/post-formats.png) no-repeat -72px -8px;
     4243}
     4244
     4245.post-format-options .audio {
     4246        background: url(../images/post-formats.png) no-repeat -104px -8px;
     4247}
     4248
     4249.post-format-options .video {
     4250        background: url(../images/post-formats.png) no-repeat -136px -8px;
     4251}
     4252
     4253.post-format-options .chat {
     4254        background: url(../images/post-formats.png) no-repeat -168px -8px;
     4255}
     4256
     4257.post-format-options .status {
     4258        background: url(../images/post-formats.png) no-repeat -200px -8px;
     4259}
     4260
     4261.post-format-options .aside {
     4262        background: url(../images/post-formats.png) no-repeat -232px -8px;
     4263}
     4264
     4265.post-format-options .quote {
     4266        background: url(../images/post-formats.png) no-repeat -264px -8px;
     4267}
     4268
     4269.post-format-options .link {
     4270        background: url(../images/post-formats.png) no-repeat -296px -8px;
     4271}
     4272
     4273.post-format-tip {
     4274        color: #999;
     4275        font-size: 14px;
     4276        float: right;
     4277        padding: 6px 10px;
     4278        text-transform: capitalize;
     4279}
     4280
     4281/*------------------------------------------------------------------------------
    40694282  12.0 - Categories
    40704283------------------------------------------------------------------------------*/
    40714284