First half of new welcome panel formatting. props chexee. see #11651.

git-svn-id: https://develop.svn.wordpress.org/trunk@19145 602fd350-edb4-49c9-b593-d223f7449a82

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

@@ -701,11 +701,18 @@ table.widefat span.spam a,
 }
 
 .welcome-panel {
-	border-color: #ccc;
+	border-color: #dfdfdf;
 }
 .welcome-panel p {
 	color: #777;
 }
+.welcome-panel .welcome-panel-close {
+	background: #eee;
+	text-shadow: 1px 1px 1px #eee;
+}
+.welcome-panel h3 {
+	text-shadow: 1px 1px 1px white;
+}
 
 .widget,
 #widget-list .widget-top,

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

@@ -696,7 +696,6 @@ a.rsswidget,
 .inline-edit-row fieldset span.title,
 .inline-edit-row fieldset span.checkbox-title,
 .tablenav .displaying-num,
-.welcome-panel h3,
 .widefat th,
 .quicktags,
 .search {
@@ -2150,9 +2149,9 @@ body.admin-bar #adminmenu {
 
 .welcome-panel {
 	margin: 20px 8px;
-	padding: 0 10px;
+	padding: 30px 10px 20px;
-	border-width: 3px;
+	border-width: 1px 0;
-	border-style: double;
+	border-style: solid;
 	position: relative;
 	font-size: 14px;
 	line-height: 1.6em;
@@ -2160,16 +2159,33 @@ body.admin-bar #adminmenu {
 }
 
 .welcome-panel h3 {
-	font-size: 24px;
+	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
+	font-size: 32px;
 	font-weight: normal;
-	margin-bottom: 0.8em;
+	margin: 0 0 0.8em;
 }
 
 .welcome-panel .welcome-panel-close {
 	position: absolute;
-	top: 10px;
+	top: 0;
 	right: 10px;
+	padding: 2px 12px;
+	font-size: 12px;
+	font-weight: bold;
 	text-decoration: none;
+
+	-webkit-border-bottom-left-radius: 3px;
+	-webkit-border-bottom-right-radius: 3px;
+	border-bottom-left-radius: 3px;
+	border-bottom-right-radius: 3px;
+}
+
+.welcome-panel .wp-badge {
+	float: left;
+}
+
+.welcome-panel-content {
+	margin-left: 200px;
 }
 
 .welcome-panel .welcome-panel-column {
@@ -4678,10 +4694,6 @@ input.button-highlighted,
 	height: 37px;
 	width: 160px;
 
-	position: absolute;
-	top: 0;
-	right: 0;
-
 	font-weight: bold;
 	font-size: 14px;
 	text-align: center;
@@ -4694,6 +4706,11 @@ input.button-highlighted,
 	background-repeat: no-repeat;
 	background-position: center 20px;
 }
+.about-wrap .wp-badge {
+	position: absolute;
+	top: 0;
+	right: 0;
+}
 
 .about-wrap h2 .nav-tab {
 	padding: 4px 10px 6px;

wp-admin/includes/dashboard.php

@@ -1265,6 +1265,7 @@ function wp_dashboard_empty() {}
  * @since 3.3
  */
 function wp_welcome_panel() {
+	global $wp_version;
 
 	if ( ! current_user_can( 'edit_theme_options' ) )
 		return;
@@ -1274,6 +1275,7 @@ function wp_welcome_panel() {
 	if ( ! get_user_option( 'show_welcome_panel' ) )
 		$classes .= ' hidden';
 
+	list( $display_version ) = explode( '-', $wp_version );
 	?>
 	<div id="welcome-panel" class="<?php echo esc_attr( $classes ); ?>">
 
@@ -1281,6 +1283,10 @@ function wp_welcome_panel() {
 
 		<a class="welcome-panel-close" href="#"><?php _e('Close'); ?></a>
 
+		<div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
+
+		<div class="welcome-panel-content">
+
 		<h3><?php _e( 'Welcome to WordPress!' ); ?></h3>
 		<p><?php _e( 'Welcome to your new WordPress site! Here are some things most people do when they set up a new WordPress site. To get started, use the links below and we&#8217;ll give you some extra help with these tasks.' ); ?></p>
 
@@ -1351,6 +1357,7 @@ function wp_welcome_panel() {
 				</li>
 			</ul>
 		</div>
+		</div>
 	</div>
 	<?php
 }

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(), '20111103e' );
+	$styles->add( 'wp-admin', "/wp-admin/css/wp-admin$suffix.css", array(), '20111103f' );
 
 	$styles->add( 'ie', "/wp-admin/css/ie$suffix.css", array(), '20111015' );
 	$styles->add_data( 'ie', 'conditional', 'lte IE 7' );
 
 	// all colors stylesheets need to have the same query strings (cache manifest compat)
-	$colors_version = '20111103c';
+	$colors_version = '20111103d';
 
 	// 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 );