Ticket #19570: 19570.16.diff
| File 19570.16.diff, 24.4 KB (added by , 11 years ago) |
|---|
-
wp-includes/post-formats.php
84 84 'quote' => '', 85 85 'quote_source' => '', 86 86 'url' => '', 87 'media' => '', 87 'image' => '', 88 'gallery' => '', 89 'audio' => '', 90 'video' => '', 88 91 ); 89 92 90 93 foreach ( $values as $key => $value ) … … 355 358 case 'video': 356 359 case 'audio': 357 360 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 ); 358 365 // 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'] ) ) { 360 367 $format_output .= $meta['media']; 361 368 } elseif ( ! stristr( $content, $meta['media'] ) ) { 362 369 // attempt to embed the URL -
wp-admin/includes/post.php
200 200 update_post_meta( $post_ID, '_wp_format_url', wp_slash( esc_url_raw( wp_unslash( $post_data['_wp_format_url'] ) ) ) ); 201 201 } 202 202 203 $format_keys = array( 'quote', 'quote_source', 'image', 'gallery', ' media' );203 $format_keys = array( 'quote', 'quote_source', 'image', 'gallery', 'image', 'gallery', 'audio', 'video' ); 204 204 205 205 foreach ( $format_keys as $key ) { 206 206 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($){ 1 window.wp = window.wp || {}; 2 2 3 (function($) { 4 var mediaFrame, lastMimeType, lastMenu, mediaPreview; 5 3 6 // 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(), 8 10 format = $this.data('wp-format'), 9 container = $('#post-body-content'); 11 container = $('#post-body-content'), 12 description = $('.post-format-description'); 10 13 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); 13 17 $('#post_format').val(format); 14 18 15 19 container.get(0).className = container.get(0).className.replace( /\bwp-format-[^ ]+/, '' ); 16 20 container.addClass('wp-format-' + format); 21 $('#title').focus(); 17 22 23 // Update description line 24 description.html($this.data('description')); 25 26 if (description.not(':visible')) 27 description.slideDown('fast'); 28 18 29 if ( typeof tinymce != 'undefined' ) { 19 30 editor = tinymce.get('content'); 20 31 … … 25 36 } 26 37 } 27 38 39 postFormats.currentPostFormat = format; 40 28 41 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') ); 29 46 }); 30 47 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
130 130 $format_class = ''; 131 131 if ( post_type_supports( $post_type, 'post-formats' ) ) { 132 132 wp_enqueue_script( 'post-formats' ); 133 wp_enqueue_script( 'wp-mediaelement' ); 134 wp_enqueue_style( 'wp-mediaelement' ); 133 135 $post_format = get_post_format(); 134 136 135 137 if ( ! $post_format ) … … 138 140 $format_class = " class='wp-format-{$post_format}'"; 139 141 } 140 142 143 if ( 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 ) ); 192 wp_localize_script( 'post', 'postFormats', $current_post_format ); 193 141 194 if ( post_type_supports($post_type, 'page-attributes') ) 142 195 add_meta_box('pageparentdiv', 'page' == $post_type ? __('Page Attributes') : __('Attributes'), 'page_attributes_meta_box', null, 'side', 'core'); 143 196 … … 337 390 ?> 338 391 339 392 <div id="poststuff"> 340 341 <?php342 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 else351 $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 360 393 <div id="post-body" class="metabox-holder columns-<?php echo 1 == get_current_screen()->get_columns() ? '1' : '2'; ?>"> 361 394 <div id="post-body-content"<?php echo $format_class; ?>> 362 395 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 363 404 <?php if ( post_type_supports($post_type, 'title') ) { ?> 364 405 <div id="titlediv"> 365 406 <div id="titlewrap"> … … 398 439 } 399 440 400 441 // 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"> 442 if ( post_type_supports( $post_type, 'post-formats' ) ) 443 require_once( './includes/post-formats.php' ); 405 444 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 <?php430 }431 432 445 if ( post_type_supports($post_type, 'editor') ) { 433 446 ?> 434 447 <div id="postdivrich" class="postarea edit-form-section"> -
wp-admin/css/wp-admin-rtl.css
23 23 11.1 - Custom Fields 24 24 11.2 - Post Revisions 25 25 11.3 - Featured Images 26 11.4 - Post Format Selection 26 27 12.0 - Categories 27 28 13.0 - Tags 28 29 14.0 - Media Screen … … 967 968 } 968 969 969 970 /*------------------------------------------------------------------------------ 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 /*------------------------------------------------------------------------------ 970 998 12.0 - Categories 971 999 ------------------------------------------------------------------------------*/ 972 1000 -
wp-admin/css/wp-admin.css
24 24 11.1 - Custom Fields 25 25 11.2 - Post Revisions 26 26 11.3 - Featured Images 27 11.4 - Post Format Selection 27 28 12.0 - Categories 28 29 13.0 - Tags 29 30 14.0 - Media Screen … … 3150 3151 display: none; 3151 3152 } 3152 3153 3154 .wp-format-gallery .post-formats-fields, 3155 .wp-format-image .post-formats-fields, 3153 3156 .wp-format-link .post-formats-fields, 3154 3157 .wp-format-quote .post-formats-fields, 3155 3158 .wp-format-video .post-formats-fields, 3156 3159 .wp-format-audio .post-formats-fields, 3160 .wp-format-gallery .field.wp-format-gallery, 3161 .wp-format-image .field.wp-format-image, 3157 3162 .wp-format-chat .field.wp-format-chat, 3158 3163 .wp-format-link .field.wp-format-link, 3159 3164 .wp-format-quote .field.wp-format-quote, … … 3165 3170 .post-formats-fields .field { 3166 3171 display: none; 3167 3172 margin-bottom: 10px; 3173 overflow: hidden; 3168 3174 } 3169 3175 3170 3176 .post-formats-fields input, … … 3173 3179 font-size: 1.2em; 3174 3180 } 3175 3181 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 3176 3244 /* Post Screen */ 3177 3245 #post-body #normal-sortables { 3178 3246 min-height: 50px; … … 4066 4134 } 4067 4135 4068 4136 /*------------------------------------------------------------------------------ 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 /*------------------------------------------------------------------------------ 4069 4282 12.0 - Categories 4070 4283 ------------------------------------------------------------------------------*/ 4071 4284