Tab interface for Theme and Add New Theme. First pass. Props matveb, dremeda. see #12412

git-svn-id: http://svn.automattic.com/wordpress/trunk@13533 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/wp-admin.dev.css

@@ -3667,3 +3667,34 @@ div#custom-background-image img {
 div#custom-background-image p.submit {
 	display: inline;
 }
+
+/* Tab Interface */
+
+.menu-tabs {
+	border-width: 1px 1px 2px;
+	border-style: solid;
+	border-color: #ccc #ccc #f9f9f9;
+	color: #464646;
+	padding: 4px 20px 6px;
+	text-decoration: none;
+	background-color: #fafafa;
+	margin: 0;
+	-moz-border-radius: 5px 5px 0 0;
+	-webkit-border-top-left-radius: 5px;
+	-webkit-border-top-right-radius: 5px;
+	-khtml-border-top-left-radius: 5px;
+	-khtml-border-top-right-radius: 5px;
+	border-top-left-radius: 5px;
+	border-top-right-radius: 5px;
+}
+
+.themes-php .wrap h2, .theme-install-php .wrap h2 {
+	border-bottom: 1px solid #ccc;
+}
+
+.menu-tab-inactive {
+	border-width: 1px 1px 0;
+	background-color: #fafafa;
+	color: #c1c1c1;
+	margin: 0 6px 0 0;
+}

wp-admin/menu.php

@@ -107,7 +107,6 @@ $menu[59] = array( '', 'read', 'separator2', '', 'wp-menu-separator' );
 $menu[60] = array( __('Appearance'), 'switch_themes', 'themes.php', '', 'menu-top', 'menu-appearance', 'div' );
 	$submenu['themes.php'][5]  = array(__('Themes'), 'switch_themes', 'themes.php');
 	$submenu['themes.php'][10] = array(_x('Editor', 'theme editor'), 'edit_themes', 'theme-editor.php');
-	$submenu['themes.php'][15] = array(__('Add New Themes'), 'install_themes', 'theme-install.php');
 	$submenu['themes.php'][20] = array(__('Menus'), 'switch_themes', 'nav-menus.php');
 
 $update_plugins = get_site_transient( 'update_plugins' );

wp-admin/theme-install.php

@@ -16,6 +16,7 @@ include(ABSPATH . 'wp-admin/includes/theme-install.php');
 
 $title = __('Install Themes');
 $parent_file = 'themes.php';
+$submenu_file = 'themes.php';
 
 wp_reset_vars( array('tab', 'paged') );
 wp_enqueue_style( 'theme-install' );
@@ -58,7 +59,7 @@ include('admin-header.php');
 ?>
 <div class="wrap">
 <?php screen_icon(); ?>
-<h2><?php echo esc_html( $title ); ?></h2>
+<h2><a href="themes.php" class="menu-tabs menu-tab-inactive"><?php echo esc_html_x('Manage Themes', 'theme'); ?></a><a href="theme-install.php" class="menu-tabs"><?php echo esc_html( $title ); ?></a></h2>
 
 	<ul class="subsubsub">
 <?php

wp-admin/themes.php

@@ -134,7 +134,7 @@ function theme_update_available( $theme ) {
 
 <div class="wrap">
 <?php screen_icon(); ?>
-<h2><?php echo esc_html( $title ); if ( current_user_can('install_themes') ) { ?> <a href="theme-install.php" class="button add-new-h2"><?php echo esc_html_x('Add New', 'theme'); ?></a><?php } ?></h2>
+<h2><a href="themes.php" class="menu-tabs"><?php echo esc_html( $title ); if ( current_user_can('install_themes') ) { ?></a> <a href="theme-install.php" class="menu-tabs menu-tab-inactive"><?php echo esc_html_x('Install Themes', 'theme'); ?></a><?php } ?></h2>
 
 <h3><?php _e('Current Theme'); ?></h3>
 <div id="current-theme">