Widgets style refresh. see #17324.

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

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

@@ -690,7 +690,11 @@ table.widefat span.spam a,
 	color: #464646;
 }
 
-.widget .widget-top,
+.widget .widget-top {
+	color: #222;
+}
+
+.sidebar-name:hover h3,
 .ui-sortable .postbox h3:hover {
 	color: #000;
 }
@@ -1818,28 +1822,33 @@ body.press-this ul.category-tabs li.tabs a {
 
 div.widgets-sortables,
 #widgets-left .inactive {
-	background-color: #f1f1f1;
+	background-color: #fcfcfc;
-	border-color: #ddd;
-}
-
-#available-widgets .widget-holder {
-	background-color: #fff;
-	border-color: #ddd;
-}
-
-#widgets-left .sidebar-name {
-	background-color: #aaa;
-	background-image: url(../images/ed-bg.gif);
-	text-shadow: #fff 0 1px 0;
 	border-color: #dfdfdf;
 }
 
-#widgets-right .sidebar-name {
+#available-widgets .widget-holder {
-	background-image: url(../images/fav.png);
+	background-color: #fcfcfc;
-	text-shadow: #3f3f3f 0 -1px 0;
+	border-color: #dfdfdf;
-	background-color: #636363;
+}
-	border-color: #636363;
+
-	color: #fff;
+#available-widgets .widget-description {
+	color: #555;
+}
+
+.sidebar-name {
+	color: #464646;
+	background-color: #e9e9e9; /* Fallback */
+	background-image: -ms-linear-gradient(top, #f4f4f4, #e9e9e9); /* IE10 */
+	background-image: -moz-linear-gradient(top, #f4f4f4, #e9e9e9); /* Firefox */
+	background-image: -o-linear-gradient(top, #f4f4f4, #e9e9e9); /* Opera */
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#e9e9e9)); /* old Webkit */
+	background-image: -webkit-linear-gradient(top, #f4f4f4, #e9e9e9); /* new Webkit */
+	background-image: linear-gradient(top, #f4f4f4, #e9e9e9); /* proposed W3C Markup */
+	text-shadow: #fff 0 1px 0;
+	border-color: #dfdfdf;
+	-moz-box-shadow: inset 0 1px 0 #fff;
+	-webkit-box-shadow: inset 0 1px 0 #fff;
+	box-shadow: inset 0 1px 0 #fff;
 }
 
 .sidebar-name:hover,
@@ -1852,7 +1861,10 @@ div.widgets-sortables,
 }
 
 .sidebar-name-arrow {
-	background: transparent url(../images/arrows.png) no-repeat 5px 6px;
+	background: transparent url(../images/arrows.png) no-repeat 5px 9px;
+}
+.sidebar-name:hover .sidebar-name-arrow {
+	background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px;
 }
 
 .in-widget-title {

wp-admin/css/widgets.dev.css

@@ -45,10 +45,13 @@ div.widget-liquid-right {
 }
 
 div.sidebar-name h3 {
+	font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
+	font-weight: normal;
 	margin: 0;
 	padding: 5px 12px;
-	font-size: 13px;
+	font-size: 15px;
-	height: 19px;
+	margin: 1px 0 0 0;
+	padding: 7px 10px;
 	overflow: hidden;
 	white-space: nowrap;
 }
@@ -108,6 +111,12 @@ div.sidebar-name {
 	padding: 7px 5px 0;
 }
 
+#available-widgets .widget {
+	-moz-box-shadow: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
 #wp_inactive_widgets {
 	padding: 5px 5px 0;
 }
@@ -164,6 +173,7 @@ ul#widget-list {
 }
 
 .widget .widget-top {
+	margin-bottom: -1px;
 	font-size: 12px;
 	font-weight: bold;
 	height: 26px;
@@ -192,10 +202,14 @@ a.widget-action {
 	background: transparent url(../images/arrows.png) no-repeat 4px 6px;
 }
 
+.widget-top a.widget-action:hover {
+	background: transparent url(../images/arrows-dark.png) no-repeat 4px 6px;
+}
+
 .widget .widget-inside,
 .widget .widget-description {
 	padding: 12px 12px 10px;
-	font-size: 11px;
+	font-size: 12px;
 	line-height: 16px;
 }
 
@@ -247,7 +261,7 @@ a.widget-action {
 div#sidebar-info {
 	padding: 0 1em;
 	margin-bottom: 1em;
-	font-size: 11px;
+	font-size: 12px;
 }
 
 .widget-title a,
@@ -258,7 +272,7 @@ div#sidebar-info {
 
 .widget-control-edit {
 	display: block;
-	font-size: 11px;
+	font-size: 12px;
 	font-weight: normal;
 	line-height: 26px;
 	padding: 0 8px 0 0;
@@ -317,7 +331,7 @@ a.widget-control-edit {
 }
 
 .widget-title .in-widget-title {
-	font-size: 11px;
+	font-size: 12px;
 	white-space: nowrap;
 }
 

wp-includes/script-loader.php

@@ -493,7 +493,7 @@ function wp_default_styles( &$styles ) {
 	$styles->add_data( 'ie', 'conditional', 'lte IE 7' );
 
 	// all colors stylesheets need to have the same query strings (cache manifest compat)
-	$colors_version = '20110511l';
+	$colors_version = '20110511m';
 
 	// Register "meta" stylesheet for admin colors. All colors-* style sheets should have the same version string.
 	$styles->add( 'colors', true, array(), $colors_version );
@@ -505,7 +505,7 @@ function wp_default_styles( &$styles ) {
 	$styles->add( 'ms', "/wp-admin/css/ms$suffix.css", array(), '20101213' );
 	$styles->add( 'global', "/wp-admin/css/global$suffix.css", array(), '20110511g' );
 	$styles->add( 'media', "/wp-admin/css/media$suffix.css", array(), '20110121' );
-	$styles->add( 'widgets', "/wp-admin/css/widgets$suffix.css", array(), '20110511' );
+	$styles->add( 'widgets', "/wp-admin/css/widgets$suffix.css", array(), '20110511b' );
 	$styles->add( 'dashboard', "/wp-admin/css/dashboard$suffix.css", array(), '20110511b' );
 	$styles->add( 'install', "/wp-admin/css/install$suffix.css", array(), '20110506' ); // Readme as well
 	$styles->add( 'theme-editor', "/wp-admin/css/theme-editor$suffix.css", array(), '20110506' );