Tag 4.3.25

Built from https://develop.svn.wordpress.org/tags/4.3.25@49439


git-svn-id: http://core.svn.wordpress.org/tags/4.3.25@49198 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.2</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,11 +14,53 @@ 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();
 }
 
-nocache_headers();
+$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;
@@ -34,17 +76,13 @@ $wp_query->is_404 = false;
 do_action( 'activate_header' );
 
 /**
- * Adds an action hook specific to this page.
+ * Adds an action hook specific to this page that fires on wp_head
  *
- * Fires on {@see 'wp_head'}.
- *
- * @since MU (3.0.0)
+ * @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
      */
@@ -55,7 +93,7 @@ add_action( 'wp_head', 'do_activate_header' );
 /**
  * Loads styles specific to this page.
  *
- * @since MU (3.0.0)
+ * @since MU
  */
 function wpmu_activate_stylesheet() {
 	?>
@@ -64,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'); ?>">
@@ -89,44 +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: username, 3: user email, 4: lost password URL */
-						__( 'Your site at %1$s is active. You may now log in to your 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>.' ),
-						sprintf( '<a href="http://%1$s">%1$s</a>', $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>
@@ -136,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,457 +9,392 @@
 /** WordPress Administration Bootstrap */
 require_once( dirname( __FILE__ ) . '/admin.php' );
 
-wp_enqueue_script( 'underscore' );
+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 full-width-layout">
+	<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 will smooth your design workflow and keep you safe from coding errors.' ), $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>
-			<a href="freedoms.php?privacy-notice" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
 		</h2>
 
 		<div class="changelog point-releases">
-			<h3><?php _e( 'Maintenance and Security Releases' ); ?></h3>
+			<h3><?php echo _n( 'Maintenance and Security Release', 'Maintenance and Security Releases', 25 ); ?></h3>
 			<p>
 				<?php
 				printf(
-				/* translators: 1: WordPress version number, 2: plural number of bugs. */
-					_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.',
-						17
-					),
-					'4.9.7',
-					number_format_i18n( 17 )
+					/* translators: %s: WordPress version number */
+					__( '<strong>Version %s</strong> addressed some security issues.' ),
+					'4.3.25'
 				);
 				?>
 				<?php
-				/* translators: %s: Codex URL */
-				printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.9.7' );
+				printf(
+					/* translators: %s: HelpHub URL */
+					__( 'For more information, see <a href="%s">the release notes</a>.' ),
+					sprintf(
+						/* translators: %s: WordPress version */
+						esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+						sanitize_title( '4.3.25' )
+					)
+				);
 				?>
 			</p>
 			<p>
 				<?php
 				printf(
-					/* translators: 1: WordPress version number, 2: plural number of bugs. */
-					_n(
-						'<strong>Version %1$s</strong> addressed %2$s bug.',
-						'<strong>Version %1$s</strong> addressed %2$s bugs.',
-						18
-					),
-					'4.9.6',
-					number_format_i18n( 18 )
+					/* translators: %s: WordPress version number */
+					__( '<strong>Version %s</strong> addressed some security issues.' ),
+					'4.3.24'
 				);
 				?>
 				<?php
-				/* translators: %s: Codex URL */
-				printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.9.6' );
+				printf(
+					/* translators: %s: HelpHub URL */
+					__( 'For more information, see <a href="%s">the release notes</a>.' ),
+					sprintf(
+						/* translators: %s: WordPress version */
+						esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+						sanitize_title( '4.3.24' )
+					)
+				);
 				?>
 			</p>
 			<p>
 				<?php
 				printf(
-					/* translators: 1: WordPress version number, 2: plural number of bugs. */
-					_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.',
-						28
-					),
-					'4.9.5',
-					number_format_i18n( 28 )
+					/* translators: %s: WordPress version number */
+					__( '<strong>Version %s</strong> addressed some security issues.' ),
+					'4.3.23'
 				);
 				?>
 				<?php
-				/* translators: %s: Codex URL */
-				printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.9.5' );
+				printf(
+					/* translators: %s: HelpHub URL */
+					__( 'For more information, see <a href="%s">the release notes</a>.' ),
+					sprintf(
+						/* translators: %s: WordPress version */
+						esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+						sanitize_title( '4.3.23' )
+					)
+				);
 				?>
 			</p>
 			<p>
 				<?php
 				printf(
-					/* translators: 1: WordPress version number, 2: plural number of bugs. */
-					_n(
-						'<strong>Version %1$s</strong> addressed %2$s bug.',
-						'<strong>Version %1$s</strong> addressed %2$s bugs.',
-						1
-					),
-					'4.9.4',
-					number_format_i18n( 1 )
+					/* translators: %s: WordPress version number */
+					__( '<strong>Version %s</strong> addressed one security issue.' ),
+					'4.3.22'
 				);
 				?>
 				<?php
-				/* translators: %s: Codex URL */
-				printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.9.4' );
+				printf(
+					/* translators: %s: HelpHub URL */
+					__( 'For more information, see <a href="%s">the release notes</a>.' ),
+					sprintf(
+						/* translators: %s: WordPress version */
+						esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+						sanitize_title( '4.3.22' )
+					)
+				);
 				?>
 			</p>
 			<p>
 				<?php
 				printf(
-					/* translators: 1: WordPress version number, 2: plural number of bugs. */
-					_n(
-						'<strong>Version %1$s</strong> addressed %2$s bug.',
-						'<strong>Version %1$s</strong> addressed %2$s bugs.',
-						34
-					),
-					'4.9.3',
-					number_format_i18n( 34 )
+					/* translators: %s: WordPress version number */
+					__( '<strong>Version %s</strong> addressed some security issues.' ),
+					'4.3.21'
 				);
 				?>
 				<?php
-				/* translators: %s: Codex URL */
-				printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.9.3' );
+				printf(
+					/* translators: %s: HelpHub URL */
+					__( 'For more information, see <a href="%s">the release notes</a>.' ),
+					sprintf(
+						/* translators: %s: WordPress version */
+						esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+						sanitize_title( '4.3.21' )
+					)
+				);
 				?>
 			</p>
 			<p>
 				<?php
 				printf(
-					/* translators: 1: WordPress version number, 2: plural number of bugs. */
-					_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.',
-						22
-					),
-					'4.9.2',
-					number_format_i18n( 22 )
+					/* translators: %s: WordPress version number */
+					__( '<strong>Version %s</strong> addressed some security issues.' ),
+					'4.3.20'
 				);
 				?>
 				<?php
-				/* translators: %s: Codex URL */
-				printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.9.2' );
+				printf(
+					/* translators: %s: HelpHub URL */
+					__( 'For more information, see <a href="%s">the release notes</a>.' ),
+					sprintf(
+						/* translators: %s: WordPress version */
+						esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+						sanitize_title( '4.3.20' )
+					)
+				);
 				?>
 			</p>
 			<p>
 				<?php
 				printf(
-					/* translators: 1: WordPress version number, 2: plural number of bugs. */
-					_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.',
-						11
-					),
-					'4.9.1',
-					number_format_i18n( 11 )
+					/* translators: %s: WordPress version number */
+					__( '<strong>Version %s</strong> addressed a security issue.' ),
+					'4.3.19'
 				);
 				?>
 				<?php
-				/* translators: %s: Codex URL */
-				printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.9.1' );
+				printf(
+					/* translators: %s: HelpHub URL */
+					__( 'For more information, see <a href="%s">the release notes</a>.' ),
+					sprintf(
+						/* translators: %s: WordPress version */
+						esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+						sanitize_title( '4.3.19' )
+					)
+				);
 				?>
 			</p>
+			<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.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( __( '<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.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( __( '<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.', 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="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/>
+
+		<div class="feature-section two-col">
+			<?php foreach ( $major_features as $feature ) : ?>
 			<div class="col">
-				<h2>
+				<div class="media-container">
 					<?php
-						printf(
-							/* translators: %s: party popper emoji */
-							__( 'Major Customizer Improvements, Code Error Checking, and More! %s' ),
-							'&#x1F389'
-						);
+					// 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:
 					?>
-				</h2>
-				<p><?php _e( 'Welcome to an improved Customizer workflow with design drafts, locking, scheduling, and preview links. What&#8217;s more, code syntax highlighting and error checking will make for a clean and smooth site building experience. Finally, if all that wasn&#8217;t pretty great, we&#8217;ve got a great new Gallery widget and improvements to theme browsing and switching.' ); ?></p>
+					<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>
 
-		<div class="inline-svg full-width">
-			<picture>
-				<source media="(max-width: 500px)" srcset="<?php echo 'https://s.w.org/images/core/4.9/banner-mobile.svg'; ?>">
-				<img src="https://s.w.org/images/core/4.9/banner.svg" alt="">
-			</picture>
+		<div class="feature-section three-col">
+			<?php foreach ( $minor_features as $feature ) : ?>
+			<div class="col">
+				<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>
 
-		<div class="floating-header-section">
-			<div class="section-header">
-				<h2><?php _e( 'Customizer Workflow Improved' ); ?></h2>
-			</div>
-
-			<div class="section-content">
-				<div class="section-item">
-					<div class="inline-svg">
-						<img src="https://s.w.org/images/core/4.9/draft-and-schedule.svg" alt="">
-					</div>
-					<h3><?php _e( 'Draft and Schedule Site Design Customizations' ); ?></h3>
-					<p><?php _e( 'Yes, you read that right. Just like you can draft and revise posts and schedule them to go live on the date and time you choose, you can now tinker with your site&#8217;s design and schedule those design changes to go live as you please.' ); ?></p>
-				</div>
-				<div class="section-item">
-					<div class="inline-svg">
-						<img src="https://s.w.org/images/core/4.9/design-preview-links.svg" alt="">
-					</div>
-					<h3><?php _e( 'Collaborate with Design Preview Links' ); ?></h3>
-					<p><?php _e( 'Need to get some feedback on proposed site design changes? WordPress 4.9 gives you a preview link you can send to your team and customers so that you can collect and integrate feedback before you schedule the changes to go live. Can we say collaboration&#43;&#43;?' ); ?></p>
-				</div>
-				<div class="section-item">
-					<div class="inline-svg">
-						<img src="https://s.w.org/images/core/4.9/locking.svg" alt="">
-					</div>
-					<h3><?php _e( 'Design Locking To Guard Your Changes' ); ?></h3>
-					<p><?php _e( 'Ever encounter a scenario where two designers walk into a project and designer A overrides designer B&#8217;s beautiful changes? WordPress 4.9&#8217;s design lock feature (similar to post locking) secures your draft design so that no one can make changes to it or erase all your hard work.' );?></p>
-				</div>
-				<div class="section-item">
-					<div class="inline-svg">
-						<img src="https://s.w.org/images/core/4.9/prompt.svg" alt="">
-					</div>
-					<h3><?php _e( 'A Prompt to Protect Your Work' ); ?></h3>
-					<p><?php _e( 'Were you lured away from your desk before you saved your new draft design? Fear not, when you return, WordPress 4.9 will politely ask whether or not you&#8217;d like to save your unsaved changes.' ); ?></p>
-				</div>
-			</div>
-		</div>
-
-		<div class="floating-header-section">
-			<div class="section-header">
-				<h2><?php _e( 'Coding Enhancements' ); ?></h2>
-			</div>
-
-			<div class="section-content">
-				<div class="section-item">
-					<div class="inline-svg">
-						<img src="https://s.w.org/images/core/4.9/syntax-highlighting.svg" alt="">
-					</div>
-					<h3><?php _e( 'Syntax Highlighting and Error Checking? Yes, Please!' ); ?></h3>
-					<p><?php _e( 'You&#8217;ve got a display problem but can&#8217;t quite figure out exactly what went wrong in the CSS you lovingly wrote. With syntax highlighting and error checking for CSS editing and the Custom HTML widget introduced in WordPress 4.8.1, you&#8217;ll pinpoint coding errors quickly. Practically guaranteed to help you scan code more easily and suss out and fix code errors quickly.' ); ?></p>
-				</div>
-				<div class="section-item">
-					<div class="inline-svg">
-						<img src="https://s.w.org/images/core/4.9/sandbox.svg" alt="">
-					</div>
-					<h3><?php _e( 'Sandbox for Safety' ); ?></h3>
-					<p><?php _e( 'The dreaded white screen. You&#8217;ll avoid it when working on themes and plugin code because WordPress 4.9 will warn you about saving an error. You&#8217;ll sleep better at night.' ); ?></p>
-				</div>
-				<div class="section-item">
-					<div class="inline-svg">
-						<img src="https://s.w.org/images/core/4.9/warning.svg" alt="">
-					</div>
-					<h3><?php _e( 'Warning: Potential Danger Ahead!' ); ?></h3>
-					<p><?php _e( 'When you edit themes and plugins directly, WordPress 4.9 will politely warn you that this is a dangerous practice. It will recommend that you backup your files before saving, so they don&#8217;t get overwritten by the next update. Take the safe route: your future self will thank you. Your team and customers will thank you.' );?></p>
-				</div>
-			</div>
-		</div>
-
-		<div class="floating-header-section">
-			<div class="section-header">
-				<h2><?php _e( 'Even More Widget Updates' ); ?></h2>
-			</div>
-
-			<div class="section-content">
-				<div class="section-item">
-					<div class="inline-svg">
-						<img src="https://s.w.org/images/core/4.9/gallery-widget.svg" alt="">
-					</div>
-					<h3><?php _e( 'The New Gallery Widget' ); ?></h3>
-					<p><?php _e( 'An incremental improvement to the media changes hatched in WordPress 4.8, you can now add a gallery via widget. Yes!' ); ?></p>
-				</div>
-				<div class="section-item">
-					<div class="inline-svg">
-						<img src="https://s.w.org/images/core/4.9/media-button.svg" alt="">
-					</div>
-					<h3><?php _e( 'Press a Button, Add Media' ); ?></h3>
-					<p><?php _e( 'Want to add media to your text widget? Embed images, video, and audio directly into the widget along with your text, with our simple but useful Add Media button. Woo!' ); ?></p>
-				</div>
-			</div>
-		</div>
-
-		<div class="floating-header-section">
-			<div class="section-header">
-				<h2><?php _e( 'Site Building Improvements' ); ?></h2>
-			</div>
-
-			<div class="section-content">
-				<div class="section-item">
-					<div class="inline-svg">
-						<img src="https://s.w.org/images/core/4.9/theme-switching.svg" alt="">
-					</div>
-					<h3><?php _e( 'More Reliable Theme Switching' ); ?></h3>
-					<p><?php _e( 'When you switch themes, widgets sometimes think they can just up and move location. Improvements in WordPress 4.9 offer more persistent menu and widget placement when you decide it&#8217;s time for a new theme. Additionally, you can preview installed themes or download, install, and preview new themes right. Nothing says handy like being able to preview before you deploy. ' ); ?></p>
-				</div>
-				<div class="section-item">
-					<div class="inline-svg">
-						<img src="https://s.w.org/images/core/4.9/menu-flow.svg" alt="">
-					</div>
-					<h3><?php _e( 'Better Menu Instructions = Less Confusion' ); ?></h3>
-					<p><?php _e( 'Were you confused by the steps to create a new menu? Perhaps no longer! We&#8217;ve ironed out the UX for a smoother menu creation process. Newly updated copy will guide you.' ); ?></p>
-				</div>
-			</div>
-		</div>
-
-		<div class="inline-svg">
-			<picture>
-				<source media="(max-width: 500px)" srcset="<?php echo 'https://s.w.org/images/core/4.9/gutenberg-mobile.svg'; ?>">
-				<img src="https://s.w.org/images/core/4.9/gutenberg.svg" alt="">
-			</picture>
-		</div>
-
-		<div class="feature-section">
-			<h2>
-				<?php
-					printf(
-						/* translators: %s: handshake emoji */
-						__( 'Lend a Hand with Gutenberg %s' ),
-						'&#x1F91D'
-					);
-				?>
-			</h2>
-			<p><?php printf(
-				__( 'WordPress is working on a new way to create and control your content and we&#8217;d love to have your help. Interested in being an <a href="%s">early tester</a> or getting involved with the Gutenberg project? <a href="%s">Contribute on GitHub</a>.' ),
-				__( 'https://wordpress.org/plugins/gutenberg/' ),
-				'https://github.com/WordPress/gutenberg' ); ?></p>
-		</div>
-
-		<hr />
-
 		<div class="changelog">
-			<h2><?php
-				printf(
-					/* translators: %s: smiling face with smiling eyes emoji */
-					__( 'Developer Happiness %s' ),
-					'&#x1F60A'
-				);
-			?></h2>
+			<h3><?php _e( 'Under the Hood' ); ?></h3>
 
-			<div class="under-the-hood two-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/11/01/improvements-to-the-customize-js-api-in-4-9/"><?php _e( 'Customizer JS API Improvements' ); ?></a></h3>
-					<p><?php
-						printf(
-							/* translators: %s: https://make.wordpress.org/core/2017/11/01/improvements-to-the-customize-js-api-in-4-9/  */
-							__( 'We&#8217;ve made numerous improvements to the Customizer JS API in WordPress 4.9, eliminating many pain points and making it just as easy to work with as the PHP API. There are also new base control templates, a date/time control, and section/panel/global notifications to name a few. <a href="%s">Check out the full list.</a>' ),
-							'https://make.wordpress.org/core/2017/11/01/improvements-to-the-customize-js-api-in-4-9/'
-						);
-					?></p>
-				</div>
-				<div class="col">
-					<h3><a href="https://make.wordpress.org/core/2017/10/22/code-editing-improvements-in-wordpress-4-9/"><?php _e( 'CodeMirror available for use in your themes and plugins' ); ?></a></h3>
-					<p><?php _e( 'We&#8217;ve introduced a new code editing library, CodeMirror, for use within core. Use it to improve any code writing or editing experiences within your plugins, like CSS or JavaScript include fields.' ); ?></p>
-				</div>
-				<div class="col">
-					<h3><a href="https://make.wordpress.org/core/2017/10/30/mediaelement-upgrades-in-wordpress-4-9/"><?php _e( 'MediaElement.js upgraded to 4.2.6' ); ?></a></h3>
-					<p><?php _e( 'WordPress 4.9 includes an upgraded version of MediaElement.js, which removes dependencies on jQuery, improves accessibility, modernizes the UI, and fixes many bugs.' ); ?></p>
-				</div>
-				<div class="col">
-					<h3><a href="https://make.wordpress.org/core/2017/10/15/improvements-for-roles-and-capabilities-in-4-9/"><?php _e( 'Improvements to Roles and Capabilities' ); ?></a></h3>
-					<p><?php _e( 'New capabilities have been introduced that allow granular management of plugins and translation files. In addition, the site switching process in multisite has been fine-tuned to update the available roles and capabilities in a more reliable and coherent way.' ); ?></p>
+					<h4><?php echo $feature['heading']; ?></h4>
+					<p><?php echo $feature['description']; ?></p>
 				</div>
+				<?php endforeach; ?>
 			</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 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>
-
-	<script>
-		(function( $ ) {
-			$( function() {
-				var $window = $( window );
-				var $adminbar = $( '#wpadminbar' );
-				var $sections = $( '.floating-header-section' );
-				var offset = 0;
-
-				// Account for Admin bar.
-				if ( $adminbar.length ) {
-					offset += $adminbar.height();
-				}
-
-				function setup() {
-					$sections.each( function( i, section ) {
-						var $section = $( section );
-						// If the title is long, switch the layout
-						var $title = $section.find( 'h2' );
-						if ( $title.innerWidth() > 300 ) {
-							$section.addClass( 'has-long-title' );
-						}
-					} );
-				}
-
-				var adjustScrollPosition = _.throttle( function adjustScrollPosition() {
-					$sections.each( function( i, section ) {
-						var $section = $( section );
-						var $header = $section.find( 'h2' );
-						var width = $header.innerWidth();
-						var height = $header.innerHeight();
-
-						if ( $section.hasClass( 'has-long-title' ) ) {
-							return;
-						}
-
-						var sectionStart = $section.offset().top - offset;
-						var sectionEnd = sectionStart + $section.innerHeight();
-						var scrollPos = $window.scrollTop();
-
-						// If we're scrolled into a section, stick the header
-						if ( scrollPos >= sectionStart && scrollPos < sectionEnd - height ) {
-							$header.css( {
-								position: 'fixed',
-								top: offset + 'px',
-								bottom: 'auto',
-								width: width + 'px'
-							} );
-						// If we're at the end of the section, stick the header to the bottom
-						} else if ( scrollPos >= sectionEnd - height && scrollPos < sectionEnd ) {
-							$header.css( {
-								position: 'absolute',
-								top: 'auto',
-								bottom: 0,
-								width: width + 'px'
-							} );
-						// Unstick the header
-						} else {
-							$header.css( {
-								position: 'static',
-								top: 'auto',
-								bottom: 'auto',
-								width: 'auto'
-							} );
-						}
-					} );
-				}, 100 );
-
-				function enableFixedHeaders() {
-					if ( $window.width() > 782 ) {
-						setup();
-						adjustScrollPosition();
-						$window.on( 'scroll', adjustScrollPosition );
-					} else {
-						$window.off( 'scroll', adjustScrollPosition );
-						$sections.find( '.section-header' )
-							.css( {
-								width: 'auto'
-							} );
-						$sections.find( 'h2' )
-							.css( {
-								position: 'static',
-								top: 'auto',
-								bottom: 'auto',
-								width: 'auto'
-							} );
-					}
-				}
-				$( window ).resize( enableFixedHeaders );
-				enableFixedHeaders();
-			} );
-		})( jQuery );
-	</script>
-
 <?php
 
 include( ABSPATH . 'wp-admin/admin-footer.php' );
@@ -467,19 +402,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.',
@@ -493,5 +422,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,12 +21,12 @@ 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
 if ( empty( $_REQUEST['action'] ) )
-	wp_die( '0', 400 );
+	die( '0' );
 
 /** Load WordPress Administration APIs */
 require_once( ABSPATH . 'wp-admin/includes/admin.php' );
@@ -56,22 +56,17 @@ $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', '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', 'edit-theme-plugin-file',
-	'wp-privacy-export-personal-data',
-	'wp-privacy-erase-personal-data',
+	'parse-media-shortcode', 'destroy-sessions', 'install-plugin', 'update-plugin', 'press-this-save-post',
+	'press-this-add-category', 'crop-image',
 );
 
 // Deprecated
-$core_actions_post_deprecated = array( 'wp-fullscreen-save-post', 'press-this-save-post', 'press-this-add-category' );
-$core_actions_post = array_merge( $core_actions_post, $core_actions_post_deprecated );
+$core_actions_post[] = 'wp-fullscreen-save-post';
 
 // Register core Ajax calls.
 if ( ! empty( $_GET['action'] ) && in_array( $_GET['action'], $core_actions_get ) )
@@ -83,35 +78,25 @@ if ( ! empty( $_POST['action'] ) && in_array( $_POST['action'], $core_actions_po
 add_action( 'wp_ajax_nopriv_heartbeat', 'wp_ajax_nopriv_heartbeat', 1 );
 
 if ( is_user_logged_in() ) {
-	// If no action is registered, return a Bad Request response.
-	if ( ! has_action( 'wp_ajax_' . $_REQUEST['action'] ) ) {
-		wp_die( '0', 400 );
-	}
-
 	/**
-	 * 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 {
-	// If no action is registered, return a Bad Request response.
-	if ( ! has_action( 'wp_ajax_nopriv_' . $_REQUEST['action'] ) ) {
-		wp_die( '0', 400 );
-	}
-
 	/**
-	 * 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
 	 */
 	do_action( 'wp_ajax_nopriv_' . $_REQUEST['action'] );
 }
 // Default status
-wp_die( '0' );
+die( '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
  *
@@ -75,13 +70,13 @@ wp_enqueue_script( 'svg-painter' );
 $admin_body_class = preg_replace('/[^a-z0-9_-]+/i', '-', $hook_suffix);
 ?>
 <script type="text/javascript">
-addLoadEvent = function(func){if(typeof jQuery!="undefined")jQuery(document).ready(func);else if(typeof wpOnload!='function'){wpOnload=func;}else{var oldonload=wpOnload;wpOnload=function(){oldonload();func();}}};
-var ajaxurl = '<?php echo admin_url( 'admin-ajax.php', 'relative' ); ?>',
-	pagenow = '<?php echo $current_screen->id; ?>',
-	typenow = '<?php echo $current_screen->post_type; ?>',
-	adminpage = '<?php echo $admin_body_class; ?>',
-	thousandsSeparator = '<?php echo addslashes( $wp_locale->number_format['thousands_sep'] ); ?>',
-	decimalPoint = '<?php echo addslashes( $wp_locale->number_format['decimal_point'] ); ?>',
+addLoadEvent = function(func){if(typeof jQuery!=='undefined')jQuery(document).ready(func);else if(typeof wpOnload!=='function'){wpOnload=func;}else{var oldonload=wpOnload;wpOnload=function(){oldonload();func();}}};
+var ajaxurl = '<?php echo esc_js( admin_url( 'admin-ajax.php', 'relative' ) ); ?>',
+	pagenow = '<?php echo esc_js( $current_screen->id ); ?>',
+	typenow = '<?php echo esc_js( $current_screen->post_type ); ?>',
+	adminpage = '<?php echo esc_js( $admin_body_class ); ?>',
+	thousandsSeparator = '<?php echo esc_js( $wp_locale->number_format['thousands_sep'] ); ?>',
+	decimalPoint = '<?php echo esc_js( $wp_locale->number_format['decimal_point'] ); ?>',
 	isRtl = <?php echo (int) is_rtl(); ?>;
 </script>
 <meta name="viewport" content="width=device-width,initial-scale=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,21 +84,19 @@ 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');
 
-// Schedule Transient cleanup.
-if ( ! wp_next_scheduled( 'delete_expired_transients' ) && ! wp_installing() ) {
-	wp_schedule_event( time(), 'daily', 'delete_expired_transients' );
-}
-
 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' );
 
+
+
+
 /**
  * $pagenow is set in vars.php
  * $wp_importers is sometimes set in wp-admin/includes/import.php
@@ -140,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 ) );
 }
 
 /**
@@ -149,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
  */
@@ -163,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' ]) )
@@ -211,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');
 
@@ -223,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)));
@@ -242,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');
@@ -260,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 ) );
@@ -281,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';
@@ -302,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.
@@ -329,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.
@@ -345,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

