WordPress.org

Make WordPress Core

Ticket #11817: ticket_11817_enhancements.diff

File ticket_11817_enhancements.diff, 27.1 KB (added by ptahdunbar, 8 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