Improve appearance of Screen Options/Help panels, see #18197.

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

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

@@ -764,6 +764,10 @@ table.widefat span.spam a,
 }
 
 #screen-meta {
+	background-color: #fff;
+}
+#screen-options-wrap,
+#contextual-help-wrap {
 	background-color: #f1f1f1;
 	border-color: #ccc;
 }

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

@@ -1574,16 +1574,34 @@ form.upgrade .hint {
 
 #screen-meta {
 	position: fixed;
-	max-height: 200px;
 	top: -250px;
-	left: 0;
+	left: 146px;
 	right: 0;
 	margin-top: 28px;
-	z-index: 200;
+	z-index: 20;
+	padding: 0 15px 0 20px;
+}
+
+.folded #screen-meta {
+	left: 33px;
+}
+
+#screen-options-wrap,
+#contextual-help-wrap {
+	margin: 0;
+	padding: 8px 20px 12px;
 	max-height: 200px;
 	overflow: auto;
 	border-style: solid;
-	border-width: 0 0 1px;
+	border-width: 0 1px 1px;
+
+	-moz-border-radius: 0 0 3px 3px;
+	-webkit-border-bottom-right-radius: 3px;
+	-webkit-border-bottom-left-radius: 3px;
+	-khtml-border-bottom-right-radius: 3px;
+	-khtml-border-bottom-left-radius: 3px;
+	border-bottom-right-radius: 3px;
+	border-bottom-left-radius: 3px;
 }
 
 #screen-meta .screen-reader-text {
@@ -1612,12 +1630,6 @@ form.upgrade .hint {
 	font-size: 13px;
 }
 
-#screen-options-wrap,
-#contextual-help-wrap {
-	margin: 0;
-	padding: 8px 12px 12px;
-}
-
 .metabox-prefs label {
 	display: inline-block;
 	padding-right: 15px;
@@ -7604,7 +7616,7 @@ a.widget-control-edit {
 
 	#col-right {
 		width: 100%;
-	} 
+	}
 }
 
 @media only screen and (min-width: 769px) {

wp-admin/js/common.dev.js

@@ -184,7 +184,7 @@ showNotice = {
 screenMeta = {
 	element: null, // #screen-meta
 	toggles: null, // .screen-meta-toggle
-	page:    null, // #wpcontent, #adminmenu
+	page:    null, // #wpcontent
 	padding: null, // the closed page padding-top property
 	top:     null, // the closed element top property
 	map: {
@@ -195,7 +195,7 @@ screenMeta = {
 	init: function() {
 		screenMeta.element = $('#screen-meta');
 		screenMeta.toggles = $('.screen-meta-toggle');
-		screenMeta.page    = $('#wpcontent, #adminmenu');
+		screenMeta.page    = $('#wpcontent');
 
 		screenMeta.toggles.click( screenMeta.toggleEvent );
 	},

wp-includes/script-loader.php

@@ -61,7 +61,7 @@ function wp_default_scripts( &$scripts ) {
 
 	$scripts->add( 'utils', "/wp-admin/js/utils$suffix.js", false, '20101110' );
 
-	$scripts->add( 'common', "/wp-admin/js/common$suffix.js", array('jquery', 'hoverIntent', 'utils'), '20110915', 1 );
+	$scripts->add( 'common', "/wp-admin/js/common$suffix.js", array('jquery', 'hoverIntent', 'utils'), '20110915b', 1 );
 	$scripts->add_script_data( 'common', 'commonL10n', array(
 		'warnDelete' => __("You are about to permanently delete the selected items.\n  'Cancel' to stop, 'OK' to delete.")
 	) );
@@ -402,13 +402,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(), '20110915' );
+	$styles->add( 'wp-admin', "/wp-admin/css/wp-admin$suffix.css", array(), '20110915b' );
 
 	$styles->add( 'ie', "/wp-admin/css/ie$suffix.css", array('wp-admin'), '20110902' );
 	$styles->add_data( 'ie', 'conditional', 'lte IE 7' );
 
 	// all colors stylesheets need to have the same query strings (cache manifest compat)
-	$colors_version = '20110915';
+	$colors_version = '20110915b';
 
 	// 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 );