@@ -1,6 +1,6 @@
 <?php
 /**
- * Server-side file upload handler from wp-plupload or other asynchronous upload methods.
+ * Server-side file upload handler from wp-plupload, swfupload or other asynchronous upload methods.
  *
  * @package WordPress
  * @subpackage Administration
@@ -14,15 +14,25 @@ if ( ! defined( 'WP_ADMIN' ) ) {
 	define( 'WP_ADMIN', true );
 }
 
-if ( defined( 'ABSPATH' ) ) {
-	require_once( ABSPATH . 'wp-load.php' );
-} else {
+if ( defined('ABSPATH') )
+	require_once(ABSPATH . 'wp-load.php');
+else
 	require_once( dirname( dirname( __FILE__ ) ) . '/wp-load.php' );
+
+if ( ! ( isset( $_REQUEST['action'] ) && 'upload-attachment' == $_REQUEST['action'] ) ) {
+	// Flash often fails to send cookies with the POST or upload, so we need to pass it in GET or POST instead
+	if ( is_ssl() && empty($_COOKIE[SECURE_AUTH_COOKIE]) && !empty($_REQUEST['auth_cookie']) )
+		$_COOKIE[SECURE_AUTH_COOKIE] = $_REQUEST['auth_cookie'];
+	elseif ( empty($_COOKIE[AUTH_COOKIE]) && !empty($_REQUEST['auth_cookie']) )
+		$_COOKIE[AUTH_COOKIE] = $_REQUEST['auth_cookie'];
+	if ( empty($_COOKIE[LOGGED_IN_COOKIE]) && !empty($_REQUEST['logged_in_cookie']) )
+		$_COOKIE[LOGGED_IN_COOKIE] = $_REQUEST['logged_in_cookie'];
+	unset($current_user);
 }
 
 require_once( ABSPATH . 'wp-admin/admin.php' );
 
-header( 'Content-Type: text/html; charset=' . get_option( 'blog_charset' ) );
+header( 'Content-Type: text/plain; charset=' . get_option( 'blog_charset' ) );
 
 if ( isset( $_REQUEST['action'] ) && 'upload-attachment' === $_REQUEST['action'] ) {
 	include( ABSPATH . 'wp-admin/includes/ajax-actions.php' );
@@ -35,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 :
@@ -82,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;
 }
@@ -95,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,56 +8,107 @@
 
 /** 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' );
 ?>
-<div class="wrap about-wrap full-width-layout">
+<div class="wrap about-wrap">
 
 <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 will smooth your design workflow and keep you safe from coding errors.' ), $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>
-	<a href="freedoms.php?privacy-notice" class="nav-tab"><?php _e( 'Privacy' ); ?></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>
 
-<div class="about-wrap-content">
 <?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>';
-	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;
 }
 
 echo '<p class="about-description">' . __( 'WordPress is created by a worldwide team of passionate individuals.' ) . "</p>\n";
 
-echo '<p>' . sprintf(
-	/* translators: %s: https://make.wordpress.org/ */
-	__( 'Want to see your name in lights on this page? <a href="%s">Get involved in WordPress</a>.' ),
-	__( 'https://make.wordpress.org/' )
-) . '</p>';
-
 foreach ( $credits['groups'] as $group_slug => $group_data ) {
 	if ( $group_data['name'] ) {
 		if ( 'Translators' == $group_data['name'] ) {
@@ -69,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'] ) )
@@ -90,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";
@@ -107,7 +158,10 @@ foreach ( $credits['groups'] as $group_slug => $group_data ) {
 }
 
 ?>
-</div>
+<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
 
@@ -117,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' );
-__( 'Noteworthy Contributors' );
+__( '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

@@ -8,7 +8,6 @@
    2.0 About Page
     2.1 Typography
     2.2 Structure
-    2.3 Floating Header Layout
    3.0 Credits & Freedoms Pages
 ------------------------------------------------------------------------------*/
 
@@ -23,14 +22,6 @@
 	font-size: 15px;
 }
 
-.about-wrap.full-width-layout {
-	max-width: 1200px;
-}
-
-.about-wrap-content {
-	max-width: 1050px;
-}
-
 .about-wrap div.updated,
 .about-wrap div.error,
 .about-wrap .notice {
@@ -58,10 +49,11 @@
 /* WordPress Version Badge */
 
 .wp-badge {
-	background: #0073aa url(../images/w-logo-white.png?ver=20160308) no-repeat;
-	background-position: center 25px;
-	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;
@@ -69,13 +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 {
@@ -86,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;
@@ -114,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;
 }
@@ -162,68 +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: -webkit-box;
-	display: flex;
-	-webkit-box-pack: justify;
-	justify-content: space-between;
-	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 .inline-svg img {
-	max-width: 100%;
-	width: 100%;
-	height: auto;
-}
-
-.about-wrap .inline-svg.full-width {
-	margin-bottom: 120px;
-}
-
-.about-wrap [class$="-col"] .col {
-	-webkit-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;
-	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,35 +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;
-	column-count: 2;
-	-webkit-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;
 }
@@ -301,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;
 }
 
@@ -344,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 {
@@ -352,90 +281,9 @@
 	padding: 0 5px;
 }
 
-/* 2.3 Floating Header Layout */
-
-.about-wrap .floating-header-section {
-	display: -ms-grid;
-	display: grid;
-	grid-gap: 0 60px;
-	-ms-grid-columns: 5fr 11fr;
-	grid-template-columns: 5fr 11fr;
-	max-width: 1020px;
-	margin: 0 auto 120px;
-}
-
-.about-wrap .floating-header-section .section-header {
-	-ms-grid-column: 1;
-	grid-column: 1;
-	position: relative;
-	min-width: 230px;
-	max-width: 300px;
-}
-
-.about-wrap .floating-header-section h2 {
-	margin: 0;
-	text-align: right;
-	position: absolute;
-}
-
-.about-wrap .floating-header-section .section-content {
-	-ms-grid-column: 2;
-	grid-column: 2;
-	display: -webkit-box;
-	display: flex;
-	-webkit-box-pack: justify;
-	justify-content: space-between;
-	-webkit-box-align: start;
-	align-items: flex-start;
-	-webkit-box-orient: horizontal;
-	-webkit-box-direction: normal;
-	flex-flow: row wrap;
-	-webkit-box-flex: 2;
-	flex-grow: 2;
-	flex-shrink: 0;
-}
-
-.about-wrap .floating-header-section .section-item {
-	-webkit-box-flex: 1;
-	flex-grow: 1;
-	max-width: calc(50% - 30px);
-}
-
-.about-wrap .floating-header-section .section-item:nth-child(1),
-.about-wrap .floating-header-section .section-item:nth-child(2) {
-	margin-bottom: 60px;
-}
-
-.about-wrap .floating-header-section .section-item:nth-child(1):nth-last-child(2),
-.about-wrap .floating-header-section .section-item:nth-child(2):nth-last-child(1) {
-	margin-bottom: 0;
-}
-
-.about-wrap .floating-header-section.has-long-title {
-	display: block;
-}
-
-.about-wrap .floating-header-section.has-long-title .section-header {
-	max-width: 100%;
-}
-
-.about-wrap .floating-header-section.has-long-title h2 {
-	position: static;
-	margin-bottom: 60px;
-}
-
-.about-wrap .floating-header-section.has-long-title .section-content {
-	-webkit-box-pack: start;
-	justify-content: flex-start;
-}
-
-.about-wrap .floating-header-section.has-long-title .section-item {
-	max-width: 300px;
-	margin-bottom: 0;
-}
-
-.about-wrap .floating-header-section.has-long-title .section-item + .section-item {
-	margin-right: 60px;
+.about-wrap .feature-list.finer-points h4,
+.about-wrap .feature-list.finer-points p {
+	margin-right: 115px;
 }
 
 /*------------------------------------------------------------------------------
@@ -444,23 +292,22 @@
 
 /* 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 {
-	margin-bottom: 0;
+.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;
@@ -469,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;
 }
@@ -517,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;
 }
 
@@ -529,32 +373,18 @@
   4.0 - Media Queries
 ------------------------------------------------------------------------------*/
 
-@media screen and (max-width: 1250px) {
-	.about-wrap .floating-header-section.has-long-title .section-item:nth-child(1),
-	.about-wrap .floating-header-section.has-long-title .section-item:nth-child(2) {
-		margin: 0 0 60px;
+@media screen and ( max-width: 782px ) {
+	.about-wrap .feature-section {
+		padding: 0;
+		border-bottom: none;
 	}
 
-	.about-wrap .floating-header-section.has-long-title .section-item:nth-child(3),
-	.about-wrap .floating-header-section.has-long-title .section-item:nth-child(4) {
-		margin: 0;
-	}
-
-	.about-wrap .floating-header-section.has-long-title .section-item:nth-child(2),
-	.about-wrap .floating-header-section.has-long-title .section-item:nth-child(4) {
-		margin-right: 60px;
-	}
-}
-
-@media screen and (max-width: 782px) {
-	.about-wrap .two-col-text {
-		-webkit-column-count: 1;
-		column-count: 1;
-	}
-
-	.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 {
@@ -562,18 +392,18 @@
 		margin: 0 auto;
 	}
 
-	.about-wrap .floating-header-section {
-		display: block;
+	.about-wrap .feature-list .col {
+		margin: 0;
+		padding: 0;
+		border-bottom: none;
 	}
 
-	.about-wrap .floating-header-section .section-header,
-	.about-wrap .floating-header-section .section-content {
+	.about-wrap .headline-feature .feature-section {
 		max-width: 100%;
 	}
 
-	.about-wrap .floating-header-section h2 {
-		position: static;
-		margin-bottom: 60px;
+	.about-wrap .feature-list .feature-section {
+		padding: 0 0 40px;
 	}
 }
 
@@ -598,46 +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 .floating-header-section {
-		margin-bottom: 60px;
-		grid-gap: 30px 0;
-	}
-
-	.about-wrap .inline-svg.full-width {
-		margin-bottom: 60px;
-	}
-
-	.about-wrap .floating-header-section h2 {
-		word-break: break-all;
-		-webkit-hyphens: auto;
-		-ms-hyphens: auto;
-		hyphens: auto;
-	}
-
-	.about-wrap .floating-header-section .section-content .section-item {
-		max-width: 100%;
-		margin: 0 0 60px;
+	.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

@@ -8,7 +8,6 @@
    2.0 About Page
     2.1 Typography
     2.2 Structure
-    2.3 Floating Header Layout
    3.0 Credits & Freedoms Pages
 ------------------------------------------------------------------------------*/
 
@@ -23,14 +22,6 @@
 	font-size: 15px;
 }
 
-.about-wrap.full-width-layout {
-	max-width: 1200px;
-}
-
-.about-wrap-content {
-	max-width: 1050px;
-}
-
 .about-wrap div.updated,
 .about-wrap div.error,
 .about-wrap .notice {
@@ -58,10 +49,11 @@
 /* WordPress Version Badge */
 
 .wp-badge {
-	background: #0073aa url(../images/w-logo-white.png?ver=20160308) no-repeat;
-	background-position: center 25px;
-	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;
@@ -69,13 +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 {
@@ -86,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;
@@ -114,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;
 }
@@ -162,68 +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: -webkit-box;
-	display: flex;
-	-webkit-box-pack: justify;
-	justify-content: space-between;
-	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 .inline-svg img {
-	max-width: 100%;
-	width: 100%;
-	height: auto;
-}
-
-.about-wrap .inline-svg.full-width {
-	margin-bottom: 120px;
-}
-
-.about-wrap [class$="-col"] .col {
-	-webkit-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;
-	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,35 +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;
-	column-count: 2;
-	-webkit-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;
 }
@@ -301,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;
 }
 
@@ -344,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 {
@@ -352,90 +281,9 @@
 	padding: 0 5px;
 }
 
-/* 2.3 Floating Header Layout */
-
-.about-wrap .floating-header-section {
-	display: -ms-grid;
-	display: grid;
-	grid-gap: 0 60px;
-	-ms-grid-columns: 5fr 11fr;
-	grid-template-columns: 5fr 11fr;
-	max-width: 1020px;
-	margin: 0 auto 120px;
-}
-
-.about-wrap .floating-header-section .section-header {
-	-ms-grid-column: 1;
-	grid-column: 1;
-	position: relative;
-	min-width: 230px;
-	max-width: 300px;
-}
-
-.about-wrap .floating-header-section h2 {
-	margin: 0;
-	text-align: left;
-	position: absolute;
-}
-
-.about-wrap .floating-header-section .section-content {
-	-ms-grid-column: 2;
-	grid-column: 2;
-	display: -webkit-box;
-	display: flex;
-	-webkit-box-pack: justify;
-	justify-content: space-between;
-	-webkit-box-align: start;
-	align-items: flex-start;
-	-webkit-box-orient: horizontal;
-	-webkit-box-direction: normal;
-	flex-flow: row wrap;
-	-webkit-box-flex: 2;
-	flex-grow: 2;
-	flex-shrink: 0;
-}
-
-.about-wrap .floating-header-section .section-item {
-	-webkit-box-flex: 1;
-	flex-grow: 1;
-	max-width: calc(50% - 30px);
-}
-
-.about-wrap .floating-header-section .section-item:nth-child(1),
-.about-wrap .floating-header-section .section-item:nth-child(2) {
-	margin-bottom: 60px;
-}
-
-.about-wrap .floating-header-section .section-item:nth-child(1):nth-last-child(2),
-.about-wrap .floating-header-section .section-item:nth-child(2):nth-last-child(1) {
-	margin-bottom: 0;
-}
-
-.about-wrap .floating-header-section.has-long-title {
-	display: block;
-}
-
-.about-wrap .floating-header-section.has-long-title .section-header {
-	max-width: 100%;
-}
-
-.about-wrap .floating-header-section.has-long-title h2 {
-	position: static;
-	margin-bottom: 60px;
-}
-
-.about-wrap .floating-header-section.has-long-title .section-content {
-	-webkit-box-pack: start;
-	justify-content: flex-start;
-}
-
-.about-wrap .floating-header-section.has-long-title .section-item {
-	max-width: 300px;
-	margin-bottom: 0;
-}
-
-.about-wrap .floating-header-section.has-long-title .section-item + .section-item {
-	margin-left: 60px;
+.about-wrap .feature-list.finer-points h4,
+.about-wrap .feature-list.finer-points p {
+	margin-left: 115px;
 }
 
 /*------------------------------------------------------------------------------
@@ -444,23 +292,22 @@
 
 /* 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 {
-	margin-bottom: 0;
+.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;
@@ -469,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;
 }
@@ -517,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;
 }
 
@@ -529,32 +373,18 @@
   4.0 - Media Queries
 ------------------------------------------------------------------------------*/
 
-@media screen and (max-width: 1250px) {
-	.about-wrap .floating-header-section.has-long-title .section-item:nth-child(1),
-	.about-wrap .floating-header-section.has-long-title .section-item:nth-child(2) {
-		margin: 0 0 60px;
+@media screen and ( max-width: 782px ) {
+	.about-wrap .feature-section {
+		padding: 0;
+		border-bottom: none;
 	}
 
-	.about-wrap .floating-header-section.has-long-title .section-item:nth-child(3),
-	.about-wrap .floating-header-section.has-long-title .section-item:nth-child(4) {
-		margin: 0;
-	}
-
-	.about-wrap .floating-header-section.has-long-title .section-item:nth-child(2),
-	.about-wrap .floating-header-section.has-long-title .section-item:nth-child(4) {
-		margin-left: 60px;
-	}
-}
-
-@media screen and (max-width: 782px) {
-	.about-wrap .two-col-text {
-		-webkit-column-count: 1;
-		column-count: 1;
-	}
-
-	.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 {
@@ -562,18 +392,18 @@
 		margin: 0 auto;
 	}
 
-	.about-wrap .floating-header-section {
-		display: block;
+	.about-wrap .feature-list .col {
+		margin: 0;
+		padding: 0;
+		border-bottom: none;
 	}
 
-	.about-wrap .floating-header-section .section-header,
-	.about-wrap .floating-header-section .section-content {
+	.about-wrap .headline-feature .feature-section {
 		max-width: 100%;
 	}
 
-	.about-wrap .floating-header-section h2 {
-		position: static;
-		margin-bottom: 60px;
+	.about-wrap .feature-list .feature-section {
+		padding: 0 0 40px;
 	}
 }
 
@@ -598,46 +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 .floating-header-section {
-		margin-bottom: 60px;
-		grid-gap: 30px 0;
-	}
-
-	.about-wrap .inline-svg.full-width {
-		margin-bottom: 60px;
-	}
-
-	.about-wrap .floating-header-section h2 {
-		word-break: break-all;
-		-webkit-hyphens: auto;
-		-ms-hyphens: auto;
-		hyphens: auto;
-	}
-
-	.about-wrap .floating-header-section .section-content .section-item {
-		max-width: 100%;
-		margin: 0 0 60px;
+	.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;
@@ -47,60 +47,61 @@
 	display: inline-block;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
+	-webkit-transition: all .1s ease-in-out;
 	transition: all .1s ease-in-out;
 }
 
 .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 */
@@ -202,6 +203,7 @@
 	padding: 7px 0 8px;
 	z-index: 9999;
 	background-color: #32373c;
+	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
 	box-shadow: 0 3px 5px rgba(0,0,0,0.2);
 }
 
@@ -225,6 +227,7 @@
 	bottom: auto;
 	border: 0 none;
 	margin-top: 0;
+	-webkit-box-shadow: none;
 	box-shadow: none;
 	background-color: #32373c;
 }
@@ -261,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;
 }
@@ -280,9 +283,9 @@
 
 #adminmenu .wp-submenu a {
 	font-size: 13px;
-	line-height: 18px;
+	line-height: 1.2;
 	margin: 0;
-	padding: 5px 0;
+	padding: 6px 0;
 }
 
 #adminmenu .wp-submenu li.current,
@@ -298,12 +301,13 @@
 .folded #adminmenu .wp-has-current-submenu li > a {
 	padding-left: 16px;
 	padding-right: 14px;
+	-webkit-transition: all .1s ease-in-out;
 	transition: all .1s ease-in-out;
 }
 
 #adminmenu .wp-has-current-submenu ul > li > a,
 .folded #adminmenu li.menu-top .wp-submenu > li > a {
-	padding: 5px 12px;
+	padding: 6px 12px;
 }
 
 #adminmenu a.menu-top,
@@ -354,6 +358,7 @@
 #adminmenu div.wp-menu-image.svg {
 	background-repeat: no-repeat;
 	background-position: center;
+	-webkit-background-size: 20px auto;
 	background-size: 20px auto;
 }
 
@@ -361,6 +366,7 @@ div.wp-menu-image:before {
 	color: #a0a5aa;
 	color: rgba(240,245,250,0.6);
 	padding: 7px 0;
+	-webkit-transition: all .1s ease-in-out;
 	transition: all .1s ease-in-out;
 }
 
@@ -510,26 +516,29 @@ ul#adminmenu > li.current > a.current:after {
 	border: 0 none;
 }
 
-/* @todo: consider to use a single rule for these counters and the list table comments counters. */
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
 	display: inline-block;
-	vertical-align: top;
-	margin: 1px 2px 0 0;
-	padding: 0 5px;
-	min-width: 7px;
-	height: 17px;
-	border-radius: 11px;
-	background-color: #ca4a1f;
+	background-color: #d54e21;
 	color: #fff;
 	font-size: 9px;
 	line-height: 17px;
-	text-align: center;
+	font-weight: 600;
+	margin: 1px 2px 0 0;
+	vertical-align: top;
+	-webkit-border-radius: 10px;
+	border-radius: 10px;
 	z-index: 26;
 }
 
+#adminmenu li .awaiting-mod span,
+#adminmenu li span.update-plugins span {
+	display: block;
+	padding: 0 6px;
+}
+
 #adminmenu li.current a .awaiting-mod,
-#adminmenu li a.wp-has-current-submenu .update-plugins {
+#adminmenu	li a.wp-has-current-submenu .update-plugins {
 	background-color: #00b9eb;
 	color: #fff;
 }
@@ -538,79 +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 {
-	transition: all .1s ease-in-out;
-}
-
 /**
  * Toolbar menu toggle
  */
@@ -643,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;
 	}
@@ -722,18 +731,24 @@ 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;
 	}
 
@@ -814,6 +829,7 @@ li#wp-admin-bar-menu-toggle {
 		display: block;
 		top: 0;
 		right: -1px;
+		-webkit-box-shadow: none;
 		box-shadow: none;
 	}
 
@@ -855,6 +871,8 @@ li#wp-admin-bar-menu-toggle {
 		padding-left: 10px;
 		z-index: 99999;
 		border: none;
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
 		box-sizing: border-box;
 	}
 
@@ -883,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;
@@ -898,6 +916,8 @@ li#wp-admin-bar-menu-toggle {
 		border: none;
 		text-align: center;
 		text-decoration: none;
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
 		box-sizing: border-box;
 	}
 

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;
@@ -47,60 +47,61 @@
 	display: inline-block;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
+	-webkit-transition: all .1s ease-in-out;
 	transition: all .1s ease-in-out;
 }
 
 .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 */
