WordPress.org

Make WordPress Core

Ticket #23450: 23450.1.diff

File 23450.1.diff, 48.7 KB (added by lessbloat, 14 months ago)
  • wp-includes/class-wp-customize-section.php

     
    7979         */ 
    8080        protected function render() { 
    8181                ?> 
    82                 <li id="customize-section-<?php echo esc_attr( $this->id ); ?>" class="control-section customize-section"> 
    83                         <h3 class="customize-section-title" tabindex="0" title="<?php echo esc_attr( $this->description ); ?>"><?php echo esc_html( $this->title ); ?></h3> 
    84                         <ul class="customize-section-content"> 
     82                <li id="accordion-section-<?php echo esc_attr( $this->id ); ?>" class="control-section accordion-section"> 
     83                        <h3 class="accordion-section-title" tabindex="0" title="<?php echo esc_attr( $this->description ); ?>"><?php echo esc_html( $this->title ); ?></h3> 
     84                        <ul class="accordion-section-content"> 
    8585                                <?php 
    8686                                foreach ( $this->controls as $control ) 
    8787                                        $control->maybe_render(); 
  • wp-includes/script-loader.php

     
    107107        ) ); 
    108108 
    109109        $scripts->add( 'autosave', "/wp-includes/js/autosave$suffix.js", array('schedule', 'wp-ajax-response'), false, 1 ); 
    110          
     110 
    111111        $scripts->add( 'heartbeat', "/wp-includes/js/heartbeat$suffix.js", array('jquery'), false, 1 ); 
    112112        did_action( 'init' ) && $scripts->localize( 'heartbeat', 'heartbeatSettings', 
    113113                apply_filters( 'heartbeat_settings', array() ) 
     
    331331                'allowedFiles' => __( 'Allowed Files' ), 
    332332        ) ); 
    333333 
     334        $scripts->add( 'accordion', "/wp-admin/js/accordion$suffix.js", array( 'jquery' ), false, 1 ); 
     335 
    334336        $scripts->add( 'shortcode', "/wp-includes/js/shortcode$suffix.js", array( 'underscore' ), false, 1 ); 
    335337        $scripts->add( 'media-models', "/wp-includes/js/media-models$suffix.js", array( 'backbone', 'jquery' ), false, 1 ); 
    336338        did_action( 'init' ) && $scripts->localize( 'media-models', '_wpMediaModelsL10n', array( 
  • wp-admin/includes/nav-menu.php

     
    381381 * @since 3.0.0 
    382382 **/ 
    383383function wp_nav_menu_setup() { 
    384         // Register meta boxes 
    385         if ( wp_get_nav_menus() ) 
    386                 add_meta_box( 'nav-menu-theme-locations', __( 'Theme Locations' ), 'wp_nav_menu_locations_meta_box' , 'nav-menus', 'side', 'default' ); 
    387         add_meta_box( 'add-custom-links', __('Custom Links'), 'wp_nav_menu_item_link_meta_box', 'nav-menus', 'side', 'default' ); 
    388384        wp_nav_menu_post_type_meta_boxes(); 
     385        wp_nav_menu_item_link_meta_box(); 
    389386        wp_nav_menu_taxonomy_meta_boxes(); 
    390387 
    391388        // Register advanced menu items (columns) 
     
    445442                $post_type = apply_filters( 'nav_menu_meta_box_object', $post_type ); 
    446443                if ( $post_type ) { 
    447444                        $id = $post_type->name; 
    448                         add_meta_box( "add-{$id}", $post_type->labels->name, 'wp_nav_menu_item_post_type_meta_box', 'nav-menus', 'side', 'default', $post_type ); 
     445                        wp_nav_menu_item_post_type_meta_box( $post_type ); 
    449446                } 
    450447        } 
    451448} 
     
    465462                $tax = apply_filters( 'nav_menu_meta_box_object', $tax ); 
    466463                if ( $tax ) { 
    467464                        $id = $tax->name; 
    468                         add_meta_box( "add-{$id}", $tax->labels->name, 'wp_nav_menu_item_taxonomy_meta_box', 'nav-menus', 'side', 'default', $tax ); 
     465                        wp_nav_menu_item_taxonomy_meta_box( $tax ); 
    469466                } 
    470467        } 
    471468} 
     
    542539        ); 
    543540 
    544541        ?> 
    545         <div class="customlinkdiv" id="customlinkdiv"> 
     542        <li class="control-section accordion-section" id="accordion-section-title_tagline"> 
     543                <h3 title="" tabindex="0" class="accordion-section-title"><?php _e('Links'); ?></h3> 
     544                <div class="customlinkdiv accordion-section-content" id="customlinkdiv"> 
    546545 
    547546                        <input type="hidden" value="custom" name="menu-item[<?php echo $_nav_menu_placeholder; ?>][menu-item-type]" /> 
    548547                        <p id="menu-item-url-wrap"> 
     
    559558                                </label> 
    560559                        </p> 
    561560 
    562                 <p class="button-controls"> 
    563                         <span class="add-to-menu"> 
    564                                 <input type="submit"<?php disabled( $nav_menu_selected_id, 0 ); ?> class="button-secondary submit-add-to-menu right" value="<?php esc_attr_e('Add to Menu'); ?>" name="add-custom-menu-item" id="submit-customlinkdiv" /> 
    565                                 <span class="spinner"></span> 
    566                         </span> 
    567                 </p> 
     561                        <p class="button-controls"> 
     562                                <span class="add-to-menu"> 
     563                                        <input type="submit"<?php disabled( $nav_menu_selected_id, 0 ); ?> class="button-secondary submit-add-to-menu right" value="<?php esc_attr_e('Add to Menu'); ?>" name="add-custom-menu-item" id="submit-customlinkdiv" /> 
     564                                        <span class="spinner"></span> 
     565                                </span> 
     566                        </p> 
    568567 
    569         </div><!-- /.customlinkdiv --> 
     568                </div><!-- /.customlinkdiv --> 
     569        </li> 
    570570        <?php 
    571571} 
    572572 
     
    578578 * @param string $object Not used. 
    579579 * @param string $post_type The post type object. 
    580580 */ 
    581 function wp_nav_menu_item_post_type_meta_box( $object, $post_type ) { 
     581function wp_nav_menu_item_post_type_meta_box( $post_type ) { 
    582582        global $_nav_menu_placeholder, $nav_menu_selected_id; 
    583583 
    584         $post_type_name = $post_type['args']->name; 
     584        $post_type_name = $post_type->name; 
    585585 
    586586        // paginate browsing for large numbers of post objects 
    587587        $per_page = 50; 
     
    599599                'update_post_meta_cache' => false 
    600600        ); 
    601601 
    602         if ( isset( $post_type['args']->_default_query ) ) 
    603                 $args = array_merge($args, (array) $post_type['args']->_default_query ); 
     602        if ( isset( $post_type->_default_query ) ) 
     603                $args = array_merge($args, (array) $post_type->_default_query ); 
    604604 
    605605        // @todo transient caching of these results with proper invalidation on updating of a post of this type 
    606606        $get_posts = new WP_Query; 
     
    659659        ); 
    660660 
    661661        ?> 
    662         <div id="posttype-<?php echo $post_type_name; ?>" class="posttypediv"> 
    663                 <ul id="posttype-<?php echo $post_type_name; ?>-tabs" class="posttype-tabs add-menu-item-tabs"> 
    664                         <li <?php echo ( 'most-recent' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php if ( $nav_menu_selected_id ) echo esc_url(add_query_arg($post_type_name . '-tab', 'most-recent', remove_query_arg($removed_args))); ?>#tabs-panel-posttype-<?php echo $post_type_name; ?>-most-recent"><?php _e('Most Recent'); ?></a></li> 
    665                         <li <?php echo ( 'all' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php if ( $nav_menu_selected_id ) echo esc_url(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> 
    666                         <li <?php echo ( 'search' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php if ( $nav_menu_selected_id ) echo esc_url(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> 
    667                 </ul> 
    668  
    669                 <div id="tabs-panel-posttype-<?php echo $post_type_name; ?>-most-recent" class="tabs-panel <?php 
    670                         echo ( 'most-recent' == $current_tab ? 'tabs-panel-active' : 'tabs-panel-inactive' ); 
    671                 ?>"> 
    672                         <ul id="<?php echo $post_type_name; ?>checklist-most-recent" class="categorychecklist form-no-clear"> 
    673                                 <?php 
    674                                 $recent_args = array_merge( $args, array( 'orderby' => 'post_date', 'order' => 'DESC', 'posts_per_page' => 15 ) ); 
    675                                 $most_recent = $get_posts->query( $recent_args ); 
    676                                 $args['walker'] = $walker; 
    677                                 echo walk_nav_menu_tree( array_map('wp_setup_nav_menu_item', $most_recent), 0, (object) $args ); 
    678                                 ?> 
     662        <li class="control-section accordion-section" id="accordion-section-title_tagline"> 
     663                <h3 title="" tabindex="0" class="accordion-section-title"><?php echo $post_type->labels->name; ?></h3> 
     664                <div id="posttype-<?php echo $post_type_name; ?>" class="posttypediv accordion-section-content"> 
     665                        <ul id="posttype-<?php echo $post_type_name; ?>-tabs" class="posttype-tabs add-menu-item-tabs"> 
     666                                <li <?php echo ( 'most-recent' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php if ( $nav_menu_selected_id ) echo esc_url(add_query_arg($post_type_name . '-tab', 'most-recent', remove_query_arg($removed_args))); ?>#tabs-panel-posttype-<?php echo $post_type_name; ?>-most-recent"><?php _e('Most Recent'); ?></a></li> 
     667                                <li <?php echo ( 'all' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php if ( $nav_menu_selected_id ) echo esc_url(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> 
     668                                <li <?php echo ( 'search' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php if ( $nav_menu_selected_id ) echo esc_url(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> 
    679669                        </ul> 
    680                 </div><!-- /.tabs-panel --> 
    681670 
    682                 <div class="tabs-panel <?php 
    683                         echo ( 'search' == $current_tab ? 'tabs-panel-active' : 'tabs-panel-inactive' ); 
    684                 ?>" id="tabs-panel-posttype-<?php echo $post_type_name; ?>-search"> 
    685                         <?php 
    686                         if ( isset( $_REQUEST['quick-search-posttype-' . $post_type_name] ) ) { 
    687                                 $searched = esc_attr( $_REQUEST['quick-search-posttype-' . $post_type_name] ); 
    688                                 $search_results = get_posts( array( 's' => $searched, 'post_type' => $post_type_name, 'fields' => 'all', 'order' => 'DESC', ) ); 
    689                         } else { 
    690                                 $searched = ''; 
    691                                 $search_results = array(); 
    692                         } 
    693                         ?> 
    694                         <p class="quick-search-wrap"> 
    695                                 <input type="search" class="quick-search input-with-default-title" title="<?php esc_attr_e('Search'); ?>" value="<?php echo $searched; ?>" name="quick-search-posttype-<?php echo $post_type_name; ?>" /> 
    696                                 <span class="spinner"></span> 
    697                                 <?php submit_button( __( 'Search' ), 'button-small quick-search-submit button-secondary hide-if-js', 'submit', false, array( 'id' => 'submit-quick-search-posttype-' . $post_type_name ) ); ?> 
    698                         </p> 
     671                        <div id="tabs-panel-posttype-<?php echo $post_type_name; ?>-most-recent" class="tabs-panel <?php 
     672                                echo ( 'most-recent' == $current_tab ? 'tabs-panel-active' : 'tabs-panel-inactive' ); 
     673                        ?>"> 
     674                                <ul id="<?php echo $post_type_name; ?>checklist-most-recent" class="categorychecklist form-no-clear"> 
     675                                        <?php 
     676                                        $recent_args = array_merge( $args, array( 'orderby' => 'post_date', 'order' => 'DESC', 'posts_per_page' => 15 ) ); 
     677                                        $most_recent = $get_posts->query( $recent_args ); 
     678                                        $args['walker'] = $walker; 
     679                                        echo walk_nav_menu_tree( array_map('wp_setup_nav_menu_item', $most_recent), 0, (object) $args ); 
     680                                        ?> 
     681                                </ul> 
     682                        </div><!-- /.tabs-panel --> 
    699683 
    700                         <ul id="<?php echo $post_type_name; ?>-search-checklist" data-wp-lists="list:<?php echo $post_type_name?>" class="categorychecklist form-no-clear"> 
    701                         <?php if ( ! empty( $search_results ) && ! is_wp_error( $search_results ) ) : ?> 
     684                        <div class="tabs-panel <?php 
     685                                echo ( 'search' == $current_tab ? 'tabs-panel-active' : 'tabs-panel-inactive' ); 
     686                        ?>" id="tabs-panel-posttype-<?php echo $post_type_name; ?>-search"> 
    702687                                <?php 
    703                                 $args['walker'] = $walker; 
    704                                 echo walk_nav_menu_tree( array_map('wp_setup_nav_menu_item', $search_results), 0, (object) $args ); 
     688                                if ( isset( $_REQUEST['quick-search-posttype-' . $post_type_name] ) ) { 
     689                                        $searched = esc_attr( $_REQUEST['quick-search-posttype-' . $post_type_name] ); 
     690                                        $search_results = get_posts( array( 's' => $searched, 'post_type' => $post_type_name, 'fields' => 'all', 'order' => 'DESC', ) ); 
     691                                } else { 
     692                                        $searched = ''; 
     693                                        $search_results = array(); 
     694                                } 
    705695                                ?> 
    706                         <?php elseif ( is_wp_error( $search_results ) ) : ?> 
    707                                 <li><?php echo $search_results->get_error_message(); ?></li> 
    708                         <?php elseif ( ! empty( $searched ) ) : ?> 
    709                                 <li><?php _e('No results found.'); ?></li> 
    710                         <?php endif; ?> 
    711                         </ul> 
    712                 </div><!-- /.tabs-panel --> 
     696                                <p class="quick-search-wrap"> 
     697                                        <input type="search" class="quick-search input-with-default-title" title="<?php esc_attr_e('Search'); ?>" value="<?php echo $searched; ?>" name="quick-search-posttype-<?php echo $post_type_name; ?>" /> 
     698                                        <span class="spinner"></span> 
     699                                        <?php submit_button( __( 'Search' ), 'button-small quick-search-submit button-secondary hide-if-js', 'submit', false, array( 'id' => 'submit-quick-search-posttype-' . $post_type_name ) ); ?> 
     700                                </p> 
    713701 
    714                 <div id="<?php echo $post_type_name; ?>-all" class="tabs-panel tabs-panel-view-all <?php 
    715                         echo ( 'all' == $current_tab ? 'tabs-panel-active' : 'tabs-panel-inactive' ); 
    716                 ?>"> 
    717                         <?php if ( ! empty( $page_links ) ) : ?> 
    718                                 <div class="add-menu-item-pagelinks"> 
    719                                         <?php echo $page_links; ?> 
    720                                 </div> 
    721                         <?php endif; ?> 
    722                         <ul id="<?php echo $post_type_name; ?>checklist" data-wp-lists="list:<?php echo $post_type_name?>" class="categorychecklist form-no-clear"> 
    723                                 <?php 
    724                                 $args['walker'] = $walker; 
     702                                <ul id="<?php echo $post_type_name; ?>-search-checklist" data-wp-lists="list:<?php echo $post_type_name?>" class="categorychecklist form-no-clear"> 
     703                                <?php if ( ! empty( $search_results ) && ! is_wp_error( $search_results ) ) : ?> 
     704                                        <?php 
     705                                        $args['walker'] = $walker; 
     706                                        echo walk_nav_menu_tree( array_map('wp_setup_nav_menu_item', $search_results), 0, (object) $args ); 
     707                                        ?> 
     708                                <?php elseif ( is_wp_error( $search_results ) ) : ?> 
     709                                        <li><?php echo $search_results->get_error_message(); ?></li> 
     710                                <?php elseif ( ! empty( $searched ) ) : ?> 
     711                                        <li><?php _e('No results found.'); ?></li> 
     712                                <?php endif; ?> 
     713                                </ul> 
     714                        </div><!-- /.tabs-panel --> 
    725715 
    726                                 // if we're dealing with pages, let's put a checkbox for the front page at the top of the list 
    727                                 if ( 'page' == $post_type_name ) { 
    728                                         $front_page = 'page' == get_option('show_on_front') ? (int) get_option( 'page_on_front' ) : 0; 
    729                                         if ( ! empty( $front_page ) ) { 
    730                                                 $front_page_obj = get_post( $front_page ); 
    731                                                 $front_page_obj->front_or_home = true; 
    732                                                 array_unshift( $posts, $front_page_obj ); 
    733                                         } else { 
    734                                                 $_nav_menu_placeholder = ( 0 > $_nav_menu_placeholder ) ? intval($_nav_menu_placeholder) - 1 : -1; 
    735                                                 array_unshift( $posts, (object) array( 
    736                                                         'front_or_home' => true, 
    737                                                         'ID' => 0, 
    738                                                         'object_id' => $_nav_menu_placeholder, 
    739                                                         'post_content' => '', 
    740                                                         'post_excerpt' => '', 
    741                                                         'post_parent' => '', 
    742                                                         'post_title' => _x('Home', 'nav menu home label'), 
    743                                                         'post_type' => 'nav_menu_item', 
    744                                                         'type' => 'custom', 
    745                                                         'url' => home_url('/'), 
    746                                                 ) ); 
     716                        <div id="<?php echo $post_type_name; ?>-all" class="tabs-panel tabs-panel-view-all <?php 
     717                                echo ( 'all' == $current_tab ? 'tabs-panel-active' : 'tabs-panel-inactive' ); 
     718                        ?>"> 
     719                                <?php if ( ! empty( $page_links ) ) : ?> 
     720                                        <div class="add-menu-item-pagelinks"> 
     721                                                <?php echo $page_links; ?> 
     722                                        </div> 
     723                                <?php endif; ?> 
     724                                <ul id="<?php echo $post_type_name; ?>checklist" data-wp-lists="list:<?php echo $post_type_name?>" class="categorychecklist form-no-clear"> 
     725                                        <?php 
     726                                        $args['walker'] = $walker; 
     727 
     728                                        // if we're dealing with pages, let's put a checkbox for the front page at the top of the list 
     729                                        if ( 'page' == $post_type_name ) { 
     730                                                $front_page = 'page' == get_option('show_on_front') ? (int) get_option( 'page_on_front' ) : 0; 
     731                                                if ( ! empty( $front_page ) ) { 
     732                                                        $front_page_obj = get_post( $front_page ); 
     733                                                        $front_page_obj->front_or_home = true; 
     734                                                        array_unshift( $posts, $front_page_obj ); 
     735                                                } else { 
     736                                                        $_nav_menu_placeholder = ( 0 > $_nav_menu_placeholder ) ? intval($_nav_menu_placeholder) - 1 : -1; 
     737                                                        array_unshift( $posts, (object) array( 
     738                                                                'front_or_home' => true, 
     739                                                                'ID' => 0, 
     740                                                                'object_id' => $_nav_menu_placeholder, 
     741                                                                'post_content' => '', 
     742                                                                'post_excerpt' => '', 
     743                                                                'post_parent' => '', 
     744                                                                'post_title' => _x('Home', 'nav menu home label'), 
     745                                                                'post_type' => 'nav_menu_item', 
     746                                                                'type' => 'custom', 
     747                                                                'url' => home_url('/'), 
     748                                                        ) ); 
     749                                                } 
    747750                                        } 
    748                                 } 
    749751 
    750                                 $posts = apply_filters( 'nav_menu_items_'.$post_type_name, $posts, $args, $post_type ); 
    751                                 $checkbox_items = walk_nav_menu_tree( array_map('wp_setup_nav_menu_item', $posts), 0, (object) $args ); 
     752                                        $posts = apply_filters( 'nav_menu_items_'.$post_type_name, $posts, $args, $post_type ); 
     753                                        $checkbox_items = walk_nav_menu_tree( array_map('wp_setup_nav_menu_item', $posts), 0, (object) $args ); 
    752754 
    753                                 if ( 'all' == $current_tab && ! empty( $_REQUEST['selectall'] ) ) { 
    754                                         $checkbox_items = preg_replace('/(type=(.)checkbox(\2))/', '$1 checked=$2checked$2', $checkbox_items); 
     755                                        if ( 'all' == $current_tab && ! empty( $_REQUEST['selectall'] ) ) { 
     756                                                $checkbox_items = preg_replace('/(type=(.)checkbox(\2))/', '$1 checked=$2checked$2', $checkbox_items); 
    755757 
    756                                 } 
     758                                        } 
    757759 
    758                                 echo $checkbox_items; 
    759                                 ?> 
    760                         </ul> 
    761                         <?php if ( ! empty( $page_links ) ) : ?> 
    762                                 <div class="add-menu-item-pagelinks"> 
    763                                         <?php echo $page_links; ?> 
    764                                 </div> 
    765                         <?php endif; ?> 
    766                 </div><!-- /.tabs-panel --> 
     760                                        echo $checkbox_items; 
     761                                        ?> 
     762                                </ul> 
     763                                <?php if ( ! empty( $page_links ) ) : ?> 
     764                                        <div class="add-menu-item-pagelinks"> 
     765                                                <?php echo $page_links; ?> 
     766                                        </div> 
     767                                <?php endif; ?> 
     768                        </div><!-- /.tabs-panel --> 
    767769 
    768                 <p class="button-controls"> 
    769                         <span class="list-controls"> 
    770                                 <a href="<?php 
    771                                         echo esc_url(add_query_arg( 
    772                                                 array( 
    773                                                         $post_type_name . '-tab' => 'all', 
    774                                                         'selectall' => 1, 
    775                                                 ), 
    776                                                 remove_query_arg($removed_args) 
    777                                         )); 
    778                                 ?>#posttype-<?php echo $post_type_name; ?>" class="select-all"><?php _e('Select All'); ?></a> 
    779                         </span> 
     770                        <p class="button-controls"> 
     771                                <span class="list-controls"> 
     772                                        <a href="<?php 
     773                                                echo esc_url(add_query_arg( 
     774                                                        array( 
     775                                                                $post_type_name . '-tab' => 'all', 
     776                                                                'selectall' => 1, 
     777                                                        ), 
     778                                                        remove_query_arg($removed_args) 
     779                                                )); 
     780                                        ?>#posttype-<?php echo $post_type_name; ?>" class="select-all"><?php _e('Select All'); ?></a> 
     781                                </span> 
    780782 
    781                         <span class="add-to-menu"> 
    782                                 <input type="submit"<?php disabled( $nav_menu_selected_id, 0 ); ?> class="button-secondary submit-add-to-menu right" value="<?php esc_attr_e('Add to Menu'); ?>" name="add-post-type-menu-item" id="submit-posttype-<?php echo $post_type_name; ?>" /> 
    783                                 <span class="spinner"></span> 
    784                         </span> 
    785                 </p> 
     783                                <span class="add-to-menu"> 
     784                                        <input type="submit"<?php disabled( $nav_menu_selected_id, 0 ); ?> class="button-secondary submit-add-to-menu right" value="<?php esc_attr_e('Add to Menu'); ?>" name="add-post-type-menu-item" id="submit-posttype-<?php echo $post_type_name; ?>" /> 
     785                                        <span class="spinner"></span> 
     786                                </span> 
     787                        </p> 
    786788 
    787         </div><!-- /.posttypediv --> 
     789                </div><!-- /.posttypediv --> 
     790        </li> 
    788791        <?php 
    789792} 
    790793 
     
    796799 * @param string $object Not used. 
    797800 * @param string $taxonomy The taxonomy object. 
    798801 */ 
    799 function wp_nav_menu_item_taxonomy_meta_box( $object, $taxonomy ) { 
     802function wp_nav_menu_item_taxonomy_meta_box( $taxonomy ) { 
    800803        global $nav_menu_selected_id; 
    801         $taxonomy_name = $taxonomy['args']->name; 
     804        $taxonomy_name = $taxonomy->name; 
    802805 
    803806        // paginate browsing for large numbers of objects 
    804807        $per_page = 50; 
     
    820823 
    821824        $terms = get_terms( $taxonomy_name, $args ); 
    822825 
    823         if ( ! $terms || is_wp_error($terms) ) { 
     826        if ( is_wp_error($terms) ) { 
    824827                echo '<p>' . __( 'No items.' ) . '</p>'; 
    825828                return; 
    826829        } 
     
    869872        ); 
    870873 
    871874        ?> 
    872         <div id="taxonomy-<?php echo $taxonomy_name; ?>" class="taxonomydiv"> 
    873                 <ul id="taxonomy-<?php echo $taxonomy_name; ?>-tabs" class="taxonomy-tabs add-menu-item-tabs"> 
    874                         <li <?php echo ( 'most-used' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php if ( $nav_menu_selected_id ) echo esc_url(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> 
    875                         <li <?php echo ( 'all' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php if ( $nav_menu_selected_id ) echo esc_url(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> 
    876                         <li <?php echo ( 'search' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php if ( $nav_menu_selected_id ) echo esc_url(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> 
    877                 </ul> 
    878  
    879                 <div id="tabs-panel-<?php echo $taxonomy_name; ?>-pop" class="tabs-panel <?php 
    880                         echo ( 'most-used' == $current_tab ? 'tabs-panel-active' : 'tabs-panel-inactive' ); 
    881                 ?>"> 
    882                         <ul id="<?php echo $taxonomy_name; ?>checklist-pop" class="categorychecklist form-no-clear" > 
    883                                 <?php 
    884                                 $popular_terms = get_terms( $taxonomy_name, array( 'orderby' => 'count', 'order' => 'DESC', 'number' => 10, 'hierarchical' => false ) ); 
    885                                 $args['walker'] = $walker; 
    886                                 echo walk_nav_menu_tree( array_map('wp_setup_nav_menu_item', $popular_terms), 0, (object) $args ); 
    887                                 ?> 
     875        <li class="control-section accordion-section" id="accordion-section-title_tagline"> 
     876                <h3 title="" tabindex="0" class="accordion-section-title"><?php echo $taxonomy->labels->name; ?></h3> 
     877                <div id="taxonomy-<?php echo $taxonomy_name; ?>" class="taxonomydiv accordion-section-content"> 
     878                        <ul id="taxonomy-<?php echo $taxonomy_name; ?>-tabs" class="taxonomy-tabs add-menu-item-tabs"> 
     879                                <li <?php echo ( 'most-used' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php if ( $nav_menu_selected_id ) echo esc_url(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> 
     880                                <li <?php echo ( 'all' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php if ( $nav_menu_selected_id ) echo esc_url(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> 
     881                                <li <?php echo ( 'search' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php if ( $nav_menu_selected_id ) echo esc_url(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> 
    888882                        </ul> 
    889                 </div><!-- /.tabs-panel --> 
    890883 
    891                 <div id="tabs-panel-<?php echo $taxonomy_name; ?>-all" class="tabs-panel tabs-panel-view-all <?php 
    892                         echo ( 'all' == $current_tab ? 'tabs-panel-active' : 'tabs-panel-inactive' ); 
    893                 ?>"> 
    894                         <?php if ( ! empty( $page_links ) ) : ?> 
    895                                 <div class="add-menu-item-pagelinks"> 
    896                                         <?php echo $page_links; ?> 
    897                                 </div> 
    898                         <?php endif; ?> 
    899                         <ul id="<?php echo $taxonomy_name; ?>checklist" data-wp-lists="list:<?php echo $taxonomy_name?>" class="categorychecklist form-no-clear"> 
    900                                 <?php 
    901                                 $args['walker'] = $walker; 
    902                                 echo walk_nav_menu_tree( array_map('wp_setup_nav_menu_item', $terms), 0, (object) $args ); 
    903                                 ?> 
    904                         </ul> 
    905                         <?php if ( ! empty( $page_links ) ) : ?> 
    906                                 <div class="add-menu-item-pagelinks"> 
    907                                         <?php echo $page_links; ?> 
    908                                 </div> 
    909                         <?php endif; ?> 
    910                 </div><!-- /.tabs-panel --> 
     884                        <div id="tabs-panel-<?php echo $taxonomy_name; ?>-pop" class="tabs-panel <?php 
     885                                echo ( 'most-used' == $current_tab ? 'tabs-panel-active' : 'tabs-panel-inactive' ); 
     886                        ?>"> 
     887                                <ul id="<?php echo $taxonomy_name; ?>checklist-pop" class="categorychecklist form-no-clear" > 
     888                                        <?php 
     889                                        $popular_terms = get_terms( $taxonomy_name, array( 'orderby' => 'count', 'order' => 'DESC', 'number' => 10, 'hierarchical' => false ) ); 
     890                                        $args['walker'] = $walker; 
     891                                        echo walk_nav_menu_tree( array_map('wp_setup_nav_menu_item', $popular_terms), 0, (object) $args ); 
     892                                        ?> 
     893                                </ul> 
     894                        </div><!-- /.tabs-panel --> 
    911895 
    912                 <div class="tabs-panel <?php 
    913                         echo ( 'search' == $current_tab ? 'tabs-panel-active' : 'tabs-panel-inactive' ); 
    914                 ?>" id="tabs-panel-search-taxonomy-<?php echo $taxonomy_name; ?>"> 
    915                         <?php 
    916                         if ( isset( $_REQUEST['quick-search-taxonomy-' . $taxonomy_name] ) ) { 
    917                                 $searched = esc_attr( $_REQUEST['quick-search-taxonomy-' . $taxonomy_name] ); 
    918                                 $search_results = get_terms( $taxonomy_name, array( 'name__like' => $searched, 'fields' => 'all', 'orderby' => 'count', 'order' => 'DESC', 'hierarchical' => false ) ); 
    919                         } else { 
    920                                 $searched = ''; 
    921                                 $search_results = array(); 
    922                         } 
    923                         ?> 
    924                         <p class="quick-search-wrap"> 
    925                                 <input type="search" class="quick-search input-with-default-title" title="<?php esc_attr_e('Search'); ?>" value="<?php echo $searched; ?>" name="quick-search-taxonomy-<?php echo $taxonomy_name; ?>" /> 
    926                                 <span class="spinner"></span> 
    927                                 <?php submit_button( __( 'Search' ), 'button-small quick-search-submit button-secondary hide-if-js', 'submit', false, array( 'id' => 'submit-quick-search-taxonomy-' . $taxonomy_name ) ); ?> 
    928                         </p> 
     896                        <div id="tabs-panel-<?php echo $taxonomy_name; ?>-all" class="tabs-panel tabs-panel-view-all <?php 
     897                                echo ( 'all' == $current_tab ? 'tabs-panel-active' : 'tabs-panel-inactive' ); 
     898                        ?>"> 
     899                                <?php if ( ! empty( $page_links ) ) : ?> 
     900                                        <div class="add-menu-item-pagelinks"> 
     901                                                <?php echo $page_links; ?> 
     902                                        </div> 
     903                                <?php endif; ?> 
     904                                <ul id="<?php echo $taxonomy_name; ?>checklist" data-wp-lists="list:<?php echo $taxonomy_name?>" class="categorychecklist form-no-clear"> 
     905                                        <?php 
     906                                        $args['walker'] = $walker; 
     907                                        echo walk_nav_menu_tree( array_map('wp_setup_nav_menu_item', $terms), 0, (object) $args ); 
     908                                        ?> 
     909                                </ul> 
     910                                <?php if ( ! empty( $page_links ) ) : ?> 
     911                                        <div class="add-menu-item-pagelinks"> 
     912                                                <?php echo $page_links; ?> 
     913                                        </div> 
     914                                <?php endif; ?> 
     915                        </div><!-- /.tabs-panel --> 
    929916 
    930                         <ul id="<?php echo $taxonomy_name; ?>-search-checklist" data-wp-lists="list:<?php echo $taxonomy_name?>" class="categorychecklist form-no-clear"> 
    931                         <?php if ( ! empty( $search_results ) && ! is_wp_error( $search_results ) ) : ?> 
     917                        <div class="tabs-panel <?php 
     918                                echo ( 'search' == $current_tab ? 'tabs-panel-active' : 'tabs-panel-inactive' ); 
     919                        ?>" id="tabs-panel-search-taxonomy-<?php echo $taxonomy_name; ?>"> 
    932920                                <?php 
    933                                 $args['walker'] = $walker; 
    934                                 echo walk_nav_menu_tree( array_map('wp_setup_nav_menu_item', $search_results), 0, (object) $args ); 
     921                                if ( isset( $_REQUEST['quick-search-taxonomy-' . $taxonomy_name] ) ) { 
     922                                        $searched = esc_attr( $_REQUEST['quick-search-taxonomy-' . $taxonomy_name] ); 
     923                                        $search_results = get_terms( $taxonomy_name, array( 'name__like' => $searched, 'fields' => 'all', 'orderby' => 'count', 'order' => 'DESC', 'hierarchical' => false ) ); 
     924                                } else { 
     925                                        $searched = ''; 
     926                                        $search_results = array(); 
     927                                } 
    935928                                ?> 
    936                         <?php elseif ( is_wp_error( $search_results ) ) : ?> 
    937                                 <li><?php echo $search_results->get_error_message(); ?></li> 
    938                         <?php elseif ( ! empty( $searched ) ) : ?> 
    939                                 <li><?php _e('No results found.'); ?></li> 
    940                         <?php endif; ?> 
    941                         </ul> 
    942                 </div><!-- /.tabs-panel --> 
     929                                <p class="quick-search-wrap"> 
     930                                        <input type="search" class="quick-search input-with-default-title" title="<?php esc_attr_e('Search'); ?>" value="<?php echo $searched; ?>" name="quick-search-taxonomy-<?php echo $taxonomy_name; ?>" /> 
     931                                        <span class="spinner"></span> 
     932                                        <?php submit_button( __( 'Search' ), 'button-small quick-search-submit button-secondary hide-if-js', 'submit', false, array( 'id' => 'submit-quick-search-taxonomy-' . $taxonomy_name ) ); ?> 
     933                                </p> 
    943934 
    944                 <p class="button-controls"> 
    945                         <span class="list-controls"> 
    946                                 <a href="<?php 
    947                                         echo esc_url(add_query_arg( 
    948                                                 array( 
    949                                                         $taxonomy_name . '-tab' => 'all', 
    950                                                         'selectall' => 1, 
    951                                                 ), 
    952                                                 remove_query_arg($removed_args) 
    953                                         )); 
    954                                 ?>#taxonomy-<?php echo $taxonomy_name; ?>" class="select-all"><?php _e('Select All'); ?></a> 
    955                         </span> 
     935                                <ul id="<?php echo $taxonomy_name; ?>-search-checklist" data-wp-lists="list:<?php echo $taxonomy_name?>" class="categorychecklist form-no-clear"> 
     936                                <?php if ( ! empty( $search_results ) && ! is_wp_error( $search_results ) ) : ?> 
     937                                        <?php 
     938                                        $args['walker'] = $walker; 
     939                                        echo walk_nav_menu_tree( array_map('wp_setup_nav_menu_item', $search_results), 0, (object) $args ); 
     940                                        ?> 
     941                                <?php elseif ( is_wp_error( $search_results ) ) : ?> 
     942                                        <li><?php echo $search_results->get_error_message(); ?></li> 
     943                                <?php elseif ( ! empty( $searched ) ) : ?> 
     944                                        <li><?php _e('No results found.'); ?></li> 
     945                                <?php endif; ?> 
     946                                </ul> 
     947                        </div><!-- /.tabs-panel --> 
    956948 
    957                         <span class="add-to-menu"> 
    958                                 <input type="submit"<?php disabled( $nav_menu_selected_id, 0 ); ?> class="button-secondary submit-add-to-menu right" value="<?php esc_attr_e('Add to Menu'); ?>" name="add-taxonomy-menu-item" id="submit-taxonomy-<?php echo $taxonomy_name; ?>" /> 
    959                                 <span class="spinner"></span> 
    960                         </span> 
    961                 </p> 
     949                        <p class="button-controls"> 
     950                                <span class="list-controls"> 
     951                                        <a href="<?php 
     952                                                echo esc_url(add_query_arg( 
     953                                                        array( 
     954                                                                $taxonomy_name . '-tab' => 'all', 
     955                                                                'selectall' => 1, 
     956                                                        ), 
     957                                                        remove_query_arg($removed_args) 
     958                                                )); 
     959                                        ?>#taxonomy-<?php echo $taxonomy_name; ?>" class="select-all"><?php _e('Select All'); ?></a> 
     960                                </span> 
    962961 
    963         </div><!-- /.taxonomydiv --> 
     962                                <span class="add-to-menu"> 
     963                                        <input type="submit"<?php disabled( $nav_menu_selected_id, 0 ); ?> class="button-secondary submit-add-to-menu right" value="<?php esc_attr_e('Add to Menu'); ?>" name="add-taxonomy-menu-item" id="submit-taxonomy-<?php echo $taxonomy_name; ?>" /> 
     964                                        <span class="spinner"></span> 
     965                                </span> 
     966                        </p> 
     967 
     968                </div><!-- /.taxonomydiv --> 
     969        </li> 
    964970        <?php 
    965971} 
    966972 
  • wp-admin/customize.php

     
    3636wp_enqueue_script( 'customize-controls' ); 
    3737wp_enqueue_style( 'customize-controls' ); 
    3838 
     39wp_enqueue_script( 'accordion' ); 
     40 
    3941do_action( 'customize_controls_enqueue_scripts' ); 
    4042 
    4143// Let's roll. 
     
    8991                ?> 
    9092 
    9193                <div class="wp-full-overlay-sidebar-content" tabindex="-1"> 
    92                         <div id="customize-info" class="customize-section<?php if ( $cannot_expand ) echo ' cannot-expand'; ?>"> 
    93                                 <div class="customize-section-title" aria-label="<?php esc_attr_e( 'Theme Customizer Options' ); ?>" tabindex="0"> 
     94                        <div id="customize-info" class="accordion-section<?php if ( $cannot_expand ) echo ' cannot-expand'; ?>"> 
     95                                <div class="accordion-section-title" aria-label="<?php esc_attr_e( 'Theme Customizer Options' ); ?>" tabindex="0"> 
    9496                                        <span class="preview-notice"><?php 
    9597                                                /* translators: %s is the theme name in the Customize/Live Preview pane */ 
    9698                                                echo sprintf( __( 'You are previewing %s' ), '<strong class="theme-name">' . $wp_customize->theme()->display('Name') . '</strong>' ); 
    9799                                        ?></span> 
    98100                                </div> 
    99101                                <?php if ( ! $cannot_expand ) : ?> 
    100                                 <div class="customize-section-content"> 
     102                                <div class="accordion-section-content"> 
    101103                                        <?php if ( $screenshot ) : ?> 
    102104                                                <img class="theme-screenshot" src="<?php echo esc_url( $screenshot ); ?>" /> 
    103105                                        <?php endif; ?> 
     
    109111                                <?php endif; ?> 
    110112                        </div> 
    111113 
    112                         <div id="customize-theme-controls"><ul> 
     114                        <div id="customize-theme-controls" class="accordion-container"><ul> 
    113115                                <?php 
    114116                                foreach ( $wp_customize->sections() as $section ) 
    115117                                        $section->maybe_render(); 
  • wp-admin/js/accordion.js

     
     1jQuery(document).ready( function($) { 
     2        // Expand/Collapse 
     3        $('.accordion-section-title').on('click keydown', function( event ) { 
     4 
     5                if ( event.type === 'keydown' &&  13 !== event.which ) // enter 
     6                                return; 
     7 
     8                var clicked = $( this ).closest( '.accordion-section' ); 
     9 
     10                if ( clicked.hasClass('cannot-expand') ) 
     11                        return; 
     12 
     13                clicked.closest( '.accordion-container' ).find( '.accordion-section' ).not( clicked ).removeClass( 'open' ); 
     14                clicked.toggleClass( 'open' ); 
     15                event.preventDefault(); 
     16        }); 
     17}); 
     18 No newline at end of file 
  • wp-admin/js/nav-menu.js

     
    4545                        if( api.menuList.length ) // If no menu, we're in the + tab. 
    4646                                this.initSortables(); 
    4747 
    48                         this.initToggles(); 
    49  
    5048                        this.initTabManager(); 
    5149                }, 
    5250 
     
    223221                        }); 
    224222                }, 
    225223 
    226                 initToggles : function() { 
    227                         // init postboxes 
    228                         postboxes.add_postbox_toggles('nav-menus'); 
    229  
    230                         // adjust columns functions for menus UI 
    231                         columns.useCheckboxesForHidden(); 
    232                         columns.checked = function(field) { 
    233                                 $('.field-' + field).removeClass('hidden-field'); 
    234                         } 
    235                         columns.unchecked = function(field) { 
    236                                 $('.field-' + field).addClass('hidden-field'); 
    237                         } 
    238                         // hide fields 
    239                         api.menuList.hideAdvancedMenuItemFields(); 
    240                 }, 
    241  
    242224                initSortables : function() { 
    243225                        var currentDepth = 0, originalDepth, minDepth, maxDepth, 
    244226                                prev, next, prevBottom, nextThreshold, helperHeight, transport, 
  • wp-admin/js/customize-controls.js

     
    846846                        api.state = state; 
    847847                }()); 
    848848 
    849                 // Temporary accordion code. 
    850                 $('.customize-section-title').bind('click keydown', function( event ) { 
    851  
    852                         if ( event.type === 'keydown' &&  13 !== event.which ) // enter 
    853                                         return; 
    854  
    855                         var clicked = $( this ).parents( '.customize-section' ); 
    856  
    857                         if ( clicked.hasClass('cannot-expand') ) 
    858                                 return; 
    859  
    860                         // Scroll up if on #customize-section-title_tagline 
    861                         if ('customize-section-title_tagline' === clicked.attr('id')) 
    862                                 $('.wp-full-overlay-sidebar-content').scrollTop(0); 
    863  
    864                         $( '.customize-section' ).not( clicked ).removeClass( 'open' ); 
    865                         clicked.toggleClass( 'open' ); 
    866                         event.preventDefault(); 
    867                 }); 
    868  
    869849                // Button bindings. 
    870850                $('#save').click( function( event ) { 
    871851                        previewer.save(); 
  • wp-admin/nav-menus.php

     
    2323        wp_die( __( 'Cheatin&#8217; uh?' ) ); 
    2424 
    2525wp_enqueue_script( 'nav-menu' ); 
     26wp_enqueue_script( 'accordion' ); 
    2627 
    2728if ( wp_is_mobile() ) 
    2829        wp_enqueue_script( 'jquery-touch-punch' ); 
     
    428429 
    429430add_filter('admin_body_class', 'wp_nav_menu_max_depth'); 
    430431 
    431 wp_nav_menu_setup(); 
    432432wp_initial_nav_menu_meta_boxes(); 
    433433 
    434434if ( ! current_theme_supports( 'menus' ) && ! wp_get_nav_menus() ) 
     
    473473                        <input type="hidden" name="menu" id="nav-menu-meta-object-id" value="<?php echo esc_attr( $nav_menu_selected_id ); ?>" /> 
    474474                        <input type="hidden" name="action" value="add-menu-item" /> 
    475475                        <?php wp_nonce_field( 'add-menu_item', 'menu-settings-column-nonce' ); ?> 
    476                         <?php do_meta_boxes( 'nav-menus', 'side', null ); ?> 
     476                        <div id="side-sortables" class="accordion-container"> 
     477                                <ul class="outer-border"> 
     478                                        <?php wp_nav_menu_setup(); ?> 
     479                                </ul> 
     480                        </div> 
    477481                </form> 
    478482 
    479483        </div><!-- /#menu-settings-column --> 
  • wp-admin/css/wp-admin-rtl.css

     
    25342534        direction: ltr; 
    25352535} 
    25362536 
     2537.control-section .accordion-section-title { 
     2538        font-family: Tahoma, Arial, sans-serif; 
     2539} 
     2540 
     2541.accordion-section-title:after { 
     2542        right: auto; 
     2543        left: 20px; 
     2544} 
     2545 
    25372546/** 
    25382547 * HiDPI Displays 
    25392548 */ 
  • wp-admin/css/wp-admin.css

     
    67046704 
    67056705/* nav-menu */ 
    67066706 
     6707#nav-menu-meta ul.outer-border { 
     6708        border: 1px solid #eeeeee; 
     6709} 
     6710 
     6711.accordion-section ul.category-tabs, 
     6712.accordion-section ul.add-menu-item-tabs, 
     6713.accordion-section ul.wp-tab-bar { 
     6714        margin: 0; 
     6715} 
     6716 
     6717.accordion-section .categorychecklist { 
     6718        margin: 13px 0; 
     6719} 
     6720 
     6721#nav-menu-meta .accordion-section-content { 
     6722        padding: 18px 13px; 
     6723} 
     6724 
     6725#nav-menu-meta .button-controls { 
     6726        margin-bottom: 0; 
     6727} 
     6728 
    67076729#nav-menus-frame { 
    67086730        margin-left: 300px; 
    67096731} 
     
    68706892} 
    68716893 
    68726894/* Add Menu Item Boxes */ 
    6873 .postbox .howto input { 
     6895.accordion-container .howto input { 
    68746896        width: 180px; 
    68756897        float: right; 
    68766898} 
     
    68796901        width: 200px; 
    68806902} 
    68816903 
     6904.customlinkdiv p { 
     6905        margin-top: 0 
     6906} 
     6907 
    68826908#nav-menu-theme-locations .howto select { 
    68836909        width: 100%; 
    68846910} 
     
    82778303        -ms-touch-action: none; 
    82788304} 
    82798305 
     8306/* Accordion */ 
     8307 
     8308.accordion-section { 
     8309        border-top: 1px solid #fff; 
     8310        border-bottom: 1px solid #dfdfdf; 
     8311        margin: 0; 
     8312} 
     8313 
     8314.accordion-section:last-child { 
     8315        box-shadow: 0 1px 0 0px #fff; 
     8316} 
     8317 
     8318.accordion-section.open .accordion-section-content { 
     8319        display: block; 
     8320        background: #fdfdfd; 
     8321} 
     8322 
     8323.accordion-section.open:hover { 
     8324        border-bottom-color: #dfdfdf; 
     8325} 
     8326 
     8327.accordion-section-content { 
     8328        display: none; 
     8329        padding: 10px 20px 15px; 
     8330        overflow: hidden; 
     8331} 
     8332 
     8333.accordion-section-title { 
     8334        margin: 0; 
     8335        padding: 15px 20px; 
     8336        position: relative; 
     8337 
     8338        cursor: pointer; 
     8339 
     8340        -webkit-user-select: none; 
     8341        -moz-user-select: none; 
     8342        user-select: none; 
     8343} 
     8344 
     8345.accordion-section-title:after { 
     8346        content: ''; 
     8347        width: 0; 
     8348        height: 0; 
     8349        border-color: #ccc transparent; 
     8350        border-style: solid; 
     8351        border-width: 6px 6px 0; 
     8352        position: absolute; 
     8353        top: 25px; 
     8354        right: 20px; 
     8355        z-index: 1; 
     8356} 
     8357 
     8358.accordion-section-title:focus { 
     8359        outline: none; 
     8360} 
     8361 
     8362.accordion-section-title:hover:after, 
     8363.accordion-section-title:focus:after { 
     8364        border-color: #aaa transparent; 
     8365} 
     8366 
     8367.cannot-expand .accordion-section-title { 
     8368        cursor: auto; 
     8369} 
     8370 
     8371.cannot-expand .accordion-section-title:after { 
     8372        display: none; 
     8373} 
     8374 
     8375.control-section .accordion-section-title { 
     8376        padding: 10px 20px; 
     8377        font-size: 15px; 
     8378        font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; 
     8379        font-weight: normal; 
     8380        text-shadow: 0 1px 0 #fff; 
     8381        background: #f5f5f5; 
     8382        background-image: -webkit-gradient(linear, left bottom, left top, from(#eee), to(#f5f5f5)); 
     8383        background-image: -webkit-linear-gradient(bottom, #eee, #f5f5f5); 
     8384        background-image:    -moz-linear-gradient(bottom, #eee, #f5f5f5); 
     8385        background-image:      -o-linear-gradient(bottom, #eee, #f5f5f5); 
     8386        background-image: linear-gradient(to top, #eee, #f5f5f5); 
     8387} 
     8388 
     8389.control-section .accordion-section-title:after { 
     8390        top: 15px; 
     8391} 
     8392 
     8393.control-section .accordion-section-title:hover:after, 
     8394.control-section .accordion-section-title:focus:after { 
     8395        border-color: #eee transparent; 
     8396} 
     8397 
     8398.control-section:hover .accordion-section-title, 
     8399.control-section .accordion-section-title:hover, 
     8400.control-section.open .accordion-section-title, 
     8401.control-section .accordion-section-title:focus { 
     8402        color: #fff; 
     8403        text-shadow: 0 -1px 0 #333; 
     8404        background: #808080; 
     8405        background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080)); 
     8406        background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080); 
     8407        background-image:    -moz-linear-gradient(bottom, #6d6d6d, #808080); 
     8408        background-image:      -o-linear-gradient(bottom, #6d6d6d, #808080); 
     8409        background-image: linear-gradient(to top, #6d6d6d, #808080); 
     8410} 
     8411 
     8412.control-section.accordion-section:hover, 
     8413.control-section.accordion-section.open { 
     8414        border-top-color: #808080; 
     8415} 
     8416 
     8417.control-section.open .accordion-section-title { 
     8418        border-bottom: 1px solid #6d6d6d; 
     8419} 
     8420 
    82808421/* =Media Queries 
    82818422-------------------------------------------------------------- */ 
    82828423 
  • wp-admin/css/customize-controls-rtl.css

     
    1 .control-section .customize-section-title { 
    2         font-family: Tahoma, Arial, sans-serif; 
    3 } 
    4 .customize-section-title:after { 
    5         right: auto; 
    6         left: 20px; 
    7 } 
    8  
    91#customize-header-actions .button-primary { 
    102        float: left; 
    113} 
  • wp-admin/css/customize-controls.css

     
    66        text-decoration: none; 
    77} 
    88 
    9 .customize-section { 
    10         border-top: 1px solid #fff; 
    11         border-bottom: 1px solid #dfdfdf; 
    12         margin: 0; 
    13 } 
    14  
    15 .control-section.customize-section:hover, 
    16 .control-section.customize-section.open { 
    17         border-top-color: #808080; 
    18 } 
    19  
    20 .control-section.customize-section:hover { 
    21         border-bottom-color: #6d6d6d; 
    22 } 
    23  
    24 .customize-section.open:hover { 
    25         border-bottom-color: #dfdfdf; 
    26 } 
    27  
    28 .customize-section:last-child { 
    29         box-shadow: 0 1px 0 0px #fff; 
    30 } 
    31  
    32 .customize-section-title { 
    33         margin: 0; 
    34         padding: 15px 20px; 
    35         position: relative; 
    36  
    37         cursor: pointer; 
    38  
    39         -webkit-user-select: none; 
    40         -moz-user-select: none; 
    41         user-select: none; 
    42 } 
    43  
    44 .customize-section-title:focus { 
    45         outline: none; 
    46 } 
    47  
    48 .cannot-expand .customize-section-title { 
    49         cursor: auto; 
    50 } 
    51  
    52 .customize-section-content { 
    53         display: none; 
    54         padding: 10px 20px 15px; 
    55         overflow: hidden; 
    56 } 
    57  
    58 .control-section .customize-section-title { 
    59         padding: 10px 20px; 
    60         font-size: 15px; 
    61         font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; 
    62         font-weight: normal; 
    63         text-shadow: 0 1px 0 #fff; 
    64         background: #f5f5f5; 
    65         background-image: -webkit-gradient(linear, left bottom, left top, from(#eee), to(#f5f5f5)); 
    66         background-image: -webkit-linear-gradient(bottom, #eee, #f5f5f5); 
    67         background-image:    -moz-linear-gradient(bottom, #eee, #f5f5f5); 
    68         background-image:      -o-linear-gradient(bottom, #eee, #f5f5f5); 
    69         background-image: linear-gradient(to top, #eee, #f5f5f5); 
    70 } 
    71  
    72 .control-section:hover .customize-section-title, 
    73 .control-section .customize-section-title:hover, 
    74 .control-section.open .customize-section-title, 
    75 .control-section .customize-section-title:focus { 
    76         color: #fff; 
    77         text-shadow: 0 -1px 0 #333; 
    78         background: #808080; 
    79         background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080)); 
    80         background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080); 
    81         background-image:    -moz-linear-gradient(bottom, #6d6d6d, #808080); 
    82         background-image:      -o-linear-gradient(bottom, #6d6d6d, #808080); 
    83         background-image: linear-gradient(to top, #6d6d6d, #808080); 
    84 } 
    85  
    86 .control-section.open .customize-section-title { 
    87         border-bottom: 1px solid #6d6d6d; 
    88 } 
    89  
    90 .customize-section.open .customize-section-content { 
    91         display: block; 
    92         background: #fdfdfd; 
    93 } 
    94  
    95 .customize-section-title:after { 
    96         content: ''; 
    97         width: 0; 
    98         height: 0; 
    99         border-color: #ccc transparent; 
    100         border-style: solid; 
    101         border-width: 6px 6px 0; 
    102         position: absolute; 
    103         top: 25px; 
    104         right: 20px; 
    105         z-index: 1; 
    106 } 
    107  
    108 .cannot-expand .customize-section-title:after { 
    109         display: none; 
    110 } 
    111  
    112 .customize-section-title:hover:after, 
    113 .customize-section-title:focus:after { 
    114         border-color: #aaa transparent; 
    115 } 
    116  
    117 .control-section .customize-section-title:hover:after, 
    118 .control-section .customize-section-title:focus:after { 
    119         border-color: #eee transparent; 
    120 } 
    121  
    122 .control-section .customize-section-title:after { 
    123         top: 15px; 
    124 } 
    125  
    126 #customize-info .customize-section-content { 
     9#customize-info .accordion-section-content { 
    12710        background: transparent; 
    12811} 
    12912 
     
    15841} 
    15942 
    16043#customize-theme-controls > ul, 
    161 #customize-theme-controls .customize-section-content { 
     44#customize-theme-controls .accordion-section-content { 
    16245        margin: 0; 
    16346} 
    16447 
     
    245128/* 
    246129 * Dropdowns 
    247130 */ 
    248 .customize-section .dropdown { 
     131.accordion-section .dropdown { 
    249132        float: left; 
    250133        display: block; 
    251134        position: relative; 
     
    255138        border-radius: 3px; 
    256139} 
    257140 
    258 .customize-section .dropdown-content { 
     141.accordion-section .dropdown-content { 
    259142        overflow: hidden; 
    260143        float: left; 
    261144        min-width: 30px; 
     
    301184        z-index: 1; 
    302185} 
    303186 
    304 .customize-section .dropdown:hover .dropdown-content, 
     187.accordion-section .dropdown:hover .dropdown-content, 
    305188.customize-control .dropdown:hover .dropdown-arrow { 
    306189        border-color: #aaa; 
    307190} 
    308191 
    309 .customize-section .dropdown:hover .dropdown-arrow:after { 
     192.accordion-section .dropdown:hover .dropdown-arrow:after { 
    310193        border-color: #aaa transparent; 
    311194} 
    312195 
     
    341224        border-color: rgba( 0, 0, 0, 0.25 ); 
    342225} 
    343226 
    344 .customize-section input[type="text"].color-picker-hex { 
     227.accordion-section input[type="text"].color-picker-hex { 
    345228        width: 65px; 
    346229        font-family: monospace; 
    347230        text-align: center; 
     
    349232} 
    350233 
    351234/* The centered cursor overlaps the placeholder in webkit. Hide it when selected. */ 
    352 .customize-section input[type="text"].color-picker-hex:focus::-webkit-input-placeholder { 
     235.accordion-section input[type="text"].color-picker-hex:focus::-webkit-input-placeholder { 
    353236        color: transparent; 
    354237} 
    355 .customize-section input[type="text"].color-picker-hex:-moz-placeholder { 
     238.accordion-section input[type="text"].color-picker-hex:-moz-placeholder { 
    356239        color: #999; 
    357240} 
    358241 
     
    371254        display: block; 
    372255} 
    373256 
    374 .customize-section .customize-control-image .dropdown-content { 
     257.accordion-section .customize-control-image .dropdown-content { 
    375258        height: auto; 
    376259        min-height: 24px; 
    377260        min-width: 40px; 
    378261        padding: 0; 
    379262} 
    380263 
    381 .customize-section .customize-control-image .dropdown-status { 
     264.accordion-section .customize-control-image .dropdown-status { 
    382265        padding: 4px 5px; 
    383266} 
    384267 
    385 .customize-section .customize-control-image .preview-thumbnail img { 
     268.accordion-section .customize-control-image .preview-thumbnail img { 
    386269        display: block; 
    387270        width: 100%; 
    388271        max-width: 122px; 
     
    390273        margin: 0 auto; 
    391274} 
    392275 
    393 .customize-section .customize-control-image .actions { 
     276.accordion-section .customize-control-image .actions { 
    394277        text-align: right; 
    395278} 
    396279 
    397 .customize-section .customize-control-image .library ul { 
     280.accordion-section .customize-control-image .library ul { 
    398281        border-bottom: 1px solid #dfdfdf; 
    399282        float: left; 
    400283        width: 100%; 
    401284        margin: 10px 0 0; 
    402285} 
    403286 
    404 .customize-section .customize-control-image .library li { 
     287.accordion-section .customize-control-image .library li { 
    405288        color: #999; 
    406289        float: left; 
    407290        padding: 3px 5px; 
     
    411294        border-width: 1px 1px 0 1px; 
    412295} 
    413296 
    414 .customize-section .customize-control-image .library li.library-selected { 
     297.accordion-section .customize-control-image .library li.library-selected { 
    415298        margin-bottom: -1px; 
    416299        padding-bottom: 4px; 
    417300 
     
    422305        border-radius: 3px 3px 0 0 ; 
    423306} 
    424307 
    425 .customize-section .customize-control-image .library-content { 
     308.accordion-section .customize-control-image .library-content { 
    426309        display: none; 
    427310        width: 100%; 
    428311        float: left; 
    429312        padding: 10px 0; 
    430313} 
    431314 
    432 .customize-section .customize-control-image .library-content.library-selected { 
     315.accordion-section .customize-control-image .library-content.library-selected { 
    433316        display: block; 
    434317} 
    435318 
    436 .customize-section .customize-control-image .library .thumbnail { 
     319.accordion-section .customize-control-image .library .thumbnail { 
    437320        display: block; 
    438321        width: 100%; 
    439322} 
    440323 
    441 .customize-section .customize-control-image .library .thumbnail:hover img { 
     324.accordion-section .customize-control-image .library .thumbnail:hover img { 
    442325        border-color: #21759b; 
    443326} 
    444327 
    445 .customize-section .customize-control-image .library .thumbnail img { 
     328.accordion-section .customize-control-image .library .thumbnail img { 
    446329        display: block; 
    447330        max-width: 90%; 
    448331        max-height: 80px; 
     
    453336        border: 1px solid #dfdfdf; 
    454337} 
    455338 
    456 .customize-section .customize-control-upload .upload-fallback, 
    457 .customize-section .customize-control-image .upload-fallback { 
     339.accordion-section .customize-control-upload .upload-fallback, 
     340.accordion-section .customize-control-image .upload-fallback { 
    458341        display: none; 
    459342} 
    460343 
    461 .customize-section .customize-control-upload .upload-dropzone, 
    462 .customize-section .customize-control-image .upload-dropzone { 
     344.accordion-section .customize-control-upload .upload-dropzone, 
     345.accordion-section .customize-control-image .upload-dropzone { 
    463346        display: none; 
    464347        padding: 15px 10px; 
    465348        border: 3px dashed #dfdfdf; 
     
    470353        cursor: default; 
    471354} 
    472355 
    473 .customize-section .customize-control-upload .upload-dropzone.supports-drag-drop, 
    474 .customize-section .customize-control-image .upload-dropzone.supports-drag-drop { 
     356.accordion-section .customize-control-upload .upload-dropzone.supports-drag-drop, 
     357.accordion-section .customize-control-image .upload-dropzone.supports-drag-drop { 
    475358        display: block; 
    476359        -webkit-transition: border-color 0.1s; 
    477360        -moz-transition:    border-color 0.1s; 
     
    480363        transition:         border-color 0.1s; 
    481364} 
    482365 
    483 .customize-section .customize-control-upload .library ul li, 
    484 .customize-section .customize-control-image .library ul li { 
     366.accordion-section .customize-control-upload .library ul li, 
     367.accordion-section .customize-control-image .library ul li { 
    485368        cursor: pointer; 
    486369} 
    487370 
    488 .customize-section .customize-control-upload .upload-dropzone.supports-drag-drop.drag-over, 
    489 .customize-section .customize-control-image .upload-dropzone.supports-drag-drop.drag-over { 
     371.accordion-section .customize-control-upload .upload-dropzone.supports-drag-drop.drag-over, 
     372.accordion-section .customize-control-image .upload-dropzone.supports-drag-drop.drag-over { 
    490373        border-color: #83b4d8; 
    491374} 
    492375