Make nav menu item add tabs and content consistent with similar tabs on the post edit screen. props corvannoorloos for the initial patch. fixes #26757.

Built from https://develop.svn.wordpress.org/trunk@27229


git-svn-id: http://core.svn.wordpress.org/trunk@27086 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/edit-rtl.css

@@ -261,40 +261,27 @@ ul.category-tabs li,
 	margin: 11px 0;
 }
 
+/* @todo: make this a more generic class */
 ul.category-tabs,
 ul.add-menu-item-tabs,
 ul.wp-tab-bar {
 	margin-top: 12px;
 }
 
-ul.category-tabs li {
+ul.category-tabs li,
+ul.add-menu-item-tabs li {
 	border: solid 1px transparent;
 	position: relative;
 }
 
-ul.category-tabs li.tabs {
-	border-color: #dfdfdf #dfdfdf #fdfdfd;
-	background-color: #fdfdfd;
-}
-
+ul.category-tabs li.tabs,
 ul.add-menu-item-tabs li.tabs,
 .wp-tab-active {
 	border: 1px solid #dfdfdf;
-	border-bottom: none;
+	border-bottom-color: #fdfdfd;
 	background-color: #fdfdfd;
 }
 
-ul.add-menu-item-tabs li.tabs {
-	padding-bottom: 3px;
-	position: relative;
-}
-
-#post-body .add-menu-item-tabs li.tabs {
-	border-style: solid none solid solid;
-	border-width: 1px 1px 1px 0;
-	margin-left: -1px;
-}
-
 ul.category-tabs li,
 ul.add-menu-item-tabs li,
 ul.wp-tab-bar li {
@@ -871,26 +858,6 @@ a.post-state-format.format-link:before {
 	margin: 0;
 }
 
-#post-body ul.add-menu-item-tabs {
-	float: right;
-	width: 120px;
-	text-align: left;
-	/* Negative margin for the sake of those without JS: all tabs display */
-	margin: 0 5px 0 -120px;
-	padding: 0;
-}
-
-ul.add-menu-item-tabs li {
-	padding: 3px 8px 3px 5px;
-}
-
-#post-body ul.add-menu-item-tabs li.tabs {
-	-webkit-border-top-right-radius: 3px;
-	border-top-right-radius: 3px;
-	-webkit-border-bottom-right-radius: 3px;
-	border-bottom-right-radius: 3px;
-}
-
 .wp-tab-panel,
 .categorydiv div.tabs-panel,
 .customlinkdiv div.tabs-panel,

wp-admin/css/edit.css

@@ -261,40 +261,27 @@ ul.category-tabs li,
 	margin: 11px 0;
 }
 
+/* @todo: make this a more generic class */
 ul.category-tabs,
 ul.add-menu-item-tabs,
 ul.wp-tab-bar {
 	margin-top: 12px;
 }
 
-ul.category-tabs li {
+ul.category-tabs li,
+ul.add-menu-item-tabs li {
 	border: solid 1px transparent;
 	position: relative;
 }
 
-ul.category-tabs li.tabs {
-	border-color: #dfdfdf #dfdfdf #fdfdfd;
-	background-color: #fdfdfd;
-}
-
+ul.category-tabs li.tabs,
 ul.add-menu-item-tabs li.tabs,
 .wp-tab-active {
 	border: 1px solid #dfdfdf;
-	border-bottom: none;
+	border-bottom-color: #fdfdfd;
 	background-color: #fdfdfd;
 }
 
-ul.add-menu-item-tabs li.tabs {
-	padding-bottom: 3px;
-	position: relative;
-}
-
-#post-body .add-menu-item-tabs li.tabs {
-	border-style: solid none solid solid;
-	border-width: 1px 0 1px 1px;
-	margin-right: -1px;
-}
-
 ul.category-tabs li,
 ul.add-menu-item-tabs li,
 ul.wp-tab-bar li {
@@ -871,26 +858,6 @@ a.post-state-format.format-link:before {
 	margin: 0;
 }
 
-#post-body ul.add-menu-item-tabs {
-	float: left;
-	width: 120px;
-	text-align: right;
-	/* Negative margin for the sake of those without JS: all tabs display */
-	margin: 0 -120px 0 5px;
-	padding: 0;
-}
-
-ul.add-menu-item-tabs li {
-	padding: 3px 5px 3px 8px;
-}
-
-#post-body ul.add-menu-item-tabs li.tabs {
-	-webkit-border-top-left-radius: 3px;
-	border-top-left-radius: 3px;
-	-webkit-border-bottom-left-radius: 3px;
-	border-bottom-left-radius: 3px;
-}
-
 .wp-tab-panel,
 .categorydiv div.tabs-panel,
 .customlinkdiv div.tabs-panel,

wp-admin/css/nav-menus-rtl.css

@@ -5,9 +5,8 @@
 	display: block;
 }
 
-#post-body ul.add-menu-item-tabs li.tabs a {
-	font-weight: 600;
-	text-decoration: none;
+ul.add-menu-item-tabs li {
+	padding: 3px 8px 3px 5px;
 }
 
 .accordion-section ul.category-tabs,
@@ -33,10 +32,6 @@
 	margin-top: 23px;
 }
 
-#nav-menus-frame .accordion-section-content .inside {
-	font-size: 14px;
-}
-
 #wpbody-content #menu-settings-column {
 	display:inline;
 	width:281px;

wp-admin/css/nav-menus.css

@@ -5,9 +5,8 @@
 	display: block;
 }
 
-#post-body ul.add-menu-item-tabs li.tabs a {
-	font-weight: 600;
-	text-decoration: none;
+ul.add-menu-item-tabs li {
+	padding: 3px 5px 3px 8px;
 }
 
 .accordion-section ul.category-tabs,
@@ -33,10 +32,6 @@
 	margin-top: 23px;
 }
 
-#nav-menus-frame .accordion-section-content .inside {
-	font-size: 14px;
-}
-
 #wpbody-content #menu-settings-column {
 	display:inline;
 	width:281px;