@@ -202,6 +203,7 @@
 	padding: 7px 0 8px;
 	z-index: 9999;
 	background-color: #32373c;
+	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
 	box-shadow: 0 3px 5px rgba(0,0,0,0.2);
 }
 
@@ -225,6 +227,7 @@
 	bottom: auto;
 	border: 0 none;
 	margin-top: 0;
+	-webkit-box-shadow: none;
 	box-shadow: none;
 	background-color: #32373c;
 }
@@ -261,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;
 }
@@ -280,9 +283,9 @@
 
 #adminmenu .wp-submenu a {
 	font-size: 13px;
-	line-height: 18px;
+	line-height: 1.2;
 	margin: 0;
-	padding: 5px 0;
+	padding: 6px 0;
 }
 
 #adminmenu .wp-submenu li.current,
@@ -298,12 +301,13 @@
 .folded #adminmenu .wp-has-current-submenu li > a {
 	padding-right: 16px;
 	padding-left: 14px;
+	-webkit-transition: all .1s ease-in-out;
 	transition: all .1s ease-in-out;
 }
 
 #adminmenu .wp-has-current-submenu ul > li > a,
 .folded #adminmenu li.menu-top .wp-submenu > li > a {
-	padding: 5px 12px;
+	padding: 6px 12px;
 }
 
 #adminmenu a.menu-top,
@@ -354,6 +358,7 @@
 #adminmenu div.wp-menu-image.svg {
 	background-repeat: no-repeat;
 	background-position: center;
+	-webkit-background-size: 20px auto;
 	background-size: 20px auto;
 }
 
@@ -361,6 +366,7 @@ div.wp-menu-image:before {
 	color: #a0a5aa;
 	color: rgba(240,245,250,0.6);
 	padding: 7px 0;
+	-webkit-transition: all .1s ease-in-out;
 	transition: all .1s ease-in-out;
 }
 
@@ -510,26 +516,29 @@ ul#adminmenu > li.current > a.current:after {
 	border: 0 none;
 }
 
-/* @todo: consider to use a single rule for these counters and the list table comments counters. */
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
 	display: inline-block;
-	vertical-align: top;
-	margin: 1px 0 0 2px;
-	padding: 0 5px;
-	min-width: 7px;
-	height: 17px;
-	border-radius: 11px;
-	background-color: #ca4a1f;
+	background-color: #d54e21;
 	color: #fff;
 	font-size: 9px;
 	line-height: 17px;
-	text-align: center;
+	font-weight: 600;
+	margin: 1px 0 0 2px;
+	vertical-align: top;
+	-webkit-border-radius: 10px;
+	border-radius: 10px;
 	z-index: 26;
 }
 
+#adminmenu li .awaiting-mod span,
+#adminmenu li span.update-plugins span {
+	display: block;
+	padding: 0 6px;
+}
+
 #adminmenu li.current a .awaiting-mod,
-#adminmenu li a.wp-has-current-submenu .update-plugins {
+#adminmenu	li a.wp-has-current-submenu .update-plugins {
 	background-color: #00b9eb;
 	color: #fff;
 }
@@ -538,79 +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 {
-	transition: all .1s ease-in-out;
-}
-
 /**
  * Toolbar menu toggle
  */
@@ -643,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;
 	}
@@ -722,18 +731,24 @@ 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;
 	}
 
@@ -814,6 +829,7 @@ li#wp-admin-bar-menu-toggle {
 		display: block;
 		top: 0;
 		left: -1px;
+		-webkit-box-shadow: none;
 		box-shadow: none;
 	}
 
@@ -855,6 +871,8 @@ li#wp-admin-bar-menu-toggle {
 		padding-right: 10px;
 		z-index: 99999;
 		border: none;
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
 		box-sizing: border-box;
 	}
 
@@ -883,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;
@@ -898,6 +916,8 @@ li#wp-admin-bar-menu-toggle {
 		border: none;
 		text-align: center;
 		text-decoration: none;
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
 		box-sizing: border-box;
 	}
 

wp-admin/css/code-editor-rtl.css

@@ -1,72 +0,0 @@
-.wrap [class*="CodeMirror-lint-marker"],
-.wp-core-ui [class*="CodeMirror-lint-message"],
-.wrap .CodeMirror-lint-marker-multiple {
-	background-image: none;
-}
-
-.wp-core-ui .CodeMirror-lint-marker-error,
-.wp-core-ui .CodeMirror-lint-marker-warning {
-	cursor: help;
-}
-
-.wrap .CodeMirror-lint-marker-multiple {
-	position: absolute;
-	top: 0;
-}
-
-.wrap [class*="CodeMirror-lint-marker"]:before {
-	font: normal 18px/1 dashicons;
-	position: relative;
-	top: -2px;
-}
-
-.wp-core-ui [class*="CodeMirror-lint-message"]:before {
-	font: normal 16px/1 dashicons;
-	right: 16px;
-	position: absolute;
-}
-
-.wp-core-ui .CodeMirror-lint-message-error,
-.wp-core-ui .CodeMirror-lint-message-warning {
-	box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
-	margin: 5px 0 2px;
-	padding: 3px 28px 3px 12px;
-}
-
-.wp-core-ui .CodeMirror-lint-message-warning {
-	background-color: #fff8e5;
-	border-right: 4px solid #ffb900;
-}
-
-.wrap .CodeMirror-lint-marker-warning:before,
-.wp-core-ui .CodeMirror-lint-message-warning:before {
-	content: "\f534";
-	color: #f6a306;
-}
-
-.wp-core-ui .CodeMirror-lint-message-error {
-	background-color: #fbeaea;
-	border-right: 4px solid #dc3232;
-}
-
-.wrap .CodeMirror-lint-marker-error:before,
-.wp-core-ui .CodeMirror-lint-message-error:before {
-	content: "\f153";
-	color: #dc3232;
-}
-
-.wp-core-ui .CodeMirror-lint-tooltip {
-	background: none;
-	border: none;
-	border-radius: 0;
-	direction: rtl;
-}
-
-.wrap .CodeMirror .CodeMirror-matchingbracket {
-	background: rgba(255, 150, 0, .3);
-	color: inherit;
-}
-
-.CodeMirror {
-	text-align: right;
-}

wp-admin/css/code-editor-rtl.min.css

