WordPress.org

Make WordPress Core

Ticket #13134: 13134.ui.1.patch

File 13134.ui.1.patch, 42.5 KB (added by koopersmith, 5 years ago)
  • wp-admin/includes/template.php

     
    32423242 */ 
    32433243function manage_columns_prefs($page) { 
    32443244        $columns = get_column_headers($page); 
    3245  
     3245         
    32463246        $hidden = get_hidden_columns($page); 
    32473247 
    32483248        foreach ( $columns as $column => $title ) { 
     
    35823582        if ( !isset($_wp_contextual_help) ) 
    35833583                $_wp_contextual_help = array(); 
    35843584 
    3585         $settings = ''; 
     3585        $settings = apply_filters('screen_settings', '', $screen); 
    35863586 
    35873587        switch ( $screen->id ) { 
    35883588                case 'widgets': 
    35893589                        $settings = '<p><a id="access-on" href="widgets.php?widgets-access=on">' . __('Enable accessibility mode') . '</a><a id="access-off" href="widgets.php?widgets-access=off">' . __('Disable accessibility mode') . "</a></p>\n"; 
    3590                         $show_screen = true; 
    35913590                        break; 
    35923591        } 
     3592        if( $settings ) 
     3593                $show_screen = true; 
    35933594?> 
    35943595<div id="screen-meta"> 
    35953596<?php 
    35963597        if ( $show_screen ) : 
     3598                $default_text = __('Show on screen'); 
    35973599?> 
    35983600<div id="screen-options-wrap" class="hidden"> 
    35993601        <form id="adv-settings" action="" method="post"> 
    3600         <h5><?php _e('Show on screen') ?></h5> 
    3601         <div class="metabox-prefs"> 
    3602 <?php 
    3603         if ( !meta_box_prefs($screen) && isset($column_screens) ) { 
    3604                 manage_columns_prefs($screen); 
    3605         } 
    3606 ?> 
    3607         <br class="clear" /> 
    3608         </div> 
     3602        <?php if ( isset($wp_meta_boxes[$screen->id]) ) : ?> 
     3603                <h5><?php echo apply_filters('meta_box_prefs_header', $default_text); ?></h5> 
     3604                <div class="metabox-prefs"> 
     3605                        <?php meta_box_prefs($screen); ?> 
     3606                        <br class="clear" /> 
     3607                </div> 
     3608        <?php endif; ?> 
     3609        <?php if ( isset($column_screens) ) : ?> 
     3610                <h5><?php echo apply_filters('columns_prefs_header', $default_text); ?></h5> 
     3611                <div class="metabox-prefs"> 
     3612                        <?php manage_columns_prefs($screen); ?> 
     3613                        <br class="clear" /> 
     3614                </div> 
     3615        <?php endif; ?> 
    36093616<?php echo screen_layout($screen); ?> 
    36103617<?php echo $screen_options; ?> 
    36113618<?php echo $settings; ?> 
  • wp-admin/includes/nav-menu.php

     
    3434                ); 
    3535                ?> 
    3636                <li id="menu-item-<?php echo $item_id; ?>"> 
    37                         <dl> 
     37                        <dl class="<?php  
     38                                if ( isset($_GET['edit-menu-item']) && $item_id == $_GET['edit-menu-item'] ) : 
     39                                        echo 'menu-item-edit-active'; 
     40                                else : 
     41                                        echo 'menu-item-edit-inactive'; 
     42                                endif; 
     43                        ?>"> 
    3844                                <dt> 
    3945                                        <span class="item-title"><?php echo esc_html( $item->title ); ?></span> 
    4046                                        <span class="item-controls"> 
     
    6571                                                                        'move-item' 
    6672                                                                );  
    6773                                                        ?>" class="item-move-down"><abbr title="<?php esc_attr_e('Move down'); ?>">&#8595;</abbr></a> 
    68                                                         | 
    6974                                                </span> 
    7075                                                <a class="item-edit" id="edit-<?php echo $item_id; ?>" title="<?php _e('Edit Menu Item'); ?>" href="<?php  
    7176                                                        echo add_query_arg('edit-menu-item', $item_id, remove_query_arg($removed_args, admin_url( 'nav-menus.php' ) ) );  
    72                                                 ?>#menu-item-settings-<?php echo $item_id; ?>"><?php _e('Edit'); ?></a> | 
    73                                                 <a class="item-delete submitdelete deletion" id="delete-<?php echo $item_id; ?>" href="<?php  
    74                                                 echo wp_nonce_url( 
    75                                                         add_query_arg( 
    76                                                                 array( 
    77                                                                         'action' => 'delete-menu-item', 
    78                                                                         'menu-item' => $item_id, 
    79                                                                 ), 
    80                                                                 remove_query_arg($removed_args, admin_url( 'nav-menus.php' ) )  
    81                                                         ), 
    82                                                         'delete-menu_item_' . $item_id 
    83                                                 ); ?>"><?php _e('Delete'); ?></a> 
     77                                                ?>#menu-item-settings-<?php echo $item_id; ?>">Edit Menu Item</a> 
    8478                                        </span> 
    8579                                </dt> 
    8680                        </dl> 
    8781 
    8882                        <div class="menu-item-settings <?php  
    8983                                if ( isset($_GET['edit-menu-item']) && $item_id == $_GET['edit-menu-item'] ) : 
    90                                         echo ' menu-item-edit-active'; 
     84                                        echo 'menu-item-edit-active'; 
    9185                                else : 
    92                                         echo ' menu-item-edit-inactive'; 
     86                                        echo 'menu-item-edit-inactive'; 
    9387                                endif; 
    94                         ?>" id="menu-item-settings-<?php echo $item_id; ?>"> 
    95                                 <p class="description"> 
    96                                         <label for="edit-menu-item-title-<?php echo $item_id; ?>"> 
    97                                                 <?php _e( 'Menu Title' ); ?><br /> 
    98                                                 <input type="text" id="edit-menu-item-title-<?php echo $item_id; ?>" class="widefat edit-menu-item-title" name="menu-item-title[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->title ); ?>" /> 
    99                                         </label> 
    100                                 </p> 
    101                                 <p class="description"> 
     88                        ?>" id="menu-item-settings-<?php echo $item_id; ?>">                                     
     89                                <p class="description description-wide"> 
    10290                                        <label for="edit-menu-item-url-<?php echo $item_id; ?>"> 
    10391                                                <?php _e( 'URL' ); ?><br /> 
    10492                                                <input type="text" id="edit-menu-item-url-<?php echo $item_id; ?>" class="widefat code edit-menu-item-url" name="menu-item-url[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->url ); ?>" /> 
    10593                                        </label> 
    10694                                </p> 
    107                                 <p class="description"> 
     95                                <p class="description description-thin"> 
     96                                        <label for="edit-menu-item-title-<?php echo $item_id; ?>"> 
     97                                                <?php _e( 'Navigation Label' ); ?><br /> 
     98                                                <input type="text" id="edit-menu-item-title-<?php echo $item_id; ?>" class="widefat edit-menu-item-title" name="menu-item-title[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->title ); ?>" /> 
     99                                        </label> 
     100                                </p> 
     101                                <p class="description description-thin"> 
    108102                                        <label for="edit-menu-item-attr-title-<?php echo $item_id; ?>"> 
    109103                                                <?php _e( 'Title Attribute' ); ?><br /> 
    110104                                                <input type="text" id="edit-menu-item-attr-title-<?php echo $item_id; ?>" class="widefat edit-menu-item-attr-title" name="menu-item-attr-title[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->post_excerpt ); ?>" /> 
    111105                                        </label> 
    112106                                </p> 
    113                                 <p class="description"> 
     107                                <p class="field-link-target description description-thin"> 
    114108                                        <label for="edit-menu-item-target-<?php echo $item_id; ?>"> 
    115109                                                <?php _e( 'Link Target' ); ?><br /> 
    116110                                                <select id="edit-menu-item-target-<?php echo $item_id; ?>" class="widefat edit-menu-item-target" name="menu-item-target[<?php echo $item_id; ?>]"> 
     
    119113                                                </select> 
    120114                                        </label> 
    121115                                </p> 
    122                                 <p class="description"> 
     116                                <p class="field-css-classes description description-thin"> 
    123117                                        <label for="edit-menu-item-classes-<?php echo $item_id; ?>"> 
    124118                                                <?php _e( 'CSS Classes (optional)' ); ?><br /> 
    125119                                                <input type="text" id="edit-menu-item-classes-<?php echo $item_id; ?>" class="widefat code edit-menu-item-classes" name="menu-item-classes[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->classes ); ?>" /> 
    126120                                        </label> 
    127121                                </p> 
    128                                 <p class="description"> 
     122                                <p class="field-xfn description description-thin"> 
    129123                                        <label for="edit-menu-item-xfn-<?php echo $item_id; ?>"> 
    130                                                 <?php _e( 'Link Relationship (XFN) (optional)' ); ?><br /> 
     124                                                <?php _e( 'Link Relationship (XFN)' ); ?><br /> 
    131125                                                <input type="text" id="edit-menu-item-xfn-<?php echo $item_id; ?>" class="widefat code edit-menu-item-xfn" name="menu-item-xfn[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->xfn ); ?>" /> 
    132126                                        </label> 
    133127                                </p> 
    134                                 <p class="description"> 
     128                                <p class="field-description description description-wide"> 
    135129                                        <label for="edit-menu-item-description-<?php echo $item_id; ?>"> 
    136                                                 <?php _e( 'Description (optional)' ); ?><br /> 
     130                                                <?php _e( 'Description' ); ?><br /> 
    137131                                                <textarea id="edit-menu-item-description-<?php echo $item_id; ?>" class="widefat edit-menu-item-description" rows="3" name="menu-item-description[<?php echo $item_id; ?>]"><?php echo esc_html( $item->description ); ?></textarea> 
    138132                                                <span class="description"><?php _e('The description will be displayed in the menu if the current theme supports it.'); ?></span> 
    139133                                        </label> 
    140134                                </p> 
    141135                                 
     136                                <span class="menu-item-actions description-wide submitbox"> 
     137                                        <a class="item-delete submitdelete deletion" id="delete-<?php echo $item_id; ?>" href="<?php  
     138                                        echo wp_nonce_url( 
     139                                                add_query_arg( 
     140                                                        array( 
     141                                                                'action' => 'delete-menu-item', 
     142                                                                'menu-item' => $item_id, 
     143                                                        ), 
     144                                                        remove_query_arg($removed_args, admin_url( 'nav-menus.php' ) )  
     145                                                ), 
     146                                                'delete-menu_item_' . $item_id 
     147                                        ); ?>"><?php _e('Remove'); ?></a> | <a class="item-close submitclose" id="close-<?php echo $item_id; ?>" href=""><?php _e('Close'); ?></a> 
     148                                        <input class="button-primary save-menu-item" name="save_menu_item" type="submit" value="<?php esc_attr_e('Save Menu Item'); ?>" /> 
     149                                </span> 
     150                                 
    142151                                <input type="hidden" name="menu-item-append[<?php echo $item_id; ?>]" value="<?php echo $item->append; ?>" /> 
    143152                                <input type="hidden" name="menu-item-db-id[<?php echo $item_id; ?>]" value="<?php echo $item_id; ?>" /> 
    144153                                <input type="hidden" name="menu-item-object-id[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->object_id ); ?>" /> 
     
    146155                                <input type="hidden" name="menu-item-parent-id[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->post_parent ); ?>" /> 
    147156                                <input type="hidden" class="menu-item-position" name="menu-item-position[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->menu_order ); ?>" /> 
    148157                                <input type="hidden" name="menu-item-type[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->type ); ?>" /> 
     158                                 
     159                                <div class="clear"></div> 
    149160                        </div><!-- .menu-item-settings--> 
    150161                <?php 
    151162                $output .= ob_get_clean(); 
     
    259270} 
    260271 
    261272/** 
    262  * Register nav menu metaboxes 
     273 * Register nav menu metaboxes and advanced menu items 
    263274 * 
    264275 * @since 3.0.0 
    265276 **/ 
    266 function wp_nav_menu_meta_boxes_setup() { 
     277function wp_nav_menu_setup() { 
     278        // Register meta boxes 
    267279        add_meta_box( 'add-custom-links', __('Custom Links'), 'wp_nav_menu_item_link_meta_box', 'nav-menus', 'side', 'default' ); 
    268280        wp_nav_menu_post_type_meta_boxes(); 
    269281        wp_nav_menu_taxonomy_meta_boxes(); 
     282         
     283         
     284        // Register advanced menu items (columns) 
     285        add_filter( 'manage_nav-menus_columns', 'wp_nav_menu_manage_columns'); 
     286         
     287        add_filter( 'columns_prefs_header', create_function( '', "return __('Show advanced menu properties');" )); 
     288        // If first time editing, disable advanced items by default. 
     289        if( false === get_user_option( 'managenav-menuscolumnshidden' ) ) 
     290                update_user_option($user->ID, "managenav-menuscolumnshidden", array ( 0 => 'link-target', 1 => 'css-classes', 2 => 'xfn', 3 => 'description', ), true); 
    270291} 
    271292 
    272293/** 
     
    373394        ?> 
    374395        <div class="customlinkdiv"> 
    375396                <ul id="customlink-tabs" class="customlink-tabs add-menu-item-tabs"> 
    376                         <li <?php echo ( 'create' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="menu-tab-link" href="<?php echo add_query_arg('customlink-tab', 'create', remove_query_arg($removed_args)); ?>#tabs-panel-create-custom"><?php _e('Create New'); ?></a></li> 
     397                        <li <?php echo ( 'create' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php echo add_query_arg('customlink-tab', 'create', remove_query_arg($removed_args)); ?>#tabs-panel-create-custom"><?php _e('Create New'); ?></a></li> 
    377398                </ul> 
    378399 
    379400                <div class="tabs-panel <?php  
     
    390411                        <p id="menu-item-name-wrap"> 
    391412                                <label class="howto" for="custom-menu-item-name"> 
    392413                                        <span><?php _e('Text'); ?></span> 
    393                                         <input id="custom-menu-item-name" name="menu-item[<?php echo $_nav_menu_placeholder; ?>][menu-item-title]" type="text" class="regular-text menu-item-textbox" value="<?php echo esc_attr( __('Menu Item') ); ?>" /> 
     414                                        <input id="custom-menu-item-name" name="menu-item[<?php echo $_nav_menu_placeholder; ?>][menu-item-title]" type="text" class="regular-text menu-item-textbox label-with-default-title" value="<?php esc_attr_e('Menu Item'); ?>" /> 
    394415                                </label> 
    395416                        </p> 
    396417                </div><!-- /.tabs-panel --> 
     
    508529        ?> 
    509530        <div id="posttype-<?php echo $post_type_name; ?>" class="posttypediv"> 
    510531                <ul id="posttype-<?php echo $post_type_name; ?>-tabs" class="posttype-tabs add-menu-item-tabs"> 
    511                         <li <?php echo ( 'all' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="menu-tab-link" href="<?php echo add_query_arg($post_type_name . '-tab', 'all', remove_query_arg($removed_args)); ?>#<?php echo $post_type_name; ?>-all"><?php _e('View All'); ?></a></li> 
    512                         <li <?php echo ( 'search' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="menu-tab-link" href="<?php echo add_query_arg($post_type_name . '-tab', 'search', remove_query_arg($removed_args)); ?>#tabs-panel-posttype-<?php echo $post_type_name; ?>-search"><?php _e('Search'); ?></a></li> 
     532                        <li <?php echo ( 'all' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php echo add_query_arg($post_type_name . '-tab', 'all', remove_query_arg($removed_args)); ?>#<?php echo $post_type_name; ?>-all"><?php _e('View All'); ?></a></li> 
     533                        <li <?php echo ( 'search' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php echo add_query_arg($post_type_name . '-tab', 'search', remove_query_arg($removed_args)); ?>#tabs-panel-posttype-<?php echo $post_type_name; ?>-search"><?php _e('Search'); ?></a></li> 
    513534                </ul> 
    514535 
    515536                <div class="tabs-panel <?php  
     
    664685        ?> 
    665686        <div id="taxonomy-<?php echo $taxonomy_name; ?>" class="taxonomydiv"> 
    666687                <ul id="taxonomy-<?php echo $taxonomy_name; ?>-tabs" class="taxonomy-tabs add-menu-item-tabs"> 
    667                         <li <?php echo ( 'most-used' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="menu-tab-link" href="<?php echo add_query_arg($taxonomy_name . '-tab', 'most-used', remove_query_arg($removed_args)); ?>#tabs-panel-<?php echo $taxonomy_name; ?>-pop"><?php _e('Most Used'); ?></a></li> 
    668                         <li <?php echo ( 'search' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="menu-tab-link" href="<?php echo add_query_arg($taxonomy_name . '-tab', 'search', remove_query_arg($removed_args)); ?>#tabs-panel-search-taxonomy-<?php echo $taxonomy_name; ?>"><?php _e('Search'); ?></a></li> 
    669                         <li <?php echo ( 'all' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="menu-tab-link" href="<?php echo add_query_arg($taxonomy_name . '-tab', 'all', remove_query_arg($removed_args)); ?>#tabs-panel-<?php echo $taxonomy_name; ?>-all"><?php _e('View All'); ?></a></li> 
     688                        <li <?php echo ( 'most-used' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php echo add_query_arg($taxonomy_name . '-tab', 'most-used', remove_query_arg($removed_args)); ?>#tabs-panel-<?php echo $taxonomy_name; ?>-pop"><?php _e('Most Used'); ?></a></li> 
     689                        <li <?php echo ( 'search' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php echo add_query_arg($taxonomy_name . '-tab', 'search', remove_query_arg($removed_args)); ?>#tabs-panel-search-taxonomy-<?php echo $taxonomy_name; ?>"><?php _e('Search'); ?></a></li> 
     690                        <li <?php echo ( 'all' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php echo add_query_arg($taxonomy_name . '-tab', 'all', remove_query_arg($removed_args)); ?>#tabs-panel-<?php echo $taxonomy_name; ?>-all"><?php _e('View All'); ?></a></li> 
    670691                </ul> 
    671692 
    672693                <div id="tabs-panel-<?php echo $taxonomy_name; ?>-pop" class="tabs-panel <?php 
     
    885906 
    886907} 
    887908 
     909/** 
     910 * Returns the columns for the nav menus page. 
     911 * 
     912 * @since 3.0.0 
     913 * 
     914 * @param string $menu_item_id The ID of the menu item to format. 
     915 * @return string|WP_Error $output The menu formatted to edit or error object on failure. 
     916 */ 
     917function wp_nav_menu_manage_columns() { 
     918        return array( 
     919                'cb' => '<input type="checkbox" />', 
     920                'link-target' => __('Link Target'), 
     921                'css-classes' => __('CSS Classes'), 
     922                'xfn' => __('Link Relationship (XFN)'), 
     923                'description' => __('Description'), 
     924        ); 
     925} 
     926 
    888927?> 
  • wp-admin/js/common.dev.js

     
    123123// show/hide/save table columns 
    124124columns = { 
    125125        init : function() { 
     126                var that = this; 
    126127                $('.hide-column-tog', '#adv-settings').click( function() { 
    127                         var column = $(this).val(); 
    128                         if ( $(this).attr('checked') ) 
    129                                 $('.column-' + column).show(); 
     128                        var $t = $(this), column = $t.val(); 
     129                        if ( $t.attr('checked') ) 
     130                                that.checked(column); 
    130131                        else 
    131                                 $('.column-' + column).hide(); 
     132                                that.unchecked(column); 
    132133 
    133                         columns.save_manage_columns_state(); 
     134                        columns.saveManageColumnsState(); 
    134135                }); 
    135136        }, 
    136137 
    137         save_manage_columns_state : function() { 
    138                 var hidden = $('.manage-column').filter(':hidden').map(function() { return this.id; }).get().join(','); 
     138        saveManageColumnsState : function() { 
     139                var hidden = this.hidden(); 
    139140                $.post(ajaxurl, { 
    140141                        action: 'hidden-columns', 
    141142                        hidden: hidden, 
    142143                        screenoptionnonce: $('#screenoptionnonce').val(), 
    143144                        page: pagenow 
    144145                }); 
    145         } 
     146        }, 
     147         
     148        checked : function(column) { 
     149                $('.column-' + column).show(); 
     150        }, 
     151         
     152        unchecked : function(column) { 
     153                $('.column-' + column).hide(); 
     154        }, 
     155         
     156        hidden : function() { 
     157                return $('.manage-column').filter(':hidden').map(function() { return this.id; }).get().join(','); 
     158        }, 
     159         
     160        useCheckboxesForHidden : function() { 
     161                this.hidden = function(){ 
     162                        return $('.hide-column-tog').not(':checked').map(function() { 
     163                                var id = this.id; 
     164                                return id.substring( id, id.length - 5 ); 
     165                        }).get().join(','); 
     166                }; 
     167        }, 
    146168} 
    147169 
    148170$(document).ready(function(){columns.init();}); 
  • wp-admin/js/nav-menu.dev.js

     
    111111                } 
    112112        }, 
    113113 
    114         /** 
    115          * Get the parent element with the matching class, but go no higher than the form. 
    116          * 
    117          * @param DOM-element el The descendant element up from which we'll be searching 
    118          * @param string parentClass The class name of the desired parent element. 
    119          * @return DOM-element The parent element. 
    120          */ 
    121         getParentWrapper = function( el, parentClass ) { 
    122                 var form = document.getElementById('nav-menu-meta'), 
    123                 i; 
    124  
    125                 while (  
    126                         el.parentNode && 
    127                         ( ! el.className || -1 == el.className.indexOf(parentClass) ) && 
    128                         el.parentNode != form 
    129                 ) { 
    130                         el = el.parentNode; 
    131                 } 
    132  
    133                 return el; 
    134         }, 
    135  
    136114        makeDroppable = function(el) { 
    137115                var that = this; 
    138116 
     
    189167                        // init drag and drop 
    190168                        setupListItemsDragAndDrop.call(this, menuList);  
    191169 
     170                        this.initToggles(); 
     171                }, 
     172                 
     173                initToggles : function() { 
     174                        // init postboxes 
    192175                        postboxes.add_postbox_toggles('nav-menus'); 
     176                         
     177                        // adjust columns functions for menus UI 
     178                        columns.useCheckboxesForHidden(); 
     179                        columns.checked = function(field) { 
     180                                $('.field-' + field).removeClass('hidden-field'); 
     181                        } 
     182                        columns.unchecked = function(field) { 
     183                                $('.field-' + field).addClass('hidden-field'); 
     184                        } 
     185                        // hide fields 
     186                        $('.hide-column-tog').not(':checked').each(function(){ 
     187                                $('.field-' + $(this).val() ).addClass('hidden-field'); 
     188                        }); 
    193189                }, 
    194190                 
    195191                attachMenuEditListeners : function() { 
     
    202198                                                return that.eventOnClickMenuDelete(e.target); 
    203199                                        } else if ( -1 != e.target.className.indexOf('item-delete') ) { 
    204200                                                return that.eventOnClickMenuItemDelete(e.target); 
     201                                        } else if ( -1 != e.target.className.indexOf('item-close') ) { 
     202                                                return that.eventOnClickCloseLink(e.target); 
    205203                                        } 
    206204                                } 
    207205                        }); 
     
    211209                        if ( ! formEL ) 
    212210                                return; 
    213211 
    214                         var that = this; 
     212                        var that = this, lwd = 'label-with-default-title'; 
     213                         
     214                        $('.'+lwd).each(function(){ 
     215                                var $t = $(this), title = $t.attr('title'), val = $t.val(); 
     216                                $t.data(lwd, title); 
     217                                if( '' == val ) $t.val(title); 
     218                                else if ( title == val ) return; 
     219                                else $t.removeClass(lwd); 
     220                        }).focus(function(){ 
     221                                var $t = $(this); 
     222                                if( $t.val() == $t.data(lwd) ) 
     223                                        $t.val('').removeClass(lwd); 
     224                        }).blur(function(){ 
     225                                var $t = $(this); 
     226                                if( '' == $t.val() ) 
     227                                        $t.val( $t.data(lwd) ).addClass(lwd); 
     228                        }); 
    215229 
    216                         // set default value for custom link name 
    217                         customLinkNameInput = document.getElementById('custom-menu-item-name'); 
    218                         customLinkURLInput = document.getElementById('custom-menu-item-url'); 
    219  
    220                         if ( customLinkNameInput ) { 
    221                                 customLinkNameDefault = 'undefined' != typeof customLinkNameInput.defaultValue ? customLinkNameInput.defaultValue : customLinkNameInput.getAttribute('value'); 
    222                                 customLinkURLDefault = 'undefined' != typeof customLinkURLInput.defaultValue ? customLinkURLInput.defaultValue : customLinkURLInput.getAttribute('value'); 
    223                                 $(customLinkNameInput).bind('focus', function(e) { 
    224                                         this.value = customLinkNameDefault == this.value ? '' : this.value; 
    225                                 }); 
    226                                  
    227                                 $(customLinkNameInput).bind('blur', function(e) { 
    228                                         this.value = '' == this.value ? customLinkNameDefault : this.value; 
    229                                 }); 
    230                         } 
    231  
    232230                        // auto-suggest for the quick-search boxes 
    233231                        $('input.quick-search').each(function(i, el) { 
    234232                                that.setupQuickSearchEventListeners(el);  
     
    241239 
    242240                attachTabsPanelListeners : function() { 
    243241                        $('#menu-settings-column').bind('click', function(e) { 
    244                                 if ( e.target && e.target.className && -1 != e.target.className.indexOf('menu-tab-link') ) { 
     242                                if ( e.target && e.target.className && -1 != e.target.className.indexOf('nav-tab-link') ) { 
    245243                                        var activePanel, 
    246244                                        panelIdMatch = /#(.*)$/.exec(e.target.href), 
    247245                                        tabPanels, 
     
    327325                }, 
    328326 
    329327                eventOnClickEditLink : function(clickedEl) { 
    330                         var activeEdit, 
     328                        var activeEdit, parent, 
    331329                        matchedSection = /#(.*)$/.exec(clickedEl.href); 
    332330                        if ( matchedSection && matchedSection[1] ) { 
    333                                 activeEdit = document.getElementById(matchedSection[1]); 
    334                                 if ( activeEdit ) { 
    335                                         if ( -1 != activeEdit.className.indexOf('menu-item-edit-inactive') ) { 
    336                                                 activeEdit.className = activeEdit.className.replace('menu-item-edit-inactive', 'menu-item-edit-active'); 
    337                                         } else {  
    338                                                 activeEdit.className = activeEdit.className.replace('menu-item-edit-active', 'menu-item-edit-inactive'); 
     331                                activeEdit = $('#'+matchedSection[1]); 
     332                                if( 0 != activeEdit.length ) { 
     333                                        if( activeEdit.hasClass('menu-item-edit-inactive') ) { 
     334                                                activeEdit.slideDown('fast') 
     335                                                        .siblings('dl').andSelf() 
     336                                                        .removeClass('menu-item-edit-inactive') 
     337                                                        .addClass('menu-item-edit-active'); 
     338                                        } else { 
     339                                                activeEdit.slideUp('fast') 
     340                                                        .siblings('dl').andSelf() 
     341                                                        .removeClass('menu-item-edit-active') 
     342                                                        .addClass('menu-item-edit-inactive'); 
    339343                                        } 
    340344                                        return false; 
    341345                                } 
    342346                        } 
    343347                }, 
    344348                 
     349                eventOnClickCloseLink : function(clickedEl) { 
     350                        $(clickedEl).closest('.menu-item-settings').siblings('dl').find('.item-edit').click(); 
     351                        return false; 
     352                }, 
     353                 
    345354                eventOnClickMenuDelete : function(clickedEl) { 
    346355                        // Delete warning AYS 
    347356                        if ( confirm( navMenuL10n.warnDeleteMenu ) ) { 
     
    460469                 * @param object e The event object. 
    461470                 */ 
    462471                eventSubmitMetaForm : function(thisForm, e) { 
    463                         var ancestor, 
    464                         inputs = thisForm.getElementsByTagName('input'), 
     472                        var inputs = thisForm.getElementsByTagName('input'), 
    465473                        i = inputs.length, 
    466474                        j, 
    467475                        listItemData, 
     
    471479                        processMethod = function(){}, 
    472480                        re = new RegExp('menu-item\\[(\[^\\]\]*)'); 
    473481 
     482                        thisForm.className = thisForm.className + ' processing', 
    474483                        that = this; 
    475484 
    476485                        params['action'] = ''; 
     
    498507                                                params['menu-item[' + listItemDBID + '][' + j + ']'] = listItemData[j]; 
    499508                                        } 
    500509 
    501                                         ancestor = getParentWrapper(inputs[i], 'inside'); 
    502510                                        inputs[i].checked = false; 
    503511 
    504512                                // we're submitting a search term 
     
    508516                                        inputs[i].className && 
    509517                                        -1 != inputs[i].className.search(/quick-search\b[^-]/) 
    510518                                ) { 
    511                                         ancestor = getParentWrapper(inputs[i], 'inside'); 
    512519                                        params['action'] = 'menu-quick-search'; 
    513520                                        params['q'] = inputs[i].value; 
    514521                                        params['response-format'] = 'markup'; 
     
    516523                                        processMethod = that.processQuickSearchQueryResponse; 
    517524                                } 
    518525                        } 
    519  
    520                         if ( ancestor ) 
    521                                 ancestor.className = ancestor.className + ' processing', 
    522  
    523526                        params['menu'] = thisForm.elements['menu'].value; 
    524527                        params['menu-settings-column-nonce'] = thisForm.elements['menu-settings-column-nonce'].value; 
    525528 
    526529                        $.post( ajaxurl, params, function(menuMarkup) { 
    527530                                processMethod.call(that, menuMarkup, params);    
    528                                 ancestor.className = ancestor.className.replace(/processing/g, ''); 
     531                                thisForm.className = thisForm.className.replace(/processing/g, ''); 
    529532                        }); 
    530533 
    531534                        return false; 
     
    639642                        if ( items[0] && req.object_type ) { 
    640643                                resultList = document.getElementById(req.object_type + '-search-checklist'); 
    641644                                if ( resultList ) { 
    642                                         resultList.innerHTML = ''; 
    643645                                        resultList.appendChild(items[0]); 
    644646                                } 
    645647                        } else if ( req.type ) { 
     
    647649                                if ( matched && matched[2] ) { 
    648650                                        resultList = document.getElementById(matched[2] + '-search-checklist'); 
    649651                                        if ( resultList ) { 
    650                                                 resultList.innerHTML = ''; 
    651652                                                i = items.length; 
    652653                                                if ( ! i ) { 
    653654                                                        message = document.createElement('li'); 
  • wp-admin/nav-menus.php

     
    316316 
    317317// The theme supports menus 
    318318if ( current_theme_supports('nav-menus') ) { 
    319         // Register nav menu metaboxes 
    320         wp_nav_menu_meta_boxes_setup(); 
     319        // Set up nav menu 
     320        wp_nav_menu_setup(); 
    321321 
    322322// The theme does not support menus but supports widgets 
    323323} elseif ( current_theme_supports('widgets') ) { 
    324         // Register nav menu metaboxes 
    325         wp_nav_menu_meta_boxes_setup(); 
     324        // Set up nav menu 
     325        wp_nav_menu_setup(); 
    326326        $messages_div = '<div id="message" class="error"><p>' . __('The current theme does not natively support menus, but you can use the &#8220;Navigation Menu&#8221; widget to add any menus you create here to the theme&#8217;s sidebar.') . '</p></div>'; 
    327327 
    328328// The theme supports neither menus nor widgets. 
     
    340340        <?php echo $messages_div; ?> 
    341341         
    342342        <?php if ( current_theme_supports('nav-menus') || current_theme_supports('widgets') ) : ?> 
     343        <div id="nav-menus-frame"> 
    343344        <div id="menu-settings-column" class="metabox-holder"> 
    344345 
    345346                <form id="nav-menu-meta" action="<?php echo admin_url( 'nav-menus.php' ); ?>" class="nav-menu-meta" method="post" enctype="multipart/form-data"> 
     
    350351                </form> 
    351352 
    352353        </div><!-- /#menu-settings-column --> 
    353          
    354354        <div id="menu-management-liquid"> 
    355                 <div id="menu-management" class=""> 
    356                         <h2> 
     355                <div id="menu-management"> 
     356                        <div class="nav-tabs"> 
    357357                                <?php  
    358358                                foreach( (array) $nav_menus as $_nav_menu ) : 
    359                                  
    360                                         ?> 
    361                                         <a href="<?php  
     359                         
     360                                        ?><a href="<?php  
    362361                                                echo add_query_arg( 
    363362                                                        array( 
    364363                                                                'action' => 'edit', 
     
    366365                                                        ), 
    367366                                                        admin_url( 'nav-menus.php' ) 
    368367                                                ); 
    369                                         ?>" class="menu-tabs<?php  
    370                                                 if ( $nav_menu_selected_id != $_nav_menu->term_id )  
    371                                                         echo ' menu-tab-inactive'; 
    372                                         ?>"><?php echo esc_html( $_nav_menu->name ); ?></a> 
    373  
    374                                         <?php 
     368                                        ?>" class="nav-tab<?php  
     369                                                if ( $nav_menu_selected_id == $_nav_menu->term_id )  
     370                                                        echo ' nav-tab-active'; 
     371                                        ?>"><?php echo esc_html( $_nav_menu->name ); ?></a><?php 
    375372                                endforeach; 
    376                                 ?> 
    377                                 <a href="<?php  
     373                                ?><a href="<?php  
    378374                                        echo add_query_arg( 
    379375                                                array( 
    380376                                                        'action' => 'edit', 
     
    382378                                                ), 
    383379                                                admin_url( 'nav-menus.php' ) 
    384380                                        ); 
    385                                 ?>" class="menu-tabs menu-add-new<?php  
    386                                         if ( 0 != $nav_menu_selected_id )  
    387                                                 echo ' menu-tab-inactive'; 
     381                                ?>" class="nav-tab menu-add-new<?php  
     382                                        if ( 0 == $nav_menu_selected_id )  
     383                                                echo ' nav-tab-active'; 
    388384                                ?>"><?php printf( '<abbr title="%s">+</abbr>', esc_html__( 'Add menu' ) ); ?></a> 
    389                         </h2> 
     385                        </div> 
    390386                        <div class="menu-edit"> 
    391387                                <form id="update-nav-menu" action="<?php echo admin_url( 'nav-menus.php' ); ?>" method="post" enctype="multipart/form-data"> 
    392                                         <div id="submitpost" class="submitbox"> 
    393                                                 <div id="minor-publishing"> 
    394                                                         <div class="misc-pub-section misc-pub-section-last"> 
    395                                                                 <label class="howto" for="menu-name"> 
    396                                                                         <span><?php _e('Name'); ?></span> 
    397                                                                         <input id="menu-name" name="menu-name" type="text" class="regular-text menu-item-textbox" value="<?php echo esc_attr( $nav_menu_selected_title  ); ?>" /> 
     388                                        <div id="nav-menu-header"> 
     389                                                <div id="submitpost" class="submitbox"> 
     390                                                        <div class="major-publishing-actions"> 
     391                                                                <label class="menu-name-label howto open-label" for="menu-name"> 
     392                                                                        <span><?php _e('Menu Name'); ?></span> 
     393                                                                        <input name="menu-name" type="text" class="menu-name regular-text menu-item-textbox label-with-default-title" title="Enter menu name here." value="<?php echo esc_attr( $nav_menu_selected_title  ); ?>" /> 
    398394                                                                        <br class="clear" /> 
    399395                                                                </label> 
    400                                                         </div><!--END .misc-pub-section misc-pub-section-last--> 
    401                                                         <br class="clear" /> 
    402                                                 </div><!--END #misc-publishing-actions--> 
    403                                                 <div id="major-publishing-actions"> 
    404  
    405                                                         <?php if ( ! empty( $nav_menu_selected_id ) ) : ?> 
    406                                                         <div id="delete-action"> 
    407                                                                 <a class="submitdelete deletion menu-delete" href="<?php echo wp_nonce_url( admin_url('nav-menus.php?action=delete&amp;menu=' . $nav_menu_selected_id), 'delete-nav_menu-' . $nav_menu_selected_id ); ?>"><?php _e('Delete Menu'); ?></a> 
    408                                                         </div><!--END #delete-action--> 
    409                                                         <?php endif; ?> 
    410  
    411                                                         <div id="publishing-action"> 
    412                                                                 <input class="button-primary" name="save_menu" type="submit" value="<?php esc_attr_e('Save Menu'); ?>" /> 
    413                                                         </div><!--END #publishing-action--> 
    414                                                         <br class="clear" /> 
    415                                                 </div><!--END #major-publishing-actions--> 
    416                                         </div><!--END #submitpost .submitbox--> 
    417                                         <?php wp_nonce_field( 'closedpostboxes', 'closedpostboxesnonce', false ); ?> 
    418                                         <?php wp_nonce_field( 'meta-box-order', 'meta-box-order-nonce', false ); ?> 
    419                                         <?php wp_nonce_field( 'update-nav_menu', 'update-nav-menu-nonce' ); ?> 
    420                                         <input type="hidden" name="action" value="update" /> 
    421                                         <input type="hidden" name="menu" id="menu" value="<?php echo esc_attr( $nav_menu_selected_id ); ?>" /> 
    422                                         <input type="hidden" id="hidden-metaboxes" value="<?php echo wp_initial_nav_menu_meta_boxes(); ?>" /> 
     396                                                         
     397                                                                <div class="publishing-action"> 
     398                                                                        <input class="button-primary" name="save_menu" type="submit" value="<?php esc_attr_e('Save Menu'); ?>" /> 
     399                                                                </div><!--END .publishing-action--> 
     400                                                         
     401                                                                <?php if ( ! empty( $nav_menu_selected_id ) ) : ?> 
     402                                                                <div class="delete-action"> 
     403                                                                        <a class="submitdelete deletion menu-delete" href="<?php echo wp_nonce_url( admin_url('nav-menus.php?action=delete&amp;menu=' . $nav_menu_selected_id), 'delete-nav_menu-' . $nav_menu_selected_id ); ?>"><?php _e('Delete Menu'); ?></a> 
     404                                                                </div><!--END .delete-action--> 
     405                                                                <?php endif; ?> 
     406                                                                <br class="clear" /> 
     407                                                        </div><!--END .major-publishing-actions--> 
     408                                                </div><!--END #submitpost .submitbox--> 
     409                                                <?php wp_nonce_field( 'closedpostboxes', 'closedpostboxesnonce', false ); ?> 
     410                                                <?php wp_nonce_field( 'meta-box-order', 'meta-box-order-nonce', false ); ?> 
     411                                                <?php wp_nonce_field( 'update-nav_menu', 'update-nav-menu-nonce' ); ?> 
     412                                                <input type="hidden" name="action" value="update" /> 
     413                                                <input type="hidden" name="menu" id="menu" value="<?php echo esc_attr( $nav_menu_selected_id ); ?>" /> 
     414                                                <input type="hidden" id="hidden-metaboxes" value="<?php echo wp_initial_nav_menu_meta_boxes(); ?>" /> 
     415                                        </div><!--END #nav-menu-header--> 
    423416                                        <div id="post-body"> 
    424417                                                <div id="post-body-content"> 
    425418                                                        <?php if ( is_nav_menu( $nav_menu_selected_id ) && ( current_theme_supports('nav-menus') || current_theme_supports('widgets') ) ) : ?> 
     
    445438                        </div><!-- /.menu-edit --> 
    446439                </div><!-- /#menu-management --> 
    447440        </div><!-- /#menu-management-liquid --> 
     441        </div><!-- /#nav-menus-frame--> 
    448442        <?php endif; // if menus supported in current theme ?> 
    449443</div><!-- /.wrap--> 
    450444 
  • wp-admin/css/wp-admin.dev.css

     
    494494        padding-top: 10px; 
    495495} 
    496496 
     497.nav-menus-php #wpbody-content .metabox-holder { 
     498        padding-top: 24px; 
     499} 
     500 
    497501#content { 
    498502        margin: 0; 
    499503        width: 100%; 
     
    37203724 
    37213725/* Tab Interface */ 
    37223726 
    3723 .menu-tabs { 
    3724         border-width: 1px 1px 2px; 
     3727.nav-tab { 
    37253728        border-style: solid; 
    37263729        border-color: #ccc #ccc #f9f9f9; 
    3727         color: #464646; 
    3728         padding: 4px 20px 6px; 
     3730        border-width: 1px 1px 0; 
     3731        color: #c1c1c1; 
     3732        text-shadow: rgba(255,255,255,1) 0 1px 0; 
     3733        font-size: 12px; 
     3734        line-height: 16px; 
     3735        display: inline-block; 
     3736        padding: 4px 14px 6px; 
    37293737        text-decoration: none; 
    37303738        background-color: #fafafa; 
    3731         margin: 0 6px 0 0; 
     3739        margin: 0 6px -1px 0; 
    37323740        -moz-border-radius: 5px 5px 0 0; 
    37333741        -webkit-border-top-left-radius: 5px; 
    37343742        -webkit-border-top-right-radius: 5px; 
     
    37383746        border-top-right-radius: 5px; 
    37393747} 
    37403748 
     3749.nav-tab-active { 
     3750        border-width: 1px; 
     3751        color: #464646; 
     3752} 
     3753 
    37413754.themes-php .wrap h2, .theme-install-php .wrap h2 { 
    37423755        border-bottom: 1px solid #ccc; 
     3756        padding-bottom: 0; 
    37433757} 
    37443758 
    3745 .menu-tab-inactive { 
    3746         border-width: 1px 1px 0; 
    3747         background-color: #fafafa; 
    3748         color: #c1c1c1; 
     3759h2 .nav-tab, h2 .nav-tab { 
     3760        padding: 4px 20px 6px; 
     3761        font: italic normal normal 24px/35px Georgia, "Times New Roman", "Bitstream Charter", Times, serif; 
    37493762} 
  • wp-admin/css/nav-menu.dev.css

     
    22 * WordPress Administration Custom Navigation 
    33 * Interface CSS 
    44 * 
    5  * @version 2.0.0 
     5 * @version 3.0.0 
    66 * 
    77 * @package WordPress 
    88 * @subpackage Administration 
    99 */ 
    1010 
     11#nav-menus-frame { 
     12        margin-left: 300px; 
     13} 
     14 
    1115#menu-settings-column { 
    1216        display:block; 
    13         float:left; 
    1417        width:281px; 
     18        margin-left: -300px; 
     19        clear: both; 
     20        float: left; 
    1521} 
    1622 
    1723#menu-settings-column .inside { 
     
    2228        background: url("../images/menu-bits.gif") no-repeat scroll 0 -110px; 
    2329} 
    2430 
     31#wpbody { 
     32        position: relative; 
     33} 
     34 
    2535/* Menu Container */ 
    26 #menu-management-liquid {  
    27         float:right; 
    28         margin-left:-300px; 
    29         width: 100%; 
     36#menu-management-liquid { 
     37        float: left; 
     38        min-width: 100%; 
    3039} 
    3140#menu-management { 
    32         margin-left:300px; 
    33         max-width: 600px; 
     41        position: relative; 
     42        margin-right: 20px; 
     43        margin-top: -3px; 
     44        width: 100%; 
    3445} 
    3546        #menu-management .menu-edit { 
    36                 background-color:#fff; 
    37                 border-color: #dfdfdf; 
    38                 border-width: 1px; 
     47                margin-bottom: 20px; 
     48        } 
     49         
     50        #nav-menu-header, #post-body { 
     51                border-color: #ccc; 
    3952                border-style: solid; 
    40                 margin-bottom: 20px; 
    41                 padding:0 10px 10px; 
     53        } 
     54         
     55        #nav-menu-header { 
     56                background: url("../images/gray-grad.png") repeat-x scroll left top #dfdfdf; 
     57                border-width: 1px 1px 0 1px; 
     58                -moz-border-radius-topleft: 6px; 
     59                -webkit-border-top-left-radius: 6px; 
     60                -khtml-border-top-left-radius: 6px; 
     61                border-top-left-radius: 6px; 
     62                -moz-border-radius-topright: 6px; 
     63                -webkit-border-top-right-radius: 6px; 
     64                -khtml-border-top-right-radius: 6px; 
     65                border-top-right-radius: 6px; 
     66        } 
     67         
     68        #post-body { 
     69                background: #fff; 
     70                padding:0 0 10px 10px; 
     71                border-width: 0 1px 1px 1px; 
    4272                -moz-border-radius-bottomleft: 6px; 
    4373                -webkit-border-bottom-left-radius: 6px; 
    4474                -khtml-border-bottom-left-radius: 6px; 
     
    4777                -webkit-border-bottom-right-radius: 6px; 
    4878                -khtml-border-bottom-right-radius: 6px; 
    4979                border-bottom-right-radius: 6px; 
    50                 -moz-border-radius-topright: 6px; 
    51                 -webkit-border-top-right-radius: 6px; 
    52                 -khtml-border-top-right-radius: 6px; 
    53                 border-top-right-radius: 6px; 
    5480        } 
    5581 
    5682        #menu-management .menu-add-new abbr { 
    5783                font-weight:bold; 
    5884        } 
     85         
     86        #menu-management .nav-tabs { 
     87                padding-left: 20px; 
     88        } 
    5989 
    60         #menu-management .menu-tabs { 
    61                 background-color:#fff; 
    62                 border-color:#dfdfdf; 
    63                 border-bottom-color:#fff; 
     90        #menu-management .nav-tab { 
     91                background: #f4f4f4; 
     92                font-weight: bold; 
     93                border-color: #dfdfdf; 
    6494        } 
    6595         
    66         #menu-management .menu-tab-inactive { 
    67                 background-color:#fafafa; 
    68                 border-bottom-color:#fafafa; 
     96        #menu-management .nav-tab-active { 
     97                background: #ececec; 
     98/*              background: url("../images/gray-grad.png") repeat-x scroll left top #DFDFDF;*/ 
     99                border-color:#ccc; 
     100                border-bottom-color: #ececec; 
    69101        } 
     102         
     103        #menu-management #major-publishing-actions #delete-action { 
     104                float: right; 
     105                margin-right: 10px; 
     106        } 
     107         
     108        #menu-name-label { 
     109                margin-top: -2px; 
     110        } 
     111         
     112        #wpbody .open-label { 
     113                display: inline-block; 
     114        } 
     115        #wpbody .open-label span { 
     116                padding-right: 10px; 
     117        } 
     118         
     119        .js .label-with-default-title { 
     120                color: #aaa; 
     121                font-style: italic; 
     122        } 
    70123 
    71124#menu-management .inside { padding: 0 10px; } 
    72125 
     126/* Add Menu Item Boxes */ 
     127.tabs-panel .howto input { 
     128        width: 180px; 
     129} 
     130 
    73131/* Button Primary Actions */ 
    74132#menu-container .submit { margin: 0px 0px 10px; padding: 0px; } 
    75133 
    76 .submitdelete { font-size: 11px; } 
     134.submitdelete, .submitclose { font-size: 11px; } 
    77135#cancel-save { color: #ff0000; text-decoration: underline; font-size: 11px; margin-left: 20px; margin-top: 5px; } 
    78136#cancel-save:hover { background-color: #FF0000; color: #fff; } 
    79137 
     
    83141        float: right; 
    84142} 
    85143 
    86 .processing .add-to-menu { 
     144form.processing .add-to-menu { 
    87145        background: url("../images/wpspin_light.gif") no-repeat top center; 
    88146        display:block; 
    89147        height:20px; 
     
    148206        position:relative; 
    149207} 
    150208.menu li dl dt { 
    151         -webkit-border-radius: 6px;  
    152         border-radius: 6px;  
    153         -moz-border-radius: 6px;  
     209        background: url("../images/gray-grad.png") repeat-x scroll left top #DFDFDF; 
    154210        border: 1px solid #E6E6E6;  
    155211        clear:both; 
    156212        position: relative;  
    157213        padding-left: 10px;  
    158         background-color: #f1f1f1;  
    159         height: 35px;  
     214/*      background-color: #f1f1f1; */ 
     215        height: 35px; 
     216        width: 400px;  
    160217        line-height: 35px; 
     218        text-shadow: 0 1px 0 #FFFFFF; 
     219        font-weight:bold; 
    161220} 
     221.menu li dl.menu-item-edit-inactive dt { 
     222        border-radius: 6px; 
     223        -webkit-border-radius: 6px;  
     224        -moz-border-radius: 6px; 
     225        -khtml-border-radius: 6px; 
     226} 
     227.menu li dl.menu-item-edit-active dt { 
     228        -moz-border-radius: 6px 6px 0 0; 
     229        -webkit-border-top-right-radius: 6px; 
     230        -webkit-border-top-left-radius: 6px; 
     231        -khtml-border-top-right-radius: 6px; 
     232        -khtml-border-top-left-radius: 6px; 
     233        border-top-right-radius: 6px; 
     234        border-top-left-radius: 6px; 
     235} 
    162236.js .menu li dl dt { 
    163237        cursor: move; 
    164238} 
     
    177251        margin-right:18em; 
    178252} 
    179253 
     254.menu li .sortable-placeholder { 
     255        width: 430px; 
     256} 
    180257.menu li div.sortable-placeholder { 
    181258        background: #f5f5f5; 
    182259        border: 1px dashed #bbb; 
    183         margin: 10px 0px; 
     260        margin: 10px 0; 
    184261        padding-top:40px; 
    185262} 
    186263 
     
    189266        padding-bottom:40px; 
    190267} 
    191268 
    192 .menu li ul li { margin-left: 20px; opacity: .7; } 
    193 .menu li ul li ul li { opacity: .9; } 
    194 .menu li ul li ul li ul li { opacity: .9; } 
    195 .menu li ul li ul li ul li ul li { opacity: .95; } 
     269.menu li ul li { margin-left: 20px; } 
    196270 
    197271/* Drag and Drop */ 
    198272.dropzone { height: 7px; margin: 3px 0 3px 0; } 
    199 .ui-draggable-dragging  { width: 600px; } 
    200273 
    201274/* Menu item controls */ 
    202275.item-type { text-transform: uppercase; font-size: 11px; color: #999999; padding-right: 10px; } 
    203 .item-controls { font-size: 11px; position: absolute; right: 15px; top: -1px; } 
     276.item-controls { font-size: 11px; position: absolute; right: 20px; top: -1px; } 
    204277.item-controls a { text-decoration: none; } 
    205278.item-controls a:hover { cursor: pointer; } 
     279.item-controls .item-order { padding-right: 10px;} 
    206280.item-controls .item-order a { 
    207281        font-weight:bold; 
    208282} 
     
    213287 
    214288.item-controls .menu-item-delete:hover { color: #ff0000; } 
    215289 
     290.item-edit { 
     291        background: url("../images/menu-bits.gif") no-repeat scroll 0 -105px; 
     292        position: absolute; 
     293        right: -20px; 
     294        top: 0; 
     295        display: block; 
     296        width: 23px; 
     297        height: 36px; 
     298        overflow: hidden; 
     299        text-indent:-999em; 
     300} 
     301 
    216302/* Menu editing */ 
    217 .menu-item-edit-active { 
     303.menu-item-settings { 
     304        background: #F9F9F9; 
     305        width: 400px; 
     306        padding: 10px 0 10px 10px; 
     307        border: solid #E6E6E6; 
     308        border-width: 0 1px 1px 1px; 
     309        -moz-border-radius: 0 0 6px 6px; 
     310        -webkit-border-bottom-right-radius: 6px; 
     311        -webkit-border-bottom-left-radius: 6px; 
     312        -khtml-border-bottom-right-radius: 6px; 
     313        -khtml-border-bottom-left-radius: 6px; 
     314} 
     315.menu-item-settings.menu-item-edit-active { 
    218316        display:block; 
    219317} 
    220318 
    221 .menu-item-edit-inactive { 
     319.menu-item-settings.menu-item-edit-inactive { 
    222320        display:none; 
    223321} 
    224322 
     
    227325        text-align:center; 
    228326} 
    229327 
     328.hidden-field { 
     329        display: none; 
     330} 
     331 
     332.description-thin, .description-wide { 
     333        padding-right: 10px; 
     334        float: left; 
     335} 
     336.description-thin { 
     337        width: 190px; 
     338        height: 40px; 
     339} 
     340.description-wide { 
     341        width: 390px; 
     342} 
     343 
     344.menu-item-actions { 
     345        padding-top: 15px; 
     346        line-height: 25px; 
     347} 
     348.save-menu-item { 
     349        padding-left: 10px; 
     350        float: right; 
     351} 
     352 
    230353#cancel-save { cursor: pointer; } 
    231354#cancel-save:hover { color: #fff !important; } 
    232355#update-menu-item { color: #fff !important; } 
     
    234357#update-menu-item:active, 
    235358#update-menu-item:focus { color: #eaf2fa !important; border-color: #13455b !important; } 
    236359 
     360/* Major/minor publishing actions (classes) */ 
     361.major-publishing-actions { 
     362        padding: 5px 10px; 
     363        border-bottom: 1px solid #eee; 
     364} 
     365.major-publishing-actions .publishing-action { 
     366        text-align: right; 
     367        float: right; 
     368        line-height: 23px; 
     369} 
     370.major-publishing-actions .delete-action { 
     371        line-height: 25px; 
     372        vertical-align: middle; 
     373        text-align: left; 
     374        float: right; 
     375        padding-right: 15px; 
     376} 
     377.menu-name-label span { 
     378        font-size: 11px; 
     379        font-style: normal; 
     380} 
     381.submitbox .submitclose { 
     382        color: #21759B; 
     383        border-bottom: 1px solid #21759B; 
     384        padding: 1px 2px; 
     385        text-decoration: none; 
     386} 
     387.submitbox .submitclose:hover { 
     388        background: #21759B; 
     389        color: #fff; 
     390} 
     391 
     392 
    237393/* Clearfix */ 
    238394.button-controls:after, #menu-item-url-wrap:after, #menu-item-name-wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
    239395.button-controls, #menu-item-url-wrap, #menu-item-name-wrap { display: block; } 
  • wp-admin/theme-install.php

     
    5959?> 
    6060<div class="wrap"> 
    6161<?php screen_icon(); ?> 
    62 <h2><a href="themes.php" class="menu-tabs menu-tab-inactive"><?php echo esc_html_x('Manage Themes', 'theme'); ?></a><a href="theme-install.php" class="menu-tabs"><?php echo esc_html( $title ); ?></a></h2> 
     62<h2><a href="themes.php" class="nav-tab"><?php echo esc_html_x('Manage Themes', 'theme'); ?></a><a href="theme-install.php" class="nav-tab nav-tab-active"><?php echo esc_html( $title ); ?></a></h2> 
    6363 
    6464        <ul class="subsubsub"> 
    6565<?php 
  • wp-admin/themes.php

     
    134134 
    135135<div class="wrap"> 
    136136<?php screen_icon(); ?> 
    137 <h2><a href="themes.php" class="menu-tabs"><?php echo esc_html( $title ); ?></a><?php if ( current_user_can('install_themes') ) { ?><a href="theme-install.php" class="menu-tabs menu-tab-inactive"><?php echo esc_html_x('Install Themes', 'theme'); ?></a><?php } ?></h2> 
     137<h2><a href="themes.php" class="nav-tab nav-tab-active"><?php echo esc_html( $title ); ?></a><?php if ( current_user_can('install_themes') ) { ?><a href="theme-install.php" class="nav-tab"><?php echo esc_html_x('Install Themes', 'theme'); ?></a><?php } ?></h2> 
    138138 
    139139<h3><?php _e('Current Theme'); ?></h3> 
    140140<div id="current-theme">