Refine new help styles. see #18690.

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

wp-admin/css/colors-fresh.dev.css

@@ -782,10 +782,13 @@ table.widefat span.spam a,
 #screen-meta {
 	background-color: #fff;
 }
-#screen-options-wrap,
-#contextual-help-wrap {
+#contextual-help-back {
 	background-color: #f1f1f1;
 	border-color: #ccc;
+
+	-webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
+	-moz-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
+	box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
 }
 
 .contextual-help-tabs a:hover {
@@ -804,12 +807,8 @@ table.widefat span.spam a,
 	color: #000;
 }
 
-.contextual-help-sidebar {
-	background-color: #f1f1f1;
-}
-
 .contextual-help-tabs-wrap {
-	border-color: #dfdfdf;
+	border-color: #ccc;
 	background-color: #fff;
 }
 

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

@@ -1495,9 +1495,9 @@ form.upgrade .hint {
 	top: -250px;
 	left: 146px;
 	right: 0;
-	margin-top: 28px;
 	z-index: 20;
-	padding: 0 15px 0 20px;
+	margin: 28px 15px 0 20px;
+	padding: 0;
 }
 
 .folded #screen-meta {
@@ -1510,12 +1510,6 @@ form.upgrade .hint {
 	padding: 8px 20px 12px;
 	max-height: 300px;
 	overflow: auto;
-	border-style: solid;
-	border-width: 0 1px 1px;
-	-webkit-border-bottom-right-radius: 3px;
-	-webkit-border-bottom-left-radius: 3px;
-	border-bottom-right-radius: 3px;
-	border-bottom-left-radius: 3px;
 }
 
 #screen-meta .screen-reader-text {
@@ -1561,13 +1555,25 @@ form.upgrade .hint {
   6.3 - Help Menu
 ------------------------------------------------------------------------------*/
 
-#contextual-help-wrap {
-	position: relative;
-	padding: 0;
-	overflow: auto;
+#contextual-help-back {
+	position: absolute;
+	top: 0;
+	left: 3px;
+	right: -1px;
+	bottom: -1px;
+
+	border-width: 0 1px 1px;
+	border-style: solid;
+
+	-webkit-border-bottom-right-radius: 3px;
+	-webkit-border-bottom-left-radius: 3px;
+	border-bottom-right-radius: 3px;
+	border-bottom-left-radius: 3px;
 }
 
-#contextual-help-wrap > .metabox-prefs {
+#contextual-help-wrap {
+	position: relative;
+	padding: 0 0 0 4px;
 	overflow: auto;
 }
 
@@ -1584,6 +1590,9 @@ form.upgrade .hint {
 .contextual-help-tabs li {
 	margin-bottom: 0;
 	list-style-type: none;
+	border-style: solid;
+	border-width: 1px 0;
+	border-color: transparent;
 }
 
 .contextual-help-tabs a {
@@ -1595,7 +1604,7 @@ form.upgrade .hint {
 
 .contextual-help-tabs .active {
 	padding: 0 2px;
-	margin: -1px -1px -1px -3px;
+	margin: 0 -1px 0 -3px;
 	border-width: 1px 0 1px 1px;
 	border-style: solid;
 }

wp-admin/includes/screen.php

@@ -469,6 +469,7 @@ final class WP_Screen {
 		// Time to render!
 		?>
 		<div id="screen-meta" class='metabox-prefs'>
+			<div id="contextual-help-back"></div>
 			<div id="contextual-help-wrap" class="hidden">
 				<div class="contextual-help-tabs">
 					<ul>

wp-includes/script-loader.php

@@ -431,13 +431,13 @@ function wp_default_styles( &$styles ) {
 	// Any rtl stylesheets that don't have a .dev version for ltr
 	$no_suffix = array( 'farbtastic' );
 
-	$styles->add( 'wp-admin', "/wp-admin/css/wp-admin$suffix.css", array(), '20111005' );
+	$styles->add( 'wp-admin', "/wp-admin/css/wp-admin$suffix.css", array(), '20111005a' );
 
 	$styles->add( 'ie', "/wp-admin/css/ie$suffix.css", array(), '20110919' );
 	$styles->add_data( 'ie', 'conditional', 'lte IE 7' );
 
 	// all colors stylesheets need to have the same query strings (cache manifest compat)
-	$colors_version = '20111002';
+	$colors_version = '20111005';
 
 	// Register "meta" stylesheet for admin colors. All colors-* style sheets should have the same version string.
 	$styles->add( 'colors', true, array('wp-admin'), $colors_version );