@@ -1,2 +0,0 @@
-/*! This file is auto-generated */
-.wp-core-ui [class*=CodeMirror-lint-message],.wrap .CodeMirror-lint-marker-multiple,.wrap [class*=CodeMirror-lint-marker]{background-image:none}.wp-core-ui .CodeMirror-lint-marker-error,.wp-core-ui .CodeMirror-lint-marker-warning{cursor:help}.wrap .CodeMirror-lint-marker-multiple{position:absolute;top:0}.wrap [class*=CodeMirror-lint-marker]:before{font:400 18px/1 dashicons;position:relative;top:-2px}.wp-core-ui [class*=CodeMirror-lint-message]:before{font:400 16px/1 dashicons;right:16px;position:absolute}.wp-core-ui .CodeMirror-lint-message-error,.wp-core-ui .CodeMirror-lint-message-warning{box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:5px 0 2px;padding:3px 28px 3px 12px}.wp-core-ui .CodeMirror-lint-message-warning{background-color:#fff8e5;border-right:4px solid #ffb900}.wp-core-ui .CodeMirror-lint-message-warning:before,.wrap .CodeMirror-lint-marker-warning:before{content:"\f534";color:#f6a306}.wp-core-ui .CodeMirror-lint-message-error{background-color:#fbeaea;border-right:4px solid #dc3232}.wp-core-ui .CodeMirror-lint-message-error:before,.wrap .CodeMirror-lint-marker-error:before{content:"\f153";color:#dc3232}.wp-core-ui .CodeMirror-lint-tooltip{background:0 0;border:none;border-radius:0;direction:rtl}.wrap .CodeMirror .CodeMirror-matchingbracket{background:rgba(255,150,0,.3);color:inherit}.CodeMirror{text-align:right}

wp-admin/css/code-editor.css

@@ -1,72 +0,0 @@
-.wrap [class*="CodeMirror-lint-marker"],
-.wp-core-ui [class*="CodeMirror-lint-message"],
-.wrap .CodeMirror-lint-marker-multiple {
-	background-image: none;
-}
-
-.wp-core-ui .CodeMirror-lint-marker-error,
-.wp-core-ui .CodeMirror-lint-marker-warning {
-	cursor: help;
-}
-
-.wrap .CodeMirror-lint-marker-multiple {
-	position: absolute;
-	top: 0;
-}
-
-.wrap [class*="CodeMirror-lint-marker"]:before {
-	font: normal 18px/1 dashicons;
-	position: relative;
-	top: -2px;
-}
-
-.wp-core-ui [class*="CodeMirror-lint-message"]:before {
-	font: normal 16px/1 dashicons;
-	left: 16px;
-	position: absolute;
-}
-
-.wp-core-ui .CodeMirror-lint-message-error,
-.wp-core-ui .CodeMirror-lint-message-warning {
-	box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
-	margin: 5px 0 2px;
-	padding: 3px 12px 3px 28px;
-}
-
-.wp-core-ui .CodeMirror-lint-message-warning {
-	background-color: #fff8e5;
-	border-left: 4px solid #ffb900;
-}
-
-.wrap .CodeMirror-lint-marker-warning:before,
-.wp-core-ui .CodeMirror-lint-message-warning:before {
-	content: "\f534";
-	color: #f6a306;
-}
-
-.wp-core-ui .CodeMirror-lint-message-error {
-	background-color: #fbeaea;
-	border-left: 4px solid #dc3232;
-}
-
-.wrap .CodeMirror-lint-marker-error:before,
-.wp-core-ui .CodeMirror-lint-message-error:before {
-	content: "\f153";
-	color: #dc3232;
-}
-
-.wp-core-ui .CodeMirror-lint-tooltip {
-	background: none;
-	border: none;
-	border-radius: 0;
-	direction: ltr;
-}
-
-.wrap .CodeMirror .CodeMirror-matchingbracket {
-	background: rgba(255, 150, 0, .3);
-	color: inherit;
-}
-
-.CodeMirror {
-	text-align: left;
-}

wp-admin/css/code-editor.min.css

@@ -1,2 +0,0 @@
-/*! This file is auto-generated */
-.wp-core-ui [class*=CodeMirror-lint-message],.wrap .CodeMirror-lint-marker-multiple,.wrap [class*=CodeMirror-lint-marker]{background-image:none}.wp-core-ui .CodeMirror-lint-marker-error,.wp-core-ui .CodeMirror-lint-marker-warning{cursor:help}.wrap .CodeMirror-lint-marker-multiple{position:absolute;top:0}.wrap [class*=CodeMirror-lint-marker]:before{font:400 18px/1 dashicons;position:relative;top:-2px}.wp-core-ui [class*=CodeMirror-lint-message]:before{font:400 16px/1 dashicons;left:16px;position:absolute}.wp-core-ui .CodeMirror-lint-message-error,.wp-core-ui .CodeMirror-lint-message-warning{box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:5px 0 2px;padding:3px 12px 3px 28px}.wp-core-ui .CodeMirror-lint-message-warning{background-color:#fff8e5;border-left:4px solid #ffb900}.wp-core-ui .CodeMirror-lint-message-warning:before,.wrap .CodeMirror-lint-marker-warning:before{content:"\f534";color:#f6a306}.wp-core-ui .CodeMirror-lint-message-error{background-color:#fbeaea;border-left:4px solid #dc3232}.wp-core-ui .CodeMirror-lint-message-error:before,.wrap .CodeMirror-lint-marker-error:before{content:"\f153";color:#dc3232}.wp-core-ui .CodeMirror-lint-tooltip{background:0 0;border:none;border-radius:0;direction:ltr}.wrap .CodeMirror .CodeMirror-matchingbracket{background:rgba(255,150,0,.3);color:inherit}.CodeMirror{text-align:left}

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

@@ -6,23 +6,45 @@
 	display: none;
 }
 
-/* Needs higher specificiity. */
-.wp-picker-container .wp-color-result.button {
-	height: 24px;
+.wp-color-result {
+	background-color: #f7f7f7;
+	border: 1px solid #ccc;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+	cursor: pointer;
+	display: inline-block;
+	height: 22px;
 	margin: 0 0px 6px 6px;
-	padding: 0 30px 0 0;
-	font-size: 11px;
+	position: relative;
+	top: 1px;
+	-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);
 }
 
-.wp-color-result-text {
+.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:hover,
@@ -39,19 +61,26 @@
 	border-right: 1px solid #999;
 }
 
-.wp-picker-containers {
+.wp-color-result {
+	top: 0;
+}
+
+.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;
-	box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
-}
-
-.wp-color-result:active {
-	/* See Trac ticket #39662 */
-	-webkit-transform: none !important;
-	transform: none !important;
+	-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 {
@@ -59,19 +88,8 @@
 	vertical-align: top;
 }
 
-.wp-picker-input-wrap label {
-	display: inline-block;
-	vertical-align: top;
-}
-
-/* For the old `custom-background` page, to override the inline-block and margins from `.form-table td fieldset label`. */
-.form-table .wp-picker-input-wrap label {
-	margin: 0 !important;
-}
-
-.wp-picker-input-wrap .button,
-.wp-customizer .wp-picker-input-wrap .button {
- 	margin-right: 6px;
+.wp-picker-container .button {
+	margin-right: 6px;
 }
 
 .wp-picker-container .iris-square-slider .ui-slider-handle:focus {
@@ -79,8 +97,9 @@
 }
 
 .wp-picker-container .iris-picker {
+	-webkit-border-radius: 0;
 	border-radius: 0;
-	border-color: #ddd;
+	border-color: #dfdfdf;
 	margin-top: 6px;
 }
 
@@ -88,22 +107,17 @@
 	width: 65px;
 	font-size: 12px;
 	font-family: monospace;
+	text-align: center;
 	line-height: 16px;
 	margin: 0;
-	vertical-align: top;
 }
 
-.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 {
@@ -111,63 +125,3 @@
 	border-color: #c00;
 	color: #000;
 }
-
-.iris-picker .ui-square-handle:focus,
-.iris-picker .iris-strip .ui-slider-handle:focus {
-	box-shadow:
-		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30, 140, 190, .8);
-}
-
-.iris-picker .iris-palette:focus {
-	box-shadow:
-		inset 0 0 5px rgba(0,0,0,.4),
-		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 {
-		width: 80px;
-		padding: 6px 5px 5px;
-		font-size: 16px;
-		line-height: 18px;
-	}
-
-	.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
-		padding: 5px 5px 4px;
-	}
-
-	.wp-picker-container .wp-color-result.button {
-		height: auto;
-		padding: 0 40px 0 0;
-		font-size: 14px;
-		line-height: 29px;
-	}
-
-	.wp-customizer .wp-picker-container .wp-color-result.button {
-		font-size: 13px;
-		line-height: 26px;
-	}
-
-	.wp-picker-container .wp-color-result-text {
-		padding: 0 14px;
-		font-size: inherit;
-		line-height: inherit;
-	}
-
-	.wp-customizer .wp-picker-container .wp-color-result-text {
-		padding: 0 10px;
-	}
-}
-
-@media screen and ( max-width: 640px ) {
-	.wp-customizer .wp-picker-container .wp-color-result.button {
-		font-size: 14px;
-		line-height: 29px;
-	}
-
-	.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
-		padding: 6px 5px;
-	}
-}

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

@@ -1,2 +1 @@
-/*! This file is auto-generated */
-.wp-color-picker{width:80px}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{height:24px;margin:0 0 6px 6px;padding:0 30px 0 0;font-size:11px}.wp-color-result-text{background:#f7f7f7;border-radius:2px 0 0 2px;border-right:1px solid #ccc;color:#555;display:block;line-height:22px;padding:0 6px;text-align:center}.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-picker-containers{display:inline-block}.wp-color-result:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.wp-color-result:active{-webkit-transform:none!important;transform:none!important}.wp-picker-input-wrap label,.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button,.wp-picker-input-wrap .button{margin-right:6px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#555}.wp-picker-container .iris-picker{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;vertical-align:top}.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{box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}.iris-picker .iris-palette:focus{box-shadow:inset 0 0 5px rgba(0,0,0,.4),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{width:80px;padding:6px 5px 5px;font-size:16px;line-height:18px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:5px 5px 4px}.wp-picker-container .wp-color-result.button{height:auto;padding:0 40px 0 0;font-size:14px;line-height:29px}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:13px;line-height:26px}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}@media screen and (max-width:640px){.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:29px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:6px 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

@@ -6,23 +6,45 @@
 	display: none;
 }
 
-/* Needs higher specificiity. */
-.wp-picker-container .wp-color-result.button {
-	height: 24px;
+.wp-color-result {
+	background-color: #f7f7f7;
+	border: 1px solid #ccc;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+	cursor: pointer;
+	display: inline-block;
+	height: 22px;
 	margin: 0 6px 6px 0px;
-	padding: 0 0 0 30px;
-	font-size: 11px;
+	position: relative;
+	top: 1px;
+	-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);
 }
 
-.wp-color-result-text {
+.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:hover,
@@ -39,19 +61,26 @@
 	border-left: 1px solid #999;
 }
 
-.wp-picker-containers {
+.wp-color-result {
+	top: 0;
+}
+
+.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;
-	box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
-}
-
-.wp-color-result:active {
-	/* See Trac ticket #39662 */
-	-webkit-transform: none !important;
-	transform: none !important;
+	-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 {
@@ -59,19 +88,8 @@
 	vertical-align: top;
 }
 
-.wp-picker-input-wrap label {
-	display: inline-block;
-	vertical-align: top;
-}
-
-/* For the old `custom-background` page, to override the inline-block and margins from `.form-table td fieldset label`. */
-.form-table .wp-picker-input-wrap label {
-	margin: 0 !important;
-}
-
-.wp-picker-input-wrap .button,
-.wp-customizer .wp-picker-input-wrap .button {
- 	margin-left: 6px;
+.wp-picker-container .button {
+	margin-left: 6px;
 }
 
 .wp-picker-container .iris-square-slider .ui-slider-handle:focus {
@@ -79,8 +97,9 @@
 }
 
 .wp-picker-container .iris-picker {
+	-webkit-border-radius: 0;
 	border-radius: 0;
-	border-color: #ddd;
+	border-color: #dfdfdf;
 	margin-top: 6px;
 }
 
@@ -88,22 +107,17 @@
 	width: 65px;
 	font-size: 12px;
 	font-family: monospace;
+	text-align: center;
 	line-height: 16px;
 	margin: 0;
-	vertical-align: top;
 }
 
-.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 {
@@ -111,63 +125,3 @@
 	border-color: #c00;
 	color: #000;
 }
-
-.iris-picker .ui-square-handle:focus,
-.iris-picker .iris-strip .ui-slider-handle:focus {
-	box-shadow:
-		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30, 140, 190, .8);
-}
-
-.iris-picker .iris-palette:focus {
-	box-shadow:
-		inset 0 0 5px rgba(0,0,0,.4),
-		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 {
-		width: 80px;
-		padding: 6px 5px 5px;
-		font-size: 16px;
-		line-height: 18px;
-	}
-
-	.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
-		padding: 5px 5px 4px;
-	}
-
-	.wp-picker-container .wp-color-result.button {
-		height: auto;
-		padding: 0 0 0 40px;
-		font-size: 14px;
-		line-height: 29px;
-	}
-
-	.wp-customizer .wp-picker-container .wp-color-result.button {
-		font-size: 13px;
-		line-height: 26px;
-	}
-
-	.wp-picker-container .wp-color-result-text {
-		padding: 0 14px;
-		font-size: inherit;
-		line-height: inherit;
-	}
-
-	.wp-customizer .wp-picker-container .wp-color-result-text {
-		padding: 0 10px;
-	}
-}
-
-@media screen and ( max-width: 640px ) {
-	.wp-customizer .wp-picker-container .wp-color-result.button {
-		font-size: 14px;
-		line-height: 29px;
-	}
-
-	.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
-		padding: 6px 5px;
-	}
-}

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

