WordPress.org

Make WordPress Core

Ticket #11817: ticket_11817_enhancements.diff

File ticket_11817_enhancements.diff, 27.1 KB (added by ptahdunbar, 4 years ago)

Menu items are now fully clickable instead of just the green plus image. Added a scrollbar when there are more than 7+ menu items. Refactored custom-navigation.dev.css. Moved custom link to the top. Minified all the CSS changes (using the YUI Compressor).

  • wp-includes/nav-menu-template.php

     
    152152?> 
    153153                                        <dl> 
    154154                                                <dt> 
    155                                                         <span class="title"><?php echo $menu_item->title; ?></span> 
    156                                                         <a onclick="appendToList('<?php echo esc_js( esc_url_raw( $template_dir ) ); ?>','<?php echo esc_js( $menu_item->append ); ?>','<?php echo esc_js( $menu_item->title ); ?>','<?php echo esc_js( $menu_item->link ); ?>','<?php echo esc_js( $menu_item->ID ); ?>','<?php echo esc_js( $menu_item->parent_item ); ?>','<?php echo esc_js( $menu_item->description ); ?>')" name="<?php echo esc_attr( $menu_item->title ); ?>" value="<?php echo esc_attr( $menu_item->link ); ?>"><img alt="<?php esc_attr_e('Add to Custom Menu'); ?>" title="<?php esc_attr_e('Add to Custom Menu'); ?>" src="<?php echo admin_url('images/ico-add.png'); ?>" /></a> 
     155                                                        <a class="title" title="<?php esc_attr_e('Add to Custom Menu'); ?>" onclick="appendToList('<?php echo esc_js( esc_url_raw( $template_dir ) ); ?>','<?php echo esc_js( $menu_item->append ); ?>','<?php echo esc_js( $menu_item->title ); ?>','<?php echo esc_js( $menu_item->link ); ?>','<?php echo esc_js( $menu_item->ID ); ?>','<?php echo esc_js( $menu_item->parent_item ); ?>','<?php echo esc_js( $menu_item->description ); ?>')" name="<?php echo esc_attr( $menu_item->title ); ?>" value="<?php echo esc_attr( $menu_item->link ); ?>"><?php echo $menu_item->title; ?></a> 
    157156                                                </dt> 
    158157                                        </dl> 
    159158<?php 
  • wp-admin/nav-menus.php

     
    180180                                                <h3 class="hndle"><?php esc_html_e('Add Menu'); ?></h3> 
    181181                                                <div class="inside"> 
    182182                                                        <span> 
    183                                                                 <input id="add-menu-name" name="add-menu-name" type="text" value=""  /> 
     183                                                                <input id="add-menu-name" name="add-menu-name" type="text" class="regular-text" value=""  /> 
    184184                                                                <input id="add-menu" type="submit" value="<?php esc_attr_e('Add Menu'); ?>" name="add-menu" class="button" /> 
    185185                                                        </span> 
    186186                                                </div><!-- /.inside--> 
    187187                                        </div><!--END #add-menu--> 
    188188                                         
     189                                        <div id="add-custom-link" class="postbox"> 
     190                                                <div class="handlediv" title="Click to toggle"><br /></div> 
     191                                                <h3 class="hndle"><?php esc_html_e('Add a Custom Link'); ?></h3> 
     192                                                <div class="inside"> 
     193                                                         
     194                                                        <p class="howto"><label for="custom-menu-item-url"><input id="custom-menu-item-url" type="text" class="widefat code" value="http://" /><?php _e('URL'); ?></label></p> 
     195                                                         
     196                                                        <?php $template_dir = get_bloginfo('url'); ?> 
     197                                                        <input type="hidden" id="template-dir" value="<?php echo esc_attr($template_dir); ?>" /> 
     198                                                         
     199                                                        <p class="howto"><label for="custom-menu-item-name"><input id="custom-menu-item-name" type="text" class="widefat regular-text" value="<?php echo esc_attr( __('Menu Item') ); ?>" /><?php _e('Text'); ?></label></p> 
     200                                                         
     201                                                        <label class="howto" for="custom_menu_item_description" <?php if ($advanced_option_descriptions == 'no') { ?>style="display:none;"<?php } ?>> 
     202                                                                <input id="custom_menu_item_description" type="text" class="widefat regular-text" value="<?php esc_attr_e('A description'); ?>" <?php if ($advanced_option_descriptions == 'no') { ?>style="display:none;"<?php } ?> onfocus="jQuery('#custom_menu_item_description').attr('value','');" /> 
     203                                                                <?php _e('Description'); ?> 
     204                                                        </label> 
     205                                                         
     206                                                        <?php if ( 'no' != $advanced_option_descriptions ) { echo '<br />'; } ?> 
     207                                                         
     208                                                        <a class="addtomenu button" onclick="appendToList('<?php echo $template_dir; ?>','<?php echo esc_js( _x('Custom', 'menu nav item type') ); ?>','','','','0','');jQuery('#custom-menu-item-name').attr('value','<?php echo esc_js( __('Menu Item') ); ?>');jQuery('#custom_menu_item_description').attr('value','<?php echo esc_js( __('A description') ); ?>');"><?php _e('Add Link'); ?></a> 
     209                                                        <br class="clear" /> 
     210                                                </div><!-- /.inside--> 
     211                                        </div><!-- /#add-custom-link--> 
     212                                         
    189213                                        <div id="add-pages" class="postbox"> 
    190214                                                <div class="handlediv" title="Click to toggle"><br /></div> 
    191215                                                <h3 class="hndle"><?php esc_html_e('Add an Existing Page'); ?></h3> 
     
    229253                                                                        jQuery('#existing-pages').css('display','none'); 
    230254                                                                }); 
    231255                                                        </script> 
    232                                                         <input type="text" onfocus="jQuery('#page-search').attr('value','');" id="page-search" value="<?php esc_attr_e('Search Pages'); ?>" /> 
     256                                                        <input type="text" onfocus="jQuery('#page-search').attr('value','');" id="page-search" class="regular-text" value="<?php esc_attr_e('Search Pages'); ?>" /> 
    233257 
    234258                                                        <a id="show-pages" style="cursor:pointer;" onclick="jQuery('#existing-pages').css('display','block');jQuery('#page-search').attr('value','');jQuery('#existing-pages dt').css('display','block');jQuery('#show-pages').hide();jQuery('#hide-pages').show();"><?php _e('View All'); ?></a> 
    235259                                                        <a id="hide-pages" style="cursor:pointer;" onclick="jQuery('#existing-pages').css('display','none');jQuery('#page-search').attr('value','Search Pages');jQuery('#existing-pages dt').css('display','none');jQuery('#show-pages').show();jQuery('#hide-pages').hide();"><?php _e('Hide All'); ?></a> 
     
    237261                                                        <script type="text/javascript"> 
    238262                                                                jQuery('#hide-pages').hide(); 
    239263                                                        </script> 
    240  
    241                                                         <ul id="existing-pages" class="list"> 
    242                                                         <?php $items_counter = wp_nav_menu_get_pages( 0,'default' ); ?> 
    243                                                         </ul> 
    244                                                         <div class="fix"></div> 
     264                                                         
     265                                                         
     266                                                        <div id="existing-pages" class="list-container"> 
     267                                                                <ul class="list"> 
     268                                                                <?php $items_counter = wp_nav_menu_get_pages( 0,'default' ); ?> 
     269                                                                </ul> 
     270                                                        </div><!-- /.list-container--> 
     271                                                        <br class="clear" /> 
    245272                                                </div><!-- /.inside--> 
    246273                                        </div><!--END #add-pages--> 
    247274                                         
     
    286313                                                                }); 
    287314                                                        </script> 
    288315 
    289                                                         <input type="text" onfocus="jQuery('#cat-search').attr('value','');" id="cat-search" value="<?php esc_attr_e('Search Categories'); ?>" /> 
     316                                                        <input type="text" onfocus="jQuery('#cat-search').attr('value','');" id="cat-search" class="regular-text" value="<?php esc_attr_e('Search Categories'); ?>" /> 
    290317 
    291318                                                        <a id="show-cats" style="cursor:pointer;" onclick="jQuery('#existing-categories').css('display','block');jQuery('#cat-search').attr('value','');jQuery('#existing-categories dt').css('display','block');jQuery('#show-cats').hide();jQuery('#hide-cats').show();"><?php _e('View All'); ?></a> 
    292319                                                        <a id="hide-cats" style="cursor:pointer;" onclick="jQuery('#existing-categories').css('display','none');jQuery('#cat-search').attr('value','Search Categories');jQuery('#existing-categories dt').css('display','none');jQuery('#show-cats').show();jQuery('#hide-cats').hide();"><?php _e('Hide All'); ?></a> 
     
    295322                                                                jQuery('#hide-cats').hide(); 
    296323                                                        </script> 
    297324 
    298                                                         <ul id="existing-categories" class="list"> 
    299                                                                 <?php $items_counter = wp_nav_menu_get_categories( $items_counter, 'default' ); ?> 
    300                                                         </ul> 
    301  
    302                                                         <div class="fix"></div> 
     325                                                        <div id="existing-categories" class="list-container"> 
     326                                                                <ul class="list"> 
     327                                                                        <?php $items_counter = wp_nav_menu_get_categories( $items_counter, 'default' ); ?> 
     328                                                                </ul> 
     329                                                        </div><!-- /.list-container--> 
     330                                                        <br class="clear" /> 
    303331                                                </div><!-- /.inside--> 
    304332                                        </div><!--END #add-categories--> 
    305                                          
    306                                         <div id="add-external-link" class="postbox"> 
    307                                                 <div class="handlediv" title="Click to toggle"><br /></div> 
    308                                                 <h3 class="hndle"><?php esc_html_e('Add a Custom Link'); ?></h3> 
    309                                                 <div class="inside"> 
    310                                                          
    311                                                         <label class="howto" for="custom-menu-item-url"> 
    312                                                                 <input id="custom-menu-item-url" type="text" value="http://" /> 
    313                                                                 <?php _e('URL'); ?> 
    314                                                         </label><br /> 
    315                                                          
    316                                                         <?php $template_dir = get_bloginfo('url'); ?> 
    317                                                         <input type="hidden" id="template-dir" value="<?php echo esc_attr($template_dir); ?>" /> 
    318                                                         <label class="howto" for="custom-menu-item-name"> 
    319                                                                 <input id="custom-menu-item-name" type="text" value="<?php echo esc_attr( __('Menu Item') ); ?>" onfocus="jQuery('#custom-menu-item-name').attr('value','');"  /> 
    320                                                                 <?php _e('Menu Text'); ?> 
    321                                                         </label><br /> 
    322                                                          
    323                                                         <label class="howto" for="custom_menu_item_description" <?php if ($advanced_option_descriptions == 'no') { ?>style="display:none;"<?php } ?>> 
    324                                                                 <input id="custom_menu_item_description" type="text" value="<?php esc_attr_e('A description'); ?>" <?php if ($advanced_option_descriptions == 'no') { ?>style="display:none;"<?php } ?> onfocus="jQuery('#custom_menu_item_description').attr('value','');" /> 
    325                                                                 <?php _e('Description'); ?> 
    326                                                         </label> 
    327                                                          
    328                                                         <?php if ( 'no' != $advanced_option_descriptions ) { echo '<br />'; } ?> 
    329                                                          
    330                                                         <a class="addtomenu button" onclick="appendToList('<?php echo $template_dir; ?>','<?php echo esc_js( _x('Custom', 'menu nav item type') ); ?>','','','','0','');jQuery('#custom-menu-item-name').attr('value','<?php echo esc_js( __('Menu Item') ); ?>');jQuery('#custom_menu_item_description').attr('value','<?php echo esc_js( __('A description') ); ?>');"><?php _e('Add to menu'); ?></a> 
    331                                                         <div class="fix"></div> 
    332                                                 </div><!-- /.inside--> 
    333                                         </div><!-- /#add-external-link--> 
    334                                          
    335333                                </div><!-- /#side-sortables--> 
    336334                        </div><!-- /#menu-settings-column --> 
    337335 
  • wp-admin/css/custom-navigation.css

     
    1 .maintitle{margin:0 0 20px 0!important;}.logo{vertical-align:middle;margin:0 10px 0 0;}h2.heading{margin:32px 0 10px 0;}.checkboxes{float:right;margin:10px 12px 0 0;}.list{zoom:1;}.list li{margin:0;}.list dt{display:none;float:left;width:260px;margin:0;padding:0 0 0 5px;line-height:30px;border-bottom:1px solid #e3e3e3;}.list dt span{float:left;}.list dt img{cursor:pointer;float:right;margin:7px 5px 0 0;}#menus-container{clear:both;}#nav-container .inside{padding:0 10px 10px;}#menus-container .submit{padding:0;}#menu-settings-column .inside{padding:10px;overflow:auto;}#custom-nav ul{width:100%;}#custom-nav li{margin:0;}.ui-draggable-dragging{width:500px;}#custom-nav li dl dt{-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border:1px solid #E6E6E6;position:relative;padding-left:10px;background-color:#f1f1f1;height:35px;line-height:35px;}#custom-nav li dl dt:hover{cursor:move;}#custom-nav li dl dt .controls{position:absolute;right:15px;top:-1px;}#custom-nav li dl dt img{vertical-align:middle;}#custom-nav li .title{background:url(../images/ico-arrow.png) no-repeat 4px 5px;padding-left:15px;}#custom-nav li ul li{margin-left:20px;opacity:.7;}#custom-nav li ul li ul li{opacity:.9;}#custom-nav li ul li ul li ul li{opacity:.9;}#custom-nav li ul li ul li ul li ul li{opacity:.95;}#existing-pages li .title{background:url(../images/ico-arrow.png) no-repeat 4px 13px;padding-left:15px;}#existing-pages li ul li .title{margin-left:10px;}#existing-pages li ul li ul li .title{margin-left:20px;}#existing-pages li ul li ul li ul li .title{margin-left:30px;}#existing-pages li ul li ul li ul li ul li .title{margin-left:40px;}#existing-pages li ul li ul li ul li ul li ul li .title{margin-left:50px;}#existing-pages li ul li ul li ul li ul li ul li ul li .title{margin-left:60px;}#existing-pages li ul li ul li ul li ul li ul li ul li ul li .title{margin-left:70px;}#existing-pages li ul li ul li ul li ul li ul li ul li ul li ul li .title{margin-left:80px;}#existing-categories li .title{background:url(../images/ico-arrow.png) no-repeat 4px 13px;padding-left:15px;}#existing-categories li ul li .title{margin-left:10px;}#existing-categories li ul li ul li .title{margin-left:20px;}#existing-categories li ul li ul li ul li .title{margin-left:30px;}#existing-categories li ul li ul li ul li ul li .title{margin-left:40px;}#existing-categories li ul li ul li ul li ul li ul li .title{margin-left:50px;}#existing-categories li ul li ul li ul li ul li ul li ul li .title{margin-left:60px;}#existing-categories li ul li ul li ul li ul li ul li ul li ul li .title{margin-left:70px;}#existing-categories li ul li ul li ul li ul li ul li ul li ul li ul li .title{margin-left:80px;}img.remove,img.edit{cursor:pointer;margin:0 5px 0 0;}.dropzone{height:7px;margin:3px 0 3px 0;}.hide{display:none;}.type{text-transform:uppercase;font-size:11px;color:#999;padding-right:10px;}#menu_select{width:170px;}#dialog-confirm label{padding-left:10px;}.ui-dialog{background:#fff;border:1px solid #555;-moz-box-shadow:0 4px 30px #000;}.ui-dialog-titlebar{color:#CFCFCF;font-family:"Lucida Grande",Verdana,Arial,sans-serif;padding:6px 10px 6px;background-color:#222!important;border:none!important;-moz-border-radius:none!important;}#dialog-confirm{height:168px!important;padding:20px 10px 10px;}#dialog-confirm input{margin:0 0 15px 0;width:280px;}#dialog-confirm select{margin:0 0 15px 0;}.ui-dialog-buttonpane{padding:10px;}.ui-dialog-buttonpane button{margin:0 10px 0 0;background:#F2F2F2;text-shadow:0 1px 0 #FFF;border-color:#BBB;color:#464646;-moz-border-radius-bottomleft:11px;-moz-border-radius-bottomright:11px;-moz-border-radius-topleft:11px;-moz-border-radius-topright:11px;border-style:solid;border-width:1px;cursor:pointer;font-size:11px!important;line-height:14px;padding:2px 8px;text-decoration:none;}.ui-dialog-buttonpane button:hover{color:#000;border-color:#666;}.ui-icon{display:none;}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;}.ui-widget-overlay{background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.60;filter:Alpha(Opacity=60);}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.60;filter:Alpha(Opacity=60);-moz-border-radius:8px;-webkit-border-radius:8px;} 
    2  No newline at end of file 
     1.maintitle{margin:0 0 20px 0!important;}.logo{vertical-align:middle;margin:0 10px 0 0;}h2.heading{margin:32px 0 10px 0;}.checkboxes{float:right;margin:10px 12px 0 0;}#menus-container{clear:both;}#nav-container .inside{padding:0 10px 10px;}#menus-container .submit{padding:0;}#menu-settings-column .inside{padding:10px;}#custom-nav ul{width:100%;}#custom-nav li{margin:0;}.ui-draggable-dragging{width:500px;}#custom-nav li dl dt{-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border:1px solid #E6E6E6;position:relative;padding-left:10px;background-color:#f1f1f1;height:35px;line-height:35px;}#custom-nav li dl dt:hover{cursor:move;}#custom-nav li dl dt .controls{position:absolute;right:15px;top:-1px;}#custom-nav li dl dt img{vertical-align:middle;}#custom-nav li .title{background:url(../images/ico-arrow.png) no-repeat 4px 5px;background-position:center left;padding-left:15px;}#custom-nav li ul li{margin-left:20px;opacity:.7;}#custom-nav li ul li ul li{opacity:.9;}#custom-nav li ul li ul li ul li{opacity:.9;}#custom-nav li ul li ul li ul li ul li{opacity:.95;}#add-custom-link .howto{font-size:11px;}#add-custom-link .widefat{width:85%;margin-right:5px;}.list-container{max-height:203px;overflow-y:auto;padding-left:2px;padding-right:5px;}.list{zoom:1;}.list li{margin:0;}.list dt{display:none;margin:0;border-bottom:1px solid #e3e3e3;overflow:hidden;}.list dt{background:url(../images/ico-add.png) no-repeat right;}.list li .title{cursor:pointer;display:block;width:95%;padding:5px 0;}.list li .title{background:url(../images/ico-arrow.png) no-repeat 4px 13px;background-position:center left;padding-left:5%;}.list li ul li .title{margin-left:14px;}.list li ul li ul li .title{margin-left:28px;}.list li ul li ul li ul li .title{margin-left:42px;}.list li ul li ul li ul li ul li .title{margin-left:56px;}.list li ul li ul li ul li ul li ul li .title{margin-left:70px;}.list li ul li ul li ul li ul li ul li ul li .title{margin-left:84px;}.list li ul li ul li ul li ul li ul li ul li ul li .title{margin-left:98px;}.list li ul li ul li ul li ul li ul li ul li ul li ul li .title{margin-left:112px;}img.remove,img.edit{cursor:pointer;margin:0 5px 0 0;}.dropzone{height:7px;margin:3px 0 3px 0;}.hide{display:none;}.type{text-transform:uppercase;font-size:11px;color:#999;padding-right:10px;}#menu_select{width:170px;}#dialog-confirm label{padding-left:10px;}.ui-dialog{background:#fff;border:1px solid #555;-moz-box-shadow:0 4px 30px #000;}.ui-dialog-titlebar{color:#CFCFCF;font-family:"Lucida Grande",Verdana,Arial,sans-serif;padding:6px 10px 6px;background-color:#222!important;border:none!important;-moz-border-radius:none!important;}#dialog-confirm{height:168px!important;padding:20px 10px 10px;}#dialog-confirm input{margin:0 0 15px 0;width:280px;}#dialog-confirm select{margin:0 0 15px 0;}.ui-dialog-buttonpane{padding:10px;}.ui-dialog-buttonpane button{margin:0 10px 0 0;background:#F2F2F2;text-shadow:0 1px 0 #FFF;border-color:#BBB;color:#464646;-moz-border-radius-bottomleft:11px;-moz-border-radius-bottomright:11px;-moz-border-radius-topleft:11px;-moz-border-radius-topright:11px;border-style:solid;border-width:1px;cursor:pointer;font-size:11px!important;line-height:14px;padding:2px 8px;text-decoration:none;}.ui-dialog-buttonpane button:hover{color:#000;border-color:#666;}.ui-icon{display:none;}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;}.ui-widget-overlay{background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.60;filter:Alpha(Opacity=60);}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.60;filter:Alpha(Opacity=60);-moz-border-radius:8px;-webkit-border-radius:8px;} 
     2 No newline at end of file 
  • wp-admin/css/custom-navigation.dev.css

     
    1313h2.heading  { margin: 32px 0 10px 0; } 
    1414.checkboxes  { float: right; margin: 10px 12px 0 0; } 
    1515 
    16 .list { zoom: 1; } 
    17 .list li  { margin: 0; } 
    18 .list dt  { display:none; float: left; width: 260px; margin: 0; padding: 0 0 0 5px; line-height: 30px; border-bottom: 1px solid #e3e3e3;  } 
    19 .list dt span  { float: left; } 
    20 .list dt img  { cursor: pointer; float: right; margin: 7px 5px 0 0 } 
    21  
    22  
    2316#menus-container { clear: both; } 
    2417#nav-container .inside { padding: 0px 10px 10px; } 
    2518#menus-container .submit { padding: 0px; } 
    26 #menu-settings-column .inside { padding: 10px; overflow: auto; } 
     19#menu-settings-column .inside { padding: 10px; } 
    2720 
    2821#custom-nav ul  { width: 100%; } 
    2922#custom-nav li { margin: 0; } 
    3023.ui-draggable-dragging  { width: 500px; } 
    31 #custom-nav li dl dt { -webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px; 
    32 border:1px solid #E6E6E6;position: relative; padding-left:10px;background-color: #f1f1f1; height: 35px; line-height: 35px; } 
     24#custom-nav li dl dt { -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border: 1px solid #E6E6E6;position: relative; padding-left:10px; background-color: #f1f1f1; height: 35px; line-height: 35px; } 
    3325#custom-nav li dl dt:hover  { cursor: move; } 
    3426#custom-nav li dl dt .controls  { position: absolute; right: 15px; top: -1px; } 
    3527#custom-nav li dl dt img { vertical-align: middle; } 
    3628#custom-nav li dl dt a {} 
    37 #custom-nav li .title { background:url(../images/ico-arrow.png) no-repeat 4px 5px; padding-left:15px; } 
    38 #custom-nav li ul li { margin-left:20px; opacity:.7;} 
     29#custom-nav li .title { background:url(../images/ico-arrow.png) no-repeat 4px 5px; background-position: center left; padding-left: 15px; } 
     30#custom-nav li ul li { margin-left: 20px; opacity: .7;} 
    3931#custom-nav li ul li ul li  { opacity: .9;} 
    4032#custom-nav li ul li ul li ul li   { opacity: .9;} 
    4133#custom-nav li ul li ul li ul li ul li   { opacity: .95; } 
    4234 
    43 #existing-pages li .title { background:url(../images/ico-arrow.png) no-repeat 4px 13px;  padding-left:15px; } 
    44 #existing-pages li ul li .title  { margin-left:10px; } 
    45 #existing-pages li ul li ul li .title  { margin-left:20px; } 
    46 #existing-pages li ul li ul li ul li .title  { margin-left:30px; } 
    47 #existing-pages li ul li ul li ul li ul li .title  { margin-left:40px; } 
    48 #existing-pages li ul li ul li ul li ul li ul li .title  { margin-left:50px; } 
    49 #existing-pages li ul li ul li ul li ul li ul li ul li .title  { margin-left:60px; } 
    50 #existing-pages li ul li ul li ul li ul li ul li ul li ul li .title  { margin-left:70px; } 
    51 #existing-pages li ul li ul li ul li ul li ul li ul li ul li ul li .title  { margin-left:80px; } 
     35#add-custom-link .howto { font-size: 11px; } 
     36#add-custom-link .widefat { width: 85%; margin-right: 5px; } 
    5237 
    53 #existing-categories li .title { background:url(../images/ico-arrow.png) no-repeat 4px 13px;  padding-left:15px; } 
    54 #existing-categories li ul li .title  { margin-left:10px; } 
    55 #existing-categories li ul li ul li .title  { margin-left:20px; } 
    56 #existing-categories li ul li ul li ul li .title  { margin-left:30px; } 
    57 #existing-categories li ul li ul li ul li ul li .title  { margin-left:40px; } 
    58 #existing-categories li ul li ul li ul li ul li ul li .title  { margin-left:50px; } 
    59 #existing-categories li ul li ul li ul li ul li ul li ul li .title  { margin-left:60px; } 
    60 #existing-categories li ul li ul li ul li ul li ul li ul li ul li .title  { margin-left:70px; } 
    61 #existing-categories li ul li ul li ul li ul li ul li ul li ul li ul li .title  { margin-left:80px; } 
     38.list-container { max-height: 203px; overflow-y: auto; padding-left: 2px; padding-right: 5px; } 
    6239 
     40.list { zoom: 1; } 
     41.list li { margin: 0; } 
     42.list dt { display: none; margin: 0; border-bottom: 1px solid #e3e3e3; overflow: hidden; } 
     43.list dt { background: url(../images/ico-add.png) no-repeat right; } 
    6344 
    64 img.remove, img.edit  { cursor: pointer; margin: 0 5px 0 0; } 
     45.list li .title { cursor: pointer; display: block; width: 95%; padding: 5px 0px; } 
     46.list li .title { background: url(../images/ico-arrow.png) no-repeat 4px 13px; background-position: center left; padding-left: 5%; } 
    6547 
    66 .dropzone {height:7px;margin: 3px 0 3px 0;} 
     48/* Visually shows the menu item hierarchy. */ 
     49.list li ul li .title  { margin-left: 14px; } 
     50.list li ul li ul li .title  { margin-left: 28px; } 
     51.list li ul li ul li ul li .title  { margin-left: 42px; } 
     52.list li ul li ul li ul li ul li .title  { margin-left: 56px; } 
     53.list li ul li ul li ul li ul li ul li .title  { margin-left: 70px; } 
     54.list li ul li ul li ul li ul li ul li ul li .title  { margin-left: 84px; } 
     55.list li ul li ul li ul li ul li ul li ul li ul li .title  { margin-left: 98px; } 
     56.list li ul li ul li ul li ul li ul li ul li ul li ul li .title  { margin-left: 112px; } 
    6757 
    68 #custom-nav li dl {} 
     58img.remove, img.edit { cursor: pointer; margin: 0 5px 0 0; } 
     59.dropzone { height: 7px; margin: 3px 0 3px 0; } 
     60#custom-nav li dl { } 
     61.hide { display: none; } 
     62.type { text-transform: uppercase; font-size: 11px; color: #999999; padding-right: 10px; } 
    6963 
    70 .hide {display:none;} 
    71  
    72 .type { text-transform: uppercase; font-size: 11px; color: #999999; padding-right:10px; } 
    73  
    7464#menu_select { width: 170px; } 
    75  
    7665#dialog-confirm label { padding-left: 10px; } 
    7766 
    7867/* EDIT LINK BOX */ 
    79 .ui-dialog  { background: #fff; border: 1px solid #555555; -moz-box-shadow:0 4px 30px #000000; } 
    80 .ui-dialog-titlebar  { color: #CFCFCF;font-family:"Lucida Grande",Verdana,Arial,sans-serif; padding: 6px 10px 6px; background-color: #222222!important; border: none!important; -moz-border-radius: none!important; } 
    81 #dialog-confirm  { height: 168px !important; padding: 20px 10px 10px; } 
    82 #dialog-confirm input  { margin: 0 0 15px 0; width: 280px; } 
     68.ui-dialog { background: #fff; border: 1px solid #555555; -moz-box-shadow:0 4px 30px #000000; } 
     69.ui-dialog-titlebar { color: #CFCFCF; font-family: "Lucida Grande", Verdana, Arial, sans-serif; padding: 6px 10px 6px; background-color: #222222 !important; border: none !important; -moz-border-radius: none !important; } 
     70#dialog-confirm { height: 168px !important; padding: 20px 10px 10px; } 
     71#dialog-confirm input { margin: 0 0 15px 0; width: 280px; } 
    8372#dialog-confirm select { margin: 0 0 15px 0; } 
    84 .ui-dialog-buttonpane  { padding: 10px; } 
    85 .ui-dialog-buttonpane button  { margin: 0 10px 0 0; background:#F2F2F2; text-shadow:0 1px 0 #FFFFFF; border-color:#BBBBBB; color:#464646; -moz-border-radius-bottomleft:11px; -moz-border-radius-bottomright:11px; -moz-border-radius-topleft:11px; -moz-border-radius-topright:11px; border-style:solid; border-width:1px; cursor:pointer; font-size:11px !important; line-height:14px; padding:2px 8px; text-decoration:none; } 
    86  
    87 .ui-dialog-buttonpane button:hover {color:#000;border-color:#666;} 
    88  
     73.ui-dialog-buttonpane { padding: 10px; } 
     74.ui-dialog-buttonpane button  { margin: 0 10px 0 0; background: #F2F2F2; text-shadow: 0 1px 0 #FFFFFF; border-color: #BBBBBB; color: #464646; -moz-border-radius-bottomleft: 11px; -moz-border-radius-bottomright: 11px; -moz-border-radius-topleft: 11px; -moz-border-radius-topright: 11px; border-style: solid; border-width: 1px; cursor: pointer; font-size: 11px !important; line-height: 14px; padding: 2px 8px; text-decoration: none; } 
     75.ui-dialog-buttonpane button:hover { color: #000; border-color: #666; } 
    8976.ui-icon  { display: none; } 
    9077 
    9178/* Overlays */ 
    9279.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
    93 .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); } 
    94 .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 8px; -webkit-border-radius: 8px; } 
     80.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .60; filter:Alpha(Opacity=60); } 
     81.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .60; filter: Alpha(Opacity=60); -moz-border-radius: 8px; -webkit-border-radius: 8px; } 
     82 No newline at end of file