Tag 4.3.18

Built from https://develop.svn.wordpress.org/tags/4.3.18@44098


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

license.txt

@@ -1,6 +1,6 @@
 WordPress - Web publishing software
 
-Copyright 2011-2018 by the contributors
+Copyright 2018 by the contributors
 
 This program is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by

readme.html

@@ -12,11 +12,11 @@
 </h1>
 <p style="text-align: center">Semantic Personal Publishing Platform</p>
 
-<h2>First Things First</h2>
+<h1>First Things First</h1>
 <p>Welcome. WordPress is a very special project to me. Every developer and contributor adds something unique to the mix, and together we create something beautiful that I&#8217;m proud to be a part of. Thousands of hours have gone into WordPress, and we&#8217;re dedicated to making it better every day. Thank you for making it part of your world.</p>
 <p style="text-align: right">&#8212; Matt Mullenweg</p>
 
-<h2>Installation: Famous 5-minute install</h2>
+<h1>Installation: Famous 5-minute install</h1>
 <ol>
 	<li>Unzip the package in an empty directory and upload everything.</li>
 	<li>Open <span class="file"><a href="wp-admin/install.php">wp-admin/install.php</a></span> in your browser. It will take you through the process to set up a <code>wp-config.php</code> file with your database connection details.
@@ -31,15 +31,15 @@
 	<li>The installer should then send you to the <a href="wp-login.php">login page</a>. Sign in with the username and password you chose during the installation. If a password was generated for you, you can then click on &#8220;Profile&#8221; to change the password.</li>
 </ol>
 
-<h2>Updating</h2>
-<h3>Using the Automatic Updater</h3>
+<h1>Updating</h1>
+<h2>Using the Automatic Updater</h2>
 <p>If you are updating from version 2.7 or higher, you can use the automatic updater:</p>
 <ol>
 	<li>Open <span class="file"><a href="wp-admin/update-core.php">wp-admin/update-core.php</a></span> in your browser and follow the instructions.</li>
 	<li>You wanted more, perhaps? That&#8217;s it!</li>
 </ol>
 
-<h3>Updating Manually</h3>
+<h2>Updating Manually</h2>
 <ol>
 	<li>Before you update anything, make sure you have backup copies of any files you may have modified such as <code>index.php</code>.</li>
 	<li>Delete your old WordPress files, saving ones you&#8217;ve modified.</li>
@@ -47,25 +47,24 @@
 	<li>Point your browser to <span class="file"><a href="wp-admin/upgrade.php">/wp-admin/upgrade.php</a>.</span></li>
 </ol>
 
-<h2>Migrating from other systems</h2>
+<h1>Migrating from other systems</h1>
 <p>WordPress can <a href="https://codex.wordpress.org/Importing_Content">import from a number of systems</a>. First you need to get WordPress installed and working as described above, before using <a href="wp-admin/import.php" title="Import to WordPress">our import tools</a>.</p>
 
-<h2>System Requirements</h2>
+<h1>System Requirements</h1>
 <ul>
-	<li><a href="https://secure.php.net/">PHP</a> version <strong>5.2.4</strong> or higher.</li>
-	<li><a href="https://www.mysql.com/">MySQL</a> version <strong>5.0</strong> or higher.</li>
+	<li><a href="http://php.net/">PHP</a> version <strong>5.2.4</strong> or higher.</li>
+	<li><a href="http://www.mysql.com/">MySQL</a> version <strong>5.0</strong> or higher.</li>
 </ul>
 
-<h3>Recommendations</h3>
+<h2>Recommendations</h2>
 <ul>
-	<li><a href="https://secure.php.net/">PHP</a> version <strong>7</strong> or higher.</li>
-	<li><a href="https://www.mysql.com/">MySQL</a> version <strong>5.6</strong> or higher.</li>
-	<li>The <a href="https://httpd.apache.org/docs/2.2/mod/mod_rewrite.html">mod_rewrite</a> Apache module.</li>
-	<li><a href="https://wordpress.org/news/2016/12/moving-toward-ssl/">HTTPS</a> support.</li>
+	<li><a href="http://php.net/">PHP</a> version <strong>5.4</strong> or higher.</li>
+	<li><a href="http://www.mysql.com/">MySQL</a> version <strong>5.5</strong> or higher.</li>
+	<li>The <a href="http://httpd.apache.org/docs/2.2/mod/mod_rewrite.html">mod_rewrite</a> Apache module.</li>
 	<li>A link to <a href="https://wordpress.org/">wordpress.org</a> on your site.</li>
 </ul>
 
-<h2>Online Resources</h2>
+<h1>Online Resources</h1>
 <p>If you have any questions that aren&#8217;t addressed in this document, please take advantage of WordPress&#8217; numerous online resources:</p>
 <dl>
 	<dt><a href="https://codex.wordpress.org/">The WordPress Codex</a></dt>
@@ -80,18 +79,18 @@
 		<dd>There is an online chat channel that is used for discussion among people who use WordPress and occasionally support topics. The above wiki page should point you in the right direction. (<a href="irc://irc.freenode.net/wordpress">irc.freenode.net #wordpress</a>)</dd>
 </dl>
 
-<h2>Final Notes</h2>
+<h1>Final Notes</h1>
 <ul>
 	<li>If you have any suggestions, ideas, or comments, or if you (gasp!) found a bug, join us in the <a href="https://wordpress.org/support/">Support Forums</a>.</li>
-	<li>WordPress has a robust plugin <abbr title="application programming interface">API</abbr> that makes extending the code easy. If you are a developer interested in utilizing this, see the <a href="https://developer.wordpress.org/plugins/">Plugin Developer Handbook</a>. You shouldn&#8217;t modify any of the core code.</li>
+	<li>WordPress has a robust plugin <abbr title="application programming interface">API</abbr> that makes extending the code easy. If you are a developer interested in utilizing this, see the <a href="https://codex.wordpress.org/Plugin_API" title="WordPress plugin API">plugin documentation in the Codex</a>. You shouldn&#8217;t modify any of the core code.</li>
 </ul>
 
-<h2>Share the Love</h2>
+<h1>Share the Love</h1>
 <p>WordPress has no multi-million dollar marketing campaign or celebrity sponsors, but we do have something even better&#8212;you. If you enjoy WordPress please consider telling a friend, setting it up for someone less knowledgable than yourself, or writing the author of a media article that overlooks us.</p>
 
 <p>WordPress is the official continuation of <a href="http://cafelog.com/">b2/caf&#233;log</a>, which came from Michel V. The work has been continued by the <a href="https://wordpress.org/about/">WordPress developers</a>. If you would like to support WordPress, please consider <a href="https://wordpress.org/donate/" title="Donate to WordPress">donating</a>.</p>
 
-<h2>License</h2>
+<h1>License</h1>
 <p>WordPress is free software, and is released under the terms of the <abbr title="GNU General Public License">GPL</abbr> version 2 or (at your option) any later version. See <a href="license.txt">license.txt</a>.</p>
 
 </body>

wp-activate.php

@@ -1,7 +1,7 @@
 <?php
 /**
  * Confirms that the activation key that is sent in an email after a user signs
- * up for a new site matches the key for that user and then displays confirmation.
+ * up for a new blog matches the key for that user and then displays confirmation.
  *
  * @package WordPress
  */
@@ -14,10 +14,54 @@ require( dirname(__FILE__) . '/wp-load.php' );
 require( dirname( __FILE__ ) . '/wp-blog-header.php' );
 
 if ( !is_multisite() ) {
-	wp_redirect( wp_registration_url() );
+	wp_redirect( site_url( '/wp-login.php?action=register' ) );
 	die();
 }
 
+$valid_error_codes = array( 'already_active', 'blog_taken' );
+
+list( $activate_path ) = explode( '?', wp_unslash( $_SERVER['REQUEST_URI'] ) );
+$activate_cookie = 'wp-activate-' . COOKIEHASH;
+
+$key    = '';
+$result = null;
+
+if ( isset( $_GET['key'] ) && isset( $_POST['key'] ) && $_GET['key'] !== $_POST['key'] ) {
+	wp_die( __( 'A key value mismatch has been detected. Please follow the link provided in your activation email.' ), __( 'An error occurred during the activation' ), 400 );
+} elseif ( ! empty( $_GET['key'] ) ) {
+	$key = $_GET['key'];
+} elseif ( ! empty( $_POST['key'] ) ) {
+	$key = $_POST['key'];
+}
+
+if ( $key ) {
+	$redirect_url = remove_query_arg( 'key' );
+
+	if ( $redirect_url !== remove_query_arg( false ) ) {
+		setcookie( $activate_cookie, $key, 0, $activate_path, COOKIE_DOMAIN, is_ssl(), true );
+		wp_safe_redirect( $redirect_url );
+		exit;
+	} else {
+		$result = wpmu_activate_signup( $key );
+	}
+}
+
+if ( $result === null && isset( $_COOKIE[ $activate_cookie ] ) ) {
+	$key    = $_COOKIE[ $activate_cookie ];
+	$result = wpmu_activate_signup( $key );
+	setcookie( $activate_cookie, ' ', time() - YEAR_IN_SECONDS, $activate_path, COOKIE_DOMAIN, is_ssl(), true );
+}
+
+if ( $result === null || ( is_wp_error( $result ) && 'invalid_key' === $result->get_error_code() ) ) {
+	status_header( 404 );
+} elseif ( is_wp_error( $result ) ) {
+	$error_code = $result->get_error_code();
+
+	if ( ! in_array( $error_code, $valid_error_codes ) ) {
+		status_header( 400 );
+	}
+}
+
 if ( is_object( $wp_object_cache ) )
 	$wp_object_cache->cache_enabled = false;
 
@@ -32,17 +76,13 @@ $wp_query->is_404 = false;
 do_action( 'activate_header' );
 
 /**
- * Adds an action hook specific to this page.
- *
- * Fires on {@see 'wp_head'}.
+ * Adds an action hook specific to this page that fires on wp_head
  *
  * @since MU
  */
 function do_activate_header() {
-	/**
-	 * Fires before the Site Activation page is loaded.
-	 *
-	 * Fires on the {@see 'wp_head'} action.
+    /**
+     * Fires before the Site Activation page is loaded, but on the wp_head action.
      *
      * @since 3.0.0
      */
@@ -62,18 +102,18 @@ function wpmu_activate_stylesheet() {
 		#submit, #key { width: 90%; font-size: 24px; }
 		#language { margin-top: .5em; }
 		.error { background: #f66; }
-		span.h3 { padding: 0 8px; font-size: 1.3em; font-weight: bold; }
+		span.h3 { padding: 0 8px; font-size: 1.3em; font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; font-weight: bold; color: #333; }
 	</style>
 	<?php
 }
 add_action( 'wp_head', 'wpmu_activate_stylesheet' );
+add_action( 'wp_head', 'wp_sensitive_page_meta' );
 
-get_header( 'wp-activate' );
+get_header();
 ?>
 
-<div id="signup-content" class="widecolumn">
-	<div class="wp-activate-container">
-	<?php if ( empty($_GET['key']) && empty($_POST['key']) ) { ?>
+<div id="content" class="widecolumn">
+	<?php if ( ! $key ) { ?>
 
 		<h2><?php _e('Activation Key Required') ?></h2>
 		<form name="activateform" id="activateform" method="post" action="<?php echo network_site_url('wp-activate.php'); ?>">
@@ -87,45 +127,27 @@ get_header( 'wp-activate' );
 		</form>
 
 	<?php } else {
-
-		$key = !empty($_GET['key']) ? $_GET['key'] : $_POST['key'];
-		$result = wpmu_activate_signup( $key );
-		if ( is_wp_error($result) ) {
-			if ( 'already_active' == $result->get_error_code() || 'blog_taken' == $result->get_error_code() ) {
-				$signup = $result->get_error_data();
-				?>
-				<h2><?php _e('Your account is now active!'); ?></h2>
-				<?php
-				echo '<p class="lead-in">';
-				if ( $signup->domain . $signup->path == '' ) {
-					printf(
-						/* translators: 1: login URL, 2: username, 3: user email, 4: lost password URL */
-						__( 'Your account has been activated. You may now <a href="%1$s">log in</a> to the site using your chosen username of &#8220;%2$s&#8221;. Please check your email inbox at %3$s for your password and login instructions. If you do not receive an email, please check your junk or spam folder. If you still do not receive an email within an hour, you can <a href="%4$s">reset your password</a>.' ),
-						network_site_url( 'wp-login.php', 'login' ),
-						$signup->user_login,
-						$signup->user_email,
-						wp_lostpassword_url()
-					);
-				} else {
-					printf(
-						/* translators: 1: site URL, 2: site domain, 3: username, 4: user email, 5: lost password URL */
-						__( 'Your site at <a href="%1$s">%2$s</a> is active. You may now log in to your site using your chosen username of &#8220;%3$s&#8221;. Please check your email inbox at %4$s for your password and login instructions. If you do not receive an email, please check your junk or spam folder. If you still do not receive an email within an hour, you can <a href="%5$s">reset your password</a>.' ),
-						'http://' . $signup->domain,
-						$signup->domain,
-						$signup->user_login,
-						$signup->user_email,
-						wp_lostpassword_url()
-					);
-				}
-				echo '</p>';
+		if ( is_wp_error( $result ) && in_array( $result->get_error_code(), $valid_error_codes ) ) {
+			$signup = $result->get_error_data();
+			?>
+			<h2><?php _e('Your account is now active!'); ?></h2>
+			<?php
+			echo '<p class="lead-in">';
+			if ( $signup->domain . $signup->path == '' ) {
+				printf( __('Your account has been activated. You may now <a href="%1$s">log in</a> to the site using your chosen username of &#8220;%2$s&#8221;. Please check your email inbox at %3$s for your password and login instructions. If you do not receive an email, please check your junk or spam folder. If you still do not receive an email within an hour, you can <a href="%4$s">reset your password</a>.'), network_site_url( 'wp-login.php', 'login' ), $signup->user_login, $signup->user_email, wp_lostpassword_url() );
 			} else {
-				?>
-				<h2><?php _e( 'An error occurred during the activation' ); ?></h2>
-				<p><?php echo $result->get_error_message(); ?></p>
-				<?php
+				printf( __('Your site at <a href="%1$s">%2$s</a> is active. You may now log in to your site using your chosen username of &#8220;%3$s&#8221;. Please check your email inbox at %4$s for your password and login instructions. If you do not receive an email, please check your junk or spam folder. If you still do not receive an email within an hour, you can <a href="%5$s">reset your password</a>.'), 'http://' . $signup->domain, $signup->domain, $signup->user_login, $signup->user_email, wp_lostpassword_url() );
 			}
+			echo '</p>';
+		} elseif ( $result === null || is_wp_error( $result ) ) {
+			?>
+			<h2><?php _e('An error occurred during the activation'); ?></h2>
+			<?php if ( is_wp_error( $result ) ) {
+				echo '<p>' . $result->get_error_message() . '</p>';
+			} ?>
+			<?php
 		} else {
-			$url = isset( $result['blog_id'] ) ? get_home_url( (int) $result['blog_id'] ) : '';
+			$url = isset( $result['blog_id'] ) ? get_blogaddress_by_id( (int) $result['blog_id'] ) : '';
 			$user = get_userdata( (int) $result['user_id'] );
 			?>
 			<h2><?php _e('Your account is now active!'); ?></h2>
@@ -135,28 +157,17 @@ get_header( 'wp-activate' );
 				<p><span class="h3"><?php _e('Password:'); ?></span> <?php echo $result['password']; ?></p>
 			</div>
 
-			<?php if ( $url && $url != network_home_url( '', 'http' ) ) :
-				switch_to_blog( (int) $result['blog_id'] );
-				$login_url = wp_login_url();
-				restore_current_blog();
-				?>
-				<p class="view"><?php
-					/* translators: 1: site URL, 2: login URL */
-					printf( __( 'Your account is now activated. <a href="%1$s">View your site</a> or <a href="%2$s">Log in</a>' ), $url, esc_url( $login_url ) );
-				?></p>
+			<?php if ( $url && $url != network_home_url( '', 'http' ) ) : ?>
+				<p class="view"><?php printf( __('Your account is now activated. <a href="%1$s">View your site</a> or <a href="%2$s">Log in</a>'), $url, $url . 'wp-login.php' ); ?></p>
 			<?php else: ?>
-				<p class="view"><?php
-					/* translators: 1: login URL, 2: network home URL */
-					printf( __( 'Your account is now activated. <a href="%1$s">Log in</a> or go back to the <a href="%2$s">homepage</a>.' ), network_site_url( 'wp-login.php', 'login' ), network_home_url() );
-				?></p>
+				<p class="view"><?php printf( __('Your account is now activated. <a href="%1$s">Log in</a> or go back to the <a href="%2$s">homepage</a>.' ), network_site_url('wp-login.php', 'login'), network_home_url() ); ?></p>
 			<?php endif;
 		}
 	}
 	?>
-	</div>
 </div>
 <script type="text/javascript">
 	var key_input = document.getElementById('key');
 	key_input && key_input.focus();
 </script>
-<?php get_footer( 'wp-activate' );
+<?php get_footer();

wp-admin/about.php

@@ -9,243 +9,251 @@
 /** WordPress Administration Bootstrap */
 require_once( dirname( __FILE__ ) . '/admin.php' );
 
-if ( ! wp_is_mobile() ) {
-	wp_enqueue_style( 'wp-mediaelement' );
-	wp_enqueue_script( 'wp-mediaelement' );
-	wp_localize_script( 'mediaelement', '_wpmejsSettings', array(
-		'pluginPath'        => includes_url( 'js/mediaelement/', 'relative' ),
-		'pauseOtherPlayers' => '',
-	) );
-}
-
-$video_url = 'https://videopress.com/embed/AHz0Ca46?hd=true';
-$lang_code = str_replace( '_', '-', get_user_locale() );
-list( $lang_code ) = explode( '-', $lang_code );
-if ( 'en' !== $lang_code ) {
-	$video_url = add_query_arg( 'defaultLangCode', $lang_code, $video_url );
-}
+wp_enqueue_style( 'wp-mediaelement' );
+wp_enqueue_script( 'wp-mediaelement' );
+wp_localize_script( 'mediaelement', '_wpmejsSettings', array(
+	'pluginPath' => includes_url( 'js/mediaelement/', 'relative' ),
+	'pauseOtherPlayers' => ''
+) );
 
 $title = __( 'About' );
 
-list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
+list( $display_version ) = explode( '-', $wp_version );
 
 include( ABSPATH . 'wp-admin/admin-header.php' );
+
+$video_url = 'https://videopress.com/embed/T54Iy7Tw';
+$locale    = str_replace( '_', '-', get_locale() );
+if ( 'en-AU' !== $locale ) {
+	list( $locale ) = explode( '-', $locale );
+}
+if ( 'en' !== $locale ) {
+	$video_url = add_query_arg( 'defaultLangCode', $locale, $video_url );
+}
+
+$major_features = array(
+	array(
+		'src'         => array(
+			'mp4'  => '//s.w.org/images/core/4.3/formatting.mp4',
+			'ogv'  => '//s.w.org/images/core/4.3/formatting.ogv',
+			'webm' => '//s.w.org/images/core/4.3/formatting.webm',
+		),
+		'heading'     => __( 'Formatting Shortcuts' ),
+		/* Translators: 1: asterisks; 2: number sign; */
+		'description' => sprintf( __( 'Your writing flow just got faster with new formatting shortcuts in WordPress 4.3. Use asterisks to create lists and number signs to make a heading. No more breaking your flow; your text looks great with a %1$s and a %2$s.' ), '<code>*</code>', '<code>#</code>' ),
+	),
+	array(
+		'src'         => '//s.w.org/images/core/4.3/menu-customizer.png',
+		'heading'     => __( 'Menus in the Customizer' ),
+		'description' => __( 'Create your menu, update it, and assign it, all while live-previewing in the customizer. The streamlined customizer design provides a mobile-friendly and accessible interface. With every release, it becomes easier and faster to make your site just the way you want it.' ),
+	),
+	array(
+		'src'         => '//s.w.org/images/core/4.3/better-passwords.png',
+		'heading'     => __( 'Better Passwords' ),
+		'description' => __( 'Keep your site more secure with WordPress&#8217; improved approach to passwords. Instead of receiving passwords via email, you&#8217;ll get a password reset link. When you add new users to your site or edit a user profile, WordPress will automatically generate a secure password.' ),
+	),
+	array(
+		'src'         => '//s.w.org/images/core/4.3/site-icon-customizer.png',
+		'heading'     => __( 'Site Icons' ),
+		'description' => __( 'Site icons represent your site in browser tabs, bookmark menus, and on the home screen of mobile devices. Add your unique site icon in the customizer; it will even stay in place when you switch themes. Make your whole site reflect your brand.' ),
+	),
+);
+shuffle( $major_features );
+
+$minor_features = array(
+	array(
+		'src'         => 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj48cGF0aCBmaWxsPSIjMDBhMGQyIiBkPSJNNTAgMjE1aDI0MHYzMEg1MHpNNTAgMjc1aDI0MHYzMEg1MHpNNTAgMTU1aDI0MHYzMEg1MHpNNTAgOTVoMjQwdjMwSDUwek0zMTAuMSA5NWwxOS45IDMwIDIwLjEtMzAiLz48L3N2Zz4=',
+		'heading'     => __( 'A smoother admin experience' ),
+		'description' => __( 'Refinements to the list view across the admin make your WordPress more accessible and easier to work with on any device.' ),
+	),
+	array(
+		'src'         => 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzAwYTBkMiIgZD0iTTUgMmgxMHEuODIgMCAxLjQxLjU5VDE3IDR2OHEwIC44Mi0uNTkgMS40MVQxNSAxNGgtMmwtNSA1di01SDVxLS44MiAwLTEuNDEtLjU5VDMgMTJWNHEwLS44Mi41OS0xLjQxVDUgMnptOC41IDguNUwxMSA4bDIuNS0yLjUtMS0xTDEwIDcgNy41IDQuNWwtMSAxTDkgOGwtMi41IDIuNSAxIDFMMTAgOWwyLjUgMi41eiIvPjwvc3ZnPg==',
+		'heading'     => __( 'Comments turned off on pages' ),
+		'description' => __( 'All new pages that you create will have comments turned off. Keep discussions to your blog, right where they&#8217;re supposed to happen.' ),
+	),
+	array(
+		'src'         => 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iIzAwYTBkMiIgZD0iTTI5LjMyOCA1LjcxMnEuMDQ4LS4xNDQuMDk2LS4zODR0LS4wNjQtLjgxNi0uNTI4LS45NzZxLS4zODQtLjM2OC0uODcyLS40NjR0LS43OTIgMGwtLjI4OC4wOHEtMS40NTYuNzItNS44OCAzLjczNnQtNi4zOTIgNS4xNzZxLS43MzYuODMyLTEuNDA4IDIuMzJ0LS44OCAzIC41NDQgMi4zOTJxLjgzMi43MzYgMi4zNDQuNTc2dDMuMDcyLS44MjQgMi4yNDgtMS4zNTJxMi4xNDQtMi4xNDQgNS4xNjgtNi42NTZ0My42MzItNS44MDh6TTIuMjQgMjguMjRxMS4wNTYtLjY4OCAxLjcxMi0xLjUyOHQuOTUyLTEuNjE2LjU0NC0xLjUyLjcyLTEuNDggMS4yNC0xLjI4cTEuMDg4LS44IDIuNTA0LS43MDR0Mi40MjQgMS4xNjhxLjgxNi44OC44MjQgMi42NHQtMS4wOCAyLjg5NnEtMS4yMTYgMS4xMi0yLjkwNCAxLjYyNHQtMy40MjQuNDI0LTMuNTEyLS42MjR6Ii8+PC9zdmc+',
+		'heading'     => __( 'Customize your site quickly' ),
+		'description' => __( 'Wherever you are on the front-end, you can click the customize link in the toolbar to swiftly make changes to your site.' ),
+	),
+);
+
+$tech_features = array(
+	array(
+		'heading'     => __( 'Taxonomy Roadmap' ),
+		'description' => __( 'Terms shared across multiple taxonomies are now split into separate terms.' ),
+	),
+	array(
+		'heading'     => __( 'Template Hierarchy' ),
+		/* Translators: 1: singular.php; 2: single.php; 3:page.php */
+		'description' => sprintf( __( 'Added %1$s as a fallback for %2$s and %3$s' ), '<code>singular.php</code>', '<code>single.php</code>', '<code>page.php</code>' ),
+	),
+	array(
+		'heading'     => '<code>WP_List_Table</code>',
+		'description' => __( 'List tables can and should designate a primary column.' ),
+	),
+);
+
 ?>
 	<div class="wrap about-wrap">
 		<h1><?php printf( __( 'Welcome to WordPress&nbsp;%s' ), $display_version ); ?></h1>
 
-		<p class="about-text"><?php printf( __( 'Thank you for updating to the latest version! WordPress %s adds more ways for you to express yourself and represent your brand.' ), $display_version ); ?></p>
+		<div class="about-text"><?php printf( __( 'Thank you for updating! WordPress %s makes it even easier to format your content and customize your site.' ), $display_version ); ?></div>
 		<div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
 
-		<h2 class="nav-tab-wrapper wp-clearfix">
+		<h2 class="nav-tab-wrapper">
 			<a href="about.php" class="nav-tab nav-tab-active"><?php _e( 'What&#8217;s New' ); ?></a>
 			<a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
 			<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
 		</h2>
 
 		<div class="changelog point-releases">
-			<h3><?php _e( 'Maintenance and Security Releases' ); ?></h3>
-			<p><?php printf( __( '<strong>Version %s</strong> addressed some security issues.' ), '4.8.6' ); ?>
-				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.8.6' ); ?>
+			<h3><?php echo _n( 'Maintenance and Security Release', 'Maintenance and Security Releases', 18 ); ?></h3>
+			<p>
+				<?php
+				/* translators: %s: WordPress version number */
+				printf( __( '<strong>Version %s</strong> addressed some security issues.' ), '4.3.18' );
+				?>
+				<?php
+				/* translators: %s: Codex URL */
+				printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.3.18' );
+				?>
 			</p>
-			<p><?php printf( __( '<strong>Version %s</strong> addressed one security issue.' ), '4.8.5' ); ?>
-				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.8.5' ); ?>
+			<p><?php printf( __( '<strong>Version %s</strong> addressed one security issue.' ), '4.3.17' ); ?>
+				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.3.17' ); ?>
 			</p>
-			<p><?php printf( _n( '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
-					'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.', 1 ), '4.8.4', number_format_i18n( 1 ) ); ?>
-				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.8.4' ); ?>
+			<p><?php printf( __( '<strong>Version %s</strong> addressed some security issues.' ), '4.3.16' ); ?>
+				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.3.16' ); ?>
 			</p>
-			<p><?php printf( __( '<strong>Version %s</strong> addressed one security issue.' ), '4.8.3' ); ?>
-				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.8.3' ); ?>
+			<p><?php printf( __( '<strong>Version %s</strong> addressed one security issue.' ), '4.3.15' ); ?>
+				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.3.15' ); ?>
 			</p>
-			<p><?php printf( _n( '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
-					'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.', 5 ), '4.8.2', number_format_i18n( 5 ) ); ?>
-				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.8.2' ); ?>
+			<p><?php printf( __( '<strong>Version %s</strong> addressed some security issues.' ), '4.3.14' ); ?>
+				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.3.14' ); ?>
+			</p>
+			<p><?php printf( __( '<strong>Version %s</strong> addressed one security issue.' ), '4.3.13' ); ?>
+				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.3.13' ); ?>
+			</p>
+			<p><?php printf( _n( '<strong>Version %1$s</strong> addressed a security issue.',
+					'<strong>Version %1$s</strong> addressed some security issues.', 8 ), '4.3.12' ); ?>
+				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.3.12' ); ?>
+			</p>
+			<p><?php printf( _n( '<strong>Version %1$s</strong> addressed a security issue.',
+					'<strong>Version %1$s</strong> addressed some security issues.', 5 ), '4.3.11' ); ?>
+				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.3.11' ); ?>
 			</p>
 			<p><?php printf( _n( '<strong>Version %1$s</strong> addressed %2$s bug.',
-					'<strong>Version %1$s</strong> addressed %2$s bugs.', 29 ), '4.8.1', number_format_i18n( 29 ) ); ?>
-				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.8.1' ); ?>
+					'<strong>Version %1$s</strong> addressed %2$s bugs.', 1 ), '4.3.10', number_format_i18n( 1 ) ); ?>
+				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.3.10' ); ?>
+			</p>
+			<p><?php printf( _n( '<strong>Version %1$s</strong> addressed a security issue.',
+					'<strong>Version %1$s</strong> addressed some security issues.', 6 ), '4.3.9' ); ?>
+				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.3.9' ); ?>
+			</p>
+			<p><?php printf( _n( '<strong>Version %1$s</strong> addressed a security issue.',
+					'<strong>Version %1$s</strong> addressed some security issues.', 3 ), '4.3.8' ); ?>
+				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.3.8' ); ?>
+			</p>
+			<p><?php printf( _n( '<strong>Version %1$s</strong> addressed a security issue.',
+					'<strong>Version %1$s</strong> addressed some security issues.', 8 ), '4.3.7' ); ?>
+				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.3.7' ); ?>
+			</p>
+			<p><?php printf( _n( '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
+		         '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.', 1 ), '4.3.6', number_format_i18n( 1 ) ); ?>
+				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.3.6' ); ?>
+			</p>
+			<p><?php printf( _n( '<strong>Version %1$s</strong> addressed a security issue.',
+		         '<strong>Version %1$s</strong> addressed some security issues.', 7 ), '4.3.5' ); ?>
+				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.3.5' ); ?>
+			</p>
+			<p><?php printf( _n( '<strong>Version %1$s</strong> addressed a security issue.',
+		         '<strong>Version %1$s</strong> addressed some security issues.', 7 ), '4.3.4' ); ?>
+				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.3.4' ); ?>
+			</p>
+			<p><?php printf( _n( '<strong>Version %1$s</strong> addressed a security issue.',
+		         '<strong>Version %1$s</strong> addressed some security issues.', 2 ), '4.3.3' ); ?>
+				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.3.3' ); ?>
+			</p>
+			<p><?php printf( _n( '<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bug.',
+		         '<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bugs.', 5 ), '4.3.2', number_format_i18n( 5 ) ); ?>
+				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.3.2' ); ?>
+			</p>
+			<p><?php printf( _n( '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
+		         '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.', 26 ), '4.3.1', number_format_i18n( 26 ) ); ?>
+				<?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.3.1' ); ?>
 			</p>
 		</div>
 
-		<div class="feature-section one-col">
-			<div class="col">
-				<h2><?php _e( 'An Update with You in Mind' ); ?></h2>
-				<p class="lead-description"><?php _e( 'WordPress 4.8 adds some great new features. Gear up for a more intuitive WordPress!' ); ?></p>
-				<p><?php _e( 'Though some updates seem minor, they&#8217;ve been built by hundreds of contributors with <em>you</em> in mind. Get ready for new features you&#8217;ll welcome like an old friend: link improvements, <em>three</em> new media widgets covering images, audio, and video, an updated text widget that supports visual editing, and an upgraded news section in your dashboard which brings in nearby and upcoming WordPress events.' ); ?></p>
-			</div>
+		<div class="headline-feature feature-video">
+			<iframe width="1050" height="591" src="<?php echo esc_url( $video_url ); ?>" frameborder="0" allowfullscreen></iframe>
+			<script src="https://videopress.com/videopress-iframe.js"></script>
 		</div>
 
-		<hr />
-
-		<h2><?php _e( 'Exciting Widget Updates' ); ?></h2>
-
-		<div class="headline-feature one-col">
-			<div class="col">
-				<picture>
-					<!-- Large image -->
-					<source media="( min-width: 1050px )"
-						srcset="
-							https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_810.png 810w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_1054.png 1054w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_1266.png 1266w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_1458.png 1458w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_1633.png 1633w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_1797.png 1797w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_1955.png 1955w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_2100.png 2100w"
-						sizes="( max-width: 1290px ) calc( 100vw - 240px ), 1050px" />
-					<!-- Medium image -->
-					<source media="( min-width: 601px )"
-						srcset="
-							https://s.w.org/images/core/4.8/widgets-with-all-four_w_531.png 531w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four_w_745.png 745w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four_w_927.png 927w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four_w_1089.png 1089w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four_w_1236.png 1236w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four_w_1370.png 1370w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four_w_1498.png 1498w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four_w_1620.png 1620w"
-						sizes="( max-width: 782px ) calc( 100vw - 70px ), ( max-width: 960px ) calc( 100vw - 116px ), calc( 100vw - 240px )" />
-					<!-- Small image -->
-					<img src="https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_685.png"
-						srcset="
-							https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_300.png 300w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_451.png 451w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_575.png 575w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_685.png 685w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_784.png 784w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_873.png 873w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_959.png 959w,
-							https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_1040.png 1040w"
-						sizes="( max-width: 500px ) calc( 100vw - 40px ), calc( 100vw - 70px )"
-						alt="" />
-				</picture>
-			</div>
-		</div>
+		<hr/>
 
 		<div class="feature-section two-col">
+			<?php foreach ( $major_features as $feature ) : ?>
 			<div class="col">
-				<h3><?php _e( 'Image Widget' ); ?></h3>
-				<p><?php _e( 'Adding an image to a widget is now a simple task that is achievable for any WordPress user without needing to know code. Simply insert your image right within the widget settings. Try adding something like a headshot or a photo of your latest weekend adventure &mdash; and see it appear automatically.' ); ?></p>
-			</div>
-			<div class="col">
-				<h3><?php _e( 'Video Widget' ); ?></h3>
-				<p><?php _e( 'A welcome video is a great way to humanize the branding of your website. You can now add any video from the Media Library to a sidebar on your site with the new Video widget. Use this to showcase a welcome video to introduce visitors to your site or promote your latest and greatest content.' ); ?></p>
-			</div>
-			<div class="col">
-				<h3><?php _e( 'Audio Widget' ); ?></h3>
-				<p><?php _e( 'Are you a podcaster, musician, or avid blogger? Adding a widget with your audio file has never been easier. Upload your audio file to the Media Library, go to the widget settings, select your file, and you&#8217;re ready for listeners. This would be a easy way to add a more personal welcome message, too!' );?></p>
-			</div>
-			<div class="col">
-				<h3><?php _e( 'Rich Text Widget' ); ?></h3>
-				<p><?php _e( 'This feature deserves a parade down the center of town! Rich-text editing capabilities are now native for Text widgets. Add a widget anywhere and format away. Create lists, add emphasis, and quickly and easily insert links. Have fun with your newfound formatting powers, and watch what you can accomplish in a short amount of time.' ); ?></p>
+				<div class="media-container">
+					<?php
+					// Video.
+					if ( is_array( $feature['src'] ) ) :
+						echo wp_video_shortcode( array(
+							'mp4'      => $feature['src']['mp4'],
+							'ogv'      => $feature['src']['ogv'],
+							'webm'     => $feature['src']['webm'],
+							'loop'     => true,
+							'autoplay' => true,
+							'width'    => 500,
+							'height'   => 284
+						) );
+
+					// Image.
+					else:
+					?>
+					<img src="<?php echo esc_url( $feature['src'] ); ?>" />
+					<?php endif; ?>
+				</div>
+				<h3><?php echo $feature['heading']; ?></h3>
+				<p><?php echo $feature['description']; ?></p>
 			</div>
+			<?php endforeach; ?>
 		</div>
 
-		<hr />
-
-		<div class="feature-section two-col">
+		<div class="feature-section three-col">
+			<?php foreach ( $minor_features as $feature ) : ?>
 			<div class="col">
-				<h3><?php _e( 'Link Boundaries' ); ?></h3>
-				<p><?php _e( 'Have you ever tried updating a link, or the text around a link, and found you can&#8217;t seem to edit it correctly? When you edit the text after the link, your new text also ends up linked. Or you edit the text in the link, but your text ends up outside of it. This can be frustrating! With link boundaries, a great new feature, the process is streamlined and your links will work well. You’ll be happier. We promise.' ); ?></p>
-			</div>
-			<div class="col">
-				<?php
-				echo wp_video_shortcode( array(
-					'mp4'      => 'https://s.w.org/images/core/4.8/link-boundaries.mp4',
-					'poster'   => 'https://s.w.org/images/core/4.8/link-boundaries.png',
-					'width'    => 1140,
-					'height'   => 624,
-					// 'class'    => 'wp-video-shortcode feature-video',
-				) );
-				?>
+				<div class="svg-container">
+					<img src="<?php echo esc_attr( $feature['src'] ); ?>" />
+				</div>
+				<h3><?php echo $feature['heading']; ?></h3>
+				<p><?php echo $feature['description']; ?></p>
 			</div>
+			<?php endforeach; ?>
 		</div>
 
-		<hr />
-
-		<div class="feature-section two-col">
-			<div class="col">
-				<h3><?php _e( 'Nearby WordPress Events' ); ?></h3>
-
-				<p><?php _e( 'Did you know that WordPress has a thriving offline community with groups meeting regularly in more than 400 cities around the world? WordPress now draws your attention to the events that help you continue improving your WordPress skills, meet friends, and, of course, publish!' ); ?></p>
-
-				<p><?php _e( 'This is quickly becoming one of our favorite features. While you are in the dashboard (because you&#8217;re running updates and writing posts, right?) all upcoming WordCamps and WordPress Meetups &mdash; local to you &mdash; will be displayed.' ); ?>
-
-				<p><?php _e( 'Being part of the community can help you improve your WordPress skills and network with people you wouldn&#8217;t otherwise meet. Now you can easily find your local events just by logging in to your dashboard and looking at the new Events and News dashboard widget.' ); ?>
-			</div>
-			<div class="col">
-				<img
-					src="https://s.w.org/images/core/4.8/events-widget_w_732.png"
-					srcset="
-						https://s.w.org/images/core/4.8/events-widget_w_280.png 280w,
-						https://s.w.org/images/core/4.8/events-widget_w_420.png 420w,
-						https://s.w.org/images/core/4.8/events-widget_w_529.png 529w,
-						https://s.w.org/images/core/4.8/events-widget_w_638.png 638w,
-						https://s.w.org/images/core/4.8/events-widget_w_732.png 732w,
-						https://s.w.org/images/core/4.8/events-widget_w_827.png 827w,
-						https://s.w.org/images/core/4.8/events-widget_w_992.png 992w"
-					sizes="
-						( max-width: 500px ) calc( 100vw - 40px ),
-						( max-width: 782px ) calc( 48vw - 33px ),
-						( max-width: 960px ) calc( 47vw - 54px ),
-						( max-width: 1290px ) calc( 47vw - 112px ),
-						496px"
-					alt="" />
-			</div>
-		</div>
-
-		<hr />
-
 		<div class="changelog">
-			<h2><?php
-				printf(
-					/* translators: %s: smiling face with smiling eyes emoji */
-					__( 'Even More Developer Happiness %s' ),
-					'&#x1F60A'
-				);
-			?></h2>
+			<h3><?php _e( 'Under the Hood' ); ?></h3>
 
-			<div class="under-the-hood three-col">
+			<div class="feature-section under-the-hood three-col">
+				<?php foreach ( $tech_features as $feature ) : ?>
 				<div class="col">
-					<h3><a href="https://make.wordpress.org/core/2017/05/17/cleaner-headings-in-the-admin-screens/"><?php _e( 'More Accessible Admin Panel Headings' ); ?></a></h3>
-					<p><?php _e( 'New CSS rules mean extraneous content (like &ldquo;Add New&rdquo; links) no longer need to be included in admin-area headings. These panel headings improve the experience for people using assistive technologies.' ); ?></p>
-				</div>
-				<div class="col">
-					<h3><a href="https://make.wordpress.org/core/2017/05/22/removal-of-core-embedding-support-for-wmv-and-wma-file-formats/"><?php _e( 'Removal of Core Support for WMV and WMA Files' ); ?></a></h3>
-					<p><?php _e( 'As fewer and fewer browsers support Silverlight, file formats which require the presence of the Silverlight plugin are being removed from core support. Files will still display as a download link, but will no longer be embedded automatically.' ); ?></p>
-				</div>
-				<div class="col">
-					<h3><a href="https://make.wordpress.org/core/2017/05/22/multisite-focused-changes-in-4-8/"><?php _e( 'Multisite Updates' ); ?></a></h3>
-					<p><?php _e( 'New capabilities have been introduced to 4.8 with an eye towards removing calls to <code>is_super_admin()</code>. Additionally, new hooks and tweaks to more granularly control site and user counts per network have been added.' ); ?></p>
-				</div>
-				<div class="col">
-					<h3><a href="https://make.wordpress.org/core/2017/05/23/addition-of-tinymce-to-the-text-widget/"><?php _e( 'Text-Editor JavaScript API' ); ?></a></h3>
-					<p><?php _e( 'With the addition of TinyMCE to the text widget in 4.8 comes a new JavaScript API for instantiating the editor after page load. This can be used to add an editor instance to any text area, and customize it with buttons and functions. Great for plugin authors!' ); ?></p>
-				</div>
-				<div class="col">
-					<h3><a href="https://make.wordpress.org/core/2017/05/26/media-widgets-for-images-video-and-audio/"><?php _e( 'Media Widgets API' ); ?></a></h3>
-					<p><?php _e( 'The introduction of a new base media widget REST API schema to 4.8 opens up possibilities for even more media widgets (like galleries or playlists) in the future. The three new media widgets are powered by a shared base class that covers most of the interactions with the media modal. That class also makes it easier to create new media widgets and paves the way for more to come.' ); ?></p>
-				</div>
-				<div class="col">
-					<h3><a href="https://make.wordpress.org/core/2017/05/16/customizer-sidebar-width-is-now-variable/"><?php _e( 'Customizer Width Variable' ); ?></a></h3>
-					<p><?php _e( 'Rejoice! New responsive breakpoints have been added to the customizer sidebar to make it wider on high-resolution screens. Customizer controls should use percentage-based widths instead of pixels.' ); ?></p>
+					<h4><?php echo $feature['heading']; ?></h4>
+					<p><?php echo $feature['description']; ?></p>
 				</div>
+				<?php endforeach; ?>
 			</div>
+
+			<div class="return-to-dashboard">
+				<?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>
+					<a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>">
+						<?php is_multisite() ? _e( 'Return to Updates' ) : _e( 'Return to Dashboard &rarr; Updates' ); ?>
+					</a> |
+				<?php endif; ?>
+				<a href="<?php echo esc_url( self_admin_url() ); ?>"><?php is_blog_admin() ? _e( 'Go to Dashboard &rarr; Home' ) : _e( 'Go to Dashboard' ); ?></a>
+			</div>
+
 		</div>
-
-		<hr />
-
-		<div class="return-to-dashboard">
-			<?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>
-				<a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>">
-					<?php is_multisite() ? _e( 'Return to Updates' ) : _e( 'Return to Dashboard &rarr; Updates' ); ?>
-				</a> |
-			<?php endif; ?>
-			<a href="<?php echo esc_url( self_admin_url() ); ?>"><?php is_blog_admin() ? _e( 'Go to Dashboard &rarr; Home' ) : _e( 'Go to Dashboard' ); ?></a>
-		</div>
-
 	</div>
 <?php
 
@@ -254,19 +262,13 @@ include( ABSPATH . 'wp-admin/admin-footer.php' );
 // These are strings we may use to describe maintenance/security releases, where we aim for no new strings.
 return;
 
-__( 'Maintenance Release' );
-__( 'Maintenance Releases' );
+_n_noop( 'Maintenance Release', 'Maintenance Releases' );
+_n_noop( 'Security Release', 'Security Releases' );
+_n_noop( 'Maintenance and Security Release', 'Maintenance and Security Releases' );
 
-__( 'Security Release' );
-__( 'Security Releases' );
-
-__( 'Maintenance and Security Release' );
-__( 'Maintenance and Security Releases' );
-
-/* translators: %s: WordPress version number */
-__( '<strong>Version %s</strong> addressed one security issue.' );
-/* translators: %s: WordPress version number */
-__( '<strong>Version %s</strong> addressed some security issues.' );
+/* translators: 1: WordPress version number. */
+_n_noop( '<strong>Version %1$s</strong> addressed a security issue.',
+         '<strong>Version %1$s</strong> addressed some security issues.' );
 
 /* translators: 1: WordPress version number, 2: plural number of bugs. */
 _n_noop( '<strong>Version %1$s</strong> addressed %2$s bug.',
@@ -280,5 +282,4 @@ _n_noop( '<strong>Version %1$s</strong> addressed a security issue and fixed %2$
 _n_noop( '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
          '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.' );
 
-/* translators: %s: Codex URL */
 __( 'For more information, see <a href="%s">the release notes</a>.' );

wp-admin/admin-ajax.php

@@ -1,6 +1,6 @@
 <?php
 /**
- * WordPress Ajax Process Execution
+ * WordPress AJAX Process Execution.
  *
  * @package WordPress
  * @subpackage Administration
@@ -9,7 +9,7 @@
  */
 
 /**
- * Executing Ajax process.
+ * Executing AJAX process.
  *
  * @since 2.1.0
  */
@@ -21,7 +21,7 @@ if ( ! defined( 'WP_ADMIN' ) ) {
 /** Load WordPress Bootstrap */
 require_once( dirname( dirname( __FILE__ ) ) . '/wp-load.php' );
 
-/** Allow for cross-domain requests (from the front end). */
+/** Allow for cross-domain requests (from the frontend). */
 send_origin_headers();
 
 // Require an action parameter
@@ -56,15 +56,13 @@ $core_actions_post = array(
 	'hidden-columns', 'update-welcome-panel', 'menu-get-metabox', 'wp-link-ajax',
 	'menu-locations-save', 'menu-quick-search', 'meta-box-order', 'get-permalink',
 	'sample-permalink', 'inline-save', 'inline-save-tax', 'find_posts', 'widgets-order',
-	'save-widget', 'delete-inactive-widgets', 'set-post-thumbnail', 'date_format', 'time_format',
+	'save-widget', 'set-post-thumbnail', 'date_format', 'time_format',
 	'wp-remove-post-lock', 'dismiss-wp-pointer', 'upload-attachment', 'get-attachment',
 	'query-attachments', 'save-attachment', 'save-attachment-compat', 'send-link-to-editor',
 	'send-attachment-to-editor', 'save-attachment-order', 'heartbeat', 'get-revision-diffs',
 	'save-user-color-scheme', 'update-widget', 'query-themes', 'parse-embed', 'set-attachment-thumbnail',
 	'parse-media-shortcode', 'destroy-sessions', 'install-plugin', 'update-plugin', 'press-this-save-post',
-	'press-this-add-category', 'crop-image', 'generate-password', 'save-wporg-username', 'delete-plugin',
-	'search-plugins', 'search-install-plugins', 'activate-plugin', 'update-theme', 'delete-theme',
-	'install-theme', 'get-post-thumbnail-html', 'get-community-events',
+	'press-this-add-category', 'crop-image',
 );
 
 // Deprecated
@@ -81,20 +79,20 @@ add_action( 'wp_ajax_nopriv_heartbeat', 'wp_ajax_nopriv_heartbeat', 1 );
 
 if ( is_user_logged_in() ) {
 	/**
-	 * Fires authenticated Ajax actions for logged-in users.
+	 * Fires authenticated AJAX actions for logged-in users.
 	 *
 	 * The dynamic portion of the hook name, `$_REQUEST['action']`,
-	 * refers to the name of the Ajax action callback being fired.
+	 * refers to the name of the AJAX action callback being fired.
 	 *
 	 * @since 2.1.0
 	 */
 	do_action( 'wp_ajax_' . $_REQUEST['action'] );
 } else {
 	/**
-	 * Fires non-authenticated Ajax actions for logged-out users.
+	 * Fires non-authenticated AJAX actions for logged-out users.
 	 *
 	 * The dynamic portion of the hook name, `$_REQUEST['action']`,
-	 * refers to the name of the Ajax action callback being fired.
+	 * refers to the name of the AJAX action callback being fired.
 	 *
 	 * @since 2.8.0
 	 */

wp-admin/admin-footer.php

@@ -9,11 +9,6 @@
 // don't load directly
 if ( !defined('ABSPATH') )
 	die('-1');
-
-/**
- * @global string $hook_suffix
- */
-global $hook_suffix;
 ?>
 
 <div class="clear"></div></div><!-- wpbody-content -->
@@ -33,7 +28,7 @@ global $hook_suffix;
 		<?php
 		$text = sprintf( __( 'Thank you for creating with <a href="%s">WordPress</a>.' ), __( 'https://wordpress.org/' ) );
 		/**
-		 * Filters the "Thank you" text displayed in the admin footer.
+		 * Filter the "Thank you" text displayed in the admin footer.
 		 *
 		 * @since 2.8.0
 		 *
@@ -45,7 +40,7 @@ global $hook_suffix;
 	<p id="footer-upgrade" class="alignright">
 		<?php
 		/**
-		 * Filters the version/update text displayed in the admin footer.
+		 * Filter the version/update text displayed in the admin footer.
 		 *
 		 * WordPress prints the current version and update information,
 		 * using core_update_footer() at priority 10.
@@ -63,7 +58,7 @@ global $hook_suffix;
 </div>
 <?php
 /**
- * Prints scripts or data before the default footer scripts.
+ * Print scripts or data before the default footer scripts.
  *
  * @since 1.2.0
  *
@@ -71,16 +66,6 @@ global $hook_suffix;
  */
 do_action( 'admin_footer', '' );
 
-/**
- * Prints scripts and data queued for the footer.
- *
- * The dynamic portion of the hook name, `$hook_suffix`,
- * refers to the global hook suffix of the current page.
- *
- * @since 4.6.0
- */
-do_action( "admin_print_footer_scripts-{$hook_suffix}" );
-
 /**
  * Prints any scripts and data queued for the footer.
  *
@@ -89,14 +74,17 @@ do_action( "admin_print_footer_scripts-{$hook_suffix}" );
 do_action( 'admin_print_footer_scripts' );
 
 /**
- * Prints scripts or data after the default footer scripts.
+ * Print scripts or data after the default footer scripts.
  *
- * The dynamic portion of the hook name, `$hook_suffix`,
+ * The dynamic portion of the hook name, `$GLOBALS['hook_suffix']`,
  * refers to the global hook suffix of the current page.
  *
  * @since 2.8.0
+ *
+ * @global string $hook_suffix
+ * @param string $hook_suffix The current admin page.
  */
-do_action( "admin_footer-{$hook_suffix}" );
+do_action( "admin_footer-" . $GLOBALS['hook_suffix'] );
 
 // get_site_option() won't exist when auto upgrading from <= 2.7
 if ( function_exists('get_site_option') ) {

wp-admin/admin-functions.php

@@ -9,7 +9,7 @@
  * @subpackage Administration
  */
 
-_deprecated_file( basename(__FILE__), '2.5.0', 'wp-admin/includes/admin.php' );
+_deprecated_file( basename(__FILE__), '2.5', 'wp-admin/includes/admin.php' );
 
 /** WordPress Administration API: Includes all Administration functions. */
 require_once(ABSPATH . 'wp-admin/includes/admin.php');

wp-admin/admin-header.php

@@ -18,11 +18,12 @@ if ( ! defined( 'WP_ADMIN' ) )
  * @global WP_Screen $current_screen
  * @global WP_Locale $wp_locale
  * @global string    $pagenow
+ * @global string    $wp_version
  * @global string    $update_title
  * @global int       $total_update_count
  * @global string    $parent_file
  */
-global $title, $hook_suffix, $current_screen, $wp_locale, $pagenow,
+global $title, $hook_suffix, $current_screen, $wp_locale, $pagenow, $wp_version,
 	$update_title, $total_update_count, $parent_file;
 
 // Catch plugins that include admin-header.php before admin.php completes.
@@ -32,26 +33,20 @@ if ( empty( $current_screen ) )
 get_admin_page_title();
 $title = esc_html( strip_tags( $title ) );
 
-if ( is_network_admin() ) {
-	/* translators: Network admin screen title. 1: Network name */
-	$admin_title = sprintf( __( 'Network Admin: %s' ), esc_html( get_network()->site_name ) );
-} elseif ( is_user_admin() ) {
-	/* translators: User dashboard screen title. 1: Network name */
-	$admin_title = sprintf( __( 'User Dashboard: %s' ), esc_html( get_network()->site_name ) );
-} else {
+if ( is_network_admin() )
+	$admin_title = sprintf( __( 'Network Admin: %s' ), esc_html( get_current_site()->site_name ) );
+elseif ( is_user_admin() )
+	$admin_title = sprintf( __( 'User Dashboard: %s' ), esc_html( get_current_site()->site_name ) );
+else
 	$admin_title = get_bloginfo( 'name' );
-}
 
-if ( $admin_title == $title ) {
-	/* translators: Admin screen title. 1: Admin screen name */
+if ( $admin_title == $title )
 	$admin_title = sprintf( __( '%1$s — WordPress' ), $title );
-} else {
-	/* translators: Admin screen title. 1: Admin screen name, 2: Network or site name */
+else
 	$admin_title = sprintf( __( '%1$s ‹ %2$s — WordPress' ), $title, $admin_title );
-}
 
 /**
- * Filters the title tag content for an admin page.
+ * Filter the title tag content for an admin page.
  *
  * @since 3.1.0
  *
@@ -101,7 +96,7 @@ do_action( 'admin_enqueue_scripts', $hook_suffix );
  *
  * @since 2.6.0
  */
-do_action( "admin_print_styles-{$hook_suffix}" );
+do_action( "admin_print_styles-$hook_suffix" );
 
 /**
  * Fires when styles are printed for all admin pages.
@@ -115,7 +110,7 @@ do_action( 'admin_print_styles' );
  *
  * @since 2.1.0
  */
-do_action( "admin_print_scripts-{$hook_suffix}" );
+do_action( "admin_print_scripts-$hook_suffix" );
 
 /**
  * Fires when scripts are printed for all admin pages.
@@ -132,7 +127,7 @@ do_action( 'admin_print_scripts' );
  *
  * @since 2.1.0
  */
-do_action( "admin_head-{$hook_suffix}" );
+do_action( "admin_head-$hook_suffix" );
 
 /**
  * Fires in head section for all admin pages.
@@ -159,10 +154,10 @@ if ( $current_screen->post_type )
 if ( $current_screen->taxonomy )
 	$admin_body_class .= ' taxonomy-' . $current_screen->taxonomy;
 
-$admin_body_class .= ' branch-' . str_replace( array( '.', ',' ), '-', floatval( get_bloginfo( 'version' ) ) );
-$admin_body_class .= ' version-' . str_replace( '.', '-', preg_replace( '/^([.0-9]+).*/', '$1', get_bloginfo( 'version' ) ) );
+$admin_body_class .= ' branch-' . str_replace( array( '.', ',' ), '-', floatval( $wp_version ) );
+$admin_body_class .= ' version-' . str_replace( '.', '-', preg_replace( '/^([.0-9]+).*/', '$1', $wp_version ) );
 $admin_body_class .= ' admin-color-' . sanitize_html_class( get_user_option( 'admin_color' ), 'fresh' );
-$admin_body_class .= ' locale-' . sanitize_html_class( strtolower( str_replace( '_', '-', get_user_locale() ) ) );
+$admin_body_class .= ' locale-' . sanitize_html_class( strtolower( str_replace( '_', '-', get_locale() ) ) );
 
 if ( wp_is_mobile() )
 	$admin_body_class .= ' mobile';
@@ -179,7 +174,7 @@ $admin_body_class .= ' no-customize-support no-svg';
 </head>
 <?php
 /**
- * Filters the CSS classes for the body tag in the admin.
+ * Filter the CSS classes for the body tag in the admin.
  *
  * This filter differs from the {@see 'post_class'} and {@see 'body_class'} filters
  * in two important ways:
@@ -234,21 +229,21 @@ $current_screen->render_screen_meta();
 
 if ( is_network_admin() ) {
 	/**
-	 * Prints network admin screen notices.
+	 * Print network admin screen notices.
 	 *
 	 * @since 3.1.0
 	 */
 	do_action( 'network_admin_notices' );
 } elseif ( is_user_admin() ) {
 	/**
-	 * Prints user admin screen notices.
+	 * Print user admin screen notices.
 	 *
 	 * @since 3.1.0
 	 */
 	do_action( 'user_admin_notices' );
 } else {
 	/**
-	 * Prints admin screen notices.
+	 * Print admin screen notices.
 	 *
 	 * @since 3.1.0
 	 */
@@ -256,7 +251,7 @@ if ( is_network_admin() ) {
 }
 
 /**
- * Prints generic admin screen notices.
+ * Print generic admin screen notices.
  *
  * @since 3.1.0
  */

wp-admin/admin-post.php

@@ -18,7 +18,7 @@ if ( defined('ABSPATH') )
 else
 	require_once( dirname( dirname( __FILE__ ) ) . '/wp-load.php' );
 
-/** Allow for cross-domain requests (from the front end). */
+/** Allow for cross-domain requests (from the frontend). */
 send_origin_headers();
 
 require_once(ABSPATH . 'wp-admin/includes/admin.php');

wp-admin/admin.php

@@ -48,7 +48,7 @@ if ( get_option('db_upgraded') ) {
 		exit;
 
 	/**
-	 * Filters whether to attempt to perform the multisite DB upgrade routine.
+	 * Filter whether to attempt to perform the multisite DB upgrade routine.
 	 *
 	 * In single site, the user would be redirected to wp-admin/upgrade.php.
 	 * In multisite, the DB upgrade routine is automatically fired, but only
@@ -59,7 +59,7 @@ if ( get_option('db_upgraded') ) {
 	 *
 	 * @since 3.0.0
 	 *
-	 * @param bool $do_mu_upgrade Whether to perform the Multisite upgrade routine. Default true.
+	 * @param bool true Whether to perform the Multisite upgrade routine. Default true.
 	 */
 	} elseif ( apply_filters( 'do_mu_upgrade', true ) ) {
 		$c = get_blog_count();
@@ -84,13 +84,13 @@ require_once(ABSPATH . 'wp-admin/includes/admin.php');
 auth_redirect();
 
 // Schedule trash collection
-if ( ! wp_next_scheduled( 'wp_scheduled_delete' ) && ! wp_installing() )
+if ( !wp_next_scheduled('wp_scheduled_delete') && !defined('WP_INSTALLING') )
 	wp_schedule_event(time(), 'daily', 'wp_scheduled_delete');
 
 set_screen_options();
 
-$date_format = __( 'F j, Y' );
-$time_format = __( 'g:i a' );
+$date_format = get_option('date_format');
+$time_format = get_option('time_format');
 
 wp_enqueue_script( 'common' );
 
@@ -138,7 +138,21 @@ else
 	require(ABSPATH . 'wp-admin/menu.php');
 
 if ( current_user_can( 'manage_options' ) ) {
-	wp_raise_memory_limit( 'admin' );
+	/**
+	 * Filter the maximum memory limit available for administration screens.
+	 *
+	 * This only applies to administrators, who may require more memory for tasks like updates.
+	 * Memory limits when processing images (uploaded or edited by users of any role) are
+	 * handled separately.
+	 *
+	 * The WP_MAX_MEMORY_LIMIT constant specifically defines the maximum memory limit available
+	 * when in the administration back-end. The default is 256M, or 256 megabytes of memory.
+	 *
+	 * @since 3.0.0
+	 *
+	 * @param string 'WP_MAX_MEMORY_LIMIT' The maximum WordPress memory limit. Default 256M.
+	 */
+	@ini_set( 'memory_limit', apply_filters( 'admin_memory_limit', WP_MAX_MEMORY_LIMIT ) );
 }
 
 /**
@@ -147,7 +161,7 @@ if ( current_user_can( 'manage_options' ) ) {
  * Note, this does not just run on user-facing admin screens.
  * It runs on admin-ajax.php and admin-post.php as well.
  *
- * This is roughly analogous to the more general {@see 'init'} hook, which fires earlier.
+ * This is roughly analgous to the more general 'init' hook, which fires earlier.
  *
  * @since 2.5.0
  */
@@ -161,7 +175,7 @@ if ( isset($plugin_page) ) {
 	if ( ! $page_hook = get_plugin_page_hook($plugin_page, $the_parent) ) {
 		$page_hook = get_plugin_page_hook($plugin_page, $plugin_page);
 
-		// Back-compat for plugins using add_management_page().
+		// Backwards compatibility for plugins using add_management_page().
 		if ( empty( $page_hook ) && 'edit.php' == $pagenow && '' != get_plugin_page_hook($plugin_page, 'tools.php') ) {
 			// There could be plugin specific params on the URL, so we need the whole query string
 			if ( !empty($_SERVER[ 'QUERY_STRING' ]) )
@@ -209,7 +223,7 @@ if ( isset($plugin_page) ) {
 		 *
 		 * @since 2.1.0
 		 */
-		do_action( "load-{$page_hook}" );
+		do_action( 'load-' . $page_hook );
 		if (! isset($_GET['noheader']))
 			require_once(ABSPATH . 'wp-admin/admin-header.php');
 
@@ -221,9 +235,8 @@ if ( isset($plugin_page) ) {
 		 */
 		do_action( $page_hook );
 	} else {
-		if ( validate_file( $plugin_page ) ) {
-			wp_die( __( 'Invalid plugin page.' ) );
-		}
+		if ( validate_file($plugin_page) )
+			wp_die(__('Invalid plugin page'));
 
 		if ( !( file_exists(WP_PLUGIN_DIR . "/$plugin_page") && is_file(WP_PLUGIN_DIR . "/$plugin_page") ) && !( file_exists(WPMU_PLUGIN_DIR . "/$plugin_page") && is_file(WPMU_PLUGIN_DIR . "/$plugin_page") ) )
 			wp_die(sprintf(__('Cannot load %s.'), htmlentities($plugin_page)));
@@ -240,7 +253,7 @@ if ( isset($plugin_page) ) {
 		 *
 		 * @since 1.5.0
 		 */
-		do_action( "load-{$plugin_page}" );
+		do_action( 'load-' . $plugin_page );
 
 		if ( !isset($_GET['noheader']))
 			require_once(ABSPATH . 'wp-admin/admin-header.php');
@@ -258,9 +271,8 @@ if ( isset($plugin_page) ) {
 
 	$importer = $_GET['import'];
 
-	if ( ! current_user_can( 'import' ) ) {
-		wp_die( __( 'Sorry, you are not allowed to import content.' ) );
-	}
+	if ( ! current_user_can('import') )
+		wp_die(__('You are not allowed to import.'));
 
 	if ( validate_file($importer) ) {
 		wp_redirect( admin_url( 'import.php?invalid=' . $importer ) );
@@ -279,7 +291,7 @@ if ( isset($plugin_page) ) {
 	 *
 	 * @since 3.5.0
 	 */
-	do_action( "load-importer-{$importer}" );
+	do_action( 'load-importer-' . $importer );
 
 	$parent_file = 'tools.php';
 	$submenu_file = 'import.php';
@@ -300,7 +312,7 @@ if ( isset($plugin_page) ) {
 	 *
 	 * @since 3.1.0
 	 *
-	 * @param bool $force Whether to force data to be filtered through kses. Default false.
+	 * @param bool false Whether to force data to be filtered through kses. Default false.
 	 */
 	if ( apply_filters( 'force_filtered_html_on_import', false ) ) {
 		kses_init_filters();  // Always filter imported data with kses on multisite.
@@ -327,7 +339,7 @@ if ( isset($plugin_page) ) {
 	 *
 	 * @since 2.1.0
 	 */
-	do_action( "load-{$pagenow}" );
+	do_action( 'load-' . $pagenow );
 
 	/*
 	 * The following hooks are fired to ensure backward compatibility.
@@ -343,8 +355,6 @@ if ( isset($plugin_page) ) {
 			do_action( 'load-categories.php' );
 		elseif ( $taxnow == 'link_category' )
 			do_action( 'load-edit-link-categories.php' );
-	} elseif( 'term.php' === $pagenow ) {
-		do_action( 'load-edit-tags.php' );
 	}
 }
 

wp-admin/async-upload.php

@@ -45,26 +45,23 @@ if ( isset( $_REQUEST['action'] ) && 'upload-attachment' === $_REQUEST['action']
 }
 
 if ( ! current_user_can( 'upload_files' ) ) {
-	wp_die( __( 'Sorry, you are not allowed to upload files.' ) );
+	wp_die( __( 'You do not have permission to upload files.' ) );
 }
 
 // just fetch the detail form for that attachment
 if ( isset($_REQUEST['attachment_id']) && ($id = intval($_REQUEST['attachment_id'])) && $_REQUEST['fetch'] ) {
 	$post = get_post( $id );
 	if ( 'attachment' != $post->post_type )
-		wp_die( __( 'Invalid post type.' ) );
+		wp_die( __( 'Unknown post type.' ) );
 	if ( ! current_user_can( 'edit_post', $id ) )
-		wp_die( __( 'Sorry, you are not allowed to edit this item.' ) );
+		wp_die( __( 'You are not allowed to edit this item.' ) );
 
 	switch ( $_REQUEST['fetch'] ) {
 		case 3 :
 			if ( $thumb_url = wp_get_attachment_image_src( $id, 'thumbnail', true ) )
 				echo '<img class="pinkynail" src="' . esc_url( $thumb_url[0] ) . '" alt="" />';
 			echo '<a class="edit-attachment" href="' . esc_url( get_edit_post_link( $id ) ) . '" target="_blank">' . _x( 'Edit', 'media item' ) . '</a>';
-
-			// Title shouldn't ever be empty, but use filename just in case.
-			$file = get_attached_file( $post->ID );
-			$title = $post->post_title ? $post->post_title : wp_basename( $file );
+			$title = $post->post_title ? $post->post_title : wp_basename( $post->guid ); // title shouldn't ever be empty, but use filename just in cas.e
 			echo '<div class="filename new"><span class="title">' . esc_html( wp_html_excerpt( $title, 60, '&hellip;' ) ) . '</span></div>';
 			break;
 		case 2 :
@@ -92,7 +89,7 @@ $id = media_handle_upload( 'async-upload', $post_id );
 if ( is_wp_error($id) ) {
 	echo '<div class="error-div error">
 	<a class="dismiss" href="#" onclick="jQuery(this).parents(\'div.media-item\').slideUp(200, function(){jQuery(this).remove();});">' . __('Dismiss') . '</a>
-	<strong>' . sprintf(__('&#8220;%s&#8221; has failed to upload.'), esc_html($_FILES['async-upload']['name']) ) . '</strong><br />' .
+	<strong>' . sprintf(__('&#8220;%s&#8221; has failed to upload due to an error'), esc_html($_FILES['async-upload']['name']) ) . '</strong><br />' .
 	esc_html($id->get_error_message()) . '</div>';
 	exit;
 }
@@ -105,7 +102,7 @@ if ( $_REQUEST['short'] ) {
 	$type = $_REQUEST['type'];
 
 	/**
-	 * Filters the returned ID of an uploaded attachment.
+	 * Filter the returned ID of an uploaded attachment.
 	 *
 	 * The dynamic portion of the hook name, `$type`, refers to the attachment type,
 	 * such as 'image', 'audio', 'video', 'file', etc.

wp-admin/comment.php

@@ -33,6 +33,17 @@ if ( isset( $_GET['dt'] ) ) {
 		$action = 'trash';
 }
 
+/**
+ * Display error message at bottom of comments.
+ *
+ * @param string $msg Error Message. Assumed to contain HTML and be sanitized.
+ */
+function comment_footer_die( $msg ) {
+	echo "<div class='wrap'><p>$msg</p></div>";
+	include( ABSPATH . 'wp-admin/admin-footer.php' );
+	die;
+}
+
 switch( $action ) {
 
 case 'editcomment' :
@@ -48,8 +59,8 @@ case 'editcomment' :
 
 	get_current_screen()->set_help_sidebar(
 	'<p><strong>' . __( 'For more information:' ) . '</strong></p>' .
-	'<p>' . __( '<a href="https://codex.wordpress.org/Administration_Screens#Comments">Documentation on Comments</a>' ) . '</p>' .
-	'<p>' . __( '<a href="https://wordpress.org/support/">Support Forums</a>' ) . '</p>'
+	'<p>' . __( '<a href="https://codex.wordpress.org/Administration_Screens#Comments" target="_blank">Documentation on Comments</a>' ) . '</p>' .
+	'<p>' . __( '<a href="https://wordpress.org/support/" target="_blank">Support Forums</a>' ) . '</p>'
 	);
 
 	wp_enqueue_script('comment');
@@ -61,7 +72,7 @@ case 'editcomment' :
 		comment_footer_die( __( 'Invalid comment ID.' ) . sprintf(' <a href="%s">' . __('Go back') . '</a>.', 'javascript:history.go(-1)') );
 
 	if ( !current_user_can( 'edit_comment', $comment_id ) )
-		comment_footer_die( __('Sorry, you are not allowed to edit this comment.') );
+		comment_footer_die( __('You are not allowed to edit this comment.') );
 
 	if ( 'trash' == $comment->comment_approved )
 		comment_footer_die( __('This comment is in the Trash. Please move it out of the Trash if you want to edit it.') );
@@ -81,7 +92,7 @@ case 'spam'    :
 
 	$comment_id = absint( $_GET['c'] );
 
-	if ( ! $comment = get_comment( $comment_id ) ) {
+	if ( !$comment = get_comment_to_edit( $comment_id ) ) {
 		wp_redirect( admin_url('edit-comments.php?error=1') );
 		die();
 	}
@@ -142,27 +153,27 @@ if ( $comment->comment_approved != '0' ) { // if not unapproved
 			break;
 	}
 	if ( $message ) {
-		echo '<div id="message" class="notice notice-info"><p>' . $message . '</p></div>';
+		echo '<div class="notice notice-info"><p>' . $message . '</p></div>';
 	}
 }
 ?>
-<div id="message" class="notice notice-warning"><p><strong><?php _e( 'Caution:' ); ?></strong> <?php echo $caution_msg; ?></p></div>
+<p><strong><?php _e('Caution:'); ?></strong> <?php echo $caution_msg; ?></p>
 
 <table class="form-table comment-ays">
 <tr>
 <th scope="row"><?php _e('Author'); ?></th>
-<td><?php comment_author( $comment ); ?></td>
+<td><?php echo $comment->comment_author; ?></td>
 </tr>
-<?php if ( get_comment_author_email( $comment ) ) { ?>
+<?php if ( $comment->comment_author_email ) { ?>
 <tr>
-<th scope="row"><?php _e('Email'); ?></th>
-<td><?php comment_author_email( $comment ); ?></td>
+<th scope="row"><?php _e('E-mail'); ?></th>
+<td><?php echo $comment->comment_author_email; ?></td>
 </tr>
 <?php } ?>
-<?php if ( get_comment_author_url( $comment ) ) { ?>
+<?php if ( $comment->comment_author_url ) { ?>
 <tr>
 <th scope="row"><?php _e('URL'); ?></th>
-<td><a href="<?php comment_author_url( $comment ); ?>"><?php comment_author_url( $comment ); ?></a></td>
+<td><a href="<?php echo $comment->comment_author_url; ?>"><?php echo $comment->comment_author_url; ?></a></td>
 </tr>
 <?php } ?>
 <tr>
@@ -180,13 +191,9 @@ if ( $comment->comment_approved != '0' ) { // if not unapproved
 
 		if ( $comment->comment_parent ) {
 			$parent      = get_comment( $comment->comment_parent );
-			$parent_link = esc_url( get_comment_link( $parent ) );
-			$name        = get_comment_author( $parent );
-			printf(
-				/* translators: %s: comment link */
-				' | ' . __( 'In reply to %s.' ),
-				'<a href="' . $parent_link . '">' . $name . '</a>'
-			);
+			$parent_link = esc_url( get_comment_link( $comment->comment_parent ) );
+			$name        = get_comment_author( $parent->comment_ID );
+			printf( ' | ' . __( 'In reply to <a href="%1$s">%2$s</a>.' ), $parent_link, $name );
 		}
 	?>
 	</td>
@@ -195,26 +202,19 @@ if ( $comment->comment_approved != '0' ) { // if not unapproved
 	<th scope="row"><?php _e( 'Submitted on' ); ?></th>
 	<td>
 	<?php
-		/* translators: 1: comment date, 2: comment time */
-		$submitted = sprintf( __( '%1$s at %2$s' ),
-			/* translators: comment date format. See https://secure.php.net/date */
-			get_comment_date( __( 'Y/m/d' ), $comment ),
-			get_comment_date( __( 'g:i a' ), $comment )
+		/* translators: 2: comment date, 3: comment time */
+		printf( __( '<a href="%1$s">%2$s at %3$s</a>' ),
+			esc_url( get_comment_link( $comment->comment_ID ) ),
+			/* translators: comment date format. See http://php.net/date */
+			get_comment_date( __( 'Y/m/d' ) ),
+			get_comment_date( get_option( 'time_format' ) )
 		);
-		if ( 'approved' === wp_get_comment_status( $comment ) && ! empty ( $comment->comment_post_ID ) ) {
-			echo '<a href="' . esc_url( get_comment_link( $comment ) ) . '">' . $submitted . '</a>';
-		} else {
-			echo $submitted;
-		}
 	?>
 	</td>
 </tr>
 <tr>
 <th scope="row"><?php /* translators: field name in comment form */ _ex('Comment', 'noun'); ?></th>
-<td class="comment-content">
-	<?php comment_text( $comment ); ?>
-	<p class="edit-comment"><a href="<?php echo admin_url( "comment.php?action=editcomment&amp;c={$comment->comment_ID}" ); ?>"><?php esc_html_e( 'Edit' ); ?></a></p>
-</td>
+<td><?php echo $comment->comment_content; ?></td>
 </tr>
 </table>
 
@@ -222,7 +222,7 @@ if ( $comment->comment_approved != '0' ) { // if not unapproved
 
 <p>
 	<?php submit_button( $button, 'primary', 'submit', false ); ?>
-	<a href="<?php echo admin_url('edit-comments.php'); ?>" class="button-cancel"><?php esc_html_e( 'Cancel' ); ?></a>
+	<a href="<?php echo admin_url('edit-comments.php'); ?>" class="button-cancel"><?php esc_attr_e( 'Cancel' ); ?></a></td>
 </p>
 
 <?php wp_nonce_field( $nonce_action ); ?>
@@ -254,7 +254,7 @@ case 'unapprovecomment' :
 	if ( !$comment = get_comment($comment_id) )
 		comment_footer_die( __( 'Invalid comment ID.' ) . sprintf(' <a href="%s">' . __('Go back') . '</a>.', 'edit-comments.php') );
 	if ( !current_user_can( 'edit_comment', $comment->comment_ID ) )
-		comment_footer_die( __('Sorry, you are not allowed to edit comments on this post.') );
+		comment_footer_die( __('You are not allowed to edit comments on this post.') );
 
 	if ( '' != wp_get_referer() && ! $noredir && false === strpos(wp_get_referer(), 'comment.php') )
 		$redir = wp_get_referer();
@@ -269,31 +269,31 @@ case 'unapprovecomment' :
 
 	switch ( $action ) {
 		case 'deletecomment' :
-			wp_delete_comment( $comment );
+			wp_delete_comment( $comment_id );
 			$redir = add_query_arg( array('deleted' => '1'), $redir );
 			break;
 		case 'trashcomment' :
-			wp_trash_comment( $comment );
+			wp_trash_comment($comment_id);
 			$redir = add_query_arg( array('trashed' => '1', 'ids' => $comment_id), $redir );
 			break;
 		case 'untrashcomment' :
-			wp_untrash_comment( $comment );
+			wp_untrash_comment($comment_id);
 			$redir = add_query_arg( array('untrashed' => '1'), $redir );
 			break;
 		case 'spamcomment' :
-			wp_spam_comment( $comment );
+			wp_spam_comment($comment_id);
 			$redir = add_query_arg( array('spammed' => '1', 'ids' => $comment_id), $redir );
 			break;
 		case 'unspamcomment' :
-			wp_unspam_comment( $comment );
+			wp_unspam_comment($comment_id);
 			$redir = add_query_arg( array('unspammed' => '1'), $redir );
 			break;
 		case 'approvecomment' :
-			wp_set_comment_status( $comment, 'approve' );
+			wp_set_comment_status( $comment_id, 'approve' );
 			$redir = add_query_arg( array( 'approved' => 1 ), $redir );
 			break;
 		case 'unapprovecomment' :
-			wp_set_comment_status( $comment, 'hold' );
+			wp_set_comment_status( $comment_id, 'hold' );
 			$redir = add_query_arg( array( 'unapproved' => 1 ), $redir );
 			break;
 	}
@@ -313,7 +313,7 @@ case 'editedcomment' :
 	$location = ( empty( $_POST['referredby'] ) ? "edit-comments.php?p=$comment_post_id" : $_POST['referredby'] ) . '#comment-' . $comment_id;
 
 	/**
-	 * Filters the URI the user is redirected to after editing a comment in the admin.
+	 * Filter the URI the user is redirected to after editing a comment in the admin.
 	 *
 	 * @since 2.1.0
 	 *

wp-admin/credits.php

@@ -8,11 +8,71 @@
 
 /** WordPress Administration Bootstrap */
 require_once( dirname( __FILE__ ) . '/admin.php' );
-require_once( dirname( __FILE__ ) . '/includes/credits.php' );
 
 $title = __( 'Credits' );
 
-list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
+/**
+ * Retrieve the contributor credits.
+ *
+ * @global string $wp_version The current WordPress version.
+ *
+ * @since 3.2.0
+ *
+ * @return array|false A list of all of the contributors, or false on error.
+*/
+function wp_credits() {
+	global $wp_version;
+	$locale = get_locale();
+
+	$results = get_site_transient( 'wordpress_credits_' . $locale );
+
+	if ( ! is_array( $results )
+		|| false !== strpos( $wp_version, '-' )
+		|| ( isset( $results['data']['version'] ) && strpos( $wp_version, $results['data']['version'] ) !== 0 )
+	) {
+		$response = wp_remote_get( "http://api.wordpress.org/core/credits/1.1/?version=$wp_version&locale=$locale" );
+
+		if ( is_wp_error( $response ) || 200 != wp_remote_retrieve_response_code( $response ) )
+			return false;
+
+		$results = json_decode( wp_remote_retrieve_body( $response ), true );
+
+		if ( ! is_array( $results ) )
+			return false;
+
+		set_site_transient( 'wordpress_credits_' . $locale, $results, DAY_IN_SECONDS );
+	}
+
+	return $results;
+}
+
+/**
+ * Retrieve the link to a contributor's WordPress.org profile page.
+ *
+ * @access private
+ * @since 3.2.0
+ *
+ * @param string &$display_name The contributor's display name, passed by reference.
+ * @param string $username      The contributor's username.
+ * @param string $profiles      URL to the contributor's WordPress.org profile page.
+ */
+function _wp_credits_add_profile_link( &$display_name, $username, $profiles ) {
+	$display_name = '<a href="' . esc_url( sprintf( $profiles, $username ) ) . '">' . esc_html( $display_name ) . '</a>';
+}
+
+/**
+ * Retrieve the link to an external library used in WordPress.
+ *
+ * @access private
+ * @since 3.2.0
+ *
+ * @param string &$data External library data, passed by reference.
+ */
+function _wp_credits_build_object_link( &$data ) {
+	$data = '<a href="' . esc_url( $data[1] ) . '">' . esc_html( $data[0] ) . '</a>';
+}
+
+list( $display_version ) = explode( '-', $wp_version );
 
 include( ABSPATH . 'wp-admin/admin-header.php' );
 ?>
@@ -20,14 +80,18 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 
 <h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1>
 
-<p class="about-text"><?php printf( __( 'Thank you for updating to the latest version! WordPress %s adds more ways for you to express yourself and represent your brand.' ), $display_version ); ?></p>
+<div class="about-text"><?php printf( __( 'Thank you for updating! WordPress %s makes it even easier to format your content and customize your site.' ), $display_version ); ?></div>
 
 <div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
 
-<h2 class="nav-tab-wrapper wp-clearfix">
-	<a href="about.php" class="nav-tab"><?php _e( 'What&#8217;s New' ); ?></a>
-	<a href="credits.php" class="nav-tab nav-tab-active"><?php _e( 'Credits' ); ?></a>
-	<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
+<h2 class="nav-tab-wrapper">
+	<a href="about.php" class="nav-tab">
+		<?php _e( 'What&#8217;s New' ); ?>
+	</a><a href="credits.php" class="nav-tab nav-tab-active">
+		<?php _e( 'Credits' ); ?>
+	</a><a href="freedoms.php" class="nav-tab">
+		<?php _e( 'Freedoms' ); ?>
+	</a>
 </h2>
 
 <?php
@@ -35,14 +99,10 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 $credits = wp_credits();
 
 if ( ! $credits ) {
-	echo '<p class="about-description">';
-	/* translators: 1: https://wordpress.org/about/, 2: https://make.wordpress.org/ */
-	printf( __( 'WordPress is created by a <a href="%1$s">worldwide team</a> of passionate individuals. <a href="%2$s">Get involved in WordPress</a>.' ),
+	echo '<p class="about-description">' . sprintf( __( 'WordPress is created by a <a href="%1$s">worldwide team</a> of passionate individuals. <a href="%2$s">Get involved in WordPress</a>.' ),
 		'https://wordpress.org/about/',
-		__( 'https://make.wordpress.org/' )
-	);
-	echo '</p>';
-	echo '</div>';
+		/* translators: Url to the codex documentation on contributing to WordPress used on the credits page */
+		__( 'https://codex.wordpress.org/Contributing_to_WordPress' ) ) . '</p>';
 	include( ABSPATH . 'wp-admin/admin-footer.php' );
 	exit;
 }
@@ -60,7 +120,7 @@ foreach ( $credits['groups'] as $group_slug => $group_data ) {
 			$title = translate( $group_data['name'] );
 		}
 
-		echo '<h3 class="wp-people-group">' . esc_html( $title ) . "</h3>\n";
+		echo '<h4 class="wp-people-group">' . esc_html( $title ) . "</h4>\n";
 	}
 
 	if ( ! empty( $group_data['shuffle'] ) )
@@ -81,13 +141,13 @@ foreach ( $credits['groups'] as $group_slug => $group_data ) {
 			echo '<ul class="' . $classes . '" id="wp-people-group-' . $group_slug . '">' . "\n";
 			foreach ( $group_data['data'] as $person_data ) {
 				echo '<li class="wp-person" id="wp-person-' . esc_attr( $person_data[2] ) . '">' . "\n\t";
-				echo '<a href="' . esc_url( sprintf( $credits['data']['profiles'], $person_data[2] ) ) . '" class="web">';
+				echo '<a href="' . esc_url( sprintf( $credits['data']['profiles'], $person_data[2] ) ) . '">';
 				$size = 'compact' == $group_data['type'] ? 30 : 60;
 				$data = get_avatar_data( $person_data[1] . '@md5.gravatar.com', array( 'size' => $size ) );
 				$size *= 2;
 				$data2x = get_avatar_data( $person_data[1] . '@md5.gravatar.com', array( 'size' => $size ) );
-				echo '<img src="' . esc_url( $data['url'] ) . '" srcset="' . esc_url( $data2x['url'] ) . ' 2x" class="gravatar" alt="" />' . "\n";
-				echo esc_html( $person_data[0] ) . "</a>\n\t";
+				echo '<img src="' . esc_url( $data['url'] ) . '" srcset="' . esc_url( $data2x['url'] ) . ' 2x" class="gravatar" alt="' . esc_attr( $person_data[0] ) . '" /></a>' . "\n\t";
+				echo '<a class="web" href="' . esc_url( sprintf( $credits['data']['profiles'], $person_data[2] ) ) . '">' . esc_html( $person_data[0] ) . "</a>\n\t";
 				if ( ! $compact )
 					echo '<span class="title">' . translate( $person_data[3] ) . "</span>\n";
 				echo "</li>\n";
@@ -98,12 +158,9 @@ foreach ( $credits['groups'] as $group_slug => $group_data ) {
 }
 
 ?>
-<p class="clear"><?php
-	/* translators: %s: https://make.wordpress.org/ */
-	printf( __( 'Want to see your name in lights on this page? <a href="%s">Get involved in WordPress</a>.' ),
-		__( 'https://make.wordpress.org/' )
-	);
-?></p>
+<p class="clear"><?php printf( __( 'Want to see your name in lights on this page? <a href="%s">Get involved in WordPress</a>.' ),
+	/* translators: URL to the Make WordPress 'Get Involved' landing page used on the credits page */
+	__( 'https://make.wordpress.org/' ) ); ?></p>
 
 </div>
 <?php
@@ -114,12 +171,21 @@ return;
 
 // These are strings returned by the API that we want to be translatable
 __( 'Project Leaders' );
+__( 'Extended Core Team' );
+__( 'Core Developers' );
+__( 'Recent Rockstars' );
 __( 'Core Contributors to WordPress %s' );
 __( 'Contributing Developers' );
 __( 'Cofounder, Project Lead' );
 __( 'Lead Developer' );
 __( 'Release Lead' );
-__( 'Release Design Lead' );
-__( 'Release Deputy' );
+__( 'User Experience Lead' );
 __( 'Core Developer' );
+__( 'Core Committer' );
+__( 'Guest Committer' );
+__( 'Developer' );
+__( 'Designer' );
+__( 'XML-RPC' );
+__( 'Internationalization' );
 __( 'External Libraries' );
+__( 'Icon Design' );

wp-admin/css/about-rtl.css

@@ -49,11 +49,11 @@
 /* WordPress Version Badge */
 
 .wp-badge {
-	background: #0073aa url(../images/w-logo-white.png?ver=20160308) no-repeat;
-	background-position: center 25px;
-	-webkit-background-size: 80px 80px;
-	background-size: 80px 80px;
-	color: #fff;
+	background: #0073aa url(../images/w-logo-white.png?ver=20131202) no-repeat;
+	background-position: center 24px;
+	-webkit-background-size: 85px 85px;
+	background-size: 85px 85px;
+	color: #78c8e6;
 	font-size: 14px;
 	text-align: center;
 	font-weight: 600;
@@ -61,14 +61,14 @@
 	padding-top: 120px;
 	height: 40px;
 	display: inline-block;
-	width: 140px;
+	width: 150px;
 	text-rendering: optimizeLegibility;
 	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
 	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
 }
 
 .svg .wp-badge {
-	background-image: url(../images/wordpress-logo-white.svg?ver=20160308);
+	background-image: url(../images/wordpress-logo-white.svg?ver=20131110);
 }
 
 .about-wrap .wp-badge {
@@ -79,25 +79,26 @@
 
 /* Tabs */
 
-.about-wrap .nav-tab {
-	padding-left: 15px;
-	padding-right: 15px;
+.about-wrap h2.nav-tab-wrapper {
+	padding-right: 6px;
+}
+
+.about-wrap h2 .nav-tab {
+	padding: 4px 15px 6px;
+	margin: 0 0 -1px 3px;
 	font-size: 18px;
+	vertical-align: top;
+	border-width: 1px;
+	white-space: nowrap;
 }
 
 /* 1.1 - Typography */
 
 .about-wrap p {
-	line-height: 1.5;
+	line-height: 1.6em;
 	font-size: 14px;
 }
 
-.about-wrap .feature-section p {
-	max-width: 55em;
-	margin-right: auto;
-	margin-left: auto;
-}
-
 .about-wrap h1 {
 	margin: 0.2em 0 0 200px;
 	padding: 0;
@@ -107,47 +108,26 @@
 	font-weight: 400;
 }
 
-.about-wrap h2 {
-	margin: 40px 0 .6em;
-	font-size: 2.7em;
-	line-height: 1.3;
-	font-weight: 300;
-	text-align: center;
-}
-
 .about-wrap h3 {
 	margin: 1.25em 0 .6em;
-	font-size: 1.4em;
-	line-height: 1.5;
+	font-size: 1.25em;
+	line-height: 1.5em;
 }
 
 .about-wrap h4 {
 	color: #23282d;
 }
 
-.about-wrap .changelog h2 {
-	font-size: 1.4em;
-	font-weight: 600;
-	text-align: right;
-}
-
-.about-wrap .changelog h3 {
-	margin: 1.33em 0;
-	font-size: 1em;
-	line-height: inherit;
-	color: #23282d;
-}
-
 .about-wrap code,
 .about-wrap ol li p {
 	font-size: 14px;
-	font-weight: 400;
+	font-weight: normal;
 }
 
 .about-wrap .about-description,
 .about-wrap .about-text {
 	margin-top: 1.4em;
-	font-weight: 400;
+	font-weight: normal;
 	line-height: 1.6em;
 	font-size: 19px;
 }
@@ -155,75 +135,35 @@
 .about-wrap .about-text {
 	margin: 1em 0 1em 200px;
 	min-height: 60px;
-	color: #555d66;
+	color: #777;
 }
 
 /* 1.2 - Structure */
 
-.about-wrap [class$="-col"] {
-	display: -ms-flexbox;
-	display: -webkit-flex;
-	display: -webkit-box;
-	display: -moz-box;
-	display: flex;
-	-webkit-box-pack: justify;
-	-webkit-justify-content: space-between;
-	-moz-box-pack: justify;
-	-ms-flex-pack: justify;
-	justify-content: space-between;
-	-webkit-box-align: center;
-	-webkit-align-items: center;
-	-moz-box-align: center;
-	-ms-flex-align: center;
-	align-items: center;
-	-webkit-flex-wrap: wrap;
-	-ms-flex-wrap: wrap;
-	flex-wrap: wrap;
+.about-wrap [class$=col] .col {
+	float: right;
+	position: relative;
 }
-
-.about-wrap .feature-section.one-col {
-	margin: 0 auto;
-	max-width: 700px;
-}
-
-.about-wrap [class$="-col"] .col {
-	-webkit-flex: 1;
-	-ms-flex: 1;
-	-webkit-box-flex: 1;
-	-moz-box-flex: 1;
-	flex: 1;
-}
-
 .about-wrap .two-col .col {
-	min-width: 47%;
-	max-width: 47%;
+	margin-left: 4.799999999%;
+	width: 47.6%;
 }
 
 .about-wrap .three-col .col {
-	-webkit-align-self: flex-start;
-	-ms-flex-item-align: start;
-	align-self: flex-start;
-	min-width: 31%;
-	max-width: 31%;
+	margin-left: 4.999999999%;
+	width: 29.95%;
 }
 
-.about-wrap .two-col img {
-	margin-bottom: 1.5em;
-}
-
-.about-wrap .feature-video .mejs-controls {
-	display: none !important;
-}
-
-.about-wrap .feature-video .mejs-overlay-loading span {
-	background: transparent; /* Hide loading.gif */
+.about-wrap .two-col .col:nth-of-type(2n),
+.about-wrap .three-col .col:nth-of-type(3n) {
+	margin-left: 0;
 }
 
 /* 1.3 - Point Releases */
 
 .about-wrap .point-releases {
 	margin-top: 5px;
-	border-bottom: 1px solid #ddd;
+	border-bottom: 1px solid #dfdfdf;
 }
 
 .about-wrap .changelog.point-releases h3 {
@@ -240,8 +180,22 @@
 
 /* 2.1 - Typography */
 
-.about-wrap .feature-section.two-col h3 {
-	margin-top: 0;
+.about-wrap .headline-feature h2 {
+	margin: 50px 0 30px;
+	font-size: 2.2em;
+	font-weight: 300;
+	line-height: 1.3;
+	text-align: right;
+}
+
+.about-wrap .headline-feature h3 {
+	margin-top: 30px;
+	text-align: center;
+}
+
+.about-wrap .feature-list h2 {
+	margin: 30px 0 15px;
+	text-align: center;
 }
 
 .about-wrap .feature-section h4 {
@@ -253,37 +207,13 @@
 	margin-top: 0.6em;
 }
 
-.about-wrap .lead-description {
-	font-size: 1.5em;
-	text-align: center;
-}
-
-.about-wrap .two-col-text {
-	-webkit-column-count: 2;
-	-moz-column-count: 2;
-	column-count: 2;
-	-webkit-column-gap: 40px;
-	-moz-column-gap: 40px;
-	column-gap: 40px;
-}
-
-.about-wrap .two-col-text p:first-of-type {
-	margin-top: 0;
-}
-
-.about-wrap .streamlined-updates p,
-.about-wrap .native-fonts p {
-	margin-bottom: 3em;
-}
-
 /* 2.2 - Structure */
 
-.about-wrap .headline-feature.feature-video {
+.about-wrap .feature-video {
 	position: relative;
 	margin: 40px 0;
-	padding-bottom: 56.25%;
+	padding-bottom: 56.25%; /* video is 1280 x 720 */
 	width: 100%;
-	max-width: 100%;
 	height: 0;
 	text-align: center;
 }
@@ -303,33 +233,30 @@
 .about-wrap .feature-section {
 	overflow: hidden;
 	padding: 0 0 40px;
+	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 
-.about-wrap .feature-section.no-heading {
-	padding-top: 35px;
+.about-wrap .headline-feature .feature-section {
+	margin: 0 auto;
+	max-width: 95%;
 }
 
 .about-wrap .feature-section .media-container {
+	border: 1px solid #ddd;
 	overflow: hidden;
 }
 
-.about-wrap .feature-section img {
-	margin-bottom: 1em;
-}
-
-.about-wrap .embed-container {
+.about-wrap .feature-section .svg-container {
+	padding: 50px 0;
 	text-align: center;
+	background-color: #e1e1e3;
 }
 
-.about-wrap .embed-container iframe {
-	max-width: 100%;
+.about-wrap .feature-section .svg-container img {
+	max-width: 150px;
 }
 
-.about-wrap .wp-embedded-content {
-	max-width: 100%;
-}
-
-.about-wrap .feature-section .col {
+.about-wrap .feature-section:not(.under-the-hood) .col {
 	margin-top: 40px;
 }
 
@@ -346,7 +273,7 @@
 .about-wrap .return-to-dashboard {
 	margin: 30px -5px 0 0;
 	font-size: 14px;
-	font-weight: 600;
+	font-weight: bold;
 }
 
 .about-wrap .return-to-dashboard a {
@@ -354,29 +281,33 @@
 	padding: 0 5px;
 }
 
+.about-wrap .feature-list.finer-points h4,
+.about-wrap .feature-list.finer-points p {
+	margin-right: 115px;
+}
+
 /*------------------------------------------------------------------------------
   3.0 - Credits & Freedoms Pages
 ------------------------------------------------------------------------------*/
 
 /* Credits */
 
-.about-wrap h3.wp-people-group {
-	margin: 2.6em 0 1.33em;
-	padding: 0;
+.about-wrap h4.wp-people-group {
+	margin-top: 2.6em;
 	font-size: 16px;
-	line-height: inherit;
 }
 
-.about-wrap .wp-people-group {
+.about-wrap ul.wp-people-group {
+	overflow: hidden;
 	padding: 0 5px;
 	margin: 0 -5px 0 -15px;
 }
 
-.about-wrap .compact {
+.about-wrap ul.compact {
 	margin-bottom: 0
 }
 
-.about-wrap .wp-person {
+.about-wrap li.wp-person {
 	display: inline-block;
 	vertical-align: top;
 	margin-left: 10px;
@@ -385,38 +316,35 @@
 	width: 280px;
 }
 
-.about-wrap .compact .wp-person {
+.about-wrap ul.compact li.wp-person {
 	height: auto;
 	width: 180px;
 	padding-bottom: 0;
 	margin-bottom: 0;
 }
 
-.about-wrap .wp-person .gravatar {
+.about-wrap li.wp-person img.gravatar {
 	float: right;
 	margin: 0 0 10px 10px;
-	padding: 1px;
+	padding: 2px;
 	width: 60px;
 	height: 60px;
 }
 
-.about-wrap .compact .wp-person .gravatar {
+.about-wrap ul.compact li.wp-person img.gravatar {
 	width: 30px;
 	height: 30px;
 }
 
-.about-wrap .wp-person .web {
+.about-wrap li.wp-person a.web {
+	display: block;
 	margin: 6px 0 2px;
 	font-size: 16px;
-	font-weight: 400;
-	line-height: 2em;
+	font-weight: normal;
+	line-height: 1.6em;
 	text-decoration: none;
 }
 
-.about-wrap .wp-person .title {
-	display: block;
-}
-
 .about-wrap #wp-people-group-validators + p.wp-credits-list {
 	margin-top: 0;
 }
@@ -433,11 +361,11 @@
 
 .freedoms-php .about-wrap ol li {
 	list-style-type: decimal;
-	font-weight: 600;
+	font-weight: bold;
 }
 
 .freedoms-php .about-wrap ol p {
-	font-weight: 400;
+	font-weight: normal;
 	margin: 0.6em 0;
 }
 
@@ -446,21 +374,37 @@
 ------------------------------------------------------------------------------*/
 
 @media screen and ( max-width: 782px ) {
-	.about-wrap .two-col-text {
-		-webkit-column-count: 1;
-		-moz-column-count: 1;
-		column-count: 1;
+	.about-wrap .feature-section {
+		padding: 0;
+		border-bottom: none;
 	}
 
-	.about-wrap .two-col .col,
-	.about-wrap .three-col .col {
-		min-width: 48% !important;
+	.about-wrap [class$=col] .col {
+		float: none;
+		width: 100%;
+		margin: 40px 0 0;
+		padding: 0 0 40px;
+		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 	}
 
 	.about-wrap .three-col img {
 		display: block;
 		margin: 0 auto;
 	}
+
+	.about-wrap .feature-list .col {
+		margin: 0;
+		padding: 0;
+		border-bottom: none;
+	}
+
+	.about-wrap .headline-feature .feature-section {
+		max-width: 100%;
+	}
+
+	.about-wrap .feature-list .feature-section {
+		padding: 0 0 40px;
+	}
 }
 
 @media only screen and (max-width: 500px) {
@@ -484,25 +428,37 @@
 		width: 100%;
 	}
 
-	.about-wrap .two-col .col,
-	.about-wrap .three-col .col {
-		min-width: 100% !important;
+	.about-wrap h2.nav-tab-wrapper {
+		padding-right: 0;
+		border-bottom: 0;
 	}
 
-	.about-wrap .under-the-hood.three-col .col,
-	.about-wrap .under-the-hood.two-col .col,
-	.about-wrap .under-the-hood.one-col .col {
-		margin-bottom: 2em;
-		padding-bottom: 0;
+	.about-wrap h2 .nav-tab {
+		margin-top: 10px;
+		margin-left: 10px;
+		border-bottom: 1px solid #ccc;
 	}
 
-	.about-wrap .under-the-hood:nth-of-type(2n),
-	.about-wrap .under-the-hood:nth-of-type(3n) {
-		margin-top: 0;
+	.about-wrap .feature-section .svg-container {
+		padding-top: 20px;
+		padding-bottom: 20px;
 	}
 
-	.about-wrap .under-the-hood:nth-of-type(2n) h3,
-	.about-wrap .under-the-hood:nth-of-type(3n) h3 {
-		margin-top: 0;
+	.about-wrap .three-col .col,
+	.about-wrap .headline-feature .feature-section .col {
+		width: 100% !important;
+		float: none !important;
+	}
+}
+
+@media only screen and (max-width: 400px) {
+	.about-wrap .feature-list svg {
+		margin-top: 15px;
+		height: 65px;
+		width: 65px;
+	}
+	.about-wrap .feature-list.finer-points h4,
+	.about-wrap .feature-list.finer-points p {
+		margin-right: 80px;
 	}
 }

wp-admin/css/about.css

@@ -49,11 +49,11 @@
 /* WordPress Version Badge */
 
 .wp-badge {
-	background: #0073aa url(../images/w-logo-white.png?ver=20160308) no-repeat;
-	background-position: center 25px;
-	-webkit-background-size: 80px 80px;
-	background-size: 80px 80px;
-	color: #fff;
+	background: #0073aa url(../images/w-logo-white.png?ver=20131202) no-repeat;
+	background-position: center 24px;
+	-webkit-background-size: 85px 85px;
+	background-size: 85px 85px;
+	color: #78c8e6;
 	font-size: 14px;
 	text-align: center;
 	font-weight: 600;
@@ -61,14 +61,14 @@
 	padding-top: 120px;
 	height: 40px;
 	display: inline-block;
-	width: 140px;
+	width: 150px;
 	text-rendering: optimizeLegibility;
 	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
 	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
 }
 
 .svg .wp-badge {
-	background-image: url(../images/wordpress-logo-white.svg?ver=20160308);
+	background-image: url(../images/wordpress-logo-white.svg?ver=20131110);
 }
 
 .about-wrap .wp-badge {
@@ -79,25 +79,26 @@
 
 /* Tabs */
 
-.about-wrap .nav-tab {
-	padding-right: 15px;
-	padding-left: 15px;
+.about-wrap h2.nav-tab-wrapper {
+	padding-left: 6px;
+}
+
+.about-wrap h2 .nav-tab {
+	padding: 4px 15px 6px;
+	margin: 0 3px -1px 0;
 	font-size: 18px;
+	vertical-align: top;
+	border-width: 1px;
+	white-space: nowrap;
 }
 
 /* 1.1 - Typography */
 
 .about-wrap p {
-	line-height: 1.5;
+	line-height: 1.6em;
 	font-size: 14px;
 }
 
-.about-wrap .feature-section p {
-	max-width: 55em;
-	margin-left: auto;
-	margin-right: auto;
-}
-
 .about-wrap h1 {
 	margin: 0.2em 200px 0 0;
 	padding: 0;
@@ -107,47 +108,26 @@
 	font-weight: 400;
 }
 
-.about-wrap h2 {
-	margin: 40px 0 .6em;
-	font-size: 2.7em;
-	line-height: 1.3;
-	font-weight: 300;
-	text-align: center;
-}
-
 .about-wrap h3 {
 	margin: 1.25em 0 .6em;
-	font-size: 1.4em;
-	line-height: 1.5;
+	font-size: 1.25em;
+	line-height: 1.5em;
 }
 
 .about-wrap h4 {
 	color: #23282d;
 }
 
-.about-wrap .changelog h2 {
-	font-size: 1.4em;
-	font-weight: 600;
-	text-align: left;
-}
-
-.about-wrap .changelog h3 {
-	margin: 1.33em 0;
-	font-size: 1em;
-	line-height: inherit;
-	color: #23282d;
-}
-
 .about-wrap code,
 .about-wrap ol li p {
 	font-size: 14px;
-	font-weight: 400;
+	font-weight: normal;
 }
 
 .about-wrap .about-description,
 .about-wrap .about-text {
 	margin-top: 1.4em;
-	font-weight: 400;
+	font-weight: normal;
 	line-height: 1.6em;
 	font-size: 19px;
 }
@@ -155,75 +135,35 @@
 .about-wrap .about-text {
 	margin: 1em 200px 1em 0;
 	min-height: 60px;
-	color: #555d66;
+	color: #777;
 }
 
 /* 1.2 - Structure */
 
-.about-wrap [class$="-col"] {
-	display: -ms-flexbox;
-	display: -webkit-flex;
-	display: -webkit-box;
-	display: -moz-box;
-	display: flex;
-	-webkit-box-pack: justify;
-	-webkit-justify-content: space-between;
-	-moz-box-pack: justify;
-	-ms-flex-pack: justify;
-	justify-content: space-between;
-	-webkit-box-align: center;
-	-webkit-align-items: center;
-	-moz-box-align: center;
-	-ms-flex-align: center;
-	align-items: center;
-	-webkit-flex-wrap: wrap;
-	-ms-flex-wrap: wrap;
-	flex-wrap: wrap;
+.about-wrap [class$=col] .col {
+	float: left;
+	position: relative;
 }
-
-.about-wrap .feature-section.one-col {
-	margin: 0 auto;
-	max-width: 700px;
-}
-
-.about-wrap [class$="-col"] .col {
-	-webkit-flex: 1;
-	-ms-flex: 1;
-	-webkit-box-flex: 1;
-	-moz-box-flex: 1;
-	flex: 1;
-}
-
 .about-wrap .two-col .col {
-	min-width: 47%;
-	max-width: 47%;
+	margin-right: 4.799999999%;
+	width: 47.6%;
 }
 
 .about-wrap .three-col .col {
-	-webkit-align-self: flex-start;
-	-ms-flex-item-align: start;
-	align-self: flex-start;
-	min-width: 31%;
-	max-width: 31%;
+	margin-right: 4.999999999%;
+	width: 29.95%;
 }
 
-.about-wrap .two-col img {
-	margin-bottom: 1.5em;
-}
-
-.about-wrap .feature-video .mejs-controls {
-	display: none !important;
-}
-
-.about-wrap .feature-video .mejs-overlay-loading span {
-	background: transparent; /* Hide loading.gif */
+.about-wrap .two-col .col:nth-of-type(2n),
+.about-wrap .three-col .col:nth-of-type(3n) {
+	margin-right: 0;
 }
 
 /* 1.3 - Point Releases */
 
 .about-wrap .point-releases {
 	margin-top: 5px;
-	border-bottom: 1px solid #ddd;
+	border-bottom: 1px solid #dfdfdf;
 }
 
 .about-wrap .changelog.point-releases h3 {
@@ -240,8 +180,22 @@
 
 /* 2.1 - Typography */
 
-.about-wrap .feature-section.two-col h3 {
-	margin-top: 0;
+.about-wrap .headline-feature h2 {
+	margin: 50px 0 30px;
+	font-size: 2.2em;
+	font-weight: 300;
+	line-height: 1.3;
+	text-align: left;
+}
+
+.about-wrap .headline-feature h3 {
+	margin-top: 30px;
+	text-align: center;
+}
+
+.about-wrap .feature-list h2 {
+	margin: 30px 0 15px;
+	text-align: center;
 }
 
 .about-wrap .feature-section h4 {
@@ -253,37 +207,13 @@
 	margin-top: 0.6em;
 }
 
-.about-wrap .lead-description {
-	font-size: 1.5em;
-	text-align: center;
-}
-
-.about-wrap .two-col-text {
-	-webkit-column-count: 2;
-	-moz-column-count: 2;
-	column-count: 2;
-	-webkit-column-gap: 40px;
-	-moz-column-gap: 40px;
-	column-gap: 40px;
-}
-
-.about-wrap .two-col-text p:first-of-type {
-	margin-top: 0;
-}
-
-.about-wrap .streamlined-updates p,
-.about-wrap .native-fonts p {
-	margin-bottom: 3em;
-}
-
 /* 2.2 - Structure */
 
-.about-wrap .headline-feature.feature-video {
+.about-wrap .feature-video {
 	position: relative;
 	margin: 40px 0;
-	padding-bottom: 56.25%;
+	padding-bottom: 56.25%; /* video is 1280 x 720 */
 	width: 100%;
-	max-width: 100%;
 	height: 0;
 	text-align: center;
 }
@@ -303,33 +233,30 @@
 .about-wrap .feature-section {
 	overflow: hidden;
 	padding: 0 0 40px;
+	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 
-.about-wrap .feature-section.no-heading {
-	padding-top: 35px;
+.about-wrap .headline-feature .feature-section {
+	margin: 0 auto;
+	max-width: 95%;
 }
 
 .about-wrap .feature-section .media-container {
+	border: 1px solid #ddd;
 	overflow: hidden;
 }
 
-.about-wrap .feature-section img {
-	margin-bottom: 1em;
-}
-
-.about-wrap .embed-container {
+.about-wrap .feature-section .svg-container {
+	padding: 50px 0;
 	text-align: center;
+	background-color: #e1e1e3;
 }
 
-.about-wrap .embed-container iframe {
-	max-width: 100%;
+.about-wrap .feature-section .svg-container img {
+	max-width: 150px;
 }
 
-.about-wrap .wp-embedded-content {
-	max-width: 100%;
-}
-
-.about-wrap .feature-section .col {
+.about-wrap .feature-section:not(.under-the-hood) .col {
 	margin-top: 40px;
 }
 
@@ -346,7 +273,7 @@
 .about-wrap .return-to-dashboard {
 	margin: 30px 0 0 -5px;
 	font-size: 14px;
-	font-weight: 600;
+	font-weight: bold;
 }
 
 .about-wrap .return-to-dashboard a {
@@ -354,29 +281,33 @@
 	padding: 0 5px;
 }
 
+.about-wrap .feature-list.finer-points h4,
+.about-wrap .feature-list.finer-points p {
+	margin-left: 115px;
+}
+
 /*------------------------------------------------------------------------------
   3.0 - Credits & Freedoms Pages
 ------------------------------------------------------------------------------*/
 
 /* Credits */
 
-.about-wrap h3.wp-people-group {
-	margin: 2.6em 0 1.33em;
-	padding: 0;
+.about-wrap h4.wp-people-group {
+	margin-top: 2.6em;
 	font-size: 16px;
-	line-height: inherit;
 }
 
-.about-wrap .wp-people-group {
+.about-wrap ul.wp-people-group {
+	overflow: hidden;
 	padding: 0 5px;
 	margin: 0 -15px 0 -5px;
 }
 
-.about-wrap .compact {
+.about-wrap ul.compact {
 	margin-bottom: 0
 }
 
-.about-wrap .wp-person {
+.about-wrap li.wp-person {
 	display: inline-block;
 	vertical-align: top;
 	margin-right: 10px;
@@ -385,38 +316,35 @@
 	width: 280px;
 }
 
-.about-wrap .compact .wp-person {
+.about-wrap ul.compact li.wp-person {
 	height: auto;
 	width: 180px;
 	padding-bottom: 0;
 	margin-bottom: 0;
 }
 
-.about-wrap .wp-person .gravatar {
+.about-wrap li.wp-person img.gravatar {
 	float: left;
 	margin: 0 10px 10px 0;
-	padding: 1px;
+	padding: 2px;
 	width: 60px;
 	height: 60px;
 }
 
-.about-wrap .compact .wp-person .gravatar {
+.about-wrap ul.compact li.wp-person img.gravatar {
 	width: 30px;
 	height: 30px;
 }
 
-.about-wrap .wp-person .web {
+.about-wrap li.wp-person a.web {
+	display: block;
 	margin: 6px 0 2px;
 	font-size: 16px;
-	font-weight: 400;
-	line-height: 2em;
+	font-weight: normal;
+	line-height: 1.6em;
 	text-decoration: none;
 }
 
-.about-wrap .wp-person .title {
-	display: block;
-}
-
 .about-wrap #wp-people-group-validators + p.wp-credits-list {
 	margin-top: 0;
 }
@@ -433,11 +361,11 @@
 
 .freedoms-php .about-wrap ol li {
 	list-style-type: decimal;
-	font-weight: 600;
+	font-weight: bold;
 }
 
 .freedoms-php .about-wrap ol p {
-	font-weight: 400;
+	font-weight: normal;
 	margin: 0.6em 0;
 }
 
@@ -446,21 +374,37 @@
 ------------------------------------------------------------------------------*/
 
 @media screen and ( max-width: 782px ) {
-	.about-wrap .two-col-text {
-		-webkit-column-count: 1;
-		-moz-column-count: 1;
-		column-count: 1;
+	.about-wrap .feature-section {
+		padding: 0;
+		border-bottom: none;
 	}
 
-	.about-wrap .two-col .col,
-	.about-wrap .three-col .col {
-		min-width: 48% !important;
+	.about-wrap [class$=col] .col {
+		float: none;
+		width: 100%;
+		margin: 40px 0 0;
+		padding: 0 0 40px;
+		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 	}
 
 	.about-wrap .three-col img {
 		display: block;
 		margin: 0 auto;
 	}
+
+	.about-wrap .feature-list .col {
+		margin: 0;
+		padding: 0;
+		border-bottom: none;
+	}
+
+	.about-wrap .headline-feature .feature-section {
+		max-width: 100%;
+	}
+
+	.about-wrap .feature-list .feature-section {
+		padding: 0 0 40px;
+	}
 }
 
 @media only screen and (max-width: 500px) {
@@ -484,25 +428,37 @@
 		width: 100%;
 	}
 
-	.about-wrap .two-col .col,
-	.about-wrap .three-col .col {
-		min-width: 100% !important;
+	.about-wrap h2.nav-tab-wrapper {
+		padding-left: 0;
+		border-bottom: 0;
 	}
 
-	.about-wrap .under-the-hood.three-col .col,
-	.about-wrap .under-the-hood.two-col .col,
-	.about-wrap .under-the-hood.one-col .col {
-		margin-bottom: 2em;
-		padding-bottom: 0;
+	.about-wrap h2 .nav-tab {
+		margin-top: 10px;
+		margin-right: 10px;
+		border-bottom: 1px solid #ccc;
 	}
 
-	.about-wrap .under-the-hood:nth-of-type(2n),
-	.about-wrap .under-the-hood:nth-of-type(3n) {
-		margin-top: 0;
+	.about-wrap .feature-section .svg-container {
+		padding-top: 20px;
+		padding-bottom: 20px;
 	}
 
-	.about-wrap .under-the-hood:nth-of-type(2n) h3,
-	.about-wrap .under-the-hood:nth-of-type(3n) h3 {
-		margin-top: 0;
+	.about-wrap .three-col .col,
+	.about-wrap .headline-feature .feature-section .col {
+		width: 100% !important;
+		float: none !important;
+	}
+}
+
+@media only screen and (max-width: 400px) {
+	.about-wrap .feature-list svg {
+		margin-top: 15px;
+		height: 65px;
+		width: 65px;
+	}
+	.about-wrap .feature-list.finer-points h4,
+	.about-wrap .feature-list.finer-points p {
+		margin-left: 80px;
 	}
 }

wp-admin/css/admin-menu-rtl.css

@@ -38,8 +38,8 @@
 /* New Menu icons */
 
 .icon16:before {
-	color: #82878c; /* same as new icons */
-	font: normal 20px/1 dashicons;
+	color: #999;
+	font: normal 20px/1 'dashicons';
 	speak: none;
 	padding: 6px 0;
 	height: 34px;
@@ -52,56 +52,56 @@
 }
 
 .icon16.icon-dashboard:before {
-	content: "\f226";
+	content: '\f226';
 }
 
 .icon16.icon-post:before {
-	content: "\f109";
+	content: '\f109';
 }
 
 .icon16.icon-media:before {
-	content: "\f104";
+	content: '\f104';
 }
 
 .icon16.icon-links:before {
-	content: "\f103";
+	content: '\f103';
 }
 
 .icon16.icon-page:before {
-	content: "\f105";
+	content: '\f105';
 }
 
 .icon16.icon-comments:before {
-	content: "\f101";
+	content: '\f101';
 	margin-top: 1px;
 }
 
 .icon16.icon-appearance:before {
-	content: "\f100";
+	content: '\f100';
 }
 
 .icon16.icon-plugins:before {
-	content: "\f106";
+	content: '\f106';
 }
 
 .icon16.icon-users:before {
-	content: "\f110";
+	content: '\f110';
 }
 
 .icon16.icon-tools:before {
-	content: "\f107";
+	content: '\f107';
 }
 
 .icon16.icon-settings:before {
-	content: "\f108";
+	content: '\f108';
 }
 
 .icon16.icon-site:before {
-	content: "\f541";
+	content: '\f112'
 }
 
 .icon16.icon-generic:before {
-	content: "\f111";
+	content: '\f111';
 }
 
 /* hide background-image for icons above */
@@ -264,7 +264,7 @@
 .folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 .folded #adminmenu a.menu-top:focus + .wp-submenu,
 .folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
-.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
+.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu  {
 	top: 0;
 	right: 36px;
 }
@@ -547,82 +547,79 @@ ul#adminmenu > li.current > a.current:after {
 	display: none;
 }
 
-#collapse-button {
-	display: block;
-	width: 100%;
-	height: 34px;
-	margin: 0;
-	border: none;
-	padding: 0;
-	position: relative;
-	overflow: visible;
+#collapse-menu {
+	font-size: 13px;
 	line-height: 34px;
-	background: none;
-	color: #aaa;
-	cursor: pointer;
-	outline: 0;
+	margin-top: 10px;
+	color: #a0a5aa;
+	color: rgba(240,245,250,0.6);
+	-webkit-transition: all .1s ease-in-out;
+	transition: all .1s ease-in-out;
 }
 
-#collapse-button:hover,
-#collapse-button:focus {
+#collapse-menu:hover,
+#collapse-menu:hover #collapse-button div:after {
 	color: #00b9eb;
 }
 
-#collapse-button .collapse-button-icon,
-#collapse-button .collapse-button-label {
-	/* absolutely positioned to avoid 1px shift in IE when button is pressed */
-	display: block;
-	position: absolute;
-	top: 0;
-	right: 0;
-	line-height: 34px;
-}
-
-#collapse-button .collapse-button-icon {
-	width: 36px;
-	height: 34px;
-}
-
-#collapse-button .collapse-button-label {
-	padding: 0 36px 0 0;
-}
-
-.folded #collapse-button .collapse-button-label {
+.folded #collapse-menu span {
 	display: none;
 }
 
-#collapse-button .collapse-button-icon:after {
-	content: "\f148";
+#collapse-button,
+#collapse-button div {
+	width: 15px;
+	height: 15px;
+}
+
+#collapse-button {
+	float: right;
+	height: 15px;
+	margin: 10px 11px 10px 8px;
+	width: 15px;
+	-webkit-border-radius: 10px;
+	border-radius: 10px;
+}
+
+#wpwrap #collapse-button div {
+	padding: 0;
+}
+
+#collapse-button div:after {
+	content: '\f148';
 	display: block;
-	position: relative;
-	top: 7px;
-	text-align: center;
-	font: normal 20px/1 dashicons !important;
+	line-height: 15px;
+	right: -3px;
+	top: -3px;
+	color: #a0a5aa;
+	color: rgba(240,245,250,0.6);
+	font: normal 20px/1 'dashicons' !important;
 	speak: none;
+	margin: 0 auto;
+	padding: 0 !important;
+	position: relative;
+	text-align: center;
+	width: 20px;
+	-webkit-transition: all .1s ease-in-out;
+	transition: all .1s ease-in-out;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
 
 /* rtl:ignore */
-.folded #collapse-button .collapse-button-icon:after,
-.rtl #collapse-button .collapse-button-icon:after {
+.folded #collapse-button div:after,
+.rtl #collapse-button div:after {
 	-webkit-transform: rotate(180deg);
 	-ms-transform: rotate(180deg);
 	transform: rotate(180deg);
 }
 
-.rtl.folded #collapse-button .collapse-button-icon:after {
+.rtl.folded #collapse-button div:after {
 	-webkit-transform: none;
 	-ms-transform: none;
 	transform: none;
 }
 
-#collapse-button .collapse-button-icon:after,
-#collapse-button .collapse-button-label {
-	-webkit-transition: all .1s ease-in-out;
-	transition: all .1s ease-in-out;
-}
-
 /**
  * Toolbar menu toggle
  */
@@ -655,7 +652,7 @@ li#wp-admin-bar-menu-toggle {
 	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
 	.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
-	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
+	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu  {
 		top: 0px;
 		right: 36px;
 	}
@@ -734,18 +731,22 @@ li#wp-admin-bar-menu-toggle {
 		z-index: 10000;
 	}
 
-	.auto-fold #collapse-menu .collapse-button-label {
+	.auto-fold #collapse-menu span {
 		display: none;
 	}
 
+	.auto-fold #collapse-button div {
+		background: none;
+	}
+
 	/* rtl:ignore */
-	.auto-fold #collapse-button .collapse-button-icon:after {
+	.auto-fold #collapse-button div:after {
 		-webkit-transform: rotate(180deg);
 		-ms-transform: rotate(180deg);
 		transform: rotate(180deg);
 	}
 
-	.rtl.auto-fold #collapse-button .collapse-button-icon:after {
+	.rtl.auto-fold #collapse-button div:after {
 		-webkit-transform: none;
 		-ms-transform: none;
 		transform: none;
@@ -900,10 +901,10 @@ li#wp-admin-bar-menu-toggle {
 	}
 
 	#wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
-		content: "\f228";
+		content: '\f228';
 		display: inline-block;
 		float: right;
-		font: normal 40px/45px dashicons;
+		font: normal 40px/45px 'Dashicons';
 		vertical-align: middle;
 		outline: none;
 		margin: 0;

wp-admin/css/admin-menu.css

@@ -38,8 +38,8 @@
 /* New Menu icons */
 
 .icon16:before {
-	color: #82878c; /* same as new icons */
-	font: normal 20px/1 dashicons;
+	color: #999;
+	font: normal 20px/1 'dashicons';
 	speak: none;
 	padding: 6px 0;
 	height: 34px;
@@ -52,56 +52,56 @@
 }
 
 .icon16.icon-dashboard:before {
-	content: "\f226";
+	content: '\f226';
 }
 
 .icon16.icon-post:before {
-	content: "\f109";
+	content: '\f109';
 }
 
 .icon16.icon-media:before {
-	content: "\f104";
+	content: '\f104';
 }
 
 .icon16.icon-links:before {
-	content: "\f103";
+	content: '\f103';
 }
 
 .icon16.icon-page:before {
-	content: "\f105";
+	content: '\f105';
 }
 
 .icon16.icon-comments:before {
-	content: "\f101";
+	content: '\f101';
 	margin-top: 1px;
 }
 
 .icon16.icon-appearance:before {
-	content: "\f100";
+	content: '\f100';
 }
 
 .icon16.icon-plugins:before {
-	content: "\f106";
+	content: '\f106';
 }
 
 .icon16.icon-users:before {
-	content: "\f110";
+	content: '\f110';
 }
 
 .icon16.icon-tools:before {
-	content: "\f107";
+	content: '\f107';
 }
 
 .icon16.icon-settings:before {
-	content: "\f108";
+	content: '\f108';
 }
 
 .icon16.icon-site:before {
-	content: "\f541";
+	content: '\f112'
 }
 
 .icon16.icon-generic:before {
-	content: "\f111";
+	content: '\f111';
 }
 
 /* hide background-image for icons above */
@@ -264,7 +264,7 @@
 .folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 .folded #adminmenu a.menu-top:focus + .wp-submenu,
 .folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
-.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
+.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu  {
 	top: 0;
 	left: 36px;
 }
@@ -547,82 +547,79 @@ ul#adminmenu > li.current > a.current:after {
 	display: none;
 }
 
-#collapse-button {
-	display: block;
-	width: 100%;
-	height: 34px;
-	margin: 0;
-	border: none;
-	padding: 0;
-	position: relative;
-	overflow: visible;
+#collapse-menu {
+	font-size: 13px;
 	line-height: 34px;
-	background: none;
-	color: #aaa;
-	cursor: pointer;
-	outline: 0;
+	margin-top: 10px;
+	color: #a0a5aa;
+	color: rgba(240,245,250,0.6);
+	-webkit-transition: all .1s ease-in-out;
+	transition: all .1s ease-in-out;
 }
 
-#collapse-button:hover,
-#collapse-button:focus {
+#collapse-menu:hover,
+#collapse-menu:hover #collapse-button div:after {
 	color: #00b9eb;
 }
 
-#collapse-button .collapse-button-icon,
-#collapse-button .collapse-button-label {
-	/* absolutely positioned to avoid 1px shift in IE when button is pressed */
-	display: block;
-	position: absolute;
-	top: 0;
-	left: 0;
-	line-height: 34px;
-}
-
-#collapse-button .collapse-button-icon {
-	width: 36px;
-	height: 34px;
-}
-
-#collapse-button .collapse-button-label {
-	padding: 0 0 0 36px;
-}
-
-.folded #collapse-button .collapse-button-label {
+.folded #collapse-menu span {
 	display: none;
 }
 
-#collapse-button .collapse-button-icon:after {
-	content: "\f148";
+#collapse-button,
+#collapse-button div {
+	width: 15px;
+	height: 15px;
+}
+
+#collapse-button {
+	float: left;
+	height: 15px;
+	margin: 10px 8px 10px 11px;
+	width: 15px;
+	-webkit-border-radius: 10px;
+	border-radius: 10px;
+}
+
+#wpwrap #collapse-button div {
+	padding: 0;
+}
+
+#collapse-button div:after {
+	content: '\f148';
 	display: block;
-	position: relative;
-	top: 7px;
-	text-align: center;
-	font: normal 20px/1 dashicons !important;
+	line-height: 15px;
+	left: -3px;
+	top: -3px;
+	color: #a0a5aa;
+	color: rgba(240,245,250,0.6);
+	font: normal 20px/1 'dashicons' !important;
 	speak: none;
+	margin: 0 auto;
+	padding: 0 !important;
+	position: relative;
+	text-align: center;
+	width: 20px;
+	-webkit-transition: all .1s ease-in-out;
+	transition: all .1s ease-in-out;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
 
 /* rtl:ignore */
-.folded #collapse-button .collapse-button-icon:after,
-.rtl #collapse-button .collapse-button-icon:after {
+.folded #collapse-button div:after,
+.rtl #collapse-button div:after {
 	-webkit-transform: rotate(180deg);
 	-ms-transform: rotate(180deg);
 	transform: rotate(180deg);
 }
 
-.rtl.folded #collapse-button .collapse-button-icon:after {
+.rtl.folded #collapse-button div:after {
 	-webkit-transform: none;
 	-ms-transform: none;
 	transform: none;
 }
 
-#collapse-button .collapse-button-icon:after,
-#collapse-button .collapse-button-label {
-	-webkit-transition: all .1s ease-in-out;
-	transition: all .1s ease-in-out;
-}
-
 /**
  * Toolbar menu toggle
  */
@@ -655,7 +652,7 @@ li#wp-admin-bar-menu-toggle {
 	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
 	.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
-	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
+	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu  {
 		top: 0px;
 		left: 36px;
 	}
@@ -734,18 +731,22 @@ li#wp-admin-bar-menu-toggle {
 		z-index: 10000;
 	}
 
-	.auto-fold #collapse-menu .collapse-button-label {
+	.auto-fold #collapse-menu span {
 		display: none;
 	}
 
+	.auto-fold #collapse-button div {
+		background: none;
+	}
+
 	/* rtl:ignore */
-	.auto-fold #collapse-button .collapse-button-icon:after {
+	.auto-fold #collapse-button div:after {
 		-webkit-transform: rotate(180deg);
 		-ms-transform: rotate(180deg);
 		transform: rotate(180deg);
 	}
 
-	.rtl.auto-fold #collapse-button .collapse-button-icon:after {
+	.rtl.auto-fold #collapse-button div:after {
 		-webkit-transform: none;
 		-ms-transform: none;
 		transform: none;
@@ -900,10 +901,10 @@ li#wp-admin-bar-menu-toggle {
 	}
 
 	#wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
-		content: "\f228";
+		content: '\f228';
 		display: inline-block;
 		float: left;
-		font: normal 40px/45px dashicons;
+		font: normal 40px/45px 'Dashicons';
 		vertical-align: middle;
 		outline: none;
 		margin: 0;

wp-admin/css/color-picker-rtl.css

@@ -24,8 +24,8 @@
 	vertical-align: bottom;
 	display: inline-block;
 	padding-right: 30px;
-	-webkit-box-shadow: 0 1px 0 #ccc;
-	box-shadow: 0 1px 0 #ccc;
+	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.08);
+	box-shadow: 0 1px 0 rgba(0,0,0,.08);
 }
 
 .wp-color-result:after {
@@ -43,6 +43,8 @@
 	left: 0;
 	text-align: center;
 	top: 0;
+	-webkit-box-shadow: inset 0 1px 0 #fff;
+	box-shadow: inset 0 1px 0 #fff;
 }
 
 .wp-color-result:hover,
@@ -73,9 +75,12 @@
 }
 
 .wp-color-result:focus {
-	border-color: #5b9dd9;
-	-webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
-	box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
+	-webkit-box-shadow:
+		0 0 0 1px #5b9dd9,
+		0 0 2px 1px rgba( 30, 140, 190, 0.8 );
+	box-shadow:
+		0 0 0 1px #5b9dd9,
+		0 0 2px 1px rgba( 30, 140, 190, 0.8 );
 }
 
 .wp-picker-open + .wp-picker-input-wrap {
@@ -94,7 +99,7 @@
 .wp-picker-container .iris-picker {
 	-webkit-border-radius: 0;
 	border-radius: 0;
-	border-color: #ddd;
+	border-color: #dfdfdf;
 	margin-top: 6px;
 }
 
@@ -102,21 +107,17 @@
 	width: 65px;
 	font-size: 12px;
 	font-family: monospace;
+	text-align: center;
 	line-height: 16px;
 	margin: 0;
 }
 
-.wp-color-picker::-webkit-input-placeholder {
-	color: #72777c;
+.wp-picker-container input[type="text"].wp-color-picker:focus::-webkit-input-placeholder {
+	color: transparent;
 }
 
-.wp-color-picker::-moz-placeholder {
-	color: #72777c;
-	opacity: 1;
-}
-
-.wp-color-picker:-ms-input-placeholder {
-	color: #72777c;
+.wp-picker-container input[type="text"].wp-color-picker:-moz-placeholder {
+	color: #999;
 }
 
 .wp-picker-container input[type="text"].iris-error {
@@ -124,20 +125,3 @@
 	border-color: #c00;
 	color: #000;
 }
-
-.iris-picker .ui-square-handle:focus,
-.iris-picker .iris-strip .ui-slider-handle:focus {
-	-webkit-box-shadow:
-		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30, 140, 190, .8);
-	box-shadow:
-		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30, 140, 190, .8);
-}
-
-@media screen and ( max-width: 782px ) {
-	.wp-picker-container input[type="text"].wp-color-picker {
-		margin-left: 6px;
-		padding: 3px 5px;
-	}
-}

wp-admin/css/color-picker-rtl.min.css

@@ -1 +1 @@
-.wp-color-picker{width:80px}.wp-picker-container .hidden{display:none}.wp-color-result{background-color:#f7f7f7;border:1px solid #ccc;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;height:22px;margin:0 0 6px 6px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:bottom;display:inline-block;padding-right:30px;-webkit-box-shadow:0 1px 0 #ccc;box-shadow:0 1px 0 #ccc;top:0}.wp-color-result:after{background:#f7f7f7;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;border-right:1px solid #ccc;color:#555;content:attr(title);display:block;font-size:11px;line-height:22px;padding:0 6px;position:relative;left:0;text-align:center;top:0}.wp-color-result:focus,.wp-color-result:hover{background:#fafafa;border-color:#999;color:#23282d}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#23282d;border-color:#a0a5aa;border-right:1px solid #999}.wp-color-result.wp-picker-open:after{content:attr(data-current)}.wp-picker-container,.wp-picker-container:active{display:inline-block;outline:0}.wp-color-result:focus{border-color:#5b9dd9;-webkit-box-shadow:0 0 3px rgba(0,115,170,.8);box-shadow:0 0 3px rgba(0,115,170,.8)}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-container .button{margin-right:6px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#555}.wp-picker-container .iris-picker{-webkit-border-radius:0;border-radius:0;border-color:#ddd;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:65px;font-size:12px;font-family:monospace;line-height:16px;margin:0}.wp-color-picker::-webkit-input-placeholder{color:#72777c}.wp-color-picker::-moz-placeholder{color:#72777c;opacity:1}.wp-color-picker:-ms-input-placeholder{color:#72777c}.wp-picker-container input[type=text].iris-error{background-color:#ffebe8;border-color:#c00;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{-webkit-box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8);box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{margin-left:6px;padding:3px 5px}}
+.wp-color-picker{width:80px}.wp-picker-container .hidden{display:none}.wp-color-result{background-color:#f7f7f7;border:1px solid #ccc;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;height:22px;margin:0 0 6px 6px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:bottom;display:inline-block;padding-right:30px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.08);box-shadow:0 1px 0 rgba(0,0,0,.08);top:0}.wp-color-result:after{background:#f7f7f7;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;border-right:1px solid #ccc;color:#555;content:attr(title);display:block;font-size:11px;line-height:22px;padding:0 6px;position:relative;left:0;text-align:center;top:0;-webkit-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff}.wp-color-result:focus,.wp-color-result:hover{background:#fafafa;border-color:#999;color:#23282d}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#23282d;border-color:#a0a5aa;border-right:1px solid #999}.wp-color-result.wp-picker-open:after{content:attr(data-current)}.wp-picker-container,.wp-picker-container:active{display:inline-block;outline:0}.wp-color-result:focus{-webkit-box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8);box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-container .button{margin-right:6px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#555}.wp-picker-container .iris-picker{-webkit-border-radius:0;border-radius:0;border-color:#dfdfdf;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:65px;font-size:12px;font-family:monospace;text-align:center;line-height:16px;margin:0}.wp-picker-container input[type=text].wp-color-picker:focus::-webkit-input-placeholder{color:transparent}.wp-picker-container input[type=text].wp-color-picker:-moz-placeholder{color:#999}.wp-picker-container input[type=text].iris-error{background-color:#ffebe8;border-color:#c00;color:#000}

wp-admin/css/color-picker.css

@@ -24,8 +24,8 @@
 	vertical-align: bottom;
 	display: inline-block;
 	padding-left: 30px;
-	-webkit-box-shadow: 0 1px 0 #ccc;
-	box-shadow: 0 1px 0 #ccc;
+	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.08);
+	box-shadow: 0 1px 0 rgba(0,0,0,.08);
 }
 
 .wp-color-result:after {
@@ -43,6 +43,8 @@
 	right: 0;
 	text-align: center;
 	top: 0;
+	-webkit-box-shadow: inset 0 1px 0 #fff;
+	box-shadow: inset 0 1px 0 #fff;
 }
 
 .wp-color-result:hover,
@@ -73,9 +75,12 @@
 }
 
 .wp-color-result:focus {
-	border-color: #5b9dd9;
-	-webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
-	box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
+	-webkit-box-shadow:
+		0 0 0 1px #5b9dd9,
+		0 0 2px 1px rgba( 30, 140, 190, 0.8 );
+	box-shadow:
+		0 0 0 1px #5b9dd9,
+		0 0 2px 1px rgba( 30, 140, 190, 0.8 );
 }
 
 .wp-picker-open + .wp-picker-input-wrap {
@@ -94,7 +99,7 @@
 .wp-picker-container .iris-picker {
 	-webkit-border-radius: 0;
 	border-radius: 0;
-	border-color: #ddd;
+	border-color: #dfdfdf;
 	margin-top: 6px;
 }
 
@@ -102,21 +107,17 @@
 	width: 65px;
 	font-size: 12px;
 	font-family: monospace;
+	text-align: center;
 	line-height: 16px;
 	margin: 0;
 }
 
-.wp-color-picker::-webkit-input-placeholder {
-	color: #72777c;
+.wp-picker-container input[type="text"].wp-color-picker:focus::-webkit-input-placeholder {
+	color: transparent;
 }
 
-.wp-color-picker::-moz-placeholder {
-	color: #72777c;
-	opacity: 1;
-}
-
-.wp-color-picker:-ms-input-placeholder {
-	color: #72777c;
+.wp-picker-container input[type="text"].wp-color-picker:-moz-placeholder {
+	color: #999;
 }
 
 .wp-picker-container input[type="text"].iris-error {
@@ -124,20 +125,3 @@
 	border-color: #c00;
 	color: #000;
 }
-
-.iris-picker .ui-square-handle:focus,
-.iris-picker .iris-strip .ui-slider-handle:focus {
-	-webkit-box-shadow:
-		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30, 140, 190, .8);
-	box-shadow:
-		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30, 140, 190, .8);
-}
-
-@media screen and ( max-width: 782px ) {
-	.wp-picker-container input[type="text"].wp-color-picker {
-		margin-right: 6px;
-		padding: 3px 5px;
-	}
-}

wp-admin/css/color-picker.min.css

@@ -1 +1 @@
-.wp-color-picker{width:80px}.wp-picker-container .hidden{display:none}.wp-color-result{background-color:#f7f7f7;border:1px solid #ccc;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;height:22px;margin:0 6px 6px 0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:bottom;display:inline-block;padding-left:30px;-webkit-box-shadow:0 1px 0 #ccc;box-shadow:0 1px 0 #ccc;top:0}.wp-color-result:after{background:#f7f7f7;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;border-left:1px solid #ccc;color:#555;content:attr(title);display:block;font-size:11px;line-height:22px;padding:0 6px;position:relative;right:0;text-align:center;top:0}.wp-color-result:focus,.wp-color-result:hover{background:#fafafa;border-color:#999;color:#23282d}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#23282d;border-color:#a0a5aa;border-left:1px solid #999}.wp-color-result.wp-picker-open:after{content:attr(data-current)}.wp-picker-container,.wp-picker-container:active{display:inline-block;outline:0}.wp-color-result:focus{border-color:#5b9dd9;-webkit-box-shadow:0 0 3px rgba(0,115,170,.8);box-shadow:0 0 3px rgba(0,115,170,.8)}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-container .button{margin-left:6px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#555}.wp-picker-container .iris-picker{-webkit-border-radius:0;border-radius:0;border-color:#ddd;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:65px;font-size:12px;font-family:monospace;line-height:16px;margin:0}.wp-color-picker::-webkit-input-placeholder{color:#72777c}.wp-color-picker::-moz-placeholder{color:#72777c;opacity:1}.wp-color-picker:-ms-input-placeholder{color:#72777c}.wp-picker-container input[type=text].iris-error{background-color:#ffebe8;border-color:#c00;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{-webkit-box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8);box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{margin-right:6px;padding:3px 5px}}
+.wp-color-picker{width:80px}.wp-picker-container .hidden{display:none}.wp-color-result{background-color:#f7f7f7;border:1px solid #ccc;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;height:22px;margin:0 6px 6px 0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:bottom;display:inline-block;padding-left:30px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.08);box-shadow:0 1px 0 rgba(0,0,0,.08);top:0}.wp-color-result:after{background:#f7f7f7;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;border-left:1px solid #ccc;color:#555;content:attr(title);display:block;font-size:11px;line-height:22px;padding:0 6px;position:relative;right:0;text-align:center;top:0;-webkit-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff}.wp-color-result:focus,.wp-color-result:hover{background:#fafafa;border-color:#999;color:#23282d}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#23282d;border-color:#a0a5aa;border-left:1px solid #999}.wp-color-result.wp-picker-open:after{content:attr(data-current)}.wp-picker-container,.wp-picker-container:active{display:inline-block;outline:0}.wp-color-result:focus{-webkit-box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8);box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-container .button{margin-left:6px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#555}.wp-picker-container .iris-picker{-webkit-border-radius:0;border-radius:0;border-color:#dfdfdf;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:65px;font-size:12px;font-family:monospace;text-align:center;line-height:16px;margin:0}.wp-picker-container input[type=text].wp-color-picker:focus::-webkit-input-placeholder{color:transparent}.wp-picker-container input[type=text].wp-color-picker:-moz-placeholder{color:#999}.wp-picker-container input[type=text].iris-error{background-color:#ffebe8;border-color:#c00;color:#000}

wp-admin/css/colors/_admin.scss

@@ -3,7 +3,7 @@
 @import 'mixins';
 
 
-body {
+html {
 	background: $body-background;
 }
 
@@ -227,15 +227,23 @@ ul#adminmenu > li.current > a.current:after {
 
 /* Admin Menu: collapse button */
 
-#collapse-button {
+#collapse-menu {
     color: $menu-collapse-text;
 }
 
-#collapse-button:hover,
-#collapse-button:focus {
-    color: $menu-submenu-focus-text;
+#collapse-menu:hover {
+    color: $menu-collapse-focus-text;
 }
 
+#collapse-button div:after {
+    color: $menu-collapse-icon;
+}
+
+#collapse-menu:hover #collapse-button div:after {
+    color: $menu-collapse-focus-icon;
+}
+
+
 /* Admin Bar */
 
 #wpadminbar {
@@ -307,7 +315,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .quicklinks .menupop ul li a:focus,
 #wpadminbar .quicklinks .menupop ul li a:hover strong,
 #wpadminbar .quicklinks .menupop ul li a:focus strong,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
@@ -316,7 +323,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li:hover .ab-item:before,
 #wpadminbar li a:focus .ab-icon:before,
 #wpadminbar li .ab-item:focus:before,
-#wpadminbar li .ab-item:focus .ab-icon:before,
 #wpadminbar li.hover .ab-icon:before,
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
@@ -325,8 +331,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
-#wpadminbar .quicklinks li a:focus .blavatar,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
@@ -350,6 +354,12 @@ ul#adminmenu > li.current > a.current:after {
 	background: $adminbar-input-background;
 }
 
+#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { color: $menu-text; opacity: 0.7; }
+#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { color: $menu-text; opacity: 0.7; }
+#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { color: $menu-text; opacity: 0.7; }
+#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { color: $menu-text; opacity: 0.7; }
+
+
 /* Admin Bar: my account */
 
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
@@ -408,7 +418,12 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-	box-shadow: 0 0 0 1px #fff, 0 0 0 3px $highlight-color;
+	-webkit-box-shadow:
+		0px 0px 0px 1px #fff,
+		0px 0px 0px 3px $highlight-color;
+	box-shadow:
+		0px 0px 0px 1px #fff,
+		0px 0px 0px 3px $highlight-color;
 }
 
 
@@ -462,6 +477,23 @@ body.more-filters-opened .more-filters:focus:before {
 	color: $menu-highlight-text;
 }
 
+/* Customize */
+
+#customize-theme-controls .widget-area-select .selected {
+	background-color: $menu-highlight-background;
+	color: $menu-highlight-text;
+}
+
+/* jQuery UI Slider */
+
+.wp-slider .ui-slider-handle,
+.wp-slider .ui-slider-handle.ui-state-hover,
+.wp-slider .ui-slider-handle.focus {
+	background: $button-color;
+	border-color: darken( $button-color, 10% );
+	box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
+}
+
 /* Responsive Component */
 
 div#wp-responsive-toggle a:before {

wp-admin/css/colors/_mixins.scss

@@ -2,33 +2,33 @@
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-@mixin button( $button-color, $text-color: #fff ) {
+@mixin button( $button-color, $text-color: white ) {
 	background: $button-color;
-	border-color: darken( $button-color, 10% ) darken( $button-color, 15% ) darken( $button-color, 15% );
+	border-color: darken( $button-color, 10% );
 	color: $text-color;
-	box-shadow: 0 1px 0 darken( $button-color, 15% );
-	text-shadow: 0 -1px 1px darken( $button-color, 15% ),
-		1px 0 1px darken( $button-color, 15% ),
-		0 1px 1px darken( $button-color, 15% ),
-		-1px 0 1px darken( $button-color, 15% );
+	box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
 
 	&:hover,
 	&:focus {
-		background: lighten( $button-color, 3% );
+		background: darken( $button-color, 5% );
 		border-color: darken( $button-color, 15% );
 		color: $text-color;
-		box-shadow: 0 1px 0 darken( $button-color, 15% );
+		box-shadow: inset 0 1px 0 lighten( $button-color, 10% );
 	}
 
 	&:focus {
-		box-shadow: inset 0 1px 0 darken( $button-color, 10% ),
-					0 0 2px 1px #33b3db;
+		box-shadow: inset 0 1px 0 lighten( $button-color, 10% ),
+		            0 0 0 1px #5b9dd9,
+		            0 0 2px 1px rgba( 30, 140, 190, .8 );
 	}
 
 	&:active {
 		background: darken( $button-color, 10% );
 		border-color: darken( $button-color, 15% );
-	 	box-shadow: inset 0 2px 0 darken( $button-color, 15% );
+		color: $text-color;
+	 	box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ),
+		            0 0 0 1px #5b9dd9,
+		            0 0 2px 1px rgba( 30, 140, 190, .8 );
 	}
 
 	&[disabled],
@@ -40,12 +40,4 @@
 		border-color: darken( $button-color, 15% ) !important;
 		text-shadow: none !important;
 	}
-
-	&.button-hero {
-		box-shadow: 0 2px 0 darken( $button-color, 15% ) !important;
-		&:active {
-		 	box-shadow: inset 0 3px 0 darken( $button-color, 15% ) !important;
-		}
-	}
-
 }

wp-admin/css/colors/blue/colors-rtl.css

@@ -2,7 +2,7 @@
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -11,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -39,50 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #e1a948;
-  border-color: #d39323 #bd831f #bd831f;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #bd831f;
-  box-shadow: 0 1px 0 #bd831f;
-  text-shadow: 0 -1px 1px #bd831f, -1px 0 1px #bd831f, 0 1px 1px #bd831f, 1px 0 1px #bd831f;
+  border-color: #d39323;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15);
 }
 
-.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #e3af55;
+.wp-core-ui .button-primary:hover,
+.wp-core-ui .button-primary:focus {
+  background: #dd9f32;
   border-color: #bd831f;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #bd831f;
-  box-shadow: 0 1px 0 #bd831f;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #e8be74;
+  box-shadow: inset 0 1px 0 #e8be74;
 }
 
 .wp-core-ui .button-primary:focus {
-  -webkit-box-shadow: inset 0 1px 0 #d39323, 0 0 2px 1px #33b3db;
-  box-shadow: inset 0 1px 0 #d39323, 0 0 2px 1px #33b3db;
+  -webkit-box-shadow: inset 0 1px 0 #e8be74, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 1px 0 #e8be74, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
 .wp-core-ui .button-primary:active {
   background: #d39323;
   border-color: #bd831f;
-  -webkit-box-shadow: inset 0 2px 0 #bd831f;
-  box-shadow: inset 0 2px 0 #bd831f;
+  color: white;
+  -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
-.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
+.wp-core-ui .button-primary[disabled],
+.wp-core-ui .button-primary:disabled,
+.wp-core-ui .button-primary.button-primary-disabled,
+.wp-core-ui .button-primary.disabled {
   color: #d1cdc7 !important;
   background: #db9925 !important;
   border-color: #bd831f !important;
   text-shadow: none !important;
 }
 
-.wp-core-ui .button-primary.button-hero {
-  -webkit-box-shadow: 0 2px 0 #bd831f !important;
-  box-shadow: 0 2px 0 #bd831f !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  -webkit-box-shadow: inset 0 3px 0 #bd831f !important;
-  box-shadow: inset 0 3px 0 #bd831f !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #52accc;
@@ -115,8 +111,7 @@ input[type=radio]:checked:before {
 }
 
 /* List tables */
-.wrap .add-new-h2:hover,
-.wrap .page-title-action:hover,
+.wrap .add-new-h2:hover, .wrap .page-title-action:hover,
 .tablenav .tablenav-pages a:hover,
 .tablenav .tablenav-pages a:focus {
   color: #fff;
@@ -192,15 +187,15 @@ input[type=radio]:checked:before {
   color: #e2ecf1;
 }
 
-#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus,
+#adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
   color: #fff;
 }
 
@@ -211,11 +206,11 @@ input[type=radio]:checked:before {
   color: #fff;
 }
 
-#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
   color: #fff;
 }
 
@@ -259,12 +254,19 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: collapse button */
-#collapse-button {
+#collapse-menu {
   color: #e5f8ff;
 }
 
-#collapse-button:hover,
-#collapse-button:focus {
+#collapse-menu:hover {
+  color: #fff;
+}
+
+#collapse-button div:after {
+  color: #e5f8ff;
+}
+
+#collapse-menu:hover #collapse-button div:after {
   color: #fff;
 }
 
@@ -336,7 +338,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .quicklinks .menupop ul li a:focus,
 #wpadminbar .quicklinks .menupop ul li a:hover strong,
 #wpadminbar .quicklinks .menupop ul li a:focus strong,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
@@ -345,7 +346,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li:hover .ab-item:before,
 #wpadminbar li a:focus .ab-icon:before,
 #wpadminbar li .ab-item:focus:before,
-#wpadminbar li .ab-item:focus .ab-icon:before,
 #wpadminbar li.hover .ab-icon:before,
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
@@ -354,8 +354,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
-#wpadminbar .quicklinks li a:focus .blavatar,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
@@ -377,6 +375,26 @@ ul#adminmenu > li.current > a.current:after {
   background: #6eb9d4;
 }
 
+#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
   border-color: #6eb9d4;
@@ -430,8 +448,8 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #096484;
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #096484;
+  -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #096484;
+  box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #096484;
 }
 
 /* Themes */
@@ -482,6 +500,22 @@ body.more-filters-opened .more-filters:focus:before {
   color: #fff;
 }
 
+/* Customize */
+#customize-theme-controls .widget-area-select .selected {
+  background-color: #096484;
+  color: #fff;
+}
+
+/* jQuery UI Slider */
+.wp-slider .ui-slider-handle,
+.wp-slider .ui-slider-handle.ui-state-hover,
+.wp-slider .ui-slider-handle.focus {
+  background: #e1a948;
+  border-color: #d39323;
+  -webkit-box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15);
+}
+
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
   color: #e5f8ff;

wp-admin/css/colors/blue/colors.css

@@ -2,7 +2,7 @@
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -11,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -39,50 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #e1a948;
-  border-color: #d39323 #bd831f #bd831f;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #bd831f;
-  box-shadow: 0 1px 0 #bd831f;
-  text-shadow: 0 -1px 1px #bd831f, 1px 0 1px #bd831f, 0 1px 1px #bd831f, -1px 0 1px #bd831f;
+  border-color: #d39323;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15);
 }
 
-.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #e3af55;
+.wp-core-ui .button-primary:hover,
+.wp-core-ui .button-primary:focus {
+  background: #dd9f32;
   border-color: #bd831f;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #bd831f;
-  box-shadow: 0 1px 0 #bd831f;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #e8be74;
+  box-shadow: inset 0 1px 0 #e8be74;
 }
 
 .wp-core-ui .button-primary:focus {
-  -webkit-box-shadow: inset 0 1px 0 #d39323, 0 0 2px 1px #33b3db;
-  box-shadow: inset 0 1px 0 #d39323, 0 0 2px 1px #33b3db;
+  -webkit-box-shadow: inset 0 1px 0 #e8be74, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 1px 0 #e8be74, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
 .wp-core-ui .button-primary:active {
   background: #d39323;
   border-color: #bd831f;
-  -webkit-box-shadow: inset 0 2px 0 #bd831f;
-  box-shadow: inset 0 2px 0 #bd831f;
+  color: white;
+  -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
-.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
+.wp-core-ui .button-primary[disabled],
+.wp-core-ui .button-primary:disabled,
+.wp-core-ui .button-primary.button-primary-disabled,
+.wp-core-ui .button-primary.disabled {
   color: #d1cdc7 !important;
   background: #db9925 !important;
   border-color: #bd831f !important;
   text-shadow: none !important;
 }
 
-.wp-core-ui .button-primary.button-hero {
-  -webkit-box-shadow: 0 2px 0 #bd831f !important;
-  box-shadow: 0 2px 0 #bd831f !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  -webkit-box-shadow: inset 0 3px 0 #bd831f !important;
-  box-shadow: inset 0 3px 0 #bd831f !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #52accc;
@@ -115,8 +111,7 @@ input[type=radio]:checked:before {
 }
 
 /* List tables */
-.wrap .add-new-h2:hover,
-.wrap .page-title-action:hover,
+.wrap .add-new-h2:hover, .wrap .page-title-action:hover,
 .tablenav .tablenav-pages a:hover,
 .tablenav .tablenav-pages a:focus {
   color: #fff;
@@ -192,15 +187,15 @@ input[type=radio]:checked:before {
   color: #e2ecf1;
 }
 
-#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus,
+#adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
   color: #fff;
 }
 
@@ -211,11 +206,11 @@ input[type=radio]:checked:before {
   color: #fff;
 }
 
-#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
   color: #fff;
 }
 
@@ -259,12 +254,19 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: collapse button */
-#collapse-button {
+#collapse-menu {
   color: #e5f8ff;
 }
 
-#collapse-button:hover,
-#collapse-button:focus {
+#collapse-menu:hover {
+  color: #fff;
+}
+
+#collapse-button div:after {
+  color: #e5f8ff;
+}
+
+#collapse-menu:hover #collapse-button div:after {
   color: #fff;
 }
 
@@ -336,7 +338,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .quicklinks .menupop ul li a:focus,
 #wpadminbar .quicklinks .menupop ul li a:hover strong,
 #wpadminbar .quicklinks .menupop ul li a:focus strong,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
@@ -345,7 +346,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li:hover .ab-item:before,
 #wpadminbar li a:focus .ab-icon:before,
 #wpadminbar li .ab-item:focus:before,
-#wpadminbar li .ab-item:focus .ab-icon:before,
 #wpadminbar li.hover .ab-icon:before,
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
@@ -354,8 +354,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
-#wpadminbar .quicklinks li a:focus .blavatar,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
@@ -377,6 +375,26 @@ ul#adminmenu > li.current > a.current:after {
   background: #6eb9d4;
 }
 
+#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
   border-color: #6eb9d4;
@@ -430,8 +448,8 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #096484;
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #096484;
+  -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #096484;
+  box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #096484;
 }
 
 /* Themes */
@@ -482,6 +500,22 @@ body.more-filters-opened .more-filters:focus:before {
   color: #fff;
 }
 
+/* Customize */
+#customize-theme-controls .widget-area-select .selected {
+  background-color: #096484;
+  color: #fff;
+}
+
+/* jQuery UI Slider */
+.wp-slider .ui-slider-handle,
+.wp-slider .ui-slider-handle.ui-state-hover,
+.wp-slider .ui-slider-handle.focus {
+  background: #e1a948;
+  border-color: #d39323;
+  -webkit-box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15);
+}
+
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
   color: #e5f8ff;

wp-admin/css/colors/coffee/colors-rtl.css

@@ -2,7 +2,7 @@
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -11,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -39,50 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #c7a589;
-  border-color: #b78b66 #ae7d55 #ae7d55;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #ae7d55;
-  box-shadow: 0 1px 0 #ae7d55;
-  text-shadow: 0 -1px 1px #ae7d55, -1px 0 1px #ae7d55, 0 1px 1px #ae7d55, 1px 0 1px #ae7d55;
+  border-color: #b78b66;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15);
 }
 
-.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #ccad93;
+.wp-core-ui .button-primary:hover,
+.wp-core-ui .button-primary:focus {
+  background: #bf9878;
   border-color: #ae7d55;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #ae7d55;
-  box-shadow: 0 1px 0 #ae7d55;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #d7bfac;
+  box-shadow: inset 0 1px 0 #d7bfac;
 }
 
 .wp-core-ui .button-primary:focus {
-  -webkit-box-shadow: inset 0 1px 0 #b78b66, 0 0 2px 1px #33b3db;
-  box-shadow: inset 0 1px 0 #b78b66, 0 0 2px 1px #33b3db;
+  -webkit-box-shadow: inset 0 1px 0 #d7bfac, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 1px 0 #d7bfac, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
 .wp-core-ui .button-primary:active {
   background: #b78b66;
   border-color: #ae7d55;
-  -webkit-box-shadow: inset 0 2px 0 #ae7d55;
-  box-shadow: inset 0 2px 0 #ae7d55;
+  color: white;
+  -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
-.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
+.wp-core-ui .button-primary[disabled],
+.wp-core-ui .button-primary:disabled,
+.wp-core-ui .button-primary.button-primary-disabled,
+.wp-core-ui .button-primary.disabled {
   color: #d1ccc7 !important;
   background: #ba906d !important;
   border-color: #ae7d55 !important;
   text-shadow: none !important;
 }
 
-.wp-core-ui .button-primary.button-hero {
-  -webkit-box-shadow: 0 2px 0 #ae7d55 !important;
-  box-shadow: 0 2px 0 #ae7d55 !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  -webkit-box-shadow: inset 0 3px 0 #ae7d55 !important;
-  box-shadow: inset 0 3px 0 #ae7d55 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #59524c;
@@ -115,8 +111,7 @@ input[type=radio]:checked:before {
 }
 
 /* List tables */
-.wrap .add-new-h2:hover,
-.wrap .page-title-action:hover,
+.wrap .add-new-h2:hover, .wrap .page-title-action:hover,
 .tablenav .tablenav-pages a:hover,
 .tablenav .tablenav-pages a:focus {
   color: #fff;
@@ -192,15 +187,15 @@ input[type=radio]:checked:before {
   color: #cdcbc9;
 }
 
-#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus,
+#adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
   color: #c7a589;
 }
 
@@ -211,11 +206,11 @@ input[type=radio]:checked:before {
   color: #fff;
 }
 
-#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
   color: #c7a589;
 }
 
@@ -259,13 +254,20 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: collapse button */
-#collapse-button {
+#collapse-menu {
   color: #f3f2f1;
 }
 
-#collapse-button:hover,
-#collapse-button:focus {
-  color: #c7a589;
+#collapse-menu:hover {
+  color: #fff;
+}
+
+#collapse-button div:after {
+  color: #f3f2f1;
+}
+
+#collapse-menu:hover #collapse-button div:after {
+  color: #fff;
 }
 
 /* Admin Bar */
@@ -336,7 +338,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .quicklinks .menupop ul li a:focus,
 #wpadminbar .quicklinks .menupop ul li a:hover strong,
 #wpadminbar .quicklinks .menupop ul li a:focus strong,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
@@ -345,7 +346,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li:hover .ab-item:before,
 #wpadminbar li a:focus .ab-icon:before,
 #wpadminbar li .ab-item:focus:before,
-#wpadminbar li .ab-item:focus .ab-icon:before,
 #wpadminbar li.hover .ab-icon:before,
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
@@ -354,8 +354,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
-#wpadminbar .quicklinks li a:focus .blavatar,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
@@ -377,6 +375,26 @@ ul#adminmenu > li.current > a.current:after {
   background: #6c645c;
 }
 
+#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
   border-color: #6c645c;
@@ -430,8 +448,8 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
+  -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #c7a589;
+  box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #c7a589;
 }
 
 /* Themes */
@@ -482,6 +500,22 @@ body.more-filters-opened .more-filters:focus:before {
   color: #fff;
 }
 
+/* Customize */
+#customize-theme-controls .widget-area-select .selected {
+  background-color: #c7a589;
+  color: #fff;
+}
+
+/* jQuery UI Slider */
+.wp-slider .ui-slider-handle,
+.wp-slider .ui-slider-handle.ui-state-hover,
+.wp-slider .ui-slider-handle.focus {
+  background: #c7a589;
+  border-color: #b78b66;
+  -webkit-box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15);
+}
+
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
   color: #f3f2f1;

wp-admin/css/colors/coffee/colors.css

@@ -2,7 +2,7 @@
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -11,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -39,50 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #c7a589;
-  border-color: #b78b66 #ae7d55 #ae7d55;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #ae7d55;
-  box-shadow: 0 1px 0 #ae7d55;
-  text-shadow: 0 -1px 1px #ae7d55, 1px 0 1px #ae7d55, 0 1px 1px #ae7d55, -1px 0 1px #ae7d55;
+  border-color: #b78b66;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15);
 }
 
-.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #ccad93;
+.wp-core-ui .button-primary:hover,
+.wp-core-ui .button-primary:focus {
+  background: #bf9878;
   border-color: #ae7d55;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #ae7d55;
-  box-shadow: 0 1px 0 #ae7d55;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #d7bfac;
+  box-shadow: inset 0 1px 0 #d7bfac;
 }
 
 .wp-core-ui .button-primary:focus {
-  -webkit-box-shadow: inset 0 1px 0 #b78b66, 0 0 2px 1px #33b3db;
-  box-shadow: inset 0 1px 0 #b78b66, 0 0 2px 1px #33b3db;
+  -webkit-box-shadow: inset 0 1px 0 #d7bfac, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 1px 0 #d7bfac, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
 .wp-core-ui .button-primary:active {
   background: #b78b66;
   border-color: #ae7d55;
-  -webkit-box-shadow: inset 0 2px 0 #ae7d55;
-  box-shadow: inset 0 2px 0 #ae7d55;
+  color: white;
+  -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
-.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
+.wp-core-ui .button-primary[disabled],
+.wp-core-ui .button-primary:disabled,
+.wp-core-ui .button-primary.button-primary-disabled,
+.wp-core-ui .button-primary.disabled {
   color: #d1ccc7 !important;
   background: #ba906d !important;
   border-color: #ae7d55 !important;
   text-shadow: none !important;
 }
 
-.wp-core-ui .button-primary.button-hero {
-  -webkit-box-shadow: 0 2px 0 #ae7d55 !important;
-  box-shadow: 0 2px 0 #ae7d55 !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  -webkit-box-shadow: inset 0 3px 0 #ae7d55 !important;
-  box-shadow: inset 0 3px 0 #ae7d55 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #59524c;
@@ -115,8 +111,7 @@ input[type=radio]:checked:before {
 }
 
 /* List tables */
-.wrap .add-new-h2:hover,
-.wrap .page-title-action:hover,
+.wrap .add-new-h2:hover, .wrap .page-title-action:hover,
 .tablenav .tablenav-pages a:hover,
 .tablenav .tablenav-pages a:focus {
   color: #fff;
@@ -192,15 +187,15 @@ input[type=radio]:checked:before {
   color: #cdcbc9;
 }
 
-#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus,
+#adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
   color: #c7a589;
 }
 
@@ -211,11 +206,11 @@ input[type=radio]:checked:before {
   color: #fff;
 }
 
-#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
   color: #c7a589;
 }
 
@@ -259,13 +254,20 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: collapse button */
-#collapse-button {
+#collapse-menu {
   color: #f3f2f1;
 }
 
-#collapse-button:hover,
-#collapse-button:focus {
-  color: #c7a589;
+#collapse-menu:hover {
+  color: #fff;
+}
+
+#collapse-button div:after {
+  color: #f3f2f1;
+}
+
+#collapse-menu:hover #collapse-button div:after {
+  color: #fff;
 }
 
 /* Admin Bar */
@@ -336,7 +338,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .quicklinks .menupop ul li a:focus,
 #wpadminbar .quicklinks .menupop ul li a:hover strong,
 #wpadminbar .quicklinks .menupop ul li a:focus strong,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
@@ -345,7 +346,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li:hover .ab-item:before,
 #wpadminbar li a:focus .ab-icon:before,
 #wpadminbar li .ab-item:focus:before,
-#wpadminbar li .ab-item:focus .ab-icon:before,
 #wpadminbar li.hover .ab-icon:before,
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
@@ -354,8 +354,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
-#wpadminbar .quicklinks li a:focus .blavatar,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
@@ -377,6 +375,26 @@ ul#adminmenu > li.current > a.current:after {
   background: #6c645c;
 }
 
+#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
   border-color: #6c645c;
@@ -430,8 +448,8 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
+  -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #c7a589;
+  box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #c7a589;
 }
 
 /* Themes */
@@ -482,6 +500,22 @@ body.more-filters-opened .more-filters:focus:before {
   color: #fff;
 }
 
+/* Customize */
+#customize-theme-controls .widget-area-select .selected {
+  background-color: #c7a589;
+  color: #fff;
+}
+
+/* jQuery UI Slider */
+.wp-slider .ui-slider-handle,
+.wp-slider .ui-slider-handle.ui-state-hover,
+.wp-slider .ui-slider-handle.focus {
+  background: #c7a589;
+  border-color: #b78b66;
+  -webkit-box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15);
+}
+
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
   color: #f3f2f1;

wp-admin/css/colors/ectoplasm/colors-rtl.css

@@ -2,7 +2,7 @@
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -11,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -39,50 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #a3b745;
-  border-color: #829237 #727f30 #727f30;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #727f30;
-  box-shadow: 0 1px 0 #727f30;
-  text-shadow: 0 -1px 1px #727f30, -1px 0 1px #727f30, 0 1px 1px #727f30, 1px 0 1px #727f30;
+  border-color: #829237;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #bfcd7b, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #bfcd7b, 0 1px 0 rgba(0, 0, 0, 0.15);
 }
 
-.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #a9bd4f;
+.wp-core-ui .button-primary:hover,
+.wp-core-ui .button-primary:focus {
+  background: #93a43e;
   border-color: #727f30;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #727f30;
-  box-shadow: 0 1px 0 #727f30;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #b6c669;
+  box-shadow: inset 0 1px 0 #b6c669;
 }
 
 .wp-core-ui .button-primary:focus {
-  -webkit-box-shadow: inset 0 1px 0 #829237, 0 0 2px 1px #33b3db;
-  box-shadow: inset 0 1px 0 #829237, 0 0 2px 1px #33b3db;
+  -webkit-box-shadow: inset 0 1px 0 #b6c669, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 1px 0 #b6c669, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
 .wp-core-ui .button-primary:active {
   background: #829237;
   border-color: #727f30;
-  -webkit-box-shadow: inset 0 2px 0 #727f30;
-  box-shadow: inset 0 2px 0 #727f30;
+  color: white;
+  -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
-.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
+.wp-core-ui .button-primary[disabled],
+.wp-core-ui .button-primary:disabled,
+.wp-core-ui .button-primary.button-primary-disabled,
+.wp-core-ui .button-primary.disabled {
   color: #cfd1c7 !important;
   background: #89993a !important;
   border-color: #727f30 !important;
   text-shadow: none !important;
 }
 
-.wp-core-ui .button-primary.button-hero {
-  -webkit-box-shadow: 0 2px 0 #727f30 !important;
-  box-shadow: 0 2px 0 #727f30 !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  -webkit-box-shadow: inset 0 3px 0 #727f30 !important;
-  box-shadow: inset 0 3px 0 #727f30 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #523f6d;
@@ -115,8 +111,7 @@ input[type=radio]:checked:before {
 }
 
 /* List tables */
-.wrap .add-new-h2:hover,
-.wrap .page-title-action:hover,
+.wrap .add-new-h2:hover, .wrap .page-title-action:hover,
 .tablenav .tablenav-pages a:hover,
 .tablenav .tablenav-pages a:focus {
   color: #fff;
@@ -192,15 +187,15 @@ input[type=radio]:checked:before {
   color: #cbc5d3;
 }
 
-#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus,
+#adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
   color: #a3b745;
 }
 
@@ -211,11 +206,11 @@ input[type=radio]:checked:before {
   color: #fff;
 }
 
-#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
   color: #a3b745;
 }
 
@@ -259,13 +254,20 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: collapse button */
-#collapse-button {
+#collapse-menu {
   color: #ece6f6;
 }
 
-#collapse-button:hover,
-#collapse-button:focus {
-  color: #a3b745;
+#collapse-menu:hover {
+  color: #fff;
+}
+
+#collapse-button div:after {
+  color: #ece6f6;
+}
+
+#collapse-menu:hover #collapse-button div:after {
+  color: #fff;
 }
 
 /* Admin Bar */
@@ -336,7 +338,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .quicklinks .menupop ul li a:focus,
 #wpadminbar .quicklinks .menupop ul li a:hover strong,
 #wpadminbar .quicklinks .menupop ul li a:focus strong,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
@@ -345,7 +346,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li:hover .ab-item:before,
 #wpadminbar li a:focus .ab-icon:before,
 #wpadminbar li .ab-item:focus:before,
-#wpadminbar li .ab-item:focus .ab-icon:before,
 #wpadminbar li.hover .ab-icon:before,
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
@@ -354,8 +354,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
-#wpadminbar .quicklinks li a:focus .blavatar,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
@@ -377,6 +375,26 @@ ul#adminmenu > li.current > a.current:after {
   background: #634c84;
 }
 
+#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
   border-color: #634c84;
@@ -430,8 +448,8 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
+  -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #a3b745;
+  box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #a3b745;
 }
 
 /* Themes */
@@ -482,6 +500,22 @@ body.more-filters-opened .more-filters:focus:before {
   color: #fff;
 }
 
+/* Customize */
+#customize-theme-controls .widget-area-select .selected {
+  background-color: #a3b745;
+  color: #fff;
+}
+
+/* jQuery UI Slider */
+.wp-slider .ui-slider-handle,
+.wp-slider .ui-slider-handle.ui-state-hover,
+.wp-slider .ui-slider-handle.focus {
+  background: #a3b745;
+  border-color: #829237;
+  -webkit-box-shadow: inset 0 1px 0 #bfcd7b, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #bfcd7b, 0 1px 0 rgba(0, 0, 0, 0.15);
+}
+
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
   color: #ece6f6;

wp-admin/css/colors/ectoplasm/colors.css

@@ -2,7 +2,7 @@
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -11,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -39,50 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #a3b745;
-  border-color: #829237 #727f30 #727f30;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #727f30;
-  box-shadow: 0 1px 0 #727f30;
-  text-shadow: 0 -1px 1px #727f30, 1px 0 1px #727f30, 0 1px 1px #727f30, -1px 0 1px #727f30;
+  border-color: #829237;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #bfcd7b, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #bfcd7b, 0 1px 0 rgba(0, 0, 0, 0.15);
 }
 
-.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #a9bd4f;
+.wp-core-ui .button-primary:hover,
+.wp-core-ui .button-primary:focus {
+  background: #93a43e;
   border-color: #727f30;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #727f30;
-  box-shadow: 0 1px 0 #727f30;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #b6c669;
+  box-shadow: inset 0 1px 0 #b6c669;
 }
 
 .wp-core-ui .button-primary:focus {
-  -webkit-box-shadow: inset 0 1px 0 #829237, 0 0 2px 1px #33b3db;
-  box-shadow: inset 0 1px 0 #829237, 0 0 2px 1px #33b3db;
+  -webkit-box-shadow: inset 0 1px 0 #b6c669, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 1px 0 #b6c669, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
 .wp-core-ui .button-primary:active {
   background: #829237;
   border-color: #727f30;
-  -webkit-box-shadow: inset 0 2px 0 #727f30;
-  box-shadow: inset 0 2px 0 #727f30;
+  color: white;
+  -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
-.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
+.wp-core-ui .button-primary[disabled],
+.wp-core-ui .button-primary:disabled,
+.wp-core-ui .button-primary.button-primary-disabled,
+.wp-core-ui .button-primary.disabled {
   color: #cfd1c7 !important;
   background: #89993a !important;
   border-color: #727f30 !important;
   text-shadow: none !important;
 }
 
-.wp-core-ui .button-primary.button-hero {
-  -webkit-box-shadow: 0 2px 0 #727f30 !important;
-  box-shadow: 0 2px 0 #727f30 !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  -webkit-box-shadow: inset 0 3px 0 #727f30 !important;
-  box-shadow: inset 0 3px 0 #727f30 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #523f6d;
@@ -115,8 +111,7 @@ input[type=radio]:checked:before {
 }
 
 /* List tables */
-.wrap .add-new-h2:hover,
-.wrap .page-title-action:hover,
+.wrap .add-new-h2:hover, .wrap .page-title-action:hover,
 .tablenav .tablenav-pages a:hover,
 .tablenav .tablenav-pages a:focus {
   color: #fff;
@@ -192,15 +187,15 @@ input[type=radio]:checked:before {
   color: #cbc5d3;
 }
 
-#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus,
+#adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
   color: #a3b745;
 }
 
@@ -211,11 +206,11 @@ input[type=radio]:checked:before {
   color: #fff;
 }
 
-#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
   color: #a3b745;
 }
 
@@ -259,13 +254,20 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: collapse button */
-#collapse-button {
+#collapse-menu {
   color: #ece6f6;
 }
 
-#collapse-button:hover,
-#collapse-button:focus {
-  color: #a3b745;
+#collapse-menu:hover {
+  color: #fff;
+}
+
+#collapse-button div:after {
+  color: #ece6f6;
+}
+
+#collapse-menu:hover #collapse-button div:after {
+  color: #fff;
 }
 
 /* Admin Bar */
@@ -336,7 +338,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .quicklinks .menupop ul li a:focus,
 #wpadminbar .quicklinks .menupop ul li a:hover strong,
 #wpadminbar .quicklinks .menupop ul li a:focus strong,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
@@ -345,7 +346,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li:hover .ab-item:before,
 #wpadminbar li a:focus .ab-icon:before,
 #wpadminbar li .ab-item:focus:before,
-#wpadminbar li .ab-item:focus .ab-icon:before,
 #wpadminbar li.hover .ab-icon:before,
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
@@ -354,8 +354,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
-#wpadminbar .quicklinks li a:focus .blavatar,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
@@ -377,6 +375,26 @@ ul#adminmenu > li.current > a.current:after {
   background: #634c84;
 }
 
+#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
   border-color: #634c84;
@@ -430,8 +448,8 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
+  -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #a3b745;
+  box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #a3b745;
 }
 
 /* Themes */
@@ -482,6 +500,22 @@ body.more-filters-opened .more-filters:focus:before {
   color: #fff;
 }
 
+/* Customize */
+#customize-theme-controls .widget-area-select .selected {
+  background-color: #a3b745;
+  color: #fff;
+}
+
+/* jQuery UI Slider */
+.wp-slider .ui-slider-handle,
+.wp-slider .ui-slider-handle.ui-state-hover,
+.wp-slider .ui-slider-handle.focus {
+  background: #a3b745;
+  border-color: #829237;
+  -webkit-box-shadow: inset 0 1px 0 #bfcd7b, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #bfcd7b, 0 1px 0 rgba(0, 0, 0, 0.15);
+}
+
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
   color: #ece6f6;

wp-admin/css/colors/light/colors-rtl.css

@@ -2,7 +2,7 @@
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f5f5f5;
 }
 
@@ -11,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -39,50 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #04a4cc;
-  border-color: #037c9a #036881 #036881;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #036881;
-  box-shadow: 0 1px 0 #036881;
-  text-shadow: 0 -1px 1px #036881, -1px 0 1px #036881, 0 1px 1px #036881, 1px 0 1px #036881;
+  border-color: #037c9a;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15);
 }
 
-.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #04b0db;
+.wp-core-ui .button-primary:hover,
+.wp-core-ui .button-primary:focus {
+  background: #0490b3;
   border-color: #036881;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #036881;
-  box-shadow: 0 1px 0 #036881;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #09cafa;
+  box-shadow: inset 0 1px 0 #09cafa;
 }
 
 .wp-core-ui .button-primary:focus {
-  -webkit-box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db;
-  box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db;
+  -webkit-box-shadow: inset 0 1px 0 #09cafa, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 1px 0 #09cafa, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
 .wp-core-ui .button-primary:active {
   background: #037c9a;
   border-color: #036881;
-  -webkit-box-shadow: inset 0 2px 0 #036881;
-  box-shadow: inset 0 2px 0 #036881;
+  color: white;
+  -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
-.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
+.wp-core-ui .button-primary[disabled],
+.wp-core-ui .button-primary:disabled,
+.wp-core-ui .button-primary.button-primary-disabled,
+.wp-core-ui .button-primary.disabled {
   color: #c7cfd1 !important;
   background: #0384a4 !important;
   border-color: #036881 !important;
   text-shadow: none !important;
 }
 
-.wp-core-ui .button-primary.button-hero {
-  -webkit-box-shadow: 0 2px 0 #036881 !important;
-  box-shadow: 0 2px 0 #036881 !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  -webkit-box-shadow: inset 0 3px 0 #036881 !important;
-  box-shadow: inset 0 3px 0 #036881 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #333;
   background-color: #e5e5e5;
@@ -115,8 +111,7 @@ input[type=radio]:checked:before {
 }
 
 /* List tables */
-.wrap .add-new-h2:hover,
-.wrap .page-title-action:hover,
+.wrap .add-new-h2:hover, .wrap .page-title-action:hover,
 .tablenav .tablenav-pages a:hover,
 .tablenav .tablenav-pages a:focus {
   color: #333;
@@ -192,15 +187,15 @@ input[type=radio]:checked:before {
   color: #686868;
 }
 
-#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus,
+#adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
   color: #04a4cc;
 }
 
@@ -211,11 +206,11 @@ input[type=radio]:checked:before {
   color: #333;
 }
 
-#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
   color: #04a4cc;
 }
 
@@ -259,13 +254,20 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: collapse button */
-#collapse-button {
+#collapse-menu {
   color: #777;
 }
 
-#collapse-button:hover,
-#collapse-button:focus {
-  color: #04a4cc;
+#collapse-menu:hover {
+  color: #333;
+}
+
+#collapse-button div:after {
+  color: #999;
+}
+
+#collapse-menu:hover #collapse-button div:after {
+  color: #555;
 }
 
 /* Admin Bar */
@@ -336,7 +338,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .quicklinks .menupop ul li a:focus,
 #wpadminbar .quicklinks .menupop ul li a:hover strong,
 #wpadminbar .quicklinks .menupop ul li a:focus strong,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
@@ -345,7 +346,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li:hover .ab-item:before,
 #wpadminbar li a:focus .ab-icon:before,
 #wpadminbar li .ab-item:focus:before,
-#wpadminbar li .ab-item:focus .ab-icon:before,
 #wpadminbar li.hover .ab-icon:before,
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
@@ -354,8 +354,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
-#wpadminbar .quicklinks li a:focus .blavatar,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
@@ -377,6 +375,26 @@ ul#adminmenu > li.current > a.current:after {
   background: #f7f7f7;
 }
 
+#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
+  color: #333;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
+  color: #333;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
+  color: #333;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
+  color: #333;
+  opacity: 0.7;
+}
+
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
   border-color: #f7f7f7;
@@ -430,8 +448,8 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
+  -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #04a4cc;
+  box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #04a4cc;
 }
 
 /* Themes */
@@ -482,6 +500,22 @@ body.more-filters-opened .more-filters:focus:before {
   color: #fff;
 }
 
+/* Customize */
+#customize-theme-controls .widget-area-select .selected {
+  background-color: #888;
+  color: #fff;
+}
+
+/* jQuery UI Slider */
+.wp-slider .ui-slider-handle,
+.wp-slider .ui-slider-handle.ui-state-hover,
+.wp-slider .ui-slider-handle.focus {
+  background: #04a4cc;
+  border-color: #037c9a;
+  -webkit-box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15);
+}
+
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
   color: #999;

wp-admin/css/colors/light/colors.css

@@ -2,7 +2,7 @@
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f5f5f5;
 }
 
@@ -11,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -39,50 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #04a4cc;
-  border-color: #037c9a #036881 #036881;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #036881;
-  box-shadow: 0 1px 0 #036881;
-  text-shadow: 0 -1px 1px #036881, 1px 0 1px #036881, 0 1px 1px #036881, -1px 0 1px #036881;
+  border-color: #037c9a;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15);
 }
 
-.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #04b0db;
+.wp-core-ui .button-primary:hover,
+.wp-core-ui .button-primary:focus {
+  background: #0490b3;
   border-color: #036881;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #036881;
-  box-shadow: 0 1px 0 #036881;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #09cafa;
+  box-shadow: inset 0 1px 0 #09cafa;
 }
 
 .wp-core-ui .button-primary:focus {
-  -webkit-box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db;
-  box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db;
+  -webkit-box-shadow: inset 0 1px 0 #09cafa, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 1px 0 #09cafa, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
 .wp-core-ui .button-primary:active {
   background: #037c9a;
   border-color: #036881;
-  -webkit-box-shadow: inset 0 2px 0 #036881;
-  box-shadow: inset 0 2px 0 #036881;
+  color: white;
+  -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
-.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
+.wp-core-ui .button-primary[disabled],
+.wp-core-ui .button-primary:disabled,
+.wp-core-ui .button-primary.button-primary-disabled,
+.wp-core-ui .button-primary.disabled {
   color: #c7cfd1 !important;
   background: #0384a4 !important;
   border-color: #036881 !important;
   text-shadow: none !important;
 }
 
-.wp-core-ui .button-primary.button-hero {
-  -webkit-box-shadow: 0 2px 0 #036881 !important;
-  box-shadow: 0 2px 0 #036881 !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  -webkit-box-shadow: inset 0 3px 0 #036881 !important;
-  box-shadow: inset 0 3px 0 #036881 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #333;
   background-color: #e5e5e5;
@@ -115,8 +111,7 @@ input[type=radio]:checked:before {
 }
 
 /* List tables */
-.wrap .add-new-h2:hover,
-.wrap .page-title-action:hover,
+.wrap .add-new-h2:hover, .wrap .page-title-action:hover,
 .tablenav .tablenav-pages a:hover,
 .tablenav .tablenav-pages a:focus {
   color: #333;
@@ -192,15 +187,15 @@ input[type=radio]:checked:before {
   color: #686868;
 }
 
-#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus,
+#adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
   color: #04a4cc;
 }
 
@@ -211,11 +206,11 @@ input[type=radio]:checked:before {
   color: #333;
 }
 
-#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
   color: #04a4cc;
 }
 
@@ -259,13 +254,20 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: collapse button */
-#collapse-button {
+#collapse-menu {
   color: #777;
 }
 
-#collapse-button:hover,
-#collapse-button:focus {
-  color: #04a4cc;
+#collapse-menu:hover {
+  color: #333;
+}
+
+#collapse-button div:after {
+  color: #999;
+}
+
+#collapse-menu:hover #collapse-button div:after {
+  color: #555;
 }
 
 /* Admin Bar */
@@ -336,7 +338,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .quicklinks .menupop ul li a:focus,
 #wpadminbar .quicklinks .menupop ul li a:hover strong,
 #wpadminbar .quicklinks .menupop ul li a:focus strong,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
@@ -345,7 +346,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li:hover .ab-item:before,
 #wpadminbar li a:focus .ab-icon:before,
 #wpadminbar li .ab-item:focus:before,
-#wpadminbar li .ab-item:focus .ab-icon:before,
 #wpadminbar li.hover .ab-icon:before,
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
@@ -354,8 +354,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
-#wpadminbar .quicklinks li a:focus .blavatar,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
@@ -377,6 +375,26 @@ ul#adminmenu > li.current > a.current:after {
   background: #f7f7f7;
 }
 
+#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
+  color: #333;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
+  color: #333;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
+  color: #333;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
+  color: #333;
+  opacity: 0.7;
+}
+
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
   border-color: #f7f7f7;
@@ -430,8 +448,8 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
+  -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #04a4cc;
+  box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #04a4cc;
 }
 
 /* Themes */
@@ -482,6 +500,22 @@ body.more-filters-opened .more-filters:focus:before {
   color: #fff;
 }
 
+/* Customize */
+#customize-theme-controls .widget-area-select .selected {
+  background-color: #888;
+  color: #fff;
+}
+
+/* jQuery UI Slider */
+.wp-slider .ui-slider-handle,
+.wp-slider .ui-slider-handle.ui-state-hover,
+.wp-slider .ui-slider-handle.focus {
+  background: #04a4cc;
+  border-color: #037c9a;
+  -webkit-box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15);
+}
+
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
   color: #999;

wp-admin/css/colors/midnight/colors-rtl.css

@@ -2,7 +2,7 @@
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -11,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -39,50 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #e14d43;
-  border-color: #d02c21 #ba281e #ba281e;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #ba281e;
-  box-shadow: 0 1px 0 #ba281e;
-  text-shadow: 0 -1px 1px #ba281e, -1px 0 1px #ba281e, 0 1px 1px #ba281e, 1px 0 1px #ba281e;
+  border-color: #d02c21;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #ec8b85, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #ec8b85, 0 1px 0 rgba(0, 0, 0, 0.15);
 }
 
-.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #e35950;
+.wp-core-ui .button-primary:hover,
+.wp-core-ui .button-primary:focus {
+  background: #dd382d;
   border-color: #ba281e;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #ba281e;
-  box-shadow: 0 1px 0 #ba281e;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #e8776f;
+  box-shadow: inset 0 1px 0 #e8776f;
 }
 
 .wp-core-ui .button-primary:focus {
-  -webkit-box-shadow: inset 0 1px 0 #d02c21, 0 0 2px 1px #33b3db;
-  box-shadow: inset 0 1px 0 #d02c21, 0 0 2px 1px #33b3db;
+  -webkit-box-shadow: inset 0 1px 0 #e8776f, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 1px 0 #e8776f, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
 .wp-core-ui .button-primary:active {
   background: #d02c21;
   border-color: #ba281e;
-  -webkit-box-shadow: inset 0 2px 0 #ba281e;
-  box-shadow: inset 0 2px 0 #ba281e;
+  color: white;
+  -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
-.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
+.wp-core-ui .button-primary[disabled],
+.wp-core-ui .button-primary:disabled,
+.wp-core-ui .button-primary.button-primary-disabled,
+.wp-core-ui .button-primary.disabled {
   color: #d1c8c7 !important;
   background: #d92e23 !important;
   border-color: #ba281e !important;
   text-shadow: none !important;
 }
 
-.wp-core-ui .button-primary.button-hero {
-  -webkit-box-shadow: 0 2px 0 #ba281e !important;
-  box-shadow: 0 2px 0 #ba281e !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  -webkit-box-shadow: inset 0 3px 0 #ba281e !important;
-  box-shadow: inset 0 3px 0 #ba281e !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #363b3f;
@@ -115,8 +111,7 @@ input[type=radio]:checked:before {
 }
 
 /* List tables */
-.wrap .add-new-h2:hover,
-.wrap .page-title-action:hover,
+.wrap .add-new-h2:hover, .wrap .page-title-action:hover,
 .tablenav .tablenav-pages a:hover,
 .tablenav .tablenav-pages a:focus {
   color: #fff;
@@ -192,15 +187,15 @@ input[type=radio]:checked:before {
   color: #c3c4c5;
 }
 
-#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus,
+#adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
   color: #e14d43;
 }
 
@@ -211,11 +206,11 @@ input[type=radio]:checked:before {
   color: #fff;
 }
 
-#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
   color: #e14d43;
 }
 
@@ -259,13 +254,20 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: collapse button */
-#collapse-button {
+#collapse-menu {
   color: #f1f2f3;
 }
 
-#collapse-button:hover,
-#collapse-button:focus {
-  color: #e14d43;
+#collapse-menu:hover {
+  color: #fff;
+}
+
+#collapse-button div:after {
+  color: #f1f2f3;
+}
+
+#collapse-menu:hover #collapse-button div:after {
+  color: #fff;
 }
 
 /* Admin Bar */
@@ -336,7 +338,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .quicklinks .menupop ul li a:focus,
 #wpadminbar .quicklinks .menupop ul li a:hover strong,
 #wpadminbar .quicklinks .menupop ul li a:focus strong,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
@@ -345,7 +346,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li:hover .ab-item:before,
 #wpadminbar li a:focus .ab-icon:before,
 #wpadminbar li .ab-item:focus:before,
-#wpadminbar li .ab-item:focus .ab-icon:before,
 #wpadminbar li.hover .ab-icon:before,
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
@@ -354,8 +354,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
-#wpadminbar .quicklinks li a:focus .blavatar,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
@@ -377,6 +375,26 @@ ul#adminmenu > li.current > a.current:after {
   background: #464d52;
 }
 
+#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
   border-color: #464d52;
@@ -430,8 +448,8 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
+  -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #e14d43;
+  box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #e14d43;
 }
 
 /* Themes */
@@ -482,6 +500,22 @@ body.more-filters-opened .more-filters:focus:before {
   color: #fff;
 }
 
+/* Customize */
+#customize-theme-controls .widget-area-select .selected {
+  background-color: #e14d43;
+  color: #fff;
+}
+
+/* jQuery UI Slider */
+.wp-slider .ui-slider-handle,
+.wp-slider .ui-slider-handle.ui-state-hover,
+.wp-slider .ui-slider-handle.focus {
+  background: #e14d43;
+  border-color: #d02c21;
+  -webkit-box-shadow: inset 0 1px 0 #ec8b85, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #ec8b85, 0 1px 0 rgba(0, 0, 0, 0.15);
+}
+
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
   color: #f1f2f3;

wp-admin/css/colors/midnight/colors.css

@@ -2,7 +2,7 @@
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -11,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -39,50 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #e14d43;
-  border-color: #d02c21 #ba281e #ba281e;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #ba281e;
-  box-shadow: 0 1px 0 #ba281e;
-  text-shadow: 0 -1px 1px #ba281e, 1px 0 1px #ba281e, 0 1px 1px #ba281e, -1px 0 1px #ba281e;
+  border-color: #d02c21;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #ec8b85, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #ec8b85, 0 1px 0 rgba(0, 0, 0, 0.15);
 }
 
-.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #e35950;
+.wp-core-ui .button-primary:hover,
+.wp-core-ui .button-primary:focus {
+  background: #dd382d;
   border-color: #ba281e;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #ba281e;
-  box-shadow: 0 1px 0 #ba281e;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #e8776f;
+  box-shadow: inset 0 1px 0 #e8776f;
 }
 
 .wp-core-ui .button-primary:focus {
-  -webkit-box-shadow: inset 0 1px 0 #d02c21, 0 0 2px 1px #33b3db;
-  box-shadow: inset 0 1px 0 #d02c21, 0 0 2px 1px #33b3db;
+  -webkit-box-shadow: inset 0 1px 0 #e8776f, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 1px 0 #e8776f, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
 .wp-core-ui .button-primary:active {
   background: #d02c21;
   border-color: #ba281e;
-  -webkit-box-shadow: inset 0 2px 0 #ba281e;
-  box-shadow: inset 0 2px 0 #ba281e;
+  color: white;
+  -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
-.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
+.wp-core-ui .button-primary[disabled],
+.wp-core-ui .button-primary:disabled,
+.wp-core-ui .button-primary.button-primary-disabled,
+.wp-core-ui .button-primary.disabled {
   color: #d1c8c7 !important;
   background: #d92e23 !important;
   border-color: #ba281e !important;
   text-shadow: none !important;
 }
 
-.wp-core-ui .button-primary.button-hero {
-  -webkit-box-shadow: 0 2px 0 #ba281e !important;
-  box-shadow: 0 2px 0 #ba281e !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  -webkit-box-shadow: inset 0 3px 0 #ba281e !important;
-  box-shadow: inset 0 3px 0 #ba281e !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #363b3f;
@@ -115,8 +111,7 @@ input[type=radio]:checked:before {
 }
 
 /* List tables */
-.wrap .add-new-h2:hover,
-.wrap .page-title-action:hover,
+.wrap .add-new-h2:hover, .wrap .page-title-action:hover,
 .tablenav .tablenav-pages a:hover,
 .tablenav .tablenav-pages a:focus {
   color: #fff;
@@ -192,15 +187,15 @@ input[type=radio]:checked:before {
   color: #c3c4c5;
 }
 
-#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus,
+#adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
   color: #e14d43;
 }
 
@@ -211,11 +206,11 @@ input[type=radio]:checked:before {
   color: #fff;
 }
 
-#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
   color: #e14d43;
 }
 
@@ -259,13 +254,20 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: collapse button */
-#collapse-button {
+#collapse-menu {
   color: #f1f2f3;
 }
 
-#collapse-button:hover,
-#collapse-button:focus {
-  color: #e14d43;
+#collapse-menu:hover {
+  color: #fff;
+}
+
+#collapse-button div:after {
+  color: #f1f2f3;
+}
+
+#collapse-menu:hover #collapse-button div:after {
+  color: #fff;
 }
 
 /* Admin Bar */
@@ -336,7 +338,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .quicklinks .menupop ul li a:focus,
 #wpadminbar .quicklinks .menupop ul li a:hover strong,
 #wpadminbar .quicklinks .menupop ul li a:focus strong,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
@@ -345,7 +346,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li:hover .ab-item:before,
 #wpadminbar li a:focus .ab-icon:before,
 #wpadminbar li .ab-item:focus:before,
-#wpadminbar li .ab-item:focus .ab-icon:before,
 #wpadminbar li.hover .ab-icon:before,
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
@@ -354,8 +354,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
-#wpadminbar .quicklinks li a:focus .blavatar,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
@@ -377,6 +375,26 @@ ul#adminmenu > li.current > a.current:after {
   background: #464d52;
 }
 
+#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
   border-color: #464d52;
@@ -430,8 +448,8 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
+  -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #e14d43;
+  box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #e14d43;
 }
 
 /* Themes */
@@ -482,6 +500,22 @@ body.more-filters-opened .more-filters:focus:before {
   color: #fff;
 }
 
+/* Customize */
+#customize-theme-controls .widget-area-select .selected {
+  background-color: #e14d43;
+  color: #fff;
+}
+
+/* jQuery UI Slider */
+.wp-slider .ui-slider-handle,
+.wp-slider .ui-slider-handle.ui-state-hover,
+.wp-slider .ui-slider-handle.focus {
+  background: #e14d43;
+  border-color: #d02c21;
+  -webkit-box-shadow: inset 0 1px 0 #ec8b85, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #ec8b85, 0 1px 0 rgba(0, 0, 0, 0.15);
+}
+
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
   color: #f1f2f3;

wp-admin/css/colors/ocean/colors-rtl.css

@@ -2,7 +2,7 @@
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -11,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -39,50 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #9ebaa0;
-  border-color: #80a583 #719a74 #719a74;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #719a74;
-  box-shadow: 0 1px 0 #719a74;
-  text-shadow: 0 -1px 1px #719a74, -1px 0 1px #719a74, 0 1px 1px #719a74, 1px 0 1px #719a74;
+  border-color: #80a583;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15);
 }
 
-.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #a7c0a9;
+.wp-core-ui .button-primary:hover,
+.wp-core-ui .button-primary:focus {
+  background: #8faf91;
   border-color: #719a74;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #719a74;
-  box-shadow: 0 1px 0 #719a74;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #bccfbd;
+  box-shadow: inset 0 1px 0 #bccfbd;
 }
 
 .wp-core-ui .button-primary:focus {
-  -webkit-box-shadow: inset 0 1px 0 #80a583, 0 0 2px 1px #33b3db;
-  box-shadow: inset 0 1px 0 #80a583, 0 0 2px 1px #33b3db;
+  -webkit-box-shadow: inset 0 1px 0 #bccfbd, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 1px 0 #bccfbd, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
 .wp-core-ui .button-primary:active {
   background: #80a583;
   border-color: #719a74;
-  -webkit-box-shadow: inset 0 2px 0 #719a74;
-  box-shadow: inset 0 2px 0 #719a74;
+  color: white;
+  -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
-.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
+.wp-core-ui .button-primary[disabled],
+.wp-core-ui .button-primary:disabled,
+.wp-core-ui .button-primary.button-primary-disabled,
+.wp-core-ui .button-primary.disabled {
   color: #c7d1c8 !important;
   background: #86a989 !important;
   border-color: #719a74 !important;
   text-shadow: none !important;
 }
 
-.wp-core-ui .button-primary.button-hero {
-  -webkit-box-shadow: 0 2px 0 #719a74 !important;
-  box-shadow: 0 2px 0 #719a74 !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  -webkit-box-shadow: inset 0 3px 0 #719a74 !important;
-  box-shadow: inset 0 3px 0 #719a74 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #738e96;
@@ -115,8 +111,7 @@ input[type=radio]:checked:before {
 }
 
 /* List tables */
-.wrap .add-new-h2:hover,
-.wrap .page-title-action:hover,
+.wrap .add-new-h2:hover, .wrap .page-title-action:hover,
 .tablenav .tablenav-pages a:hover,
 .tablenav .tablenav-pages a:focus {
   color: #fff;
@@ -192,15 +187,15 @@ input[type=radio]:checked:before {
   color: #d5dde0;
 }
 
-#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus,
+#adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
   color: #9ebaa0;
 }
 
@@ -211,11 +206,11 @@ input[type=radio]:checked:before {
   color: #fff;
 }
 
-#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
   color: #9ebaa0;
 }
 
@@ -259,13 +254,20 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: collapse button */
-#collapse-button {
+#collapse-menu {
   color: #f2fcff;
 }
 
-#collapse-button:hover,
-#collapse-button:focus {
-  color: #9ebaa0;
+#collapse-menu:hover {
+  color: #fff;
+}
+
+#collapse-button div:after {
+  color: #f2fcff;
+}
+
+#collapse-menu:hover #collapse-button div:after {
+  color: #fff;
 }
 
 /* Admin Bar */
@@ -336,7 +338,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .quicklinks .menupop ul li a:focus,
 #wpadminbar .quicklinks .menupop ul li a:hover strong,
 #wpadminbar .quicklinks .menupop ul li a:focus strong,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
@@ -345,7 +346,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li:hover .ab-item:before,
 #wpadminbar li a:focus .ab-icon:before,
 #wpadminbar li .ab-item:focus:before,
-#wpadminbar li .ab-item:focus .ab-icon:before,
 #wpadminbar li.hover .ab-icon:before,
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
@@ -354,8 +354,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
-#wpadminbar .quicklinks li a:focus .blavatar,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
@@ -377,6 +375,26 @@ ul#adminmenu > li.current > a.current:after {
   background: #879ea5;
 }
 
+#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
   border-color: #879ea5;
@@ -430,8 +448,8 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
+  -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #9ebaa0;
+  box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #9ebaa0;
 }
 
 /* Themes */
@@ -482,6 +500,22 @@ body.more-filters-opened .more-filters:focus:before {
   color: #fff;
 }
 
+/* Customize */
+#customize-theme-controls .widget-area-select .selected {
+  background-color: #9ebaa0;
+  color: #fff;
+}
+
+/* jQuery UI Slider */
+.wp-slider .ui-slider-handle,
+.wp-slider .ui-slider-handle.ui-state-hover,
+.wp-slider .ui-slider-handle.focus {
+  background: #9ebaa0;
+  border-color: #80a583;
+  -webkit-box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15);
+}
+
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
   color: #f2fcff;

wp-admin/css/colors/ocean/colors.css

@@ -2,7 +2,7 @@
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -11,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -39,50 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #9ebaa0;
-  border-color: #80a583 #719a74 #719a74;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #719a74;
-  box-shadow: 0 1px 0 #719a74;
-  text-shadow: 0 -1px 1px #719a74, 1px 0 1px #719a74, 0 1px 1px #719a74, -1px 0 1px #719a74;
+  border-color: #80a583;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15);
 }
 
-.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #a7c0a9;
+.wp-core-ui .button-primary:hover,
+.wp-core-ui .button-primary:focus {
+  background: #8faf91;
   border-color: #719a74;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #719a74;
-  box-shadow: 0 1px 0 #719a74;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #bccfbd;
+  box-shadow: inset 0 1px 0 #bccfbd;
 }
 
 .wp-core-ui .button-primary:focus {
-  -webkit-box-shadow: inset 0 1px 0 #80a583, 0 0 2px 1px #33b3db;
-  box-shadow: inset 0 1px 0 #80a583, 0 0 2px 1px #33b3db;
+  -webkit-box-shadow: inset 0 1px 0 #bccfbd, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 1px 0 #bccfbd, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
 .wp-core-ui .button-primary:active {
   background: #80a583;
   border-color: #719a74;
-  -webkit-box-shadow: inset 0 2px 0 #719a74;
-  box-shadow: inset 0 2px 0 #719a74;
+  color: white;
+  -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
-.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
+.wp-core-ui .button-primary[disabled],
+.wp-core-ui .button-primary:disabled,
+.wp-core-ui .button-primary.button-primary-disabled,
+.wp-core-ui .button-primary.disabled {
   color: #c7d1c8 !important;
   background: #86a989 !important;
   border-color: #719a74 !important;
   text-shadow: none !important;
 }
 
-.wp-core-ui .button-primary.button-hero {
-  -webkit-box-shadow: 0 2px 0 #719a74 !important;
-  box-shadow: 0 2px 0 #719a74 !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  -webkit-box-shadow: inset 0 3px 0 #719a74 !important;
-  box-shadow: inset 0 3px 0 #719a74 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #738e96;
@@ -115,8 +111,7 @@ input[type=radio]:checked:before {
 }
 
 /* List tables */
-.wrap .add-new-h2:hover,
-.wrap .page-title-action:hover,
+.wrap .add-new-h2:hover, .wrap .page-title-action:hover,
 .tablenav .tablenav-pages a:hover,
 .tablenav .tablenav-pages a:focus {
   color: #fff;
@@ -192,15 +187,15 @@ input[type=radio]:checked:before {
   color: #d5dde0;
 }
 
-#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus,
+#adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
   color: #9ebaa0;
 }
 
@@ -211,11 +206,11 @@ input[type=radio]:checked:before {
   color: #fff;
 }
 
-#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
   color: #9ebaa0;
 }
 
@@ -259,13 +254,20 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: collapse button */
-#collapse-button {
+#collapse-menu {
   color: #f2fcff;
 }
 
-#collapse-button:hover,
-#collapse-button:focus {
-  color: #9ebaa0;
+#collapse-menu:hover {
+  color: #fff;
+}
+
+#collapse-button div:after {
+  color: #f2fcff;
+}
+
+#collapse-menu:hover #collapse-button div:after {
+  color: #fff;
 }
 
 /* Admin Bar */
@@ -336,7 +338,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .quicklinks .menupop ul li a:focus,
 #wpadminbar .quicklinks .menupop ul li a:hover strong,
 #wpadminbar .quicklinks .menupop ul li a:focus strong,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
@@ -345,7 +346,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li:hover .ab-item:before,
 #wpadminbar li a:focus .ab-icon:before,
 #wpadminbar li .ab-item:focus:before,
-#wpadminbar li .ab-item:focus .ab-icon:before,
 #wpadminbar li.hover .ab-icon:before,
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
@@ -354,8 +354,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
-#wpadminbar .quicklinks li a:focus .blavatar,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
@@ -377,6 +375,26 @@ ul#adminmenu > li.current > a.current:after {
   background: #879ea5;
 }
 
+#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
   border-color: #879ea5;
@@ -430,8 +448,8 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
+  -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #9ebaa0;
+  box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #9ebaa0;
 }
 
 /* Themes */
@@ -482,6 +500,22 @@ body.more-filters-opened .more-filters:focus:before {
   color: #fff;
 }
 
+/* Customize */
+#customize-theme-controls .widget-area-select .selected {
+  background-color: #9ebaa0;
+  color: #fff;
+}
+
+/* jQuery UI Slider */
+.wp-slider .ui-slider-handle,
+.wp-slider .ui-slider-handle.ui-state-hover,
+.wp-slider .ui-slider-handle.focus {
+  background: #9ebaa0;
+  border-color: #80a583;
+  -webkit-box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15);
+}
+
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
   color: #f2fcff;

wp-admin/css/colors/sunrise/colors-rtl.css

@@ -2,7 +2,7 @@
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -11,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -39,50 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #dd823b;
-  border-color: #c36922 #ad5d1e #ad5d1e;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #ad5d1e;
-  box-shadow: 0 1px 0 #ad5d1e;
-  text-shadow: 0 -1px 1px #ad5d1e, -1px 0 1px #ad5d1e, 0 1px 1px #ad5d1e, 1px 0 1px #ad5d1e;
+  border-color: #c36922;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #e8ac7c, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #e8ac7c, 0 1px 0 rgba(0, 0, 0, 0.15);
 }
 
-.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #df8a48;
+.wp-core-ui .button-primary:hover,
+.wp-core-ui .button-primary:focus {
+  background: #d97426;
   border-color: #ad5d1e;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #ad5d1e;
-  box-shadow: 0 1px 0 #ad5d1e;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #e59e66;
+  box-shadow: inset 0 1px 0 #e59e66;
 }
 
 .wp-core-ui .button-primary:focus {
-  -webkit-box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
-  box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
+  -webkit-box-shadow: inset 0 1px 0 #e59e66, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 1px 0 #e59e66, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
 .wp-core-ui .button-primary:active {
   background: #c36922;
   border-color: #ad5d1e;
-  -webkit-box-shadow: inset 0 2px 0 #ad5d1e;
-  box-shadow: inset 0 2px 0 #ad5d1e;
+  color: white;
+  -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
-.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
+.wp-core-ui .button-primary[disabled],
+.wp-core-ui .button-primary:disabled,
+.wp-core-ui .button-primary.button-primary-disabled,
+.wp-core-ui .button-primary.disabled {
   color: #d1cbc7 !important;
   background: #cc6d23 !important;
   border-color: #ad5d1e !important;
   text-shadow: none !important;
 }
 
-.wp-core-ui .button-primary.button-hero {
-  -webkit-box-shadow: 0 2px 0 #ad5d1e !important;
-  box-shadow: 0 2px 0 #ad5d1e !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  -webkit-box-shadow: inset 0 3px 0 #ad5d1e !important;
-  box-shadow: inset 0 3px 0 #ad5d1e !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #cf4944;
@@ -115,8 +111,7 @@ input[type=radio]:checked:before {
 }
 
 /* List tables */
-.wrap .add-new-h2:hover,
-.wrap .page-title-action:hover,
+.wrap .add-new-h2:hover, .wrap .page-title-action:hover,
 .tablenav .tablenav-pages a:hover,
 .tablenav .tablenav-pages a:focus {
   color: #fff;
@@ -192,15 +187,15 @@ input[type=radio]:checked:before {
   color: #f1c8c7;
 }
 
-#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus,
+#adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
   color: #f7e3d3;
 }
 
@@ -211,11 +206,11 @@ input[type=radio]:checked:before {
   color: #fff;
 }
 
-#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
   color: #f7e3d3;
 }
 
@@ -259,13 +254,20 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: collapse button */
-#collapse-button {
+#collapse-menu {
   color: #f3f1f1;
 }
 
-#collapse-button:hover,
-#collapse-button:focus {
-  color: #f7e3d3;
+#collapse-menu:hover {
+  color: #fff;
+}
+
+#collapse-button div:after {
+  color: #f3f1f1;
+}
+
+#collapse-menu:hover #collapse-button div:after {
+  color: #fff;
 }
 
 /* Admin Bar */
@@ -336,7 +338,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .quicklinks .menupop ul li a:focus,
 #wpadminbar .quicklinks .menupop ul li a:hover strong,
 #wpadminbar .quicklinks .menupop ul li a:focus strong,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
@@ -345,7 +346,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li:hover .ab-item:before,
 #wpadminbar li a:focus .ab-icon:before,
 #wpadminbar li .ab-item:focus:before,
-#wpadminbar li .ab-item:focus .ab-icon:before,
 #wpadminbar li.hover .ab-icon:before,
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
@@ -354,8 +354,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
-#wpadminbar .quicklinks li a:focus .blavatar,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
@@ -377,6 +375,26 @@ ul#adminmenu > li.current > a.current:after {
   background: #d66560;
 }
 
+#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
   border-color: #d66560;
@@ -430,8 +448,8 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
+  -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #dd823b;
+  box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #dd823b;
 }
 
 /* Themes */
@@ -482,6 +500,22 @@ body.more-filters-opened .more-filters:focus:before {
   color: #fff;
 }
 
+/* Customize */
+#customize-theme-controls .widget-area-select .selected {
+  background-color: #dd823b;
+  color: #fff;
+}
+
+/* jQuery UI Slider */
+.wp-slider .ui-slider-handle,
+.wp-slider .ui-slider-handle.ui-state-hover,
+.wp-slider .ui-slider-handle.focus {
+  background: #dd823b;
+  border-color: #c36922;
+  -webkit-box-shadow: inset 0 1px 0 #e8ac7c, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #e8ac7c, 0 1px 0 rgba(0, 0, 0, 0.15);
+}
+
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
   color: #f3f1f1;

wp-admin/css/colors/sunrise/colors.css

@@ -2,7 +2,7 @@
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -11,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -39,50 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #dd823b;
-  border-color: #c36922 #ad5d1e #ad5d1e;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #ad5d1e;
-  box-shadow: 0 1px 0 #ad5d1e;
-  text-shadow: 0 -1px 1px #ad5d1e, 1px 0 1px #ad5d1e, 0 1px 1px #ad5d1e, -1px 0 1px #ad5d1e;
+  border-color: #c36922;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #e8ac7c, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #e8ac7c, 0 1px 0 rgba(0, 0, 0, 0.15);
 }
 
-.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #df8a48;
+.wp-core-ui .button-primary:hover,
+.wp-core-ui .button-primary:focus {
+  background: #d97426;
   border-color: #ad5d1e;
-  color: #fff;
-  -webkit-box-shadow: 0 1px 0 #ad5d1e;
-  box-shadow: 0 1px 0 #ad5d1e;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 0 #e59e66;
+  box-shadow: inset 0 1px 0 #e59e66;
 }
 
 .wp-core-ui .button-primary:focus {
-  -webkit-box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
-  box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
+  -webkit-box-shadow: inset 0 1px 0 #e59e66, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 1px 0 #e59e66, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
 .wp-core-ui .button-primary:active {
   background: #c36922;
   border-color: #ad5d1e;
-  -webkit-box-shadow: inset 0 2px 0 #ad5d1e;
-  box-shadow: inset 0 2px 0 #ad5d1e;
+  color: white;
+  -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
-.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
+.wp-core-ui .button-primary[disabled],
+.wp-core-ui .button-primary:disabled,
+.wp-core-ui .button-primary.button-primary-disabled,
+.wp-core-ui .button-primary.disabled {
   color: #d1cbc7 !important;
   background: #cc6d23 !important;
   border-color: #ad5d1e !important;
   text-shadow: none !important;
 }
 
-.wp-core-ui .button-primary.button-hero {
-  -webkit-box-shadow: 0 2px 0 #ad5d1e !important;
-  box-shadow: 0 2px 0 #ad5d1e !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  -webkit-box-shadow: inset 0 3px 0 #ad5d1e !important;
-  box-shadow: inset 0 3px 0 #ad5d1e !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #cf4944;
@@ -115,8 +111,7 @@ input[type=radio]:checked:before {
 }
 
 /* List tables */
-.wrap .add-new-h2:hover,
-.wrap .page-title-action:hover,
+.wrap .add-new-h2:hover, .wrap .page-title-action:hover,
 .tablenav .tablenav-pages a:hover,
 .tablenav .tablenav-pages a:focus {
   color: #fff;
@@ -192,15 +187,15 @@ input[type=radio]:checked:before {
   color: #f1c8c7;
 }
 
-#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus,
+#adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
   color: #f7e3d3;
 }
 
@@ -211,11 +206,11 @@ input[type=radio]:checked:before {
   color: #fff;
 }
 
-#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
   color: #f7e3d3;
 }
 
@@ -259,13 +254,20 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: collapse button */
-#collapse-button {
+#collapse-menu {
   color: #f3f1f1;
 }
 
-#collapse-button:hover,
-#collapse-button:focus {
-  color: #f7e3d3;
+#collapse-menu:hover {
+  color: #fff;
+}
+
+#collapse-button div:after {
+  color: #f3f1f1;
+}
+
+#collapse-menu:hover #collapse-button div:after {
+  color: #fff;
 }
 
 /* Admin Bar */
@@ -336,7 +338,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .quicklinks .menupop ul li a:focus,
 #wpadminbar .quicklinks .menupop ul li a:hover strong,
 #wpadminbar .quicklinks .menupop ul li a:focus strong,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
@@ -345,7 +346,6 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li:hover .ab-item:before,
 #wpadminbar li a:focus .ab-icon:before,
 #wpadminbar li .ab-item:focus:before,
-#wpadminbar li .ab-item:focus .ab-icon:before,
 #wpadminbar li.hover .ab-icon:before,
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
@@ -354,8 +354,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
-#wpadminbar .quicklinks li a:focus .blavatar,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
@@ -377,6 +375,26 @@ ul#adminmenu > li.current > a.current:after {
   background: #d66560;
 }
 
+#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
+  color: #fff;
+  opacity: 0.7;
+}
+
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
   border-color: #d66560;
@@ -430,8 +448,8 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
+  -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #dd823b;
+  box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #dd823b;
 }
 
 /* Themes */
@@ -482,6 +500,22 @@ body.more-filters-opened .more-filters:focus:before {
   color: #fff;
 }
 
+/* Customize */
+#customize-theme-controls .widget-area-select .selected {
+  background-color: #dd823b;
+  color: #fff;
+}
+
+/* jQuery UI Slider */
+.wp-slider .ui-slider-handle,
+.wp-slider .ui-slider-handle.ui-state-hover,
+.wp-slider .ui-slider-handle.focus {
+  background: #dd823b;
+  border-color: #c36922;
+  -webkit-box-shadow: inset 0 1px 0 #e8ac7c, 0 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 0 #e8ac7c, 0 1px 0 rgba(0, 0, 0, 0.15);
+}
+
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
   color: #f3f1f1;

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

@@ -1,12 +1,8 @@
-#customize-theme-controls #accordion-section-menu_locations {
+#accordion-section-menu_locations {
 	position: relative;
 	margin-bottom: 15px;
 }
 
-#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
-	border-bottom-color: #ddd;
-}
-
 .menu-in-location,
 .menu-in-locations {
 	display: block;
@@ -16,17 +12,12 @@
 
 #customize-controls .theme-location-set,
 #customize-controls .control-section .accordion-section-title:focus .menu-in-location,
-#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
+#customize-controls .control-section .accordion-section-title:hover .menu-in-location,
+#customize-controls .control-section .accordion-section-title:focus .menu-in-locations,
+#customize-controls .control-section .accordion-section-title:hover .menu-in-locations {
 	color: #555;
 }
 
-/* The `edit-menu` button uses also the `button-link` class. */
-.customize-control-nav_menu_location .edit-menu {
-	margin-right: 6px;
-	vertical-align: middle;
-	line-height: 28px;
-}
-
 .wp-customizer .menu-item-bar .menu-item-handle,
 .wp-customizer .menu-item-settings,
 .wp-customizer .menu-item-settings .description-thin {
@@ -54,18 +45,9 @@
 	text-align: left;
 }
 
-.wp-customizer .menu-item-handle:hover {
-	z-index: 8;
-}
-
-.customize-control-nav_menu_item.has-notifications .menu-item-handle {
-	border-right: 4px solid #00a0d2;
-}
-
 .wp-customizer .menu-item-settings {
 	max-width: 100%;
 	overflow: hidden;
-	z-index: 8;
 	padding: 10px;
 	background: #eee;
 	border: 1px solid #999;
@@ -96,16 +78,29 @@
 }
 
 .wp-customizer .menu-item .submitbox .submitdelete {
+	display: block;
 	float: right;
 	margin: 6px 0 0;
 	padding: 0;
 	cursor: pointer;
 }
 
+.wp-customizer .menu-item .submitbox .submitdelete:focus {
+	-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+}
 
-/**
- * Menu items reordering styles
- */
+/* Menu-item reordering nav. */
+.customize-control-nav_menu .reordering .reorder,
+.customize-control-nav_menu .reorder-done {
+	display: none;
+}
+
+.customize-control-nav_menu .reorder,
+.customize-control-nav_menu .reordering .reorder-done {
+	display: inline-block;
+	padding: 5px 8px;
+}
 
 .menu-item-reorder-nav {
 	display: none;
@@ -115,12 +110,86 @@
 	left: 0;
 }
 
+.customize-control-nav_menu .reordering .add-new-menu-item {
+	opacity: 0.2;
+	pointer-events: none;
+	cursor: not-allowed;
+}
+
+.menu-item-reorder-nav button {
+	position: relative;
+	overflow: hidden;
+	float: right;
+	display: block;
+	width: 30px;
+	height: 40px;
+	color: #82878c;
+	text-indent: -9999px;
+	cursor: pointer;
+	background: transparent;
+	border: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	outline: none;
+}
+
+.menu-item-reorder-nav button:before {
+	display: inline-block;
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	font: normal 20px/40px dashicons;
+	text-align: center;
+	text-indent: 0;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.menu-item-reorder-nav button:hover,
+.menu-item-reorder-nav button:focus {
+	color: #191e23;
+	background: #eee;
+}
+
+.menus-move-down:before {
+	content: '\f347';
+}
+
+.menus-move-up:before {
+	content: '\f343';
+}
+
 .menus-move-left:before {
-	content: "\f345";
+	content: '\f341';
 }
 
 .menus-move-right:before {
-	content: "\f341";
+	content: '\f345';
+}
+
+.move-up-disabled .menus-move-up,
+.move-down-disabled .menus-move-down,
+.move-right-disabled .menus-move-right,
+.move-left-disabled .menus-move-left {
+	color: #d5d5d5 !important;
+	background-color: #fff !important;
+	cursor: default;
+	pointer-events: none;
+}
+
+.menu-item-reorder-nav:before {
+	content: "";
+	display: block;
+	position: absolute;
+	right: -10px;
+	width: 10px;
+	height: 40px;
+	background: -webkit-linear-gradient(right, rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%);
+	background: -webkit-gradient(linear, right top, left top, from(rgba(250,250,250,0)), to(rgba(250,250,250,1)));
+	background: -webkit-linear-gradient(right, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 100%);
+	background: linear-gradient(to left, rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%);
 }
 
 .reordering .menu-item .item-controls,
@@ -145,16 +214,37 @@
 	width: 30px;
 	height: 38px;
 	margin-left: 0 !important;
-	-webkit-box-shadow: none;
-	box-shadow: none;
 	outline: none;
 	overflow: hidden;
 	cursor: pointer;
-	text-align: center;
 }
 
-.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before {
-	content: "\f142";
+.customize-control-nav_menu_item .item-edit:focus {
+	color: #0073aa;
+	-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+}
+
+/* rework the arrow indicator implementation for NVDA bug same as #32715 */
+.wp-customizer .menu-item .item-edit .toggle-indicator {
+	display: inline-block;
+	font-size: 20px;
+	line-height: 1;
+}
+
+.wp-customizer .menu-item .item-edit .toggle-indicator:after {
+	content: '\f140';
+	font: normal 20px/1 dashicons;
+	color: #a0a5aa;
+	vertical-align: top;
+	speak: none;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+}
+
+.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:after {
+	content: '\f142';
 }
 
 .wp-customizer .menu-item-settings p.description {
@@ -237,7 +327,7 @@
 	border: none;
 	content: "\f111";
 	display: block;
-	font: 18px/1 dashicons;
+	font: 18px/1 "dashicons";
 	padding: 5px;
 	text-align: center;
 	text-decoration: none !important;
@@ -249,6 +339,8 @@
 
 .customize-screen-options-toggle:focus:before,
 #customize-controls .customize-info .customize-help-toggle:focus:before {
+	-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
 	-webkit-border-radius: 100%;
 	border-radius: 100%;
 }
@@ -257,7 +349,7 @@
 	display: none;
 	background: #fff;
 	border-top: 1px solid #ddd;
-	padding: 4px 15px 15px;
+	padding: 4px 15px 0;
 }
 
 .wp-customizer .metabox-prefs label {
@@ -266,45 +358,19 @@
 	line-height: 30px;
 }
 
-/* rework the arrow indicator implementation for NVDA bug same as #32715 */
-.wp-customizer .toggle-indicator {
-	display: inline-block;
-	font-size: 20px;
-	line-height: 1;
-}
-
-.rtl .wp-customizer .toggle-indicator {
-	text-indent: 1px; /* account for the dashicon alignment */
-}
-
-.wp-customizer .menu-item .item-edit .toggle-indicator:before,
-#available-menu-items .accordion-section-title .toggle-indicator:before {
-	content: "\f140";
-	display: block;
-	padding: 1px 0px 1px 2px;
-	speak: none;
-	-webkit-border-radius: 50%;
-	border-radius: 50%;
-	color: #72777c;
-	font: normal 20px/1 dashicons;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-	text-decoration: none !important;
-}
-
-.control-section-nav_menu .field-link-target,
-.control-section-nav_menu .field-title-attribute,
-.control-section-nav_menu .field-css-classes,
-.control-section-nav_menu .field-xfn,
-.control-section-nav_menu .field-description {
+#accordion-panel-nav_menus .field-link-target,
+#accordion-panel-nav_menus .field-attr-title,
+#accordion-panel-nav_menus .field-css-classes,
+#accordion-panel-nav_menus .field-xfn,
+#accordion-panel-nav_menus .field-description {
 	display: none;
 }
 
-.control-section-nav_menu.field-link-target-active .field-link-target,
-.control-section-nav_menu.field-title-attribute-active .field-title-attribute,
-.control-section-nav_menu.field-css-classes-active .field-css-classes,
-.control-section-nav_menu.field-xfn-active .field-xfn,
-.control-section-nav_menu.field-description-active .field-description {
+#accordion-panel-nav_menus.field-link-target-active .field-link-target,
+#accordion-panel-nav_menus.field-attr-title-active .field-attr-title,
+#accordion-panel-nav_menus.field-css-classes-active .field-css-classes,
+#accordion-panel-nav_menus.field-xfn-active .field-xfn,
+#accordion-panel-nav_menus.field-description-active .field-description {
 	display: block;
 }
 
@@ -377,15 +443,15 @@
 .reordering .menu-item-depth-10 > .menu-item-bar { margin-left: 150px; }
 .reordering .menu-item-depth-11 > .menu-item-bar { margin-left: 165px; }
 
-.control-section-nav_menu.menu .menu-item-edit-active {
+.control-section-nav_menu .menu .menu-item-edit-active {
 	margin-right: 0;
 }
 
-.control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar {
+.control-section-nav_menu .menu .menu-item-edit-active .menu-item-bar {
 	margin-left: 0;
 }
 
-.control-section-nav_menu.menu .sortable-placeholder {
+.control-section-nav_menu .menu .sortable-placeholder {
 	margin-top: 0;
 	margin-bottom: 1px;
 	max-width: -webkit-calc(100% - 2px);
@@ -399,13 +465,17 @@
 	float: none;
 }
 
-.control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar {
+.control-section-nav_menu .menu ul.menu-item-transport .menu-item-bar {
 	margin-top: 0;
 }
 
-/**
- * Add-menu-items mode
+/*
+ * Add-menu-items mode.
  */
+.wp-full-overlay-main {
+	left: auto; /* This overrides a right: 0; which causes the preview to resize rather than slide off screen at the normal size. */
+	width: 100%;
+}
 
 .adding-menu-items .control-section {
 	opacity: .4;
@@ -416,6 +486,52 @@
 	opacity: 1;
 }
 
+/* Add-new button. */
+#customize-theme-controls .add-new-menu-item {
+	cursor: pointer;
+	float: left;
+	margin-right: 10px;
+	-webkit-transition: all 0.2s;
+	transition: all 0.2s;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	outline: none;
+}
+
+.add-new-menu-item:before {
+	content: "\f132";
+	display: inline-block;
+	position: relative;
+	right: -2px;
+	top: -1px;
+	font: normal 20px/1 'dashicons';
+	vertical-align: middle;
+	-webkit-transition: all 0.2s;
+	transition: all 0.2s;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.adding-menu-items .add-new-menu-item,
+.adding-menu-items .add-new-menu-item:hover,
+.add-menu-toggle.open,
+.add-menu-toggle.open:hover {
+	background: #eee;
+	border-color: #929793;
+	color: #32373c;
+	-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+}
+
+.adding-menu-items .add-new-menu-item:before,
+#accordion-section-add_menu .add-new-menu-item.open:before {
+	-webkit-transform: rotate(-45deg);
+	-ms-transform: rotate(-45deg);
+	transform: rotate(-45deg);
+}
+
 .menu-item-bar .item-delete {
 	color: #a00;
 	position: absolute;
@@ -429,14 +545,12 @@
 
 .menu-item-bar .item-delete:before {
 	content: "\f335";
-	position: absolute;
-	top: 9px;
-	right: 5px;
-	-webkit-border-radius: 50%;
-	border-radius: 50%;
 	font: normal 20px/1 dashicons;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
+	position: absolute;
+	top: 9px;
+	right: 5px;
 }
 
 .ie8 .menu-item-bar .item-delete:before {
@@ -445,12 +559,14 @@
 
 .menu-item-bar .item-delete:hover,
 .menu-item-bar .item-delete:focus {
-	-webkit-box-shadow: none;
-	box-shadow: none;
-	outline: none;
 	color: #f00;
 }
 
+.menu-item-bar .item-delete:focus {
+	-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+}
+
 .adding-menu-items .menu-item-bar .item-edit {
 	display: none;
 }
@@ -459,9 +575,26 @@
 	display: block;
 }
 
-/**
- * Styles for menu-item addition panel
- */
+#available-menu-items .item {
+	position: static;
+}
+
+#available-menu-items {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: -301px;
+	visibility: hidden;
+	overflow-x: hidden;
+	overflow-y: auto;
+	width: 300px;
+	margin: 0;
+	z-index: 4;
+	background: #eee;
+	-webkit-transition: right .18s;
+	transition: right .18s;
+	border-left: 1px solid #ddd;
+}
 
 #available-menu-items.opening {
 	overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
@@ -478,11 +611,6 @@
 	background: #fff;
 	-webkit-transition: background-color 0.15s;
 	transition: background-color 0.15s;
-	/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
-	-webkit-user-select: auto;
-	-moz-user-select: auto;
-	-ms-user-select: auto;
-	user-select: auto;
 }
 
 #available-menu-items .open .accordion-section-title,
@@ -495,23 +623,49 @@
 	content: none !important;
 }
 
-#available-menu-items .accordion-section-title:hover .toggle-indicator:before,
-#available-menu-items .button-link:hover .toggle-indicator:before,
-#available-menu-items .button-link:focus .toggle-indicator:before {
-	color: #23282d;
+#available-menu-items .accordion-section-title .toggle-indicator {
+	display: inline-block;
+	font-size: 20px;
+	line-height: 1;
 }
 
-#available-menu-items .open .accordion-section-title .toggle-indicator:before {
-	content: "\f142";
-	color: #23282d;
+#available-menu-items .accordion-section-title .toggle-indicator:after {
+	content: '\f140';
+	font: normal 20px/1 'dashicons';
+	color: #a0a5aa;
+	vertical-align: top;
+	speak: none;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
 }
 
-#available-menu-items .available-menu-items-list {
+#available-menu-items .accordion-section-title:hover .toggle-indicator:after {
+	color: #777;
+}
+
+#available-menu-items .open .accordion-section-title .toggle-indicator:after {
+	content: '\f142';
+}
+
+#available-menu-items .accordion-section-content {
 	overflow-y: auto;
 	max-height: 200px; /* This gets set in JS to fit the screen size, and based on # of sections. */
 	background: transparent;
 }
 
+button.not-a-button {
+	background: transparent;
+	border: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	-webkit-border-radius: 0;
+	border-radius: 0;
+	outline: 0;
+	padding: 0;
+	margin: 0;
+}
+
 #available-menu-items .accordion-section-title button {
 	display: block;
 	width: 28px;
@@ -519,11 +673,12 @@
 	position: absolute;
 	top: 5px;
 	left: 5px;
-	-webkit-box-shadow: none;
-	box-shadow: none;
-	outline: none;
 	cursor: pointer;
-	text-align: center;
+}
+
+#available-menu-items .accordion-section-title button:focus {
+	-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
 }
 
 #available-menu-items .accordion-section-title .no-items,
@@ -537,31 +692,30 @@
 }
 
 #available-menu-items .cannot-expand .accordion-section-title .no-items {
+	display: block;
+	color: #777;
+	font-weight: normal;
 	float: left;
-	color: #555d66;
-	font-weight: 400;
 	margin-right: 5px;
 }
 
 #available-menu-items .accordion-section-content {
-	max-height: 290px;
-	margin: 0;
-	padding: 0;
-	position: relative;
-	background: transparent;
-}
-
-#available-menu-items .accordion-section-content .available-menu-items-list {
-	margin: 0 0 45px 0;
 	padding: 1px 15px 15px 15px;
+	margin: 0;
+	max-height: 290px;
 }
 
-#available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
-	margin-bottom: 0;
-}
-
-#new-custom-menu-item .accordion-section-content {
-	padding: 0 15px 15px 15px;
+#available-menu-items #available-menu-items-search .accordion-section-content {
+	position: absolute;
+	right: 1px;
+	top: 60px; /* below title div / search input */
+	bottom: 0px; /* 100% height that still triggers lazy load */
+	max-height: none;
+	width: 100%;
+	padding: 1px 15px 15px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
 }
 
 #available-menu-items .menu-item-tpl {
@@ -571,12 +725,23 @@
 #custom-menu-item-name.invalid,
 #custom-menu-item-url.invalid,
 .menu-name-field.invalid,
-.menu-name-field.invalid:focus,
-#available-menu-items .new-content-item .create-item-input.invalid,
-#available-menu-items .new-content-item .create-item-input.invalid:focus {
+.menu-name-field.invalid:focus {
 	border: 1px solid #f00;
 }
 
+#available-menu-items .item-tpl {
+	position: relative;
+	padding: 20px 60px 20px 15px;
+	border-bottom: 1px solid #e4e4e4;
+	cursor: pointer;
+	display: none;
+}
+
+#available-menu-items .item-tpl:hover,
+#available-menu-items .item-tpl.selected {
+	background: #eee;
+}
+
 #available-menu-items .menu-item-handle .item-type {
 	padding-left: 0;
 }
@@ -589,6 +754,14 @@
 	cursor: pointer;
 }
 
+#available-menu-items .item-top,
+#available-menu-items .item-top:hover {
+	border: none;
+	background: transparent;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
 #available-menu-items .menu-item-handle {
 	-webkit-box-shadow: none;
 	box-shadow: none;
@@ -611,27 +784,21 @@
 	color: #82878c;
 	width: 30px;
 	height: 38px;
-	-webkit-box-shadow: none;
-	box-shadow: none;
-	outline: none;
 	cursor: pointer;
-	text-align: center;
 }
 
 #available-menu-items .menu-item-handle .item-add:focus {
 	color: #23282d;
+	-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
 }
 
 #available-menu-items .item-add:before {
 	content: "\f543";
+	font: normal 20px/1 dashicons;
 	position: relative;
 	right: 2px;
 	top: 3px;
-	display: inline-block;
-	height: 20px;
-	-webkit-border-radius: 50%;
-	border-radius: 50%;
-	font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
 }
 
 #available-menu-items .menu-item-handle.item-added .item-type,
@@ -651,32 +818,62 @@
 	margin: 0 20px;
 }
 
-#available-menu-items-search .spinner {
+#available-menu-items-search .clear-results {
 	position: absolute;
-	top: 20px; /* 13 container padding +1 input margin +6 ( ( 32 input height - 20 spinner height ) / 2 ) */
-	left: 21px;
-	margin: 0 !important;
+	top: 20px;
+	left: 20px;
+	width: 20px;
+	height: 20px;
+	cursor: pointer;
+	color: #a00;
+	text-decoration: none;
 }
 
-/* search results list */
-#available-menu-items #available-menu-items-search .accordion-section-content {
+#available-menu-items-search .clear-results,
+#available-menu-items-search.loading .clear-results.is-visible {
+	display: none;
+}
+
+#available-menu-items-search .clear-results.is-visible {
+	display: block;
+}
+
+#available-menu-items-search .clear-results:before {
+	content: "\f335";
+	font: normal 20px/1 dashicons;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+#available-menu-items-search .clear-results:hover,
+#available-menu-items-search .clear-results:focus {
+	color: #f00;
+}
+
+#available-menu-items-search .clear-results:focus {
+	-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+}
+
+#available-menu-items-search .spinner {
 	position: absolute;
-	right: 0;
-	top: 60px; /* below title div / search input */
-	bottom: 0px; /* 100% height that still triggers lazy load */
-	max-height: none;
+	top: 20px;
+	margin: 0 !important;
+	left: 20px;
+}
+
+#available-menu-items-search input {
+	padding: 6px 10px;
 	width: 100%;
-	padding: 1px 15px 15px;
+}
+
+#available-menu-items-search .accordion-section-title {
+	padding: 12px 15px;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }
 
-#available-menu-items-search .nothing-found {
-	/* Compensate the 1px top padding of the container. */
-	margin-top: -1px;
-}
-
 #available-menu-items-search .accordion-section-title:after {
 	display: none;
 }
@@ -712,10 +909,6 @@ body.adding-menu-items #customize-preview {
 	opacity: 0.4;
 }
 
-body.adding-menu-items #customize-preview iframe {
-	pointer-events: none;
-}
-
 .menu-item-handle .spinner {
 	display: none;
 	float: right;
@@ -750,14 +943,9 @@ body.adding-menu-items #customize-preview iframe {
 
 /* Add/delete Menus */
 
-#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
-	border-bottom-color: #ddd;
-}
-
 /* @todo update selector */
 #accordion-section-add_menu {
 	margin: 15px 12px;
-	overflow: hidden;
 }
 
 .new-menu-section-content {
@@ -786,17 +974,35 @@ body.adding-menu-items #customize-preview iframe {
 }
 
 .menu-delete-item {
+	display: block;
 	float: right;
 	padding: 1em 0;
 	width: 100%;
 }
 
 li.assigned-to-menu-location .menu-delete-item {
-	display: none;
+  display: none;
 }
 
 li.assigned-to-menu-location .add-new-menu-item {
-	margin-bottom: 1em;
+  margin-bottom: 1em;
+}
+
+.menu-delete {
+	color: #a00;
+	cursor: pointer;
+	text-decoration: underline;
+}
+
+.menu-delete:hover,
+.menu-delete:focus {
+	color: #f00;
+	text-decoration: none;
+}
+
+.menu-delete:focus {
+	-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
 }
 
 .menu-item-handle {
@@ -831,26 +1037,10 @@ li.assigned-to-menu-location .add-new-menu-item {
 	margin-top: 12px;
 }
 
-/**
- * box-shadows
- */
-
-.wp-customizer .menu-item .submitbox .submitdelete:focus,
-.customize-screen-options-toggle:focus:before,
-#customize-controls .customize-info .customize-help-toggle:focus:before,
-.wp-customizer button:focus .toggle-indicator:before,
-.menu-delete:focus,
-.menu-item-bar .item-delete:focus:before,
-#available-menu-items .item-add:focus:before {
-	-webkit-box-shadow:
-		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30, 140, 190, .8);
-	box-shadow:
-		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30, 140, 190, .8);
+#available-menu-items .customize-section-title {
+	display: none;
 }
 
-
 @media screen and ( max-width: 782px ) {
 	#available-menu-items #available-menu-items-search .accordion-section-content {
 		top: 63px;
@@ -858,7 +1048,45 @@ li.assigned-to-menu-location .add-new-menu-item {
 }
 
 @media screen and ( max-width: 640px ) {
+	body.adding-menu-items div#available-menu-items {
+		top: 46px;
+		right: 0;
+		z-index: 10;
+		width: 100%;
+	}
+
 	#available-menu-items #available-menu-items-search .accordion-section-content {
-		top: 130px;
+		top: 133px;
+	}
+
+	#available-menu-items .customize-section-title {
+		display: block;
+		margin: 0;
+	}
+
+	#available-menu-items .customize-section-back {
+		height: 69px;
+	}
+
+	#available-menu-items .customize-section-title h3 {
+		font-size: 20px;
+		font-weight: 200;
+		padding: 9px 14px 12px 10px;
+		margin: 0;
+		line-height: 24px;
+		color: #555;
+		display: block;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	#available-menu-items .customize-section-title .customize-action {
+		font-size: 13px;
+		display: block;
+		font-weight: 400;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
 	}
 }

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

@@ -1,12 +1,8 @@
-#customize-theme-controls #accordion-section-menu_locations {
+#accordion-section-menu_locations {
 	position: relative;
 	margin-bottom: 15px;
 }
 
-#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
-	border-bottom-color: #ddd;
-}
-
 .menu-in-location,
 .menu-in-locations {
 	display: block;
@@ -16,17 +12,12 @@
 
 #customize-controls .theme-location-set,
 #customize-controls .control-section .accordion-section-title:focus .menu-in-location,
-#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
+#customize-controls .control-section .accordion-section-title:hover .menu-in-location,
+#customize-controls .control-section .accordion-section-title:focus .menu-in-locations,
+#customize-controls .control-section .accordion-section-title:hover .menu-in-locations {
 	color: #555;
 }
 
-/* The `edit-menu` button uses also the `button-link` class. */
-.customize-control-nav_menu_location .edit-menu {
-	margin-left: 6px;
-	vertical-align: middle;
-	line-height: 28px;
-}
-
 .wp-customizer .menu-item-bar .menu-item-handle,
 .wp-customizer .menu-item-settings,
 .wp-customizer .menu-item-settings .description-thin {
@@ -54,18 +45,9 @@
 	text-align: right;
 }
 
-.wp-customizer .menu-item-handle:hover {
-	z-index: 8;
-}
-
-.customize-control-nav_menu_item.has-notifications .menu-item-handle {
-	border-left: 4px solid #00a0d2;
-}
-
 .wp-customizer .menu-item-settings {
 	max-width: 100%;
 	overflow: hidden;
-	z-index: 8;
 	padding: 10px;
 	background: #eee;
 	border: 1px solid #999;
@@ -96,16 +78,29 @@
 }
 
 .wp-customizer .menu-item .submitbox .submitdelete {
+	display: block;
 	float: left;
 	margin: 6px 0 0;
 	padding: 0;
 	cursor: pointer;
 }
 
+.wp-customizer .menu-item .submitbox .submitdelete:focus {
+	-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+}
 
-/**
- * Menu items reordering styles
- */
+/* Menu-item reordering nav. */
+.customize-control-nav_menu .reordering .reorder,
+.customize-control-nav_menu .reorder-done {
+	display: none;
+}
+
+.customize-control-nav_menu .reorder,
+.customize-control-nav_menu .reordering .reorder-done {
+	display: inline-block;
+	padding: 5px 8px;
+}
 
 .menu-item-reorder-nav {
 	display: none;
@@ -115,12 +110,86 @@
 	right: 0;
 }
 
+.customize-control-nav_menu .reordering .add-new-menu-item {
+	opacity: 0.2;
+	pointer-events: none;
+	cursor: not-allowed;
+}
+
+.menu-item-reorder-nav button {
+	position: relative;
+	overflow: hidden;
+	float: left;
+	display: block;
+	width: 30px;
+	height: 40px;
+	color: #82878c;
+	text-indent: -9999px;
+	cursor: pointer;
+	background: transparent;
+	border: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	outline: none;
+}
+
+.menu-item-reorder-nav button:before {
+	display: inline-block;
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 100%;
+	height: 100%;
+	font: normal 20px/40px dashicons;
+	text-align: center;
+	text-indent: 0;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.menu-item-reorder-nav button:hover,
+.menu-item-reorder-nav button:focus {
+	color: #191e23;
+	background: #eee;
+}
+
+.menus-move-down:before {
+	content: '\f347';
+}
+
+.menus-move-up:before {
+	content: '\f343';
+}
+
 .menus-move-left:before {
-	content: "\f341";
+	content: '\f341';
 }
 
 .menus-move-right:before {
-	content: "\f345";
+	content: '\f345';
+}
+
+.move-up-disabled .menus-move-up,
+.move-down-disabled .menus-move-down,
+.move-right-disabled .menus-move-right,
+.move-left-disabled .menus-move-left {
+	color: #d5d5d5 !important;
+	background-color: #fff !important;
+	cursor: default;
+	pointer-events: none;
+}
+
+.menu-item-reorder-nav:before {
+	content: "";
+	display: block;
+	position: absolute;
+	left: -10px;
+	width: 10px;
+	height: 40px;
+	background: -webkit-linear-gradient(left, rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%);
+	background: -webkit-gradient(linear, left top, right top, from(rgba(250,250,250,0)), to(rgba(250,250,250,1)));
+	background: -webkit-linear-gradient(left, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 100%);
+	background: linear-gradient(to right, rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%);
 }
 
 .reordering .menu-item .item-controls,
@@ -145,16 +214,37 @@
 	width: 30px;
 	height: 38px;
 	margin-right: 0 !important;
-	-webkit-box-shadow: none;
-	box-shadow: none;
 	outline: none;
 	overflow: hidden;
 	cursor: pointer;
-	text-align: center;
 }
 
-.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before {
-	content: "\f142";
+.customize-control-nav_menu_item .item-edit:focus {
+	color: #0073aa;
+	-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+}
+
+/* rework the arrow indicator implementation for NVDA bug same as #32715 */
+.wp-customizer .menu-item .item-edit .toggle-indicator {
+	display: inline-block;
+	font-size: 20px;
+	line-height: 1;
+}
+
+.wp-customizer .menu-item .item-edit .toggle-indicator:after {
+	content: '\f140';
+	font: normal 20px/1 dashicons;
+	color: #a0a5aa;
+	vertical-align: top;
+	speak: none;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+}
+
+.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:after {
+	content: '\f142';
 }
 
 .wp-customizer .menu-item-settings p.description {
@@ -237,7 +327,7 @@
 	border: none;
 	content: "\f111";
 	display: block;
-	font: 18px/1 dashicons;
+	font: 18px/1 "dashicons";
 	padding: 5px;
 	text-align: center;
 	text-decoration: none !important;
@@ -249,6 +339,8 @@
 
 .customize-screen-options-toggle:focus:before,
 #customize-controls .customize-info .customize-help-toggle:focus:before {
+	-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
 	-webkit-border-radius: 100%;
 	border-radius: 100%;
 }
@@ -257,7 +349,7 @@
 	display: none;
 	background: #fff;
 	border-top: 1px solid #ddd;
-	padding: 4px 15px 15px;
+	padding: 4px 15px 0;
 }
 
 .wp-customizer .metabox-prefs label {
@@ -266,45 +358,19 @@
 	line-height: 30px;
 }
 
-/* rework the arrow indicator implementation for NVDA bug same as #32715 */
-.wp-customizer .toggle-indicator {
-	display: inline-block;
-	font-size: 20px;
-	line-height: 1;
-}
-
-.rtl .wp-customizer .toggle-indicator {
-	text-indent: 1px; /* account for the dashicon alignment */
-}
-
-.wp-customizer .menu-item .item-edit .toggle-indicator:before,
-#available-menu-items .accordion-section-title .toggle-indicator:before {
-	content: "\f140";
-	display: block;
-	padding: 1px 2px 1px 0px;
-	speak: none;
-	-webkit-border-radius: 50%;
-	border-radius: 50%;
-	color: #72777c;
-	font: normal 20px/1 dashicons;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-	text-decoration: none !important;
-}
-
-.control-section-nav_menu .field-link-target,
-.control-section-nav_menu .field-title-attribute,
-.control-section-nav_menu .field-css-classes,
-.control-section-nav_menu .field-xfn,
-.control-section-nav_menu .field-description {
+#accordion-panel-nav_menus .field-link-target,
+#accordion-panel-nav_menus .field-attr-title,
+#accordion-panel-nav_menus .field-css-classes,
+#accordion-panel-nav_menus .field-xfn,
+#accordion-panel-nav_menus .field-description {
 	display: none;
 }
 
-.control-section-nav_menu.field-link-target-active .field-link-target,
-.control-section-nav_menu.field-title-attribute-active .field-title-attribute,
-.control-section-nav_menu.field-css-classes-active .field-css-classes,
-.control-section-nav_menu.field-xfn-active .field-xfn,
-.control-section-nav_menu.field-description-active .field-description {
+#accordion-panel-nav_menus.field-link-target-active .field-link-target,
+#accordion-panel-nav_menus.field-attr-title-active .field-attr-title,
+#accordion-panel-nav_menus.field-css-classes-active .field-css-classes,
+#accordion-panel-nav_menus.field-xfn-active .field-xfn,
+#accordion-panel-nav_menus.field-description-active .field-description {
 	display: block;
 }
 
@@ -377,15 +443,15 @@
 .reordering .menu-item-depth-10 > .menu-item-bar { margin-right: 150px; }
 .reordering .menu-item-depth-11 > .menu-item-bar { margin-right: 165px; }
 
-.control-section-nav_menu.menu .menu-item-edit-active {
+.control-section-nav_menu .menu .menu-item-edit-active {
 	margin-left: 0;
 }
 
-.control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar {
+.control-section-nav_menu .menu .menu-item-edit-active .menu-item-bar {
 	margin-right: 0;
 }
 
-.control-section-nav_menu.menu .sortable-placeholder {
+.control-section-nav_menu .menu .sortable-placeholder {
 	margin-top: 0;
 	margin-bottom: 1px;
 	max-width: -webkit-calc(100% - 2px);
@@ -399,13 +465,17 @@
 	float: none;
 }
 
-.control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar {
+.control-section-nav_menu .menu ul.menu-item-transport .menu-item-bar {
 	margin-top: 0;
 }
 
-/**
- * Add-menu-items mode
+/*
+ * Add-menu-items mode.
  */
+.wp-full-overlay-main {
+	right: auto; /* This overrides a right: 0; which causes the preview to resize rather than slide off screen at the normal size. */
+	width: 100%;
+}
 
 .adding-menu-items .control-section {
 	opacity: .4;
@@ -416,6 +486,52 @@
 	opacity: 1;
 }
 
+/* Add-new button. */
+#customize-theme-controls .add-new-menu-item {
+	cursor: pointer;
+	float: right;
+	margin-left: 10px;
+	-webkit-transition: all 0.2s;
+	transition: all 0.2s;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	outline: none;
+}
+
+.add-new-menu-item:before {
+	content: "\f132";
+	display: inline-block;
+	position: relative;
+	left: -2px;
+	top: -1px;
+	font: normal 20px/1 'dashicons';
+	vertical-align: middle;
+	-webkit-transition: all 0.2s;
+	transition: all 0.2s;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.adding-menu-items .add-new-menu-item,
+.adding-menu-items .add-new-menu-item:hover,
+.add-menu-toggle.open,
+.add-menu-toggle.open:hover {
+	background: #eee;
+	border-color: #929793;
+	color: #32373c;
+	-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+}
+
+.adding-menu-items .add-new-menu-item:before,
+#accordion-section-add_menu .add-new-menu-item.open:before {
+	-webkit-transform: rotate(45deg);
+	-ms-transform: rotate(45deg);
+	transform: rotate(45deg);
+}
+
 .menu-item-bar .item-delete {
 	color: #a00;
 	position: absolute;
@@ -429,14 +545,12 @@
 
 .menu-item-bar .item-delete:before {
 	content: "\f335";
-	position: absolute;
-	top: 9px;
-	left: 5px;
-	-webkit-border-radius: 50%;
-	border-radius: 50%;
 	font: normal 20px/1 dashicons;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
+	position: absolute;
+	top: 9px;
+	left: 5px;
 }
 
 .ie8 .menu-item-bar .item-delete:before {
@@ -445,12 +559,14 @@
 
 .menu-item-bar .item-delete:hover,
 .menu-item-bar .item-delete:focus {
-	-webkit-box-shadow: none;
-	box-shadow: none;
-	outline: none;
 	color: #f00;
 }
 
+.menu-item-bar .item-delete:focus {
+	-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+}
+
 .adding-menu-items .menu-item-bar .item-edit {
 	display: none;
 }
@@ -459,9 +575,26 @@
 	display: block;
 }
 
-/**
- * Styles for menu-item addition panel
- */
+#available-menu-items .item {
+	position: static;
+}
+
+#available-menu-items {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: -301px;
+	visibility: hidden;
+	overflow-x: hidden;
+	overflow-y: auto;
+	width: 300px;
+	margin: 0;
+	z-index: 4;
+	background: #eee;
+	-webkit-transition: left .18s;
+	transition: left .18s;
+	border-right: 1px solid #ddd;
+}
 
 #available-menu-items.opening {
 	overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
@@ -478,11 +611,6 @@
 	background: #fff;
 	-webkit-transition: background-color 0.15s;
 	transition: background-color 0.15s;
-	/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
-	-webkit-user-select: auto;
-	-moz-user-select: auto;
-	-ms-user-select: auto;
-	user-select: auto;
 }
 
 #available-menu-items .open .accordion-section-title,
@@ -495,23 +623,49 @@
 	content: none !important;
 }
 
-#available-menu-items .accordion-section-title:hover .toggle-indicator:before,
-#available-menu-items .button-link:hover .toggle-indicator:before,
-#available-menu-items .button-link:focus .toggle-indicator:before {
-	color: #23282d;
+#available-menu-items .accordion-section-title .toggle-indicator {
+	display: inline-block;
+	font-size: 20px;
+	line-height: 1;
 }
 
-#available-menu-items .open .accordion-section-title .toggle-indicator:before {
-	content: "\f142";
-	color: #23282d;
+#available-menu-items .accordion-section-title .toggle-indicator:after {
+	content: '\f140';
+	font: normal 20px/1 'dashicons';
+	color: #a0a5aa;
+	vertical-align: top;
+	speak: none;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
 }
 
-#available-menu-items .available-menu-items-list {
+#available-menu-items .accordion-section-title:hover .toggle-indicator:after {
+	color: #777;
+}
+
+#available-menu-items .open .accordion-section-title .toggle-indicator:after {
+	content: '\f142';
+}
+
+#available-menu-items .accordion-section-content {
 	overflow-y: auto;
 	max-height: 200px; /* This gets set in JS to fit the screen size, and based on # of sections. */
 	background: transparent;
 }
 
+button.not-a-button {
+	background: transparent;
+	border: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	-webkit-border-radius: 0;
+	border-radius: 0;
+	outline: 0;
+	padding: 0;
+	margin: 0;
+}
+
 #available-menu-items .accordion-section-title button {
 	display: block;
 	width: 28px;
@@ -519,11 +673,12 @@
 	position: absolute;
 	top: 5px;
 	right: 5px;
-	-webkit-box-shadow: none;
-	box-shadow: none;
-	outline: none;
 	cursor: pointer;
-	text-align: center;
+}
+
+#available-menu-items .accordion-section-title button:focus {
+	-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
 }
 
 #available-menu-items .accordion-section-title .no-items,
@@ -537,31 +692,30 @@
 }
 
 #available-menu-items .cannot-expand .accordion-section-title .no-items {
+	display: block;
+	color: #777;
+	font-weight: normal;
 	float: right;
-	color: #555d66;
-	font-weight: 400;
 	margin-left: 5px;
 }
 
 #available-menu-items .accordion-section-content {
-	max-height: 290px;
-	margin: 0;
-	padding: 0;
-	position: relative;
-	background: transparent;
-}
-
-#available-menu-items .accordion-section-content .available-menu-items-list {
-	margin: 0 0 45px 0;
 	padding: 1px 15px 15px 15px;
+	margin: 0;
+	max-height: 290px;
 }
 
-#available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
-	margin-bottom: 0;
-}
-
-#new-custom-menu-item .accordion-section-content {
-	padding: 0 15px 15px 15px;
+#available-menu-items #available-menu-items-search .accordion-section-content {
+	position: absolute;
+	left: 1px;
+	top: 60px; /* below title div / search input */
+	bottom: 0px; /* 100% height that still triggers lazy load */
+	max-height: none;
+	width: 100%;
+	padding: 1px 15px 15px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
 }
 
 #available-menu-items .menu-item-tpl {
@@ -571,12 +725,23 @@
 #custom-menu-item-name.invalid,
 #custom-menu-item-url.invalid,
 .menu-name-field.invalid,
-.menu-name-field.invalid:focus,
-#available-menu-items .new-content-item .create-item-input.invalid,
-#available-menu-items .new-content-item .create-item-input.invalid:focus {
+.menu-name-field.invalid:focus {
 	border: 1px solid #f00;
 }
 
+#available-menu-items .item-tpl {
+	position: relative;
+	padding: 20px 15px 20px 60px;
+	border-bottom: 1px solid #e4e4e4;
+	cursor: pointer;
+	display: none;
+}
+
+#available-menu-items .item-tpl:hover,
+#available-menu-items .item-tpl.selected {
+	background: #eee;
+}
+
 #available-menu-items .menu-item-handle .item-type {
 	padding-right: 0;
 }
@@ -589,6 +754,14 @@
 	cursor: pointer;
 }
 
+#available-menu-items .item-top,
+#available-menu-items .item-top:hover {
+	border: none;
+	background: transparent;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
 #available-menu-items .menu-item-handle {
 	-webkit-box-shadow: none;
 	box-shadow: none;
@@ -611,27 +784,21 @@
 	color: #82878c;
 	width: 30px;
 	height: 38px;
-	-webkit-box-shadow: none;
-	box-shadow: none;
-	outline: none;
 	cursor: pointer;
-	text-align: center;
 }
 
 #available-menu-items .menu-item-handle .item-add:focus {
 	color: #23282d;
+	-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
 }
 
 #available-menu-items .item-add:before {
 	content: "\f543";
+	font: normal 20px/1 dashicons;
 	position: relative;
 	left: 2px;
 	top: 3px;
-	display: inline-block;
-	height: 20px;
-	-webkit-border-radius: 50%;
-	border-radius: 50%;
-	font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
 }
 
 #available-menu-items .menu-item-handle.item-added .item-type,
@@ -651,32 +818,62 @@
 	margin: 0 20px;
 }
 
-#available-menu-items-search .spinner {
+#available-menu-items-search .clear-results {
 	position: absolute;
-	top: 20px; /* 13 container padding +1 input margin +6 ( ( 32 input height - 20 spinner height ) / 2 ) */
-	right: 21px;
-	margin: 0 !important;
+	top: 20px;
+	right: 20px;
+	width: 20px;
+	height: 20px;
+	cursor: pointer;
+	color: #a00;
+	text-decoration: none;
 }
 
-/* search results list */
-#available-menu-items #available-menu-items-search .accordion-section-content {
+#available-menu-items-search .clear-results,
+#available-menu-items-search.loading .clear-results.is-visible {
+	display: none;
+}
+
+#available-menu-items-search .clear-results.is-visible {
+	display: block;
+}
+
+#available-menu-items-search .clear-results:before {
+	content: "\f335";
+	font: normal 20px/1 dashicons;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+#available-menu-items-search .clear-results:hover,
+#available-menu-items-search .clear-results:focus {
+	color: #f00;
+}
+
+#available-menu-items-search .clear-results:focus {
+	-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+}
+
+#available-menu-items-search .spinner {
 	position: absolute;
-	left: 0;
-	top: 60px; /* below title div / search input */
-	bottom: 0px; /* 100% height that still triggers lazy load */
-	max-height: none;
+	top: 20px;
+	margin: 0 !important;
+	right: 20px;
+}
+
+#available-menu-items-search input {
+	padding: 6px 10px;
 	width: 100%;
-	padding: 1px 15px 15px;
+}
+
+#available-menu-items-search .accordion-section-title {
+	padding: 12px 15px;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }
 
-#available-menu-items-search .nothing-found {
-	/* Compensate the 1px top padding of the container. */
-	margin-top: -1px;
-}
-
 #available-menu-items-search .accordion-section-title:after {
 	display: none;
 }
@@ -712,10 +909,6 @@ body.adding-menu-items #customize-preview {
 	opacity: 0.4;
 }
 
-body.adding-menu-items #customize-preview iframe {
-	pointer-events: none;
-}
-
 .menu-item-handle .spinner {
 	display: none;
 	float: left;
@@ -750,14 +943,9 @@ body.adding-menu-items #customize-preview iframe {
 
 /* Add/delete Menus */
 
-#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
-	border-bottom-color: #ddd;
-}
-
 /* @todo update selector */
 #accordion-section-add_menu {
 	margin: 15px 12px;
-	overflow: hidden;
 }
 
 .new-menu-section-content {
@@ -786,17 +974,35 @@ body.adding-menu-items #customize-preview iframe {
 }
 
 .menu-delete-item {
+	display: block;
 	float: left;
 	padding: 1em 0;
 	width: 100%;
 }
 
 li.assigned-to-menu-location .menu-delete-item {
-	display: none;
+  display: none;
 }
 
 li.assigned-to-menu-location .add-new-menu-item {
-	margin-bottom: 1em;
+  margin-bottom: 1em;
+}
+
+.menu-delete {
+	color: #a00;
+	cursor: pointer;
+	text-decoration: underline;
+}
+
+.menu-delete:hover,
+.menu-delete:focus {
+	color: #f00;
+	text-decoration: none;
+}
+
+.menu-delete:focus {
+	-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
 }
 
 .menu-item-handle {
@@ -831,26 +1037,10 @@ li.assigned-to-menu-location .add-new-menu-item {
 	margin-top: 12px;
 }
 
-/**
- * box-shadows
- */
-
-.wp-customizer .menu-item .submitbox .submitdelete:focus,
-.customize-screen-options-toggle:focus:before,
-#customize-controls .customize-info .customize-help-toggle:focus:before,
-.wp-customizer button:focus .toggle-indicator:before,
-.menu-delete:focus,
-.menu-item-bar .item-delete:focus:before,
-#available-menu-items .item-add:focus:before {
-	-webkit-box-shadow:
-		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30, 140, 190, .8);
-	box-shadow:
-		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30, 140, 190, .8);
+#available-menu-items .customize-section-title {
+	display: none;
 }
 
-
 @media screen and ( max-width: 782px ) {
 	#available-menu-items #available-menu-items-search .accordion-section-content {
 		top: 63px;
@@ -858,7 +1048,45 @@ li.assigned-to-menu-location .add-new-menu-item {
 }
 
 @media screen and ( max-width: 640px ) {
+	body.adding-menu-items div#available-menu-items {
+		top: 46px;
+		left: 0;
+		z-index: 10;
+		width: 100%;
+	}
+
 	#available-menu-items #available-menu-items-search .accordion-section-content {
-		top: 130px;
+		top: 133px;
+	}
+
+	#available-menu-items .customize-section-title {
+		display: block;
+		margin: 0;
+	}
+
+	#available-menu-items .customize-section-back {
+		height: 69px;
+	}
+
+	#available-menu-items .customize-section-title h3 {
+		font-size: 20px;
+		font-weight: 200;
+		padding: 9px 10px 12px 14px;
+		margin: 0;
+		line-height: 24px;
+		color: #555;
+		display: block;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	#available-menu-items .customize-section-title .customize-action {
+		font-size: 13px;
+		display: block;
+		font-weight: 400;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
 	}
 }

wp-admin/css/customize-widgets-rtl.css

@@ -18,22 +18,11 @@
 	overflow: visible;
 }
 
-/* Note: widget-tops are more compact when (max-height: 700px) and (min-width: 981px). */
 .customize-control-widget_form .widget-top {
-	background: #fff;
 	-webkit-transition: opacity 0.5s;
 	transition: opacity 0.5s;
 }
 
-.customize-control .widget-action {
-	color: #72777c;
-}
-
-.customize-control .widget-top:hover .widget-action,
-.customize-control .widget-action:focus {
-	color: #23282d;
-}
-
 .customize-control-widget_form:not(.widget-rendered) .widget-top {
 	opacity: 0.5;
 }
@@ -90,15 +79,19 @@
 	line-height: 16px;
 }
 
-.customize-control-widget_form.expanded .widget-action .toggle-indicator:before {
+.widget-top {
+	cursor: move;
+}
+
+.customize-control-widget_form.expanded a.widget-action:after {
 	content: "\f142";
 }
 
-.customize-control-widget_form.wide-widget-control .widget-action .toggle-indicator:before {
+.customize-control-widget_form.wide-widget-control a.widget-action:after {
 	content: "\f141";
 }
 
-.customize-control-widget_form.wide-widget-control.expanded .widget-action .toggle-indicator:before {
+.customize-control-widget_form.wide-widget-control.expanded a.widget-action:after {
 	content: "\f139";
 }
 
@@ -106,7 +99,6 @@
 	cursor: pointer;
 }
 
-.widget-top,
 .customize-control-widget_form .widget .customize-control-title {
 	cursor: move;
 }
@@ -125,8 +117,44 @@
 }
 
 /**
- * Widget reordering styles
- */
+* Widget reordering styles
+**/
+
+.reorder-toggle {
+	float: left;
+	padding: 5px 8px;
+	text-decoration: none;
+	cursor: pointer;
+	outline: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}
+.reorder-toggle:focus {
+	outline: 1px dotted;
+}
+
+.reorder-done,
+.reordering .reorder {
+	display: none;
+}
+
+.reordering .reorder-done {
+	display: block;
+	color: #0073aa;
+}
+
+.reordering .reorder-done:hover,
+.reordering .reorder-done:active {
+	color: #00a0d2;
+}
+
+#customize-theme-controls .reordering .add-new-widget {
+	opacity: 0.2;
+	pointer-events: none;
+	cursor: not-allowed;
+}
 
 #customize-theme-controls .widget-reorder-nav {
 	display: none;
@@ -134,14 +162,61 @@
 	background-color: #fafafa;
 }
 
-.move-widget:before {
-	content: "\f504";
+.widget-reorder-nav span {
+	position: relative;
+	overflow: hidden;
+	float: right;
+	display: block;
+	width: 33px; /* was 42px for mobile */
+	height: 43px;
+	color: #82878c;
+	text-indent: -9999px;
+	cursor: pointer;
+	outline: none;
 }
 
-#customize-theme-controls .move-widget-area {
+.widget-reorder-nav span:before {
+	display: inline-block;
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	font: normal 20px/43px 'dashicons';
+	text-align: center;
+	text-indent: 0;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.widget-reorder-nav span:hover,
+.widget-reorder-nav span:focus {
+	color: #444;
+	background: #eee;
+}
+
+.move-widget:before {
+	content: '\f504';
+}
+
+.move-widget-down:before {
+	content: '\f347';
+}
+
+.move-widget-up:before {
+	content: '\f343';
+}
+
+#customize-theme-controls .first-widget .move-widget-up,
+#customize-theme-controls .last-widget .move-widget-down {
+	color: #d5d5d5;
+	cursor: default;
+}
+
+#customize-theme-controls  .move-widget-area {
 	display: none;
 	background: #fff;
-	border: 1px solid #ddd;
+	border: 1px solid #dedede;
 	border-top: none;
 	cursor: auto;
 }
@@ -177,11 +252,11 @@
 
 #customize-theme-controls .widget-area-select li:before {
 	display: none;
-	content: "\f147";
+	content: '\f147';
 	position: absolute;
 	top: 12px;
 	right: 10px;
-	font: normal 20px/1 dashicons;
+	font: normal 20px/1 'dashicons';
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
@@ -213,56 +288,145 @@
 	display: block;
 }
 
-/* Text Widget */
-.wp-customizer div.mce-inline-toolbar-grp,
-.wp-customizer div.mce-tooltip {
-	z-index: 500100 !important;
-}
-.wp-customizer .ui-autocomplete.wplink-autocomplete {
-	z-index: 500110; /* originally 100110, but z-index of .wp-full-overlay is 500000 */
-}
-.wp-customizer #wp-link-backdrop {
-	z-index: 500100; /* originally 100100, but z-index of .wp-full-overlay is 500000 */
-}
-.wp-customizer #wp-link-wrap {
-	z-index: 500105; /* originally 100105, but z-index of .wp-full-overlay is 500000 */
-}
 
 /**
  * Styles for new widget addition panel
  */
+.wp-full-overlay-main {
+	left: auto; /* this overrides a right: 0; which causes the preview to resize, I'd rather have it go off screen at the normal size. */
+	width: 100%;
+}
 
-/* override widgets admin page rules in wp-admin/css/widgets.css */
+#customize-theme-controls .add-new-widget {
+	cursor: pointer;
+	float: left;
+	margin-right: 10px;
+	-webkit-transition: all 0.2s;
+	transition: all 0.2s;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	outline: none;
+}
+
+.add-new-widget:before {
+	content: "\f132";
+	display: inline-block;
+	position: relative;
+	right: -2px;
+	top: -1px;
+	font: normal 20px/1 'dashicons';
+	vertical-align: middle;
+	-webkit-transition: all 0.2s;
+	transition: all 0.2s;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+body.adding-widget .add-new-widget,
+body.adding-widget .add-new-widget:hover {
+	background: #eee;
+	border-color: #999;
+	color: #32373c;
+	-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+}
+body.adding-widget .add-new-widget:before {
+	-webkit-transform: rotate(-45deg);
+	-ms-transform: rotate(-45deg);
+	transform: rotate(-45deg);
+}
+
+#available-widgets .widget {
+	position: static;
+}
+
+/* override widgets admin page rules in wp-admin/css/wp-admin.css */
 #widgets-left #available-widgets .widget {
 	float: none !important;
 	width: auto !important;
 }
 
+#available-widgets {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: -301px;
+	visibility: hidden;
+	overflow: auto;
+	width: 300px;
+	margin: 0;
+	z-index: 1;
+	background: #eee !important;
+	-webkit-transition: right .18s;
+	transition: right .18s;
+	border-left: 1px solid #ddd;
+}
+
 .ios #available-widgets {
 	-webkit-transition: right 0s;
 	transition: right 0s;
 }
 
+#available-widgets-list {
+	top: 46px;
+	position: absolute;
+	overflow: auto;
+	bottom: 0;
+	width: 100%;
+}
+
+#available-widgets-filter {
+	position: fixed;
+	top: 0;
+	z-index: 1;
+	width: 300px;
+	height: 46px;
+	padding: 8px 13px 7px 17px;
+	background: #eee;
+	border-bottom: 1px solid #e4e4e4;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+#available-widgets-filter input {
+	padding: 5px 10px 2px 10px;
+	width: 100%;
+}
+
+#available-widgets .widget-tpl {
+	position: relative;
+	padding: 20px 60px 20px 15px;
+	background: #fff;
+	border-bottom: 1px solid #e4e4e4;
+	cursor: pointer;
+	display: none;
+}
+
 #available-widgets .widget-tpl:hover,
 #available-widgets .widget-tpl.selected {
-	background: #f3f3f5;
+	background: #eee;
 	border-bottom-color: #ccc;
-	color: #0073aa;
-	border-right: 4px solid #0073aa;
 }
 
-#customize-controls .widget-title h3 {
-	font-size: 1em;
+#available-widgets .widget-top,
+#available-widgets .widget-top:hover {
+	border: none;
+	background: transparent;
+	-webkit-box-shadow: none;
+	box-shadow: none;
 }
 
-#available-widgets .widget-title h3 {
+#available-widgets .widget-title h4 {
 	padding: 0 0 5px;
 	font-size: 14px;
 }
 
 #available-widgets .widget .widget-description {
 	padding: 0;
-	color: #72777c;
+	color: #777;
 }
 
 #customize-preview {
@@ -288,8 +452,7 @@ body.adding-widget #customize-preview {
  * Widget Icon styling
  * No plurals in naming.
  * Ordered from lowest to highest specificity.
- */
-
+ **/
 #available-widgets .widget-title {
 	position: relative;
 }
@@ -303,7 +466,7 @@ body.adding-widget #customize-preview {
 	width: 20px;
 	height: 20px;
 	color: #32373c;
-	font: normal 20px/1 dashicons;
+	font: normal 20px/1 'dashicons';
 	text-align: center;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
@@ -438,49 +601,94 @@ body.adding-widget #customize-preview {
 #available-widgets [class*="tweet"] .widget-title:before,
 #available-widgets [class*="twitter"] .widget-title:before { content: "\f301"; }
 
+#available-widgets .customize-section-title {
+	display: none;
+}
+
 @media screen and (max-height: 700px) and (min-width: 981px) {
-	/* Compact widget-tops on smaller laptops, but not tablets. See ticket #27112#comment:4 */
-	.customize-control-widget_form {
+	.customize-control-widget {
 		margin-bottom: 0;
 	}
-
 	.widget-top {
 		-webkit-box-shadow: none;
 		box-shadow: none;
 		margin-top: -1px;
 	}
-
 	.widget-top:hover {
 		position: relative;
 		z-index: 1;
 	}
-
 	.last-widget {
 		margin-bottom: 15px;
 	}
-
-	.widget-title h3 {
+	.widget-title h4 {
 		padding: 13px 15px;
 	}
-
-	.widget-top .widget-action {
-		padding: 8px 10px;
+	.widget-top a.widget-action:after {
+		padding-top: 9px;
 	}
-
 	.widget-reorder-nav span {
 		height: 39px;
 	}
-
 	.widget-reorder-nav span:before {
 		line-height: 39px;
 	}
-
-	/* Compact the move widget areas. */
 	#customize-theme-controls .widget-area-select li {
 		padding: 9px 42px 11px 15px;
 	}
-
 	#customize-theme-controls .widget-area-select li:before {
 		top: 8px;
 	}
 }
+
+@media screen and ( max-width: 640px ) {
+	body.adding-widget div#available-widgets {
+		top: 46px;
+		right: 0;
+		z-index: 10;
+		width: 100%;
+	}
+
+	#available-widgets .customize-section-title {
+		display: block;
+		margin: 0;
+	}
+
+	#available-widgets .customize-section-back {
+		height: 69px;
+	}
+
+	#available-widgets .customize-section-title h3 {
+		font-size: 20px;
+		font-weight: 200;
+		padding: 9px 14px 12px 10px;
+		margin: 0;
+		line-height: 24px;
+		color: #555;
+		display: block;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	#available-widgets .customize-section-title .customize-action {
+		font-size: 13px;
+		display: block;
+		font-weight: 400;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	#available-widgets-filter {
+		position: relative;
+		width: 100%;
+		background: #fff;
+		height: auto;
+		padding: 10px 15px;
+	}
+
+	#available-widgets-list {
+		top: 140px;
+	}
+}

wp-admin/css/customize-widgets.css

@@ -18,22 +18,11 @@
 	overflow: visible;
 }
 
-/* Note: widget-tops are more compact when (max-height: 700px) and (min-width: 981px). */
 .customize-control-widget_form .widget-top {
-	background: #fff;
 	-webkit-transition: opacity 0.5s;
 	transition: opacity 0.5s;
 }
 
-.customize-control .widget-action {
-	color: #72777c;
-}
-
-.customize-control .widget-top:hover .widget-action,
-.customize-control .widget-action:focus {
-	color: #23282d;
-}
-
 .customize-control-widget_form:not(.widget-rendered) .widget-top {
 	opacity: 0.5;
 }
@@ -90,15 +79,19 @@
 	line-height: 16px;
 }
 
-.customize-control-widget_form.expanded .widget-action .toggle-indicator:before {
+.widget-top {
+	cursor: move;
+}
+
+.customize-control-widget_form.expanded a.widget-action:after {
 	content: "\f142";
 }
 
-.customize-control-widget_form.wide-widget-control .widget-action .toggle-indicator:before {
+.customize-control-widget_form.wide-widget-control a.widget-action:after {
 	content: "\f139";
 }
 
-.customize-control-widget_form.wide-widget-control.expanded .widget-action .toggle-indicator:before {
+.customize-control-widget_form.wide-widget-control.expanded a.widget-action:after {
 	content: "\f141";
 }
 
@@ -106,7 +99,6 @@
 	cursor: pointer;
 }
 
-.widget-top,
 .customize-control-widget_form .widget .customize-control-title {
 	cursor: move;
 }
@@ -125,8 +117,44 @@
 }
 
 /**
- * Widget reordering styles
- */
+* Widget reordering styles
+**/
+
+.reorder-toggle {
+	float: right;
+	padding: 5px 8px;
+	text-decoration: none;
+	cursor: pointer;
+	outline: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}
+.reorder-toggle:focus {
+	outline: 1px dotted;
+}
+
+.reorder-done,
+.reordering .reorder {
+	display: none;
+}
+
+.reordering .reorder-done {
+	display: block;
+	color: #0073aa;
+}
+
+.reordering .reorder-done:hover,
+.reordering .reorder-done:active {
+	color: #00a0d2;
+}
+
+#customize-theme-controls .reordering .add-new-widget {
+	opacity: 0.2;
+	pointer-events: none;
+	cursor: not-allowed;
+}
 
 #customize-theme-controls .widget-reorder-nav {
 	display: none;
@@ -134,14 +162,61 @@
 	background-color: #fafafa;
 }
 
-.move-widget:before {
-	content: "\f504";
+.widget-reorder-nav span {
+	position: relative;
+	overflow: hidden;
+	float: left;
+	display: block;
+	width: 33px; /* was 42px for mobile */
+	height: 43px;
+	color: #82878c;
+	text-indent: -9999px;
+	cursor: pointer;
+	outline: none;
 }
 
-#customize-theme-controls .move-widget-area {
+.widget-reorder-nav span:before {
+	display: inline-block;
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 100%;
+	height: 100%;
+	font: normal 20px/43px 'dashicons';
+	text-align: center;
+	text-indent: 0;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.widget-reorder-nav span:hover,
+.widget-reorder-nav span:focus {
+	color: #444;
+	background: #eee;
+}
+
+.move-widget:before {
+	content: '\f504';
+}
+
+.move-widget-down:before {
+	content: '\f347';
+}
+
+.move-widget-up:before {
+	content: '\f343';
+}
+
+#customize-theme-controls .first-widget .move-widget-up,
+#customize-theme-controls .last-widget .move-widget-down {
+	color: #d5d5d5;
+	cursor: default;
+}
+
+#customize-theme-controls  .move-widget-area {
 	display: none;
 	background: #fff;
-	border: 1px solid #ddd;
+	border: 1px solid #dedede;
 	border-top: none;
 	cursor: auto;
 }
@@ -177,11 +252,11 @@
 
 #customize-theme-controls .widget-area-select li:before {
 	display: none;
-	content: "\f147";
+	content: '\f147';
 	position: absolute;
 	top: 12px;
 	left: 10px;
-	font: normal 20px/1 dashicons;
+	font: normal 20px/1 'dashicons';
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
@@ -213,56 +288,145 @@
 	display: block;
 }
 
-/* Text Widget */
-.wp-customizer div.mce-inline-toolbar-grp,
-.wp-customizer div.mce-tooltip {
-	z-index: 500100 !important;
-}
-.wp-customizer .ui-autocomplete.wplink-autocomplete {
-	z-index: 500110; /* originally 100110, but z-index of .wp-full-overlay is 500000 */
-}
-.wp-customizer #wp-link-backdrop {
-	z-index: 500100; /* originally 100100, but z-index of .wp-full-overlay is 500000 */
-}
-.wp-customizer #wp-link-wrap {
-	z-index: 500105; /* originally 100105, but z-index of .wp-full-overlay is 500000 */
-}
 
 /**
  * Styles for new widget addition panel
  */
+.wp-full-overlay-main {
+	right: auto; /* this overrides a right: 0; which causes the preview to resize, I'd rather have it go off screen at the normal size. */
+	width: 100%;
+}
 
-/* override widgets admin page rules in wp-admin/css/widgets.css */
+#customize-theme-controls .add-new-widget {
+	cursor: pointer;
+	float: right;
+	margin-left: 10px;
+	-webkit-transition: all 0.2s;
+	transition: all 0.2s;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	outline: none;
+}
+
+.add-new-widget:before {
+	content: "\f132";
+	display: inline-block;
+	position: relative;
+	left: -2px;
+	top: -1px;
+	font: normal 20px/1 'dashicons';
+	vertical-align: middle;
+	-webkit-transition: all 0.2s;
+	transition: all 0.2s;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+body.adding-widget .add-new-widget,
+body.adding-widget .add-new-widget:hover {
+	background: #eee;
+	border-color: #999;
+	color: #32373c;
+	-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+}
+body.adding-widget .add-new-widget:before {
+	-webkit-transform: rotate(45deg);
+	-ms-transform: rotate(45deg);
+	transform: rotate(45deg);
+}
+
+#available-widgets .widget {
+	position: static;
+}
+
+/* override widgets admin page rules in wp-admin/css/wp-admin.css */
 #widgets-left #available-widgets .widget {
 	float: none !important;
 	width: auto !important;
 }
 
+#available-widgets {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: -301px;
+	visibility: hidden;
+	overflow: auto;
+	width: 300px;
+	margin: 0;
+	z-index: 1;
+	background: #eee !important;
+	-webkit-transition: left .18s;
+	transition: left .18s;
+	border-right: 1px solid #ddd;
+}
+
 .ios #available-widgets {
 	-webkit-transition: left 0s;
 	transition: left 0s;
 }
 
+#available-widgets-list {
+	top: 46px;
+	position: absolute;
+	overflow: auto;
+	bottom: 0;
+	width: 100%;
+}
+
+#available-widgets-filter {
+	position: fixed;
+	top: 0;
+	z-index: 1;
+	width: 300px;
+	height: 46px;
+	padding: 8px 17px 7px 13px;
+	background: #eee;
+	border-bottom: 1px solid #e4e4e4;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+#available-widgets-filter input {
+	padding: 5px 10px 2px 10px;
+	width: 100%;
+}
+
+#available-widgets .widget-tpl {
+	position: relative;
+	padding: 20px 15px 20px 60px;
+	background: #fff;
+	border-bottom: 1px solid #e4e4e4;
+	cursor: pointer;
+	display: none;
+}
+
 #available-widgets .widget-tpl:hover,
 #available-widgets .widget-tpl.selected {
-	background: #f3f3f5;
+	background: #eee;
 	border-bottom-color: #ccc;
-	color: #0073aa;
-	border-left: 4px solid #0073aa;
 }
 
-#customize-controls .widget-title h3 {
-	font-size: 1em;
+#available-widgets .widget-top,
+#available-widgets .widget-top:hover {
+	border: none;
+	background: transparent;
+	-webkit-box-shadow: none;
+	box-shadow: none;
 }
 
-#available-widgets .widget-title h3 {
+#available-widgets .widget-title h4 {
 	padding: 0 0 5px;
 	font-size: 14px;
 }
 
 #available-widgets .widget .widget-description {
 	padding: 0;
-	color: #72777c;
+	color: #777;
 }
 
 #customize-preview {
@@ -288,8 +452,7 @@ body.adding-widget #customize-preview {
  * Widget Icon styling
  * No plurals in naming.
  * Ordered from lowest to highest specificity.
- */
-
+ **/
 #available-widgets .widget-title {
 	position: relative;
 }
@@ -303,7 +466,7 @@ body.adding-widget #customize-preview {
 	width: 20px;
 	height: 20px;
 	color: #32373c;
-	font: normal 20px/1 dashicons;
+	font: normal 20px/1 'dashicons';
 	text-align: center;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
@@ -438,49 +601,94 @@ body.adding-widget #customize-preview {
 #available-widgets [class*="tweet"] .widget-title:before,
 #available-widgets [class*="twitter"] .widget-title:before { content: "\f301"; }
 
+#available-widgets .customize-section-title {
+	display: none;
+}
+
 @media screen and (max-height: 700px) and (min-width: 981px) {
-	/* Compact widget-tops on smaller laptops, but not tablets. See ticket #27112#comment:4 */
-	.customize-control-widget_form {
+	.customize-control-widget {
 		margin-bottom: 0;
 	}
-
 	.widget-top {
 		-webkit-box-shadow: none;
 		box-shadow: none;
 		margin-top: -1px;
 	}
-
 	.widget-top:hover {
 		position: relative;
 		z-index: 1;
 	}
-
 	.last-widget {
 		margin-bottom: 15px;
 	}
-
-	.widget-title h3 {
+	.widget-title h4 {
 		padding: 13px 15px;
 	}
-
-	.widget-top .widget-action {
-		padding: 8px 10px;
+	.widget-top a.widget-action:after {
+		padding-top: 9px;
 	}
-
 	.widget-reorder-nav span {
 		height: 39px;
 	}
-
 	.widget-reorder-nav span:before {
 		line-height: 39px;
 	}
-
-	/* Compact the move widget areas. */
 	#customize-theme-controls .widget-area-select li {
 		padding: 9px 15px 11px 42px;
 	}
-
 	#customize-theme-controls .widget-area-select li:before {
 		top: 8px;
 	}
 }
+
+@media screen and ( max-width: 640px ) {
+	body.adding-widget div#available-widgets {
+		top: 46px;
+		left: 0;
+		z-index: 10;
+		width: 100%;
+	}
+
+	#available-widgets .customize-section-title {
+		display: block;
+		margin: 0;
+	}
+
+	#available-widgets .customize-section-back {
+		height: 69px;
+	}
+
+	#available-widgets .customize-section-title h3 {
+		font-size: 20px;
+		font-weight: 200;
+		padding: 9px 10px 12px 14px;
+		margin: 0;
+		line-height: 24px;
+		color: #555;
+		display: block;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	#available-widgets .customize-section-title .customize-action {
+		font-size: 13px;
+		display: block;
+		font-weight: 400;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	#available-widgets-filter {
+		position: relative;
+		width: 100%;
+		background: #fff;
+		height: auto;
+		padding: 10px 15px;
+	}
+
+	#available-widgets-list {
+		top: 140px;
+	}
+}

wp-admin/css/dashboard-rtl.css

@@ -56,6 +56,10 @@
 	min-height: 0;
 }
 
+/*------------------------------------------------------------------------------
+  9.0 - Dashboard
+------------------------------------------------------------------------------*/
+
 #dashboard-widgets-wrap {
 	overflow: hidden;
 	margin: 0 -8px;
@@ -111,14 +115,14 @@
 	line-height: 2.1em;
 }
 
-.welcome-panel h2 {
+.welcome-panel h3 {
 	margin: 0;
 	font-size: 21px;
-	font-weight: 400;
+	font-weight: normal;
 	line-height: 1.2;
 }
 
-.welcome-panel h3 {
+.welcome-panel h4 {
 	margin: 1.33em 0 0;
 	font-size: 16px;
 }
@@ -128,7 +132,7 @@
 }
 
 .welcome-panel p {
-	color: #72777c;
+	color: #777;
 }
 
 .welcome-panel a {
@@ -196,7 +200,55 @@
 
 .welcome-panel-column p {
 	margin-top: 7px;
-	color: #444;
+	color: #464646;
+}
+
+.welcome-panel .welcome-icon {
+	background: transparent !important;
+}
+
+.welcome-panel .welcome-icon:before {
+	color: #82878c;
+	font: normal 20px/1 'dashicons';
+	speak: none;
+	display: inline-block;
+	padding: 0 0 0 10px;
+	top: -1px;
+	position: relative;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+	vertical-align: top;
+}
+
+.welcome-panel .welcome-write-blog:before,
+.welcome-panel .welcome-edit-page:before {
+	content:'\f119';
+	top: -3px;
+}
+
+.welcome-panel .welcome-add-page:before {
+	content:'\f132';
+}
+
+.welcome-panel .welcome-view-site:before {
+	content:'\f115';
+	top: -2px;
+}
+
+.welcome-panel .welcome-widgets-menus:before {
+	content:'\f116';
+	top: -2px;
+}
+
+.welcome-panel .welcome-comments:before {
+	content:'\f117';
+	top: -1px;
+}
+
+.welcome-panel .welcome-learn-more:before {
+	content:'\f118';
+	top: -1px;
 }
 
 .welcome-panel .welcome-widgets-menus {
@@ -213,246 +265,6 @@
 	padding: 0 0 8px;
 }
 
-.welcome-panel .welcome-icon {
-	background: transparent !important;
-}
-
-/* Welcome Panel and Right Now common Icons style */
-
-.welcome-panel .welcome-icon:before,
-#dashboard_right_now li a:before,
-#dashboard_right_now li span:before {
-	color: #82878c;
-	font: normal 20px/1 dashicons;
-	speak: none;
-	display: inline-block;
-	padding: 0 0 0 10px;
-	position: relative;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-	text-decoration: none !important;
-	vertical-align: top;
-}
-
-/* Welcome Panel specific Icons styles */
-
-.welcome-panel .welcome-write-blog:before,
-.welcome-panel .welcome-edit-page:before {
-	content: "\f119";
-	top: -3px;
-}
-
-.welcome-panel .welcome-add-page:before {
-	content: "\f132";
-	top: -1px;
-}
-
-.welcome-panel .welcome-view-site:before {
-	content: "\f115";
-	top: -2px;
-}
-
-.welcome-panel .welcome-widgets-menus:before {
-	content: "\f116";
-	top: -2px;
-}
-
-.welcome-panel .welcome-comments:before {
-	content: "\f117";
-	top: -1px;
-}
-
-.welcome-panel .welcome-learn-more:before {
-	content: "\f118";
-	top: -1px;
-}
-
-/* Right Now specific Icons styles */
-
-#dashboard_right_now li a:before,
-#dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */
-	content: "\f159"; /* generic icon for items added by CPTs ? */
-	padding: 0 0 0 5px;
-}
-
-#dashboard_right_now .page-count a:before,
-#dashboard_right_now .page-count span:before {
-	content: "\f105";
-}
-
-#dashboard_right_now .post-count a:before,
-#dashboard_right_now .post-count span:before {
-	content: "\f109";
-}
-
-#dashboard_right_now .comment-count a:before {
-	content: "\f101";
-}
-
-#dashboard_right_now .comment-mod-count a:before {
-	content: "\f125";
-}
-
-#dashboard_right_now .storage-count a:before {
-	content: "\f104";
-}
-
-#dashboard_right_now .storage-count.warning a:before {
-	content: "\f153";
-}
-
-/* Dashboard WordPress events */
-
-.community-events-errors {
-	margin: 0;
-}
-
-.community-events-loading {
-	padding: 10px 12px 8px;
-}
-
-.community-events {
-	margin-bottom: 6px;
-	padding: 0 12px;
-}
-
-.community-events .spinner {
-	float: none;
-	margin: 5px 2px 0;
-	vertical-align: top;
-}
-
-.community-events-errors[aria-hidden="true"],
-.community-events-errors [aria-hidden="true"],
-.community-events-loading[aria-hidden="true"],
-.community-events[aria-hidden="true"],
-.community-events [aria-hidden="true"] {
-	display: none;
-}
-
-.community-events .activity-block:first-child,
-.community-events h2 {
-	padding-top: 12px;
-	padding-bottom: 10px;
-}
-
-.community-events-form {
-	margin: 15px 0 5px;
-}
-
-.community-events-form .regular-text {
-	width: 40%;
-	height: 29px;
-	margin: 0;
-	vertical-align: top;
-}
-
-.community-events li.event-none {
-	border-right: 4px solid #00a0d2;
-}
-
-.community-events-form label {
-	display: inline-block;
-	vertical-align: top;
-	line-height: 28px;
-	height: 28px;
-}
-
-.community-events .activity-block > p {
-	margin-bottom: 0;
-	display: inline;
-}
-
-.community-events-toggle-location {
-	vertical-align: middle;
-}
-
-#community-events-submit {
-	margin-right: 3px;
-	margin-left: 3px;
-}
-
-/* Needs higher specificity than #dashboard-widgets .button-link */
-#dashboard-widgets .community-events-cancel.button-link {
-	vertical-align: top;
-	/* Same properties as the submit button for cross-browsers alignment. */
-	line-height: 26px;
-	height: 28px;
-	text-decoration: underline;
-}
-
-.community-events ul {
-	background-color: #fafafa;
-	padding-right: 0;
-	padding-left: 0;
-	padding-bottom: 0;
-}
-
-.community-events li {
-	margin: 0;
-	padding: 8px 12px;
-	color: #72777c;
-}
-.community-events li:first-child {
-	border-top: 1px solid #eee;
-}
-
-.community-events li ~ li {
-	border-top: 1px solid #eee;
-}
-
-.community-events .activity-block.last {
-	border-bottom: 1px solid #eee;
-	padding-top: 0;
-	margin-top: -1px;
-}
-
-.community-events .event-info {
-	display: block;
-}
-
-.event-icon {
-	height: 18px;
-	padding-left: 10px;
-	width: 18px;
-	display: none; /* Hide on smaller screens */
-}
-
-.event-icon:before {
-	color: #82878C;
-	font-size: 18px;
-}
-.event-meetup .event-icon:before {
-	content: "\f484";
-}
-.event-wordcamp .event-icon:before {
-	content: "\f486";
-}
-
-.community-events .event-title {
-	font-weight: 600;
-	display: block;
-}
-
-.community-events .event-date,
-.community-events .event-time {
-	display: block;
-}
-
-.community-events-footer {
-	margin-top: 0;
-	margin-bottom: 0;
-	padding: 12px;
-	border-top: 1px solid #eee;
-	color: #ddd;
-}
-
-/* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */
-.community-events-footer .screen-reader-text {
-	height: inherit;
-	white-space: nowrap;
-}
-
 /* Dashboard WordPress news */
 
 #dashboard_primary .inside {
@@ -460,33 +272,32 @@
 	padding: 0;
 }
 
-#dashboard_primary .widget-loading {
+#dashboard_primary .widget-loading,
+#dashboard_primary .dashboard-widget-control-form {
 	padding: 12px 12px 0;
-	margin-bottom: 1em !important; /* Needs to override `.postbox .inside > p:last-child` in common.css */
-}
-
-/* Notice when JS is off. */
-#dashboard_primary .inside .notice {
-	margin: 0;
 }
 
 body #dashboard-widgets .postbox form .submit {
 	margin: 0;
 }
 
-/* Used only for configurable widgets. */
+.dashboard-widget-control-form {
+	overflow: hidden;
+}
+
 .dashboard-widget-control-form p {
 	margin-top: 0;
 }
 
 .rssSummary {
-	color: #72777c;
+	color: #777;
 	margin-top: 4px;
 }
 
 #dashboard_primary .rss-widget {
+	border-bottom: 1px solid #eee;
 	font-size: 13px;
-	padding: 0 12px 0;
+	padding: 8px 12px 10px;
 }
 
 #dashboard_primary .rss-widget:last-child {
@@ -495,12 +306,12 @@ body #dashboard-widgets .postbox form .submit {
 }
 
 #dashboard_primary .rss-widget a {
-	font-weight: 400;
+	font-weight: normal;
 }
 
 #dashboard_primary .rss-widget span,
 #dashboard_primary .rss-widget span.rss-date {
-	color: #72777c;
+	color: #777;
 }
 
 #dashboard_primary .rss-widget span.rss-date {
@@ -508,8 +319,7 @@ body #dashboard-widgets .postbox form .submit {
 }
 
 #dashboard_primary .rss-widget ul li {
-	padding: 4px 0;
-	margin: 0;
+	margin-bottom: 8px;
 }
 
 /* Dashboard right now */
@@ -550,23 +360,25 @@ body #dashboard-widgets .postbox form .submit {
 	overflow: hidden;
 }
 
-#dashboard-widgets h3.mu-storage {
-	margin: 0 0 10px;
-	padding: 0;
-	font-size: 14px;
-	font-weight: 400;
+#dashboard-widgets h4.mu-storage {
+	margin-bottom: 10px;
 }
 
 /* Dashboard right now - Colors */
 
+#dashboard_right_now li a:before,
+#dashboard_right_now li span:before {
+	color: #82878c;
+}
+
 #dashboard_right_now .sub {
-	color: #555d66;
+	color: #777;
 	background: #f5f5f5;
 	border-top: 1px solid #eee;
 	padding: 10px 12px 6px 12px;
 }
 
-#dashboard_right_now .sub h3 {
+#dashboard_right_now .sub h4 {
 	color: #555;
 }
 
@@ -579,6 +391,49 @@ body #dashboard-widgets .postbox form .submit {
 	color: #d54e21;
 }
 
+/* Dashboard right now - Icons */
+#dashboard_right_now li a:before,
+#dashboard_right_now li span:before {
+	content: '\f159';
+	font: normal 20px/1 'dashicons';
+	speak: none;
+	display: block;
+	float: right;
+	margin: 0 0 0 5px;
+	padding: 0;
+	text-indent: 0;
+	text-align: center;
+	position: relative;
+	-webkit-font-smoothing: antialiased;
+	text-decoration: none !important;
+}
+
+#dashboard_right_now .page-count a:before,
+#dashboard_right_now .page-count span:before {
+	content: '\f105';
+}
+
+#dashboard_right_now .post-count a:before,
+#dashboard_right_now .post-count span:before {
+	content: '\f109';
+}
+
+#dashboard_right_now .comment-count a:before {
+	content: '\f101';
+}
+
+#dashboard_right_now .comment-mod-count a:before {
+	content: '\f125';
+}
+
+#dashboard_right_now .storage-count a:before {
+	content: '\f104';
+}
+
+#dashboard_right_now .storage-count.warning a:before {
+	content: '\f153';
+}
+
 /* Dashboard Quick Draft */
 
 #dashboard_quick_press .inside {
@@ -638,7 +493,7 @@ form.initial-form.quickpress-open input#title {
 
 #title-wrap #title-prompt-text,
 .textarea-wrap #content-prompt-text {
-	color: #72777c;
+	color: #777;
 }
 
 #title-wrap #title-prompt-text {
@@ -682,13 +537,18 @@ form.initial-form.quickpress-open input#title {
 	border: none;
 }
 
+#dashboard_quick_press .drafts h4 {
+	margin: 0 12px 8px;
+	font-weight: normal;
+}
+
 #dashboard_quick_press .drafts .view-all {
 	float: left;
 	margin: 0 0 0 12px;
 }
 
 #dashboard_primary a.rsswidget {
-	font-weight: 400;
+	font-weight: normal;
 }
 
 #dashboard_quick_press .drafts ul {
@@ -699,7 +559,7 @@ form.initial-form.quickpress-open input#title {
 	margin-bottom: 1em;
 }
 #dashboard_quick_press .drafts li time {
-	color: #72777c;
+	color: #777;
 }
 
 #dashboard_quick_press .drafts p {
@@ -716,34 +576,29 @@ form.initial-form.quickpress-open input#title {
 	margin: 0 0 0 5px;
 }
 
-/* Dashboard common styles */
-
-#dashboard-widgets h4, /* Back-compat for pre-4.4 */
-#dashboard-widgets h3,
-#dashboard_quick_press .drafts h2 {
-	margin: 0 12px 8px;
-	padding: 0;
-	font-size: 14px;
-	font-weight: 400;
-	color: #23282d;
-}
-
-#dashboard_quick_press .drafts h2 {
-	line-height: inherit;
-}
-
-#dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */
-#dashboard-widgets .inside h3 {
-	margin-right: 0;
-	margin-left: 0;
-}
-
 /* Dashboard activity widget */
 
+#dashboard-widgets #dashboard_activity h4 {
+	margin: 0 12px 8px 0;
+	font-weight: normal;
+}
+
+#dashboard-widgets #dashboard_activity h4.comment-meta {
+	margin: 0;
+}
+
+#dashboard_activity h4.comment-meta {
+	margin-bottom: 4px;
+}
+
+#dashboard_activity ul {
+	padding: 0 12px;
+}
+
 #dashboard_activity .comment-meta span.approve:before {
-	content: "\f227";
-	font: 20px/.5 dashicons;
-	margin-right: 5px;
+	content: '\f227';
+	font: 20px/.5 "dashicons";
+	margin-right: 12px;
 	vertical-align: middle;
 	position: relative;
 	top: -1px;
@@ -751,18 +606,18 @@ form.initial-form.quickpress-open input#title {
 }
 
 #dashboard_activity .inside {
+	padding: 0;
 	margin: 0;
-	padding-bottom: 0;
 }
 
 #dashboard_activity .no-activity {
 	overflow: hidden;
-	padding: 0 0 12px;
+	padding: 0 12px 12px;
 	text-align: center;
 }
 
 #dashboard_activity .no-activity p {
-	color: #72777c;
+	color: #999;
 	font-size: 16px;
 }
 
@@ -771,8 +626,8 @@ form.initial-form.quickpress-open input#title {
 }
 
 #dashboard_activity .no-activity .smiley:before {
-	content: "\f328";
-	font: normal 120px/1 dashicons;
+	content: '\f328';
+	font: normal 120px/1 'dashicons';
 	speak: none;
 	display: block;
 	margin: 0 0 0 5px;
@@ -786,16 +641,11 @@ form.initial-form.quickpress-open input#title {
 
 #dashboard_activity .subsubsub {
 	float: none;
-	border-top: 1px solid #eee;
-	margin: 0 -12px;
+	border-top: 1px solid #eeeeee;
+	margin-top: 0;
 	padding: 8px 12px 4px;
 }
 
-#dashboard_activity .subsubsub a .count,
-#dashboard_activity .subsubsub a.current .count {
-	color: #72777c; /* white background on the dashboard but #f1f1f1 on list tables */
-}
-
 #future-posts ul,
 #published-posts ul {
 	clear: both;
@@ -812,13 +662,13 @@ form.initial-form.quickpress-open input#title {
 	display: inline-block;
 	margin-left: 5px;
 	min-width: 150px;
-	color: #72777c;
+	color: #777;
 }
 
 .activity-block {
 	border-bottom: 1px solid #eee;
-	margin: 0 -12px;
-	padding: 8px 12px 4px;
+	overflow: hidden;
+	padding: 8px 0 4px;
 }
 
 .activity-block:last-child {
@@ -847,7 +697,7 @@ form.initial-form.quickpress-open input#title {
 
 #activity-widget #the-comment-list .avatar {
 	position: absolute;
-	top: 12px;
+	top: 13px;
 }
 
 #activity-widget #the-comment-list .dashboard-comment-wrap {
@@ -858,6 +708,11 @@ form.initial-form.quickpress-open input#title {
 	margin: 1em 0;
 }
 
+#activity-widget #the-comment-list .comment-item h4 {
+	font-size: 13px;
+	color: #999;
+}
+
 #activity-widget #the-comment-list .comment-item p.row-actions {
 	margin: 4px 0 0 0;
 }
@@ -893,17 +748,12 @@ form.initial-form.quickpress-open input#title {
 	margin: 10px;
 }
 
-.postbox .button-link .edit-box {
+.edit-box {
 	display: none;
 }
 
-.edit-box {
-	opacity: 0;
-}
-
-.hndle:hover .edit-box,
-.edit-box:focus {
-	opacity: 1;
+h3:hover .edit-box {
+	display: inline;
 }
 
 #dashboard-widgets form .input-text-wrap input {
@@ -925,18 +775,31 @@ form.initial-form.quickpress-open input#title {
 	min-width: 0;
 }
 
-#dashboard-widgets a,
-#dashboard-widgets .button-link {
+#dashboard-widgets a {
 	text-decoration: none;
 }
 
-#dashboard-widgets h2 a {
+#dashboard-widgets h3 a {
 	text-decoration: underline;
 }
 
-#dashboard-widgets .hndle .postbox-title-action {
-	float: left;
-	line-height: 1.2;
+#dashboard-widgets h3 .postbox-title-action {
+	position: absolute;
+	left: 10px;
+	padding: 0;
+	top: 5px;
+}
+
+.js #dashboard-widgets h3 .postbox-title-action {
+	left: 33px;
+}
+
+#dashboard-widgets h4 {
+	color: #23282d;
+	font-weight: normal;
+	font-size: 14px;
+	margin: 0 0 .2em;
+	padding: 0;
 }
 
 #dashboard_plugins h5 {
@@ -947,7 +810,6 @@ form.initial-form.quickpress-open input#title {
 
 #latest-comments #the-comment-list {
 	position: relative;
-	margin: 0 -12px;
 }
 
 #activity-widget #the-comment-list .comment,
@@ -961,11 +823,7 @@ form.initial-form.quickpress-open input#title {
 }
 
 #activity-widget #latest-comments #the-comment-list .comment-item {
-	/* the row-actions paragraph is output only for users with 'edit_comment' capabilities,
-	   for other users this needs a min height equal to the gravatar image */
-	min-height: 50px;
-	margin: 0;
-	padding: 12px;
+	padding: 1em 12px;
 }
 
 #latest-comments #the-comment-list .pingback {
@@ -976,15 +834,15 @@ form.initial-form.quickpress-open input#title {
 	border-top: none;
 }
 
-#latest-comments #the-comment-list .comment-meta {
+#latest-comments #the-comment-list .comment-item h4 {
 	line-height: 1.5em;
-	margin: 0;
+	margin-top: 0;
 	color: #666;
 }
 
-#latest-comments #the-comment-list .comment-meta cite {
+#latest-comments #the-comment-list .comment-item h4 cite {
 	font-style: normal;
-	font-weight: 400;
+	font-weight: normal;
 }
 
 #latest-comments #the-comment-list .comment-item blockquote,
@@ -1026,9 +884,9 @@ form.initial-form.quickpress-open input#title {
 }
 
 a.rsswidget {
-	font-size: 13px;
+	font-size: 14px;
 	font-weight: 600;
-	line-height: 1.4em;
+	line-height: 1.7em;
 }
 
 .rss-widget ul li {
@@ -1037,7 +895,7 @@ a.rsswidget {
 }
 
 .rss-widget span.rss-date {
-	color: #72777c;
+	color: #999;
 	font-size: 13px;
 	margin-right: 3px;
 }
@@ -1050,7 +908,7 @@ a.rsswidget {
 }
 
 .rss-widget cite:before {
-	content: "\2014";
+	content: '\2014';
 }
 
 .dashboard-comment-wrap {
@@ -1089,12 +947,12 @@ a.rsswidget {
 	box-shadow: none;
 }
 
-#dashboard_browser_nag.postbox.browser-insecure h2 {
+#dashboard_browser_nag.postbox.browser-insecure h3 {
 	border-bottom-color: #cd5a5a;
 	color: #fff;
 }
 
-#dashboard_browser_nag.postbox h2 {
+#dashboard_browser_nag.postbox h3 {
 	border-bottom-color: #f6e2ac;
 	background: transparent none;
 	color: #fff;
@@ -1106,7 +964,9 @@ a.rsswidget {
 	color: #fff;
 }
 
-#dashboard_browser_nag h2.hndle {
+/* Make the browser nags easier to read with Open Sans */
+
+#dashboard_browser_nag h3.hndle {
 	border: none;
 	font-weight: 600;
 	font-size: 20px;
@@ -1153,11 +1013,6 @@ a.rsswidget {
 		min-height: 0;
 	}
 
-	#dashboard-widgets #postbox-container-3 .empty-container:after,
-	#dashboard-widgets #postbox-container-4 .empty-container:after {
-		display: none;
-	}
-
 	#wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
 		width: 100%;
 	}
@@ -1178,10 +1033,6 @@ a.rsswidget {
 	.columns-prefs .columns-prefs-4 {
 		display: none;
 	}
-
-	.metabox-holder .postbox-container .empty-container:after {
-		display: block;
-	}
 }
 
 /* three columns on the dash */
@@ -1204,14 +1055,6 @@ a.rsswidget {
 		height: 0;
 		min-height: 0;
 	}
-
-	#dashboard-widgets #postbox-container-4 .empty-container:after {
-		display: none;
-	}
-
-	.metabox-holder .postbox-container .empty-container:after {
-		display: block;
-	}
 }
 
 @media screen and (max-width: 870px) {
@@ -1239,35 +1082,6 @@ a.rsswidget {
 		width: 30px;
 		margin: 4px 0 5px 10px;
 	}
-
-	.community-events-toggle-location {
-		height: 38px;
-		vertical-align: baseline;
-	}
-
-	.community-events-form .regular-text {
-		height: 32px;
-	}
-
-	#community-events-submit {
-		margin-bottom: 0;
-		/* Override .wp-core-ui .button */
-		vertical-align: top;
-	}
-
-	.community-events-form label,
-	#dashboard-widgets .community-events-cancel.button-link {
-		/* Same properties as the submit button for cross-browsers alignment. */
-		font-size: 14px;
-		line-height: normal;
-		height: auto;
-		padding: 6px 0;
-		border: 1px solid transparent;
-	}
-
-	.community-events .spinner {
-		margin-top: 7px;
-	}
 }
 
 /* Smartphone */
@@ -1291,30 +1105,3 @@ a.rsswidget {
 		right: -35px;
 	}
 }
-
-@media screen and (min-width: 355px) {
-	.community-events .event-info {
-		display: table-row;
-		float: right;
-		max-width: 59%;
-	}
-
-	.event-icon,
-	.event-icon[aria-hidden="true"] {
-		display: table-cell;
-	}
-
-	.event-info-inner {
-		display: table-cell;
-	}
-
-	.community-events .event-date-time {
-		float: left;
-		max-width: 39%;
-	}
-
-	.community-events .event-date,
-	.community-events .event-time {
-		text-align: left;
-	}
-}

wp-admin/css/dashboard.css

@@ -56,6 +56,10 @@
 	min-height: 0;
 }
 
+/*------------------------------------------------------------------------------
+  9.0 - Dashboard
+------------------------------------------------------------------------------*/
+
 #dashboard-widgets-wrap {
 	overflow: hidden;
 	margin: 0 -8px;
@@ -111,14 +115,14 @@
 	line-height: 2.1em;
 }
 
-.welcome-panel h2 {
+.welcome-panel h3 {
 	margin: 0;
 	font-size: 21px;
-	font-weight: 400;
+	font-weight: normal;
 	line-height: 1.2;
 }
 
-.welcome-panel h3 {
+.welcome-panel h4 {
 	margin: 1.33em 0 0;
 	font-size: 16px;
 }
@@ -128,7 +132,7 @@
 }
 
 .welcome-panel p {
-	color: #72777c;
+	color: #777;
 }
 
 .welcome-panel a {
@@ -196,7 +200,55 @@
 
 .welcome-panel-column p {
 	margin-top: 7px;
-	color: #444;
+	color: #464646;
+}
+
+.welcome-panel .welcome-icon {
+	background: transparent !important;
+}
+
+.welcome-panel .welcome-icon:before {
+	color: #82878c;
+	font: normal 20px/1 'dashicons';
+	speak: none;
+	display: inline-block;
+	padding: 0 10px 0 0;
+	top: -1px;
+	position: relative;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+	vertical-align: top;
+}
+
+.welcome-panel .welcome-write-blog:before,
+.welcome-panel .welcome-edit-page:before {
+	content:'\f119';
+	top: -3px;
+}
+
+.welcome-panel .welcome-add-page:before {
+	content:'\f132';
+}
+
+.welcome-panel .welcome-view-site:before {
+	content:'\f115';
+	top: -2px;
+}
+
+.welcome-panel .welcome-widgets-menus:before {
+	content:'\f116';
+	top: -2px;
+}
+
+.welcome-panel .welcome-comments:before {
+	content:'\f117';
+	top: -1px;
+}
+
+.welcome-panel .welcome-learn-more:before {
+	content:'\f118';
+	top: -1px;
 }
 
 .welcome-panel .welcome-widgets-menus {
@@ -213,246 +265,6 @@
 	padding: 0 0 8px;
 }
 
-.welcome-panel .welcome-icon {
-	background: transparent !important;
-}
-
-/* Welcome Panel and Right Now common Icons style */
-
-.welcome-panel .welcome-icon:before,
-#dashboard_right_now li a:before,
-#dashboard_right_now li span:before {
-	color: #82878c;
-	font: normal 20px/1 dashicons;
-	speak: none;
-	display: inline-block;
-	padding: 0 10px 0 0;
-	position: relative;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-	text-decoration: none !important;
-	vertical-align: top;
-}
-
-/* Welcome Panel specific Icons styles */
-
-.welcome-panel .welcome-write-blog:before,
-.welcome-panel .welcome-edit-page:before {
-	content: "\f119";
-	top: -3px;
-}
-
-.welcome-panel .welcome-add-page:before {
-	content: "\f132";
-	top: -1px;
-}
-
-.welcome-panel .welcome-view-site:before {
-	content: "\f115";
-	top: -2px;
-}
-
-.welcome-panel .welcome-widgets-menus:before {
-	content: "\f116";
-	top: -2px;
-}
-
-.welcome-panel .welcome-comments:before {
-	content: "\f117";
-	top: -1px;
-}
-
-.welcome-panel .welcome-learn-more:before {
-	content: "\f118";
-	top: -1px;
-}
-
-/* Right Now specific Icons styles */
-
-#dashboard_right_now li a:before,
-#dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */
-	content: "\f159"; /* generic icon for items added by CPTs ? */
-	padding: 0 5px 0 0;
-}
-
-#dashboard_right_now .page-count a:before,
-#dashboard_right_now .page-count span:before {
-	content: "\f105";
-}
-
-#dashboard_right_now .post-count a:before,
-#dashboard_right_now .post-count span:before {
-	content: "\f109";
-}
-
-#dashboard_right_now .comment-count a:before {
-	content: "\f101";
-}
-
-#dashboard_right_now .comment-mod-count a:before {
-	content: "\f125";
-}
-
-#dashboard_right_now .storage-count a:before {
-	content: "\f104";
-}
-
-#dashboard_right_now .storage-count.warning a:before {
-	content: "\f153";
-}
-
-/* Dashboard WordPress events */
-
-.community-events-errors {
-	margin: 0;
-}
-
-.community-events-loading {
-	padding: 10px 12px 8px;
-}
-
-.community-events {
-	margin-bottom: 6px;
-	padding: 0 12px;
-}
-
-.community-events .spinner {
-	float: none;
-	margin: 5px 2px 0;
-	vertical-align: top;
-}
-
-.community-events-errors[aria-hidden="true"],
-.community-events-errors [aria-hidden="true"],
-.community-events-loading[aria-hidden="true"],
-.community-events[aria-hidden="true"],
-.community-events [aria-hidden="true"] {
-	display: none;
-}
-
-.community-events .activity-block:first-child,
-.community-events h2 {
-	padding-top: 12px;
-	padding-bottom: 10px;
-}
-
-.community-events-form {
-	margin: 15px 0 5px;
-}
-
-.community-events-form .regular-text {
-	width: 40%;
-	height: 29px;
-	margin: 0;
-	vertical-align: top;
-}
-
-.community-events li.event-none {
-	border-left: 4px solid #00a0d2;
-}
-
-.community-events-form label {
-	display: inline-block;
-	vertical-align: top;
-	line-height: 28px;
-	height: 28px;
-}
-
-.community-events .activity-block > p {
-	margin-bottom: 0;
-	display: inline;
-}
-
-.community-events-toggle-location {
-	vertical-align: middle;
-}
-
-#community-events-submit {
-	margin-left: 3px;
-	margin-right: 3px;
-}
-
-/* Needs higher specificity than #dashboard-widgets .button-link */
-#dashboard-widgets .community-events-cancel.button-link {
-	vertical-align: top;
-	/* Same properties as the submit button for cross-browsers alignment. */
-	line-height: 26px;
-	height: 28px;
-	text-decoration: underline;
-}
-
-.community-events ul {
-	background-color: #fafafa;
-	padding-left: 0;
-	padding-right: 0;
-	padding-bottom: 0;
-}
-
-.community-events li {
-	margin: 0;
-	padding: 8px 12px;
-	color: #72777c;
-}
-.community-events li:first-child {
-	border-top: 1px solid #eee;
-}
-
-.community-events li ~ li {
-	border-top: 1px solid #eee;
-}
-
-.community-events .activity-block.last {
-	border-bottom: 1px solid #eee;
-	padding-top: 0;
-	margin-top: -1px;
-}
-
-.community-events .event-info {
-	display: block;
-}
-
-.event-icon {
-	height: 18px;
-	padding-right: 10px;
-	width: 18px;
-	display: none; /* Hide on smaller screens */
-}
-
-.event-icon:before {
-	color: #82878C;
-	font-size: 18px;
-}
-.event-meetup .event-icon:before {
-	content: "\f484";
-}
-.event-wordcamp .event-icon:before {
-	content: "\f486";
-}
-
-.community-events .event-title {
-	font-weight: 600;
-	display: block;
-}
-
-.community-events .event-date,
-.community-events .event-time {
-	display: block;
-}
-
-.community-events-footer {
-	margin-top: 0;
-	margin-bottom: 0;
-	padding: 12px;
-	border-top: 1px solid #eee;
-	color: #ddd;
-}
-
-/* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */
-.community-events-footer .screen-reader-text {
-	height: inherit;
-	white-space: nowrap;
-}
-
 /* Dashboard WordPress news */
 
 #dashboard_primary .inside {
@@ -460,33 +272,32 @@
 	padding: 0;
 }
 
-#dashboard_primary .widget-loading {
+#dashboard_primary .widget-loading,
+#dashboard_primary .dashboard-widget-control-form {
 	padding: 12px 12px 0;
-	margin-bottom: 1em !important; /* Needs to override `.postbox .inside > p:last-child` in common.css */
-}
-
-/* Notice when JS is off. */
-#dashboard_primary .inside .notice {
-	margin: 0;
 }
 
 body #dashboard-widgets .postbox form .submit {
 	margin: 0;
 }
 
-/* Used only for configurable widgets. */
+.dashboard-widget-control-form {
+	overflow: hidden;
+}
+
 .dashboard-widget-control-form p {
 	margin-top: 0;
 }
 
 .rssSummary {
-	color: #72777c;
+	color: #777;
 	margin-top: 4px;
 }
 
 #dashboard_primary .rss-widget {
+	border-bottom: 1px solid #eee;
 	font-size: 13px;
-	padding: 0 12px 0;
+	padding: 8px 12px 10px;
 }
 
 #dashboard_primary .rss-widget:last-child {
@@ -495,12 +306,12 @@ body #dashboard-widgets .postbox form .submit {
 }
 
 #dashboard_primary .rss-widget a {
-	font-weight: 400;
+	font-weight: normal;
 }
 
 #dashboard_primary .rss-widget span,
 #dashboard_primary .rss-widget span.rss-date {
-	color: #72777c;
+	color: #777;
 }
 
 #dashboard_primary .rss-widget span.rss-date {
@@ -508,8 +319,7 @@ body #dashboard-widgets .postbox form .submit {
 }
 
 #dashboard_primary .rss-widget ul li {
-	padding: 4px 0;
-	margin: 0;
+	margin-bottom: 8px;
 }
 
 /* Dashboard right now */
@@ -550,23 +360,25 @@ body #dashboard-widgets .postbox form .submit {
 	overflow: hidden;
 }
 
-#dashboard-widgets h3.mu-storage {
-	margin: 0 0 10px;
-	padding: 0;
-	font-size: 14px;
-	font-weight: 400;
+#dashboard-widgets h4.mu-storage {
+	margin-bottom: 10px;
 }
 
 /* Dashboard right now - Colors */
 
+#dashboard_right_now li a:before,
+#dashboard_right_now li span:before {
+	color: #82878c;
+}
+
 #dashboard_right_now .sub {
-	color: #555d66;
+	color: #777;
 	background: #f5f5f5;
 	border-top: 1px solid #eee;
 	padding: 10px 12px 6px 12px;
 }
 
-#dashboard_right_now .sub h3 {
+#dashboard_right_now .sub h4 {
 	color: #555;
 }
 
@@ -579,6 +391,49 @@ body #dashboard-widgets .postbox form .submit {
 	color: #d54e21;
 }
 
+/* Dashboard right now - Icons */
+#dashboard_right_now li a:before,
+#dashboard_right_now li span:before {
+	content: '\f159';
+	font: normal 20px/1 'dashicons';
+	speak: none;
+	display: block;
+	float: left;
+	margin: 0 5px 0 0;
+	padding: 0;
+	text-indent: 0;
+	text-align: center;
+	position: relative;
+	-webkit-font-smoothing: antialiased;
+	text-decoration: none !important;
+}
+
+#dashboard_right_now .page-count a:before,
+#dashboard_right_now .page-count span:before {
+	content: '\f105';
+}
+
+#dashboard_right_now .post-count a:before,
+#dashboard_right_now .post-count span:before {
+	content: '\f109';
+}
+
+#dashboard_right_now .comment-count a:before {
+	content: '\f101';
+}
+
+#dashboard_right_now .comment-mod-count a:before {
+	content: '\f125';
+}
+
+#dashboard_right_now .storage-count a:before {
+	content: '\f104';
+}
+
+#dashboard_right_now .storage-count.warning a:before {
+	content: '\f153';
+}
+
 /* Dashboard Quick Draft */
 
 #dashboard_quick_press .inside {
@@ -638,7 +493,7 @@ form.initial-form.quickpress-open input#title {
 
 #title-wrap #title-prompt-text,
 .textarea-wrap #content-prompt-text {
-	color: #72777c;
+	color: #777;
 }
 
 #title-wrap #title-prompt-text {
@@ -682,13 +537,18 @@ form.initial-form.quickpress-open input#title {
 	border: none;
 }
 
+#dashboard_quick_press .drafts h4 {
+	margin: 0 12px 8px;
+	font-weight: normal;
+}
+
 #dashboard_quick_press .drafts .view-all {
 	float: right;
 	margin: 0 12px 0 0;
 }
 
 #dashboard_primary a.rsswidget {
-	font-weight: 400;
+	font-weight: normal;
 }
 
 #dashboard_quick_press .drafts ul {
@@ -699,7 +559,7 @@ form.initial-form.quickpress-open input#title {
 	margin-bottom: 1em;
 }
 #dashboard_quick_press .drafts li time {
-	color: #72777c;
+	color: #777;
 }
 
 #dashboard_quick_press .drafts p {
@@ -716,34 +576,29 @@ form.initial-form.quickpress-open input#title {
 	margin: 0 5px 0 0;
 }
 
-/* Dashboard common styles */
-
-#dashboard-widgets h4, /* Back-compat for pre-4.4 */
-#dashboard-widgets h3,
-#dashboard_quick_press .drafts h2 {
-	margin: 0 12px 8px;
-	padding: 0;
-	font-size: 14px;
-	font-weight: 400;
-	color: #23282d;
-}
-
-#dashboard_quick_press .drafts h2 {
-	line-height: inherit;
-}
-
-#dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */
-#dashboard-widgets .inside h3 {
-	margin-left: 0;
-	margin-right: 0;
-}
-
 /* Dashboard activity widget */
 
+#dashboard-widgets #dashboard_activity h4 {
+	margin: 0 0 8px 12px;
+	font-weight: normal;
+}
+
+#dashboard-widgets #dashboard_activity h4.comment-meta {
+	margin: 0;
+}
+
+#dashboard_activity h4.comment-meta {
+	margin-bottom: 4px;
+}
+
+#dashboard_activity ul {
+	padding: 0 12px;
+}
+
 #dashboard_activity .comment-meta span.approve:before {
-	content: "\f227";
-	font: 20px/.5 dashicons;
-	margin-left: 5px;
+	content: '\f227';
+	font: 20px/.5 "dashicons";
+	margin-left: 12px;
 	vertical-align: middle;
 	position: relative;
 	top: -1px;
@@ -751,18 +606,18 @@ form.initial-form.quickpress-open input#title {
 }
 
 #dashboard_activity .inside {
+	padding: 0;
 	margin: 0;
-	padding-bottom: 0;
 }
 
 #dashboard_activity .no-activity {
 	overflow: hidden;
-	padding: 0 0 12px;
+	padding: 0 12px 12px;
 	text-align: center;
 }
 
 #dashboard_activity .no-activity p {
-	color: #72777c;
+	color: #999;
 	font-size: 16px;
 }
 
@@ -771,8 +626,8 @@ form.initial-form.quickpress-open input#title {
 }
 
 #dashboard_activity .no-activity .smiley:before {
-	content: "\f328";
-	font: normal 120px/1 dashicons;
+	content: '\f328';
+	font: normal 120px/1 'dashicons';
 	speak: none;
 	display: block;
 	margin: 0 5px 0 0;
@@ -786,16 +641,11 @@ form.initial-form.quickpress-open input#title {
 
 #dashboard_activity .subsubsub {
 	float: none;
-	border-top: 1px solid #eee;
-	margin: 0 -12px;
+	border-top: 1px solid #eeeeee;
+	margin-top: 0;
 	padding: 8px 12px 4px;
 }
 
-#dashboard_activity .subsubsub a .count,
-#dashboard_activity .subsubsub a.current .count {
-	color: #72777c; /* white background on the dashboard but #f1f1f1 on list tables */
-}
-
 #future-posts ul,
 #published-posts ul {
 	clear: both;
@@ -812,13 +662,13 @@ form.initial-form.quickpress-open input#title {
 	display: inline-block;
 	margin-right: 5px;
 	min-width: 150px;
-	color: #72777c;
+	color: #777;
 }
 
 .activity-block {
 	border-bottom: 1px solid #eee;
-	margin: 0 -12px;
-	padding: 8px 12px 4px;
+	overflow: hidden;
+	padding: 8px 0 4px;
 }
 
 .activity-block:last-child {
@@ -847,7 +697,7 @@ form.initial-form.quickpress-open input#title {
 
 #activity-widget #the-comment-list .avatar {
 	position: absolute;
-	top: 12px;
+	top: 13px;
 }
 
 #activity-widget #the-comment-list .dashboard-comment-wrap {
@@ -858,6 +708,11 @@ form.initial-form.quickpress-open input#title {
 	margin: 1em 0;
 }
 
+#activity-widget #the-comment-list .comment-item h4 {
+	font-size: 13px;
+	color: #999;
+}
+
 #activity-widget #the-comment-list .comment-item p.row-actions {
 	margin: 4px 0 0 0;
 }
@@ -893,17 +748,12 @@ form.initial-form.quickpress-open input#title {
 	margin: 10px;
 }
 
-.postbox .button-link .edit-box {
+.edit-box {
 	display: none;
 }
 
-.edit-box {
-	opacity: 0;
-}
-
-.hndle:hover .edit-box,
-.edit-box:focus {
-	opacity: 1;
+h3:hover .edit-box {
+	display: inline;
 }
 
 #dashboard-widgets form .input-text-wrap input {
@@ -925,18 +775,31 @@ form.initial-form.quickpress-open input#title {
 	min-width: 0;
 }
 
-#dashboard-widgets a,
-#dashboard-widgets .button-link {
+#dashboard-widgets a {
 	text-decoration: none;
 }
 
-#dashboard-widgets h2 a {
+#dashboard-widgets h3 a {
 	text-decoration: underline;
 }
 
-#dashboard-widgets .hndle .postbox-title-action {
-	float: right;
-	line-height: 1.2;
+#dashboard-widgets h3 .postbox-title-action {
+	position: absolute;
+	right: 10px;
+	padding: 0;
+	top: 5px;
+}
+
+.js #dashboard-widgets h3 .postbox-title-action {
+	right: 33px;
+}
+
+#dashboard-widgets h4 {
+	color: #23282d;
+	font-weight: normal;
+	font-size: 14px;
+	margin: 0 0 .2em;
+	padding: 0;
 }
 
 #dashboard_plugins h5 {
@@ -947,7 +810,6 @@ form.initial-form.quickpress-open input#title {
 
 #latest-comments #the-comment-list {
 	position: relative;
-	margin: 0 -12px;
 }
 
 #activity-widget #the-comment-list .comment,
@@ -961,11 +823,7 @@ form.initial-form.quickpress-open input#title {
 }
 
 #activity-widget #latest-comments #the-comment-list .comment-item {
-	/* the row-actions paragraph is output only for users with 'edit_comment' capabilities,
-	   for other users this needs a min height equal to the gravatar image */
-	min-height: 50px;
-	margin: 0;
-	padding: 12px;
+	padding: 1em 12px;
 }
 
 #latest-comments #the-comment-list .pingback {
@@ -976,15 +834,15 @@ form.initial-form.quickpress-open input#title {
 	border-top: none;
 }
 
-#latest-comments #the-comment-list .comment-meta {
+#latest-comments #the-comment-list .comment-item h4 {
 	line-height: 1.5em;
-	margin: 0;
+	margin-top: 0;
 	color: #666;
 }
 
-#latest-comments #the-comment-list .comment-meta cite {
+#latest-comments #the-comment-list .comment-item h4 cite {
 	font-style: normal;
-	font-weight: 400;
+	font-weight: normal;
 }
 
 #latest-comments #the-comment-list .comment-item blockquote,
@@ -1026,9 +884,9 @@ form.initial-form.quickpress-open input#title {
 }
 
 a.rsswidget {
-	font-size: 13px;
+	font-size: 14px;
 	font-weight: 600;
-	line-height: 1.4em;
+	line-height: 1.7em;
 }
 
 .rss-widget ul li {
@@ -1037,7 +895,7 @@ a.rsswidget {
 }
 
 .rss-widget span.rss-date {
-	color: #72777c;
+	color: #999;
 	font-size: 13px;
 	margin-left: 3px;
 }
@@ -1050,7 +908,7 @@ a.rsswidget {
 }
 
 .rss-widget cite:before {
-	content: "\2014";
+	content: '\2014';
 }
 
 .dashboard-comment-wrap {
@@ -1089,12 +947,12 @@ a.rsswidget {
 	box-shadow: none;
 }
 
-#dashboard_browser_nag.postbox.browser-insecure h2 {
+#dashboard_browser_nag.postbox.browser-insecure h3 {
 	border-bottom-color: #cd5a5a;
 	color: #fff;
 }
 
-#dashboard_browser_nag.postbox h2 {
+#dashboard_browser_nag.postbox h3 {
 	border-bottom-color: #f6e2ac;
 	background: transparent none;
 	color: #fff;
@@ -1106,7 +964,9 @@ a.rsswidget {
 	color: #fff;
 }
 
-#dashboard_browser_nag h2.hndle {
+/* Make the browser nags easier to read with Open Sans */
+
+#dashboard_browser_nag h3.hndle {
 	border: none;
 	font-weight: 600;
 	font-size: 20px;
@@ -1153,11 +1013,6 @@ a.rsswidget {
 		min-height: 0;
 	}
 
-	#dashboard-widgets #postbox-container-3 .empty-container:after,
-	#dashboard-widgets #postbox-container-4 .empty-container:after {
-		display: none;
-	}
-
 	#wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
 		width: 100%;
 	}
@@ -1178,10 +1033,6 @@ a.rsswidget {
 	.columns-prefs .columns-prefs-4 {
 		display: none;
 	}
-
-	.metabox-holder .postbox-container .empty-container:after {
-		display: block;
-	}
 }
 
 /* three columns on the dash */
@@ -1204,14 +1055,6 @@ a.rsswidget {
 		height: 0;
 		min-height: 0;
 	}
-
-	#dashboard-widgets #postbox-container-4 .empty-container:after {
-		display: none;
-	}
-
-	.metabox-holder .postbox-container .empty-container:after {
-		display: block;
-	}
 }
 
 @media screen and (max-width: 870px) {
@@ -1239,35 +1082,6 @@ a.rsswidget {
 		width: 30px;
 		margin: 4px 10px 5px 0;
 	}
-
-	.community-events-toggle-location {
-		height: 38px;
-		vertical-align: baseline;
-	}
-
-	.community-events-form .regular-text {
-		height: 32px;
-	}
-
-	#community-events-submit {
-		margin-bottom: 0;
-		/* Override .wp-core-ui .button */
-		vertical-align: top;
-	}
-
-	.community-events-form label,
-	#dashboard-widgets .community-events-cancel.button-link {
-		/* Same properties as the submit button for cross-browsers alignment. */
-		font-size: 14px;
-		line-height: normal;
-		height: auto;
-		padding: 6px 0;
-		border: 1px solid transparent;
-	}
-
-	.community-events .spinner {
-		margin-top: 7px;
-	}
 }
 
 /* Smartphone */
@@ -1291,30 +1105,3 @@ a.rsswidget {
 		left: -35px;
 	}
 }
-
-@media screen and (min-width: 355px) {
-	.community-events .event-info {
-		display: table-row;
-		float: left;
-		max-width: 59%;
-	}
-
-	.event-icon,
-	.event-icon[aria-hidden="true"] {
-		display: table-cell;
-	}
-
-	.event-info-inner {
-		display: table-cell;
-	}
-
-	.community-events .event-date-time {
-		float: right;
-		max-width: 39%;
-	}
-
-	.community-events .event-date,
-	.community-events .event-time {
-		text-align: right;
-	}
-}

wp-admin/css/deprecated-media-rtl.css

@@ -3,9 +3,9 @@
 div#media-upload-header {
 	margin: 0;
 	padding: 5px 5px 0;
-	font-weight: 600;
+	font-weight: bold;
 	position: relative;
-	border-bottom: 1px solid #ddd;
+	border-bottom: 1px solid #dfdfdf;
 	background: #f9f9f9;
 }
 
@@ -19,7 +19,7 @@ div#media-upload-header {
 	padding-right: 10px;
 	list-style: none;
 	font-size: 12px;
-	font-weight: 400;
+	font-weight: normal;
 }
 
 #sidemenu a {
@@ -28,7 +28,7 @@ div#media-upload-header {
 	float: right;
 	line-height: 28px;
 	border-top: 1px solid #f9f9f9;
-	border-bottom: 1px solid #ddd;
+	border-bottom: 1px solid #dfdfdf;
 	background-color: #f9f9f9;
 	text-decoration: none;
 	-webkit-transition: none;
@@ -46,10 +46,10 @@ div#media-upload-header {
 }
 
 #sidemenu a.current {
-	font-weight: 400;
+	font-weight: normal;
 	padding-right: 6px;
 	padding-left: 6px;
-	border: 1px solid #ddd;
+	border: 1px solid #dfdfdf;
 	border-bottom-color: #f1f1f1;
 	background-color: #f1f1f1;
 	color: #000;
@@ -62,18 +62,13 @@ div#media-upload-header {
 }
 
 #media-upload .slidetoggle {
-	border-top-color: #ddd;
+	border-top-color: #dfdfdf;
 }
 
 #media-upload input[type="radio"] {
 	padding: 0;
 }
 
-.media-upload-form label.form-help,
-td.help {
-	color: #72777c;
-}
-
 form {
 	margin: 1em;
 }
@@ -89,7 +84,7 @@ th {
 .media-upload-form label.form-help, td.help {
 	font-family: sans-serif;
 	font-style: italic;
-	font-weight: 400;
+	font-weight: normal;
 }
 
 .media-upload-form p.help {
@@ -152,8 +147,7 @@ thead.media-item-info tr {
 	border: 8px solid #fff;
 }
 
-abbr.required,
-span.required {
+abbr.required {
 	text-decoration: none;
 	border: none;
 }
@@ -187,7 +181,7 @@ span.required {
 #media-upload label.help {
 	font-family: sans-serif;
 	font-style: italic;
-	font-weight: 400;
+	font-weight: normal;
 }
 
 #media-upload .ui-sortable .media-item {
@@ -276,7 +270,7 @@ span.required {
 	clear: both;
 	padding: 0 0 3px;
 	font-size: 1.6em;
-	border-bottom: 1px solid #ddd;
+	border-bottom: 1px solid #DADADA;
 }
 
 h3.media-title  {
@@ -284,7 +278,7 @@ h3.media-title  {
 }
 
 h4.media-sub-title  {
-	border-bottom: 1px solid #ddd;
+	border-bottom: 1px solid #DADADA;
 	font-size: 1.3em;
 	margin: 12px;
 	padding: 0 0 3px;
@@ -294,7 +288,7 @@ h4.media-sub-title  {
 h3.media-title,
 h4.media-sub-title {
 	font-family: Georgia,"Times New Roman",Times,serif;
-	font-weight: 400;
+	font-weight: normal;
 	color: #5A5A5A;
 }
 
@@ -328,7 +322,7 @@ h4.media-sub-title {
 #gallery-settings label,
 #gallery-settings legend {
 	font-size: 13px;
-	color: #444;
+	color: #464646;
 	margin-left: 15px;
 }
 
@@ -337,7 +331,7 @@ h4.media-sub-title {
 }
 
 #gallery-settings p.ml-submit {
-	border-top: 1px solid #ddd;
+	border-top: 1px solid #dfdfdf;
 }
 
 #gallery-settings select#columns {
@@ -365,14 +359,9 @@ h4.media-sub-title {
 }
 
 p.media-types {
-	margin: 0;
 	padding: 1em;
 }
 
-p.media-types-required-info {
-	padding-top: 0;
-}
-
 tr.not-image {
 	display: none;
 }

wp-admin/css/deprecated-media.css

@@ -3,9 +3,9 @@
 div#media-upload-header {
 	margin: 0;
 	padding: 5px 5px 0;
-	font-weight: 600;
+	font-weight: bold;
 	position: relative;
-	border-bottom: 1px solid #ddd;
+	border-bottom: 1px solid #dfdfdf;
 	background: #f9f9f9;
 }
 
@@ -19,7 +19,7 @@ div#media-upload-header {
 	padding-left: 10px;
 	list-style: none;
 	font-size: 12px;
-	font-weight: 400;
+	font-weight: normal;
 }
 
 #sidemenu a {
@@ -28,7 +28,7 @@ div#media-upload-header {
 	float: left;
 	line-height: 28px;
 	border-top: 1px solid #f9f9f9;
-	border-bottom: 1px solid #ddd;
+	border-bottom: 1px solid #dfdfdf;
 	background-color: #f9f9f9;
 	text-decoration: none;
 	-webkit-transition: none;
@@ -46,10 +46,10 @@ div#media-upload-header {
 }
 
 #sidemenu a.current {
-	font-weight: 400;
+	font-weight: normal;
 	padding-left: 6px;
 	padding-right: 6px;
-	border: 1px solid #ddd;
+	border: 1px solid #dfdfdf;
 	border-bottom-color: #f1f1f1;
 	background-color: #f1f1f1;
 	color: #000;
@@ -62,18 +62,13 @@ div#media-upload-header {
 }
 
 #media-upload .slidetoggle {
-	border-top-color: #ddd;
+	border-top-color: #dfdfdf;
 }
 
 #media-upload input[type="radio"] {
 	padding: 0;
 }
 
-.media-upload-form label.form-help,
-td.help {
-	color: #72777c;
-}
-
 form {
 	margin: 1em;
 }
@@ -89,7 +84,7 @@ th {
 .media-upload-form label.form-help, td.help {
 	font-family: sans-serif;
 	font-style: italic;
-	font-weight: 400;
+	font-weight: normal;
 }
 
 .media-upload-form p.help {
@@ -152,8 +147,7 @@ thead.media-item-info tr {
 	border: 8px solid #fff;
 }
 
-abbr.required,
-span.required {
+abbr.required {
 	text-decoration: none;
 	border: none;
 }
@@ -187,7 +181,7 @@ span.required {
 #media-upload label.help {
 	font-family: sans-serif;
 	font-style: italic;
-	font-weight: 400;
+	font-weight: normal;
 }
 
 #media-upload .ui-sortable .media-item {
@@ -276,7 +270,7 @@ span.required {
 	clear: both;
 	padding: 0 0 3px;
 	font-size: 1.6em;
-	border-bottom: 1px solid #ddd;
+	border-bottom: 1px solid #DADADA;
 }
 
 h3.media-title  {
@@ -284,7 +278,7 @@ h3.media-title  {
 }
 
 h4.media-sub-title  {
-	border-bottom: 1px solid #ddd;
+	border-bottom: 1px solid #DADADA;
 	font-size: 1.3em;
 	margin: 12px;
 	padding: 0 0 3px;
@@ -294,7 +288,7 @@ h4.media-sub-title  {
 h3.media-title,
 h4.media-sub-title {
 	font-family: Georgia,"Times New Roman",Times,serif;
-	font-weight: 400;
+	font-weight: normal;
 	color: #5A5A5A;
 }
 
@@ -328,7 +322,7 @@ h4.media-sub-title {
 #gallery-settings label,
 #gallery-settings legend {
 	font-size: 13px;
-	color: #444;
+	color: #464646;
 	margin-right: 15px;
 }
 
@@ -337,7 +331,7 @@ h4.media-sub-title {
 }
 
 #gallery-settings p.ml-submit {
-	border-top: 1px solid #ddd;
+	border-top: 1px solid #dfdfdf;
 }
 
 #gallery-settings select#columns {
@@ -365,14 +359,9 @@ h4.media-sub-title {
 }
 
 p.media-types {
-	margin: 0;
 	padding: 1em;
 }
 
-p.media-types-required-info {
-	padding-top: 0;
-}
-
 tr.not-image {
 	display: none;
 }

wp-admin/css/edit-rtl.css

@@ -24,13 +24,9 @@
 }
 
 #save-action .spinner,
-#show-comments a {
-	float: right;
-}
-
+#show-comments a,
 #show-comments .spinner {
-	float: none;
-	margin-top: 0;
+	float: right;
 }
 
 #lost-connection-notice .spinner {
@@ -68,12 +64,18 @@
 }
 
 #titlediv #title-prompt-text {
-	color: #72777c;
+	color: #777;
 	position: absolute;
 	font-size: 1.7em;
 	padding: 11px 10px;
 }
 
+#poststuff .inside-submitbox,
+#side-sortables .inside-submitbox {
+	margin: 0 3px;
+	font-size: 11px;
+}
+
 input#link_description,
 input#link_url {
 	width: 98%;
@@ -87,8 +89,7 @@ input#link_url {
 	margin-top: -1px;
 }
 
-#edit-slug-box,
-#comment-link-box {
+#edit-slug-box {
 	line-height: 24px;
 	min-height: 25px; /* Yes, line-height + 1 */
 	margin-top: 5px;
@@ -98,27 +99,20 @@ input#link_url {
 
 #edit-slug-box .cancel {
 	margin-left: 10px;
-	padding: 0;
 	font-size: 11px;
 }
 
-#comment-link-box {
-	margin: 5px 0;
-	padding: 0 5px;
-}
-
 #editable-post-name-full {
 	display: none;
 }
 
 #editable-post-name {
-	font-weight: 600;
+	background-color: #fffbcc;
 }
 
 #editable-post-name input {
 	font-size: 13px;
-	font-weight: 400;
-	height: 24px;
+	height: 22px;
 	margin: 0;
 	width: 16em;
 }
@@ -127,8 +121,25 @@ input#link_url {
 	float: right;
 }
 
-body.post-new-php .submitbox .submitdelete {
-	display: none;
+.submitbox .submit {
+	text-align: right;
+	padding: 12px 10px 10px;
+	font-size: 11px;
+	background-color: #464646;
+	color: #ccc;
+}
+
+.submitbox .submitdelete {
+	text-decoration: none;
+	padding: 1px 2px;
+}
+
+/* @todo: do we really need this? word on the street is we don't and this
+stray rule may actually be compensated for elsewhere. */
+#normal-sortables .submitbox .submitdelete:hover {
+	color: #000;
+	background-color: #f00;
+	border-bottom-color: #f00;
 }
 
 .submitbox .submit a:hover {
@@ -141,6 +152,10 @@ body.post-new-php .submitbox .submitdelete {
 	padding: 6px;
 }
 
+.inside-submitbox #post_status {
+	margin: 2px -2px 2px 0;
+}
+
 #post-status-select {
 	margin-top: 3px;
 }
@@ -213,15 +228,8 @@ ul.category-tabs li,
 	margin: 8px 0 5px;
 }
 
-/* Back-compat for pre-4.4 */
 #category-adder h4 {
-    margin: 0;
-}
-
-.taxonomy-add-new {
-	display: inline-block;
 	margin: 10px 0;
-	font-weight: 600;
 }
 
 #side-sortables .add-menu-item-tabs,
@@ -232,8 +240,7 @@ ul.category-tabs li,
 #normal-sortables .postbox #replyrow .submit {
 	float: none;
 	margin: 0;
-	padding: 5px 7px 10px;
-	overflow: hidden;
+	padding: 0 7px 5px;
 }
 
 #side-sortables .submitbox .submit input,
@@ -242,6 +249,11 @@ ul.category-tabs li,
 	border: 0 none;
 }
 
+#side-sortables .inside-submitbox .insidebox,
+.stuffbox .insidebox {
+	margin: 11px 0;
+}
+
 /* @todo: make this a more generic class */
 ul.category-tabs,
 ul.add-menu-item-tabs,
@@ -258,7 +270,7 @@ ul.add-menu-item-tabs li {
 ul.category-tabs li.tabs,
 ul.add-menu-item-tabs li.tabs,
 .wp-tab-active {
-	border: 1px solid #ddd;
+	border: 1px solid #dfdfdf;
 	border-bottom-color: #fdfdfd;
 	background-color: #fdfdfd;
 }
@@ -266,24 +278,13 @@ ul.add-menu-item-tabs li.tabs,
 ul.category-tabs li,
 ul.add-menu-item-tabs li,
 ul.wp-tab-bar li {
-	padding: 3px 5px 6px;
-}
-
-#set-post-thumbnail {
-	display: inline-block;
-	max-width: 100%;
+	padding: 3px 5px 5px;
 }
 
 #postimagediv .inside img {
 	max-width: 100%;
 	height: auto;
 	width: auto;
-	vertical-align: top;
-	background-image: -webkit-linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), -webkit-linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
-	background-image: linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
-	background-position: 100% 0, 10px 10px;
-	-webkit-background-size: 20px 20px;
-	background-size: 20px 20px;
 }
 
 form#tags-filter {
@@ -339,10 +340,8 @@ form#tags-filter {
 	cursor: row-resize;
 }
 
-/*rtl:ignore*/
 .rtl #content-resize-handle {
-	background-image: url(../images/resize-rtl.gif);
-	background-position: left bottom;
+	background: transparent url(../images/resize-rtl.gif) no-repeat scroll right bottom;
 }
 
 .wp-editor-expand #content-resize-handle {
@@ -362,6 +361,16 @@ form#tags-filter {
 	position: relative;
 }
 
+#content-textarea-clone {
+	z-index: -1;
+	position: absolute;
+	top: 0;
+	visibility: hidden;
+	overflow: hidden;
+	max-width: 100%;
+	border: 1px solid transparent;
+}
+
 .wp-editor-expand #wp-content-editor-tools {
 	z-index: 1000;
 	border-bottom: 1px solid #e5e5e5;
@@ -449,7 +458,7 @@ form#tags-filter {
 	height: auto !important;
 }
 
-#post-body .misc-pub-post-status:before,
+#misc-publishing-actions label[for="post_status"]:before,
 #post-body #visibility:before,
 .curtime #timestamp:before,
 #post-body .misc-pub-revisions:before,
@@ -457,36 +466,33 @@ span.wp-media-buttons-icon:before {
 	color: #82878c;
 }
 
-#post-body .misc-pub-post-status:before,
 #post-body #visibility:before,
 .curtime #timestamp:before,
 #post-body .misc-pub-revisions:before {
-	font: normal 20px/1 dashicons;
+	font: normal 20px/1 'dashicons';
 	speak: none;
 	display: inline-block;
-	margin-right: -1px;
-	padding-left: 3px;
+	padding: 0 0 0 2px;
+	top: 0;
+	right: -1px;
+	position: relative;
 	vertical-align: top;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
-}
-
-#post-body .misc-pub-post-status:before {
-	content: "\f173";
+	text-decoration: none !important;
 }
 
 #post-body #visibility:before {
-	content: "\f177";
+	content: '\f177';
 }
 
 .curtime #timestamp:before {
-	content: "\f145";
-	position: relative;
+	content: '\f145';
 	top: -1px;
 }
 
 #post-body .misc-pub-revisions:before {
-	content: "\f321";
+	content: '\f321';
 }
 
 #timestampdiv {
@@ -580,9 +586,10 @@ span.wp-media-buttons-icon:before {
 	position: absolute;
 }
 
-.tagchecklist > span {
-	float: right;
+.tagchecklist span {
 	margin-left: 25px;
+	display: block;
+	float: right;
 	font-size: 13px;
 	line-height: 1.8em;
 	cursor: default;
@@ -591,21 +598,27 @@ span.wp-media-buttons-icon:before {
 	text-overflow: ellipsis;
 }
 
-.tagchecklist .ntdelbutton {
-	position: absolute;
-	width: 24px;
-	height: 24px;
-	border: none;
-	margin: 0 -19px 0 0;
-	padding: 0;
-	background: none;
+.tagchecklist span a {
+	margin: 1px -17px 0 0;
 	cursor: pointer;
+	width: 20px;
+	height: 20px;
+	display: block;
+	float: right;
 	text-indent: 0;
+	overflow: hidden;
+	position: absolute;
 }
 
-#poststuff h3.hndle, /* Back-compat for pre-4.4 */
-#poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
 #poststuff h2 {
+	margin-top: 20px;
+	font-size: 1.5em;
+	margin-bottom: 15px;
+	padding: 0 0 3px;
+	clear: right;
+}
+
+#poststuff h3 {
 	font-size: 14px;
 	padding: 8px 12px;
 	margin: 0;
@@ -621,26 +634,29 @@ span.wp-media-buttons-icon:before {
 	max-width: 100%;
 }
 
+#poststuff .inside label.spam,
+#poststuff .inside label.deleted {
+	color: red;
+}
+
+#poststuff .inside label.waiting {
+	color: orange;
+}
+
+#poststuff .inside label.approved {
+	color: green;
+}
+
 .ie8 #poststuff .inside #parent_id,
 .ie8 #poststuff .inside #page_template {
 	width: 250px;
 }
 
-.post-attributes-label-wrapper {
-	margin-bottom: 0.5em;
-}
-
-.post-attributes-label {
-	vertical-align: baseline;
-	font-weight: 600;
-}
-
 #post-visibility-select {
 	line-height: 1.5em;
 	margin-top: 3px;
 }
 
-#linksubmitdiv .inside, /* Old Link Manager back-compat. */
 #poststuff #submitdiv .inside {
 	margin: 0;
 	padding: 0;
@@ -684,7 +700,7 @@ span.wp-media-buttons-icon:before {
 #postcustomstuff table {
 	margin: 0;
 	width: 100%;
-	border: 1px solid #ddd;
+	border: 1px solid #dfdfdf;
 	border-spacing: 0;
 	background-color: #f9f9f9;
 }
@@ -786,7 +802,7 @@ span.wp-media-buttons-icon:before {
 	display: block;
 	height: 20px;
 	width: 20px;
-	font: normal 20px/1 dashicons !important;
+	font: normal 20px/1 'dashicons' !important;
 	speak: none;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
@@ -825,7 +841,7 @@ label.post-format-icon {
 	position: relative;
 	display: inline-block;
 	margin-left: 7px;
-	font: normal 20px/1 dashicons;
+	font: normal 20px/1 'dashicons';
 	speak: none;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
@@ -834,61 +850,61 @@ label.post-format-icon {
 .post-state-format.post-format-standard:before,
 .post-format-icon.post-format-standard:before,
 a.post-state-format.format-standard:before {
-	content: "\f109";
+	content: '\f109';
 }
 
 .post-state-format.post-format-image:before,
 .post-format-icon.post-format-image:before,
 a.post-state-format.format-image:before {
-	content: "\f128";
+	content: '\f128';
 }
 
 .post-state-format.post-format-gallery:before,
 .post-format-icon.post-format-gallery:before,
 a.post-state-format.format-gallery:before {
-	content: "\f161";
+	content: '\f161';
 }
 
 .post-state-format.post-format-audio:before,
 .post-format-icon.post-format-audio:before,
 a.post-state-format.format-audio:before {
-	content: "\f127";
+	content: '\f127';
 }
 
 .post-state-format.post-format-video:before,
 .post-format-icon.post-format-video:before,
 a.post-state-format.format-video:before {
-	content: "\f126";
+	content: '\f126';
 }
 
 .post-state-format.post-format-chat:before,
 .post-format-icon.post-format-chat:before,
 a.post-state-format.format-chat:before {
-	content: "\f125";
+	content: '\f125';
 }
 
 .post-state-format.post-format-status:before,
 .post-format-icon.post-format-status:before,
 a.post-state-format.format-status:before {
-	content: "\f130";
+	content: '\f130';
 }
 
 .post-state-format.post-format-aside:before,
 .post-format-icon.post-format-aside:before,
 a.post-state-format.format-aside:before {
-	content: "\f123";
+	content: '\f123';
 }
 
 .post-state-format.post-format-quote:before,
 .post-format-icon.post-format-quote:before,
 a.post-state-format.format-quote:before {
-	content: "\f122";
+	content: '\f122';
 }
 
 .post-state-format.post-format-link:before,
 .post-format-icon.post-format-link:before,
 a.post-state-format.format-link:before {
-	content: "\f103";
+	content: '\f103';
 }
 
 /*------------------------------------------------------------------------------
@@ -917,7 +933,7 @@ a.post-state-format.format-link:before {
 	max-height: 200px;
 	overflow: auto;
 	padding: 0 0.9em;
-	border: solid 1px #ddd;
+	border: solid 1px #dfdfdf;
 	background-color: #fdfdfd;
 }
 
@@ -955,9 +971,15 @@ ul.categorychecklist li {
 	border-style: solid;
 }
 
+.form-wrap p,
+.form-wrap label {
+	font-size: 11px;
+}
+
 .form-wrap label {
 	display: block;
-	padding: 2px 0;
+	padding: 2px;
+	font-size: 12px;
 }
 
 .form-field input[type="text"],
@@ -988,15 +1010,15 @@ span.description,
 }
 
 .form-wrap .form-field {
-	margin: 1em 0;
-	padding: 0;
+	margin: 0 0 10px;
+	padding: 8px 0;
 }
 
 .form-wrap .form-field #parent {
 	max-width: 100%;
 }
 
-.col-wrap h2 {
+.col-wrap h3 {
 	margin: 12px 0;
 	font-size: 1.1em;
 }
@@ -1005,9 +1027,6 @@ span.description,
 	margin-top: -10px;
 }
 
-.edit-term-notes {
-	margin-top: 2em;
-}
 
 /*------------------------------------------------------------------------------
   13.0 - Tags
@@ -1054,19 +1073,18 @@ p.popular-tags a {
 	text-align: justify;
 }
 
-.tagcloud h2 {
+.tagcloud h3 {
 	margin: 2px 0 12px;
 }
 
-/* Suggest.js autocomplete, no more used by core. */
 .ac_results {
-	display: none;
-	margin: -1px 0 0;
 	padding: 0;
+	margin: 0;
 	list-style: none;
 	position: absolute;
 	z-index: 10000;
-	border: 1px solid #5b9dd9;
+	display: none;
+	border: 1px solid #808080;
 	background-color: #fff;
 }
 
@@ -1075,16 +1093,14 @@ p.popular-tags a {
 }
 
 .ac_results li {
-	margin: 0;
-	padding: 5px 10px;
+	padding: 2px 5px;
 	white-space: nowrap;
+	color: #101010;
 	text-align: right;
 }
 
-.ac_results .ac_over,
-.ac_over .ac_match {
-	background-color: #0073aa;
-	color: #fff;
+.ac_over {
+	background-color: #f0f0b8;
 	cursor: pointer;
 }
 
@@ -1092,17 +1108,6 @@ p.popular-tags a {
 	text-decoration: underline;
 }
 
-#edittag {
-	max-width: 800px;
-}
-
-.edit-tag-actions {
-	margin-top: 20px;
-	overflow: hidden;
-	padding: 10px;
-	margin-left: 10px;
-}
-
 /* Comments */
 
 .comment-php .wp-editor-area {
@@ -1114,29 +1119,6 @@ p.popular-tags a {
 	padding: 10px 15px;
 }
 
-.comment-ays .comment-content ul {
-	list-style: initial;
-	margin-right: 2em;
-}
-
-.comment-ays .comment-content a[href]:after {
-	content: '(' attr( href ) ')';
-	display: inline-block;
-	padding: 0 4px;
-	color: #72777C;
-	font-size: 13px;
-	word-break: break-all;
-}
-
-.comment-ays .comment-content p.edit-comment {
-	margin-top: 10px;
-}
-
-.comment-ays .comment-content p.edit-comment a[href]:after {
-	content: '';
-	padding: 0;
-}
-
 .comment-ays-submit .button-cancel {
 	margin-right: 1em;
 }
@@ -1179,7 +1161,7 @@ table.links-table {
 }
 
 .links-table th {
-	font-weight: 400;
+	font-weight: normal;
 	text-align: right;
 	vertical-align: top;
 	min-width: 80px;
@@ -1219,7 +1201,6 @@ table.links-table {
 }
 
 .focus-on .wrap > h1,
-.focus-on .page-title-action,
 .focus-on #wpfooter,
 .focus-on .postbox-container > *,
 .focus-on div.updated,
@@ -1243,7 +1224,6 @@ table.links-table {
 }
 
 .focus-off .wrap > h1,
-.focus-off .page-title-action,
 .focus-off #wpfooter,
 .focus-off .postbox-container > *,
 .focus-off div.updated,
@@ -1271,9 +1251,7 @@ table.links-table {
 	-webkit-transition-duration: 0.6s;
 	transition-duration: 0.6s;
 	-webkit-transition-property: -webkit-transform;
-	transition-property: -webkit-transform;
 	transition-property: transform;
-	transition-property: transform, -webkit-transform;
 	-webkit-transition-timing-function: ease-in-out;
 	transition-timing-function: ease-in-out;
 }
@@ -1293,9 +1271,7 @@ table.links-table {
 	-webkit-transition-duration: 0.2s;
 	transition-duration: 0.2s;
 	-webkit-transition-property: -webkit-transform;
-	transition-property: -webkit-transform;
 	transition-property: transform;
-	transition-property: transform, -webkit-transform;
 	-webkit-transition-timing-function: ease-in-out;
 	transition-timing-function: ease-in-out;
 }
@@ -1316,11 +1292,9 @@ table.links-table {
 		background-size: 11px 11px;
 	}
 
-	/*rtl:ignore*/
 	.rtl #content-resize-handle,
 	.rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
-		background-image: url(../images/resize-rtl-2x.gif);
-		background-position: left bottom;
+		background: transparent url(../images/resize-rtl-2x.gif) no-repeat scroll left bottom;
 	}
 }
 
@@ -1359,10 +1333,6 @@ table.links-table {
 }
 
 @media screen and ( max-width: 782px ) {
-	.wp-core-ui .edit-tag-actions .button-primary {
-		margin-bottom: 0;
-	}
-
 	#post-body-content {
 		min-width: 0;
 	}
@@ -1371,9 +1341,7 @@ table.links-table {
 		padding: 10px 10px;
 	}
 
-	#poststuff h3.hndle, /* Back-compat for pre-4.4 */
-	#poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
-	#poststuff h2 {
+	#poststuff h3 {
 		padding: 12px;
 	}
 
@@ -1462,7 +1430,7 @@ table.links-table {
 		margin: 25px 10px;
 	}
 
-	.tagchecklist > span {
+	.tagchecklist span {
 		font-size: 16px;
 		line-height: 1.4;
 	}
@@ -1526,14 +1494,17 @@ table.links-table {
 	}
 
 	#wp-content-media-buttons a {
-		font-size: 14px;
-		padding: 6px 10px;
+		font-size: 16px;
+		line-height: 37px;
+		height: 39px;
+		padding: 0 15px 0 20px;
 	}
 
 	.wp-media-buttons span.wp-media-buttons-icon,
 	.wp-media-buttons span.jetpack-contact-form-icon {
 		width: 22px !important;
-		margin-right: -2px !important;
+		margin-top: -3px !important;
+		margin-right: -5px !important;
 	}
 
 	.wp-media-buttons .add_media span.wp-media-buttons-icon:before,
@@ -1584,3 +1555,11 @@ table.links-table {
 		padding: 10px 0;
 	}
 }
+
+@media only screen and (max-width: 500px) {
+	/* Align Add Media + Visual + Text tabs */
+	#wp-content-media-buttons a {
+		font-size: 14px;
+		padding: 0 10px 0 10px;
+	}
+}

wp-admin/css/edit.css

@@ -24,13 +24,9 @@
 }
 
 #save-action .spinner,
-#show-comments a {
-	float: left;
-}
-
+#show-comments a,
 #show-comments .spinner {
-	float: none;
-	margin-top: 0;
+	float: left;
 }
 
 #lost-connection-notice .spinner {
@@ -68,12 +64,18 @@
 }
 
 #titlediv #title-prompt-text {
-	color: #72777c;
+	color: #777;
 	position: absolute;
 	font-size: 1.7em;
 	padding: 11px 10px;
 }
 
+#poststuff .inside-submitbox,
+#side-sortables .inside-submitbox {
+	margin: 0 3px;
+	font-size: 11px;
+}
+
 input#link_description,
 input#link_url {
 	width: 98%;
@@ -87,8 +89,7 @@ input#link_url {
 	margin-top: -1px;
 }
 
-#edit-slug-box,
-#comment-link-box {
+#edit-slug-box {
 	line-height: 24px;
 	min-height: 25px; /* Yes, line-height + 1 */
 	margin-top: 5px;
@@ -98,27 +99,20 @@ input#link_url {
 
 #edit-slug-box .cancel {
 	margin-right: 10px;
-	padding: 0;
 	font-size: 11px;
 }
 
-#comment-link-box {
-	margin: 5px 0;
-	padding: 0 5px;
-}
-
 #editable-post-name-full {
 	display: none;
 }
 
 #editable-post-name {
-	font-weight: 600;
+	background-color: #fffbcc;
 }
 
 #editable-post-name input {
 	font-size: 13px;
-	font-weight: 400;
-	height: 24px;
+	height: 22px;
 	margin: 0;
 	width: 16em;
 }
@@ -127,8 +121,25 @@ input#link_url {
 	float: left;
 }
 
-body.post-new-php .submitbox .submitdelete {
-	display: none;
+.submitbox .submit {
+	text-align: left;
+	padding: 12px 10px 10px;
+	font-size: 11px;
+	background-color: #464646;
+	color: #ccc;
+}
+
+.submitbox .submitdelete {
+	text-decoration: none;
+	padding: 1px 2px;
+}
+
+/* @todo: do we really need this? word on the street is we don't and this
+stray rule may actually be compensated for elsewhere. */
+#normal-sortables .submitbox .submitdelete:hover {
+	color: #000;
+	background-color: #f00;
+	border-bottom-color: #f00;
 }
 
 .submitbox .submit a:hover {
@@ -141,6 +152,10 @@ body.post-new-php .submitbox .submitdelete {
 	padding: 6px;
 }
 
+.inside-submitbox #post_status {
+	margin: 2px 0 2px -2px;
+}
+
 #post-status-select {
 	margin-top: 3px;
 }
@@ -213,15 +228,8 @@ ul.category-tabs li,
 	margin: 8px 0 5px;
 }
 
-/* Back-compat for pre-4.4 */
 #category-adder h4 {
-    margin: 0;
-}
-
-.taxonomy-add-new {
-	display: inline-block;
 	margin: 10px 0;
-	font-weight: 600;
 }
 
 #side-sortables .add-menu-item-tabs,
@@ -232,8 +240,7 @@ ul.category-tabs li,
 #normal-sortables .postbox #replyrow .submit {
 	float: none;
 	margin: 0;
-	padding: 5px 7px 10px;
-	overflow: hidden;
+	padding: 0 7px 5px;
 }
 
 #side-sortables .submitbox .submit input,
@@ -242,6 +249,11 @@ ul.category-tabs li,
 	border: 0 none;
 }
 
+#side-sortables .inside-submitbox .insidebox,
+.stuffbox .insidebox {
+	margin: 11px 0;
+}
+
 /* @todo: make this a more generic class */
 ul.category-tabs,
 ul.add-menu-item-tabs,
@@ -258,7 +270,7 @@ ul.add-menu-item-tabs li {
 ul.category-tabs li.tabs,
 ul.add-menu-item-tabs li.tabs,
 .wp-tab-active {
-	border: 1px solid #ddd;
+	border: 1px solid #dfdfdf;
 	border-bottom-color: #fdfdfd;
 	background-color: #fdfdfd;
 }
@@ -266,24 +278,13 @@ ul.add-menu-item-tabs li.tabs,
 ul.category-tabs li,
 ul.add-menu-item-tabs li,
 ul.wp-tab-bar li {
-	padding: 3px 5px 6px;
-}
-
-#set-post-thumbnail {
-	display: inline-block;
-	max-width: 100%;
+	padding: 3px 5px 5px;
 }
 
 #postimagediv .inside img {
 	max-width: 100%;
 	height: auto;
 	width: auto;
-	vertical-align: top;
-	background-image: -webkit-linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), -webkit-linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
-	background-image: linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
-	background-position: 0 0, 10px 10px;
-	-webkit-background-size: 20px 20px;
-	background-size: 20px 20px;
 }
 
 form#tags-filter {
@@ -339,10 +340,8 @@ form#tags-filter {
 	cursor: row-resize;
 }
 
-/*rtl:ignore*/
 .rtl #content-resize-handle {
-	background-image: url(../images/resize-rtl.gif);
-	background-position: left bottom;
+	background: transparent url(../images/resize-rtl.gif) no-repeat scroll left bottom;
 }
 
 .wp-editor-expand #content-resize-handle {
@@ -362,6 +361,16 @@ form#tags-filter {
 	position: relative;
 }
 
+#content-textarea-clone {
+	z-index: -1;
+	position: absolute;
+	top: 0;
+	visibility: hidden;
+	overflow: hidden;
+	max-width: 100%;
+	border: 1px solid transparent;
+}
+
 .wp-editor-expand #wp-content-editor-tools {
 	z-index: 1000;
 	border-bottom: 1px solid #e5e5e5;
@@ -449,7 +458,7 @@ form#tags-filter {
 	height: auto !important;
 }
 
-#post-body .misc-pub-post-status:before,
+#misc-publishing-actions label[for="post_status"]:before,
 #post-body #visibility:before,
 .curtime #timestamp:before,
 #post-body .misc-pub-revisions:before,
@@ -457,36 +466,33 @@ span.wp-media-buttons-icon:before {
 	color: #82878c;
 }
 
-#post-body .misc-pub-post-status:before,
 #post-body #visibility:before,
 .curtime #timestamp:before,
 #post-body .misc-pub-revisions:before {
-	font: normal 20px/1 dashicons;
+	font: normal 20px/1 'dashicons';
 	speak: none;
 	display: inline-block;
-	margin-left: -1px;
-	padding-right: 3px;
+	padding: 0 2px 0 0;
+	top: 0;
+	left: -1px;
+	position: relative;
 	vertical-align: top;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
-}
-
-#post-body .misc-pub-post-status:before {
-	content: "\f173";
+	text-decoration: none !important;
 }
 
 #post-body #visibility:before {
-	content: "\f177";
+	content: '\f177';
 }
 
 .curtime #timestamp:before {
-	content: "\f145";
-	position: relative;
+	content: '\f145';
 	top: -1px;
 }
 
 #post-body .misc-pub-revisions:before {
-	content: "\f321";
+	content: '\f321';
 }
 
 #timestampdiv {
@@ -580,9 +586,10 @@ span.wp-media-buttons-icon:before {
 	position: absolute;
 }
 
-.tagchecklist > span {
-	float: left;
+.tagchecklist span {
 	margin-right: 25px;
+	display: block;
+	float: left;
 	font-size: 13px;
 	line-height: 1.8em;
 	cursor: default;
@@ -591,21 +598,27 @@ span.wp-media-buttons-icon:before {
 	text-overflow: ellipsis;
 }
 
-.tagchecklist .ntdelbutton {
-	position: absolute;
-	width: 24px;
-	height: 24px;
-	border: none;
-	margin: 0 0 0 -19px;
-	padding: 0;
-	background: none;
+.tagchecklist span a {
+	margin: 1px 0 0 -17px;
 	cursor: pointer;
+	width: 20px;
+	height: 20px;
+	display: block;
+	float: left;
 	text-indent: 0;
+	overflow: hidden;
+	position: absolute;
 }
 
-#poststuff h3.hndle, /* Back-compat for pre-4.4 */
-#poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
 #poststuff h2 {
+	margin-top: 20px;
+	font-size: 1.5em;
+	margin-bottom: 15px;
+	padding: 0 0 3px;
+	clear: left;
+}
+
+#poststuff h3 {
 	font-size: 14px;
 	padding: 8px 12px;
 	margin: 0;
@@ -621,26 +634,29 @@ span.wp-media-buttons-icon:before {
 	max-width: 100%;
 }
 
+#poststuff .inside label.spam,
+#poststuff .inside label.deleted {
+	color: red;
+}
+
+#poststuff .inside label.waiting {
+	color: orange;
+}
+
+#poststuff .inside label.approved {
+	color: green;
+}
+
 .ie8 #poststuff .inside #parent_id,
 .ie8 #poststuff .inside #page_template {
 	width: 250px;
 }
 
-.post-attributes-label-wrapper {
-	margin-bottom: 0.5em;
-}
-
-.post-attributes-label {
-	vertical-align: baseline;
-	font-weight: 600;
-}
-
 #post-visibility-select {
 	line-height: 1.5em;
 	margin-top: 3px;
 }
 
-#linksubmitdiv .inside, /* Old Link Manager back-compat. */
 #poststuff #submitdiv .inside {
 	margin: 0;
 	padding: 0;
@@ -684,7 +700,7 @@ span.wp-media-buttons-icon:before {
 #postcustomstuff table {
 	margin: 0;
 	width: 100%;
-	border: 1px solid #ddd;
+	border: 1px solid #dfdfdf;
 	border-spacing: 0;
 	background-color: #f9f9f9;
 }
@@ -786,7 +802,7 @@ span.wp-media-buttons-icon:before {
 	display: block;
 	height: 20px;
 	width: 20px;
-	font: normal 20px/1 dashicons !important;
+	font: normal 20px/1 'dashicons' !important;
 	speak: none;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
@@ -825,7 +841,7 @@ label.post-format-icon {
 	position: relative;
 	display: inline-block;
 	margin-right: 7px;
-	font: normal 20px/1 dashicons;
+	font: normal 20px/1 'dashicons';
 	speak: none;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
@@ -834,61 +850,61 @@ label.post-format-icon {
 .post-state-format.post-format-standard:before,
 .post-format-icon.post-format-standard:before,
 a.post-state-format.format-standard:before {
-	content: "\f109";
+	content: '\f109';
 }
 
 .post-state-format.post-format-image:before,
 .post-format-icon.post-format-image:before,
 a.post-state-format.format-image:before {
-	content: "\f128";
+	content: '\f128';
 }
 
 .post-state-format.post-format-gallery:before,
 .post-format-icon.post-format-gallery:before,
 a.post-state-format.format-gallery:before {
-	content: "\f161";
+	content: '\f161';
 }
 
 .post-state-format.post-format-audio:before,
 .post-format-icon.post-format-audio:before,
 a.post-state-format.format-audio:before {
-	content: "\f127";
+	content: '\f127';
 }
 
 .post-state-format.post-format-video:before,
 .post-format-icon.post-format-video:before,
 a.post-state-format.format-video:before {
-	content: "\f126";
+	content: '\f126';
 }
 
 .post-state-format.post-format-chat:before,
 .post-format-icon.post-format-chat:before,
 a.post-state-format.format-chat:before {
-	content: "\f125";
+	content: '\f125';
 }
 
 .post-state-format.post-format-status:before,
 .post-format-icon.post-format-status:before,
 a.post-state-format.format-status:before {
-	content: "\f130";
+	content: '\f130';
 }
 
 .post-state-format.post-format-aside:before,
 .post-format-icon.post-format-aside:before,
 a.post-state-format.format-aside:before {
-	content: "\f123";
+	content: '\f123';
 }
 
 .post-state-format.post-format-quote:before,
 .post-format-icon.post-format-quote:before,
 a.post-state-format.format-quote:before {
-	content: "\f122";
+	content: '\f122';
 }
 
 .post-state-format.post-format-link:before,
 .post-format-icon.post-format-link:before,
 a.post-state-format.format-link:before {
-	content: "\f103";
+	content: '\f103';
 }
 
 /*------------------------------------------------------------------------------
@@ -917,7 +933,7 @@ a.post-state-format.format-link:before {
 	max-height: 200px;
 	overflow: auto;
 	padding: 0 0.9em;
-	border: solid 1px #ddd;
+	border: solid 1px #dfdfdf;
 	background-color: #fdfdfd;
 }
 
@@ -955,9 +971,15 @@ ul.categorychecklist li {
 	border-style: solid;
 }
 
+.form-wrap p,
+.form-wrap label {
+	font-size: 11px;
+}
+
 .form-wrap label {
 	display: block;
-	padding: 2px 0;
+	padding: 2px;
+	font-size: 12px;
 }
 
 .form-field input[type="text"],
@@ -988,15 +1010,15 @@ span.description,
 }
 
 .form-wrap .form-field {
-	margin: 1em 0;
-	padding: 0;
+	margin: 0 0 10px;
+	padding: 8px 0;
 }
 
 .form-wrap .form-field #parent {
 	max-width: 100%;
 }
 
-.col-wrap h2 {
+.col-wrap h3 {
 	margin: 12px 0;
 	font-size: 1.1em;
 }
@@ -1005,9 +1027,6 @@ span.description,
 	margin-top: -10px;
 }
 
-.edit-term-notes {
-	margin-top: 2em;
-}
 
 /*------------------------------------------------------------------------------
   13.0 - Tags
@@ -1054,19 +1073,18 @@ p.popular-tags a {
 	text-align: justify;
 }
 
-.tagcloud h2 {
+.tagcloud h3 {
 	margin: 2px 0 12px;
 }
 
-/* Suggest.js autocomplete, no more used by core. */
 .ac_results {
-	display: none;
-	margin: -1px 0 0;
 	padding: 0;
+	margin: 0;
 	list-style: none;
 	position: absolute;
 	z-index: 10000;
-	border: 1px solid #5b9dd9;
+	display: none;
+	border: 1px solid #808080;
 	background-color: #fff;
 }
 
@@ -1075,16 +1093,14 @@ p.popular-tags a {
 }
 
 .ac_results li {
-	margin: 0;
-	padding: 5px 10px;
+	padding: 2px 5px;
 	white-space: nowrap;
+	color: #101010;
 	text-align: left;
 }
 
-.ac_results .ac_over,
-.ac_over .ac_match {
-	background-color: #0073aa;
-	color: #fff;
+.ac_over {
+	background-color: #f0f0b8;
 	cursor: pointer;
 }
 
@@ -1092,17 +1108,6 @@ p.popular-tags a {
 	text-decoration: underline;
 }
 
-#edittag {
-	max-width: 800px;
-}
-
-.edit-tag-actions {
-	margin-top: 20px;
-	overflow: hidden;
-	padding: 10px;
-	margin-right: 10px;
-}
-
 /* Comments */
 
 .comment-php .wp-editor-area {
@@ -1114,29 +1119,6 @@ p.popular-tags a {
 	padding: 10px 15px;
 }
 
-.comment-ays .comment-content ul {
-	list-style: initial;
-	margin-left: 2em;
-}
-
-.comment-ays .comment-content a[href]:after {
-	content: '(' attr( href ) ')';
-	display: inline-block;
-	padding: 0 4px;
-	color: #72777C;
-	font-size: 13px;
-	word-break: break-all;
-}
-
-.comment-ays .comment-content p.edit-comment {
-	margin-top: 10px;
-}
-
-.comment-ays .comment-content p.edit-comment a[href]:after {
-	content: '';
-	padding: 0;
-}
-
 .comment-ays-submit .button-cancel {
 	margin-left: 1em;
 }
@@ -1179,7 +1161,7 @@ table.links-table {
 }
 
 .links-table th {
-	font-weight: 400;
+	font-weight: normal;
 	text-align: left;
 	vertical-align: top;
 	min-width: 80px;
@@ -1219,7 +1201,6 @@ table.links-table {
 }
 
 .focus-on .wrap > h1,
-.focus-on .page-title-action,
 .focus-on #wpfooter,
 .focus-on .postbox-container > *,
 .focus-on div.updated,
@@ -1243,7 +1224,6 @@ table.links-table {
 }
 
 .focus-off .wrap > h1,
-.focus-off .page-title-action,
 .focus-off #wpfooter,
 .focus-off .postbox-container > *,
 .focus-off div.updated,
@@ -1271,9 +1251,7 @@ table.links-table {
 	-webkit-transition-duration: 0.6s;
 	transition-duration: 0.6s;
 	-webkit-transition-property: -webkit-transform;
-	transition-property: -webkit-transform;
 	transition-property: transform;
-	transition-property: transform, -webkit-transform;
 	-webkit-transition-timing-function: ease-in-out;
 	transition-timing-function: ease-in-out;
 }
@@ -1293,9 +1271,7 @@ table.links-table {
 	-webkit-transition-duration: 0.2s;
 	transition-duration: 0.2s;
 	-webkit-transition-property: -webkit-transform;
-	transition-property: -webkit-transform;
 	transition-property: transform;
-	transition-property: transform, -webkit-transform;
 	-webkit-transition-timing-function: ease-in-out;
 	transition-timing-function: ease-in-out;
 }
@@ -1316,11 +1292,9 @@ table.links-table {
 		background-size: 11px 11px;
 	}
 
-	/*rtl:ignore*/
 	.rtl #content-resize-handle,
 	.rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
-		background-image: url(../images/resize-rtl-2x.gif);
-		background-position: left bottom;
+		background: transparent url(../images/resize-rtl-2x.gif) no-repeat scroll right bottom;
 	}
 }
 
@@ -1359,10 +1333,6 @@ table.links-table {
 }
 
 @media screen and ( max-width: 782px ) {
-	.wp-core-ui .edit-tag-actions .button-primary {
-		margin-bottom: 0;
-	}
-
 	#post-body-content {
 		min-width: 0;
 	}
@@ -1371,9 +1341,7 @@ table.links-table {
 		padding: 10px 10px;
 	}
 
-	#poststuff h3.hndle, /* Back-compat for pre-4.4 */
-	#poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
-	#poststuff h2 {
+	#poststuff h3 {
 		padding: 12px;
 	}
 
@@ -1462,7 +1430,7 @@ table.links-table {
 		margin: 25px 10px;
 	}
 
-	.tagchecklist > span {
+	.tagchecklist span {
 		font-size: 16px;
 		line-height: 1.4;
 	}
@@ -1526,14 +1494,17 @@ table.links-table {
 	}
 
 	#wp-content-media-buttons a {
-		font-size: 14px;
-		padding: 6px 10px;
+		font-size: 16px;
+		line-height: 37px;
+		height: 39px;
+		padding: 0 20px 0 15px;
 	}
 
 	.wp-media-buttons span.wp-media-buttons-icon,
 	.wp-media-buttons span.jetpack-contact-form-icon {
 		width: 22px !important;
-		margin-left: -2px !important;
+		margin-top: -3px !important;
+		margin-left: -5px !important;
 	}
 
 	.wp-media-buttons .add_media span.wp-media-buttons-icon:before,
@@ -1584,3 +1555,11 @@ table.links-table {
 		padding: 10px 0;
 	}
 }
+
+@media only screen and (max-width: 500px) {
+	/* Align Add Media + Visual + Text tabs */
+	#wp-content-media-buttons a {
+		font-size: 14px;
+		padding: 0 10px 0 10px;
+	}
+}

wp-admin/css/farbtastic-rtl.min.css

@@ -1 +0,0 @@
-.farbtastic{position:relative}.farbtastic *{position:absolute;cursor:crosshair}.farbtastic,.farbtastic .wheel{width:195px;height:195px}.farbtastic .color,.farbtastic .overlay{top:47px;right:47px;width:101px;height:101px}.farbtastic .wheel{background:url(../images/wheel.png) no-repeat;width:195px;height:195px}.farbtastic .overlay{background:url(../images/mask.png) no-repeat}.farbtastic .marker{width:17px;height:17px;margin:-8px -8px 0 0;overflow:hidden;background:url(../images/marker.png) no-repeat}

wp-admin/css/farbtastic.min.css

@@ -1 +0,0 @@
-.farbtastic{position:relative}.farbtastic *{position:absolute;cursor:crosshair}.farbtastic,.farbtastic .wheel{width:195px;height:195px}.farbtastic .color,.farbtastic .overlay{top:47px;left:47px;width:101px;height:101px}.farbtastic .wheel{background:url(../images/wheel.png) no-repeat;width:195px;height:195px}.farbtastic .overlay{background:url(../images/mask.png) no-repeat}.farbtastic .marker{width:17px;height:17px;margin:-8px 0 0 -8px;overflow:hidden;background:url(../images/marker.png) no-repeat}

wp-admin/css/forms-rtl.css

@@ -16,6 +16,7 @@ input[type="datetime-local"],
 input[type="email"],
 input[type="month"],
 input[type="number"],
+input[type="password"],
 input[type="search"],
 input[type="radio"],
 input[type="tel"],
@@ -44,6 +45,7 @@ input[type="datetime-local"]:focus,
 input[type="email"]:focus,
 input[type="month"]:focus,
 input[type="number"]:focus,
+input[type="password"]:focus,
 input[type="search"]:focus,
 input[type="tel"]:focus,
 input[type="text"]:focus,
@@ -65,12 +67,6 @@ input[type="url"] {
 	direction: ltr;
 }
 
-/* Vertically align the number selector with the input. */
-input[type="number"] {
-	height: 28px;
-	line-height: 1;
-}
-
 input[type="checkbox"],
 input[type="radio"] {
 	border: 1px solid #b4b9be;
@@ -131,20 +127,20 @@ input[type="radio"]:checked:before {
 	display: inline-block;
 	vertical-align: middle;
 	width: 16px;
-	font: normal 21px/1 dashicons;
+	font: normal 21px/1 'dashicons';
 	speak: none;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
 
 input[type="checkbox"]:checked:before {
-	content: "\f147";
+	content: '\f147';
 	margin: -3px -4px 0 0;
 	color: #1e8cbe;
 }
 
 input[type="radio"]:checked:before {
-	content: "\2022";
+	content: '\2022';
 	text-indent: -9999px;
 	-webkit-border-radius: 50px;
 	border-radius: 50px;
@@ -199,12 +195,10 @@ textarea {
 	overflow: auto;
 	padding: 2px 6px;
 	line-height: 1.4;
-	resize: vertical;
 }
 
 .wp-admin input[type="file"] {
 	padding: 3px 0;
-	cursor: pointer;
 }
 
 label {
@@ -233,17 +227,9 @@ textarea[readonly] {
 	background-color: #eee;
 }
 
-::-webkit-input-placeholder {
-	color: #72777c;
-}
-
-::-moz-placeholder {
-   color: #72777c;
-   opacity: 1;
-}
-
-:-ms-input-placeholder {
-	color: #72777c;
+:-moz-placeholder,
+.wp-core-ui :-moz-placeholder {
+   color: #a9a9a9;
 }
 
 .form-invalid input, .form-invalid input:focus,
@@ -254,7 +240,7 @@ textarea[readonly] {
 }
 
 .form-table .form-required.form-invalid td:after {
-	content: "\f534";
+	content: '\f534';
 	font: normal 20px/1 dashicons;
 	color: #dc3232;
 	margin-right: -25px;
@@ -298,7 +284,6 @@ input[type="range"].disabled {
 	background: none;
 	-webkit-box-shadow: none;
 	box-shadow: none;
-	cursor: default;
 }
 
 input[type="checkbox"]:disabled,
@@ -386,7 +371,7 @@ textarea.large-text {
 	width: 99%;
 }
 
-.regular-text {
+input.regular-text {
 	width: 25em;
 }
 
@@ -399,14 +384,6 @@ input[type="number"].small-text {
 	width: 65px;
 }
 
-input.tiny-text {
-	width: 35px;
-}
-
-input[type="number"].tiny-text {
-	width: 45px;
-}
-
 #doaction,
 #doaction2,
 #post-query-submit {
@@ -438,6 +415,10 @@ input[type="number"].tiny-text {
 	margin-right: 1em;
 }
 
+#upload-form label {
+	color: #777;
+}
+
 button.wp-hide-pw > .dashicons {
 	position: relative;
 	top: 3px;
@@ -458,6 +439,21 @@ fieldset label,
 	vertical-align: baseline;
 }
 
+#misc-publishing-actions label[for="post_status"]:before {
+	content: '\f173';
+	display: inline-block;
+	font: normal 20px/1 'dashicons';
+	speak: none;
+	right: -1px;
+	padding: 0 0 0 5px;
+	position: relative;
+	top: 0;
+	text-decoration: none !important;
+	vertical-align: top;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
 #pass-strength-result {
 	background-color: #eee;
 	border: 1px solid #ddd;
@@ -551,16 +547,6 @@ p.search-box {
 	margin: 0 0 0 4px;
 }
 
-.js.plugins-php .search-box .wp-filter-search {
-	margin: 0;
-	width: 280px;
-	font-size: 16px;
-	font-weight: 300;
-	line-height: 1.5;
-	padding: 3px 5px;
-	height: 32px;
-}
-
 input[type="text"].ui-autocomplete-loading,
 input[type="email"].ui-autocomplete-loading {
 	background-image: url(../images/loading.gif);
@@ -594,18 +580,11 @@ ul#add-to-blog-users {
 	padding: 4px 10px;
 	white-space: nowrap;
 	text-align: right;
-	cursor: pointer;
 }
 
-/* Colors for the wplink toolbar autocomplete. */
-.ui-autocomplete .ui-state-focus {
+.ui-autocomplete li.ui-state-focus {
 	background-color: #ddd;
-}
-
-/* Colors for the tags autocomplete. */
-.wp-tags-autocomplete .ui-state-focus {
-	background-color: #0073aa;
-	color: #fff;
+	cursor: pointer;
 }
 
 /*------------------------------------------------------------------------------
@@ -622,7 +601,8 @@ ul#add-to-blog-users {
 .form-table,
 .form-table td,
 .form-table th,
-.form-table td p {
+.form-table td p,
+.form-wrap label {
 	font-size: 14px;
 }
 
@@ -636,7 +616,7 @@ ul#add-to-blog-users {
 .form-table th,
 .form-wrap label {
 	color: #23282d;
-	font-weight: 400;
+	font-weight: normal;
 	text-shadow: none;
 	vertical-align: baseline;
 }
@@ -650,10 +630,8 @@ ul#add-to-blog-users {
 	font-weight: 600;
 }
 
-.form-table th.th-full, /* Not used by core. Back-compat for pre-4.8 */
-.form-table .td-full {
+.form-table th.th-full {
 	width: auto;
-	padding: 20px 0 20px 10px;
 	font-weight: 400;
 }
 
@@ -662,14 +640,6 @@ ul#add-to-blog-users {
 	margin-bottom: 0;
 }
 
-.form-table .date-time-doc {
-	margin-top: 1em;
-}
-
-.form-table p.timezone-info {
-	margin: 1em 0;
-}
-
 .form-table td fieldset label {
 	margin: 0.25em 0 0.5em !important;
 	display: inline-block;
@@ -765,22 +735,10 @@ table.form-table td .updated p {
 .tool-box .title {
 	margin: 8px 0;
 	font-size: 18px;
-	font-weight: 400;
+	font-weight: normal;
 	line-height: 24px;
 }
 
-.label-responsive {
-	vertical-align: middle;
-}
-
-#export-filters p {
-	margin: 0 0 1em;
-}
-
-#export-filters p.submit {
-	margin: 7px 0 5px;
-}
-
 /* Card styles */
 
 .card {
@@ -825,10 +783,10 @@ table.form-table td .updated p {
 	position: relative;
 	cursor: move;
 	color: #32373c;
-	background: #e5e5e5;
+	background: #e6e6e6;
 	-webkit-border-radius: 5px;
 	border-radius: 5px;
-	border: 1px solid #b4b9be;
+	border: 1px solid #b4b4b4;
 	font-style: normal;
 	line-height: 16px;
 	font-size: 14px;
@@ -840,7 +798,7 @@ table.form-table td .updated p {
 }
 
 .pressthis-bookmarklet:after {
-	content: "";
+	content: '';
 	width: 70%;
 	height: 55%;
 	z-index: -1;
@@ -870,9 +828,9 @@ table.form-table td .updated p {
 }
 
 .pressthis-bookmarklet span:before {
-	color: #72777c;
-	font: normal 20px/1 dashicons;
-	content: "\f157";
+	color: #777;
+	font: normal 20px/1 'dashicons';
+	content:'\f157';
 	position: relative;
 	display: inline-block;
 	top: 4px;
@@ -886,6 +844,11 @@ table.form-table td .updated p {
 	vertical-align: top;
 }
 
+.pressthis-js-toggle .dashicons {
+	margin: 5px 7px 6px 8px;
+	color: #777;
+}
+
 /* to override the button class being applied */
 .pressthis-js-toggle.button.button {
 	margin-right: 10px;
@@ -896,15 +859,16 @@ table.form-table td .updated p {
 
 .pressthis-js-toggle .dashicons {
 	margin: 5px 7px 6px 8px;
-	color: #555d66;
+	color: #777;
 }
 
 /*------------------------------------------------------------------------------
   20.0 - Settings
 ------------------------------------------------------------------------------*/
 
-.timezone-info code {
-	white-space: nowrap;
+#utc-time, #local-time {
+	padding-right: 25px;
+	font-style: italic;
 }
 
 .defaultavatarpicker .avatar {
@@ -912,11 +876,6 @@ table.form-table td .updated p {
 	vertical-align: middle;
 }
 
-.options-general-php .date-time-text {
-	display: inline-block;
-	min-width: 10em;
-}
-
 .options-general-php input.small-text {
 	width: 56px;
 }
@@ -976,7 +935,7 @@ table.form-table td .updated p {
 }
 
 .request-filesystem-credentials-dialog .notification-dialog {
-	top: 10%;
+	top: 15%;
 	max-height: 85%;
 }
 
@@ -984,17 +943,6 @@ table.form-table td .updated p {
 	margin: 25px;
 }
 
-#request-filesystem-credentials-title {
-    font-size: 1.3em;
-    margin: 1em 0;
-}
-
-.request-filesystem-credentials-form legend {
-	font-size: 1em;
-	padding: 1.33em 0;
-	font-weight: 600;
-}
-
 .request-filesystem-credentials-form input[type="text"],
 .request-filesystem-credentials-form input[type="password"] {
 	display: block;
@@ -1034,10 +982,6 @@ table.form-table td .updated p {
 	margin-left: 10px;
 }
 
-.request-filesystem-credentials-dialog #auth-keys-desc {
-	margin-bottom: 0;
-}
-
 #request-filesystem-credentials-dialog .button:not(:last-child) {
 	margin-left: 10px;
 }
@@ -1050,43 +994,6 @@ table.form-table td .updated p {
 	display: inline;
 }
 
-.request-filesystem-credentials-dialog .ftp-username,
-.request-filesystem-credentials-dialog .ftp-password {
-	float: none;
-	width: auto;
-}
-
-.request-filesystem-credentials-dialog .ftp-username {
-	margin-bottom: 1em;
-}
-
-.request-filesystem-credentials-dialog .ftp-password {
-	margin: 0;
-}
-
-.request-filesystem-credentials-dialog .ftp-password em {
-	color: #888;
-}
-
-.request-filesystem-credentials-dialog label {
-	display: block;
-	line-height: 1.5;
-	margin-bottom: 1em;
-}
-
-.request-filesystem-credentials-form legend {
-	padding-bottom: 0;
-}
-
-.request-filesystem-credentials-form #ssh-keys legend {
-	font-size: 1.3em;
-}
-
-.request-filesystem-credentials-form .notice {
-	margin: 0 0 20px 0;
-	clear: both;
-}
-
 
 /* =Media Queries
 -------------------------------------------------------------- */
@@ -1106,10 +1013,6 @@ table.form-table td .updated p {
 		padding: 6px 10px;
 	}
 
-	input[type="number"] {
-		height: 40px;
-	}
-
 	input.code {
 		padding-bottom: 5px;
 		padding-top: 10px;
@@ -1133,7 +1036,7 @@ table.form-table td .updated p {
 	.widefat th input[type="checkbox"]:before,
 	.widefat thead td input[type="checkbox"]:before,
 	.widefat tfoot td input[type="checkbox"]:before {
-		font: normal 30px/1 dashicons;
+		font: normal 30px/1 'Dashicons';
 		margin: -3px -5px;
 	}
 
@@ -1182,21 +1085,12 @@ table.form-table td .updated p {
 	}
 
 	.form-table th,
-	.form-table td,
-	.label-responsive {
+	.form-table td {
 		display: block;
 		width: auto;
 		vertical-align: middle;
 	}
 
-	.label-responsive {
-		margin: 0.5em 0;
-	}
-
-	.export-filters li {
-		margin-bottom: 0;
-	}
-
 	.form-table .color-palette td {
 		display: table-cell;
 		width: 15px;
@@ -1323,11 +1217,16 @@ table.form-table td .updated p {
 		display: block;
 	}
 
+	#utc-time {
+		margin-top: 10px;
+	}
+
 	#utc-time,
 	#local-time {
 		display: block;
 		float: none;
-		margin-top: 0.5em;
+		padding: 0;
+		line-height: 2;
 	}
 
 	.form-field #domain {
@@ -1366,11 +1265,6 @@ table.form-table td .updated p {
 	.wp-pwd .button .text {
 		display: none;
 	}
-
-	.options-general-php input[type="text"].small-text {
-		max-width: 60px;
-		margin: 0;
-	}
 }
 
 @media only screen and (max-width: 768px) {
@@ -1413,10 +1307,3 @@ table.form-table td .updated p {
 		width: 49%;
 	}
 }
-
-@media only screen and (max-width: 320px) {
-	.options-general-php .date-time-text.date-time-custom-text {
-		min-width: 0;
-		margin-left: 0.5em;
-	}
-}

wp-admin/css/forms.css

@@ -16,6 +16,7 @@ input[type="datetime-local"],
 input[type="email"],
 input[type="month"],
 input[type="number"],
+input[type="password"],
 input[type="search"],
 input[type="radio"],
 input[type="tel"],
@@ -44,6 +45,7 @@ input[type="datetime-local"]:focus,
 input[type="email"]:focus,
 input[type="month"]:focus,
 input[type="number"]:focus,
+input[type="password"]:focus,
 input[type="search"]:focus,
 input[type="tel"]:focus,
 input[type="text"]:focus,
@@ -65,12 +67,6 @@ input[type="url"] {
 	direction: ltr;
 }
 
-/* Vertically align the number selector with the input. */
-input[type="number"] {
-	height: 28px;
-	line-height: 1;
-}
-
 input[type="checkbox"],
 input[type="radio"] {
 	border: 1px solid #b4b9be;
@@ -131,20 +127,20 @@ input[type="radio"]:checked:before {
 	display: inline-block;
 	vertical-align: middle;
 	width: 16px;
-	font: normal 21px/1 dashicons;
+	font: normal 21px/1 'dashicons';
 	speak: none;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
 
 input[type="checkbox"]:checked:before {
-	content: "\f147";
+	content: '\f147';
 	margin: -3px 0 0 -4px;
 	color: #1e8cbe;
 }
 
 input[type="radio"]:checked:before {
-	content: "\2022";
+	content: '\2022';
 	text-indent: -9999px;
 	-webkit-border-radius: 50px;
 	border-radius: 50px;
@@ -199,12 +195,10 @@ textarea {
 	overflow: auto;
 	padding: 2px 6px;
 	line-height: 1.4;
-	resize: vertical;
 }
 
 .wp-admin input[type="file"] {
 	padding: 3px 0;
-	cursor: pointer;
 }
 
 label {
@@ -233,17 +227,9 @@ textarea[readonly] {
 	background-color: #eee;
 }
 
-::-webkit-input-placeholder {
-	color: #72777c;
-}
-
-::-moz-placeholder {
-   color: #72777c;
-   opacity: 1;
-}
-
-:-ms-input-placeholder {
-	color: #72777c;
+:-moz-placeholder,
+.wp-core-ui :-moz-placeholder {
+   color: #a9a9a9;
 }
 
 .form-invalid input, .form-invalid input:focus,
@@ -254,7 +240,7 @@ textarea[readonly] {
 }
 
 .form-table .form-required.form-invalid td:after {
-	content: "\f534";
+	content: '\f534';
 	font: normal 20px/1 dashicons;
 	color: #dc3232;
 	margin-left: -25px;
@@ -298,7 +284,6 @@ input[type="range"].disabled {
 	background: none;
 	-webkit-box-shadow: none;
 	box-shadow: none;
-	cursor: default;
 }
 
 input[type="checkbox"]:disabled,
@@ -386,7 +371,7 @@ textarea.large-text {
 	width: 99%;
 }
 
-.regular-text {
+input.regular-text {
 	width: 25em;
 }
 
@@ -399,14 +384,6 @@ input[type="number"].small-text {
 	width: 65px;
 }
 
-input.tiny-text {
-	width: 35px;
-}
-
-input[type="number"].tiny-text {
-	width: 45px;
-}
-
 #doaction,
 #doaction2,
 #post-query-submit {
@@ -438,6 +415,10 @@ input[type="number"].tiny-text {
 	margin-left: 1em;
 }
 
+#upload-form label {
+	color: #777;
+}
+
 button.wp-hide-pw > .dashicons {
 	position: relative;
 	top: 3px;
@@ -458,6 +439,21 @@ fieldset label,
 	vertical-align: baseline;
 }
 
+#misc-publishing-actions label[for="post_status"]:before {
+	content: '\f173';
+	display: inline-block;
+	font: normal 20px/1 'dashicons';
+	speak: none;
+	left: -1px;
+	padding: 0 5px 0 0;
+	position: relative;
+	top: 0;
+	text-decoration: none !important;
+	vertical-align: top;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
 #pass-strength-result {
 	background-color: #eee;
 	border: 1px solid #ddd;
@@ -551,16 +547,6 @@ p.search-box {
 	margin: 0 4px 0 0;
 }
 
-.js.plugins-php .search-box .wp-filter-search {
-	margin: 0;
-	width: 280px;
-	font-size: 16px;
-	font-weight: 300;
-	line-height: 1.5;
-	padding: 3px 5px;
-	height: 32px;
-}
-
 input[type="text"].ui-autocomplete-loading,
 input[type="email"].ui-autocomplete-loading {
 	background-image: url(../images/loading.gif);
@@ -594,18 +580,11 @@ ul#add-to-blog-users {
 	padding: 4px 10px;
 	white-space: nowrap;
 	text-align: left;
-	cursor: pointer;
 }
 
-/* Colors for the wplink toolbar autocomplete. */
-.ui-autocomplete .ui-state-focus {
+.ui-autocomplete li.ui-state-focus {
 	background-color: #ddd;
-}
-
-/* Colors for the tags autocomplete. */
-.wp-tags-autocomplete .ui-state-focus {
-	background-color: #0073aa;
-	color: #fff;
+	cursor: pointer;
 }
 
 /*------------------------------------------------------------------------------
@@ -622,7 +601,8 @@ ul#add-to-blog-users {
 .form-table,
 .form-table td,
 .form-table th,
-.form-table td p {
+.form-table td p,
+.form-wrap label {
 	font-size: 14px;
 }
 
@@ -636,7 +616,7 @@ ul#add-to-blog-users {
 .form-table th,
 .form-wrap label {
 	color: #23282d;
-	font-weight: 400;
+	font-weight: normal;
 	text-shadow: none;
 	vertical-align: baseline;
 }
@@ -650,10 +630,8 @@ ul#add-to-blog-users {
 	font-weight: 600;
 }
 
-.form-table th.th-full, /* Not used by core. Back-compat for pre-4.8 */
-.form-table .td-full {
+.form-table th.th-full {
 	width: auto;
-	padding: 20px 10px 20px 0;
 	font-weight: 400;
 }
 
@@ -662,14 +640,6 @@ ul#add-to-blog-users {
 	margin-bottom: 0;
 }
 
-.form-table .date-time-doc {
-	margin-top: 1em;
-}
-
-.form-table p.timezone-info {
-	margin: 1em 0;
-}
-
 .form-table td fieldset label {
 	margin: 0.25em 0 0.5em !important;
 	display: inline-block;
@@ -765,22 +735,10 @@ table.form-table td .updated p {
 .tool-box .title {
 	margin: 8px 0;
 	font-size: 18px;
-	font-weight: 400;
+	font-weight: normal;
 	line-height: 24px;
 }
 
-.label-responsive {
-	vertical-align: middle;
-}
-
-#export-filters p {
-	margin: 0 0 1em;
-}
-
-#export-filters p.submit {
-	margin: 7px 0 5px;
-}
-
 /* Card styles */
 
 .card {
@@ -825,10 +783,10 @@ table.form-table td .updated p {
 	position: relative;
 	cursor: move;
 	color: #32373c;
-	background: #e5e5e5;
+	background: #e6e6e6;
 	-webkit-border-radius: 5px;
 	border-radius: 5px;
-	border: 1px solid #b4b9be;
+	border: 1px solid #b4b4b4;
 	font-style: normal;
 	line-height: 16px;
 	font-size: 14px;
@@ -840,7 +798,7 @@ table.form-table td .updated p {
 }
 
 .pressthis-bookmarklet:after {
-	content: "";
+	content: '';
 	width: 70%;
 	height: 55%;
 	z-index: -1;
@@ -870,9 +828,9 @@ table.form-table td .updated p {
 }
 
 .pressthis-bookmarklet span:before {
-	color: #72777c;
-	font: normal 20px/1 dashicons;
-	content: "\f157";
+	color: #777;
+	font: normal 20px/1 'dashicons';
+	content:'\f157';
 	position: relative;
 	display: inline-block;
 	top: 4px;
@@ -886,6 +844,11 @@ table.form-table td .updated p {
 	vertical-align: top;
 }
 
+.pressthis-js-toggle .dashicons {
+	margin: 5px 8px 6px 7px;
+	color: #777;
+}
+
 /* to override the button class being applied */
 .pressthis-js-toggle.button.button {
 	margin-left: 10px;
@@ -896,15 +859,16 @@ table.form-table td .updated p {
 
 .pressthis-js-toggle .dashicons {
 	margin: 5px 8px 6px 7px;
-	color: #555d66;
+	color: #777;
 }
 
 /*------------------------------------------------------------------------------
   20.0 - Settings
 ------------------------------------------------------------------------------*/
 
-.timezone-info code {
-	white-space: nowrap;
+#utc-time, #local-time {
+	padding-left: 25px;
+	font-style: italic;
 }
 
 .defaultavatarpicker .avatar {
@@ -912,11 +876,6 @@ table.form-table td .updated p {
 	vertical-align: middle;
 }
 
-.options-general-php .date-time-text {
-	display: inline-block;
-	min-width: 10em;
-}
-
 .options-general-php input.small-text {
 	width: 56px;
 }
@@ -976,7 +935,7 @@ table.form-table td .updated p {
 }
 
 .request-filesystem-credentials-dialog .notification-dialog {
-	top: 10%;
+	top: 15%;
 	max-height: 85%;
 }
 
@@ -984,17 +943,6 @@ table.form-table td .updated p {
 	margin: 25px;
 }
 
-#request-filesystem-credentials-title {
-    font-size: 1.3em;
-    margin: 1em 0;
-}
-
-.request-filesystem-credentials-form legend {
-	font-size: 1em;
-	padding: 1.33em 0;
-	font-weight: 600;
-}
-
 .request-filesystem-credentials-form input[type="text"],
 .request-filesystem-credentials-form input[type="password"] {
 	display: block;
@@ -1034,10 +982,6 @@ table.form-table td .updated p {
 	margin-right: 10px;
 }
 
-.request-filesystem-credentials-dialog #auth-keys-desc {
-	margin-bottom: 0;
-}
-
 #request-filesystem-credentials-dialog .button:not(:last-child) {
 	margin-right: 10px;
 }
@@ -1050,43 +994,6 @@ table.form-table td .updated p {
 	display: inline;
 }
 
-.request-filesystem-credentials-dialog .ftp-username,
-.request-filesystem-credentials-dialog .ftp-password {
-	float: none;
-	width: auto;
-}
-
-.request-filesystem-credentials-dialog .ftp-username {
-	margin-bottom: 1em;
-}
-
-.request-filesystem-credentials-dialog .ftp-password {
-	margin: 0;
-}
-
-.request-filesystem-credentials-dialog .ftp-password em {
-	color: #888;
-}
-
-.request-filesystem-credentials-dialog label {
-	display: block;
-	line-height: 1.5;
-	margin-bottom: 1em;
-}
-
-.request-filesystem-credentials-form legend {
-	padding-bottom: 0;
-}
-
-.request-filesystem-credentials-form #ssh-keys legend {
-	font-size: 1.3em;
-}
-
-.request-filesystem-credentials-form .notice {
-	margin: 0 0 20px 0;
-	clear: both;
-}
-
 
 /* =Media Queries
 -------------------------------------------------------------- */
@@ -1106,10 +1013,6 @@ table.form-table td .updated p {
 		padding: 6px 10px;
 	}
 
-	input[type="number"] {
-		height: 40px;
-	}
-
 	input.code {
 		padding-bottom: 5px;
 		padding-top: 10px;
@@ -1133,7 +1036,7 @@ table.form-table td .updated p {
 	.widefat th input[type="checkbox"]:before,
 	.widefat thead td input[type="checkbox"]:before,
 	.widefat tfoot td input[type="checkbox"]:before {
-		font: normal 30px/1 dashicons;
+		font: normal 30px/1 'Dashicons';
 		margin: -3px -5px;
 	}
 
@@ -1182,21 +1085,12 @@ table.form-table td .updated p {
 	}
 
 	.form-table th,
-	.form-table td,
-	.label-responsive {
+	.form-table td {
 		display: block;
 		width: auto;
 		vertical-align: middle;
 	}
 
-	.label-responsive {
-		margin: 0.5em 0;
-	}
-
-	.export-filters li {
-		margin-bottom: 0;
-	}
-
 	.form-table .color-palette td {
 		display: table-cell;
 		width: 15px;
@@ -1323,11 +1217,16 @@ table.form-table td .updated p {
 		display: block;
 	}
 
+	#utc-time {
+		margin-top: 10px;
+	}
+
 	#utc-time,
 	#local-time {
 		display: block;
 		float: none;
-		margin-top: 0.5em;
+		padding: 0;
+		line-height: 2;
 	}
 
 	.form-field #domain {
@@ -1366,11 +1265,6 @@ table.form-table td .updated p {
 	.wp-pwd .button .text {
 		display: none;
 	}
-
-	.options-general-php input[type="text"].small-text {
-		max-width: 60px;
-		margin: 0;
-	}
 }
 
 @media only screen and (max-width: 768px) {
@@ -1413,10 +1307,3 @@ table.form-table td .updated p {
 		width: 49%;
 	}
 }
-
-@media only screen and (max-width: 320px) {
-	.options-general-php .date-time-text.date-time-custom-text {
-		min-width: 0;
-		margin-right: 0.5em;
-	}
-}

wp-admin/css/ie-rtl.css

@@ -221,7 +221,8 @@ table.fixed td {
 }
 
 #wpbody-content input.button,
-#wpbody-content input.button-primary {
+#wpbody-content input.button-primary,
+#wpbody-content input.button-secondary {
 	overflow: visible;
 }
 
@@ -243,7 +244,7 @@ table.fixed td {
 }
 
 #wpbody-content .postbox {
-	border: 1px solid #ddd;
+	border: 1px solid #dfdfdf;
 }
 
 #wpbody-content .postbox .hndle {
@@ -395,10 +396,15 @@ p.search-box {
 	margin: -3px 0 4px;
 }
 
-#widget-list .widget {
+#widget-list .widget,
+.feature-filter .feature-group li {
 	display: inline;
 }
 
+.feature-filter .feature-group li input {
+	vertical-align: middle;
+}
+
 #editorcontainer #content {
 	overflow: auto;
 	margin: auto;
@@ -441,17 +447,13 @@ div#dashboard-widgets {
 	padding-left: 1px;
 }
 
-.tagchecklist > span, .tagchecklist .ntdelbutton {
+.tagchecklist span, .tagchecklist span a {
 	display: inline-block;
 	display: block;
 }
 
-.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
-	outline: 1px solid #5b9dd9;
-}
-
-.tablenav .button,
-.nav .button {
+.tablenav .button-secondary,
+.nav .button-secondary {
 	padding-top: 2px;
 	padding-bottom: 2px;
 }
@@ -510,7 +512,7 @@ table.ie-fixed {
 	border-collapse: collapse;
 }
 
-.tablenav a.button {
+.tablenav a.button-secondary {
 	display: inline-block;
 	padding: 2px 5px;
 }
@@ -641,7 +643,7 @@ input[type="password"],
 .mce-close {
 	font-family: 'tinymce', Arial;
 	font-style: normal;
-	font-weight: 400;
+	font-weight: normal;
 	font-variant: normal;
 	font-size: 16px;
 	margin-right: 0;
@@ -690,7 +692,11 @@ input[type="password"],
 * html .stuffbox,
 * html .stuffbox input,
 * html .stuffbox textarea {
-	border: 1px solid #ddd;
+	border: 1px solid #DFDFDF;
+}
+
+* html .feature-filter .feature-group li {
+	width: 145px;
 }
 
 * html div.widget-liquid-left {
@@ -724,7 +730,7 @@ input[type="password"],
 }
 
 * html input {
-	border: 1px solid #ddd;
+	border: 1px solid #dfdfdf;
 }
 
 * html .edit-box {

wp-admin/css/ie.css

@@ -221,7 +221,8 @@ table.fixed td {
 }
 
 #wpbody-content input.button,
-#wpbody-content input.button-primary {
+#wpbody-content input.button-primary,
+#wpbody-content input.button-secondary {
 	overflow: visible;
 }
 
@@ -243,7 +244,7 @@ table.fixed td {
 }
 
 #wpbody-content .postbox {
-	border: 1px solid #ddd;
+	border: 1px solid #dfdfdf;
 }
 
 #wpbody-content .postbox .hndle {
@@ -395,10 +396,15 @@ p.search-box {
 	margin: -3px 0 4px;
 }
 
-#widget-list .widget {
+#widget-list .widget,
+.feature-filter .feature-group li {
 	display: inline;
 }
 
+.feature-filter .feature-group li input {
+	vertical-align: middle;
+}
+
 #editorcontainer #content {
 	overflow: auto;
 	margin: auto;
@@ -441,17 +447,13 @@ div#dashboard-widgets {
 	padding-right: 1px;
 }
 
-.tagchecklist > span, .tagchecklist .ntdelbutton {
+.tagchecklist span, .tagchecklist span a {
 	display: inline-block;
 	display: block;
 }
 
-.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
-	outline: 1px solid #5b9dd9;
-}
-
-.tablenav .button,
-.nav .button {
+.tablenav .button-secondary,
+.nav .button-secondary {
 	padding-top: 2px;
 	padding-bottom: 2px;
 }
@@ -510,7 +512,7 @@ table.ie-fixed {
 	border-collapse: collapse;
 }
 
-.tablenav a.button {
+.tablenav a.button-secondary {
 	display: inline-block;
 	padding: 2px 5px;
 }
@@ -641,7 +643,7 @@ input[type="password"],
 .mce-close {
 	font-family: 'tinymce', Arial;
 	font-style: normal;
-	font-weight: 400;
+	font-weight: normal;
 	font-variant: normal;
 	font-size: 16px;
 	margin-left: 0;
@@ -690,7 +692,11 @@ input[type="password"],
 * html .stuffbox,
 * html .stuffbox input,
 * html .stuffbox textarea {
-	border: 1px solid #ddd;
+	border: 1px solid #DFDFDF;
+}
+
+* html .feature-filter .feature-group li {
+	width: 145px;
 }
 
 * html div.widget-liquid-left {
@@ -724,7 +730,7 @@ input[type="password"],
 }
 
 * html input {
-	border: 1px solid #ddd;
+	border: 1px solid #dfdfdf;
 }
 
 * html .edit-box {

wp-admin/css/install-rtl.css

@@ -6,7 +6,7 @@ html {
 body {
 	background: #fff;
 	color: #444;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	font-family: "Open Sans", sans-serif;
 	margin: 140px auto 25px;
 	padding: 20px 20px 10px 20px;
 	max-width: 700px;
@@ -17,38 +17,25 @@ body {
 
 a {
 	color: #0073aa;
+	text-decoration: none;
 }
 
-a:hover,
-a:active {
+a:hover {
 	color: #00a0d2;
 }
 
-a:focus {
-	color: #124964;
-	-webkit-box-shadow:
-		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30, 140, 190, .8);
-	box-shadow:
-		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30, 140, 190, .8);
-}
-
-.ie8 a:focus {
-	outline: #5b9dd9 solid 1px;
-}
-
-h1, h2 {
-	border-bottom: 1px solid #ddd;
+h1 {
+	border-bottom: 1px solid #dedede;
 	clear: both;
 	color: #666;
 	font-size: 24px;
+	margin: 30px 0;
 	padding: 0;
 	padding-bottom: 7px;
-	font-weight: 400;
+	font-weight: normal;
 }
 
-h3 {
+h2 {
 	font-size: 16px;
 }
 
@@ -74,19 +61,12 @@ abbr {
 	font-variant: normal;
 }
 
-fieldset {
-	border: 0;
-	padding: 0;
-	margin: 0;
-}
-
 label {
 	cursor: pointer;
 }
 
 #logo {
 	margin: 6px 0 14px 0;
-	padding: 0 0 7px 0;
 	border-bottom: none;
 	text-align:center
 }
@@ -97,10 +77,10 @@ label {
 	background-size: 84px;
 	background-position: center top;
 	background-repeat: no-repeat;
-	color: #444; /* same as login.css */
+	color: #999;
 	height: 84px;
 	font-size: 20px;
-	font-weight: 400;
+	font-weight: normal;
 	line-height: 1.3em;
 	margin: -130px auto 25px;
 	padding: 0;
@@ -111,12 +91,6 @@ label {
 	overflow: hidden;
 	display: block;
 }
-
-#logo a:focus {
-	-webkit-box-shadow: none;
-	box-shadow: none;
-}
-
 .step {
 	margin: 20px 0 15px;
 }
@@ -126,13 +100,12 @@ label {
 }
 .language-chooser.wp-core-ui .step .button.button-large {
 	height: 36px;
-	font-size: 14px;
-	line-height: 33px;
 	vertical-align: middle;
+	font-size: 14px;
 }
 textarea {
-	border: 1px solid #ddd;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	border: 1px solid #dfdfdf;
+	font-family: "Open Sans", sans-serif;
 	width: 100%;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
@@ -181,7 +154,7 @@ textarea {
 
 input,
 submit {
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	font-family: "Open Sans", sans-serif;
 }
 
 .form-table input[type=text],
@@ -192,10 +165,9 @@ submit {
 }
 
 .form-table th p {
-	font-weight: 400;
+	font-weight: normal;
 }
 
-.form-table.install-success th,
 .form-table.install-success td {
 	vertical-align: middle;
 	padding: 16px 0 16px 20px;
@@ -288,9 +260,10 @@ submit {
 }
 
 .message {
-	border-right: 4px solid #dc3232;
-	padding: .7em .6em;
-	background-color: #fbeaea;
+	border: 1px solid #c00;
+	padding: 0.5em 0.7em;
+	margin: 5px 0 15px;
+	background-color: #ffebe8;
 }
 
 /* rtl:ignore */
@@ -406,7 +379,7 @@ body.language-chooser {
 	color: #32373c;
 	font-size: 16px;
 	font-family: Arial, sans-serif;
-	font-weight: 400;
+	font-weight: normal;
 }
 
 .language-chooser p {
@@ -439,11 +412,12 @@ body.language-chooser {
 
 .step .spinner {
 	display: inline-block;
-	vertical-align: middle;
+	margin-top: 8px;
 	margin-left: 15px;
+	vertical-align: top;
 }
 
-.button.hide-if-no-js,
+.button-secondary.hide-if-no-js,
 .hide-if-no-js {
 	display: none;
 }

wp-admin/css/install.css

@@ -6,7 +6,7 @@ html {
 body {
 	background: #fff;
 	color: #444;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	font-family: "Open Sans", sans-serif;
 	margin: 140px auto 25px;
 	padding: 20px 20px 10px 20px;
 	max-width: 700px;
@@ -17,38 +17,25 @@ body {
 
 a {
 	color: #0073aa;
+	text-decoration: none;
 }
 
-a:hover,
-a:active {
+a:hover {
 	color: #00a0d2;
 }
 
-a:focus {
-	color: #124964;
-	-webkit-box-shadow:
-		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30, 140, 190, .8);
-	box-shadow:
-		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30, 140, 190, .8);
-}
-
-.ie8 a:focus {
-	outline: #5b9dd9 solid 1px;
-}
-
-h1, h2 {
-	border-bottom: 1px solid #ddd;
+h1 {
+	border-bottom: 1px solid #dedede;
 	clear: both;
 	color: #666;
 	font-size: 24px;
+	margin: 30px 0;
 	padding: 0;
 	padding-bottom: 7px;
-	font-weight: 400;
+	font-weight: normal;
 }
 
-h3 {
+h2 {
 	font-size: 16px;
 }
 
@@ -74,19 +61,12 @@ abbr {
 	font-variant: normal;
 }
 
-fieldset {
-	border: 0;
-	padding: 0;
-	margin: 0;
-}
-
 label {
 	cursor: pointer;
 }
 
 #logo {
 	margin: 6px 0 14px 0;
-	padding: 0 0 7px 0;
 	border-bottom: none;
 	text-align:center
 }
@@ -97,10 +77,10 @@ label {
 	background-size: 84px;
 	background-position: center top;
 	background-repeat: no-repeat;
-	color: #444; /* same as login.css */
+	color: #999;
 	height: 84px;
 	font-size: 20px;
-	font-weight: 400;
+	font-weight: normal;
 	line-height: 1.3em;
 	margin: -130px auto 25px;
 	padding: 0;
@@ -111,12 +91,6 @@ label {
 	overflow: hidden;
 	display: block;
 }
-
-#logo a:focus {
-	-webkit-box-shadow: none;
-	box-shadow: none;
-}
-
 .step {
 	margin: 20px 0 15px;
 }
@@ -126,13 +100,12 @@ label {
 }
 .language-chooser.wp-core-ui .step .button.button-large {
 	height: 36px;
-	font-size: 14px;
-	line-height: 33px;
 	vertical-align: middle;
+	font-size: 14px;
 }
 textarea {
-	border: 1px solid #ddd;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	border: 1px solid #dfdfdf;
+	font-family: "Open Sans", sans-serif;
 	width: 100%;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
@@ -181,7 +154,7 @@ textarea {
 
 input,
 submit {
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	font-family: "Open Sans", sans-serif;
 }
 
 .form-table input[type=text],
@@ -192,10 +165,9 @@ submit {
 }
 
 .form-table th p {
-	font-weight: 400;
+	font-weight: normal;
 }
 
-.form-table.install-success th,
 .form-table.install-success td {
 	vertical-align: middle;
 	padding: 16px 20px 16px 0;
@@ -288,9 +260,10 @@ submit {
 }
 
 .message {
-	border-left: 4px solid #dc3232;
-	padding: .7em .6em;
-	background-color: #fbeaea;
+	border: 1px solid #c00;
+	padding: 0.5em 0.7em;
+	margin: 5px 0 15px;
+	background-color: #ffebe8;
 }
 
 /* rtl:ignore */
@@ -406,7 +379,7 @@ body.language-chooser {
 	color: #32373c;
 	font-size: 16px;
 	font-family: Arial, sans-serif;
-	font-weight: 400;
+	font-weight: normal;
 }
 
 .language-chooser p {
@@ -439,11 +412,12 @@ body.language-chooser {
 
 .step .spinner {
 	display: inline-block;
-	vertical-align: middle;
+	margin-top: 8px;
 	margin-right: 15px;
+	vertical-align: top;
 }
 
-.button.hide-if-no-js,
+.button-secondary.hide-if-no-js,
 .hide-if-no-js {
 	display: none;
 }

wp-admin/css/l10n-rtl.css

@@ -16,7 +16,7 @@ body.rtl .press-this a.wp-switch-editor {
 .rtl h5,
 .rtl h6 {
 	font-family: Arial, sans-serif;
-	font-weight: 600;
+	font-weight: bold;
 }
 
 /* he_IL: Remove Tahoma from the font stack. Arial is best for Hebrew. */
@@ -28,7 +28,7 @@ body.locale-he-il .press-this a.wp-switch-editor {
 /* he_IL: Have <em> be bold rather than italic. */
 .locale-he-il em {
 	font-style: normal;
-	font-weight: 600;
+	font-weight: bold;
 }
 
 /* zh_CN: Remove italic properties. */
@@ -68,13 +68,6 @@ body.locale-he-il .press-this a.wp-switch-editor {
 }
 
 /* ru_RU: Text needs more room to breathe. */
-.locale-ru-ru #adminmenu {
-	width: inherit; /* back-compat for pre-3.2 */
-}
-.locale-ru-ru #adminmenu,
-.locale-ru-ru #wpbody {
-	margin-right: 0; /* back-compat for pre-3.2 */
-}
 .locale-ru-ru .inline-edit-row fieldset label span.title,
 .locale-ru-ru .inline-edit-row fieldset.inline-edit-date legend {
 	width: 8em; /* default 6em */

wp-admin/css/l10n-rtl.min.css

@@ -1 +0,0 @@
-.locale-he-il em,.locale-zh-cn #local-time,.locale-zh-cn #utc-time,.locale-zh-cn .form-wrap p,.locale-zh-cn .howto,.locale-zh-cn .inline-edit-row fieldset span.checkbox-title,.locale-zh-cn .inline-edit-row fieldset span.title,.locale-zh-cn .js .input-with-default-title,.locale-zh-cn .link-to-original,.locale-zh-cn .tablenav .displaying-num,.locale-zh-cn p.description,.locale-zh-cn p.help,.locale-zh-cn p.install-help,.locale-zh-cn span.description{font-style:normal}.locale-de-de #customize-header-actions .button,.locale-de-de-formal #customize-header-actions .button,.locale-ru-ru #customize-header-actions .button{padding:0 5px 1px}body.rtl,body.rtl .press-this a.wp-switch-editor{font-family:Tahoma,Arial,sans-serif}.rtl h1,.rtl h2,.rtl h3,.rtl h4,.rtl h5,.rtl h6{font-family:Arial,sans-serif;font-weight:600}body.locale-he-il,body.locale-he-il .press-this a.wp-switch-editor{font-family:Arial,sans-serif}.locale-he-il em{font-weight:600}.locale-zh-cn .hdnle a{font-size:12px}.locale-zh-cn form.upgrade .hint{font-style:normal;font-size:100%}.locale-zh-cn #sort-buttons{font-size:1em!important}.locale-de-de #customize-header-actions .spinner,.locale-de-de-formal #customize-header-actions .spinner{margin:16px 3px 0}.locale-ru-ru #adminmenu{width:inherit}.locale-ru-ru #adminmenu,.locale-ru-ru #wpbody{margin-right:0}.locale-ru-ru .inline-edit-row fieldset label span.title,.locale-ru-ru .inline-edit-row fieldset.inline-edit-date legend{width:8em}.locale-ru-ru .inline-edit-row fieldset .timestamp-wrap,.locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap{margin-right:8em}.locale-ru-ru.post-new-php .tagsdiv .newtag,.locale-ru-ru.post-php .tagsdiv .newtag{width:165px}.locale-ru-ru.press-this .posting{margin-left:277px}.locale-ru-ru .press-this-sidebar{width:265px}.locale-ru-ru #customize-header-actions .spinner{margin:16px 3px 0}.locale-lt-lt .inline-edit-row fieldset label span.title,.locale-lt-lt .inline-edit-row fieldset.inline-edit-date legend{width:8em}.locale-lt-lt .inline-edit-row fieldset .timestamp-wrap,.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap{margin-right:8em}@media screen and (max-width:782px){.locale-lt-lt .inline-edit-row fieldset .timestamp-wrap,.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap,.locale-ru-ru .inline-edit-row fieldset .timestamp-wrap,.locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap{margin-right:0}}

wp-admin/css/l10n.css

@@ -16,7 +16,7 @@ body.rtl .press-this a.wp-switch-editor {
 .rtl h5,
 .rtl h6 {
 	font-family: Arial, sans-serif;
-	font-weight: 600;
+	font-weight: bold;
 }
 
 /* he_IL: Remove Tahoma from the font stack. Arial is best for Hebrew. */
@@ -28,7 +28,7 @@ body.locale-he-il .press-this a.wp-switch-editor {
 /* he_IL: Have <em> be bold rather than italic. */
 .locale-he-il em {
 	font-style: normal;
-	font-weight: 600;
+	font-weight: bold;
 }
 
 /* zh_CN: Remove italic properties. */
@@ -68,13 +68,6 @@ body.locale-he-il .press-this a.wp-switch-editor {
 }
 
 /* ru_RU: Text needs more room to breathe. */
-.locale-ru-ru #adminmenu {
-	width: inherit; /* back-compat for pre-3.2 */
-}
-.locale-ru-ru #adminmenu,
-.locale-ru-ru #wpbody {
-	margin-left: 0; /* back-compat for pre-3.2 */
-}
 .locale-ru-ru .inline-edit-row fieldset label span.title,
 .locale-ru-ru .inline-edit-row fieldset.inline-edit-date legend {
 	width: 8em; /* default 6em */