@@ -1,2 +1 @@
-/*! This file is auto-generated */
-.wp-color-picker{width:80px}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{height:24px;margin:0 6px 6px 0;padding:0 0 0 30px;font-size:11px}.wp-color-result-text{background:#f7f7f7;border-radius:0 2px 2px 0;border-left:1px solid #ccc;color:#555;display:block;line-height:22px;padding:0 6px;text-align:center}.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-picker-containers{display:inline-block}.wp-color-result:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.wp-color-result:active{-webkit-transform:none!important;transform:none!important}.wp-picker-input-wrap label,.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button,.wp-picker-input-wrap .button{margin-left:6px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#555}.wp-picker-container .iris-picker{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;vertical-align:top}.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{box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}.iris-picker .iris-palette:focus{box-shadow:inset 0 0 5px rgba(0,0,0,.4),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{width:80px;padding:6px 5px 5px;font-size:16px;line-height:18px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:5px 5px 4px}.wp-picker-container .wp-color-result.button{height:auto;padding:0 0 0 40px;font-size:14px;line-height:29px}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:13px;line-height:26px}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}@media screen and (max-width:640px){.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:29px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:6px 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,36 +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,
-	&.active,
-	&.active:focus,
-	&.active:hover {
+	&: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],
@@ -43,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

@@ -1,9 +1,8 @@
-/*! This file is auto-generated */
 /*
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -12,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -40,44 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #e1a948;
-  border-color: #d39323 #bd831f #bd831f;
-  color: #fff;
-  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;
-  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 {
-  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, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+.wp-core-ui .button-primary:active {
   background: #d39323;
   border-color: #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 {
-  box-shadow: 0 2px 0 #bd831f !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #bd831f !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #52accc;
@@ -110,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;
@@ -187,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;
 }
 
@@ -206,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;
 }
 
@@ -254,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;
 }
 
@@ -331,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,
@@ -340,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,
@@ -349,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 {
@@ -372,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;
@@ -414,16 +437,19 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .details.attachment {
+  -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #096484;
   box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #096484;
 }
 
 .attachment.details .check {
   background-color: #096484;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
   box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  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 */
@@ -474,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

@@ -1,9 +1,8 @@
-/*! This file is auto-generated */
 /*
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -12,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -40,44 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #e1a948;
-  border-color: #d39323 #bd831f #bd831f;
-  color: #fff;
-  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;
-  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 {
-  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, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+.wp-core-ui .button-primary:active {
   background: #d39323;
   border-color: #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 {
-  box-shadow: 0 2px 0 #bd831f !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #bd831f !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #52accc;
@@ -110,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;
@@ -187,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;
 }
 
@@ -206,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;
 }
 
@@ -254,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;
 }
 
@@ -331,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,
@@ -340,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,
@@ -349,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 {
@@ -372,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;
@@ -414,16 +437,19 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .details.attachment {
+  -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #096484;
   box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #096484;
 }
 
 .attachment.details .check {
   background-color: #096484;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
   box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  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 */
@@ -474,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

@@ -1,9 +1,8 @@
-/*! This file is auto-generated */
 /*
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -12,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -40,44 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #c7a589;
-  border-color: #b78b66 #ae7d55 #ae7d55;
-  color: #fff;
-  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;
-  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 {
-  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, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+.wp-core-ui .button-primary:active {
   background: #b78b66;
   border-color: #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 {
-  box-shadow: 0 2px 0 #ae7d55 !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #ae7d55 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #59524c;
@@ -110,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;
@@ -187,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;
 }
 
@@ -206,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;
 }
 
@@ -254,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 */
@@ -331,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,
@@ -340,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,
@@ -349,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 {
@@ -372,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;
@@ -414,16 +437,19 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .details.attachment {
+  -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
   box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
 }
 
 .attachment.details .check {
   background-color: #c7a589;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
   box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  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 */
@@ -474,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

@@ -1,9 +1,8 @@
-/*! This file is auto-generated */
 /*
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -12,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -40,44 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #c7a589;
-  border-color: #b78b66 #ae7d55 #ae7d55;
-  color: #fff;
-  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;
-  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 {
-  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, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+.wp-core-ui .button-primary:active {
   background: #b78b66;
   border-color: #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 {
-  box-shadow: 0 2px 0 #ae7d55 !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #ae7d55 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #59524c;
@@ -110,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;
@@ -187,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;
 }
 
@@ -206,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;
 }
 
@@ -254,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 */
@@ -331,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,
@@ -340,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,
@@ -349,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 {
@@ -372,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;
@@ -414,16 +437,19 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .details.attachment {
+  -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
   box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
 }
 
 .attachment.details .check {
   background-color: #c7a589;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
   box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  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 */
@@ -474,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

@@ -1,9 +1,8 @@
-/*! This file is auto-generated */
 /*
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -12,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -40,44 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #a3b745;
-  border-color: #829237 #727f30 #727f30;
-  color: #fff;
-  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;
-  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 {
-  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, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+.wp-core-ui .button-primary:active {
   background: #829237;
   border-color: #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 {
-  box-shadow: 0 2px 0 #727f30 !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #727f30 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #523f6d;
@@ -110,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;
@@ -187,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;
 }
 
@@ -206,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;
 }
 
@@ -254,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 */
@@ -331,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,
@@ -340,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,
@@ -349,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 {
@@ -372,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;
@@ -414,16 +437,19 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .details.attachment {
+  -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #a3b745;
   box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #a3b745;
 }
 
 .attachment.details .check {
   background-color: #a3b745;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
   box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  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 */
@@ -474,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

@@ -1,9 +1,8 @@
-/*! This file is auto-generated */
 /*
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -12,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -40,44 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #a3b745;
-  border-color: #829237 #727f30 #727f30;
-  color: #fff;
-  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;
-  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 {
-  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, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+.wp-core-ui .button-primary:active {
   background: #829237;
   border-color: #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 {
-  box-shadow: 0 2px 0 #727f30 !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #727f30 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #523f6d;
@@ -110,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;
@@ -187,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;
 }
 
@@ -206,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;
 }
 
@@ -254,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 */
@@ -331,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,
@@ -340,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,
@@ -349,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 {
@@ -372,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;
@@ -414,16 +437,19 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .details.attachment {
+  -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #a3b745;
   box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #a3b745;
 }
 
 .attachment.details .check {
   background-color: #a3b745;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
   box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  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 */
@@ -474,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

@@ -1,9 +1,8 @@
-/*! This file is auto-generated */
 /*
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f5f5f5;
 }
 
@@ -12,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -40,44 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #04a4cc;
-  border-color: #037c9a #036881 #036881;
-  color: #fff;
-  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;
-  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 {
-  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, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+.wp-core-ui .button-primary:active {
   background: #037c9a;
   border-color: #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 {
-  box-shadow: 0 2px 0 #036881 !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #036881 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #333;
   background-color: #e5e5e5;
@@ -110,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;
@@ -187,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;
 }
 
@@ -206,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;
 }
 
@@ -254,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 */
@@ -331,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,
@@ -340,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,
@@ -349,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 {
@@ -372,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;
@@ -414,16 +437,19 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .details.attachment {
+  -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
   box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
 }
 
 .attachment.details .check {
   background-color: #04a4cc;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
   box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  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 */
@@ -474,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

@@ -1,9 +1,8 @@
-/*! This file is auto-generated */
 /*
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f5f5f5;
 }
 
@@ -12,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -40,44 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #04a4cc;
-  border-color: #037c9a #036881 #036881;
-  color: #fff;
-  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;
-  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 {
-  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, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+.wp-core-ui .button-primary:active {
   background: #037c9a;
   border-color: #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 {
-  box-shadow: 0 2px 0 #036881 !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #036881 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #333;
   background-color: #e5e5e5;
@@ -110,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;
@@ -187,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;
 }
 
@@ -206,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;
 }
 
@@ -254,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 */
@@ -331,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,
@@ -340,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,
@@ -349,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 {
@@ -372,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;
@@ -414,16 +437,19 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .details.attachment {
+  -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
   box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
 }
 
 .attachment.details .check {
   background-color: #04a4cc;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
   box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  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 */
@@ -474,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

@@ -1,9 +1,8 @@
-/*! This file is auto-generated */
 /*
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -12,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -40,44 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #e14d43;
-  border-color: #d02c21 #ba281e #ba281e;
-  color: #fff;
-  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;
-  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 {
-  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, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+.wp-core-ui .button-primary:active {
   background: #d02c21;
   border-color: #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 {
-  box-shadow: 0 2px 0 #ba281e !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #ba281e !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #363b3f;
@@ -110,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;
@@ -187,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;
 }
 
@@ -206,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;
 }
 
@@ -254,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 */
@@ -331,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,
@@ -340,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,
@@ -349,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 {
@@ -372,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;
@@ -414,16 +437,19 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .details.attachment {
+  -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #e14d43;
   box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #e14d43;
 }
 
 .attachment.details .check {
   background-color: #e14d43;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
   box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  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 */
@@ -474,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

@@ -1,9 +1,8 @@
-/*! This file is auto-generated */
 /*
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -12,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -40,44 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #e14d43;
-  border-color: #d02c21 #ba281e #ba281e;
-  color: #fff;
-  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;
-  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 {
-  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, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+.wp-core-ui .button-primary:active {
   background: #d02c21;
   border-color: #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 {
-  box-shadow: 0 2px 0 #ba281e !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #ba281e !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #363b3f;
@@ -110,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;
@@ -187,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;
 }
 
@@ -206,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;
 }
 
@@ -254,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 */
@@ -331,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,
@@ -340,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,
@@ -349,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 {
@@ -372,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;
@@ -414,16 +437,19 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .details.attachment {
+  -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #e14d43;
   box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #e14d43;
 }
 
 .attachment.details .check {
   background-color: #e14d43;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
   box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  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 */
@@ -474,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

@@ -1,9 +1,8 @@
-/*! This file is auto-generated */
 /*
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -12,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -40,44 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #9ebaa0;
-  border-color: #80a583 #719a74 #719a74;
-  color: #fff;
-  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;
-  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 {
-  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, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+.wp-core-ui .button-primary:active {
   background: #80a583;
   border-color: #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 {
-  box-shadow: 0 2px 0 #719a74 !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #719a74 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #738e96;
@@ -110,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;
@@ -187,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;
 }
 
@@ -206,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;
 }
 
@@ -254,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 */
@@ -331,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,
@@ -340,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,
@@ -349,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 {
@@ -372,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;
@@ -414,16 +437,19 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .details.attachment {
+  -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #9ebaa0;
   box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #9ebaa0;
 }
 
 .attachment.details .check {
   background-color: #9ebaa0;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
   box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  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 */
@@ -474,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

@@ -1,9 +1,8 @@
-/*! This file is auto-generated */
 /*
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -12,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -40,44 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #9ebaa0;
-  border-color: #80a583 #719a74 #719a74;
-  color: #fff;
-  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;
-  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 {
-  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, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+.wp-core-ui .button-primary:active {
   background: #80a583;
   border-color: #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 {
-  box-shadow: 0 2px 0 #719a74 !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #719a74 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #738e96;
@@ -110,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;
@@ -187,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;
 }
 
@@ -206,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;
 }
 
@@ -254,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 */
@@ -331,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,
@@ -340,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,
@@ -349,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 {
@@ -372,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;
@@ -414,16 +437,19 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .details.attachment {
+  -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #9ebaa0;
   box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #9ebaa0;
 }
 
 .attachment.details .check {
   background-color: #9ebaa0;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
   box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  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 */
@@ -474,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

@@ -1,9 +1,8 @@
-/*! This file is auto-generated */
 /*
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -12,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -40,44 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #dd823b;
-  border-color: #c36922 #ad5d1e #ad5d1e;
-  color: #fff;
-  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;
-  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 {
-  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, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+.wp-core-ui .button-primary:active {
   background: #c36922;
   border-color: #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 {
-  box-shadow: 0 2px 0 #ad5d1e !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #ad5d1e !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #cf4944;
@@ -110,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;
@@ -187,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;
 }
 
@@ -206,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;
 }
 
@@ -254,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 */
@@ -331,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,
@@ -340,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,
@@ -349,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 {
@@ -372,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;
@@ -414,16 +437,19 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .details.attachment {
+  -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
   box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
 }
 
 .attachment.details .check {
   background-color: #dd823b;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
   box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  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 */
@@ -474,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

@@ -1,9 +1,8 @@
-/*! This file is auto-generated */
 /*
  * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-body {
+html {
   background: #f1f1f1;
 }
 
@@ -12,7 +11,9 @@ a {
   color: #0073aa;
 }
 
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   color: #0096dd;
 }
 
@@ -40,44 +41,44 @@ input[type=radio]:checked:before {
 /* Core UI */
 .wp-core-ui .button-primary {
   background: #dd823b;
-  border-color: #c36922 #ad5d1e #ad5d1e;
-  color: #fff;
-  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;
-  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 {
-  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, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+.wp-core-ui .button-primary:active {
   background: #c36922;
   border-color: #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 {
-  box-shadow: 0 2px 0 #ad5d1e !important;
-}
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #ad5d1e !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #cf4944;
@@ -110,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;
@@ -187,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;
 }
 
@@ -206,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;
 }
 
@@ -254,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 */
@@ -331,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,
@@ -340,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,
@@ -349,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 {
@@ -372,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;
@@ -414,16 +437,19 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 .details.attachment {
+  -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
   box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
 }
 
 .attachment.details .check {
   background-color: #dd823b;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
   box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-  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 */
@@ -474,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,22 +1,6 @@
-#customize-theme-controls #accordion-section-menu_locations {
+#accordion-section-menu_locations {
 	position: relative;
-	margin-top: 30px;
-}
-
-#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
-	border-bottom-color: #ddd;
-	margin-top: 15px;
-}
-
-#customize-theme-controls .customize-section-title-nav_menus-heading,
-#customize-theme-controls .customize-section-title-menu_locations-heading,
-#customize-theme-controls .customize-section-title-menu_locations-description {
-	padding: 0 12px 0 12px;
-}
-
-#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
-	/* Override the default italic style for control descriptions */
-	font-style: normal;
+	margin-bottom: 15px;
 }
 
 .menu-in-location,
@@ -28,34 +12,17 @@
 
 #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` and `create-menu` buttons also use the `button-link` class. */
-.customize-control-nav_menu_location .edit-menu,
-.customize-control-nav_menu_location .create-menu {
-	margin-right: 6px;
-	vertical-align: middle;
-	line-height: 28px;
-}
-
-#customize-controls .customize-control-nav_menu_name {
-	margin-bottom: 12px;
-}
-
-.customize-control-nav_menu_name p:last-of-type {
-	margin-bottom: 0;
-}
-
-#customize-new-menu-submit {
-	float: left;
-	min-width: 85px;
-}
-
 .wp-customizer .menu-item-bar .menu-item-handle,
 .wp-customizer .menu-item-settings,
 .wp-customizer .menu-item-settings .description-thin {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }
 
@@ -78,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;
@@ -120,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;
@@ -139,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,
@@ -158,6 +203,7 @@
 
 .customize-control input.menu-name-field {
 	width: 100%; /* Override the 98% default for customizer inputs, to align with the size of menu items. */
+	margin: 12px 0;
 }
 
 .wp-customizer .menu-item .item-edit {
@@ -168,15 +214,37 @@
 	width: 30px;
 	height: 38px;
 	margin-left: 0 !important;
-	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 {
@@ -201,31 +269,13 @@
 	border-top: none;
 }
 
-.wp-customizer .menu-location-settings {
-	margin-top: 12px;
-	border-top: none;
-}
-
-.wp-customizer .control-section-nav_menu .menu-location-settings {
-	margin-top: 24px;
-	border-top: 1px solid #ddd;
-}
-
-.wp-customizer .control-section-nav_menu .menu-location-settings,
-.customize-control-nav_menu_auto_add {
-	padding-top: 12px;
-}
-
-.menu-location-settings .customize-control-checkbox .theme-location-set {
+.menu-settings .customize-control-checkbox label {
 	line-height: 1;
 }
 
-.customize-control-nav_menu_auto_add label {
-	vertical-align: top;
-}
-
-.menu-location-settings .new-menu-locations-widget-note {
-	display: block;
+/* @todo update selector or potentially remove */
+.menu-settings .customize-control.customize-control-checkbox {
+	margin-bottom: 8px; /* Override collapsing at smaller viewports. */
 }
 
 .customize-control-menu {
@@ -277,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;
@@ -289,6 +339,9 @@
 
 .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%;
 }
 
@@ -296,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 {
@@ -305,44 +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;
-	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;
 }
 
@@ -415,17 +443,18 @@
 .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);
 	max-width: calc(100% - 2px);
 	float: right;
 	display: list-item;
@@ -436,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;
@@ -453,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;
@@ -466,13 +545,12 @@
 
 .menu-item-bar .item-delete:before {
 	content: "\f335";
-	position: absolute;
-	top: 9px;
-	right: 5px;
-	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 {
@@ -481,9 +559,12 @@
 
 .menu-item-bar .item-delete:hover,
 .menu-item-bar .item-delete:focus {
-	box-shadow: none;
-	outline: none;
-	color: #dc3232;
+	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 {
@@ -494,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 */
@@ -511,12 +609,8 @@
 	border-right: none;
 	border-left: none;
 	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,
@@ -529,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;
@@ -553,10 +673,12 @@
 	position: absolute;
 	top: 5px;
 	left: 5px;
-	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,
@@ -570,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 {
@@ -603,12 +724,22 @@
 
 #custom-menu-item-name.invalid,
 #custom-menu-item-url.invalid,
-.edit-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 {
-	border: 1px solid #dc3232;
+.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 {
@@ -623,7 +754,16 @@
 	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;
 	margin-top: -1px;
 }
@@ -644,25 +784,21 @@
 	color: #82878c;
 	width: 30px;
 	height: 38px;
-	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;
-	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,
@@ -682,28 +818,60 @@
 	margin: 0 20px;
 }
 
+#available-menu-items-search .clear-results {
+	position: absolute;
+	top: 20px;
+	left: 20px;
+	width: 20px;
+	height: 20px;
+	cursor: pointer;
+	color: #a00;
+	text-decoration: none;
+}
+
+#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;
-	top: 20px; /* 13 container padding +1 input margin +6 ( ( 32 input height - 20 spinner height ) / 2 ) */
-	left: 21px;
+	top: 20px;
 	margin: 0 !important;
+	left: 20px;
 }
 
-/* search results list */
-#available-menu-items #available-menu-items-search .accordion-section-content {
-	position: absolute;
-	right: 0;
-	top: 60px; /* below title div / search input */
-	bottom: 0px; /* 100% height that still triggers lazy load */
-	max-height: none;
+#available-menu-items-search input {
+	padding: 6px 10px;
 	width: 100%;
-	padding: 1px 15px 15px;
-	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 {
+	padding: 12px 15px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
 }
 
 #available-menu-items-search .accordion-section-title:after {
@@ -724,6 +892,7 @@
 }
 
 #customize-preview {
+	-webkit-transition: all 0.2s;
 	transition: all 0.2s;
 }
 
@@ -740,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;
@@ -768,33 +933,39 @@ body.adding-menu-items #customize-preview iframe {
 }
 
 .added-menu-item .menu-item-handle {
+	-webkit-transition-property: opacity, background, color;
 	transition-property: opacity, background, color;
+	-webkit-transition-duration: 1.25s;
 	transition-duration: 1.25s;
+	-webkit-transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 );
 	transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */
 }
 
 /* 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;
 }
 
-#accordion-section-add_menu h3 {
-	text-align: left;
+.new-menu-section-content {
+	display: none;
+	padding: 15px 0 0 0;
+	clear: both;
 }
 
-#accordion-section-add_menu h3,
-#accordion-section-add_menu .customize-add-menu-button {
-	margin: 0;
+/* @todo update selector */
+#accordion-section-add_menu .accordion-section-title {
+	padding-right: 45px;
 }
 
-#accordion-section-add_menu .customize-add-menu-button {
-	font-weight: normal;
+/* @todo update selector */
+#accordion-section-add_menu .accordion-section-title:before {
+	font: normal 20px/1 dashicons;
+	position: absolute;
+	top: 12px;
+	right: 14px;
+	content: "\f132";
 }
 
 #create-new-menu-submit {
@@ -803,21 +974,35 @@ body.adding-menu-items #customize-preview iframe {
 }
 
 .menu-delete-item {
+	display: block;
 	float: right;
 	padding: 1em 0;
 	width: 100%;
 }
 
-.assigned-menu-locations-title p {
-	margin: 0 0 8px 0;
-}
-
 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 {
@@ -848,32 +1033,14 @@ li.assigned-to-menu-location .add-new-menu-item {
 	margin-bottom: 0;
 }
 
-.customize-control-nav_menu .new-menu-item-invitation {
-	margin-top: 0;
-	margin-bottom: 0;
-}
-
-.customize-control-nav_menu .customize-control-nav_menu-buttons {
+.customize-control-nav_menu {
 	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 {
-	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;
@@ -881,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,22 +1,6 @@
-#customize-theme-controls #accordion-section-menu_locations {
+#accordion-section-menu_locations {
 	position: relative;
-	margin-top: 30px;
-}
-
-#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
-	border-bottom-color: #ddd;
-	margin-top: 15px;
-}
-
-#customize-theme-controls .customize-section-title-nav_menus-heading,
-#customize-theme-controls .customize-section-title-menu_locations-heading,
-#customize-theme-controls .customize-section-title-menu_locations-description {
-	padding: 0 12px 0 12px;
-}
-
-#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
-	/* Override the default italic style for control descriptions */
-	font-style: normal;
+	margin-bottom: 15px;
 }
 
 .menu-in-location,
@@ -28,34 +12,17 @@
 
 #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` and `create-menu` buttons also use the `button-link` class. */
-.customize-control-nav_menu_location .edit-menu,
-.customize-control-nav_menu_location .create-menu {
-	margin-left: 6px;
-	vertical-align: middle;
-	line-height: 28px;
-}
-
-#customize-controls .customize-control-nav_menu_name {
-	margin-bottom: 12px;
-}
-
-.customize-control-nav_menu_name p:last-of-type {
-	margin-bottom: 0;
-}
-
-#customize-new-menu-submit {
-	float: right;
-	min-width: 85px;
-}
-
 .wp-customizer .menu-item-bar .menu-item-handle,
 .wp-customizer .menu-item-settings,
 .wp-customizer .menu-item-settings .description-thin {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }
 
@@ -78,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;
@@ -120,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;
@@ -139,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,
@@ -158,6 +203,7 @@
 
 .customize-control input.menu-name-field {
 	width: 100%; /* Override the 98% default for customizer inputs, to align with the size of menu items. */
+	margin: 12px 0;
 }
 
 .wp-customizer .menu-item .item-edit {
@@ -168,15 +214,37 @@
 	width: 30px;
 	height: 38px;
 	margin-right: 0 !important;
-	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 {
@@ -201,31 +269,13 @@
 	border-top: none;
 }
 
-.wp-customizer .menu-location-settings {
-	margin-top: 12px;
-	border-top: none;
-}
-
-.wp-customizer .control-section-nav_menu .menu-location-settings {
-	margin-top: 24px;
-	border-top: 1px solid #ddd;
-}
-
-.wp-customizer .control-section-nav_menu .menu-location-settings,
-.customize-control-nav_menu_auto_add {
-	padding-top: 12px;
-}
-
-.menu-location-settings .customize-control-checkbox .theme-location-set {
+.menu-settings .customize-control-checkbox label {
 	line-height: 1;
 }
 
-.customize-control-nav_menu_auto_add label {
-	vertical-align: top;
-}
-
-.menu-location-settings .new-menu-locations-widget-note {
-	display: block;
+/* @todo update selector or potentially remove */
+.menu-settings .customize-control.customize-control-checkbox {
+	margin-bottom: 8px; /* Override collapsing at smaller viewports. */
 }
 
 .customize-control-menu {
@@ -277,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;
@@ -289,6 +339,9 @@
 
 .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%;
 }
 
@@ -296,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 {
@@ -305,44 +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;
-	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;
 }
 
@@ -415,17 +443,18 @@
 .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);
 	max-width: calc(100% - 2px);
 	float: left;
 	display: list-item;
@@ -436,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;
@@ -453,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;
@@ -466,13 +545,12 @@
 
 .menu-item-bar .item-delete:before {
 	content: "\f335";
-	position: absolute;
-	top: 9px;
-	left: 5px;
-	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 {
@@ -481,9 +559,12 @@
 
 .menu-item-bar .item-delete:hover,
 .menu-item-bar .item-delete:focus {
-	box-shadow: none;
-	outline: none;
-	color: #dc3232;
+	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 {
@@ -494,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 */
@@ -511,12 +609,8 @@
 	border-left: none;
 	border-right: none;
 	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,
@@ -529,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;
@@ -553,10 +673,12 @@
 	position: absolute;
 	top: 5px;
 	right: 5px;
-	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,
@@ -570,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 {
@@ -603,12 +724,22 @@
 
 #custom-menu-item-name.invalid,
 #custom-menu-item-url.invalid,
-.edit-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 {
-	border: 1px solid #dc3232;
+.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 {
@@ -623,7 +754,16 @@
 	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;
 	margin-top: -1px;
 }
@@ -644,25 +784,21 @@
 	color: #82878c;
 	width: 30px;
 	height: 38px;
-	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;
-	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,
@@ -682,28 +818,60 @@
 	margin: 0 20px;
 }
 
+#available-menu-items-search .clear-results {
+	position: absolute;
+	top: 20px;
+	right: 20px;
+	width: 20px;
+	height: 20px;
+	cursor: pointer;
+	color: #a00;
+	text-decoration: none;
+}
+
+#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;
-	top: 20px; /* 13 container padding +1 input margin +6 ( ( 32 input height - 20 spinner height ) / 2 ) */
-	right: 21px;
+	top: 20px;
 	margin: 0 !important;
+	right: 20px;
 }
 
-/* search results list */
-#available-menu-items #available-menu-items-search .accordion-section-content {
-	position: absolute;
-	left: 0;
-	top: 60px; /* below title div / search input */
-	bottom: 0px; /* 100% height that still triggers lazy load */
-	max-height: none;
+#available-menu-items-search input {
+	padding: 6px 10px;
 	width: 100%;
-	padding: 1px 15px 15px;
-	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 {
+	padding: 12px 15px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
 }
 
 #available-menu-items-search .accordion-section-title:after {
@@ -724,6 +892,7 @@
 }
 
 #customize-preview {
+	-webkit-transition: all 0.2s;
 	transition: all 0.2s;
 }
 
@@ -740,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;
@@ -768,33 +933,39 @@ body.adding-menu-items #customize-preview iframe {
 }
 
 .added-menu-item .menu-item-handle {
+	-webkit-transition-property: opacity, background, color;
 	transition-property: opacity, background, color;
+	-webkit-transition-duration: 1.25s;
 	transition-duration: 1.25s;
+	-webkit-transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 );
 	transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */
 }
 
 /* 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;
 }
 
-#accordion-section-add_menu h3 {
-	text-align: right;
+.new-menu-section-content {
+	display: none;
+	padding: 15px 0 0 0;
+	clear: both;
 }
 
-#accordion-section-add_menu h3,
-#accordion-section-add_menu .customize-add-menu-button {
-	margin: 0;
+/* @todo update selector */
+#accordion-section-add_menu .accordion-section-title {
+	padding-left: 45px;
 }
 
-#accordion-section-add_menu .customize-add-menu-button {
-	font-weight: normal;
+/* @todo update selector */
+#accordion-section-add_menu .accordion-section-title:before {
+	font: normal 20px/1 dashicons;
+	position: absolute;
+	top: 12px;
+	left: 14px;
+	content: "\f132";
 }
 
 #create-new-menu-submit {
@@ -803,21 +974,35 @@ body.adding-menu-items #customize-preview iframe {
 }
 
 .menu-delete-item {
+	display: block;
 	float: left;
 	padding: 1em 0;
 	width: 100%;
 }
 
-.assigned-menu-locations-title p {
-	margin: 0 0 8px 0;
-}
-
 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 {
@@ -848,32 +1033,14 @@ li.assigned-to-menu-location .add-new-menu-item {
 	margin-bottom: 0;
 }
 
-.customize-control-nav_menu .new-menu-item-invitation {
-	margin-top: 0;
-	margin-bottom: 0;
-}
-
-.customize-control-nav_menu .customize-control-nav_menu-buttons {
+.customize-control-nav_menu {
 	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 {
-	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;
@@ -881,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,21 +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;
 }
@@ -75,6 +65,7 @@
 }
 
 .customize-control-widget_form.wide-widget-control .widget-top {
+	-webkit-transition: background-color 0.4s;
 	transition: background-color 0.4s;
 }
 .customize-control-widget_form.wide-widget-control.expanding .widget-top,
@@ -88,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";
 }
 
@@ -104,7 +99,6 @@
 	cursor: pointer;
 }
 
-.widget-top,
 .customize-control-widget_form .widget .customize-control-title {
 	cursor: move;
 }
@@ -112,6 +106,7 @@
 .control-section.accordion-section.highlighted > .accordion-section-title,
 .customize-control-widget_form.highlighted {
 	outline: none;
+	-webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
 	box-shadow: 0 0 2px rgba(30,140,190,0.8);
 	position: relative;
 	z-index: 1;
@@ -122,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;
@@ -131,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;
 }
@@ -174,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;
 }
@@ -210,58 +288,149 @@
 	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 {
+	-webkit-transition: all 0.2s;
 	transition: all 0.2s;
 }
 
@@ -283,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;
 }
@@ -298,8 +466,10 @@ 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;
 	box-sizing: border-box;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
@@ -431,48 +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,21 +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;
 }
@@ -75,6 +65,7 @@
 }
 
 .customize-control-widget_form.wide-widget-control .widget-top {
+	-webkit-transition: background-color 0.4s;
 	transition: background-color 0.4s;
 }
 .customize-control-widget_form.wide-widget-control.expanding .widget-top,
@@ -88,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";
 }
 
@@ -104,7 +99,6 @@
 	cursor: pointer;
 }
 
-.widget-top,
 .customize-control-widget_form .widget .customize-control-title {
 	cursor: move;
 }
@@ -112,6 +106,7 @@
 .control-section.accordion-section.highlighted > .accordion-section-title,
 .customize-control-widget_form.highlighted {
 	outline: none;
+	-webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
 	box-shadow: 0 0 2px rgba(30,140,190,0.8);
 	position: relative;
 	z-index: 1;
@@ -122,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;
@@ -131,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;
 }
@@ -174,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;
 }
@@ -210,58 +288,149 @@
 	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 {
+	-webkit-transition: all 0.2s;
 	transition: all 0.2s;
 }
 
@@ -283,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;
 }
@@ -298,8 +466,10 @@ 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;
 	box-sizing: border-box;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
@@ -431,48 +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;
@@ -104,20 +108,21 @@
 	margin: 16px 0;
 	padding: 23px 10px 0;
 	border: 1px solid #e5e5e5;
+	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 	background: #fff;
 	font-size: 13px;
 	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;
 }
@@ -127,7 +132,7 @@
 }
 
 .welcome-panel p {
-	color: #72777c;
+	color: #777;
 }
 
 .welcome-panel a {
@@ -153,6 +158,7 @@
 	position: absolute;
 	top: 8px;
 	right: 0;
+	-webkit-transition: all .1s ease-in-out;
 	transition: all .1s ease-in-out;
 }
 
@@ -194,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 {
@@ -211,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 {
@@ -458,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 {
@@ -493,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 {
@@ -506,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 */
@@ -548,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;
 }
 
@@ -577,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 {
@@ -615,6 +472,8 @@ form.initial-form.quickpress-open input#title {
 
 #dashboard_quick_press input,
 #dashboard_quick_press textarea {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	margin: 0;
 }
@@ -634,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 {
@@ -678,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 {
@@ -695,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 {
@@ -712,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;
@@ -747,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;
 }
 
@@ -767,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;
@@ -782,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;
@@ -808,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 {
@@ -843,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 {
@@ -854,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;
 }
@@ -889,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 {
@@ -921,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 {
@@ -943,11 +810,11 @@ form.initial-form.quickpress-open input#title {
 
 #latest-comments #the-comment-list {
 	position: relative;
-	margin: 0 -12px;
 }
 
 #activity-widget #the-comment-list .comment,
 #activity-widget #the-comment-list .pingback {
+	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
 	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
 }
 
@@ -956,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 {
@@ -971,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,
@@ -1021,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 {
@@ -1032,7 +895,7 @@ a.rsswidget {
 }
 
 .rss-widget span.rss-date {
-	color: #72777c;
+	color: #999;
 	font-size: 13px;
 	margin-right: 3px;
 }
@@ -1045,7 +908,7 @@ a.rsswidget {
 }
 
 .rss-widget cite:before {
-	content: "\2014";
+	content: '\2014';
 }
 
 .dashboard-comment-wrap {
@@ -1080,18 +943,20 @@ a.rsswidget {
 	background-image: none;
 	border-color: #edc048;
 	color: #fff;
+	-webkit-box-shadow: none;
 	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;
+	-webkit-box-shadow: none;
 	box-shadow: none;
 }
 
@@ -1099,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;
@@ -1146,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%;
 	}
@@ -1171,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 */
@@ -1197,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) {
@@ -1232,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 */
@@ -1284,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;
@@ -104,20 +108,21 @@
 	margin: 16px 0;
 	padding: 23px 10px 0;
 	border: 1px solid #e5e5e5;
+	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 	background: #fff;
 	font-size: 13px;
 	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;
 }
@@ -127,7 +132,7 @@
 }
 
 .welcome-panel p {
-	color: #72777c;
+	color: #777;
 }
 
 .welcome-panel a {
@@ -153,6 +158,7 @@
 	position: absolute;
 	top: 8px;
 	left: 0;
+	-webkit-transition: all .1s ease-in-out;
 	transition: all .1s ease-in-out;
 }
 
@@ -194,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 {
@@ -211,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 {
@@ -458,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 {
@@ -493,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 {
@@ -506,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 */
@@ -548,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;
 }
 
@@ -577,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 {
@@ -615,6 +472,8 @@ form.initial-form.quickpress-open input#title {
 
 #dashboard_quick_press input,
 #dashboard_quick_press textarea {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	margin: 0;
 }
@@ -634,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 {
@@ -678,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 {
@@ -695,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 {
@@ -712,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;
@@ -747,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;
 }
 
@@ -767,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;
@@ -782,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;
@@ -808,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 {
@@ -843,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 {
@@ -854,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;
 }
@@ -889,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 {
@@ -921,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 {
@@ -943,11 +810,11 @@ form.initial-form.quickpress-open input#title {
 
 #latest-comments #the-comment-list {
 	position: relative;
-	margin: 0 -12px;
 }
 
 #activity-widget #the-comment-list .comment,
 #activity-widget #the-comment-list .pingback {
+	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
 	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
 }
 
@@ -956,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 {
@@ -971,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,
@@ -1021,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 {
@@ -1032,7 +895,7 @@ a.rsswidget {
 }
 
 .rss-widget span.rss-date {
-	color: #72777c;
+	color: #999;
 	font-size: 13px;
 	margin-left: 3px;
 }
@@ -1045,7 +908,7 @@ a.rsswidget {
 }
 
 .rss-widget cite:before {
-	content: "\2014";
+	content: '\2014';
 }
 
 .dashboard-comment-wrap {
@@ -1080,18 +943,20 @@ a.rsswidget {
 	background-image: none;
 	border-color: #edc048;
 	color: #fff;
+	-webkit-box-shadow: none;
 	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;
+	-webkit-box-shadow: none;
 	box-shadow: none;
 }
 
@@ -1099,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;
@@ -1146,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%;
 	}
@@ -1171,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 */
@@ -1197,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) {
@@ -1232,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 */
@@ -1284,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,9 +28,10 @@ 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;
 	transition: none;
 }
 
@@ -45,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;
@@ -61,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;
 }
@@ -88,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 {
@@ -151,8 +147,7 @@ thead.media-item-info tr {
 	border: 8px solid #fff;
 }
 
-abbr.required,
-span.required {
+abbr.required {
 	text-decoration: none;
 	border: none;
 }
@@ -186,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 {
@@ -275,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  {
@@ -283,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;
@@ -293,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;
 }
 
@@ -327,7 +322,7 @@ h4.media-sub-title {
 #gallery-settings label,
 #gallery-settings legend {
 	font-size: 13px;
-	color: #444;
+	color: #464646;
 	margin-left: 15px;
 }
 
@@ -336,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 {
@@ -364,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;
 }
@@ -393,21 +383,25 @@ table.not-image tr.image-only {
 
 	.image-align-none-label {
 		background-image: url(../images/align-none-2x.png?ver=20120916);
+		-webkit-background-size: 21px 15px;
 		background-size: 21px 15px;
 	}
 
 	.image-align-left-label {
 		background-image: url(../images/align-left-2x.png?ver=20120916);
+		-webkit-background-size: 22px 15px;
 		background-size: 22px 15px;
 	}
 
 	.image-align-center-label {
 		background-image: url(../images/align-center-2x.png?ver=20120916);
+		-webkit-background-size: 21px 15px;
 		background-size: 21px 15px;
 	}
 
 	.image-align-right-label {
 		background-image: url(../images/align-right-2x.png?ver=20120916);
+		-webkit-background-size: 22px 15px;
 		background-size: 22px 15px;
 	}
 }

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,9 +28,10 @@ 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;
 	transition: none;
 }
 
@@ -45,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;
@@ -61,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;
 }
@@ -88,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 {
@@ -151,8 +147,7 @@ thead.media-item-info tr {
 	border: 8px solid #fff;
 }
 
-abbr.required,
-span.required {
+abbr.required {
 	text-decoration: none;
 	border: none;
 }
@@ -186,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 {
@@ -275,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  {
@@ -283,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;
@@ -293,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;
 }
 
@@ -327,7 +322,7 @@ h4.media-sub-title {
 #gallery-settings label,
 #gallery-settings legend {
 	font-size: 13px;
-	color: #444;
+	color: #464646;
 	margin-right: 15px;
 }
 
@@ -336,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 {
@@ -364,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;
 }
@@ -393,21 +383,25 @@ table.not-image tr.image-only {
 
 	.image-align-none-label {
 		background-image: url(../images/align-none-2x.png?ver=20120916);
+		-webkit-background-size: 21px 15px;
 		background-size: 21px 15px;
 	}
 
 	.image-align-left-label {
 		background-image: url(../images/align-left-2x.png?ver=20120916);
+		-webkit-background-size: 22px 15px;
 		background-size: 22px 15px;
 	}
 
 	.image-align-center-label {
 		background-image: url(../images/align-center-2x.png?ver=20120916);
+		-webkit-background-size: 21px 15px;
 		background-size: 21px 15px;
 	}
 
 	.image-align-right-label {
 		background-image: url(../images/align-right-2x.png?ver=20120916);
+		-webkit-background-size: 22px 15px;
 		background-size: 22px 15px;
 	}
 }

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;
 }
@@ -154,6 +169,7 @@ body.post-new-php .submitbox .submitdelete {
 	position: relative;
 	min-width: 255px;
 	border: 1px solid #e5e5e5;
+	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 	background: #fff;
 }
@@ -212,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,
@@ -231,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,
@@ -241,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,
@@ -257,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;
 }
@@ -265,22 +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: 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;
-	background-size: 20px 20px;
 }
 
 form#tags-filter {
@@ -312,6 +316,7 @@ form#tags-filter {
 	border: 1px solid #e5e5e5;
 	border-top: none;
 	background-color: #f7f7f7;
+	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 	z-index: 999;
 }
@@ -335,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 {
@@ -358,12 +361,23 @@ 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;
 }
 
 .wp-editor-expand #wp-content-editor-container {
+	-webkit-box-shadow: none;
 	box-shadow: none;
 	margin-top: -1px;
 }
@@ -444,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,
@@ -452,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 {
@@ -506,6 +517,7 @@ span.wp-media-buttons-icon:before {
 	width: 450px;
 	margin-right: -225px;
 	background: #fff;
+	-webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 	box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 	line-height: 1.5;
 	z-index: 1000005;
@@ -529,8 +541,7 @@ span.wp-media-buttons-icon:before {
 	margin: 25px;
 }
 
-#post-lock-dialog .post-locked-message a.button,
-#file-editor-warning .button {
+#post-lock-dialog .post-locked-message a.button {
 	margin-left: 10px;
 }
 
@@ -575,9 +586,10 @@ span.wp-media-buttons-icon:before {
 	position: absolute;
 }
 
-.tagchecklist > li {
-	float: right;
+.tagchecklist span {
 	margin-left: 25px;
+	display: block;
+	float: right;
 	font-size: 13px;
 	line-height: 1.8em;
 	cursor: default;
@@ -586,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;
@@ -616,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;
@@ -646,93 +667,6 @@ span.wp-media-buttons-icon:before {
  	margin-bottom: 20px;
 }
 
-/* Suggested text for privacy policy */
-.wp-privacy-policy-guide {
-	max-width: 1000px;
-}
-
-.privacy-text-box {
-	width: calc(100% - 260px);
-}
-
-.privacy-text-box-toc {
-	float: left;
-	width: 250px;
-	background-color: #fff;
-}
-
-.privacy-text-box-toc p {
-	margin: 0;
-	padding: 0.7em 1em;
-	border-bottom: 1px solid #eee;
-}
-
-.privacy-text-box-toc ol {
-	margin-right: 2em;
-}
-
-.wp-privacy-policy-guide h3 {
-	font-size: 1.2em;
-	margin: 1em 0 0.5em;
-}
-
-.privacy-text-section .privacy-text-copy {
-	float: left;
-}
-
-.privacy-text-section {
-	position: relative;
-	border-top: 1px solid #e3e3e3;
-}
-
-.privacy-text-box-head,
-.privacy-text-section.text-removed {
-	padding-bottom: 12px;
-}
-
-.text-removed .policy-text {
-	font-style: italic;
-	color: #666;
-	font-weight: 600;
-}
-
-.privacy-text-actions {
-	height: 32px;
-	line-height: 32px;
-	padding-bottom: 6px;
-}
-
-.wp-privacy-policy-guide .policy-text h2 {
-	margin: 1.2em 0 1em;
-	padding: 0;
-}
-
-.suggested-policy-content {
-	font-style: italic;
-}
-
-.privacy-text-section a.return-to-top {
-	float: left;
-	margin-left: -250px;
-	margin-top: 6px;
-}
-
-.hide-privacy-policy-tutorial .privacy-policy-tutorial {
-	visibility: hidden;
-}
-
-.wp-suggested-text p {
-	font-style: italic;
-}
-
-.wp-suggested-text p.privacy-policy-tutorial {
-	font-style: normal;
-}
-
-.notice.wp-pp-notice {
-	margin: 15px 0 3px;
-}
-
 /*------------------------------------------------------------------------------
   11.1 - Custom Fields
 ------------------------------------------------------------------------------*/
@@ -766,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;
 }
@@ -868,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;
@@ -877,6 +811,7 @@ span.wp-media-buttons-icon:before {
 .post-state-format:before,
 .post-format-icon:before {
 	color: #ddd;
+	-webkit-transition: all .1s ease-in-out;
 	transition: all .1s ease-in-out;
 }
 
@@ -906,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;
@@ -915,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';
 }
 
 /*------------------------------------------------------------------------------
@@ -998,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;
 }
 
@@ -1036,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"],
@@ -1069,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;
 }
@@ -1086,9 +1027,6 @@ span.description,
 	margin-top: -10px;
 }
 
-.edit-term-notes {
-	margin-top: 2em;
-}
 
 /*------------------------------------------------------------------------------
   13.0 - Tags
@@ -1135,27 +1073,18 @@ p.popular-tags a {
 	text-align: justify;
 }
 
-.tagcloud h2 {
+.tagcloud h3 {
 	margin: 2px 0 12px;
 }
 
-.the-tagcloud ul {
-	margin: 0;
-}
-
-.the-tagcloud ul li {
-	display: inline-block;
-}
-
-/* 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;
 }
 
@@ -1164,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;
 }
 
@@ -1181,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 {
@@ -1203,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;
 }
@@ -1268,7 +1161,7 @@ table.links-table {
 }
 
 .links-table th {
-	font-weight: 400;
+	font-weight: normal;
 	text-align: right;
 	vertical-align: top;
 	min-width: 80px;
@@ -1308,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,
@@ -1319,8 +1211,11 @@ table.links-table {
 .focus-on #screen-meta-links,
 .focus-on #screen-meta {
 	opacity: 0;
+	-webkit-transition-duration: 0.6s;
 	transition-duration: 0.6s;
+	-webkit-transition-property: opacity;
 	transition-property: opacity;
+	-webkit-transition-timing-function: ease-in-out;
 	transition-timing-function: ease-in-out;
 }
 
@@ -1329,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,
@@ -1340,8 +1234,11 @@ table.links-table {
 .focus-off #screen-meta-links,
 .focus-off #screen-meta {
 	opacity: 1;
+	-webkit-transition-duration: 0.2s;
 	transition-duration: 0.2s;
+	-webkit-transition-property: opacity;
 	transition-property: opacity;
+	-webkit-transition-timing-function: ease-in-out;
 	transition-timing-function: ease-in-out;
 }
 
@@ -1351,27 +1248,31 @@ table.links-table {
 
 .focus-on #adminmenuback,
 .focus-on #adminmenuwrap {
+	-webkit-transition-duration: 0.6s;
 	transition-duration: 0.6s;
-	transition-property: -webkit-transform;
+	-webkit-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;
 }
 
 .focus-on #adminmenuback,
 .focus-on #adminmenuwrap {
 	-webkit-transform: translateX( 100% );
+	-ms-transform: translateX( 100% );
 	transform: translateX( 100% );
 }
 
 .focus-off #adminmenuback,
 .focus-off #adminmenuwrap {
 	-webkit-transform: translateX( 0 );
+	-ms-transform: translateX( 0 );
 	transform: translateX( 0 );
+	-webkit-transition-duration: 0.2s;
 	transition-duration: 0.2s;
-	transition-property: -webkit-transform;
+	-webkit-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;
 }
 
@@ -1387,14 +1288,13 @@ table.links-table {
 	#content-resize-handle,
 	#post-body .wp_themeSkin .mceStatusbar a.mceResize {
 		background: transparent url(../images/resize-2x.gif) no-repeat scroll left bottom;
+		-webkit-background-size: 11px 11px;
 		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;
 	}
 }
 
@@ -1433,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;
 	}
@@ -1445,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;
 	}
 
@@ -1536,7 +1430,7 @@ table.links-table {
 		margin: 25px 10px;
 	}
 
-	.tagchecklist > li {
+	.tagchecklist span {
 		font-size: 16px;
 		line-height: 1.4;
 	}
@@ -1600,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,
@@ -1657,19 +1554,12 @@ table.links-table {
 	.links-table td {
 		padding: 10px 0;
 	}
-	
-	.privacy-text-box {
-		width: auto;
-	}
-	
-	.privacy-text-box-toc {
-		float: none;
-		width: auto;
-		height: 100%;
-	}
+}
 
-	.privacy-text-section a.return-to-top {
-		float: none;
-		margin: 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;
 }
@@ -154,6 +169,7 @@ body.post-new-php .submitbox .submitdelete {
 	position: relative;
 	min-width: 255px;
 	border: 1px solid #e5e5e5;
+	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 	background: #fff;
 }
@@ -212,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,
@@ -231,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,
@@ -241,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,
@@ -257,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;
 }
@@ -265,22 +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: 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;
-	background-size: 20px 20px;
 }
 
 form#tags-filter {
@@ -312,6 +316,7 @@ form#tags-filter {
 	border: 1px solid #e5e5e5;
 	border-top: none;
 	background-color: #f7f7f7;
+	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 	z-index: 999;
 }
@@ -335,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 {
@@ -358,12 +361,23 @@ 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;
 }
 
 .wp-editor-expand #wp-content-editor-container {
+	-webkit-box-shadow: none;
 	box-shadow: none;
 	margin-top: -1px;
 }
@@ -444,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,
@@ -452,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 {
@@ -506,6 +517,7 @@ span.wp-media-buttons-icon:before {
 	width: 450px;
 	margin-left: -225px;
 	background: #fff;
+	-webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 	box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 	line-height: 1.5;
 	z-index: 1000005;
@@ -529,8 +541,7 @@ span.wp-media-buttons-icon:before {
 	margin: 25px;
 }
 
-#post-lock-dialog .post-locked-message a.button,
-#file-editor-warning .button {
+#post-lock-dialog .post-locked-message a.button {
 	margin-right: 10px;
 }
 
@@ -575,9 +586,10 @@ span.wp-media-buttons-icon:before {
 	position: absolute;
 }
 
-.tagchecklist > li {
-	float: left;
+.tagchecklist span {
 	margin-right: 25px;
+	display: block;
+	float: left;
 	font-size: 13px;
 	line-height: 1.8em;
 	cursor: default;
@@ -586,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;
@@ -616,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;
@@ -646,93 +667,6 @@ span.wp-media-buttons-icon:before {
  	margin-bottom: 20px;
 }
 
-/* Suggested text for privacy policy */
-.wp-privacy-policy-guide {
-	max-width: 1000px;
-}
-
-.privacy-text-box {
-	width: calc(100% - 260px);
-}
-
-.privacy-text-box-toc {
-	float: right;
-	width: 250px;
-	background-color: #fff;
-}
-
-.privacy-text-box-toc p {
-	margin: 0;
-	padding: 0.7em 1em;
-	border-bottom: 1px solid #eee;
-}
-
-.privacy-text-box-toc ol {
-	margin-left: 2em;
-}
-
-.wp-privacy-policy-guide h3 {
-	font-size: 1.2em;
-	margin: 1em 0 0.5em;
-}
-
-.privacy-text-section .privacy-text-copy {
-	float: right;
-}
-
-.privacy-text-section {
-	position: relative;
-	border-top: 1px solid #e3e3e3;
-}
-
-.privacy-text-box-head,
-.privacy-text-section.text-removed {
-	padding-bottom: 12px;
-}
-
-.text-removed .policy-text {
-	font-style: italic;
-	color: #666;
-	font-weight: 600;
-}
-
-.privacy-text-actions {
-	height: 32px;
-	line-height: 32px;
-	padding-bottom: 6px;
-}
-
-.wp-privacy-policy-guide .policy-text h2 {
-	margin: 1.2em 0 1em;
-	padding: 0;
-}
-
-.suggested-policy-content {
-	font-style: italic;
-}
-
-.privacy-text-section a.return-to-top {
-	float: right;
-	margin-right: -250px;
-	margin-top: 6px;
-}
-
-.hide-privacy-policy-tutorial .privacy-policy-tutorial {
-	visibility: hidden;
-}
-
-.wp-suggested-text p {
-	font-style: italic;
-}
-
-.wp-suggested-text p.privacy-policy-tutorial {
-	font-style: normal;
-}
-
-.notice.wp-pp-notice {
-	margin: 15px 0 3px;
-}
-
 /*------------------------------------------------------------------------------
   11.1 - Custom Fields
 ------------------------------------------------------------------------------*/
@@ -766,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;
 }
@@ -868,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;
@@ -877,6 +811,7 @@ span.wp-media-buttons-icon:before {
 .post-state-format:before,
 .post-format-icon:before {
 	color: #ddd;
+	-webkit-transition: all .1s ease-in-out;
 	transition: all .1s ease-in-out;
 }
 
@@ -906,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;
@@ -915,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';
 }
 
 /*------------------------------------------------------------------------------
@@ -998,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;
 }
 
@@ -1036,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"],
@@ -1069,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;
 }
@@ -1086,9 +1027,6 @@ span.description,
 	margin-top: -10px;
 }
 
-.edit-term-notes {
-	margin-top: 2em;
-}
 
 /*------------------------------------------------------------------------------
   13.0 - Tags
@@ -1135,27 +1073,18 @@ p.popular-tags a {
 	text-align: justify;
 }
 
-.tagcloud h2 {
+.tagcloud h3 {
 	margin: 2px 0 12px;
 }
 
-.the-tagcloud ul {
-	margin: 0;
-}
-
-.the-tagcloud ul li {
-	display: inline-block;
-}
-
-/* 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;
 }
 
@@ -1164,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;
 }
 
@@ -1181,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 {
@@ -1203,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;
 }
@@ -1268,7 +1161,7 @@ table.links-table {
 }
 
 .links-table th {
-	font-weight: 400;
+	font-weight: normal;
 	text-align: left;
 	vertical-align: top;
 	min-width: 80px;
@@ -1308,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,
@@ -1319,8 +1211,11 @@ table.links-table {
 .focus-on #screen-meta-links,
 .focus-on #screen-meta {
 	opacity: 0;
+	-webkit-transition-duration: 0.6s;
 	transition-duration: 0.6s;
+	-webkit-transition-property: opacity;
 	transition-property: opacity;
+	-webkit-transition-timing-function: ease-in-out;
 	transition-timing-function: ease-in-out;
 }
 
@@ -1329,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,
@@ -1340,8 +1234,11 @@ table.links-table {
 .focus-off #screen-meta-links,
 .focus-off #screen-meta {
 	opacity: 1;
+	-webkit-transition-duration: 0.2s;
 	transition-duration: 0.2s;
+	-webkit-transition-property: opacity;
 	transition-property: opacity;
+	-webkit-transition-timing-function: ease-in-out;
 	transition-timing-function: ease-in-out;
 }
 
@@ -1351,27 +1248,31 @@ table.links-table {
 
 .focus-on #adminmenuback,
 .focus-on #adminmenuwrap {
+	-webkit-transition-duration: 0.6s;
 	transition-duration: 0.6s;
-	transition-property: -webkit-transform;
+	-webkit-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;
 }
 
 .focus-on #adminmenuback,
 .focus-on #adminmenuwrap {
 	-webkit-transform: translateX( -100% );
+	-ms-transform: translateX( -100% );
 	transform: translateX( -100% );
 }
 
 .focus-off #adminmenuback,
 .focus-off #adminmenuwrap {
 	-webkit-transform: translateX( 0 );
+	-ms-transform: translateX( 0 );
 	transform: translateX( 0 );
+	-webkit-transition-duration: 0.2s;
 	transition-duration: 0.2s;
-	transition-property: -webkit-transform;
+	-webkit-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;
 }
 
@@ -1387,14 +1288,13 @@ table.links-table {
 	#content-resize-handle,
 	#post-body .wp_themeSkin .mceStatusbar a.mceResize {
 		background: transparent url(../images/resize-2x.gif) no-repeat scroll right bottom;
+		-webkit-background-size: 11px 11px;
 		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;
 	}
 }
 
@@ -1433,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;
 	}
@@ -1445,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;
 	}
 
@@ -1536,7 +1430,7 @@ table.links-table {
 		margin: 25px 10px;
 	}
 
-	.tagchecklist > li {
+	.tagchecklist span {
 		font-size: 16px;
 		line-height: 1.4;
 	}
@@ -1600,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,
@@ -1657,19 +1554,12 @@ table.links-table {
 	.links-table td {
 		padding: 10px 0;
 	}
-	
-	.privacy-text-box {
-		width: auto;
-	}
-	
-	.privacy-text-box-toc {
-		float: none;
-		width: auto;
-		height: 100%;
-	}
+}
 
-	.privacy-text-section a.return-to-top {
-		float: none;
-		margin: 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,2 +0,0 @@
-/*! This file is auto-generated */
-.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,2 +0,0 @@
-/*! This file is auto-generated */
-.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

@@ -1,6 +1,8 @@
 /* Include margin and padding in the width calculation of input and textarea. */
 input,
 textarea {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }
 
@@ -14,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"],
@@ -24,10 +27,12 @@ input[type="week"],
 select,
 textarea {
 	border: 1px solid #ddd;
+	-webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
 	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
 	background-color: #fff;
 	color: #32373c;
 	outline: none;
+	-webkit-transition: 0.05s border-color ease-in-out;
 	transition: 0.05s border-color ease-in-out;
 }
 
@@ -40,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,
@@ -51,6 +57,7 @@ input[type="radio"]:focus,
 select:focus,
 textarea:focus {
 	border-color: #5b9dd9;
+	-webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
 	box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
 }
 
@@ -60,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;
@@ -84,7 +85,9 @@ input[type="radio"] {
 	width: 16px;
 	min-width: 16px;
 	-webkit-appearance: none;
+	-webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
 	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
+	-webkit-transition: .05s border-color ease-in-out;
 	transition: .05s border-color ease-in-out;
 }
 
@@ -112,6 +115,7 @@ td > input[type="checkbox"],
 }
 
 input[type="radio"] {
+	-webkit-border-radius: 50%;
 	border-radius: 50%;
 	margin-left: 4px;
 	line-height: 10px;
@@ -123,21 +127,22 @@ 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;
 	font-size: 24px;
 	width: 6px;
@@ -182,6 +187,7 @@ input,
 select {
 	font-size: 14px;
 	padding: 3px 5px;
+	-webkit-border-radius: 0;
 	border-radius: 0; /* Reset mobile webkit's default element styling */
 }
 
@@ -189,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 {
@@ -223,27 +227,20 @@ 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,
 .form-invalid select, .form-invalid select:focus {
 	border-color: #dc3232 !important;
- box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
+	-webkit-box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
+ 	box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
 }
 
 .form-table .form-required.form-invalid td:after {
-	content: "\f534";
+	content: '\f534';
 	font: normal 20px/1 dashicons;
 	color: #dc3232;
 	margin-right: -25px;
@@ -275,6 +272,7 @@ textarea:disabled,
 textarea.disabled {
 	background: rgba( 255, 255, 255, 0.5 );
 	border-color: rgba( 222, 222, 222, 0.75 );
+	-webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
 	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
 	color: rgba( 51, 51, 51, 0.5 );
 }
@@ -284,8 +282,8 @@ input[type="file"].disabled,
 input[type="range"]:disabled,
 input[type="range"].disabled {
 	background: none;
+	-webkit-box-shadow: none;
 	box-shadow: none;
-	cursor: default;
 }
 
 input[type="checkbox"]:disabled,
@@ -327,7 +325,9 @@ input[type="radio"].disabled:checked:before {
 .submit {
 	padding: 1.5em 0;
 	margin: 5px 0;
+	-webkit-border-bottom-right-radius: 3px;
 	border-bottom-right-radius: 3px;
+	-webkit-border-bottom-left-radius: 3px;
 	border-bottom-left-radius: 3px;
 	border: none;
 }
@@ -371,7 +371,7 @@ textarea.large-text {
 	width: 99%;
 }
 
-.regular-text {
+input.regular-text {
 	width: 25em;
 }
 
@@ -384,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 {
@@ -423,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;
@@ -438,19 +434,26 @@ fieldset label,
 	vertical-align: middle;
 }
 
-.options-media-php [for*="_size_"] {
-	min-width: 10em;
-	vertical-align: baseline;
-}
-
-.options-media-php .small-text[name*="_size_"] {
-	margin: 0 0 1em;
-}
-
+.options-media-php label[for*="_size_"],
 #misc-publishing-actions 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;
@@ -459,6 +462,8 @@ fieldset label,
 	padding: 3px 5px;
 	text-align: center;
 	width: 25em;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	opacity: 0;
 }
@@ -542,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);
@@ -575,6 +570,7 @@ ul#add-to-blog-users {
 	position: absolute;
 	z-index: 10000;
 	border: 1px solid #5b9dd9;
+	-webkit-box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
 	box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
 	background-color: #fff;
 }
@@ -584,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;
 }
 
 /*------------------------------------------------------------------------------
@@ -612,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;
 }
 
@@ -626,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;
 }
@@ -640,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;
 }
 
@@ -652,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;
@@ -722,6 +702,8 @@ table.form-table td .updated p {
 	display: inline-block;
 	width: 24%;
 	padding: 5px 15px 15px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	margin-bottom: 3px;
 }
@@ -753,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 {
@@ -778,6 +748,7 @@ table.form-table td .updated p {
 	min-width: 255px;
 	max-width: 520px;
 	border: 1px solid #e5e5e5;
+	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 	background: #fff;
 }
@@ -812,9 +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;
@@ -826,7 +798,7 @@ table.form-table td .updated p {
 }
 
 .pressthis-bookmarklet:after {
-	content: "";
+	content: '';
 	width: 70%;
 	height: 55%;
 	z-index: -1;
@@ -835,13 +807,17 @@ table.form-table td .updated p {
 	bottom: 9px;
 	background: transparent;
 	-webkit-transform: skew(-20deg) rotate(-6deg);
+	-ms-transform: skew(-20deg) rotate(-6deg);
 	transform: skew(-20deg) rotate(-6deg);
+	-webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
 	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
 }
 
 .pressthis-bookmarklet:hover:after {
 	-webkit-transform: skew(-20deg) rotate(-9deg);
+	-ms-transform: skew(-20deg) rotate(-9deg);
 	transform: skew(-20deg) rotate(-9deg);
+	-webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
 	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
 }
 
@@ -852,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;
@@ -868,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;
@@ -878,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 {
@@ -894,18 +876,13 @@ 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;
 }
 
 .options-general-php .spinner {
 	float: none;
-	margin: -3px 3px 0;
+	margin: 0 3px;
 }
 
 .settings-php .language-install-spinner,
@@ -916,11 +893,6 @@ table.form-table td .updated p {
 	vertical-align: middle;
 }
 
-.form-table.permalink-structure .available-structure-tags li {
-	float: right;
-	margin-left: 5px;
-}
-
 /*------------------------------------------------------------------------------
   21.0 - Network Admin
 ------------------------------------------------------------------------------*/
@@ -960,12 +932,10 @@ table.form-table td .updated p {
 
 .request-filesystem-credentials-dialog {
 	display: none;
-	/* The customizer uses visibility: hidden on the body for full-overlays. */
-	visibility: visible;
 }
 
 .request-filesystem-credentials-dialog .notification-dialog {
-	top: 10%;
+	top: 15%;
 	max-height: 85%;
 }
 
@@ -973,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;
@@ -1023,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;
 }
@@ -1039,180 +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;
-}
-
-/*------------------------------------------------------------------------------
-   Privacy Policy settings screen
-------------------------------------------------------------------------------*/
-.tools-privacy-policy-page form {
-	margin-bottom: 1.3em;
-}
-
-.tools-privacy-policy-page input.button,
-.tools-privacy-policy-page select {
-	margin-right: 6px;
-}
-
-.tools-privacy-edit {
-	margin: 1.5em 0;
-}
-
-.tools-privacy-policy-page span {
-	line-height: 2em;
-}
-
-.privacy_requests .column-email {
-	width: 40%;
-}
-
-.privacy_requests .column-type {
-	text-align: center;
-}
-
-.privacy_requests thead td:first-child,
-.privacy_requests tfoot td:first-child {
-	border-right: 4px solid #fff;
-}
-
-.privacy_requests tbody th {
-	border-right: 4px solid #fff;
-	background: #fff;
-	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
-}
-
-.privacy_requests tbody .has-request-results th {
-	box-shadow: none;
-}
-
-.privacy_requests tbody .request-results th .notice {
-	margin: 0 0 5px;
-}
-
-.privacy_requests tbody td {
-	background: #fff;
-	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
-}
-
-.privacy_requests tbody .has-request-results td {
-	box-shadow: none;
-}
-
-.privacy_requests .next_steps .button {
-	height: auto;
-	line-height: 1.5;
-	padding: 4px 10px;
-	word-break: break-all;
-	white-space: unset;
-}
-
-.privacy_requests .status-request-confirmed th,
-.privacy_requests .status-request-confirmed td {
-	background-color: #f7fcfe;
-	border-right-color: #00a0d2;
-}
-
-.privacy_requests .status-request-failed th,
-.privacy_requests .status-request-failed td {
-	background-color: #fef7f1;
-	border-right-color: #d64d21;
-}
-
-.privacy_requests .export_personal_data_failed a {
-	vertical-align: baseline;
-}
-
-.status-label {
-	font-weight: bold;
-}
-
-.status-label.status-request-pending {
-	font-weight: normal;
-	font-style: italic;
-	color: #6c7781;
-}
-
-.status-label.status-request-failed {
-	color: #aa0000;
-	font-weight: bold;
-}
-
-.wp-privacy-request-form {
-	clear: both;
-}
-
-.wp-privacy-request-form-field {
-	margin: 1.5em 0;
-}
-
-.wp-privacy-request-form label {
-	font-weight: bold;
-	line-height: 1.5;
-	padding-bottom: .5em;
-	display: block;
-}
-
-.wp-privacy-request-form input {
-	line-height: 1.5;
-	margin: 0;
-}
-
-.email-personal-data::before {
-	display: inline-block;
-	font: normal 20px/1 dashicons;
-	margin: 3px -2px 0 5px;
-	speak: none;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-	vertical-align: top;
-}
-
-.email-personal-data--sending::before {
-	color: #f56e28;
-	content: "\f463";
-	-webkit-animation: rotation 2s infinite linear;
-	animation: rotation 2s infinite linear;
-}
-
-.email-personal-data--sent::before {
-	color: #79ba49;
-	content: "\f147";
-}
-
 
 /* =Media Queries
 -------------------------------------------------------------- */
@@ -1232,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;
@@ -1259,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;
 	}
 
@@ -1302,25 +1079,18 @@ table.form-table td .updated p {
 	}
 
 	.form-table {
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
 		box-sizing: border-box;
 	}
 
 	.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;
@@ -1348,6 +1118,8 @@ table.form-table td .updated p {
 		padding: 7px 10px;
 		display: block;
 		max-width: none;
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
 		box-sizing: border-box;
 	}
 
@@ -1367,7 +1139,7 @@ table.form-table td .updated p {
 	input[type="number"].small-text,
 	.form-table input[type="text"].small-text {
 		width: auto;
-		max-width: 4.375em; /* 70px, enough for 4 digits to fit comfortably */
+		max-width: 55px;
 		display: inline;
 		padding: 3px 6px;
 		margin: 0 3px;
@@ -1375,6 +1147,8 @@ table.form-table td .updated p {
 
 	#pass-strength-result {
 		width: 100%;
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
 		box-sizing: border-box;
 		padding: 8px;
 	}
@@ -1443,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 {
@@ -1467,6 +1246,7 @@ table.form-table td .updated p {
 	.wp-pwd button.button {
 		background: transparent;
 		border: none;
+		-webkit-box-shadow: none;
 		box-shadow: none;
 		line-height: 2;
 		margin: 0;
@@ -1485,39 +1265,6 @@ table.form-table td .updated p {
 	.wp-pwd .button .text {
 		display: none;
 	}
-
-	.options-general-php input[type="text"].small-text {
-		max-width: 6.25em;
-		margin: 0;
-	}
-
-	/* Privacy Policy settings screen */
-	.tools-privacy-policy-page form.wp-create-privacy-page {
-	    margin-bottom: 1em;
-	}
-
- 	.tools-privacy-policy-page input#set-page,
-	.tools-privacy-policy-page select {
-		margin: 10px 0 0;
-	}
-
-	.tools-privacy-policy-page .wp-create-privacy-page span {
-	    display: block;
-	    margin-bottom: 1em;
-	}
-
-	.tools-privacy-policy-page .wp-create-privacy-page .button {
-	    margin-right: 0;
-	}
-
-	.wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column) {
-		display: table-cell;
-	}
-
-	.wp-list-table.privacy_requests.widefat th input,
-	.wp-list-table.privacy_requests.widefat thead td input {
-		margin-right: 5px;
-	}
 }
 
 @media only screen and (max-width: 768px) {
@@ -1540,10 +1287,9 @@ table.form-table td .updated p {
 	}
 }
 
-@media only screen and (max-height: 480px), screen and (max-width: 450px) {
-	/*  Request Credentials / File Editor Warning */
-	.request-filesystem-credentials-dialog .notification-dialog,
-	.file-editor-warning .notification-dialog {
+@media only screen and (max-height: 480px) {
+	/*  Request Credentials */
+	.request-filesystem-credentials-dialog .notification-dialog{
 		width: 100%;
 		height: 100%;
 		max-height: 100%;
@@ -1561,32 +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;
-	}
-}
-
-@-webkit-keyframes rotation {
-	0% {
-		-webkit-transform: rotate(0deg);
-		transform: rotate(0deg);
-	}
-	100% {
-		-webkit-transform: rotate(-359deg);
-		transform: rotate(-359deg);
-	}
-}
-
-@keyframes rotation {
-	0% {
-		-webkit-transform: rotate(0deg);
-		transform: rotate(0deg);
-	}
-	100% {
-		-webkit-transform: rotate(-359deg);
-		transform: rotate(-359deg);
-	}
-}

wp-admin/css/forms.css

@@ -1,6 +1,8 @@
 /* Include margin and padding in the width calculation of input and textarea. */
 input,
 textarea {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }
 
@@ -14,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"],
@@ -24,10 +27,12 @@ input[type="week"],
 select,
 textarea {
 	border: 1px solid #ddd;
+	-webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
 	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
 	background-color: #fff;
 	color: #32373c;
 	outline: none;
+	-webkit-transition: 0.05s border-color ease-in-out;
 	transition: 0.05s border-color ease-in-out;
 }
 
@@ -40,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,
@@ -51,6 +57,7 @@ input[type="radio"]:focus,
 select:focus,
 textarea:focus {
 	border-color: #5b9dd9;
+	-webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
 	box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
 }
 
@@ -60,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;
@@ -84,7 +85,9 @@ input[type="radio"] {
 	width: 16px;
 	min-width: 16px;
 	-webkit-appearance: none;
+	-webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
 	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
+	-webkit-transition: .05s border-color ease-in-out;
 	transition: .05s border-color ease-in-out;
 }
 
@@ -112,6 +115,7 @@ td > input[type="checkbox"],
 }
 
 input[type="radio"] {
+	-webkit-border-radius: 50%;
 	border-radius: 50%;
 	margin-right: 4px;
 	line-height: 10px;
@@ -123,21 +127,22 @@ 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;
 	font-size: 24px;
 	width: 6px;
@@ -182,6 +187,7 @@ input,
 select {
 	font-size: 14px;
 	padding: 3px 5px;
+	-webkit-border-radius: 0;
 	border-radius: 0; /* Reset mobile webkit's default element styling */
 }
 
@@ -189,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 {
@@ -223,27 +227,20 @@ 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,
 .form-invalid select, .form-invalid select:focus {
 	border-color: #dc3232 !important;
- box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
+	-webkit-box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
+ 	box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
 }
 
 .form-table .form-required.form-invalid td:after {
-	content: "\f534";
+	content: '\f534';
 	font: normal 20px/1 dashicons;
 	color: #dc3232;
 	margin-left: -25px;
@@ -275,6 +272,7 @@ textarea:disabled,
 textarea.disabled {
 	background: rgba( 255, 255, 255, 0.5 );
 	border-color: rgba( 222, 222, 222, 0.75 );
+	-webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
 	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
 	color: rgba( 51, 51, 51, 0.5 );
 }
@@ -284,8 +282,8 @@ input[type="file"].disabled,
 input[type="range"]:disabled,
 input[type="range"].disabled {
 	background: none;
+	-webkit-box-shadow: none;
 	box-shadow: none;
-	cursor: default;
 }
 
 input[type="checkbox"]:disabled,
@@ -327,7 +325,9 @@ input[type="radio"].disabled:checked:before {
 .submit {
 	padding: 1.5em 0;
 	margin: 5px 0;
+	-webkit-border-bottom-left-radius: 3px;
 	border-bottom-left-radius: 3px;
+	-webkit-border-bottom-right-radius: 3px;
 	border-bottom-right-radius: 3px;
 	border: none;
 }
@@ -371,7 +371,7 @@ textarea.large-text {
 	width: 99%;
 }
 
-.regular-text {
+input.regular-text {
 	width: 25em;
 }
 
@@ -384,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 {
@@ -423,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;
@@ -438,19 +434,26 @@ fieldset label,
 	vertical-align: middle;
 }
 
-.options-media-php [for*="_size_"] {
-	min-width: 10em;
-	vertical-align: baseline;
-}
-
-.options-media-php .small-text[name*="_size_"] {
-	margin: 0 0 1em;
-}
-
+.options-media-php label[for*="_size_"],
 #misc-publishing-actions 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;
@@ -459,6 +462,8 @@ fieldset label,
 	padding: 3px 5px;
 	text-align: center;
 	width: 25em;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	opacity: 0;
 }
@@ -542,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);
@@ -575,6 +570,7 @@ ul#add-to-blog-users {
 	position: absolute;
 	z-index: 10000;
 	border: 1px solid #5b9dd9;
+	-webkit-box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
 	box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
 	background-color: #fff;
 }
@@ -584,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;
 }
 
 /*------------------------------------------------------------------------------
@@ -612,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;
 }
 
@@ -626,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;
 }
@@ -640,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;
 }
 
@@ -652,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;
@@ -722,6 +702,8 @@ table.form-table td .updated p {
 	display: inline-block;
 	width: 24%;
 	padding: 5px 15px 15px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	margin-bottom: 3px;
 }
@@ -753,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 {
@@ -778,6 +748,7 @@ table.form-table td .updated p {
 	min-width: 255px;
 	max-width: 520px;
 	border: 1px solid #e5e5e5;
+	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 	background: #fff;
 }
@@ -812,9 +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;
@@ -826,7 +798,7 @@ table.form-table td .updated p {
 }
 
 .pressthis-bookmarklet:after {
-	content: "";
+	content: '';
 	width: 70%;
 	height: 55%;
 	z-index: -1;
@@ -835,13 +807,17 @@ table.form-table td .updated p {
 	bottom: 9px;
 	background: transparent;
 	-webkit-transform: skew(20deg) rotate(6deg);
+	-ms-transform: skew(20deg) rotate(6deg);
 	transform: skew(20deg) rotate(6deg);
+	-webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
 	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
 }
 
 .pressthis-bookmarklet:hover:after {
 	-webkit-transform: skew(20deg) rotate(9deg);
+	-ms-transform: skew(20deg) rotate(9deg);
 	transform: skew(20deg) rotate(9deg);
+	-webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
 	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
 }
 
@@ -852,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;
@@ -868,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;
@@ -878,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 {
@@ -894,18 +876,13 @@ 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;
 }
 
 .options-general-php .spinner {
 	float: none;
-	margin: -3px 3px 0;
+	margin: 0 3px;
 }
 
 .settings-php .language-install-spinner,
@@ -916,11 +893,6 @@ table.form-table td .updated p {
 	vertical-align: middle;
 }
 
-.form-table.permalink-structure .available-structure-tags li {
-	float: left;
-	margin-right: 5px;
-}
-
 /*------------------------------------------------------------------------------
   21.0 - Network Admin
 ------------------------------------------------------------------------------*/
@@ -960,12 +932,10 @@ table.form-table td .updated p {
 
 .request-filesystem-credentials-dialog {
 	display: none;
-	/* The customizer uses visibility: hidden on the body for full-overlays. */
-	visibility: visible;
 }
 
 .request-filesystem-credentials-dialog .notification-dialog {
-	top: 10%;
+	top: 15%;
 	max-height: 85%;
 }
 
@@ -973,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;
@@ -1023,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;
 }
@@ -1039,180 +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;
-}
-
-/*------------------------------------------------------------------------------
-   Privacy Policy settings screen
-------------------------------------------------------------------------------*/
-.tools-privacy-policy-page form {
-	margin-bottom: 1.3em;
-}
-
-.tools-privacy-policy-page input.button,
-.tools-privacy-policy-page select {
-	margin-left: 6px;
-}
-
-.tools-privacy-edit {
-	margin: 1.5em 0;
-}
-
-.tools-privacy-policy-page span {
-	line-height: 2em;
-}
-
-.privacy_requests .column-email {
-	width: 40%;
-}
-
-.privacy_requests .column-type {
-	text-align: center;
-}
-
-.privacy_requests thead td:first-child,
-.privacy_requests tfoot td:first-child {
-	border-left: 4px solid #fff;
-}
-
-.privacy_requests tbody th {
-	border-left: 4px solid #fff;
-	background: #fff;
-	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
-}
-
-.privacy_requests tbody .has-request-results th {
-	box-shadow: none;
-}
-
-.privacy_requests tbody .request-results th .notice {
-	margin: 0 0 5px;
-}
-
-.privacy_requests tbody td {
-	background: #fff;
-	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
-}
-
-.privacy_requests tbody .has-request-results td {
-	box-shadow: none;
-}
-
-.privacy_requests .next_steps .button {
-	height: auto;
-	line-height: 1.5;
-	padding: 4px 10px;
-	word-break: break-all;
-	white-space: unset;
-}
-
-.privacy_requests .status-request-confirmed th,
-.privacy_requests .status-request-confirmed td {
-	background-color: #f7fcfe;
-	border-left-color: #00a0d2;
-}
-
-.privacy_requests .status-request-failed th,
-.privacy_requests .status-request-failed td {
-	background-color: #fef7f1;
-	border-left-color: #d64d21;
-}
-
-.privacy_requests .export_personal_data_failed a {
-	vertical-align: baseline;
-}
-
-.status-label {
-	font-weight: bold;
-}
-
-.status-label.status-request-pending {
-	font-weight: normal;
-	font-style: italic;
-	color: #6c7781;
-}
-
-.status-label.status-request-failed {
-	color: #aa0000;
-	font-weight: bold;
-}
-
-.wp-privacy-request-form {
-	clear: both;
-}
-
-.wp-privacy-request-form-field {
-	margin: 1.5em 0;
-}
-
-.wp-privacy-request-form label {
-	font-weight: bold;
-	line-height: 1.5;
-	padding-bottom: .5em;
-	display: block;
-}
-
-.wp-privacy-request-form input {
-	line-height: 1.5;
-	margin: 0;
-}
-
-.email-personal-data::before {
-	display: inline-block;
-	font: normal 20px/1 dashicons;
-	margin: 3px 5px 0 -2px;
-	speak: none;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-	vertical-align: top;
-}
-
-.email-personal-data--sending::before {
-	color: #f56e28;
-	content: "\f463";
-	-webkit-animation: rotation 2s infinite linear;
-	animation: rotation 2s infinite linear;
-}
-
-.email-personal-data--sent::before {
-	color: #79ba49;
-	content: "\f147";
-}
-
 
 /* =Media Queries
 -------------------------------------------------------------- */
@@ -1232,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;
@@ -1259,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;
 	}
 
@@ -1302,25 +1079,18 @@ table.form-table td .updated p {
 	}
 
 	.form-table {
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
 		box-sizing: border-box;
 	}
 
 	.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;
@@ -1348,6 +1118,8 @@ table.form-table td .updated p {
 		padding: 7px 10px;
 		display: block;
 		max-width: none;
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
 		box-sizing: border-box;
 	}
 
@@ -1367,7 +1139,7 @@ table.form-table td .updated p {
 	input[type="number"].small-text,
 	.form-table input[type="text"].small-text {
 		width: auto;
-		max-width: 4.375em; /* 70px, enough for 4 digits to fit comfortably */
+		max-width: 55px;
 		display: inline;
 		padding: 3px 6px;
 		margin: 0 3px;
@@ -1375,6 +1147,8 @@ table.form-table td .updated p {
 
 	#pass-strength-result {
 		width: 100%;
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
 		box-sizing: border-box;
 		padding: 8px;
 	}
@@ -1443,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 {
@@ -1467,6 +1246,7 @@ table.form-table td .updated p {
 	.wp-pwd button.button {
 		background: transparent;
 		border: none;
+		-webkit-box-shadow: none;
 		box-shadow: none;
 		line-height: 2;
 		margin: 0;
@@ -1485,39 +1265,6 @@ table.form-table td .updated p {
 	.wp-pwd .button .text {
 		display: none;
 	}
-
-	.options-general-php input[type="text"].small-text {
-		max-width: 6.25em;
-		margin: 0;
-	}
-
-	/* Privacy Policy settings screen */
-	.tools-privacy-policy-page form.wp-create-privacy-page {
-	    margin-bottom: 1em;
-	}
-
- 	.tools-privacy-policy-page input#set-page,
-	.tools-privacy-policy-page select {
-		margin: 10px 0 0;
-	}
-
-	.tools-privacy-policy-page .wp-create-privacy-page span {
-	    display: block;
-	    margin-bottom: 1em;
-	}
-
-	.tools-privacy-policy-page .wp-create-privacy-page .button {
-	    margin-left: 0;
-	}
-
-	.wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column) {
-		display: table-cell;
-	}
-
-	.wp-list-table.privacy_requests.widefat th input,
-	.wp-list-table.privacy_requests.widefat thead td input {
-		margin-left: 5px;
-	}
 }
 
 @media only screen and (max-width: 768px) {
@@ -1540,10 +1287,9 @@ table.form-table td .updated p {
 	}
 }
 
-@media only screen and (max-height: 480px), screen and (max-width: 450px) {
-	/*  Request Credentials / File Editor Warning */
-	.request-filesystem-credentials-dialog .notification-dialog,
-	.file-editor-warning .notification-dialog {
+@media only screen and (max-height: 480px) {
+	/*  Request Credentials */
+	.request-filesystem-credentials-dialog .notification-dialog{
 		width: 100%;
 		height: 100%;
 		max-height: 100%;
@@ -1561,32 +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;
-	}
-}
-
-@-webkit-keyframes rotation {
-	0% {
-		-webkit-transform: rotate(0deg);
-		transform: rotate(0deg);
-	}
-	100% {
-		-webkit-transform: rotate(359deg);
-		transform: rotate(359deg);
-	}
-}
-
-@keyframes rotation {
-	0% {
-		-webkit-transform: rotate(0deg);
-		transform: rotate(0deg);
-	}
-	100% {
-		-webkit-transform: rotate(359deg);
-		transform: rotate(359deg);
-	}
-}

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 {
@@ -285,7 +286,7 @@ table.fixed td {
 	width: 29%;
 }
 
-.inline-edit-row .submit {
+.inline-edit-row p.submit {
 	zoom: 100%;
 }
 
@@ -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 > li, .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 {
@@ -285,7 +286,7 @@ table.fixed td {
 	width: 29%;
 }
 
-.inline-edit-row .submit {
+.inline-edit-row p.submit {
 	zoom: 100%;
 }
 
@@ -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 > li, .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,45 +6,36 @@ 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;
 	-webkit-font-smoothing: subpixel-antialiased;
+	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
 	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
 }
 
 a {
 	color: #0073aa;
+	text-decoration: none;
 }
 
-a:hover,
-a:active {
+a:hover {
 	color: #00a0d2;
 }
 
-a:focus {
-	color: #124964;
-	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;
 }
 
@@ -70,32 +61,26 @@ 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
 }
 #logo a {
 	background-image: url(../images/w-logo-blue.png?ver=20131202);
 	background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
+	-webkit-background-size: 84px;
 	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;
@@ -106,11 +91,6 @@ label {
 	overflow: hidden;
 	display: block;
 }
-
-#logo a:focus {
-	box-shadow: none;
-}
-
 .step {
 	margin: 20px 0 15px;
 }
@@ -120,14 +100,15 @@ 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;
 	box-sizing: border-box;
 }
 
@@ -167,12 +148,13 @@ textarea {
 	font-size: 15px;
 	padding: 3px 5px;
 	border: 1px solid #ddd;
+	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
 	box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
 }
 
 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],
@@ -183,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;
@@ -228,6 +209,8 @@ submit {
 	padding: 3px 5px;
 	text-align: center;
 	width: 218px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	opacity: 0;
 }
@@ -277,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 */
@@ -375,6 +359,8 @@ body.rtl,
 		padding: 7px 10px;
 		display: block;
 		max-width: none;
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
 		box-sizing: border-box;
 	}
 
@@ -393,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 {
@@ -402,21 +388,19 @@ body.language-chooser {
 
 .screen-reader-input,
 .screen-reader-text {
-	border: 0;
-	clip: rect(1px, 1px, 1px, 1px);
-	-webkit-clip-path: inset(50%);
-	clip-path: inset(50%);
-	height: 1px;
-	margin: -1px;
-	overflow: hidden;
-	padding: 0;
 	position: absolute;
+	margin: -1px;
+	padding: 0;
+	height: 1px;
 	width: 1px;
-	word-wrap: normal !important;
+	overflow: hidden;
+	clip: rect(0 0 0 0);
+	border: 0;
 }
 
 .spinner {
 	background: url(../images/spinner.gif) no-repeat;
+	-webkit-background-size: 20px 20px;
 	background-size: 20px 20px;
 	visibility: hidden;
 	opacity: 0.7;
@@ -428,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,45 +6,36 @@ 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;
 	-webkit-font-smoothing: subpixel-antialiased;
+	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
 	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
 }
 
 a {
 	color: #0073aa;
+	text-decoration: none;
 }
 
-a:hover,
-a:active {
+a:hover {
 	color: #00a0d2;
 }
 
-a:focus {
-	color: #124964;
-	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;
 }
 
@@ -70,32 +61,26 @@ 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
 }
 #logo a {
 	background-image: url(../images/w-logo-blue.png?ver=20131202);
 	background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
+	-webkit-background-size: 84px;
 	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;
@@ -106,11 +91,6 @@ label {
 	overflow: hidden;
 	display: block;
 }
-
-#logo a:focus {
-	box-shadow: none;
-}
-
 .step {
 	margin: 20px 0 15px;
 }
@@ -120,14 +100,15 @@ 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;
 	box-sizing: border-box;
 }
 
@@ -167,12 +148,13 @@ textarea {
 	font-size: 15px;
 	padding: 3px 5px;
 	border: 1px solid #ddd;
+	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
 	box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
 }
 
 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],
@@ -183,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;
@@ -228,6 +209,8 @@ submit {
 	padding: 3px 5px;
 	text-align: center;
 	width: 218px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	opacity: 0;
 }
@@ -277,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 */
@@ -375,6 +359,8 @@ body.rtl,
 		padding: 7px 10px;
 		display: block;
 		max-width: none;
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
 		box-sizing: border-box;
 	}
 
@@ -393,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 {
@@ -402,21 +388,19 @@ body.language-chooser {
 
 .screen-reader-input,
 .screen-reader-text {
-	border: 0;
-	clip: rect(1px, 1px, 1px, 1px);
-	-webkit-clip-path: inset(50%);
-	clip-path: inset(50%);
-	height: 1px;
-	margin: -1px;
-	overflow: hidden;
-	padding: 0;
 	position: absolute;
+	margin: -1px;
+	padding: 0;
+	height: 1px;
 	width: 1px;
-	word-wrap: normal !important;
+	overflow: hidden;
+	clip: rect(0 0 0 0);
+	border: 0;
 }
 
 .spinner {
 	background: url(../images/spinner.gif) no-repeat;
+	-webkit-background-size: 20px 20px;
 	background-size: 20px 20px;
 	visibility: hidden;
 	opacity: 0.7;
@@ -428,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;
 }