Tag 5.2.19

Built from https://develop.svn.wordpress.org/tags/5.2.19@56910


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

readme.html

@@ -26,7 +26,7 @@
 			<li>Open <span class="file"><a href="wp-admin/install.php">wp-admin/install.php</a></span> in your browser.</li>
 		</ol>
 	</li>
-	<li>Once the configuration file is set up, the installer will set up the tables needed for your site. If there is an error, double check your <code>wp-config.php</code> file, and try again. If it fails again, please go to the <a href="https://wordpress.org/support/forums/">WordPress support forums</a> with as much data as you can gather.</li>
+	<li>Once the configuration file is set up, the installer will set up the tables needed for your site. If there is an error, double check your <code>wp-config.php</code> file, and try again. If it fails again, please go to the <a href="https://wordpress.org/support/forums/" title="WordPress support">support forums</a> with as much data as you can gather.</li>
 	<li><strong>If you did not enter a password, note the password given to you.</strong> If you did not provide a username, it will be <code>admin</code>.</li>
 	<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>
@@ -48,7 +48,7 @@
 </ol>
 
 <h2>Migrating from other systems</h2>
-<p>WordPress can <a href="https://wordpress.org/support/article/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">our import tools</a>.</p>
+<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>
 <ul>
@@ -76,23 +76,23 @@
 		<dd>The WordPress Planet is a news aggregator that brings together posts from WordPress blogs around the web.</dd>
 	<dt><a href="https://wordpress.org/support/forums/">WordPress Support Forums</a></dt>
 		<dd>If you&#8217;ve looked everywhere and still can&#8217;t find an answer, the support forums are very active and have a large community ready to help. To help them help you be sure to use a descriptive thread title and describe your question in as much detail as possible.</dd>
-	<dt><a href="https://codex.wordpress.org/IRC">WordPress <abbr>IRC</abbr> (Internet Relay Chat) Channel</a></dt>
+	<dt><a href="https://codex.wordpress.org/IRC">WordPress <abbr title="Internet Relay Chat">IRC</abbr> Channel</a></dt>
 		<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>
 <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/forums/">Support Forums</a>.</li>
-	<li>WordPress has a robust plugin <abbr>API</abbr> (Application Programming Interface) 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://developer.wordpress.org/plugins/">Plugin Developer Handbook</a>. You shouldn&#8217;t modify any of the core code.</li>
 </ul>
 
 <h2>Share the Love</h2>
 <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/">donating</a>.</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>
-<p>WordPress is free software, and is released under the terms of the <abbr>GPL</abbr> (GNU General Public License) version 2 or (at your option) any later version. See <a href="license.txt">license.txt</a>.</p>
+<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>
 </html>

wp-activate.php

@@ -144,7 +144,7 @@ get_header( 'wp-activate' );
 			echo '<p class="lead-in">';
 			if ( $signup->domain . $signup->path == '' ) {
 				printf(
-					/* translators: 1: Login URL, 2: Username, 3: User email address, 4: Lost password URL. */
+					/* 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,
@@ -153,7 +153,7 @@ get_header( 'wp-activate' );
 				);
 			} else {
 				printf(
-					/* translators: 1: Site URL, 2: Username, 3: User email address, 4: Lost password URL. */
+					/* 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,
@@ -188,14 +188,14 @@ get_header( 'wp-activate' );
 				?>
 				<p class="view">
 				<?php
-					/* translators: 1: Site URL, 2: Login URL. */
+					/* 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 else : ?>
 				<p class="view">
 				<?php
-					/* translators: 1: Login URL, 2: Network home URL. */
+					/* 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>

wp-admin/admin-ajax.php

@@ -24,9 +24,6 @@ require_once( dirname( dirname( __FILE__ ) ) . '/wp-load.php' );
 /** Allow for cross-domain requests (from the front end). */
 send_origin_headers();
 
-header( 'Content-Type: text/html; charset=' . get_option( 'blog_charset' ) );
-header( 'X-Robots-Tag: noindex' );
-
 // Require an action parameter
 if ( empty( $_REQUEST['action'] ) ) {
 	wp_die( '0', 400 );
@@ -38,6 +35,9 @@ require_once( ABSPATH . 'wp-admin/includes/admin.php' );
 /** Load Ajax Handlers for WordPress Core */
 require_once( ABSPATH . 'wp-admin/includes/ajax-actions.php' );
 
+@header( 'Content-Type: text/html; charset=' . get_option( 'blog_charset' ) );
+@header( 'X-Robots-Tag: noindex' );
+
 send_nosniff_header();
 nocache_headers();
 
@@ -53,7 +53,6 @@ $core_actions_get = array(
 	'autocomplete-user',
 	'dashboard-widgets',
 	'logged-in',
-	'rest-nonce',
 );
 
 $core_actions_post = array(
@@ -106,7 +105,6 @@ $core_actions_post = array(
 	'send-link-to-editor',
 	'send-attachment-to-editor',
 	'save-attachment-order',
-	'media-create-image-subsizes',
 	'heartbeat',
 	'get-revision-diffs',
 	'save-user-color-scheme',

wp-admin/admin-footer.php

@@ -32,12 +32,7 @@ global $hook_suffix;
 	?>
 	<p id="footer-left" class="alignleft">
 		<?php
-		$text = sprintf(
-			/* translators: %s: https://wordpress.org/ */
-			__( 'Thank you for creating with <a href="%s">WordPress</a>.' ),
-			__( 'https://wordpress.org/' )
-		);
-
+		$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.
 		 *
@@ -85,7 +80,7 @@ do_action( 'admin_footer', '' );
  *
  * @since 4.6.0
  */
-do_action( "admin_print_footer_scripts-{$hook_suffix}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+do_action( "admin_print_footer_scripts-{$hook_suffix}" );
 
 /**
  * Prints any scripts and data queued for the footer.
@@ -102,7 +97,7 @@ do_action( 'admin_print_footer_scripts' );
  *
  * @since 2.8.0
  */
-do_action( "admin_footer-{$hook_suffix}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+do_action( "admin_footer-{$hook_suffix}" );
 
 // get_site_option() won't exist when auto upgrading from <= 2.7
 if ( function_exists( 'get_site_option' ) ) {

wp-admin/admin-header.php

@@ -6,7 +6,7 @@
  * @subpackage Administration
  */
 
-header( 'Content-Type: ' . get_option( 'html_type' ) . '; charset=' . get_option( 'blog_charset' ) );
+@header( 'Content-Type: ' . get_option( 'html_type' ) . '; charset=' . get_option( 'blog_charset' ) );
 if ( ! defined( 'WP_ADMIN' ) ) {
 	require_once( dirname( __FILE__ ) . '/admin.php' );
 }
@@ -16,8 +16,8 @@ if ( ! defined( 'WP_ADMIN' ) ) {
  *
  * @global string    $title
  * @global string    $hook_suffix
- * @global WP_Screen $current_screen     WordPress current screen object.
- * @global WP_Locale $wp_locale          WordPress date and time locale object.
+ * @global WP_Screen $current_screen
+ * @global WP_Locale $wp_locale
  * @global string    $pagenow
  * @global string    $update_title
  * @global int       $total_update_count
@@ -35,20 +35,20 @@ get_admin_page_title();
 $title = esc_html( strip_tags( $title ) );
 
 if ( is_network_admin() ) {
-	/* translators: Network admin screen title. %s: Network title. */
+	/* translators: Network admin screen title. %s: Network name */
 	$admin_title = sprintf( __( 'Network Admin: %s' ), esc_html( get_network()->site_name ) );
 } elseif ( is_user_admin() ) {
-	/* translators: User dashboard screen title. %s: Network title. */
+	/* translators: User dashboard screen title. %s: Network name */
 	$admin_title = sprintf( __( 'User Dashboard: %s' ), esc_html( get_network()->site_name ) );
 } else {
 	$admin_title = get_bloginfo( 'name' );
 }
 
 if ( $admin_title == $title ) {
-	/* translators: Admin screen title. %s: Admin screen name. */
+	/* translators: Admin screen title. %s: Admin screen name */
 	$admin_title = sprintf( __( '%s — WordPress' ), $title );
 } else {
-	/* translators: Admin screen title. 1: Admin screen name, 2: Network or site name. */
+	/* translators: Admin screen title. 1: Admin screen name, 2: Network or site name */
 	$admin_title = sprintf( __( '%1$s ‹ %2$s — WordPress' ), $title, $admin_title );
 }
 
@@ -108,7 +108,7 @@ do_action( 'admin_enqueue_scripts', $hook_suffix );
  *
  * @since 2.6.0
  */
-do_action( "admin_print_styles-{$hook_suffix}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+do_action( "admin_print_styles-{$hook_suffix}" );
 
 /**
  * Fires when styles are printed for all admin pages.
@@ -122,7 +122,7 @@ do_action( 'admin_print_styles' );
  *
  * @since 2.1.0
  */
-do_action( "admin_print_scripts-{$hook_suffix}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+do_action( "admin_print_scripts-{$hook_suffix}" );
 
 /**
  * Fires when scripts are printed for all admin pages.
@@ -139,7 +139,7 @@ do_action( 'admin_print_scripts' );
  *
  * @since 2.1.0
  */
-do_action( "admin_head-{$hook_suffix}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+do_action( "admin_head-{$hook_suffix}" );
 
 /**
  * Fires in head section for all admin pages.

wp-admin/admin.php

@@ -49,23 +49,22 @@ if ( get_option( 'db_upgraded' ) ) {
 	if ( ! is_multisite() ) {
 		wp_redirect( admin_url( 'upgrade.php?_wp_http_referer=' . urlencode( wp_unslash( $_SERVER['REQUEST_URI'] ) ) ) );
 		exit;
-	}
 
-	/**
-	 * Filters 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
-	 * when this filter returns true.
-	 *
-	 * If the network is 50 sites or less, it will run every time. Otherwise,
-	 * it will throttle itself to reduce load.
-	 *
-	 * @since MU (3.0.0)
-	 *
-	 * @param bool $do_mu_upgrade Whether to perform the Multisite upgrade routine. Default true.
-	 */
-	if ( apply_filters( 'do_mu_upgrade', true ) ) {
+		/**
+		 * Filters 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
+		 * when this filter returns true.
+		 *
+		 * If the network is 50 sites or less, it will run every time. Otherwise,
+		 * it will throttle itself to reduce load.
+		 *
+		 * @since 3.0.0
+		 *
+		 * @param bool $do_mu_upgrade Whether to perform the Multisite upgrade routine. Default true.
+		 */
+	} elseif ( apply_filters( 'do_mu_upgrade', true ) ) {
 		$c = get_blog_count();
 
 		/*
@@ -229,7 +228,7 @@ if ( isset( $plugin_page ) ) {
 		 *
 		 * @since 2.1.0
 		 */
-		do_action( "load-{$page_hook}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+		do_action( "load-{$page_hook}" );
 		if ( ! isset( $_GET['noheader'] ) ) {
 			require_once( ABSPATH . 'wp-admin/admin-header.php' );
 		}
@@ -258,7 +257,6 @@ if ( isset( $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" ) ) ) {
-			/* translators: %s: Admin page generated by a plugin. */
 			wp_die( sprintf( __( 'Cannot load %s.' ), htmlentities( $plugin_page ) ) );
 		}
 
@@ -274,7 +272,7 @@ if ( isset( $plugin_page ) ) {
 		 *
 		 * @since 1.5.0
 		 */
-		do_action( "load-{$plugin_page}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+		do_action( "load-{$plugin_page}" );
 
 		if ( ! isset( $_GET['noheader'] ) ) {
 			require_once( ABSPATH . 'wp-admin/admin-header.php' );
@@ -295,7 +293,7 @@ if ( isset( $plugin_page ) ) {
 	$importer = $_GET['import'];
 
 	if ( ! current_user_can( 'import' ) ) {
-		wp_die( __( 'Sorry, you are not allowed to import content into this site.' ) );
+		wp_die( __( 'Sorry, you are not allowed to import content.' ) );
 	}
 
 	if ( validate_file( $importer ) ) {
@@ -315,7 +313,7 @@ if ( isset( $plugin_page ) ) {
 	 *
 	 * @since 3.5.0
 	 */
-	do_action( "load-importer-{$importer}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+	do_action( "load-importer-{$importer}" );
 
 	$parent_file  = 'tools.php';
 	$submenu_file = 'import.php';
@@ -364,7 +362,7 @@ if ( isset( $plugin_page ) ) {
 	 *
 	 * @since 2.1.0
 	 */
-	do_action( "load-{$pagenow}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+	do_action( "load-{$pagenow}" );
 
 	/*
 	 * The following hooks are fired to ensure backward compatibility.
@@ -372,18 +370,18 @@ if ( isset( $plugin_page ) ) {
 	 */
 	if ( $typenow == 'page' ) {
 		if ( $pagenow == 'post-new.php' ) {
-			do_action( 'load-page-new.php' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+			do_action( 'load-page-new.php' );
 		} elseif ( $pagenow == 'post.php' ) {
-			do_action( 'load-page.php' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+			do_action( 'load-page.php' );
 		}
 	} elseif ( $pagenow == 'edit-tags.php' ) {
 		if ( $taxnow == 'category' ) {
-			do_action( 'load-categories.php' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+			do_action( 'load-categories.php' );
 		} elseif ( $taxnow == 'link_category' ) {
-			do_action( 'load-edit-link-categories.php' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+			do_action( 'load-edit-link-categories.php' );
 		}
 	} elseif ( 'term.php' === $pagenow ) {
-		do_action( 'load-edit-tags.php' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+		do_action( 'load-edit-tags.php' );
 	}
 }
 

wp-admin/async-upload.php

@@ -39,8 +39,7 @@ if ( ! current_user_can( 'upload_files' ) ) {
 }
 
 // just fetch the detail form for that attachment
-if ( isset( $_REQUEST['attachment_id'] ) && intval( $_REQUEST['attachment_id'] ) && $_REQUEST['fetch'] ) {
-	$id   = intval( $_REQUEST['attachment_id'] );
+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.' ) );
@@ -51,8 +50,7 @@ if ( isset( $_REQUEST['attachment_id'] ) && intval( $_REQUEST['attachment_id'] )
 
 	switch ( $_REQUEST['fetch'] ) {
 		case 3:
-			$thumb_url = wp_get_attachment_image_src( $id, 'thumbnail', true );
-			if ( $thumb_url ) {
+			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>';
@@ -92,19 +90,10 @@ if ( isset( $_REQUEST['post_id'] ) ) {
 
 $id = media_handle_upload( 'async-upload', $post_id );
 if ( is_wp_error( $id ) ) {
-	printf(
-		'<div class="error-div error">%s <strong>%s</strong><br />%s</div>',
-		sprintf(
-			'<button type="button" class="dismiss button-link" onclick="jQuery(this).parents(\'div.media-item\').slideUp(200, function(){jQuery(this).remove();});">%s</button>',
-			__( 'Dismiss' )
-		),
-		sprintf(
-			/* translators: %s: Name of the file that failed to upload. */
-			__( '&#8220;%s&#8221; has failed to upload.' ),
-			esc_html( $_FILES['async-upload']['name'] )
-		),
-		esc_html( $id->get_error_message() )
-	);
+	echo '<div class="error-div error">
+	<button type="button" class="dismiss button-link" onclick="jQuery(this).parents(\'div.media-item\').slideUp(200, function(){jQuery(this).remove();});">' . __( 'Dismiss' ) . '</button>
+	<strong>' . sprintf( __( '&#8220;%s&#8221; has failed to upload.' ), esc_html( $_FILES['async-upload']['name'] ) ) . '</strong><br />' .
+	esc_html( $id->get_error_message() ) . '</div>';
 	exit;
 }
 

wp-admin/comment.php

@@ -46,14 +46,14 @@ switch ( $action ) {
 				'id'      => 'overview',
 				'title'   => __( 'Overview' ),
 				'content' =>
-					'<p>' . __( 'You can edit the information left in a comment if needed. This is often useful when you notice that a commenter has made a typographical error.' ) . '</p>' .
-					'<p>' . __( 'You can also moderate the comment from this screen using the Status box, where you can also change the timestamp of the comment.' ) . '</p>',
+					  '<p>' . __( 'You can edit the information left in a comment if needed. This is often useful when you notice that a commenter has made a typographical error.' ) . '</p>' .
+					  '<p>' . __( 'You can also moderate the comment from this screen using the Status box, where you can also change the timestamp of the comment.' ) . '</p>',
 			)
 		);
 
 		get_current_screen()->set_help_sidebar(
 			'<p><strong>' . __( 'For more information:' ) . '</strong></p>' .
-			'<p>' . __( '<a href="https://wordpress.org/support/article/comments-screen/">Documentation on Comments</a>' ) . '</p>' .
+			'<p>' . __( '<a href="https://codex.wordpress.org/Administration_Screens#Comments">Documentation on Comments</a>' ) . '</p>' .
 			'<p>' . __( '<a href="https://wordpress.org/support/">Support</a>' ) . '</p>'
 		);
 
@@ -62,8 +62,7 @@ switch ( $action ) {
 
 		$comment_id = absint( $_GET['c'] );
 
-		$comment = get_comment( $comment_id );
-		if ( ! $comment ) {
+		if ( ! $comment = get_comment( $comment_id ) ) {
 			comment_footer_die( __( 'Invalid comment ID.' ) . sprintf( ' <a href="%s">' . __( 'Go back' ) . '</a>.', 'javascript:history.go(-1)' ) );
 		}
 
@@ -89,8 +88,7 @@ switch ( $action ) {
 
 		$comment_id = absint( $_GET['c'] );
 
-		$comment = get_comment( $comment_id );
-		if ( ! $comment ) {
+		if ( ! $comment = get_comment( $comment_id ) ) {
 			wp_redirect( admin_url( 'edit-comments.php?error=1' ) );
 			die();
 		}
@@ -175,7 +173,7 @@ switch ( $action ) {
 </tr>
 <?php } ?>
 <tr>
-	<th scope="row"><?php /* translators: Column name or table row header. */ _e( 'In Response To' ); ?></th>
+	<th scope="row"><?php /* translators: column name or table row header */ _e( 'In Response To' ); ?></th>
 	<td>
 		<?php
 		$post_id = $comment->comment_post_ID;
@@ -192,7 +190,7 @@ switch ( $action ) {
 			$parent_link = esc_url( get_comment_link( $parent ) );
 			$name        = get_comment_author( $parent );
 			printf(
-				/* translators: %s: Comment link. */
+				/* translators: %s: comment link */
 				' | ' . __( 'In reply to %s.' ),
 				'<a href="' . $parent_link . '">' . $name . '</a>'
 			);
@@ -204,12 +202,11 @@ switch ( $action ) {
 	<th scope="row"><?php _e( 'Submitted on' ); ?></th>
 	<td>
 		<?php
+		/* translators: 1: comment date, 2: comment time */
 		$submitted = sprintf(
-			/* translators: 1: Comment date, 2: Comment time. */
 			__( '%1$s at %2$s' ),
-			/* translators: Comment date format. See https://secure.php.net/date */
+			/* translators: comment date format. See https://secure.php.net/date */
 			get_comment_date( __( 'Y/m/d' ), $comment ),
-			/* translators: Comment time format. See https://secure.php.net/date */
 			get_comment_date( __( 'g:i a' ), $comment )
 		);
 		if ( 'approved' === wp_get_comment_status( $comment ) && ! empty( $comment->comment_post_ID ) ) {
@@ -221,7 +218,7 @@ switch ( $action ) {
 		</td>
 	</tr>
 	<tr>
-	<th scope="row"><?php /* translators: Field name in comment form. */ _ex( 'Comment', 'noun' ); ?></th>
+	<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>
@@ -263,8 +260,7 @@ switch ( $action ) {
 
 		$noredir = isset( $_REQUEST['noredir'] );
 
-		$comment = get_comment( $comment_id );
-		if ( ! $comment ) {
+		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 ) ) {

wp-admin/credits.php

@@ -15,117 +15,123 @@ $title = __( 'Credits' );
 list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
 
 include( ABSPATH . 'wp-admin/admin-header.php' );
+?>
+<div class="wrap about-wrap full-width-layout">
+
+<h1>
+	<?php
+	/* translators: %s: The current WordPress version number */
+	printf( __( 'Welcome to WordPress&nbsp;%s' ), $display_version );
+	?>
+</h1>
+
+<p class="about-text">
+	<?php
+	printf(
+		/* translators: %s: The current WordPress version number */
+		__( 'Congratulations on updating to WordPress %s! This update makes it easier than ever to fix your site if something goes wrong.' ),
+		$display_version
+	);
+	?>
+</p>
+
+<div class="wp-badge">
+	<?php
+	/* translators: %s: The current WordPress version number */
+	printf( __( 'Version %s' ), $display_version );
+	?>
+</div>
+
+<nav class="nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
+	<a href="about.php" class="nav-tab"><?php _e( 'What&#8217;s New' ); ?></a>
+	<a href="credits.php" class="nav-tab nav-tab-active" aria-current="page"><?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>
+</nav>
+
+<div class="about-wrap-content">
+<?php
 
 $credits = wp_credits();
-?>
-<div class="wrap about__container">
 
-	<div class="about__header">
-		<div class="about__header-title">
-			<h1>
-				<span><?php echo $display_version; ?></span>
-				<?php _e( 'WordPress' ); ?>
-			</h1>
-		</div>
-
-		<div class="about__header-badge"></div>
-
-		<div class="about__header-text">
-			<p>
-				<?php
-				printf(
-					/* translators: %s: The current WordPress version number. */
-					__( 'Introducing our most refined user experience with the improved block editor in WordPress %s!' ),
-					$display_version
-				);
-				?>
-			</p>
-		</div>
-
-		<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
-			<a href="about.php" class="nav-tab"><?php _e( 'What&#8217;s New' ); ?></a>
-			<a href="credits.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Credits' ); ?></a>
-			<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
-			<a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
-		</nav>
-	</div>
-
-	<div class="about__section">
-		<div class="column">
-			<h2><?php _e( 'WordPress is created by a worldwide team of passionate individuals.' ); ?></h2>
-
-			<p>
-				<?php
-				if ( ! $credits ) {
-					printf(
-						/* translators: 1: https://wordpress.org/about/, 2: https://make.wordpress.org/ */
-						__( '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/' )
-					);
-				} else {
-					printf(
-						/* 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>
-		</div>
-
-		<div class="about__image aligncenter">
-			<img src="data:image/svg+xml;charset=utf8,%3Csvg width='1320' height='350' viewbox='0 0 1320 350' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='72' height='220' transform='matrix(1 0 0 -1 61 220)' fill='%23321017'/%3E%3Crect width='72' height='250' transform='matrix(1 0 0 -1 166 300)' fill='%23BD3854'/%3E%3Crect width='72' height='220' transform='matrix(1 0 0 -1 272 220)' fill='%23321017'/%3E%3Crect width='71' height='220' transform='matrix(1 0 0 -1 378 220)' fill='%235F1B29'/%3E%3Crect width='71' height='220' transform='matrix(1 0 0 -1 483 220)' fill='%23321017'/%3E%3Crect width='71' height='220' transform='matrix(1 0 0 -1 587 220)' fill='%235F1B29'/%3E%3Crect width='71.28' height='250' transform='matrix(1 0 0 -1 689 300)' fill='%23BD3854'/%3E%3Crect width='72' height='220' transform='matrix(1 0 0 -1 884 220)' fill='%235F1B29'/%3E%3Crect width='72' height='220' transform='matrix(1 0 0 -1 789 220)' fill='%23321017'/%3E%3Crect width='71' height='220' transform='matrix(1 0 0 -1 985 220)' fill='%23321017'/%3E%3Crect width='72' height='220' transform='matrix(1 0 0 -1 1084 220)' fill='%235F1B29'/%3E%3Crect width='72' height='220' transform='matrix(1 0 0 -1 1179 220)' fill='%233D0F19'/%3E%3C/svg%3E%0A" alt="" />
-		</div>
-	</div>
-
-<?php
 if ( ! $credits ) {
+	echo '<p class="about-description">';
+	printf(
+		/* translators: 1: https://wordpress.org/about/, 2: https://make.wordpress.org/ */
+		__( '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>';
 	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'] ) {
+			// Considered a special slug in the API response. (Also, will never be returned for en_US.)
+			$title = _x( 'Translators', 'Translate this to be the equivalent of English Translators in your language for the credits page Translators section' );
+		} elseif ( isset( $group_data['placeholders'] ) ) {
+			// phpcs:ignore WordPress.WP.I18n.LowLevelTranslationFunction,WordPress.WP.I18n.NonSingularStringLiteralText
+			$title = vsprintf( translate( $group_data['name'] ), $group_data['placeholders'] );
+		} else {
+			// phpcs:ignore WordPress.WP.I18n.LowLevelTranslationFunction,WordPress.WP.I18n.NonSingularStringLiteralText
+			$title = translate( $group_data['name'] );
+		}
+
+		echo '<h2 class="wp-people-group">' . esc_html( $title ) . "</h2>\n";
+	}
+
+	if ( ! empty( $group_data['shuffle'] ) ) {
+		shuffle( $group_data['data'] ); // We were going to sort by ability to pronounce "hierarchical," but that wouldn't be fair to Matt.
+	}
+
+	switch ( $group_data['type'] ) {
+		case 'list':
+			array_walk( $group_data['data'], '_wp_credits_add_profile_link', $credits['data']['profiles'] );
+			echo '<p class="wp-credits-list">' . wp_sprintf( '%l.', $group_data['data'] ) . "</p>\n\n";
+			break;
+		case 'libraries':
+			array_walk( $group_data['data'], '_wp_credits_build_object_link' );
+			echo '<p class="wp-credits-list">' . wp_sprintf( '%l.', $group_data['data'] ) . "</p>\n\n";
+			break;
+		default:
+			$compact = 'compact' == $group_data['type'];
+			$classes = 'wp-people-group ' . ( $compact ? 'compact' : '' );
+			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">';
+				$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";
+				if ( ! $compact ) {
+					// phpcs:ignore WordPress.WP.I18n.LowLevelTranslationFunction,WordPress.WP.I18n.NonSingularStringLiteralText
+					echo '<span class="title">' . translate( $person_data[3] ) . "</span>\n";
+				}
+				echo "</li>\n";
+			}
+			echo "</ul>\n";
+			break;
+	}
+}
+
 ?>
-
-	<hr />
-
-	<div class="about__section">
-		<div class="column has-subtle-background-color">
-			<?php wp_credits_section_title( $credits['groups']['core-developers'] ); ?>
-			<?php wp_credits_section_list( $credits, 'core-developers' ); ?>
-			<?php wp_credits_section_list( $credits, 'contributing-developers' ); ?>
-		</div>
-	</div>
-
-	<hr />
-
-	<div class="about__section">
-		<div class="column">
-			<?php wp_credits_section_title( $credits['groups']['props'] ); ?>
-			<?php wp_credits_section_list( $credits, 'props' ); ?>
-		</div>
-	</div>
-
-	<hr />
-
-	<?php if ( isset( $credits['groups']['translators'] ) || isset( $credits['groups']['validators'] ) ) : ?>
-	<div class="about__section">
-		<div class="column">
-			<?php wp_credits_section_title( $credits['groups']['validators'] ); ?>
-			<?php wp_credits_section_list( $credits, 'validators' ); ?>
-			<?php wp_credits_section_list( $credits, 'translators' ); ?>
-		</div>
-	</div>
-
-	<hr />
-	<?php endif; ?>
-
-	<div class="about__section">
-		<div class="column">
-			<?php wp_credits_section_title( $credits['groups']['libraries'] ); ?>
-			<?php wp_credits_section_list( $credits, 'libraries' ); ?>
-		</div>
-	</div>
+</div>
 </div>
 <?php
 
@@ -135,7 +141,7 @@ return;
 
 // These are strings returned by the API that we want to be translatable
 __( 'Project Leaders' );
-/* translators: %s: The current WordPress version number. */
+/* translators: %s: The current WordPress version number */
 __( 'Core Contributors to WordPress %s' );
 __( 'Noteworthy Contributors' );
 __( 'Cofounder, Project Lead' );

wp-admin/css/about-rtl.css

@@ -1,656 +1,18 @@
 /*------------------------------------------------------------------------------
   22.0 - About Pages
 
-   1.0 Global: About, Credits, Freedoms, Privacy
-    1.1 Layout
-    1.2 Typography & Elements
-    1.3 Header
-   2.0 Credits Page
-   3.0 Freedoms Page
-   x.2.0 Legacy About Styles: Global
-    x.2.1 Typography
-    x.2.2 Structure
-    x.2.3 Point Releases
-   x.3.0 Legacy About Styles: About Page
-    x.3.1 Typography
-    x.3.2 Structure
-   x.4.0 Legacy About Styles: Credits & Freedoms Pages
-   x.5.0 Legacy About Styles: Media Queries
+   1.0 Global: About, Credits, Freedoms
+    1.1 Typography
+    1.2 Structure
+    1.3 Point Releases
+   2.0 About Page
+    2.1 Typography
+    2.2 Structure
+   3.0 Credits & Freedoms Pages
 ------------------------------------------------------------------------------*/
 
-.about__container {
-	/* Section backgrounds */
-	--background: #f4efe1;
-	--subtle-background: #d7d2c5;
-	/* Main text color */
-	--text: #413e38;
-	/* Navigation colors. */
-	--nav-background: #fefcf7;
-	--nav-color: #716d64;
-	/* Reds, used as accents & in header. */
-	--accent-1: #bd3854;
-	--accent-2: #5f1b29;
-	--accent-3: #321017;
-}
-
 /*------------------------------------------------------------------------------
-  1.0 - Global: About, Credits, Freedoms, Privacy
-------------------------------------------------------------------------------*/
-
-.about-php,
-.credits-php,
-.freedoms-php,
-.privacy-php {
-	background: #fff;
-}
-
-.about-php #wpcontent,
-.credits-php #wpcontent,
-.freedoms-php #wpcontent,
-.privacy-php #wpcontent {
-	background: white;
-	padding: 0 24px;
-}
-
-@media screen and (max-width: 782px) {
-	.about-php.auto-fold #wpcontent,
-	.credits-php.auto-fold #wpcontent,
-	.freedoms-php.auto-fold #wpcontent,
-	.privacy-php.auto-fold #wpcontent {
-		padding-right: 24px;
-	}
-}
-
-.about__container {
-	max-width: 1000px;
-	margin: 24px auto;
-	clear: both;
-}
-
-.about__container .alignleft {
-	float: right;
-}
-
-.about__container .alignright {
-	float: left;
-}
-
-.about__container .aligncenter {
-	text-align: center;
-}
-
-.about__container .is-vertically-aligned-top {
-	-ms-grid-row-align: start;
-	align-self: start;
-}
-
-.about__container .is-vertically-aligned-center {
-	-ms-grid-row-align: center;
-	align-self: center;
-}
-
-.about__container .is-vertically-aligned-bottom {
-	-ms-grid-row-align: end;
-	align-self: end;
-}
-
-.about__section {
-	background: #F4EFE1;
-	background: var(--background);
-}
-
-.about__container .has-accent-background-color {
-	background-color: #BD3854;
-	background-color: var(--accent-1);
-}
-
-.about__container .has-subtle-background-color {
-	background-color: #D7D2C5;
-	background-color: var(--subtle-background);
-}
-
-/* 1.1 - Layout */
-
-.about__section {
-	margin: 0;
-}
-
-.about__section .column {
-	padding: 32px;
-}
-
-.about__section .column.is-edge-to-edge {
-	padding: 0;
-}
-
-.about__section .column p:last-of-type {
-	margin-bottom: 0;
-}
-
-.about__section .is-section-header {
-	margin-bottom: 0;
-	padding: 32px 32px 0;
-}
-
-.about__section.is-feature {
-	padding: 32px;
-}
-
-.about__section.is-feature p {
-	margin: 0;
-}
-
-.about__section.has-2-columns,
-.about__section.has-3-columns,
-.about__section.has-4-columns {
-	display: -ms-grid;
-	display: grid;
-}
-
-.about__section.has-2-columns {
-	-ms-grid-columns: 1fr 1fr;
-	grid-template-columns: 1fr 1fr;
-}
-
-.about__section.has-2-columns.is-wider-right {
-	-ms-grid-columns: 1fr 2fr;
-	grid-template-columns: 1fr 2fr;
-}
-
-.about__section.has-2-columns.is-wider-left {
-	-ms-grid-columns: 2fr 1fr;
-	grid-template-columns: 2fr 1fr;
-}
-
-.about__section.has-2-columns .is-section-header {
-	-ms-grid-column: 1;
-	grid-column-start: 1;
-	-ms-grid-column-span: 2;
-	grid-column-end: span 2;
-}
-
-.about__section.has-2-columns .column:nth-of-type(2n+1) {
-	-ms-grid-column: 1;
-	grid-column-start: 1;
-}
-
-.about__section.has-2-columns .column:nth-of-type(2n) {
-	-ms-grid-column: 2;
-	grid-column-start: 2;
-}
-
-.about__section.has-3-columns {
-	-ms-grid-columns: (1fr)[3];
-	grid-template-columns: repeat(3, 1fr);
-}
-
-.about__section.has-3-columns .is-section-header {
-	-ms-grid-column: 1;
-	grid-column-start: 1;
-	-ms-grid-column-span: 3;
-	grid-column-end: span 3;
-}
-
-.about__section.has-3-columns .column:nth-of-type(3n+1) {
-	-ms-grid-column: 1;
-	grid-column-start: 1;
-}
-
-.about__section.has-3-columns .column:nth-of-type(3n+2) {
-	-ms-grid-column: 2;
-	grid-column-start: 2;
-}
-
-.about__section.has-3-columns .column:nth-of-type(3n) {
-	-ms-grid-column: 3;
-	grid-column-start: 3;
-}
-
-.about__section.has-4-columns {
-	-ms-grid-columns: (1fr)[4];
-	grid-template-columns: repeat(4, 1fr);
-}
-
-.about__section.has-4-columns .is-section-header {
-	-ms-grid-column: 1;
-	grid-column-start: 1;
-	-ms-grid-column-span: 4;
-	grid-column-end: span 4;
-}
-
-.about__section.has-4-columns .column:nth-of-type(4n+1) {
-	-ms-grid-column: 1;
-	grid-column-start: 1;
-}
-
-.about__section.has-4-columns .column:nth-of-type(4n+2) {
-	-ms-grid-column: 2;
-	grid-column-start: 2;
-}
-
-.about__section.has-4-columns .column:nth-of-type(4n+3) {
-	-ms-grid-column: 3;
-	grid-column-start: 3;
-}
-
-.about__section.has-4-columns .column:nth-of-type(4n) {
-	-ms-grid-column: 4;
-	grid-column-start: 4;
-}
-
-/* Any columns following a section header need to be expicitly put into the second row, for IE support. */
-.about__section.has-2-columns .is-section-header ~ .column,
-.about__section.has-3-columns .is-section-header ~ .column,
-.about__section.has-4-columns .is-section-header ~ .column {
-	-ms-grid-row: 2;
-	grid-row-start: 2;
-}
-
-@media screen and (max-width: 782px) {
-	.about__section.has-3-columns,
-	.about__section.has-4-columns {
-		display: block;
-		padding-bottom: 16px;
-	}
-
-	.about__section.has-3-columns .column:nth-of-type(n),
-	.about__section.has-4-columns .column:nth-of-type(n) {
-		padding-top: 16px;
-		padding-bottom: 16px;
-	}
-}
-
-@media screen and (max-width: 600px) {
-	.about__section.has-2-columns {
-		display: flex; /* This is flex, not block, so we can use order below. */
-		flex-wrap: wrap;
-		align-content: stretch;
-		padding-bottom: 16px;
-	}
-
-	.about__section.has-2-columns .column:nth-of-type(n) {
-		padding-top: 16px;
-		padding-bottom: 16px;
-		width: 100%;
-	}
-
-	.about__section.has-2-columns .is-edge-to-edge {
-		order: -1;
-	}
-}
-
-/* 1.2 - Typography & Elements */
-
-.about__container {
-	line-height: 1.4;
-}
-
-.about__container h1 {
-	font-size: 5em;
-	line-height: 1;
-}
-
-.about__container h2 {
-	margin-top: 0;
-	font-size: 1.4em;
-}
-
-.about__container h3 {
-	margin-top: 0;
-	font-size: 1em;
-}
-
-.about__container p {
-	font-size: inherit;
-	line-height: inherit;
-}
-
-.about__section a {
-	color: #5f1b29;
-	text-decoration: underline;
-}
-
-.about__section a:hover,
-.about__section a:active,
-.about__section a:focus {
-	text-decoration: none;
-}
-
-.wp-credits-list a {
-	text-decoration: none;
-}
-
-.wp-credits-list a:hover,
-.wp-credits-list a:active,
-.wp-credits-list a:focus {
-	text-decoration: underline;
-}
-
-.about__container ul {
-	list-style: disc;
-	margin-right: 16px;
-}
-
-.about__container img {
-	margin: 0;
-	vertical-align: middle;
-}
-
-.about__container .about__image {
-	display: -ms-grid;
-	display: grid;
-	align-items: center;
-	justify-content: center;
-	height: 100%;
-}
-
-.about__container .about__image img {
-	max-width: 100%;
-	width: 100%;
-	height: auto;
-}
-
-.about__container hr {
-	margin: 0;
-	height: 32px;
-	border: none;
-}
-
-.about__container div.updated,
-.about__container div.error,
-.about__container .notice {
-	display: none !important;
-}
-
-.about__section {
-	font-size: 1.2em;
-}
-
-.about__section.is-feature {
-	font-size: 1.6em;
-	font-weight: 600;
-}
-
-@media screen and (max-width: 782px) {
-	.about__container h1 {
-		font-size: 4em;
-	}
-}
-
-@media screen and (max-width: 480px) {
-	.about__container h1 {
-		font-size: 3.2em;
-	}
-
-	.about__section.is-feature {
-		font-size: 1.4em;
-		font-weight: 500;
-	}
-}
-
-/* 1.3 - Header */
-
-.about__header {
-	display: -ms-grid;
-	display: grid;
-	-ms-grid-columns: 1fr 1fr;
-	grid-template-columns: 1fr 1fr;
-	-ms-grid-rows: 1fr 1fr;
-	grid-template-rows: 1fr 1fr;
-	min-height: 28em;
-	max-height: 36em;
-	height: 90vh;
-	margin-bottom: 32px;
-}
-
-.about__header > div {
-	display: flex;
-}
-
-.about__header > div > * {
-	align-self: flex-end;
-}
-
-.about__header-title {
-	-ms-grid-column: 1;
-	grid-column: 1;
-	-ms-grid-row: 1;
-	-ms-grid-row-span: 2;
-	grid-row: 1/span 2;
-	padding: 32px;
-	background-color: #BD3854;
-	background-color: var(--accent-1);
-	color: white;
-	padding: 32px;
-}
-
-.about__header-title h1 {
-	padding: 0;
-	color: inherit;
-}
-
-.about__header-title h1 span {
-	display: block;
-	font-weight: 600;
-	font-size: 1.2em;
-	line-height: 1;
-}
-
-.about__header-badge {
-	-ms-grid-column: 2;
-	grid-column: 2;
-	-ms-grid-row: 1;
-	grid-row: 1;
-	background-color: #5f1b29;
-	background-color: var(--accent-2);
-	margin: 0;
-	padding: 32px;
-	justify-content: flex-end;
-}
-
-.about__header-badge img {
-	align-self: flex-start;
-	max-width: 100%;
-}
-
-.about__header-text {
-	-ms-grid-column: 2;
-	grid-column: 2;
-	-ms-grid-row: 2;
-	grid-row: 2;
-	padding: 32px;
-	background-color: #321017;
-	background-color: var(--accent-3);
-	color: white;
-	font-size: 1.5em;
-	line-height: 1.4;
-}
-
-.about__header-text p {
-	margin: 0;
-}
-
-.about__header-navigation {
-	-ms-grid-column: 1;
-	-ms-grid-column-span: 2;
-	grid-column: 1/span 2;
-	-ms-grid-row: 3;
-	grid-row: 3;
-	padding-top: 0;
-	background: #FEFCF7;
-	background: var(--nav-background);
-	color: #716d64;
-	color: var(--nav-color);
-	border-bottom: 3px solid currentColor;
-}
-
-.about__header-navigation .nav-tab {
-	margin-right: 0;
-	padding: 24px 32px;
-	font-size: 1.4em;
-	line-height: 1;
-	border-width: 0 0 3px;
-	border-style: solid;
-	border-color: transparent;
-	background: transparent;
-	color: inherit;
-}
-
-.about__header-navigation .nav-tab:hover,
-.about__header-navigation .nav-tab:active {
-	background-color: #F4EFE1;
-	background-color: var(--background);
-}
-
-.about__header-navigation .nav-tab-active {
-	margin-bottom: -3px;
-	border-width: 0 0 6px;
-	color: #BD3854;
-	color: var(--accent-1);
-	border-color: currentColor;
-}
-
-.about__header-navigation .nav-tab-active:hover,
-.about__header-navigation .nav-tab-active:active {
-	background-color: transparent;
-	border-color: currentColor;
-}
-
-@media screen and (max-width: 782px) {
-	.about__container .about__header-text {
-		font-size: 1.4em;
-	}
-}
-
-@media screen and (max-width: 600px) {
-	.about__header {
-		display: block;
-		min-height: unset;
-		max-height: unset;
-		height: auto;
-	}
-
-	.about__header-badge {
-		justify-content: flex-start;
-	}
-
-	.about__header-navigation .nav-tab {
-		margin-top: 0;
-		margin-left: 0;
-		padding: 24px 16px;
-	}
-}
-
-@media screen and (max-width: 480px) {
-	.about__header-navigation .nav-tab {
-		float: none;
-		display: block;
-		margin-bottom: 0;
-		padding: 16px 16px;
-		border-right-width: 3px;
-		border-bottom: none;
-	}
-
-	.about__header-navigation .nav-tab-active {
-		border-bottom: none;
-		border-right-width: 3px;
-		background: #F4EFE1;
-		background: var(--background);
-	}
-}
-
-
-/*------------------------------------------------------------------------------
-  2.0 - Credits Page
-------------------------------------------------------------------------------*/
-
-.about__section .wp-people-group {
-	margin: 0;
-}
-
-.about__section .wp-person {
-	display: inline-block;
-	vertical-align: top;
-	box-sizing: border-box;
-	padding: 0 0 1em 1em;
-	height: 6em;
-	width: calc( 33% - 4px );
-	min-width: 280px;
-}
-
-.about__section .compact .wp-person {
-	height: auto;
-	width: calc( 25% - 4px );
-	min-width: 220px;
-	padding-bottom: 0.5em;
-}
-
-.about__section .wp-person .gravatar {
-	float: right;
-	margin: -4px 0 0.85em 0.85em;
-	padding: 1px;
-	width: 80px;
-	height: 80px;
-	border-radius: 100%;
-}
-
-.about__section .compact .wp-person .gravatar {
-	width: 40px;
-	height: 40px;
-}
-
-.about__section .wp-person .web {
-	font-size: 1.4em;
-	font-weight: 600;
-	text-decoration: none;
-	color: #413E38;
-	color: var(--text);
-}
-
-.about__section .wp-person .web:hover {
-	text-decoration: underline;
-}
-
-.about__section .compact .wp-person .web {
-	font-size: 1.2em;
-}
-
-.about__section .wp-person .title {
-	display: block;
-	margin-top: 0.5em;
-}
-
-@media screen and (max-width: 480px) {
-	.about__section .wp-person {
-		min-width: 100%;
-	}
-
-	.about__section .wp-person .gravatar {
-		width: 60px;
-		height: 60px;
-	}
-
-	.about__section .wp-person .web {
-		font-size: 1em;
-	}
-
-	.about__section .compact .wp-person .web {
-		font-size: 1em;
-	}
-}
-
-
-/*------------------------------------------------------------------------------
-  3.0 - Freedoms Page
-------------------------------------------------------------------------------*/
-
-.about__section .column .freedoms-image {
-	margin-bottom: 1em;
-}
-
-
-/*------------------------------------------------------------------------------
-  x.2.0 - Legacy About Styles: Global
+  1.0 - Global: About, Credits, Freedoms
 ------------------------------------------------------------------------------*/
 
 .about-wrap {
@@ -736,7 +98,7 @@
 	line-height: 1.33333333;
 }
 
-/* x.2.1 - Typography */
+/* 1.1 - Typography */
 
 .about-wrap h1 {
 	margin: 0.2em 0 0 200px;
@@ -748,7 +110,7 @@
 }
 
 .about-wrap h2 {
-	margin: 40px 0 0.6em;
+	margin: 40px 0 .6em;
 	font-size: 2.7em;
 	line-height: 1.3;
 	font-weight: 300;
@@ -756,7 +118,7 @@
 }
 
 .about-wrap h3 {
-	margin: 1.25em 0 0.6em;
+	margin: 1.25em 0 .6em;
 	font-size: 1.4em;
 	line-height: 1.5;
 }
@@ -797,7 +159,7 @@
 	color: #555d66;
 }
 
-/* x.2.2 - Structure */
+/* 1.2 - Structure */
 
 .about-wrap .has-1-columns,
 .about-wrap .has-2-columns,
@@ -919,21 +281,18 @@
 }
 
 .about-wrap .is-vertically-aligned-top {
-	-ms-grid-row-align: start;
 	align-self: start;
 }
 
 .about-wrap .is-vertically-aligned-center {
-	-ms-grid-row-align: center;
 	align-self: center;
 }
 
 .about-wrap .is-vertically-aligned-bottom {
-	-ms-grid-row-align: end;
 	align-self: end;
 }
 
-/* x.2.3 - Point Releases */
+/* 1.3 - Point Releases */
 
 .about-wrap .point-releases {
 	margin-top: 5px;
@@ -957,10 +316,10 @@
 }
 
 /*------------------------------------------------------------------------------
-  x.3.0 - Legacy About Styles: About Page
+  2.0 - About Page
 ------------------------------------------------------------------------------*/
 
-/* x.3.1 - Typography */
+/* 2.1 - Typography */
 
 .about-wrap .lead-description {
 	font-size: 1.5em;
@@ -971,7 +330,7 @@
 	margin-top: 0.6em;
 }
 
-/* x.3.2 - Structure */
+/* 2.2 - Structure */
 
 .about-wrap .headline-feature {
 	margin: 0 auto 40px;
@@ -1001,7 +360,7 @@
 }
 
 /*------------------------------------------------------------------------------
-  x.4.0 - Legacy About Styles: Credits & Freedoms Pages
+  3.0 - Credits & Freedoms Pages
 ------------------------------------------------------------------------------*/
 
 /* Credits */
@@ -1112,7 +471,7 @@
 }
 
 /*------------------------------------------------------------------------------
-  x.5.0 - Legacy About Styles: Media Queries
+  4.0 - Media Queries
 ------------------------------------------------------------------------------*/
 
 @media screen and (max-width: 782px) {

wp-admin/css/about.css

@@ -1,656 +1,18 @@
 /*------------------------------------------------------------------------------
   22.0 - About Pages
 
-   1.0 Global: About, Credits, Freedoms, Privacy
-    1.1 Layout
-    1.2 Typography & Elements
-    1.3 Header
-   2.0 Credits Page
-   3.0 Freedoms Page
-   x.2.0 Legacy About Styles: Global
-    x.2.1 Typography
-    x.2.2 Structure
-    x.2.3 Point Releases
-   x.3.0 Legacy About Styles: About Page
-    x.3.1 Typography
-    x.3.2 Structure
-   x.4.0 Legacy About Styles: Credits & Freedoms Pages
-   x.5.0 Legacy About Styles: Media Queries
+   1.0 Global: About, Credits, Freedoms
+    1.1 Typography
+    1.2 Structure
+    1.3 Point Releases
+   2.0 About Page
+    2.1 Typography
+    2.2 Structure
+   3.0 Credits & Freedoms Pages
 ------------------------------------------------------------------------------*/
 
-.about__container {
-	/* Section backgrounds */
-	--background: #f4efe1;
-	--subtle-background: #d7d2c5;
-	/* Main text color */
-	--text: #413e38;
-	/* Navigation colors. */
-	--nav-background: #fefcf7;
-	--nav-color: #716d64;
-	/* Reds, used as accents & in header. */
-	--accent-1: #bd3854;
-	--accent-2: #5f1b29;
-	--accent-3: #321017;
-}
-
 /*------------------------------------------------------------------------------
-  1.0 - Global: About, Credits, Freedoms, Privacy
-------------------------------------------------------------------------------*/
-
-.about-php,
-.credits-php,
-.freedoms-php,
-.privacy-php {
-	background: #fff;
-}
-
-.about-php #wpcontent,
-.credits-php #wpcontent,
-.freedoms-php #wpcontent,
-.privacy-php #wpcontent {
-	background: white;
-	padding: 0 24px;
-}
-
-@media screen and (max-width: 782px) {
-	.about-php.auto-fold #wpcontent,
-	.credits-php.auto-fold #wpcontent,
-	.freedoms-php.auto-fold #wpcontent,
-	.privacy-php.auto-fold #wpcontent {
-		padding-left: 24px;
-	}
-}
-
-.about__container {
-	max-width: 1000px;
-	margin: 24px auto;
-	clear: both;
-}
-
-.about__container .alignleft {
-	float: left;
-}
-
-.about__container .alignright {
-	float: right;
-}
-
-.about__container .aligncenter {
-	text-align: center;
-}
-
-.about__container .is-vertically-aligned-top {
-	-ms-grid-row-align: start;
-	align-self: start;
-}
-
-.about__container .is-vertically-aligned-center {
-	-ms-grid-row-align: center;
-	align-self: center;
-}
-
-.about__container .is-vertically-aligned-bottom {
-	-ms-grid-row-align: end;
-	align-self: end;
-}
-
-.about__section {
-	background: #F4EFE1;
-	background: var(--background);
-}
-
-.about__container .has-accent-background-color {
-	background-color: #BD3854;
-	background-color: var(--accent-1);
-}
-
-.about__container .has-subtle-background-color {
-	background-color: #D7D2C5;
-	background-color: var(--subtle-background);
-}
-
-/* 1.1 - Layout */
-
-.about__section {
-	margin: 0;
-}
-
-.about__section .column {
-	padding: 32px;
-}
-
-.about__section .column.is-edge-to-edge {
-	padding: 0;
-}
-
-.about__section .column p:last-of-type {
-	margin-bottom: 0;
-}
-
-.about__section .is-section-header {
-	margin-bottom: 0;
-	padding: 32px 32px 0;
-}
-
-.about__section.is-feature {
-	padding: 32px;
-}
-
-.about__section.is-feature p {
-	margin: 0;
-}
-
-.about__section.has-2-columns,
-.about__section.has-3-columns,
-.about__section.has-4-columns {
-	display: -ms-grid;
-	display: grid;
-}
-
-.about__section.has-2-columns {
-	-ms-grid-columns: 1fr 1fr;
-	grid-template-columns: 1fr 1fr;
-}
-
-.about__section.has-2-columns.is-wider-right {
-	-ms-grid-columns: 1fr 2fr;
-	grid-template-columns: 1fr 2fr;
-}
-
-.about__section.has-2-columns.is-wider-left {
-	-ms-grid-columns: 2fr 1fr;
-	grid-template-columns: 2fr 1fr;
-}
-
-.about__section.has-2-columns .is-section-header {
-	-ms-grid-column: 1;
-	grid-column-start: 1;
-	-ms-grid-column-span: 2;
-	grid-column-end: span 2;
-}
-
-.about__section.has-2-columns .column:nth-of-type(2n+1) {
-	-ms-grid-column: 1;
-	grid-column-start: 1;
-}
-
-.about__section.has-2-columns .column:nth-of-type(2n) {
-	-ms-grid-column: 2;
-	grid-column-start: 2;
-}
-
-.about__section.has-3-columns {
-	-ms-grid-columns: (1fr)[3];
-	grid-template-columns: repeat(3, 1fr);
-}
-
-.about__section.has-3-columns .is-section-header {
-	-ms-grid-column: 1;
-	grid-column-start: 1;
-	-ms-grid-column-span: 3;
-	grid-column-end: span 3;
-}
-
-.about__section.has-3-columns .column:nth-of-type(3n+1) {
-	-ms-grid-column: 1;
-	grid-column-start: 1;
-}
-
-.about__section.has-3-columns .column:nth-of-type(3n+2) {
-	-ms-grid-column: 2;
-	grid-column-start: 2;
-}
-
-.about__section.has-3-columns .column:nth-of-type(3n) {
-	-ms-grid-column: 3;
-	grid-column-start: 3;
-}
-
-.about__section.has-4-columns {
-	-ms-grid-columns: (1fr)[4];
-	grid-template-columns: repeat(4, 1fr);
-}
-
-.about__section.has-4-columns .is-section-header {
-	-ms-grid-column: 1;
-	grid-column-start: 1;
-	-ms-grid-column-span: 4;
-	grid-column-end: span 4;
-}
-
-.about__section.has-4-columns .column:nth-of-type(4n+1) {
-	-ms-grid-column: 1;
-	grid-column-start: 1;
-}
-
-.about__section.has-4-columns .column:nth-of-type(4n+2) {
-	-ms-grid-column: 2;
-	grid-column-start: 2;
-}
-
-.about__section.has-4-columns .column:nth-of-type(4n+3) {
-	-ms-grid-column: 3;
-	grid-column-start: 3;
-}
-
-.about__section.has-4-columns .column:nth-of-type(4n) {
-	-ms-grid-column: 4;
-	grid-column-start: 4;
-}
-
-/* Any columns following a section header need to be expicitly put into the second row, for IE support. */
-.about__section.has-2-columns .is-section-header ~ .column,
-.about__section.has-3-columns .is-section-header ~ .column,
-.about__section.has-4-columns .is-section-header ~ .column {
-	-ms-grid-row: 2;
-	grid-row-start: 2;
-}
-
-@media screen and (max-width: 782px) {
-	.about__section.has-3-columns,
-	.about__section.has-4-columns {
-		display: block;
-		padding-bottom: 16px;
-	}
-
-	.about__section.has-3-columns .column:nth-of-type(n),
-	.about__section.has-4-columns .column:nth-of-type(n) {
-		padding-top: 16px;
-		padding-bottom: 16px;
-	}
-}
-
-@media screen and (max-width: 600px) {
-	.about__section.has-2-columns {
-		display: flex; /* This is flex, not block, so we can use order below. */
-		flex-wrap: wrap;
-		align-content: stretch;
-		padding-bottom: 16px;
-	}
-
-	.about__section.has-2-columns .column:nth-of-type(n) {
-		padding-top: 16px;
-		padding-bottom: 16px;
-		width: 100%;
-	}
-
-	.about__section.has-2-columns .is-edge-to-edge {
-		order: -1;
-	}
-}
-
-/* 1.2 - Typography & Elements */
-
-.about__container {
-	line-height: 1.4;
-}
-
-.about__container h1 {
-	font-size: 5em;
-	line-height: 1;
-}
-
-.about__container h2 {
-	margin-top: 0;
-	font-size: 1.4em;
-}
-
-.about__container h3 {
-	margin-top: 0;
-	font-size: 1em;
-}
-
-.about__container p {
-	font-size: inherit;
-	line-height: inherit;
-}
-
-.about__section a {
-	color: #5f1b29;
-	text-decoration: underline;
-}
-
-.about__section a:hover,
-.about__section a:active,
-.about__section a:focus {
-	text-decoration: none;
-}
-
-.wp-credits-list a {
-	text-decoration: none;
-}
-
-.wp-credits-list a:hover,
-.wp-credits-list a:active,
-.wp-credits-list a:focus {
-	text-decoration: underline;
-}
-
-.about__container ul {
-	list-style: disc;
-	margin-left: 16px;
-}
-
-.about__container img {
-	margin: 0;
-	vertical-align: middle;
-}
-
-.about__container .about__image {
-	display: -ms-grid;
-	display: grid;
-	align-items: center;
-	justify-content: center;
-	height: 100%;
-}
-
-.about__container .about__image img {
-	max-width: 100%;
-	width: 100%;
-	height: auto;
-}
-
-.about__container hr {
-	margin: 0;
-	height: 32px;
-	border: none;
-}
-
-.about__container div.updated,
-.about__container div.error,
-.about__container .notice {
-	display: none !important;
-}
-
-.about__section {
-	font-size: 1.2em;
-}
-
-.about__section.is-feature {
-	font-size: 1.6em;
-	font-weight: 600;
-}
-
-@media screen and (max-width: 782px) {
-	.about__container h1 {
-		font-size: 4em;
-	}
-}
-
-@media screen and (max-width: 480px) {
-	.about__container h1 {
-		font-size: 3.2em;
-	}
-
-	.about__section.is-feature {
-		font-size: 1.4em;
-		font-weight: 500;
-	}
-}
-
-/* 1.3 - Header */
-
-.about__header {
-	display: -ms-grid;
-	display: grid;
-	-ms-grid-columns: 1fr 1fr;
-	grid-template-columns: 1fr 1fr;
-	-ms-grid-rows: 1fr 1fr;
-	grid-template-rows: 1fr 1fr;
-	min-height: 28em;
-	max-height: 36em;
-	height: 90vh;
-	margin-bottom: 32px;
-}
-
-.about__header > div {
-	display: flex;
-}
-
-.about__header > div > * {
-	align-self: flex-end;
-}
-
-.about__header-title {
-	-ms-grid-column: 1;
-	grid-column: 1;
-	-ms-grid-row: 1;
-	-ms-grid-row-span: 2;
-	grid-row: 1/span 2;
-	padding: 32px;
-	background-color: #BD3854;
-	background-color: var(--accent-1);
-	color: white;
-	padding: 32px;
-}
-
-.about__header-title h1 {
-	padding: 0;
-	color: inherit;
-}
-
-.about__header-title h1 span {
-	display: block;
-	font-weight: 600;
-	font-size: 1.2em;
-	line-height: 1;
-}
-
-.about__header-badge {
-	-ms-grid-column: 2;
-	grid-column: 2;
-	-ms-grid-row: 1;
-	grid-row: 1;
-	background-color: #5f1b29;
-	background-color: var(--accent-2);
-	margin: 0;
-	padding: 32px;
-	justify-content: flex-end;
-}
-
-.about__header-badge img {
-	align-self: flex-start;
-	max-width: 100%;
-}
-
-.about__header-text {
-	-ms-grid-column: 2;
-	grid-column: 2;
-	-ms-grid-row: 2;
-	grid-row: 2;
-	padding: 32px;
-	background-color: #321017;
-	background-color: var(--accent-3);
-	color: white;
-	font-size: 1.5em;
-	line-height: 1.4;
-}
-
-.about__header-text p {
-	margin: 0;
-}
-
-.about__header-navigation {
-	-ms-grid-column: 1;
-	-ms-grid-column-span: 2;
-	grid-column: 1/span 2;
-	-ms-grid-row: 3;
-	grid-row: 3;
-	padding-top: 0;
-	background: #FEFCF7;
-	background: var(--nav-background);
-	color: #716d64;
-	color: var(--nav-color);
-	border-bottom: 3px solid currentColor;
-}
-
-.about__header-navigation .nav-tab {
-	margin-left: 0;
-	padding: 24px 32px;
-	font-size: 1.4em;
-	line-height: 1;
-	border-width: 0 0 3px;
-	border-style: solid;
-	border-color: transparent;
-	background: transparent;
-	color: inherit;
-}
-
-.about__header-navigation .nav-tab:hover,
-.about__header-navigation .nav-tab:active {
-	background-color: #F4EFE1;
-	background-color: var(--background);
-}
-
-.about__header-navigation .nav-tab-active {
-	margin-bottom: -3px;
-	border-width: 0 0 6px;
-	color: #BD3854;
-	color: var(--accent-1);
-	border-color: currentColor;
-}
-
-.about__header-navigation .nav-tab-active:hover,
-.about__header-navigation .nav-tab-active:active {
-	background-color: transparent;
-	border-color: currentColor;
-}
-
-@media screen and (max-width: 782px) {
-	.about__container .about__header-text {
-		font-size: 1.4em;
-	}
-}
-
-@media screen and (max-width: 600px) {
-	.about__header {
-		display: block;
-		min-height: unset;
-		max-height: unset;
-		height: auto;
-	}
-
-	.about__header-badge {
-		justify-content: flex-start;
-	}
-
-	.about__header-navigation .nav-tab {
-		margin-top: 0;
-		margin-right: 0;
-		padding: 24px 16px;
-	}
-}
-
-@media screen and (max-width: 480px) {
-	.about__header-navigation .nav-tab {
-		float: none;
-		display: block;
-		margin-bottom: 0;
-		padding: 16px 16px;
-		border-left-width: 3px;
-		border-bottom: none;
-	}
-
-	.about__header-navigation .nav-tab-active {
-		border-bottom: none;
-		border-left-width: 3px;
-		background: #F4EFE1;
-		background: var(--background);
-	}
-}
-
-
-/*------------------------------------------------------------------------------
-  2.0 - Credits Page
-------------------------------------------------------------------------------*/
-
-.about__section .wp-people-group {
-	margin: 0;
-}
-
-.about__section .wp-person {
-	display: inline-block;
-	vertical-align: top;
-	box-sizing: border-box;
-	padding: 0 1em 1em 0;
-	height: 6em;
-	width: calc( 33% - 4px );
-	min-width: 280px;
-}
-
-.about__section .compact .wp-person {
-	height: auto;
-	width: calc( 25% - 4px );
-	min-width: 220px;
-	padding-bottom: 0.5em;
-}
-
-.about__section .wp-person .gravatar {
-	float: left;
-	margin: -4px 0.85em 0.85em 0;
-	padding: 1px;
-	width: 80px;
-	height: 80px;
-	border-radius: 100%;
-}
-
-.about__section .compact .wp-person .gravatar {
-	width: 40px;
-	height: 40px;
-}
-
-.about__section .wp-person .web {
-	font-size: 1.4em;
-	font-weight: 600;
-	text-decoration: none;
-	color: #413E38;
-	color: var(--text);
-}
-
-.about__section .wp-person .web:hover {
-	text-decoration: underline;
-}
-
-.about__section .compact .wp-person .web {
-	font-size: 1.2em;
-}
-
-.about__section .wp-person .title {
-	display: block;
-	margin-top: 0.5em;
-}
-
-@media screen and (max-width: 480px) {
-	.about__section .wp-person {
-		min-width: 100%;
-	}
-
-	.about__section .wp-person .gravatar {
-		width: 60px;
-		height: 60px;
-	}
-
-	.about__section .wp-person .web {
-		font-size: 1em;
-	}
-
-	.about__section .compact .wp-person .web {
-		font-size: 1em;
-	}
-}
-
-
-/*------------------------------------------------------------------------------
-  3.0 - Freedoms Page
-------------------------------------------------------------------------------*/
-
-.about__section .column .freedoms-image {
-	margin-bottom: 1em;
-}
-
-
-/*------------------------------------------------------------------------------
-  x.2.0 - Legacy About Styles: Global
+  1.0 - Global: About, Credits, Freedoms
 ------------------------------------------------------------------------------*/
 
 .about-wrap {
@@ -736,7 +98,7 @@
 	line-height: 1.33333333;
 }
 
-/* x.2.1 - Typography */
+/* 1.1 - Typography */
 
 .about-wrap h1 {
 	margin: 0.2em 200px 0 0;
@@ -748,7 +110,7 @@
 }
 
 .about-wrap h2 {
-	margin: 40px 0 0.6em;
+	margin: 40px 0 .6em;
 	font-size: 2.7em;
 	line-height: 1.3;
 	font-weight: 300;
@@ -756,7 +118,7 @@
 }
 
 .about-wrap h3 {
-	margin: 1.25em 0 0.6em;
+	margin: 1.25em 0 .6em;
 	font-size: 1.4em;
 	line-height: 1.5;
 }
@@ -797,7 +159,7 @@
 	color: #555d66;
 }
 
-/* x.2.2 - Structure */
+/* 1.2 - Structure */
 
 .about-wrap .has-1-columns,
 .about-wrap .has-2-columns,
@@ -919,21 +281,18 @@
 }
 
 .about-wrap .is-vertically-aligned-top {
-	-ms-grid-row-align: start;
 	align-self: start;
 }
 
 .about-wrap .is-vertically-aligned-center {
-	-ms-grid-row-align: center;
 	align-self: center;
 }
 
 .about-wrap .is-vertically-aligned-bottom {
-	-ms-grid-row-align: end;
 	align-self: end;
 }
 
-/* x.2.3 - Point Releases */
+/* 1.3 - Point Releases */
 
 .about-wrap .point-releases {
 	margin-top: 5px;
@@ -957,10 +316,10 @@
 }
 
 /*------------------------------------------------------------------------------
-  x.3.0 - Legacy About Styles: About Page
+  2.0 - About Page
 ------------------------------------------------------------------------------*/
 
-/* x.3.1 - Typography */
+/* 2.1 - Typography */
 
 .about-wrap .lead-description {
 	font-size: 1.5em;
@@ -971,7 +330,7 @@
 	margin-top: 0.6em;
 }
 
-/* x.3.2 - Structure */
+/* 2.2 - Structure */
 
 .about-wrap .headline-feature {
 	margin: 0 auto 40px;
@@ -1001,7 +360,7 @@
 }
 
 /*------------------------------------------------------------------------------
-  x.4.0 - Legacy About Styles: Credits & Freedoms Pages
+  3.0 - Credits & Freedoms Pages
 ------------------------------------------------------------------------------*/
 
 /* Credits */
@@ -1112,7 +471,7 @@
 }
 
 /*------------------------------------------------------------------------------
-  x.5.0 - Legacy About Styles: Media Queries
+  4.0 - Media Queries
 ------------------------------------------------------------------------------*/
 
 @media screen and (max-width: 782px) {

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

@@ -167,10 +167,6 @@
 #adminmenu .wp-submenu a {
 	color: #b4b9be;
 	color: rgba(240, 245, 250, 0.7);
-	font-size: 13px;
-	line-height: 1.4;
-	margin: 0;
-	padding: 5px 0;
 }
 
 #adminmenu .wp-submenu a:hover,
@@ -282,6 +278,13 @@
 	width: auto;
 }
 
+#adminmenu .wp-submenu a {
+	font-size: 13px;
+	line-height: 1.4;
+	margin: 0;
+	padding: 5px 0;
+}
+
 #adminmenu .wp-submenu li.current,
 #adminmenu .wp-submenu li.current a,
 #adminmenu .opensub .wp-submenu li.current a,
@@ -762,10 +765,6 @@ li#wp-admin-bar-menu-toggle {
 		z-index: 100;
 	}
 
-	.auto-fold #adminmenuback {
-		position: fixed;
-	}
-
 	.auto-fold #adminmenuback,
 	.auto-fold #adminmenuwrap {
 		display: none;

wp-admin/css/admin-menu.css

@@ -167,10 +167,6 @@
 #adminmenu .wp-submenu a {
 	color: #b4b9be;
 	color: rgba(240, 245, 250, 0.7);
-	font-size: 13px;
-	line-height: 1.4;
-	margin: 0;
-	padding: 5px 0;
 }
 
 #adminmenu .wp-submenu a:hover,
@@ -282,6 +278,13 @@
 	width: auto;
 }
 
+#adminmenu .wp-submenu a {
+	font-size: 13px;
+	line-height: 1.4;
+	margin: 0;
+	padding: 5px 0;
+}
+
 #adminmenu .wp-submenu li.current,
 #adminmenu .wp-submenu li.current a,
 #adminmenu .opensub .wp-submenu li.current a,
@@ -762,10 +765,6 @@ li#wp-admin-bar-menu-toggle {
 		z-index: 100;
 	}
 
-	.auto-fold #adminmenuback {
-		position: fixed;
-	}
-
 	.auto-fold #adminmenuback,
 	.auto-fold #adminmenuwrap {
 		display: none;

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

@@ -10,7 +10,7 @@
 
 /* Needs higher specificiity. */
 .wp-picker-container .wp-color-result.button {
-	min-height: 30px;
+	height: 24px;
 	margin: 0 0px 6px 6px;
 	padding: 0 30px 0 0;
 	font-size: 11px;
@@ -22,7 +22,7 @@
 	border-right: 1px solid #ccc;
 	color: #555;
 	display: block;
-	line-height: 2.54545455; /* 28px */
+	line-height: 2;
 	padding: 0 6px;
 	text-align: center;
 }
@@ -70,12 +70,9 @@
 	margin: 0 !important;
 }
 
-.wp-picker-input-wrap .button.wp-picker-default,
-.wp-customizer .wp-picker-input-wrap .button.wp-picker-default {
+.wp-picker-input-wrap .button,
+.wp-customizer .wp-picker-input-wrap .button {
 	margin-right: 6px;
-	padding: 0 8px;
-	line-height: 2.54545455; /* 28px */
-	min-height: 30px;
 }
 
 .wp-picker-container .iris-square-slider .ui-slider-handle:focus {
@@ -89,14 +86,12 @@
 }
 
 .wp-picker-container input[type="text"].wp-color-picker {
-	width: 4rem;
+	width: 65px;
 	font-size: 12px;
 	font-family: monospace;
-	line-height: 2.33333333; /* 28px */
+	line-height: 1.4;
 	margin: 0;
-	padding: 0 5px;
 	vertical-align: top;
-	min-height: 30px;
 }
 
 .wp-color-picker::-webkit-input-placeholder {
@@ -134,38 +129,26 @@
 
 @media screen and (max-width: 782px) {
 	.wp-picker-container input[type="text"].wp-color-picker {
-		width: 5rem;
+		width: 80px;
+		padding: 6px 5px 5px;
 		font-size: 16px;
-		line-height: 1.875; /* 30px */
-		min-height: 32px;
+		line-height: 1.15;
 	}
 
 	.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
-		padding: 0 5px;
-	}
-
-	.wp-picker-input-wrap .button.wp-picker-default {
-		padding: 0 8px;
-		line-height: 2.14285714; /* 30px */
-		min-height: 32px;
-	}
-
-	.wp-customizer .wp-picker-input-wrap .button.wp-picker-default {
-		padding: 0 8px;
-		font-size: 14px;
-		line-height: 2.14285714; /* 30px */
-		min-height: 32px;
+		padding: 5px 5px 4px;
 	}
 
 	.wp-picker-container .wp-color-result.button {
+		height: auto;
 		padding: 0 40px 0 0;
 		font-size: 14px;
-		line-height: 2.14285714; /* 30px */
+		line-height: 2.1;
 	}
 
 	.wp-customizer .wp-picker-container .wp-color-result.button {
-		font-size: 14px;
-		line-height: 2.14285714; /* 30px */
+		font-size: 13px;
+		line-height: 2;
 	}
 
 	.wp-picker-container .wp-color-result-text {
@@ -178,3 +161,14 @@
 		padding: 0 10px;
 	}
 }
+
+@media screen and (max-width: 640px) {
+	.wp-customizer .wp-picker-container .wp-color-result.button {
+		font-size: 14px;
+		line-height: 2.1;
+	}
+
+	.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,2 @@
 /*! This file is auto-generated */
-.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:30px;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:2.54545455;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-container{display:inline-block}.wp-color-result:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{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-default,.wp-picker-input-wrap .button.wp-picker-default{margin-right:6px;padding:0 8px;line-height:2.54545455;min-height:30px}.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:4rem;font-size:12px;font-family:monospace;line-height:2.33333333;margin:0;padding:0 5px;vertical-align:top;min-height:30px}.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:5rem;font-size:16px;line-height:1.875;min-height:32px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:0 5px}.wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;line-height:2.14285714;min-height:32px}.wp-customizer .wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;font-size:14px;line-height:2.14285714;min-height:32px}.wp-picker-container .wp-color-result.button{padding:0 40px 0 0;font-size:14px;line-height:2.14285714}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.14285714}.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}}
+.wp-color-picker{width:80px;direction:ltr}.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:2;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-container{display:inline-block}.wp-color-result:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{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:1.4;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:1.15}.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:2.1}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:13px;line-height:2}.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:2.1}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:6px 5px}}

wp-admin/css/color-picker.css

@@ -10,7 +10,7 @@
 
 /* Needs higher specificiity. */
 .wp-picker-container .wp-color-result.button {
-	min-height: 30px;
+	height: 24px;
 	margin: 0 6px 6px 0px;
 	padding: 0 0 0 30px;
 	font-size: 11px;
@@ -22,7 +22,7 @@
 	border-left: 1px solid #ccc;
 	color: #555;
 	display: block;
-	line-height: 2.54545455; /* 28px */
+	line-height: 2;
 	padding: 0 6px;
 	text-align: center;
 }
@@ -70,12 +70,9 @@
 	margin: 0 !important;
 }
 
-.wp-picker-input-wrap .button.wp-picker-default,
-.wp-customizer .wp-picker-input-wrap .button.wp-picker-default {
+.wp-picker-input-wrap .button,
+.wp-customizer .wp-picker-input-wrap .button {
 	margin-left: 6px;
-	padding: 0 8px;
-	line-height: 2.54545455; /* 28px */
-	min-height: 30px;
 }
 
 .wp-picker-container .iris-square-slider .ui-slider-handle:focus {
@@ -89,14 +86,12 @@
 }
 
 .wp-picker-container input[type="text"].wp-color-picker {
-	width: 4rem;
+	width: 65px;
 	font-size: 12px;
 	font-family: monospace;
-	line-height: 2.33333333; /* 28px */
+	line-height: 1.4;
 	margin: 0;
-	padding: 0 5px;
 	vertical-align: top;
-	min-height: 30px;
 }
 
 .wp-color-picker::-webkit-input-placeholder {
@@ -134,38 +129,26 @@
 
 @media screen and (max-width: 782px) {
 	.wp-picker-container input[type="text"].wp-color-picker {
-		width: 5rem;
+		width: 80px;
+		padding: 6px 5px 5px;
 		font-size: 16px;
-		line-height: 1.875; /* 30px */
-		min-height: 32px;
+		line-height: 1.15;
 	}
 
 	.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
-		padding: 0 5px;
-	}
-
-	.wp-picker-input-wrap .button.wp-picker-default {
-		padding: 0 8px;
-		line-height: 2.14285714; /* 30px */
-		min-height: 32px;
-	}
-
-	.wp-customizer .wp-picker-input-wrap .button.wp-picker-default {
-		padding: 0 8px;
-		font-size: 14px;
-		line-height: 2.14285714; /* 30px */
-		min-height: 32px;
+		padding: 5px 5px 4px;
 	}
 
 	.wp-picker-container .wp-color-result.button {
+		height: auto;
 		padding: 0 0 0 40px;
 		font-size: 14px;
-		line-height: 2.14285714; /* 30px */
+		line-height: 2.1;
 	}
 
 	.wp-customizer .wp-picker-container .wp-color-result.button {
-		font-size: 14px;
-		line-height: 2.14285714; /* 30px */
+		font-size: 13px;
+		line-height: 2;
 	}
 
 	.wp-picker-container .wp-color-result-text {
@@ -178,3 +161,14 @@
 		padding: 0 10px;
 	}
 }
+
+@media screen and (max-width: 640px) {
+	.wp-customizer .wp-picker-container .wp-color-result.button {
+		font-size: 14px;
+		line-height: 2.1;
+	}
+
+	.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
+		padding: 6px 5px;
+	}
+}

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

@@ -1,2 +1,2 @@
 /*! This file is auto-generated */
-.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:30px;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:2.54545455;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-container{display:inline-block}.wp-color-result:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{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-default,.wp-picker-input-wrap .button.wp-picker-default{margin-left:6px;padding:0 8px;line-height:2.54545455;min-height:30px}.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:4rem;font-size:12px;font-family:monospace;line-height:2.33333333;margin:0;padding:0 5px;vertical-align:top;min-height:30px}.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:5rem;font-size:16px;line-height:1.875;min-height:32px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:0 5px}.wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;line-height:2.14285714;min-height:32px}.wp-customizer .wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;font-size:14px;line-height:2.14285714;min-height:32px}.wp-picker-container .wp-color-result.button{padding:0 0 0 40px;font-size:14px;line-height:2.14285714}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.14285714}.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}}
+.wp-color-picker{width:80px;direction:ltr}.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:2;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-container{display:inline-block}.wp-color-result:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{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:1.4;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:1.15}.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:2.1}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:13px;line-height:2}.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:2.1}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:6px 5px}}

wp-admin/css/colors/_admin.scss

@@ -2,9 +2,6 @@
 @import 'variables';
 @import 'mixins';
 
-@function url-friendly-colour( $color ) {
-	@return '%23' + str-slice( '#{ $color }', 2, -1 );
-}
 
 body {
 	background: $body-background;
@@ -23,22 +20,21 @@ a {
 	}
 }
 
-#post-body .misc-pub-post-status:before,
-#post-body #visibility:before,
-.curtime #timestamp:before,
-#post-body .misc-pub-revisions:before,
-span.wp-media-buttons-icon:before {
-	color: currentColor;
+#media-upload a.del-link:hover,
+div.dashboard-widget-submit input:hover,
+.subsubsub a:hover,
+.subsubsub a.current:hover {
+	color: $link-focus;
 }
 
 
 /* Forms */
 
-input[type=checkbox]:checked::before {
-	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27#{url-friendly-colour($form-checked)}%27%2F%3E%3C%2Fsvg%3E");
+input[type=checkbox]:checked:before {
+	color: $form-checked;
 }
 
-input[type=radio]:checked::before {
+input[type=radio]:checked:before {
 	background: $form-checked;
 }
 
@@ -47,80 +43,14 @@ input[type=radio]:checked::before {
 	color: $link-focus;
 }
 
-input[type="text"]:focus,
-input[type="password"]:focus,
-input[type="color"]:focus,
-input[type="date"]:focus,
-input[type="datetime"]:focus,
-input[type="datetime-local"]:focus,
-input[type="email"]:focus,
-input[type="month"]:focus,
-input[type="number"]:focus,
-input[type="search"]:focus,
-input[type="tel"]:focus,
-input[type="text"]:focus,
-input[type="time"]:focus,
-input[type="url"]:focus,
-input[type="week"]:focus,
-input[type="checkbox"]:focus,
-input[type="radio"]:focus,
-select:focus,
-textarea:focus {
-	border-color: $highlight-color;
-	box-shadow: 0 0 0 1px $highlight-color;
-}
-
 
 /* Core UI */
 
 .wp-core-ui {
-
-	.button {
-		border-color: #7e8993;
-		color: #32373c;
-	}
-
-	.button.hover,
-	.button:hover,
-	.button.focus,
-	.button:focus {
-		border-color: darken( #7e8993, 5% );
-		color: darken( #32373c, 5% );
-	}
-
-	.button.focus,
-	.button:focus {
-		border-color: #7e8993;
-		color: darken( #32373c, 5% );
-		box-shadow: 0 0 0 1px #32373c;
-	}
-
-	.button:active {
-		border-color: #7e8993;
-		color: darken( #32373c, 5% );
-		box-shadow: none;
-	}
-
-	.button.active,
-	.button.active:focus,
-	.button.active:hover {
-		border-color: $button-color;
-		color: darken( #32373c, 5% );
-		box-shadow: inset 0 2px 5px -3px $button-color;
-	}
-
-	.button.active:focus {
-		box-shadow: 0 0 0 1px #32373c;
-	}
-
 	.button-primary {
 		@include button( $button-color );
 	}
 
-	.button-group > .button.active {
-		border-color: $button-color;
-	}
-
 	.wp-ui-primary {
 		color: $text-color;
 		background-color: $base-color;

wp-admin/css/colors/_mixins.scss

@@ -1,38 +1,37 @@
 /*
- * Button mixin- creates a button effect with correct
+ * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
-@mixin button( $button-color, $button-text-color: #fff ) {
+@mixin button( $button-color, $text-color: #fff ) {
 	background: $button-color;
-	border-color: $button-color;
-	color: $button-text-color;
+	border-color: darken( $button-color, 10% ) darken( $button-color, 15% ) darken( $button-color, 15% );
+	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% );
 
 	&:hover,
 	&:focus {
 		background: lighten( $button-color, 3% );
-		border-color: darken( $button-color, 3% );
-		color: $button-text-color;
+		border-color: darken( $button-color, 15% );
+		color: $text-color;
+		box-shadow: 0 1px 0 darken( $button-color, 15% );
 	}
 
 	&:focus {
-		box-shadow:
-			0 0 0 1px #fff,
-			0 0 0 3px $button-color;
-	}
-
-	&:active {
-		background: darken( $button-color, 5% );
-		border-color: darken( $button-color, 5% );
-		color: $button-text-color;
+		box-shadow: inset 0 1px 0 darken( $button-color, 10% ),
+					0 0 2px 1px #33b3db;
 	}
 
+	&:active,
 	&.active,
 	&.active:focus,
 	&.active:hover {
-		background: $button-color;
-		color: $button-text-color;
+		background: darken( $button-color, 10% );
 		border-color: darken( $button-color, 15% );
-		box-shadow: inset 0 2px 5px -3px darken( $button-color, 50% );
+	 	box-shadow: inset 0 2px 0 darken( $button-color, 15% );
 	}
 
 	&[disabled],
@@ -41,7 +40,15 @@
 	&.disabled {
 		color: hsl( hue( $button-color ), 10%, 80% ) !important;
 		background: darken( $button-color, 8% ) !important;
-		border-color: darken( $button-color, 8% ) !important;
+		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/_variables.scss

@@ -18,9 +18,8 @@ $link: #0073aa !default;
 $link-focus: lighten( $link, 10% ) !default;
 
 $button-color: $highlight-color !default;
-$button-text-color: $text-color !default;
+$form-checked: $highlight-color !default;
 
-$form-checked: #7e8993 !default;
 
 // admin menu & admin-bar
 

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates a button effect with correct
+ * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -15,21 +15,20 @@ a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#post-body .misc-pub-post-status:before,
-#post-body #visibility:before,
-.curtime #timestamp:before,
-#post-body .misc-pub-revisions:before,
-span.wp-media-buttons-icon:before {
-  color: currentColor;
+#media-upload a.del-link:hover,
+div.dashboard-widget-submit input:hover,
+.subsubsub a:hover,
+.subsubsub a.current:hover {
+  color: #0096dd;
 }
 
 /* Forms */
-input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+input[type=checkbox]:checked:before {
+  color: #096484;
 }
 
-input[type=radio]:checked::before {
-  background: #7e8993;
+input[type=radio]:checked:before {
+  background: #096484;
 }
 
 .wp-core-ui input[type=reset]:hover,
@@ -37,94 +36,39 @@ input[type=radio]:checked::before {
   color: #0096dd;
 }
 
-input[type=text]:focus,
-input[type=password]:focus,
-input[type=color]:focus,
-input[type=date]:focus,
-input[type=datetime]:focus,
-input[type=datetime-local]:focus,
-input[type=email]:focus,
-input[type=month]:focus,
-input[type=number]:focus,
-input[type=search]:focus,
-input[type=tel]:focus,
-input[type=text]:focus,
-input[type=time]:focus,
-input[type=url]:focus,
-input[type=week]:focus,
-input[type=checkbox]:focus,
-input[type=radio]:focus,
-select:focus,
-textarea:focus {
-  border-color: #096484;
-  box-shadow: 0 0 0 1px #096484;
-}
-
 /* Core UI */
-.wp-core-ui .button {
-  border-color: #7e8993;
-  color: #32373c;
-}
-.wp-core-ui .button.hover,
-.wp-core-ui .button:hover,
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
-}
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: 0 0 0 1px #32373c;
-}
-.wp-core-ui .button:active {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: none;
-}
-.wp-core-ui .button.active,
-.wp-core-ui .button.active:focus,
-.wp-core-ui .button.active:hover {
-  border-color: #e1a948;
-  color: #262a2e;
-  box-shadow: inset 0 2px 5px -3px #e1a948;
-}
-.wp-core-ui .button.active:focus {
-  box-shadow: 0 0 0 1px #32373c;
-}
 .wp-core-ui .button-primary {
   background: #e1a948;
-  border-color: #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;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
   background: #e3af55;
-  border-color: #dfa33b;
+  border-color: #bd831f;
   color: #fff;
+  box-shadow: 0 1px 0 #bd831f;
 }
 .wp-core-ui .button-primary:focus {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e1a948;
+  box-shadow: inset 0 1px 0 #d39323, 0 0 2px 1px #33b3db;
 }
-.wp-core-ui .button-primary:active {
-  background: #dd9f32;
-  border-color: #dd9f32;
-  color: #fff;
-}
-.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
-  background: #e1a948;
-  color: #fff;
+.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 {
+  background: #d39323;
   border-color: #bd831f;
-  box-shadow: inset 0 2px 5px -3px #241906;
+  box-shadow: inset 0 2px 0 #bd831f;
 }
 .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: #db9925 !important;
+  border-color: #bd831f !important;
   text-shadow: none !important;
 }
-.wp-core-ui .button-group > .button.active {
-  border-color: #e1a948;
+.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;

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates a button effect with correct
+ * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -15,21 +15,20 @@ a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#post-body .misc-pub-post-status:before,
-#post-body #visibility:before,
-.curtime #timestamp:before,
-#post-body .misc-pub-revisions:before,
-span.wp-media-buttons-icon:before {
-  color: currentColor;
+#media-upload a.del-link:hover,
+div.dashboard-widget-submit input:hover,
+.subsubsub a:hover,
+.subsubsub a.current:hover {
+  color: #0096dd;
 }
 
 /* Forms */
-input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+input[type=checkbox]:checked:before {
+  color: #096484;
 }
 
-input[type=radio]:checked::before {
-  background: #7e8993;
+input[type=radio]:checked:before {
+  background: #096484;
 }
 
 .wp-core-ui input[type=reset]:hover,
@@ -37,94 +36,39 @@ input[type=radio]:checked::before {
   color: #0096dd;
 }
 
-input[type=text]:focus,
-input[type=password]:focus,
-input[type=color]:focus,
-input[type=date]:focus,
-input[type=datetime]:focus,
-input[type=datetime-local]:focus,
-input[type=email]:focus,
-input[type=month]:focus,
-input[type=number]:focus,
-input[type=search]:focus,
-input[type=tel]:focus,
-input[type=text]:focus,
-input[type=time]:focus,
-input[type=url]:focus,
-input[type=week]:focus,
-input[type=checkbox]:focus,
-input[type=radio]:focus,
-select:focus,
-textarea:focus {
-  border-color: #096484;
-  box-shadow: 0 0 0 1px #096484;
-}
-
 /* Core UI */
-.wp-core-ui .button {
-  border-color: #7e8993;
-  color: #32373c;
-}
-.wp-core-ui .button.hover,
-.wp-core-ui .button:hover,
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
-}
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: 0 0 0 1px #32373c;
-}
-.wp-core-ui .button:active {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: none;
-}
-.wp-core-ui .button.active,
-.wp-core-ui .button.active:focus,
-.wp-core-ui .button.active:hover {
-  border-color: #e1a948;
-  color: #262a2e;
-  box-shadow: inset 0 2px 5px -3px #e1a948;
-}
-.wp-core-ui .button.active:focus {
-  box-shadow: 0 0 0 1px #32373c;
-}
 .wp-core-ui .button-primary {
   background: #e1a948;
-  border-color: #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;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
   background: #e3af55;
-  border-color: #dfa33b;
+  border-color: #bd831f;
   color: #fff;
+  box-shadow: 0 1px 0 #bd831f;
 }
 .wp-core-ui .button-primary:focus {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e1a948;
+  box-shadow: inset 0 1px 0 #d39323, 0 0 2px 1px #33b3db;
 }
-.wp-core-ui .button-primary:active {
-  background: #dd9f32;
-  border-color: #dd9f32;
-  color: #fff;
-}
-.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
-  background: #e1a948;
-  color: #fff;
+.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 {
+  background: #d39323;
   border-color: #bd831f;
-  box-shadow: inset 0 2px 5px -3px #241906;
+  box-shadow: inset 0 2px 0 #bd831f;
 }
 .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: #db9925 !important;
+  border-color: #bd831f !important;
   text-shadow: none !important;
 }
-.wp-core-ui .button-group > .button.active {
-  border-color: #e1a948;
+.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;

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates a button effect with correct
+ * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -15,20 +15,19 @@ a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#post-body .misc-pub-post-status:before,
-#post-body #visibility:before,
-.curtime #timestamp:before,
-#post-body .misc-pub-revisions:before,
-span.wp-media-buttons-icon:before {
-  color: currentColor;
+#media-upload a.del-link:hover,
+div.dashboard-widget-submit input:hover,
+.subsubsub a:hover,
+.subsubsub a.current:hover {
+  color: #0096dd;
 }
 
 /* Forms */
-input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2359524c%27%2F%3E%3C%2Fsvg%3E");
+input[type=checkbox]:checked:before {
+  color: #59524c;
 }
 
-input[type=radio]:checked::before {
+input[type=radio]:checked:before {
   background: #59524c;
 }
 
@@ -37,94 +36,39 @@ input[type=radio]:checked::before {
   color: #0096dd;
 }
 
-input[type=text]:focus,
-input[type=password]:focus,
-input[type=color]:focus,
-input[type=date]:focus,
-input[type=datetime]:focus,
-input[type=datetime-local]:focus,
-input[type=email]:focus,
-input[type=month]:focus,
-input[type=number]:focus,
-input[type=search]:focus,
-input[type=tel]:focus,
-input[type=text]:focus,
-input[type=time]:focus,
-input[type=url]:focus,
-input[type=week]:focus,
-input[type=checkbox]:focus,
-input[type=radio]:focus,
-select:focus,
-textarea:focus {
-  border-color: #c7a589;
-  box-shadow: 0 0 0 1px #c7a589;
-}
-
 /* Core UI */
-.wp-core-ui .button {
-  border-color: #7e8993;
-  color: #32373c;
-}
-.wp-core-ui .button.hover,
-.wp-core-ui .button:hover,
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
-}
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: 0 0 0 1px #32373c;
-}
-.wp-core-ui .button:active {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: none;
-}
-.wp-core-ui .button.active,
-.wp-core-ui .button.active:focus,
-.wp-core-ui .button.active:hover {
-  border-color: #c7a589;
-  color: #262a2e;
-  box-shadow: inset 0 2px 5px -3px #c7a589;
-}
-.wp-core-ui .button.active:focus {
-  box-shadow: 0 0 0 1px #32373c;
-}
 .wp-core-ui .button-primary {
   background: #c7a589;
-  border-color: #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;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
   background: #ccad93;
-  border-color: #c29d7f;
+  border-color: #ae7d55;
   color: #fff;
+  box-shadow: 0 1px 0 #ae7d55;
 }
 .wp-core-ui .button-primary:focus {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
+  box-shadow: inset 0 1px 0 #b78b66, 0 0 2px 1px #33b3db;
 }
-.wp-core-ui .button-primary:active {
-  background: #bf9878;
-  border-color: #bf9878;
-  color: #fff;
-}
-.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
-  background: #c7a589;
-  color: #fff;
+.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 {
+  background: #b78b66;
   border-color: #ae7d55;
-  box-shadow: inset 0 2px 5px -3px #37271a;
+  box-shadow: inset 0 2px 0 #ae7d55;
 }
 .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: #ba906d !important;
+  border-color: #ae7d55 !important;
   text-shadow: none !important;
 }
-.wp-core-ui .button-group > .button.active {
-  border-color: #c7a589;
+.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;

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates a button effect with correct
+ * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -15,20 +15,19 @@ a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#post-body .misc-pub-post-status:before,
-#post-body #visibility:before,
-.curtime #timestamp:before,
-#post-body .misc-pub-revisions:before,
-span.wp-media-buttons-icon:before {
-  color: currentColor;
+#media-upload a.del-link:hover,
+div.dashboard-widget-submit input:hover,
+.subsubsub a:hover,
+.subsubsub a.current:hover {
+  color: #0096dd;
 }
 
 /* Forms */
-input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2359524c%27%2F%3E%3C%2Fsvg%3E");
+input[type=checkbox]:checked:before {
+  color: #59524c;
 }
 
-input[type=radio]:checked::before {
+input[type=radio]:checked:before {
   background: #59524c;
 }
 
@@ -37,94 +36,39 @@ input[type=radio]:checked::before {
   color: #0096dd;
 }
 
-input[type=text]:focus,
-input[type=password]:focus,
-input[type=color]:focus,
-input[type=date]:focus,
-input[type=datetime]:focus,
-input[type=datetime-local]:focus,
-input[type=email]:focus,
-input[type=month]:focus,
-input[type=number]:focus,
-input[type=search]:focus,
-input[type=tel]:focus,
-input[type=text]:focus,
-input[type=time]:focus,
-input[type=url]:focus,
-input[type=week]:focus,
-input[type=checkbox]:focus,
-input[type=radio]:focus,
-select:focus,
-textarea:focus {
-  border-color: #c7a589;
-  box-shadow: 0 0 0 1px #c7a589;
-}
-
 /* Core UI */
-.wp-core-ui .button {
-  border-color: #7e8993;
-  color: #32373c;
-}
-.wp-core-ui .button.hover,
-.wp-core-ui .button:hover,
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
-}
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: 0 0 0 1px #32373c;
-}
-.wp-core-ui .button:active {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: none;
-}
-.wp-core-ui .button.active,
-.wp-core-ui .button.active:focus,
-.wp-core-ui .button.active:hover {
-  border-color: #c7a589;
-  color: #262a2e;
-  box-shadow: inset 0 2px 5px -3px #c7a589;
-}
-.wp-core-ui .button.active:focus {
-  box-shadow: 0 0 0 1px #32373c;
-}
 .wp-core-ui .button-primary {
   background: #c7a589;
-  border-color: #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;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
   background: #ccad93;
-  border-color: #c29d7f;
+  border-color: #ae7d55;
   color: #fff;
+  box-shadow: 0 1px 0 #ae7d55;
 }
 .wp-core-ui .button-primary:focus {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
+  box-shadow: inset 0 1px 0 #b78b66, 0 0 2px 1px #33b3db;
 }
-.wp-core-ui .button-primary:active {
-  background: #bf9878;
-  border-color: #bf9878;
-  color: #fff;
-}
-.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
-  background: #c7a589;
-  color: #fff;
+.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 {
+  background: #b78b66;
   border-color: #ae7d55;
-  box-shadow: inset 0 2px 5px -3px #37271a;
+  box-shadow: inset 0 2px 0 #ae7d55;
 }
 .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: #ba906d !important;
+  border-color: #ae7d55 !important;
   text-shadow: none !important;
 }
-.wp-core-ui .button-group > .button.active {
-  border-color: #c7a589;
+.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;

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates a button effect with correct
+ * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -15,20 +15,19 @@ a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#post-body .misc-pub-post-status:before,
-#post-body #visibility:before,
-.curtime #timestamp:before,
-#post-body .misc-pub-revisions:before,
-span.wp-media-buttons-icon:before {
-  color: currentColor;
+#media-upload a.del-link:hover,
+div.dashboard-widget-submit input:hover,
+.subsubsub a:hover,
+.subsubsub a.current:hover {
+  color: #0096dd;
 }
 
 /* Forms */
-input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23523f6d%27%2F%3E%3C%2Fsvg%3E");
+input[type=checkbox]:checked:before {
+  color: #523f6d;
 }
 
-input[type=radio]:checked::before {
+input[type=radio]:checked:before {
   background: #523f6d;
 }
 
@@ -37,94 +36,39 @@ input[type=radio]:checked::before {
   color: #0096dd;
 }
 
-input[type=text]:focus,
-input[type=password]:focus,
-input[type=color]:focus,
-input[type=date]:focus,
-input[type=datetime]:focus,
-input[type=datetime-local]:focus,
-input[type=email]:focus,
-input[type=month]:focus,
-input[type=number]:focus,
-input[type=search]:focus,
-input[type=tel]:focus,
-input[type=text]:focus,
-input[type=time]:focus,
-input[type=url]:focus,
-input[type=week]:focus,
-input[type=checkbox]:focus,
-input[type=radio]:focus,
-select:focus,
-textarea:focus {
-  border-color: #a3b745;
-  box-shadow: 0 0 0 1px #a3b745;
-}
-
 /* Core UI */
-.wp-core-ui .button {
-  border-color: #7e8993;
-  color: #32373c;
-}
-.wp-core-ui .button.hover,
-.wp-core-ui .button:hover,
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
-}
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: 0 0 0 1px #32373c;
-}
-.wp-core-ui .button:active {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: none;
-}
-.wp-core-ui .button.active,
-.wp-core-ui .button.active:focus,
-.wp-core-ui .button.active:hover {
-  border-color: #a3b745;
-  color: #262a2e;
-  box-shadow: inset 0 2px 5px -3px #a3b745;
-}
-.wp-core-ui .button.active:focus {
-  box-shadow: 0 0 0 1px #32373c;
-}
 .wp-core-ui .button-primary {
   background: #a3b745;
-  border-color: #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;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
   background: #a9bd4f;
-  border-color: #99ac41;
+  border-color: #727f30;
   color: #fff;
+  box-shadow: 0 1px 0 #727f30;
 }
 .wp-core-ui .button-primary:focus {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
+  box-shadow: inset 0 1px 0 #829237, 0 0 2px 1px #33b3db;
 }
-.wp-core-ui .button-primary:active {
-  background: #93a43e;
-  border-color: #93a43e;
-  color: #fff;
-}
-.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
-  background: #a3b745;
-  color: #fff;
+.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 {
+  background: #829237;
   border-color: #727f30;
-  box-shadow: inset 0 2px 5px -3px black;
+  box-shadow: inset 0 2px 0 #727f30;
 }
 .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: #89993a !important;
+  border-color: #727f30 !important;
   text-shadow: none !important;
 }
-.wp-core-ui .button-group > .button.active {
-  border-color: #a3b745;
+.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;

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates a button effect with correct
+ * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -15,20 +15,19 @@ a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#post-body .misc-pub-post-status:before,
-#post-body #visibility:before,
-.curtime #timestamp:before,
-#post-body .misc-pub-revisions:before,
-span.wp-media-buttons-icon:before {
-  color: currentColor;
+#media-upload a.del-link:hover,
+div.dashboard-widget-submit input:hover,
+.subsubsub a:hover,
+.subsubsub a.current:hover {
+  color: #0096dd;
 }
 
 /* Forms */
-input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23523f6d%27%2F%3E%3C%2Fsvg%3E");
+input[type=checkbox]:checked:before {
+  color: #523f6d;
 }
 
-input[type=radio]:checked::before {
+input[type=radio]:checked:before {
   background: #523f6d;
 }
 
@@ -37,94 +36,39 @@ input[type=radio]:checked::before {
   color: #0096dd;
 }
 
-input[type=text]:focus,
-input[type=password]:focus,
-input[type=color]:focus,
-input[type=date]:focus,
-input[type=datetime]:focus,
-input[type=datetime-local]:focus,
-input[type=email]:focus,
-input[type=month]:focus,
-input[type=number]:focus,
-input[type=search]:focus,
-input[type=tel]:focus,
-input[type=text]:focus,
-input[type=time]:focus,
-input[type=url]:focus,
-input[type=week]:focus,
-input[type=checkbox]:focus,
-input[type=radio]:focus,
-select:focus,
-textarea:focus {
-  border-color: #a3b745;
-  box-shadow: 0 0 0 1px #a3b745;
-}
-
 /* Core UI */
-.wp-core-ui .button {
-  border-color: #7e8993;
-  color: #32373c;
-}
-.wp-core-ui .button.hover,
-.wp-core-ui .button:hover,
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
-}
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: 0 0 0 1px #32373c;
-}
-.wp-core-ui .button:active {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: none;
-}
-.wp-core-ui .button.active,
-.wp-core-ui .button.active:focus,
-.wp-core-ui .button.active:hover {
-  border-color: #a3b745;
-  color: #262a2e;
-  box-shadow: inset 0 2px 5px -3px #a3b745;
-}
-.wp-core-ui .button.active:focus {
-  box-shadow: 0 0 0 1px #32373c;
-}
 .wp-core-ui .button-primary {
   background: #a3b745;
-  border-color: #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;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
   background: #a9bd4f;
-  border-color: #99ac41;
+  border-color: #727f30;
   color: #fff;
+  box-shadow: 0 1px 0 #727f30;
 }
 .wp-core-ui .button-primary:focus {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
+  box-shadow: inset 0 1px 0 #829237, 0 0 2px 1px #33b3db;
 }
-.wp-core-ui .button-primary:active {
-  background: #93a43e;
-  border-color: #93a43e;
-  color: #fff;
-}
-.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
-  background: #a3b745;
-  color: #fff;
+.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 {
+  background: #829237;
   border-color: #727f30;
-  box-shadow: inset 0 2px 5px -3px black;
+  box-shadow: inset 0 2px 0 #727f30;
 }
 .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: #89993a !important;
+  border-color: #727f30 !important;
   text-shadow: none !important;
 }
-.wp-core-ui .button-group > .button.active {
-  border-color: #a3b745;
+.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;

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates a button effect with correct
+ * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -15,21 +15,20 @@ a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#post-body .misc-pub-post-status:before,
-#post-body #visibility:before,
-.curtime #timestamp:before,
-#post-body .misc-pub-revisions:before,
-span.wp-media-buttons-icon:before {
-  color: currentColor;
+#media-upload a.del-link:hover,
+div.dashboard-widget-submit input:hover,
+.subsubsub a:hover,
+.subsubsub a.current:hover {
+  color: #0096dd;
 }
 
 /* Forms */
-input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+input[type=checkbox]:checked:before {
+  color: #04a4cc;
 }
 
-input[type=radio]:checked::before {
-  background: #7e8993;
+input[type=radio]:checked:before {
+  background: #04a4cc;
 }
 
 .wp-core-ui input[type=reset]:hover,
@@ -37,94 +36,39 @@ input[type=radio]:checked::before {
   color: #0096dd;
 }
 
-input[type=text]:focus,
-input[type=password]:focus,
-input[type=color]:focus,
-input[type=date]:focus,
-input[type=datetime]:focus,
-input[type=datetime-local]:focus,
-input[type=email]:focus,
-input[type=month]:focus,
-input[type=number]:focus,
-input[type=search]:focus,
-input[type=tel]:focus,
-input[type=text]:focus,
-input[type=time]:focus,
-input[type=url]:focus,
-input[type=week]:focus,
-input[type=checkbox]:focus,
-input[type=radio]:focus,
-select:focus,
-textarea:focus {
-  border-color: #04a4cc;
-  box-shadow: 0 0 0 1px #04a4cc;
-}
-
 /* Core UI */
-.wp-core-ui .button {
-  border-color: #7e8993;
-  color: #32373c;
-}
-.wp-core-ui .button.hover,
-.wp-core-ui .button:hover,
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
-}
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: 0 0 0 1px #32373c;
-}
-.wp-core-ui .button:active {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: none;
-}
-.wp-core-ui .button.active,
-.wp-core-ui .button.active:focus,
-.wp-core-ui .button.active:hover {
-  border-color: #04a4cc;
-  color: #262a2e;
-  box-shadow: inset 0 2px 5px -3px #04a4cc;
-}
-.wp-core-ui .button.active:focus {
-  box-shadow: 0 0 0 1px #32373c;
-}
 .wp-core-ui .button-primary {
   background: #04a4cc;
-  border-color: #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;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
   background: #04b0db;
-  border-color: #0498bd;
+  border-color: #036881;
   color: #fff;
+  box-shadow: 0 1px 0 #036881;
 }
 .wp-core-ui .button-primary:focus {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
+  box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db;
 }
-.wp-core-ui .button-primary:active {
-  background: #0490b3;
-  border-color: #0490b3;
-  color: #fff;
-}
-.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
-  background: #04a4cc;
-  color: #fff;
+.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 {
+  background: #037c9a;
   border-color: #036881;
-  box-shadow: inset 0 2px 5px -3px black;
+  box-shadow: inset 0 2px 0 #036881;
 }
 .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: #0384a4 !important;
+  border-color: #036881 !important;
   text-shadow: none !important;
 }
-.wp-core-ui .button-group > .button.active {
-  border-color: #04a4cc;
+.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;

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates a button effect with correct
+ * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -15,21 +15,20 @@ a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#post-body .misc-pub-post-status:before,
-#post-body #visibility:before,
-.curtime #timestamp:before,
-#post-body .misc-pub-revisions:before,
-span.wp-media-buttons-icon:before {
-  color: currentColor;
+#media-upload a.del-link:hover,
+div.dashboard-widget-submit input:hover,
+.subsubsub a:hover,
+.subsubsub a.current:hover {
+  color: #0096dd;
 }
 
 /* Forms */
-input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+input[type=checkbox]:checked:before {
+  color: #04a4cc;
 }
 
-input[type=radio]:checked::before {
-  background: #7e8993;
+input[type=radio]:checked:before {
+  background: #04a4cc;
 }
 
 .wp-core-ui input[type=reset]:hover,
@@ -37,94 +36,39 @@ input[type=radio]:checked::before {
   color: #0096dd;
 }
 
-input[type=text]:focus,
-input[type=password]:focus,
-input[type=color]:focus,
-input[type=date]:focus,
-input[type=datetime]:focus,
-input[type=datetime-local]:focus,
-input[type=email]:focus,
-input[type=month]:focus,
-input[type=number]:focus,
-input[type=search]:focus,
-input[type=tel]:focus,
-input[type=text]:focus,
-input[type=time]:focus,
-input[type=url]:focus,
-input[type=week]:focus,
-input[type=checkbox]:focus,
-input[type=radio]:focus,
-select:focus,
-textarea:focus {
-  border-color: #04a4cc;
-  box-shadow: 0 0 0 1px #04a4cc;
-}
-
 /* Core UI */
-.wp-core-ui .button {
-  border-color: #7e8993;
-  color: #32373c;
-}
-.wp-core-ui .button.hover,
-.wp-core-ui .button:hover,
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
-}
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: 0 0 0 1px #32373c;
-}
-.wp-core-ui .button:active {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: none;
-}
-.wp-core-ui .button.active,
-.wp-core-ui .button.active:focus,
-.wp-core-ui .button.active:hover {
-  border-color: #04a4cc;
-  color: #262a2e;
-  box-shadow: inset 0 2px 5px -3px #04a4cc;
-}
-.wp-core-ui .button.active:focus {
-  box-shadow: 0 0 0 1px #32373c;
-}
 .wp-core-ui .button-primary {
   background: #04a4cc;
-  border-color: #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;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
   background: #04b0db;
-  border-color: #0498bd;
+  border-color: #036881;
   color: #fff;
+  box-shadow: 0 1px 0 #036881;
 }
 .wp-core-ui .button-primary:focus {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
+  box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db;
 }
-.wp-core-ui .button-primary:active {
-  background: #0490b3;
-  border-color: #0490b3;
-  color: #fff;
-}
-.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
-  background: #04a4cc;
-  color: #fff;
+.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 {
+  background: #037c9a;
   border-color: #036881;
-  box-shadow: inset 0 2px 5px -3px black;
+  box-shadow: inset 0 2px 0 #036881;
 }
 .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: #0384a4 !important;
+  border-color: #036881 !important;
   text-shadow: none !important;
 }
-.wp-core-ui .button-group > .button.active {
-  border-color: #04a4cc;
+.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;

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates a button effect with correct
+ * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -15,21 +15,20 @@ a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#post-body .misc-pub-post-status:before,
-#post-body #visibility:before,
-.curtime #timestamp:before,
-#post-body .misc-pub-revisions:before,
-span.wp-media-buttons-icon:before {
-  color: currentColor;
+#media-upload a.del-link:hover,
+div.dashboard-widget-submit input:hover,
+.subsubsub a:hover,
+.subsubsub a.current:hover {
+  color: #0096dd;
 }
 
 /* Forms */
-input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+input[type=checkbox]:checked:before {
+  color: #e14d43;
 }
 
-input[type=radio]:checked::before {
-  background: #7e8993;
+input[type=radio]:checked:before {
+  background: #e14d43;
 }
 
 .wp-core-ui input[type=reset]:hover,
@@ -37,94 +36,39 @@ input[type=radio]:checked::before {
   color: #0096dd;
 }
 
-input[type=text]:focus,
-input[type=password]:focus,
-input[type=color]:focus,
-input[type=date]:focus,
-input[type=datetime]:focus,
-input[type=datetime-local]:focus,
-input[type=email]:focus,
-input[type=month]:focus,
-input[type=number]:focus,
-input[type=search]:focus,
-input[type=tel]:focus,
-input[type=text]:focus,
-input[type=time]:focus,
-input[type=url]:focus,
-input[type=week]:focus,
-input[type=checkbox]:focus,
-input[type=radio]:focus,
-select:focus,
-textarea:focus {
-  border-color: #e14d43;
-  box-shadow: 0 0 0 1px #e14d43;
-}
-
 /* Core UI */
-.wp-core-ui .button {
-  border-color: #7e8993;
-  color: #32373c;
-}
-.wp-core-ui .button.hover,
-.wp-core-ui .button:hover,
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
-}
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: 0 0 0 1px #32373c;
-}
-.wp-core-ui .button:active {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: none;
-}
-.wp-core-ui .button.active,
-.wp-core-ui .button.active:focus,
-.wp-core-ui .button.active:hover {
-  border-color: #e14d43;
-  color: #262a2e;
-  box-shadow: inset 0 2px 5px -3px #e14d43;
-}
-.wp-core-ui .button.active:focus {
-  box-shadow: 0 0 0 1px #32373c;
-}
 .wp-core-ui .button-primary {
   background: #e14d43;
-  border-color: #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;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
   background: #e35950;
-  border-color: #df4136;
+  border-color: #ba281e;
   color: #fff;
+  box-shadow: 0 1px 0 #ba281e;
 }
 .wp-core-ui .button-primary:focus {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
+  box-shadow: inset 0 1px 0 #d02c21, 0 0 2px 1px #33b3db;
 }
-.wp-core-ui .button-primary:active {
-  background: #dd382d;
-  border-color: #dd382d;
-  color: #fff;
-}
-.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
-  background: #e14d43;
-  color: #fff;
+.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 {
+  background: #d02c21;
   border-color: #ba281e;
-  box-shadow: inset 0 2px 5px -3px #200705;
+  box-shadow: inset 0 2px 0 #ba281e;
 }
 .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: #d92e23 !important;
+  border-color: #ba281e !important;
   text-shadow: none !important;
 }
-.wp-core-ui .button-group > .button.active {
-  border-color: #e14d43;
+.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;

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates a button effect with correct
+ * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -15,21 +15,20 @@ a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#post-body .misc-pub-post-status:before,
-#post-body #visibility:before,
-.curtime #timestamp:before,
-#post-body .misc-pub-revisions:before,
-span.wp-media-buttons-icon:before {
-  color: currentColor;
+#media-upload a.del-link:hover,
+div.dashboard-widget-submit input:hover,
+.subsubsub a:hover,
+.subsubsub a.current:hover {
+  color: #0096dd;
 }
 
 /* Forms */
-input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+input[type=checkbox]:checked:before {
+  color: #e14d43;
 }
 
-input[type=radio]:checked::before {
-  background: #7e8993;
+input[type=radio]:checked:before {
+  background: #e14d43;
 }
 
 .wp-core-ui input[type=reset]:hover,
@@ -37,94 +36,39 @@ input[type=radio]:checked::before {
   color: #0096dd;
 }
 
-input[type=text]:focus,
-input[type=password]:focus,
-input[type=color]:focus,
-input[type=date]:focus,
-input[type=datetime]:focus,
-input[type=datetime-local]:focus,
-input[type=email]:focus,
-input[type=month]:focus,
-input[type=number]:focus,
-input[type=search]:focus,
-input[type=tel]:focus,
-input[type=text]:focus,
-input[type=time]:focus,
-input[type=url]:focus,
-input[type=week]:focus,
-input[type=checkbox]:focus,
-input[type=radio]:focus,
-select:focus,
-textarea:focus {
-  border-color: #e14d43;
-  box-shadow: 0 0 0 1px #e14d43;
-}
-
 /* Core UI */
-.wp-core-ui .button {
-  border-color: #7e8993;
-  color: #32373c;
-}
-.wp-core-ui .button.hover,
-.wp-core-ui .button:hover,
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
-}
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: 0 0 0 1px #32373c;
-}
-.wp-core-ui .button:active {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: none;
-}
-.wp-core-ui .button.active,
-.wp-core-ui .button.active:focus,
-.wp-core-ui .button.active:hover {
-  border-color: #e14d43;
-  color: #262a2e;
-  box-shadow: inset 0 2px 5px -3px #e14d43;
-}
-.wp-core-ui .button.active:focus {
-  box-shadow: 0 0 0 1px #32373c;
-}
 .wp-core-ui .button-primary {
   background: #e14d43;
-  border-color: #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;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
   background: #e35950;
-  border-color: #df4136;
+  border-color: #ba281e;
   color: #fff;
+  box-shadow: 0 1px 0 #ba281e;
 }
 .wp-core-ui .button-primary:focus {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
+  box-shadow: inset 0 1px 0 #d02c21, 0 0 2px 1px #33b3db;
 }
-.wp-core-ui .button-primary:active {
-  background: #dd382d;
-  border-color: #dd382d;
-  color: #fff;
-}
-.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
-  background: #e14d43;
-  color: #fff;
+.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 {
+  background: #d02c21;
   border-color: #ba281e;
-  box-shadow: inset 0 2px 5px -3px #200705;
+  box-shadow: inset 0 2px 0 #ba281e;
 }
 .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: #d92e23 !important;
+  border-color: #ba281e !important;
   text-shadow: none !important;
 }
-.wp-core-ui .button-group > .button.active {
-  border-color: #e14d43;
+.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;

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates a button effect with correct
+ * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -15,20 +15,19 @@ a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#post-body .misc-pub-post-status:before,
-#post-body #visibility:before,
-.curtime #timestamp:before,
-#post-body .misc-pub-revisions:before,
-span.wp-media-buttons-icon:before {
-  color: currentColor;
+#media-upload a.del-link:hover,
+div.dashboard-widget-submit input:hover,
+.subsubsub a:hover,
+.subsubsub a.current:hover {
+  color: #0096dd;
 }
 
 /* Forms */
-input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23738e96%27%2F%3E%3C%2Fsvg%3E");
+input[type=checkbox]:checked:before {
+  color: #738e96;
 }
 
-input[type=radio]:checked::before {
+input[type=radio]:checked:before {
   background: #738e96;
 }
 
@@ -37,94 +36,39 @@ input[type=radio]:checked::before {
   color: #0096dd;
 }
 
-input[type=text]:focus,
-input[type=password]:focus,
-input[type=color]:focus,
-input[type=date]:focus,
-input[type=datetime]:focus,
-input[type=datetime-local]:focus,
-input[type=email]:focus,
-input[type=month]:focus,
-input[type=number]:focus,
-input[type=search]:focus,
-input[type=tel]:focus,
-input[type=text]:focus,
-input[type=time]:focus,
-input[type=url]:focus,
-input[type=week]:focus,
-input[type=checkbox]:focus,
-input[type=radio]:focus,
-select:focus,
-textarea:focus {
-  border-color: #9ebaa0;
-  box-shadow: 0 0 0 1px #9ebaa0;
-}
-
 /* Core UI */
-.wp-core-ui .button {
-  border-color: #7e8993;
-  color: #32373c;
-}
-.wp-core-ui .button.hover,
-.wp-core-ui .button:hover,
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
-}
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: 0 0 0 1px #32373c;
-}
-.wp-core-ui .button:active {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: none;
-}
-.wp-core-ui .button.active,
-.wp-core-ui .button.active:focus,
-.wp-core-ui .button.active:hover {
-  border-color: #9ebaa0;
-  color: #262a2e;
-  box-shadow: inset 0 2px 5px -3px #9ebaa0;
-}
-.wp-core-ui .button.active:focus {
-  box-shadow: 0 0 0 1px #32373c;
-}
 .wp-core-ui .button-primary {
   background: #9ebaa0;
-  border-color: #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;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
   background: #a7c0a9;
-  border-color: #95b497;
+  border-color: #719a74;
   color: #fff;
+  box-shadow: 0 1px 0 #719a74;
 }
 .wp-core-ui .button-primary:focus {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
+  box-shadow: inset 0 1px 0 #80a583, 0 0 2px 1px #33b3db;
 }
-.wp-core-ui .button-primary:active {
-  background: #8faf91;
-  border-color: #8faf91;
-  color: #fff;
-}
-.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
-  background: #9ebaa0;
-  color: #fff;
+.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 {
+  background: #80a583;
   border-color: #719a74;
-  box-shadow: inset 0 2px 5px -3px #253426;
+  box-shadow: inset 0 2px 0 #719a74;
 }
 .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: #86a989 !important;
+  border-color: #719a74 !important;
   text-shadow: none !important;
 }
-.wp-core-ui .button-group > .button.active {
-  border-color: #9ebaa0;
+.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;

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates a button effect with correct
+ * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -15,20 +15,19 @@ a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#post-body .misc-pub-post-status:before,
-#post-body #visibility:before,
-.curtime #timestamp:before,
-#post-body .misc-pub-revisions:before,
-span.wp-media-buttons-icon:before {
-  color: currentColor;
+#media-upload a.del-link:hover,
+div.dashboard-widget-submit input:hover,
+.subsubsub a:hover,
+.subsubsub a.current:hover {
+  color: #0096dd;
 }
 
 /* Forms */
-input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23738e96%27%2F%3E%3C%2Fsvg%3E");
+input[type=checkbox]:checked:before {
+  color: #738e96;
 }
 
-input[type=radio]:checked::before {
+input[type=radio]:checked:before {
   background: #738e96;
 }
 
@@ -37,94 +36,39 @@ input[type=radio]:checked::before {
   color: #0096dd;
 }
 
-input[type=text]:focus,
-input[type=password]:focus,
-input[type=color]:focus,
-input[type=date]:focus,
-input[type=datetime]:focus,
-input[type=datetime-local]:focus,
-input[type=email]:focus,
-input[type=month]:focus,
-input[type=number]:focus,
-input[type=search]:focus,
-input[type=tel]:focus,
-input[type=text]:focus,
-input[type=time]:focus,
-input[type=url]:focus,
-input[type=week]:focus,
-input[type=checkbox]:focus,
-input[type=radio]:focus,
-select:focus,
-textarea:focus {
-  border-color: #9ebaa0;
-  box-shadow: 0 0 0 1px #9ebaa0;
-}
-
 /* Core UI */
-.wp-core-ui .button {
-  border-color: #7e8993;
-  color: #32373c;
-}
-.wp-core-ui .button.hover,
-.wp-core-ui .button:hover,
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
-}
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: 0 0 0 1px #32373c;
-}
-.wp-core-ui .button:active {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: none;
-}
-.wp-core-ui .button.active,
-.wp-core-ui .button.active:focus,
-.wp-core-ui .button.active:hover {
-  border-color: #9ebaa0;
-  color: #262a2e;
-  box-shadow: inset 0 2px 5px -3px #9ebaa0;
-}
-.wp-core-ui .button.active:focus {
-  box-shadow: 0 0 0 1px #32373c;
-}
 .wp-core-ui .button-primary {
   background: #9ebaa0;
-  border-color: #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;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
   background: #a7c0a9;
-  border-color: #95b497;
+  border-color: #719a74;
   color: #fff;
+  box-shadow: 0 1px 0 #719a74;
 }
 .wp-core-ui .button-primary:focus {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
+  box-shadow: inset 0 1px 0 #80a583, 0 0 2px 1px #33b3db;
 }
-.wp-core-ui .button-primary:active {
-  background: #8faf91;
-  border-color: #8faf91;
-  color: #fff;
-}
-.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
-  background: #9ebaa0;
-  color: #fff;
+.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 {
+  background: #80a583;
   border-color: #719a74;
-  box-shadow: inset 0 2px 5px -3px #253426;
+  box-shadow: inset 0 2px 0 #719a74;
 }
 .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: #86a989 !important;
+  border-color: #719a74 !important;
   text-shadow: none !important;
 }
-.wp-core-ui .button-group > .button.active {
-  border-color: #9ebaa0;
+.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;

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates a button effect with correct
+ * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -15,21 +15,20 @@ a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#post-body .misc-pub-post-status:before,
-#post-body #visibility:before,
-.curtime #timestamp:before,
-#post-body .misc-pub-revisions:before,
-span.wp-media-buttons-icon:before {
-  color: currentColor;
+#media-upload a.del-link:hover,
+div.dashboard-widget-submit input:hover,
+.subsubsub a:hover,
+.subsubsub a.current:hover {
+  color: #0096dd;
 }
 
 /* Forms */
-input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+input[type=checkbox]:checked:before {
+  color: #dd823b;
 }
 
-input[type=radio]:checked::before {
-  background: #7e8993;
+input[type=radio]:checked:before {
+  background: #dd823b;
 }
 
 .wp-core-ui input[type=reset]:hover,
@@ -37,94 +36,39 @@ input[type=radio]:checked::before {
   color: #0096dd;
 }
 
-input[type=text]:focus,
-input[type=password]:focus,
-input[type=color]:focus,
-input[type=date]:focus,
-input[type=datetime]:focus,
-input[type=datetime-local]:focus,
-input[type=email]:focus,
-input[type=month]:focus,
-input[type=number]:focus,
-input[type=search]:focus,
-input[type=tel]:focus,
-input[type=text]:focus,
-input[type=time]:focus,
-input[type=url]:focus,
-input[type=week]:focus,
-input[type=checkbox]:focus,
-input[type=radio]:focus,
-select:focus,
-textarea:focus {
-  border-color: #dd823b;
-  box-shadow: 0 0 0 1px #dd823b;
-}
-
 /* Core UI */
-.wp-core-ui .button {
-  border-color: #7e8993;
-  color: #32373c;
-}
-.wp-core-ui .button.hover,
-.wp-core-ui .button:hover,
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
-}
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: 0 0 0 1px #32373c;
-}
-.wp-core-ui .button:active {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: none;
-}
-.wp-core-ui .button.active,
-.wp-core-ui .button.active:focus,
-.wp-core-ui .button.active:hover {
-  border-color: #dd823b;
-  color: #262a2e;
-  box-shadow: inset 0 2px 5px -3px #dd823b;
-}
-.wp-core-ui .button.active:focus {
-  box-shadow: 0 0 0 1px #32373c;
-}
 .wp-core-ui .button-primary {
   background: #dd823b;
-  border-color: #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;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
   background: #df8a48;
-  border-color: #db7a2e;
+  border-color: #ad5d1e;
   color: #fff;
+  box-shadow: 0 1px 0 #ad5d1e;
 }
 .wp-core-ui .button-primary:focus {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
+  box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
 }
-.wp-core-ui .button-primary:active {
-  background: #d97426;
-  border-color: #d97426;
-  color: #fff;
-}
-.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
-  background: #dd823b;
-  color: #fff;
+.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 {
+  background: #c36922;
   border-color: #ad5d1e;
-  box-shadow: inset 0 2px 5px -3px #150b04;
+  box-shadow: inset 0 2px 0 #ad5d1e;
 }
 .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: #cc6d23 !important;
+  border-color: #ad5d1e !important;
   text-shadow: none !important;
 }
-.wp-core-ui .button-group > .button.active {
-  border-color: #dd823b;
+.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;

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates a button effect with correct
+ * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -15,21 +15,20 @@ a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#post-body .misc-pub-post-status:before,
-#post-body #visibility:before,
-.curtime #timestamp:before,
-#post-body .misc-pub-revisions:before,
-span.wp-media-buttons-icon:before {
-  color: currentColor;
+#media-upload a.del-link:hover,
+div.dashboard-widget-submit input:hover,
+.subsubsub a:hover,
+.subsubsub a.current:hover {
+  color: #0096dd;
 }
 
 /* Forms */
-input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+input[type=checkbox]:checked:before {
+  color: #dd823b;
 }
 
-input[type=radio]:checked::before {
-  background: #7e8993;
+input[type=radio]:checked:before {
+  background: #dd823b;
 }
 
 .wp-core-ui input[type=reset]:hover,
@@ -37,94 +36,39 @@ input[type=radio]:checked::before {
   color: #0096dd;
 }
 
-input[type=text]:focus,
-input[type=password]:focus,
-input[type=color]:focus,
-input[type=date]:focus,
-input[type=datetime]:focus,
-input[type=datetime-local]:focus,
-input[type=email]:focus,
-input[type=month]:focus,
-input[type=number]:focus,
-input[type=search]:focus,
-input[type=tel]:focus,
-input[type=text]:focus,
-input[type=time]:focus,
-input[type=url]:focus,
-input[type=week]:focus,
-input[type=checkbox]:focus,
-input[type=radio]:focus,
-select:focus,
-textarea:focus {
-  border-color: #dd823b;
-  box-shadow: 0 0 0 1px #dd823b;
-}
-
 /* Core UI */
-.wp-core-ui .button {
-  border-color: #7e8993;
-  color: #32373c;
-}
-.wp-core-ui .button.hover,
-.wp-core-ui .button:hover,
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
-}
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: 0 0 0 1px #32373c;
-}
-.wp-core-ui .button:active {
-  border-color: #7e8993;
-  color: #262a2e;
-  box-shadow: none;
-}
-.wp-core-ui .button.active,
-.wp-core-ui .button.active:focus,
-.wp-core-ui .button.active:hover {
-  border-color: #dd823b;
-  color: #262a2e;
-  box-shadow: inset 0 2px 5px -3px #dd823b;
-}
-.wp-core-ui .button.active:focus {
-  box-shadow: 0 0 0 1px #32373c;
-}
 .wp-core-ui .button-primary {
   background: #dd823b;
-  border-color: #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;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
   background: #df8a48;
-  border-color: #db7a2e;
+  border-color: #ad5d1e;
   color: #fff;
+  box-shadow: 0 1px 0 #ad5d1e;
 }
 .wp-core-ui .button-primary:focus {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
+  box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
 }
-.wp-core-ui .button-primary:active {
-  background: #d97426;
-  border-color: #d97426;
-  color: #fff;
-}
-.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
-  background: #dd823b;
-  color: #fff;
+.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 {
+  background: #c36922;
   border-color: #ad5d1e;
-  box-shadow: inset 0 2px 5px -3px #150b04;
+  box-shadow: inset 0 2px 0 #ad5d1e;
 }
 .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: #cc6d23 !important;
+  border-color: #ad5d1e !important;
   text-shadow: none !important;
 }
-.wp-core-ui .button-group > .button.active {
-  border-color: #dd823b;
+.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;

wp-admin/css/common-rtl.css

@@ -190,7 +190,7 @@ p.popular-tags,
 .feature-filter,
 .imgedit-group,
 .comment-ays {
-	border: 1px solid #ccd0d4;
+	border: 1px solid #e5e5e5;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 }
 
@@ -275,8 +275,8 @@ a:focus .media-icon img,
 	box-shadow:
 		0 0 0 1px #5b9dd9,
 		0 0 2px 1px rgba(30, 140, 190, 0.8);
-		/* Only visible in Windows High Contrast mode */
-		outline: 1px solid transparent;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
 }
 
 .ie8 a:focus {
@@ -460,12 +460,6 @@ code {
 	white-space: nowrap;
 }
 
-.wp-die-message {
-	font-size: 13px;
-	line-height: 1.5;
-	margin: 1em 0;
-}
-
 /* .widefat - main style for tables */
 .widefat {
 	border-spacing: 0;
@@ -490,12 +484,12 @@ code {
 
 .widefat thead th,
 .widefat thead td {
-	border-bottom: 1px solid #ccd0d4;
+	border-bottom: 1px solid #e1e1e1;
 }
 
 .widefat tfoot th,
 .widefat tfoot td {
-	border-top: 1px solid #ccd0d4;
+	border-top: 1px solid #e1e1e1;
 	border-bottom: none;
 }
 
@@ -623,14 +617,15 @@ code {
 	position: relative;
 	top: -3px;
 	text-decoration: none;
-	border: 1px solid #0071a1;
+	border: none;
+	border: 1px solid #ccc;
 	border-radius: 2px;
+	background: #f7f7f7;
 	text-shadow: none;
 	font-weight: 600;
 	font-size: 13px;
 	line-height: normal; /* IE8-IE11 need this for buttons */
-	color: #0071a1; /* use the standard color used for buttons */
-	background: #f3f5f6;
+	color: #0073aa; /* some of these controls are button elements and don't inherit from links */
 	cursor: pointer;
 }
 
@@ -640,25 +635,19 @@ code {
 
 .wrap .add-new-h2:hover, /* deprecated */
 .wrap .page-title-action:hover {
-	background: #f1f1f1;
-	border-color: #016087;
-	color: #016087;
+	border-color: #008EC2;
+	background: #00a0d2;
+	color: #fff;
 }
 
 /* lower specificity: color needs to be overridden by :hover and :active */
 .page-title-action:focus {
-	color: #016087;
-}
-
-/* Dashicon for language options on General Settings and Profile screens */
-.form-table th label[for="locale"] .dashicons,
-.form-table th label[for="WPLANG"] .dashicons {
-	margin-right: 5px;
+	color: #124964;
 }
 
 .wrap .page-title-action:focus {
-	border-color: #007cba;
-	box-shadow: 0 0 0 1px #007cba;
+	border-color: #5b9dd9;
+	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 }
@@ -778,10 +767,11 @@ img.emoji {
 
 .postbox .hndle,
 .stuffbox .hndle {
-	border-bottom: 1px solid #ccd0d4;
+	border-bottom: 1px solid #eee;
 }
 
-.quicktags {
+.quicktags,
+.search {
 	background-color: #ccc;
 	color: #000;
 	font-size: 12px;
@@ -924,11 +914,11 @@ span.required,
 
 #delete-action {
 	float: right;
-	line-height: 2.30769231; /* 30px */
+	line-height: 2.1;
 }
 
 #delete-link {
-	line-height: 2.30769231; /* 30px */
+	line-height: 2.1;
 	vertical-align: middle;
 	text-align: right;
 	margin-right: 8px;
@@ -945,8 +935,7 @@ span.required,
 }
 
 #publishing-action .spinner {
-	float: none;
-	margin-top: 5px;
+	float: right;
 }
 
 #misc-publishing-actions {
@@ -1008,7 +997,7 @@ th.action-links {
 	padding: 0 10px;
 	width: 100%;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
-	border: 1px solid #ccd0d4;
+	border: 1px solid #e5e5e5;
 	background: #fff;
 	color: #555;
 	font-size: 13px;
@@ -1087,13 +1076,19 @@ th.action-links {
 }
 
 .wp-filter .search-form input[type="search"] {
-	margin: 1px 0;
+	margin: 0;
+	padding: 3px 5px;
 	width: 280px;
 	max-width: 100%;
+	font-size: 16px;
+	font-weight: 300;
+	line-height: 1.5;
 }
 
 .wp-filter .search-form select {
 	margin: 0;
+	height: 32px;
+	vertical-align: top;
 }
 
 .wp-filter .search-form.search-plugins {
@@ -1369,9 +1364,8 @@ th.action-links {
 div.updated,
 div.error {
 	background: #fff;
-	border: 1px solid #ccd0d4;
-	border-right-width: 4px;
-	box-shadow: 0 1px 1px rgba(0,0,0,.04);
+	border-right: 4px solid #fff;
+	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
 	margin: 5px 15px 2px;
 	padding: 1px 12px;
 }
@@ -1436,9 +1430,7 @@ div.error p,
 
 .notice-dismiss:focus {
 	outline: none;
-	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);
 }
 
 .ie8 .notice-dismiss:focus {
@@ -1677,9 +1669,9 @@ form.upgrade .hint {
 	margin: 0 0px -1px 20px;
 	position: relative;
 	background-color: #fff;
-	border: 1px solid #ccd0d4;
+	border: 1px solid #ddd;
 	border-top: none;
-	box-shadow: 0 0 0 transparent;
+	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.025);
 }
 
 #screen-options-link-wrap,
@@ -1694,17 +1686,17 @@ form.upgrade .hint {
 }
 
 #screen-meta-links .show-settings {
-	border: 1px solid #ccd0d4;
+	border: 1px solid #ddd;
 	border-top: none;
+	border-bottom-color: #ccc;
 	height: auto;
 	margin-bottom: 0;
 	padding: 3px 16px 3px 6px;
 	background: #fff;
-	border-radius: 0 0 4px 4px;
+	border-radius: 0;
 	color: #72777c;
 	line-height: 1.7;
-	box-shadow: 0 0 0 transparent;
-	transition: box-shadow 0.1s linear;
+	box-shadow: none;
 }
 
 #screen-meta-links .show-settings:hover,
@@ -1843,7 +1835,7 @@ form.upgrade .hint {
 	bottom: 0;
 	right: 150px;
 	left: 170px;
-	border: 1px solid #ccd0d4;
+	border: 1px solid #e1e1e1;
 	border-top: none;
 	border-bottom: none;
 	background: #f6fbfd;
@@ -1896,7 +1888,7 @@ form.upgrade .hint {
 }
 
 .contextual-help-tabs .active a {
-	border-color: #ccd0d4;
+	border-color: #e1e1e1;
 	color: #32373c;
 }
 
@@ -2047,11 +2039,6 @@ html.wp-toolbar {
 	cursor: move;
 }
 
-.js .widget .widget-top.is-non-sortable,
-.js .postbox .hndle.is-non-sortable {
-	cursor: auto;
-}
-
 .hndle a {
 	font-size: 11px;
 	font-weight: 400;
@@ -3168,9 +3155,7 @@ img {
 }
 [role="treeitem"] .folder-label.focus {
 	color: #124964;
-	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);
 }
 [role="treeitem"].hover,
 [role="treeitem"] .folder-label.hover {
@@ -3800,8 +3785,6 @@ img {
 
 	code {
 		word-wrap: break-word;
-		word-wrap: anywhere; /* Firefox. Allow breaking long words anywhere */
-		word-break: break-word; /* Webkit: Treated similarly to word-wrap: break-word */
 	}
 
 	/* General Metabox */
@@ -3922,7 +3905,7 @@ img {
 
 	.fileedit-sub input[type="submit"] {
 		margin-bottom: 0px;
-		padding: 0px 18px;
+		padding: 8px 18px;
 	}
 
 	#documentation label[for="docs-list"] {
@@ -4000,10 +3983,6 @@ img {
 	#screen-meta-links {
 		margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */
 	}
-
-	.wp-filter .search-form input[type="search"] {
-		font-size: 1rem;
-	}
 }
 
 /* Smartphone */
@@ -4050,10 +4029,6 @@ img {
 	.nav-tab-active:focus:active {
 		border-bottom: 1px solid #ccc;
 	}
-
-	.wp-filter .search-form input[type="search"] {
-		width: 100%;
-	}
 }
 
 @media screen and (max-width: 320px) {

wp-admin/css/common.css

@@ -190,7 +190,7 @@ p.popular-tags,
 .feature-filter,
 .imgedit-group,
 .comment-ays {
-	border: 1px solid #ccd0d4;
+	border: 1px solid #e5e5e5;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 }
 
@@ -275,8 +275,8 @@ a:focus .media-icon img,
 	box-shadow:
 		0 0 0 1px #5b9dd9,
 		0 0 2px 1px rgba(30, 140, 190, 0.8);
-		/* Only visible in Windows High Contrast mode */
-		outline: 1px solid transparent;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
 }
 
 .ie8 a:focus {
@@ -460,12 +460,6 @@ code {
 	white-space: nowrap;
 }
 
-.wp-die-message {
-	font-size: 13px;
-	line-height: 1.5;
-	margin: 1em 0;
-}
-
 /* .widefat - main style for tables */
 .widefat {
 	border-spacing: 0;
@@ -490,12 +484,12 @@ code {
 
 .widefat thead th,
 .widefat thead td {
-	border-bottom: 1px solid #ccd0d4;
+	border-bottom: 1px solid #e1e1e1;
 }
 
 .widefat tfoot th,
 .widefat tfoot td {
-	border-top: 1px solid #ccd0d4;
+	border-top: 1px solid #e1e1e1;
 	border-bottom: none;
 }
 
@@ -623,14 +617,15 @@ code {
 	position: relative;
 	top: -3px;
 	text-decoration: none;
-	border: 1px solid #0071a1;
+	border: none;
+	border: 1px solid #ccc;
 	border-radius: 2px;
+	background: #f7f7f7;
 	text-shadow: none;
 	font-weight: 600;
 	font-size: 13px;
 	line-height: normal; /* IE8-IE11 need this for buttons */
-	color: #0071a1; /* use the standard color used for buttons */
-	background: #f3f5f6;
+	color: #0073aa; /* some of these controls are button elements and don't inherit from links */
 	cursor: pointer;
 }
 
@@ -640,25 +635,19 @@ code {
 
 .wrap .add-new-h2:hover, /* deprecated */
 .wrap .page-title-action:hover {
-	background: #f1f1f1;
-	border-color: #016087;
-	color: #016087;
+	border-color: #008EC2;
+	background: #00a0d2;
+	color: #fff;
 }
 
 /* lower specificity: color needs to be overridden by :hover and :active */
 .page-title-action:focus {
-	color: #016087;
-}
-
-/* Dashicon for language options on General Settings and Profile screens */
-.form-table th label[for="locale"] .dashicons,
-.form-table th label[for="WPLANG"] .dashicons {
-	margin-left: 5px;
+	color: #124964;
 }
 
 .wrap .page-title-action:focus {
-	border-color: #007cba;
-	box-shadow: 0 0 0 1px #007cba;
+	border-color: #5b9dd9;
+	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 }
@@ -778,10 +767,11 @@ img.emoji {
 
 .postbox .hndle,
 .stuffbox .hndle {
-	border-bottom: 1px solid #ccd0d4;
+	border-bottom: 1px solid #eee;
 }
 
-.quicktags {
+.quicktags,
+.search {
 	background-color: #ccc;
 	color: #000;
 	font-size: 12px;
@@ -924,11 +914,11 @@ span.required,
 
 #delete-action {
 	float: left;
-	line-height: 2.30769231; /* 30px */
+	line-height: 2.1;
 }
 
 #delete-link {
-	line-height: 2.30769231; /* 30px */
+	line-height: 2.1;
 	vertical-align: middle;
 	text-align: left;
 	margin-left: 8px;
@@ -945,8 +935,7 @@ span.required,
 }
 
 #publishing-action .spinner {
-	float: none;
-	margin-top: 5px;
+	float: left;
 }
 
 #misc-publishing-actions {
@@ -1008,7 +997,7 @@ th.action-links {
 	padding: 0 10px;
 	width: 100%;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
-	border: 1px solid #ccd0d4;
+	border: 1px solid #e5e5e5;
 	background: #fff;
 	color: #555;
 	font-size: 13px;
@@ -1087,13 +1076,19 @@ th.action-links {
 }
 
 .wp-filter .search-form input[type="search"] {
-	margin: 1px 0;
+	margin: 0;
+	padding: 3px 5px;
 	width: 280px;
 	max-width: 100%;
+	font-size: 16px;
+	font-weight: 300;
+	line-height: 1.5;
 }
 
 .wp-filter .search-form select {
 	margin: 0;
+	height: 32px;
+	vertical-align: top;
 }
 
 .wp-filter .search-form.search-plugins {
@@ -1369,9 +1364,8 @@ th.action-links {
 div.updated,
 div.error {
 	background: #fff;
-	border: 1px solid #ccd0d4;
-	border-left-width: 4px;
-	box-shadow: 0 1px 1px rgba(0,0,0,.04);
+	border-left: 4px solid #fff;
+	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
 	margin: 5px 15px 2px;
 	padding: 1px 12px;
 }
@@ -1436,9 +1430,7 @@ div.error p,
 
 .notice-dismiss:focus {
 	outline: none;
-	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);
 }
 
 .ie8 .notice-dismiss:focus {
@@ -1677,9 +1669,9 @@ form.upgrade .hint {
 	margin: 0 20px -1px 0px;
 	position: relative;
 	background-color: #fff;
-	border: 1px solid #ccd0d4;
+	border: 1px solid #ddd;
 	border-top: none;
-	box-shadow: 0 0 0 transparent;
+	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.025);
 }
 
 #screen-options-link-wrap,
@@ -1694,17 +1686,17 @@ form.upgrade .hint {
 }
 
 #screen-meta-links .show-settings {
-	border: 1px solid #ccd0d4;
+	border: 1px solid #ddd;
 	border-top: none;
+	border-bottom-color: #ccc;
 	height: auto;
 	margin-bottom: 0;
 	padding: 3px 6px 3px 16px;
 	background: #fff;
-	border-radius: 0 0 4px 4px;
+	border-radius: 0;
 	color: #72777c;
 	line-height: 1.7;
-	box-shadow: 0 0 0 transparent;
-	transition: box-shadow 0.1s linear;
+	box-shadow: none;
 }
 
 #screen-meta-links .show-settings:hover,
@@ -1843,7 +1835,7 @@ form.upgrade .hint {
 	bottom: 0;
 	left: 150px;
 	right: 170px;
-	border: 1px solid #ccd0d4;
+	border: 1px solid #e1e1e1;
 	border-top: none;
 	border-bottom: none;
 	background: #f6fbfd;
@@ -1896,7 +1888,7 @@ form.upgrade .hint {
 }
 
 .contextual-help-tabs .active a {
-	border-color: #ccd0d4;
+	border-color: #e1e1e1;
 	color: #32373c;
 }
 
@@ -2047,11 +2039,6 @@ html.wp-toolbar {
 	cursor: move;
 }
 
-.js .widget .widget-top.is-non-sortable,
-.js .postbox .hndle.is-non-sortable {
-	cursor: auto;
-}
-
 .hndle a {
 	font-size: 11px;
 	font-weight: 400;
@@ -3168,9 +3155,7 @@ img {
 }
 [role="treeitem"] .folder-label.focus {
 	color: #124964;
-	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);
 }
 [role="treeitem"].hover,
 [role="treeitem"] .folder-label.hover {
@@ -3800,8 +3785,6 @@ img {
 
 	code {
 		word-wrap: break-word;
-		word-wrap: anywhere; /* Firefox. Allow breaking long words anywhere */
-		word-break: break-word; /* Webkit: Treated similarly to word-wrap: break-word */
 	}
 
 	/* General Metabox */
@@ -3922,7 +3905,7 @@ img {
 
 	.fileedit-sub input[type="submit"] {
 		margin-bottom: 0px;
-		padding: 0px 18px;
+		padding: 8px 18px;
 	}
 
 	#documentation label[for="docs-list"] {
@@ -4000,10 +3983,6 @@ img {
 	#screen-meta-links {
 		margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */
 	}
-
-	.wp-filter .search-form input[type="search"] {
-		font-size: 1rem;
-	}
 }
 
 /* Smartphone */
@@ -4050,10 +4029,6 @@ img {
 	.nav-tab-active:focus:active {
 		border-bottom: 1px solid #ccc;
 	}
-
-	.wp-filter .search-form input[type="search"] {
-		width: 100%;
-	}
 }
 
 @media screen and (max-width: 320px) {

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

@@ -159,7 +159,6 @@ body:not(.ready) #customize-save-button-wrapper .save {
 	float: right;
 	transform: none;
 	margin-top: 0;
-	line-height: 2;
 }
 
 body:not(.ready) #publish-settings,
@@ -285,14 +284,12 @@ body.trashing #publish-settings {
 }
 
 #customize-control-changeset_preview_link input {
-	line-height: 2.85714286; /* 40px */
+	line-height: 2.5;
 	border-top: 1px solid #ddd;
 	border-right: none;
 	border-left: none;
 	text-indent: -999px;
 	color: #fff;
-	/* Only necessary for IE11 */
-	min-height: 40px;
 }
 
 #customize-control-changeset_preview_link label {
@@ -350,7 +347,7 @@ body.trashing #publish-settings {
 }
 
 .date-time-fields .date-input.year {
-	width: 65px;
+	width: 60px;
 }
 
 .date-time-fields .date-input.meridian {
@@ -362,6 +359,11 @@ body.trashing #publish-settings {
 	margin-top: 12px;
 }
 
+.date-time-fields .date-timezone {
+	line-height: 2.2;
+	text-decoration: none;
+}
+
 #customize-control-changeset_preview_link {
 	margin-top: 6px;
 }
@@ -913,6 +915,12 @@ p.customize-section-description {
 	margin-bottom: 12px;
 }
 
+.customize-control select,
+.customize-control input[type="radio"],
+.customize-control input[type="checkbox"] {
+	line-height: 2;
+}
+
 .customize-control input[type="text"],
 .customize-control input[type="password"],
 .customize-control input[type="email"],
@@ -921,6 +929,7 @@ p.customize-section-description {
 .customize-control input[type="tel"],
 .customize-control input[type="url"] {
 	width: 100%;
+	line-height: 1.3;
 	margin: 0;
 }
 
@@ -935,6 +944,8 @@ p.customize-section-description {
 
 .customize-control select {
 	width: 100%;
+	height: 28px;
+	line-height: 2;
 }
 
 .customize-control select[multiple] {
@@ -1797,6 +1808,7 @@ p.customize-section-description {
 	background: #eee;
 	border-color: #999;
 	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+	transform: translateY(1px);
 }
 
 .themes-filter-bar .feature-filter-toggle .filter-count-filters {
@@ -2582,9 +2594,9 @@ body.adding-widget .add-new-widget:before,
 #available-widgets-filter input,
 #available-menu-items-search input {
 	width: 100%;
-	min-height: 32px;
+	height: 32px;
 	margin: 1px 0;
-	padding: 0 30px;
+	padding: 6px 30px;
 }
 
 #available-widgets-filter input::-ms-clear,
@@ -2772,6 +2784,10 @@ body.adding-widget .add-new-widget:before,
 		width: 80px;
 	}
 
+	.date-time-fields .date-timezone {
+		line-height: 3.2;
+	}
+
 	#customize-control-changeset_preview_link a {
 		bottom: 16px;
 	}
@@ -2864,11 +2880,15 @@ body.adding-widget .add-new-widget:before,
 	}
 
 	.wp-core-ui.wp-customizer .button {
-		min-height: 30px;
-		padding: 0 14px;
-		line-height: 2;
+		padding: 6px 14px;
+		line-height: normal;
 		font-size: 14px;
 		vertical-align: middle;
+		height: auto;
+	}
+
+	#publish-settings {
+		height: 31px;
 	}
 
 	#customize-control-changeset_status .customize-inside-control-row {

wp-admin/css/customize-controls.css

@@ -159,7 +159,6 @@ body:not(.ready) #customize-save-button-wrapper .save {
 	float: left;
 	transform: none;
 	margin-top: 0;
-	line-height: 2;
 }
 
 body:not(.ready) #publish-settings,
@@ -285,14 +284,12 @@ body.trashing #publish-settings {
 }
 
 #customize-control-changeset_preview_link input {
-	line-height: 2.85714286; /* 40px */
+	line-height: 2.5;
 	border-top: 1px solid #ddd;
 	border-left: none;
 	border-right: none;
 	text-indent: -999px;
 	color: #fff;
-	/* Only necessary for IE11 */
-	min-height: 40px;
 }
 
 #customize-control-changeset_preview_link label {
@@ -350,7 +347,7 @@ body.trashing #publish-settings {
 }
 
 .date-time-fields .date-input.year {
-	width: 65px;
+	width: 60px;
 }
 
 .date-time-fields .date-input.meridian {
@@ -362,6 +359,11 @@ body.trashing #publish-settings {
 	margin-top: 12px;
 }
 
+.date-time-fields .date-timezone {
+	line-height: 2.2;
+	text-decoration: none;
+}
+
 #customize-control-changeset_preview_link {
 	margin-top: 6px;
 }
@@ -913,6 +915,12 @@ p.customize-section-description {
 	margin-bottom: 12px;
 }
 
+.customize-control select,
+.customize-control input[type="radio"],
+.customize-control input[type="checkbox"] {
+	line-height: 2;
+}
+
 .customize-control input[type="text"],
 .customize-control input[type="password"],
 .customize-control input[type="email"],
@@ -921,6 +929,7 @@ p.customize-section-description {
 .customize-control input[type="tel"],
 .customize-control input[type="url"] {
 	width: 100%;
+	line-height: 1.3;
 	margin: 0;
 }
 
@@ -935,6 +944,8 @@ p.customize-section-description {
 
 .customize-control select {
 	width: 100%;
+	height: 28px;
+	line-height: 2;
 }
 
 .customize-control select[multiple] {
@@ -1797,6 +1808,7 @@ p.customize-section-description {
 	background: #eee;
 	border-color: #999;
 	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+	transform: translateY(1px);
 }
 
 .themes-filter-bar .feature-filter-toggle .filter-count-filters {
@@ -2582,9 +2594,9 @@ body.adding-widget .add-new-widget:before,
 #available-widgets-filter input,
 #available-menu-items-search input {
 	width: 100%;
-	min-height: 32px;
+	height: 32px;
 	margin: 1px 0;
-	padding: 0 30px;
+	padding: 6px 30px;
 }
 
 #available-widgets-filter input::-ms-clear,
@@ -2772,6 +2784,10 @@ body.adding-widget .add-new-widget:before,
 		width: 80px;
 	}
 
+	.date-time-fields .date-timezone {
+		line-height: 3.2;
+	}
+
 	#customize-control-changeset_preview_link a {
 		bottom: 16px;
 	}
@@ -2864,11 +2880,15 @@ body.adding-widget .add-new-widget:before,
 	}
 
 	.wp-core-ui.wp-customizer .button {
-		min-height: 30px;
-		padding: 0 14px;
-		line-height: 2;
+		padding: 6px 14px;
+		line-height: normal;
 		font-size: 14px;
 		vertical-align: middle;
+		height: auto;
+	}
+
+	#publish-settings {
+		height: 31px;
 	}
 
 	#customize-control-changeset_status .customize-inside-control-row {

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

@@ -85,7 +85,7 @@
 .widget-inside {
 	padding: 1px 10px 10px 10px;
 	border-top: none;
-	line-height: 1.23076923;
+	line-height: 16px;
 }
 
 .customize-control-widget_form.expanded .widget-action .toggle-indicator:before {

wp-admin/css/customize-widgets.css

@@ -85,7 +85,7 @@
 .widget-inside {
 	padding: 1px 10px 10px 10px;
 	border-top: none;
-	line-height: 1.23076923;
+	line-height: 16px;
 }
 
 .customize-control-widget_form.expanded .widget-action .toggle-indicator:before {

wp-admin/css/dashboard-rtl.css

@@ -103,11 +103,11 @@
 	overflow: auto;
 	margin: 16px 0;
 	padding: 23px 10px 0;
-	border: 1px solid #ccd0d4;
+	border: 1px solid #e5e5e5;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 	background: #fff;
 	font-size: 13px;
-	line-height: 1.7;
+	line-height: 2.1em;
 }
 
 .welcome-panel h2 {
@@ -130,7 +130,7 @@
 	color: #72777c;
 }
 
-.welcome-panel li a {
+.welcome-panel a {
 	text-decoration: none;
 }
 
@@ -198,7 +198,7 @@
 }
 
 .welcome-panel .welcome-widgets-menus {
-	line-height: 1.14285714;
+	line-height: 16px;
 }
 
 .welcome-panel .welcome-panel-column ul {
@@ -206,7 +206,7 @@
 }
 
 .welcome-panel .welcome-panel-column li {
-	line-height: 1.14285714;
+	line-height: 16px;
 	list-style-type: none;
 	padding: 0 0 8px;
 }
@@ -220,7 +220,7 @@
 .welcome-panel .welcome-icon:before,
 #dashboard_right_now li a:before,
 #dashboard_right_now li span:before {
-	color: #606a73;
+	color: #82878c;
 	font: normal 20px/1 dashicons;
 	speak: none;
 	display: inline-block;
@@ -260,16 +260,6 @@
 	top: -2px;
 }
 
-.welcome-panel .welcome-widgets:before {
-	content: "\f538";
-	top: -2px;
-}
-
-.welcome-panel .welcome-menus:before {
-	content: "\f163";
-	top: -2px;
-}
-
 .welcome-panel .welcome-comments:before {
 	content: "\f117";
 	top: -1px;
@@ -367,7 +357,7 @@
 .community-events-form label {
 	display: inline-block;
 	vertical-align: top;
-	line-height: 2.15384615;
+	line-height: 28px;
 	height: 28px;
 }
 
@@ -389,7 +379,7 @@
 #dashboard-widgets .community-events-cancel.button-link {
 	vertical-align: top;
 	/* Same properties as the submit button for cross-browsers alignment. */
-	line-height: 2;
+	line-height: 26px;
 	height: 28px;
 	text-decoration: underline;
 }
@@ -432,7 +422,7 @@
 }
 
 .event-icon:before {
-	color: #606a73;
+	color: #82878C;
 	font-size: 18px;
 }
 .event-meetup .event-icon:before {
@@ -896,9 +886,8 @@ body #dashboard-widgets .postbox form .submit {
 	min-width: 0;
 }
 
-#dashboard-widgets li a,
-#dashboard-widgets .button-link,
-.community-events-footer a {
+#dashboard-widgets a,
+#dashboard-widgets .button-link {
 	text-decoration: none;
 }
 
@@ -948,7 +937,7 @@ body #dashboard-widgets .postbox form .submit {
 }
 
 #latest-comments #the-comment-list .comment-meta {
-	line-height: 1.5;
+	line-height: 1.5em;
 	margin: 0;
 	color: #666;
 }
@@ -981,11 +970,11 @@ body #dashboard-widgets .postbox form .submit {
 a.rsswidget {
 	font-size: 13px;
 	font-weight: 600;
-	line-height: 1.4;
+	line-height: 1.4em;
 }
 
 .rss-widget ul li {
-	line-height: 1.5;
+	line-height: 1.5em;
 	margin-bottom: 12px;
 }
 

wp-admin/css/dashboard.css

@@ -103,11 +103,11 @@
 	overflow: auto;
 	margin: 16px 0;
 	padding: 23px 10px 0;
-	border: 1px solid #ccd0d4;
+	border: 1px solid #e5e5e5;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 	background: #fff;
 	font-size: 13px;
-	line-height: 1.7;
+	line-height: 2.1em;
 }
 
 .welcome-panel h2 {
@@ -130,7 +130,7 @@
 	color: #72777c;
 }
 
-.welcome-panel li a {
+.welcome-panel a {
 	text-decoration: none;
 }
 
@@ -198,7 +198,7 @@
 }
 
 .welcome-panel .welcome-widgets-menus {
-	line-height: 1.14285714;
+	line-height: 16px;
 }
 
 .welcome-panel .welcome-panel-column ul {
@@ -206,7 +206,7 @@
 }
 
 .welcome-panel .welcome-panel-column li {
-	line-height: 1.14285714;
+	line-height: 16px;
 	list-style-type: none;
 	padding: 0 0 8px;
 }
@@ -220,7 +220,7 @@
 .welcome-panel .welcome-icon:before,
 #dashboard_right_now li a:before,
 #dashboard_right_now li span:before {
-	color: #606a73;
+	color: #82878c;
 	font: normal 20px/1 dashicons;
 	speak: none;
 	display: inline-block;
@@ -260,16 +260,6 @@
 	top: -2px;
 }
 
-.welcome-panel .welcome-widgets:before {
-	content: "\f538";
-	top: -2px;
-}
-
-.welcome-panel .welcome-menus:before {
-	content: "\f163";
-	top: -2px;
-}
-
 .welcome-panel .welcome-comments:before {
 	content: "\f117";
 	top: -1px;
@@ -367,7 +357,7 @@
 .community-events-form label {
 	display: inline-block;
 	vertical-align: top;
-	line-height: 2.15384615;
+	line-height: 28px;
 	height: 28px;
 }
 
@@ -389,7 +379,7 @@
 #dashboard-widgets .community-events-cancel.button-link {
 	vertical-align: top;
 	/* Same properties as the submit button for cross-browsers alignment. */
-	line-height: 2;
+	line-height: 26px;
 	height: 28px;
 	text-decoration: underline;
 }
@@ -432,7 +422,7 @@
 }
 
 .event-icon:before {
-	color: #606a73;
+	color: #82878C;
 	font-size: 18px;
 }
 .event-meetup .event-icon:before {
@@ -896,9 +886,8 @@ body #dashboard-widgets .postbox form .submit {
 	min-width: 0;
 }
 
-#dashboard-widgets li a,
-#dashboard-widgets .button-link,
-.community-events-footer a {
+#dashboard-widgets a,
+#dashboard-widgets .button-link {
 	text-decoration: none;
 }
 
@@ -948,7 +937,7 @@ body #dashboard-widgets .postbox form .submit {
 }
 
 #latest-comments #the-comment-list .comment-meta {
-	line-height: 1.5;
+	line-height: 1.5em;
 	margin: 0;
 	color: #666;
 }
@@ -981,11 +970,11 @@ body #dashboard-widgets .postbox form .submit {
 a.rsswidget {
 	font-size: 13px;
 	font-weight: 600;
-	line-height: 1.4;
+	line-height: 1.4em;
 }
 
 .rss-widget ul li {
-	line-height: 1.5;
+	line-height: 1.5em;
 	margin-bottom: 12px;
 }
 

wp-admin/css/edit-rtl.css

@@ -71,8 +71,7 @@
 	color: #72777c;
 	position: absolute;
 	font-size: 1.7em;
-	padding: 10px;
-	pointer-events: none;
+	padding: 11px 10px;
 }
 
 input#link_description,
@@ -90,8 +89,8 @@ input#link_url {
 
 #edit-slug-box,
 #comment-link-box {
-	line-height: 1.84615384;
-	min-height: 25px;
+	line-height: 24px;
+	min-height: 25px; /* Yes, line-height + 1 */
 	margin-top: 5px;
 	padding: 0 10px;
 	color: #666;
@@ -154,7 +153,7 @@ body.post-new-php .submitbox .submitdelete {
 .postbox {
 	position: relative;
 	min-width: 255px;
-	border: 1px solid #ccd0d4;
+	border: 1px solid #e5e5e5;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 	background: #fff;
 }
@@ -187,7 +186,7 @@ ul.category-tabs li,
 #side-sortables .add-menu-item-tabs li,
 .wp-tab-bar li {
 	display: inline;
-	line-height: 1.35;
+	line-height: 1.35em;
 }
 
 .no-js .category-tabs li.hide-if-no-js {
@@ -310,7 +309,7 @@ form#tags-filter {
 #post-status-info {
 	width: 100%;
 	border-spacing: 0;
-	border: 1px solid #ccd0d4;
+	border: 1px solid #e5e5e5;
 	border-top: none;
 	background-color: #f7f7f7;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
@@ -361,7 +360,7 @@ form#tags-filter {
 
 .wp-editor-expand #wp-content-editor-tools {
 	z-index: 1000;
-	border-bottom: 1px solid #ccd0d4;
+	border-bottom: 1px solid #e5e5e5;
 }
 
 .wp-editor-expand #wp-content-editor-container {
@@ -378,7 +377,7 @@ form#tags-filter {
 }
 
 .wp-editor-expand #post-status-info {
-	border-top: 1px solid #ccd0d4;
+	border-top: 1px solid #e5e5e5;
 }
 
 .wp-editor-expand div.mce-toolbar-grp {
@@ -419,15 +418,16 @@ form#tags-filter {
 }
 
 #timestampdiv select {
+	height: 21px;
+	line-height: 14px;
+	padding: 0;
 	vertical-align: top;
 	font-size: 12px;
-	line-height: 2.33333333; /* 28px */
 }
 
 #aa, #jj, #hh, #mn {
-	padding: 6px 1px;
+	padding: 1px;
 	font-size: 12px;
-	line-height: 1.16666666; /* 14px */
 }
 
 #jj, #hh, #mn {
@@ -447,7 +447,8 @@ form#tags-filter {
 #post-body .misc-pub-post-status:before,
 #post-body #visibility:before,
 .curtime #timestamp:before,
-#post-body .misc-pub-revisions:before {
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
 	color: #82878c;
 }
 
@@ -485,7 +486,7 @@ form#tags-filter {
 
 #timestampdiv {
 	padding-top: 5px;
-	line-height: 1.76923076;
+	line-height: 23px;
 }
 
 #timestampdiv p {
@@ -493,6 +494,8 @@ form#tags-filter {
 }
 
 #timestampdiv input {
+	border-width: 1px;
+	border-style: solid;
 	text-align: center;
 }
 
@@ -577,7 +580,7 @@ form#tags-filter {
 	float: right;
 	margin-left: 25px;
 	font-size: 13px;
-	line-height: 1.8;
+	line-height: 1.8em;
 	cursor: default;
 	max-width: 100%;
 	overflow: hidden;
@@ -637,7 +640,7 @@ form#tags-filter {
 }
 
 #post-visibility-select {
-	line-height: 1.5;
+	line-height: 1.5em;
 	margin-top: 3px;
 }
 
@@ -652,12 +655,6 @@ form#tags-filter {
 	margin-bottom: 20px;
 }
 
-.wp_attachment_details .attachment-content-description {
-	margin-top: 0.5385em;
-	display: inline-block;
-	min-height: 1.6923em;
-}
-
 /* Suggested text for privacy policy */
 .wp-privacy-policy-guide {
 	max-width: 1000px;
@@ -710,7 +707,7 @@ form#tags-filter {
 
 .privacy-text-actions {
 	height: 32px;
-	line-height: 2.46153846;
+	line-height: 32px;
 	padding-bottom: 6px;
 }
 
@@ -885,7 +882,7 @@ a.post-format-icon:hover:before {
 }
 
 #post-formats-select {
-	line-height: 2;
+	line-height: 2em;
 }
 
 #post-formats-select .post-format-icon::before {
@@ -993,7 +990,7 @@ ul.export-filters,
 ul.categorychecklist li {
 	margin: 0;
 	padding: 0;
-	line-height: 1.69230769;
+	line-height: 22px;
 	word-wrap: break-word;
 }
 
@@ -1023,11 +1020,6 @@ ul.categorychecklist li {
 	width: 95%;
 }
 
-.form-field select,
-.form-field p {
-	max-width: 95%;
-}
-
 p.description,
 .form-wrap p {
 	margin: 2px 0 5px;
@@ -1042,15 +1034,15 @@ span.description,
 	font-style: italic;
 }
 
-p.description code {
-	font-style: normal;
-}
-
 .form-wrap .form-field {
 	margin: 1em 0;
 	padding: 0;
 }
 
+.form-wrap .form-field #parent {
+	max-width: 100%;
+}
+
 .col-wrap h2 {
 	margin: 12px 0;
 	font-size: 1.1em;
@@ -1117,14 +1109,6 @@ p.popular-tags a {
 	margin: 2px 0 12px;
 }
 
-#poststuff .inside .the-tagcloud {
-	margin: 5px 0 10px;
-	padding: 8px;
-	border: 1px solid #ddd;
-	line-height: 1.2;
-	word-spacing: 3px;
-}
-
 .the-tagcloud ul {
 	margin: 0;
 }
@@ -1167,11 +1151,6 @@ p.popular-tags a {
 	text-decoration: underline;
 }
 
-#addtag .spinner {
-	float: none;
-	vertical-align: top;
-}
-
 #edittag {
 	max-width: 800px;
 }
@@ -1221,7 +1200,7 @@ p.popular-tags a {
 .trash-undo-inside,
 .spam-undo-inside {
 	margin: 1px 0 1px 8px;
-	line-height: 1.23076923;
+	line-height: 16px;
 }
 
 .spam-undo-inside .avatar,
@@ -1387,40 +1366,6 @@ table.links-table {
 	}
 }
 
-/* one column on the attachment editor screen */
-@media only screen and (max-width: 1200px) {
-	.post-type-attachment #poststuff {
-		min-width: 0;
-	}
-
-	.post-type-attachment #wpbody-content #poststuff #post-body {
-		margin: 0;
-	}
-
-	.post-type-attachment #wpbody-content #post-body.columns-2 #postbox-container-1 {
-		margin-left: 0;
-		width: 100%;
-	}
-
-	.post-type-attachment #poststuff #postbox-container-1 .empty-container,
-	.post-type-attachment #poststuff #postbox-container-1 #side-sortables:empty {
-		border: 0 none;
-		height: 0;
-		min-height: 0;
-	}
-
-	.post-type-attachment #poststuff #post-body.columns-2 #side-sortables {
-		min-height: 0;
-		width: auto;
-	}
-
-	/* hide the radio buttons for column prefs */
-	.post-type-attachment .screen-layout,
-	.post-type-attachment .columns-prefs {
-		display: none;
-	}
-}
-
 /* one column on the post write/edit screen */
 @media only screen and (max-width: 850px) {
 	#poststuff {
@@ -1625,7 +1570,7 @@ table.links-table {
 
 	button.wp-switch-editor {
 		font-size: 16px;
-		line-height: 1;
+		line-height: 1em;
 		margin: 7px 7px 0 0;
 		padding: 8px 12px;
 	}
@@ -1661,7 +1606,7 @@ table.links-table {
 
 	#delete-action,
 	#publishing-action {
-		line-height: 3.61538461;
+		line-height: 47px;
 	}
 
 	#publishing-action .spinner {

wp-admin/css/edit.css

@@ -71,8 +71,7 @@
 	color: #72777c;
 	position: absolute;
 	font-size: 1.7em;
-	padding: 10px;
-	pointer-events: none;
+	padding: 11px 10px;
 }
 
 input#link_description,
@@ -90,8 +89,8 @@ input#link_url {
 
 #edit-slug-box,
 #comment-link-box {
-	line-height: 1.84615384;
-	min-height: 25px;
+	line-height: 24px;
+	min-height: 25px; /* Yes, line-height + 1 */
 	margin-top: 5px;
 	padding: 0 10px;
 	color: #666;
@@ -154,7 +153,7 @@ body.post-new-php .submitbox .submitdelete {
 .postbox {
 	position: relative;
 	min-width: 255px;
-	border: 1px solid #ccd0d4;
+	border: 1px solid #e5e5e5;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 	background: #fff;
 }
@@ -187,7 +186,7 @@ ul.category-tabs li,
 #side-sortables .add-menu-item-tabs li,
 .wp-tab-bar li {
 	display: inline;
-	line-height: 1.35;
+	line-height: 1.35em;
 }
 
 .no-js .category-tabs li.hide-if-no-js {
@@ -310,7 +309,7 @@ form#tags-filter {
 #post-status-info {
 	width: 100%;
 	border-spacing: 0;
-	border: 1px solid #ccd0d4;
+	border: 1px solid #e5e5e5;
 	border-top: none;
 	background-color: #f7f7f7;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
@@ -361,7 +360,7 @@ form#tags-filter {
 
 .wp-editor-expand #wp-content-editor-tools {
 	z-index: 1000;
-	border-bottom: 1px solid #ccd0d4;
+	border-bottom: 1px solid #e5e5e5;
 }
 
 .wp-editor-expand #wp-content-editor-container {
@@ -378,7 +377,7 @@ form#tags-filter {
 }
 
 .wp-editor-expand #post-status-info {
-	border-top: 1px solid #ccd0d4;
+	border-top: 1px solid #e5e5e5;
 }
 
 .wp-editor-expand div.mce-toolbar-grp {
@@ -419,15 +418,16 @@ form#tags-filter {
 }
 
 #timestampdiv select {
+	height: 21px;
+	line-height: 14px;
+	padding: 0;
 	vertical-align: top;
 	font-size: 12px;
-	line-height: 2.33333333; /* 28px */
 }
 
 #aa, #jj, #hh, #mn {
-	padding: 6px 1px;
+	padding: 1px;
 	font-size: 12px;
-	line-height: 1.16666666; /* 14px */
 }
 
 #jj, #hh, #mn {
@@ -447,7 +447,8 @@ form#tags-filter {
 #post-body .misc-pub-post-status:before,
 #post-body #visibility:before,
 .curtime #timestamp:before,
-#post-body .misc-pub-revisions:before {
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
 	color: #82878c;
 }
 
@@ -485,7 +486,7 @@ form#tags-filter {
 
 #timestampdiv {
 	padding-top: 5px;
-	line-height: 1.76923076;
+	line-height: 23px;
 }
 
 #timestampdiv p {
@@ -493,6 +494,8 @@ form#tags-filter {
 }
 
 #timestampdiv input {
+	border-width: 1px;
+	border-style: solid;
 	text-align: center;
 }
 
@@ -577,7 +580,7 @@ form#tags-filter {
 	float: left;
 	margin-right: 25px;
 	font-size: 13px;
-	line-height: 1.8;
+	line-height: 1.8em;
 	cursor: default;
 	max-width: 100%;
 	overflow: hidden;
@@ -637,7 +640,7 @@ form#tags-filter {
 }
 
 #post-visibility-select {
-	line-height: 1.5;
+	line-height: 1.5em;
 	margin-top: 3px;
 }
 
@@ -652,12 +655,6 @@ form#tags-filter {
 	margin-bottom: 20px;
 }
 
-.wp_attachment_details .attachment-content-description {
-	margin-top: 0.5385em;
-	display: inline-block;
-	min-height: 1.6923em;
-}
-
 /* Suggested text for privacy policy */
 .wp-privacy-policy-guide {
 	max-width: 1000px;
@@ -710,7 +707,7 @@ form#tags-filter {
 
 .privacy-text-actions {
 	height: 32px;
-	line-height: 2.46153846;
+	line-height: 32px;
 	padding-bottom: 6px;
 }
 
@@ -885,7 +882,7 @@ a.post-format-icon:hover:before {
 }
 
 #post-formats-select {
-	line-height: 2;
+	line-height: 2em;
 }
 
 #post-formats-select .post-format-icon::before {
@@ -993,7 +990,7 @@ ul.export-filters,
 ul.categorychecklist li {
 	margin: 0;
 	padding: 0;
-	line-height: 1.69230769;
+	line-height: 22px;
 	word-wrap: break-word;
 }
 
@@ -1023,11 +1020,6 @@ ul.categorychecklist li {
 	width: 95%;
 }
 
-.form-field select,
-.form-field p {
-	max-width: 95%;
-}
-
 p.description,
 .form-wrap p {
 	margin: 2px 0 5px;
@@ -1042,15 +1034,15 @@ span.description,
 	font-style: italic;
 }
 
-p.description code {
-	font-style: normal;
-}
-
 .form-wrap .form-field {
 	margin: 1em 0;
 	padding: 0;
 }
 
+.form-wrap .form-field #parent {
+	max-width: 100%;
+}
+
 .col-wrap h2 {
 	margin: 12px 0;
 	font-size: 1.1em;
@@ -1117,14 +1109,6 @@ p.popular-tags a {
 	margin: 2px 0 12px;
 }
 
-#poststuff .inside .the-tagcloud {
-	margin: 5px 0 10px;
-	padding: 8px;
-	border: 1px solid #ddd;
-	line-height: 1.2;
-	word-spacing: 3px;
-}
-
 .the-tagcloud ul {
 	margin: 0;
 }
@@ -1167,11 +1151,6 @@ p.popular-tags a {
 	text-decoration: underline;
 }
 
-#addtag .spinner {
-	float: none;
-	vertical-align: top;
-}
-
 #edittag {
 	max-width: 800px;
 }
@@ -1221,7 +1200,7 @@ p.popular-tags a {
 .trash-undo-inside,
 .spam-undo-inside {
 	margin: 1px 8px 1px 0;
-	line-height: 1.23076923;
+	line-height: 16px;
 }
 
 .spam-undo-inside .avatar,
@@ -1387,40 +1366,6 @@ table.links-table {
 	}
 }
 
-/* one column on the attachment editor screen */
-@media only screen and (max-width: 1200px) {
-	.post-type-attachment #poststuff {
-		min-width: 0;
-	}
-
-	.post-type-attachment #wpbody-content #poststuff #post-body {
-		margin: 0;
-	}
-
-	.post-type-attachment #wpbody-content #post-body.columns-2 #postbox-container-1 {
-		margin-right: 0;
-		width: 100%;
-	}
-
-	.post-type-attachment #poststuff #postbox-container-1 .empty-container,
-	.post-type-attachment #poststuff #postbox-container-1 #side-sortables:empty {
-		border: 0 none;
-		height: 0;
-		min-height: 0;
-	}
-
-	.post-type-attachment #poststuff #post-body.columns-2 #side-sortables {
-		min-height: 0;
-		width: auto;
-	}
-
-	/* hide the radio buttons for column prefs */
-	.post-type-attachment .screen-layout,
-	.post-type-attachment .columns-prefs {
-		display: none;
-	}
-}
-
 /* one column on the post write/edit screen */
 @media only screen and (max-width: 850px) {
 	#poststuff {
@@ -1625,7 +1570,7 @@ table.links-table {
 
 	button.wp-switch-editor {
 		font-size: 16px;
-		line-height: 1;
+		line-height: 1em;
 		margin: 7px 0 0 7px;
 		padding: 8px 12px;
 	}
@@ -1661,7 +1606,7 @@ table.links-table {
 
 	#delete-action,
 	#publishing-action {
-		line-height: 3.61538461;
+		line-height: 47px;
 	}
 
 	#publishing-action .spinner {

wp-admin/css/forms-rtl.css

@@ -1,42 +1,12 @@
 /* Include margin and padding in the width calculation of input and textarea. */
 input,
-select,
-textarea,
-button {
-	box-sizing: border-box;
-	font-family: inherit;
-	font-size: inherit;
-	font-weight: inherit;
-}
-
-textarea,
-input {
-	font-size: 14px;
-}
-
 textarea {
-	overflow: auto;
-	padding: 2px 6px;
-	/* inherits font size 14px */
-	line-height: 1.42857143; /* 20px */
-	resize: vertical;
-}
-
-label {
-	cursor: pointer;
-}
-
-input,
-select {
-	margin: 0 1px;
-}
-
-textarea.code {
-	padding: 4px 6px 1px 6px;
+	box-sizing: border-box;
 }
 
 input[type="text"],
 input[type="password"],
+input[type="checkbox"],
 input[type="color"],
 input[type="date"],
 input[type="datetime"],
@@ -45,42 +15,20 @@ input[type="email"],
 input[type="month"],
 input[type="number"],
 input[type="search"],
+input[type="radio"],
 input[type="tel"],
+input[type="text"],
 input[type="time"],
 input[type="url"],
 input[type="week"],
 select,
 textarea {
-	box-shadow: 0 0 0 transparent;
-	border-radius: 4px;
-	border: 1px solid #7e8993;
+	border: 1px solid #ddd;
+	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
 	background-color: #fff;
 	color: #32373c;
-}
-
-input[type="text"],
-input[type="password"],
-input[type="date"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="email"],
-input[type="month"],
-input[type="number"],
-input[type="search"],
-input[type="tel"],
-input[type="time"],
-input[type="url"],
-input[type="week"] {
-	padding: 0 8px;
-	/* inherits font size 14px */
-	line-height: 2; /* 28px */
-	/* Only necessary for IE11 */
-	min-height: 30px;
-}
-
-::-webkit-datetime-edit {
-	/* inherits font size 14px */
-	line-height: 1.85714286; /* 26px */
+	outline: none;
+	transition: 0.05s border-color ease-in-out;
 }
 
 input[type="text"]:focus,
@@ -94,6 +42,7 @@ input[type="month"]:focus,
 input[type="number"]:focus,
 input[type="search"]:focus,
 input[type="tel"]:focus,
+input[type="text"]:focus,
 input[type="time"]:focus,
 input[type="url"]:focus,
 input[type="week"]:focus,
@@ -101,8 +50,8 @@ input[type="checkbox"]:focus,
 input[type="radio"]:focus,
 select:focus,
 textarea:focus {
-	border-color: #007cba;
-	box-shadow: 0 0 0 1px #007cba;
+	border-color: #5b9dd9;
+	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 }
@@ -113,24 +62,29 @@ 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 #7e8993;
-	border-radius: 4px;
+	border: 1px solid #b4b9be;
 	background: #fff;
 	color: #555;
 	clear: none;
 	cursor: pointer;
 	display: inline-block;
 	line-height: 0;
-	height: 1rem;
-	margin: -0.25rem 0 0 0.25rem;
+	height: 16px;
+	margin: -4px 0 0 4px;
 	outline: 0;
 	padding: 0 !important;
 	text-align: center;
 	vertical-align: middle;
-	width: 1rem;
-	min-width: 1rem;
+	width: 16px;
+	min-width: 16px;
 	-webkit-appearance: none;
 	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 	transition: .05s border-color ease-in-out;
@@ -161,39 +115,38 @@ td > input[type="checkbox"],
 
 input[type="radio"] {
 	border-radius: 50%;
-	margin-left: 0.25rem;
-	/* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
-	line-height: 0.71428571;
+	margin-left: 4px;
+	line-height: 10px;
 }
 
-input[type="checkbox"]:checked::before,
-input[type="radio"]:checked::before {
+input[type="checkbox"]:checked:before,
+input[type="radio"]:checked:before {
 	float: right;
 	display: inline-block;
 	vertical-align: middle;
-	width: 1rem;
+	width: 16px;
+	font: normal 21px/1 dashicons;
 	speak: none;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
 
-input[type="checkbox"]:checked::before {
-	/* Use the "Yes" SVG Dashicon */
-	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E");
-	margin: -0.1875rem -0.25rem 0 0;
-	height: 1.3125rem;
-	width: 1.3125rem;
+input[type="checkbox"]:checked:before {
+	content: "\f147";
+	margin: -3px -4px 0 0;
+	color: #1e8cbe;
 }
 
-input[type="radio"]:checked::before {
-	content: "";
-	border-radius: 50%;
-	width: 0.5rem; /* 8px */
-	height: 0.5rem; /* 8px */
-	margin: 0.1875rem; /* 3px */
+input[type="radio"]:checked:before {
+	content: "\2022";
+	text-indent: -9999px;
+	border-radius: 50px;
+	font-size: 24px;
+	width: 6px;
+	height: 6px;
+	margin: 4px;
+	line-height: 16px;
 	background-color: #1e8cbe;
-	/* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
-	line-height: 1.14285714;
 }
 
 @-moz-document url-prefix() {
@@ -213,11 +166,58 @@ input[type="search"]::-webkit-search-decoration {
 	display: none;
 }
 
+.ie8 input[type="password"] {
+	font-family: sans-serif;
+}
+
+textarea,
+input,
+select,
+button {
+	font-family: inherit;
+	font-size: inherit;
+	font-weight: inherit;
+}
+
+textarea,
+input,
+select {
+	font-size: 14px;
+	padding: 3px 5px;
+	border-radius: 0; /* Reset mobile webkit's default element styling */
+}
+
+textarea {
+	overflow: auto;
+	padding: 2px 6px;
+	line-height: 1.4;
+	resize: vertical;
+}
+
 .wp-admin input[type="file"] {
 	padding: 3px 0;
 	cursor: pointer;
 }
 
+label {
+	cursor: pointer;
+}
+
+input,
+select {
+	margin: 1px;
+	padding: 3px 5px;
+}
+
+input.code {
+	padding-top: 6px;
+}
+
+textarea.code {
+	line-height: 1.4;
+	padding: 4px 6px 1px 6px;
+}
+
 input.readonly,
 input[readonly],
 textarea.readonly,
@@ -307,87 +307,15 @@ input[type="radio"].disabled:checked:before {
   2.0 - Forms
 ------------------------------------------------------------------------------*/
 
-/* Select styles are based on the default button in buttons.css */
-.wp-core-ui select {
-	font-size: 14px;
-	line-height: 2; /* 28px */
-	color: #32373c;
-	border-color: #7e8993;
-	box-shadow: none;
-	border-radius: 3px;
-	padding: 0 8px 0 24px;
-	min-height: 30px;
-	max-width: 25rem;
-	-webkit-appearance: none;
-	/* The SVG is arrow-down-alt2 from Dashicons. */
-	background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat left 5px top 55%;
-	background-size: 16px 16px;
-	cursor: pointer;
+
+.wp-admin select {
+	padding: 2px;
+	line-height: 28px;
+	height: 28px;
 	vertical-align: middle;
-}e
-
-.wp-core-ui select:hover {
-	color: #007cba;
-}
-
-.wp-core-ui select:focus {
-	border-color: #007cba;
-	color: #016087;
-	box-shadow: 0 0 0 1px #007cba;
-}
-
-.wp-core-ui select:active {
-	border-color: #999;
-	box-shadow: none;
-}
-
-.wp-core-ui select.disabled,
-.wp-core-ui select:disabled {
-	color: #a0a5aa;
-	border-color: #ddd;
-	background-color: #f7f7f7;
-	/* The SVG is arrow-down-alt2 from Dashicons. */
-	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E');
-	box-shadow: none;
-	text-shadow: 0 1px 0 #fff;
-	cursor: default;
-	transform: none;
-}
-
-/* Reset Firefox inner outline that appears on :focus. */
-/* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
-.wp-core-ui select:-moz-focusring {
-	color: transparent;
-	text-shadow: 0 0 0 #016087;
-}
-
-/* Remove background focus style from IE11 while keeping focus style available on option elements. */
-.wp-core-ui select::-ms-value {
-	background: transparent;
-	color: #555;
-}
-
-.wp-core-ui select:hover::-ms-value {
-	color: #007cba;
-}
-
-.wp-core-ui select:focus::-ms-value {
-	color: #016087;
-}
-
-.wp-core-ui select.disabled::-ms-value,
-.wp-core-ui select:disabled::-ms-value {
-	color: #a0a5aa;
-}
-
-/* Hide the native down arrow for select element on IE. */
-.wp-core-ui select::-ms-expand {
-	display: none;
 }
 
 .wp-admin .button-cancel {
-	display: inline-block;
-	min-height: 28px;
 	padding: 0 5px;
 	line-height: 2;
 }
@@ -396,18 +324,8 @@ input[type="radio"].disabled:checked:before {
 	max-width: 100%;
 }
 
-.meta-box-sortables input {
-	vertical-align: middle;
-}
-
-.misc-pub-post-status select {
-	margin-top: 0;
-}
-
-.wp-core-ui select[multiple] {
+.wp-admin select[multiple] {
 	height: auto;
-	padding-left: 8px;
-	background: #fff;
 }
 
 .submit {
@@ -463,7 +381,7 @@ textarea.large-text {
 
 input.small-text {
 	width: 50px;
-	padding: 0 6px;
+	padding: 1px 6px;
 }
 
 input[type="number"].small-text {
@@ -481,13 +399,28 @@ input[type="number"].tiny-text {
 #doaction,
 #doaction2,
 #post-query-submit {
-	margin: 0 0 0 8px;
+	margin: 1px 0 0 8px;
+}
+
+.tablenav #changeit,
+.tablenav #delete_all,
+.tablenav #clear-recent-list,
+.wp-filter #delete_all {
+	margin-top: 1px;
 }
 
 .tablenav .actions select {
 	float: right;
 	margin-left: 6px;
-	max-width: 12.5rem;
+	max-width: 200px;
+}
+
+.ie8 .tablenav .actions select {
+	width: 155px;
+}
+
+.ie8 .tablenav .actions select#cat {
+	width: 200px;
 }
 
 #timezone_string option {
@@ -498,10 +431,6 @@ input[type="number"].tiny-text {
 .wp-cancel-pw > .dashicons {
 	position: relative;
 	top: 3px;
-	width: 1.25rem;
-	height: 1.25rem;
-	top: 0.25rem;
-	font-size: 20px;
 }
 
 .wp-cancel-pw .dashicons-no {
@@ -595,12 +524,9 @@ fieldset label,
 .wp-pwd [type="password"] {
 	margin-bottom: 0;
 	/* Same height as the buttons */
-	min-height: 30px;
-}
-
-/* Hide the Edge "reveal password" native button */
-.wp-pwd input::-ms-reveal {
-	display: none;
+	line-height: 20px;
+	min-height: 28px;
+	max-height: 40px;
 }
 
 #pass1-text,
@@ -629,12 +555,18 @@ p.search-box {
 .tablenav .search-plugins input[name="s"],
 .tagsdiv .newtag {
 	float: right;
+	height: 28px;
 	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,
@@ -753,7 +685,7 @@ ul#add-to-blog-users {
 .form-table td fieldset label,
 .form-table td fieldset p,
 .form-table td fieldset li {
-	line-height: 1.4;
+	line-height: 1.4em;
 }
 
 .form-table input.tog,
@@ -862,7 +794,7 @@ table.form-table td .updated p {
 	padding: 0.7em 2em 1em;
 	min-width: 255px;
 	max-width: 520px;
-	border: 1px solid #ccd0d4;
+	border: 1px solid #e5e5e5;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 	background: #fff;
 	box-sizing: border-box;
@@ -985,7 +917,6 @@ table.form-table td .updated p {
 
 .options-general-php input.small-text {
 	width: 56px;
-	margin: -2px 0;
 }
 
 .options-general-php .spinner {
@@ -1170,7 +1101,7 @@ table.form-table td .updated p {
 
 .tools-privacy-policy-page input.button,
 .tools-privacy-policy-page select {
-	margin: 0 6px 0 1px;
+	margin-right: 6px;
 }
 
 .tools-privacy-edit {
@@ -1178,7 +1109,7 @@ table.form-table td .updated p {
 }
 
 .tools-privacy-policy-page span {
-	line-height: 2;
+	line-height: 2em;
 }
 
 .privacy_requests .column-email {
@@ -1200,10 +1131,6 @@ table.form-table td .updated p {
 	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 }
 
-.privacy_requests .row-actions {
-	color: #72777c;
-}
-
 .privacy_requests tbody .has-request-results th {
 	box-shadow: none;
 }
@@ -1222,6 +1149,9 @@ table.form-table td .updated p {
 }
 
 .privacy_requests .next_steps .button {
+	height: auto;
+	line-height: 1.5;
+	padding: 4px 10px;
 	word-break: break-all;
 	white-space: unset;
 }
@@ -1273,6 +1203,7 @@ table.form-table td .updated p {
 }
 
 .wp-privacy-request-form input {
+	line-height: 1.5;
 	margin: 0;
 }
 
@@ -1308,26 +1239,21 @@ table.form-table td .updated p {
 	}
 
 	input[type="text"],
-	input[type="password"],
-	input[type="date"],
-	input[type="datetime"],
-	input[type="datetime-local"],
 	input[type="email"],
-	input[type="month"],
-	input[type="number"],
 	input[type="search"],
-	input[type="tel"],
-	input[type="time"],
-	input[type="url"],
-	input[type="week"] {
+	input[type="password"],
+	input[type="number"] {
 		-webkit-appearance: none;
-		padding: 3px 10px;
-		/* Only necessary for IE11 */
-		min-height: 40px;
+		padding: 6px 10px;
 	}
 
-	::-webkit-datetime-edit {
-		line-height: 1.875; /* 30px */
+	input[type="number"] {
+		height: 40px;
+	}
+
+	input.code {
+		padding-bottom: 5px;
+		padding-top: 10px;
 	}
 
 	input[type="checkbox"],
@@ -1335,6 +1261,7 @@ table.form-table td .updated p {
 	.widefat thead td input[type="checkbox"],
 	.widefat tfoot td input[type="checkbox"] {
 		-webkit-appearance: none;
+		padding: 10px;
 	}
 
 	.widefat th input[type="checkbox"],
@@ -1347,47 +1274,41 @@ 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 {
-		width: 1.875rem;
-		height: 1.875rem;
-		margin: -0.1875rem -0.3125rem;
+		font: normal 30px/1 dashicons;
+		margin: -3px -5px;
 	}
 
 	input[type="radio"],
 	input[type="checkbox"] {
-		height: 1.5625rem;
-		width: 1.5625rem;
+		height: 25px;
+		width: 25px;
 	}
 
 	.wp-admin p input[type="checkbox"],
 	.wp-admin p input[type="radio"] {
-		margin-top: -0.1875rem;
+		margin-top: -3px;
 	}
 
 	input[type="radio"]:checked:before {
 		vertical-align: middle;
-		width: 0.5625rem;
-		height: 0.5625rem;
-		margin: 0.4375rem;
-		line-height: 0.76190476;
+		width: 9px;
+		height: 9px;
+		margin: 7px;
+		line-height: 16px;
 	}
 
 	.wp-upload-form input[type="submit"] {
 		margin-top: 10px;
 	}
 
-	.wp-core-ui select,
-	.wp-admin .form-table select {
-		min-height: 40px;
+	#wpbody select {
+		height: 36px;
 		font-size: 16px;
-		line-height: 1.625; /* 26px */
-		padding: 5px 8px 5px 24px;
 	}
 
 	.wp-admin .button-cancel {
-		margin-bottom: 0;
-		padding: 2px 0;
+		padding: 0;
 		font-size: 14px;
-		vertical-align: middle;
 	}
 
 	#adduser .form-field input,
@@ -1437,6 +1358,9 @@ table.form-table td .updated p {
 	.form-table span.description,
 	#profile-page .form-table textarea {
 		width: 100%;
+		font-size: 16px;
+		line-height: 1.5;
+		padding: 7px 10px;
 		display: block;
 		max-width: none;
 		box-sizing: border-box;
@@ -1447,6 +1371,10 @@ table.form-table td .updated p {
 		margin: -30px 0 0 3px;
 	}
 
+	#wpbody .form-table td select {
+		height: 40px;
+	}
+
 	input[type="text"].small-text,
 	input[type="search"].small-text,
 	input[type="password"].small-text,
@@ -1476,10 +1404,12 @@ table.form-table td .updated p {
 	}
 
 	p.search-box input[name="s"] {
+		height: auto;
 		float: none;
 		width: 100%;
 		margin-bottom: 10px;
 		vertical-align: middle;
+		-webkit-appearance: none;
 	}
 
 	p.search-box input[type="submit"] {
@@ -1489,7 +1419,7 @@ table.form-table td .updated p {
 	.form-table span.description {
 		display: inline;
 		padding: 4px 0 0;
-		line-height: 1.4;
+		line-height: 1.4em;
 		font-size: 14px;
 	}
 
@@ -1508,7 +1438,6 @@ table.form-table td .updated p {
 
 	.form-table.permalink-structure td code {
 		margin-right: 32px;
-		display: inline-block;
 	}
 
 	.form-table.permalink-structure td input[type="text"] {
@@ -1525,10 +1454,6 @@ table.form-table td .updated p {
 		font-size: 14px;
 	}
 
-	.background-position-control .button-group > label {
-		font-size: 0;
-	}
-
 	.form-table fieldset label {
 		display: block;
 	}
@@ -1549,9 +1474,9 @@ table.form-table td .updated p {
 		position: relative;
 	}
 
-	/* Needs higher specificity than normal input type text and password. */
-	#profile-page .form-table #pass1 {
-		padding-left: 90px;
+	.wp-pwd [type="text"],
+	.wp-pwd [type="password"] {
+		padding-left: 88px;
 	}
 
 	.wp-pwd button.button {
@@ -1564,14 +1489,10 @@ table.form-table td .updated p {
 		position: absolute;
 		left: 0;
 		top: 0;
-		width: 2.375rem;
-		height: 2.375rem;
-		min-width: 40px;
-		min-height: 40px;
 	}
 
 	.wp-pwd button.wp-hide-pw {
-		left: 2.5rem;
+		left: 40px;
 	}
 
 	.wp-pwd button.button:hover,
@@ -1589,12 +1510,6 @@ table.form-table td .updated p {
 		display: none;
 	}
 
-	.wp-pwd [type="text"],
-	.wp-pwd [type="password"] {
-		line-height: 2;
-		padding-left: 5rem;
-	}
-
 	.wp-cancel-pw .dashicons-no {
 		display: inline-block;
 	}

wp-admin/css/forms.css

@@ -1,42 +1,12 @@
 /* Include margin and padding in the width calculation of input and textarea. */
 input,
-select,
-textarea,
-button {
-	box-sizing: border-box;
-	font-family: inherit;
-	font-size: inherit;
-	font-weight: inherit;
-}
-
-textarea,
-input {
-	font-size: 14px;
-}
-
 textarea {
-	overflow: auto;
-	padding: 2px 6px;
-	/* inherits font size 14px */
-	line-height: 1.42857143; /* 20px */
-	resize: vertical;
-}
-
-label {
-	cursor: pointer;
-}
-
-input,
-select {
-	margin: 0 1px;
-}
-
-textarea.code {
-	padding: 4px 6px 1px 6px;
+	box-sizing: border-box;
 }
 
 input[type="text"],
 input[type="password"],
+input[type="checkbox"],
 input[type="color"],
 input[type="date"],
 input[type="datetime"],
@@ -45,42 +15,20 @@ input[type="email"],
 input[type="month"],
 input[type="number"],
 input[type="search"],
+input[type="radio"],
 input[type="tel"],
+input[type="text"],
 input[type="time"],
 input[type="url"],
 input[type="week"],
 select,
 textarea {
-	box-shadow: 0 0 0 transparent;
-	border-radius: 4px;
-	border: 1px solid #7e8993;
+	border: 1px solid #ddd;
+	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
 	background-color: #fff;
 	color: #32373c;
-}
-
-input[type="text"],
-input[type="password"],
-input[type="date"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="email"],
-input[type="month"],
-input[type="number"],
-input[type="search"],
-input[type="tel"],
-input[type="time"],
-input[type="url"],
-input[type="week"] {
-	padding: 0 8px;
-	/* inherits font size 14px */
-	line-height: 2; /* 28px */
-	/* Only necessary for IE11 */
-	min-height: 30px;
-}
-
-::-webkit-datetime-edit {
-	/* inherits font size 14px */
-	line-height: 1.85714286; /* 26px */
+	outline: none;
+	transition: 0.05s border-color ease-in-out;
 }
 
 input[type="text"]:focus,
@@ -94,6 +42,7 @@ input[type="month"]:focus,
 input[type="number"]:focus,
 input[type="search"]:focus,
 input[type="tel"]:focus,
+input[type="text"]:focus,
 input[type="time"]:focus,
 input[type="url"]:focus,
 input[type="week"]:focus,
@@ -101,8 +50,8 @@ input[type="checkbox"]:focus,
 input[type="radio"]:focus,
 select:focus,
 textarea:focus {
-	border-color: #007cba;
-	box-shadow: 0 0 0 1px #007cba;
+	border-color: #5b9dd9;
+	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 }
@@ -113,24 +62,29 @@ 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 #7e8993;
-	border-radius: 4px;
+	border: 1px solid #b4b9be;
 	background: #fff;
 	color: #555;
 	clear: none;
 	cursor: pointer;
 	display: inline-block;
 	line-height: 0;
-	height: 1rem;
-	margin: -0.25rem 0.25rem 0 0;
+	height: 16px;
+	margin: -4px 4px 0 0;
 	outline: 0;
 	padding: 0 !important;
 	text-align: center;
 	vertical-align: middle;
-	width: 1rem;
-	min-width: 1rem;
+	width: 16px;
+	min-width: 16px;
 	-webkit-appearance: none;
 	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 	transition: .05s border-color ease-in-out;
@@ -161,39 +115,38 @@ td > input[type="checkbox"],
 
 input[type="radio"] {
 	border-radius: 50%;
-	margin-right: 0.25rem;
-	/* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
-	line-height: 0.71428571;
+	margin-right: 4px;
+	line-height: 10px;
 }
 
-input[type="checkbox"]:checked::before,
-input[type="radio"]:checked::before {
+input[type="checkbox"]:checked:before,
+input[type="radio"]:checked:before {
 	float: left;
 	display: inline-block;
 	vertical-align: middle;
-	width: 1rem;
+	width: 16px;
+	font: normal 21px/1 dashicons;
 	speak: none;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
 
-input[type="checkbox"]:checked::before {
-	/* Use the "Yes" SVG Dashicon */
-	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E");
-	margin: -0.1875rem 0 0 -0.25rem;
-	height: 1.3125rem;
-	width: 1.3125rem;
+input[type="checkbox"]:checked:before {
+	content: "\f147";
+	margin: -3px 0 0 -4px;
+	color: #1e8cbe;
 }
 
-input[type="radio"]:checked::before {
-	content: "";
-	border-radius: 50%;
-	width: 0.5rem; /* 8px */
-	height: 0.5rem; /* 8px */
-	margin: 0.1875rem; /* 3px */
+input[type="radio"]:checked:before {
+	content: "\2022";
+	text-indent: -9999px;
+	border-radius: 50px;
+	font-size: 24px;
+	width: 6px;
+	height: 6px;
+	margin: 4px;
+	line-height: 16px;
 	background-color: #1e8cbe;
-	/* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
-	line-height: 1.14285714;
 }
 
 @-moz-document url-prefix() {
@@ -213,11 +166,58 @@ input[type="search"]::-webkit-search-decoration {
 	display: none;
 }
 
+.ie8 input[type="password"] {
+	font-family: sans-serif;
+}
+
+textarea,
+input,
+select,
+button {
+	font-family: inherit;
+	font-size: inherit;
+	font-weight: inherit;
+}
+
+textarea,
+input,
+select {
+	font-size: 14px;
+	padding: 3px 5px;
+	border-radius: 0; /* Reset mobile webkit's default element styling */
+}
+
+textarea {
+	overflow: auto;
+	padding: 2px 6px;
+	line-height: 1.4;
+	resize: vertical;
+}
+
 .wp-admin input[type="file"] {
 	padding: 3px 0;
 	cursor: pointer;
 }
 
+label {
+	cursor: pointer;
+}
+
+input,
+select {
+	margin: 1px;
+	padding: 3px 5px;
+}
+
+input.code {
+	padding-top: 6px;
+}
+
+textarea.code {
+	line-height: 1.4;
+	padding: 4px 6px 1px 6px;
+}
+
 input.readonly,
 input[readonly],
 textarea.readonly,
@@ -307,87 +307,15 @@ input[type="radio"].disabled:checked:before {
   2.0 - Forms
 ------------------------------------------------------------------------------*/
 
-/* Select styles are based on the default button in buttons.css */
-.wp-core-ui select {
-	font-size: 14px;
-	line-height: 2; /* 28px */
-	color: #32373c;
-	border-color: #7e8993;
-	box-shadow: none;
-	border-radius: 3px;
-	padding: 0 24px 0 8px;
-	min-height: 30px;
-	max-width: 25rem;
-	-webkit-appearance: none;
-	/* The SVG is arrow-down-alt2 from Dashicons. */
-	background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
-	background-size: 16px 16px;
-	cursor: pointer;
+
+.wp-admin select {
+	padding: 2px;
+	line-height: 28px;
+	height: 28px;
 	vertical-align: middle;
-}e
-
-.wp-core-ui select:hover {
-	color: #007cba;
-}
-
-.wp-core-ui select:focus {
-	border-color: #007cba;
-	color: #016087;
-	box-shadow: 0 0 0 1px #007cba;
-}
-
-.wp-core-ui select:active {
-	border-color: #999;
-	box-shadow: none;
-}
-
-.wp-core-ui select.disabled,
-.wp-core-ui select:disabled {
-	color: #a0a5aa;
-	border-color: #ddd;
-	background-color: #f7f7f7;
-	/* The SVG is arrow-down-alt2 from Dashicons. */
-	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E');
-	box-shadow: none;
-	text-shadow: 0 1px 0 #fff;
-	cursor: default;
-	transform: none;
-}
-
-/* Reset Firefox inner outline that appears on :focus. */
-/* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
-.wp-core-ui select:-moz-focusring {
-	color: transparent;
-	text-shadow: 0 0 0 #016087;
-}
-
-/* Remove background focus style from IE11 while keeping focus style available on option elements. */
-.wp-core-ui select::-ms-value {
-	background: transparent;
-	color: #555;
-}
-
-.wp-core-ui select:hover::-ms-value {
-	color: #007cba;
-}
-
-.wp-core-ui select:focus::-ms-value {
-	color: #016087;
-}
-
-.wp-core-ui select.disabled::-ms-value,
-.wp-core-ui select:disabled::-ms-value {
-	color: #a0a5aa;
-}
-
-/* Hide the native down arrow for select element on IE. */
-.wp-core-ui select::-ms-expand {
-	display: none;
 }
 
 .wp-admin .button-cancel {
-	display: inline-block;
-	min-height: 28px;
 	padding: 0 5px;
 	line-height: 2;
 }
@@ -396,18 +324,8 @@ input[type="radio"].disabled:checked:before {
 	max-width: 100%;
 }
 
-.meta-box-sortables input {
-	vertical-align: middle;
-}
-
-.misc-pub-post-status select {
-	margin-top: 0;
-}
-
-.wp-core-ui select[multiple] {
+.wp-admin select[multiple] {
 	height: auto;
-	padding-right: 8px;
-	background: #fff;
 }
 
 .submit {
@@ -463,7 +381,7 @@ textarea.large-text {
 
 input.small-text {
 	width: 50px;
-	padding: 0 6px;
+	padding: 1px 6px;
 }
 
 input[type="number"].small-text {
@@ -481,13 +399,28 @@ input[type="number"].tiny-text {
 #doaction,
 #doaction2,
 #post-query-submit {
-	margin: 0 8px 0 0;
+	margin: 1px 8px 0 0;
+}
+
+.tablenav #changeit,
+.tablenav #delete_all,
+.tablenav #clear-recent-list,
+.wp-filter #delete_all {
+	margin-top: 1px;
 }
 
 .tablenav .actions select {
 	float: left;
 	margin-right: 6px;
-	max-width: 12.5rem;
+	max-width: 200px;
+}
+
+.ie8 .tablenav .actions select {
+	width: 155px;
+}
+
+.ie8 .tablenav .actions select#cat {
+	width: 200px;
 }
 
 #timezone_string option {
@@ -498,10 +431,6 @@ input[type="number"].tiny-text {
 .wp-cancel-pw > .dashicons {
 	position: relative;
 	top: 3px;
-	width: 1.25rem;
-	height: 1.25rem;
-	top: 0.25rem;
-	font-size: 20px;
 }
 
 .wp-cancel-pw .dashicons-no {
@@ -595,12 +524,9 @@ fieldset label,
 .wp-pwd [type="password"] {
 	margin-bottom: 0;
 	/* Same height as the buttons */
-	min-height: 30px;
-}
-
-/* Hide the Edge "reveal password" native button */
-.wp-pwd input::-ms-reveal {
-	display: none;
+	line-height: 20px;
+	min-height: 28px;
+	max-height: 40px;
 }
 
 #pass1-text,
@@ -629,12 +555,18 @@ p.search-box {
 .tablenav .search-plugins input[name="s"],
 .tagsdiv .newtag {
 	float: left;
+	height: 28px;
 	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,
@@ -753,7 +685,7 @@ ul#add-to-blog-users {
 .form-table td fieldset label,
 .form-table td fieldset p,
 .form-table td fieldset li {
-	line-height: 1.4;
+	line-height: 1.4em;
 }
 
 .form-table input.tog,
@@ -862,7 +794,7 @@ table.form-table td .updated p {
 	padding: 0.7em 2em 1em;
 	min-width: 255px;
 	max-width: 520px;
-	border: 1px solid #ccd0d4;
+	border: 1px solid #e5e5e5;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 	background: #fff;
 	box-sizing: border-box;
@@ -985,7 +917,6 @@ table.form-table td .updated p {
 
 .options-general-php input.small-text {
 	width: 56px;
-	margin: -2px 0;
 }
 
 .options-general-php .spinner {
@@ -1170,7 +1101,7 @@ table.form-table td .updated p {
 
 .tools-privacy-policy-page input.button,
 .tools-privacy-policy-page select {
-	margin: 0 1px 0 6px;
+	margin-left: 6px;
 }
 
 .tools-privacy-edit {
@@ -1178,7 +1109,7 @@ table.form-table td .updated p {
 }
 
 .tools-privacy-policy-page span {
-	line-height: 2;
+	line-height: 2em;
 }
 
 .privacy_requests .column-email {
@@ -1200,10 +1131,6 @@ table.form-table td .updated p {
 	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 }
 
-.privacy_requests .row-actions {
-	color: #72777c;
-}
-
 .privacy_requests tbody .has-request-results th {
 	box-shadow: none;
 }
@@ -1222,6 +1149,9 @@ table.form-table td .updated p {
 }
 
 .privacy_requests .next_steps .button {
+	height: auto;
+	line-height: 1.5;
+	padding: 4px 10px;
 	word-break: break-all;
 	white-space: unset;
 }
@@ -1273,6 +1203,7 @@ table.form-table td .updated p {
 }
 
 .wp-privacy-request-form input {
+	line-height: 1.5;
 	margin: 0;
 }
 
@@ -1308,26 +1239,21 @@ table.form-table td .updated p {
 	}
 
 	input[type="text"],
-	input[type="password"],
-	input[type="date"],
-	input[type="datetime"],
-	input[type="datetime-local"],
 	input[type="email"],
-	input[type="month"],
-	input[type="number"],
 	input[type="search"],
-	input[type="tel"],
-	input[type="time"],
-	input[type="url"],
-	input[type="week"] {
+	input[type="password"],
+	input[type="number"] {
 		-webkit-appearance: none;
-		padding: 3px 10px;
-		/* Only necessary for IE11 */
-		min-height: 40px;
+		padding: 6px 10px;
 	}
 
-	::-webkit-datetime-edit {
-		line-height: 1.875; /* 30px */
+	input[type="number"] {
+		height: 40px;
+	}
+
+	input.code {
+		padding-bottom: 5px;
+		padding-top: 10px;
 	}
 
 	input[type="checkbox"],
@@ -1335,6 +1261,7 @@ table.form-table td .updated p {
 	.widefat thead td input[type="checkbox"],
 	.widefat tfoot td input[type="checkbox"] {
 		-webkit-appearance: none;
+		padding: 10px;
 	}
 
 	.widefat th input[type="checkbox"],
@@ -1347,47 +1274,41 @@ 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 {
-		width: 1.875rem;
-		height: 1.875rem;
-		margin: -0.1875rem -0.3125rem;
+		font: normal 30px/1 dashicons;
+		margin: -3px -5px;
 	}
 
 	input[type="radio"],
 	input[type="checkbox"] {
-		height: 1.5625rem;
-		width: 1.5625rem;
+		height: 25px;
+		width: 25px;
 	}
 
 	.wp-admin p input[type="checkbox"],
 	.wp-admin p input[type="radio"] {
-		margin-top: -0.1875rem;
+		margin-top: -3px;
 	}
 
 	input[type="radio"]:checked:before {
 		vertical-align: middle;
-		width: 0.5625rem;
-		height: 0.5625rem;
-		margin: 0.4375rem;
-		line-height: 0.76190476;
+		width: 9px;
+		height: 9px;
+		margin: 7px;
+		line-height: 16px;
 	}
 
 	.wp-upload-form input[type="submit"] {
 		margin-top: 10px;
 	}
 
-	.wp-core-ui select,
-	.wp-admin .form-table select {
-		min-height: 40px;
+	#wpbody select {
+		height: 36px;
 		font-size: 16px;
-		line-height: 1.625; /* 26px */
-		padding: 5px 24px 5px 8px;
 	}
 
 	.wp-admin .button-cancel {
-		margin-bottom: 0;
-		padding: 2px 0;
+		padding: 0;
 		font-size: 14px;
-		vertical-align: middle;
 	}
 
 	#adduser .form-field input,
@@ -1437,6 +1358,9 @@ table.form-table td .updated p {
 	.form-table span.description,
 	#profile-page .form-table textarea {
 		width: 100%;
+		font-size: 16px;
+		line-height: 1.5;
+		padding: 7px 10px;
 		display: block;
 		max-width: none;
 		box-sizing: border-box;
@@ -1447,6 +1371,10 @@ table.form-table td .updated p {
 		margin: -30px 3px 0 0;
 	}
 
+	#wpbody .form-table td select {
+		height: 40px;
+	}
+
 	input[type="text"].small-text,
 	input[type="search"].small-text,
 	input[type="password"].small-text,
@@ -1476,10 +1404,12 @@ table.form-table td .updated p {
 	}
 
 	p.search-box input[name="s"] {
+		height: auto;
 		float: none;
 		width: 100%;
 		margin-bottom: 10px;
 		vertical-align: middle;
+		-webkit-appearance: none;
 	}
 
 	p.search-box input[type="submit"] {
@@ -1489,7 +1419,7 @@ table.form-table td .updated p {
 	.form-table span.description {
 		display: inline;
 		padding: 4px 0 0;
-		line-height: 1.4;
+		line-height: 1.4em;
 		font-size: 14px;
 	}
 
@@ -1508,7 +1438,6 @@ table.form-table td .updated p {
 
 	.form-table.permalink-structure td code {
 		margin-left: 32px;
-		display: inline-block;
 	}
 
 	.form-table.permalink-structure td input[type="text"] {
@@ -1525,10 +1454,6 @@ table.form-table td .updated p {
 		font-size: 14px;
 	}
 
-	.background-position-control .button-group > label {
-		font-size: 0;
-	}
-
 	.form-table fieldset label {
 		display: block;
 	}
@@ -1549,9 +1474,9 @@ table.form-table td .updated p {
 		position: relative;
 	}
 
-	/* Needs higher specificity than normal input type text and password. */
-	#profile-page .form-table #pass1 {
-		padding-right: 90px;
+	.wp-pwd [type="text"],
+	.wp-pwd [type="password"] {
+		padding-right: 88px;
 	}
 
 	.wp-pwd button.button {
@@ -1564,14 +1489,10 @@ table.form-table td .updated p {
 		position: absolute;
 		right: 0;
 		top: 0;
-		width: 2.375rem;
-		height: 2.375rem;
-		min-width: 40px;
-		min-height: 40px;
 	}
 
 	.wp-pwd button.wp-hide-pw {
-		right: 2.5rem;
+		right: 40px;
 	}
 
 	.wp-pwd button.button:hover,
@@ -1589,12 +1510,6 @@ table.form-table td .updated p {
 		display: none;
 	}
 
-	.wp-pwd [type="text"],
-	.wp-pwd [type="password"] {
-		line-height: 2;
-		padding-right: 5rem;
-	}
-
 	.wp-cancel-pw .dashicons-no {
 		display: inline-block;
 	}

wp-admin/css/install-rtl.css

@@ -96,7 +96,7 @@ label {
 	height: 84px;
 	font-size: 20px;
 	font-weight: 400;
-	line-height: 1.3;
+	line-height: 1.3em;
 	margin: -130px auto 25px;
 	padding: 0;
 	text-decoration: none;
@@ -115,7 +115,10 @@ label {
 	padding: 0;
 }
 .language-chooser.wp-core-ui .step .button.button-large {
+	height: 36px;
 	font-size: 14px;
+	line-height: 33px;
+	vertical-align: middle;
 }
 textarea {
 	border: 1px solid #ddd;
@@ -146,7 +149,7 @@ textarea {
 }
 
 .form-table code {
-	line-height: 1.28571428;
+	line-height: 18px;
 	font-size: 14px;
 }
 
@@ -156,7 +159,7 @@ textarea {
 }
 
 .form-table input {
-	line-height: 1.33333333;
+	line-height: 20px;
 	font-size: 15px;
 	padding: 3px 5px;
 	border: 1px solid #ddd;
@@ -202,7 +205,7 @@ submit {
 
 #error-page p {
 	font-size: 14px;
-	line-height: 1.28571428;
+	line-height: 18px;
 	margin: 25px 0 20px;
 }
 
@@ -298,17 +301,6 @@ body.rtl,
 		box-sizing: border-box;
 	}
 
-	.wp-pwd #pass1 {
-		padding-left: 50px;
-	}
-
-	.wp-pwd .button.wp-hide-pw {
-		left: 0;
-	}
-
-	#pass-strength-result {
-		width: 100%;
-	}
 }
 
 body.language-chooser {
@@ -320,22 +312,13 @@ body.language-chooser {
 	width: 100%;
 	display: block;
 	border: 1px solid #ddd;
-	background: #fff;
+	background-color: #fff;
 	color: #32373c;
 	font-size: 16px;
 	font-family: Arial, sans-serif;
 	font-weight: 400;
 }
 
-.language-chooser select:focus {
-	color: #32373c;
-}
-
-.language-chooser select option:hover,
-.language-chooser select option:focus {
-	color: #016087;
-}
-
 .language-chooser p {
 	text-align: left;
 }

wp-admin/css/install.css

@@ -96,7 +96,7 @@ label {
 	height: 84px;
 	font-size: 20px;
 	font-weight: 400;
-	line-height: 1.3;
+	line-height: 1.3em;
 	margin: -130px auto 25px;
 	padding: 0;
 	text-decoration: none;
@@ -115,7 +115,10 @@ label {
 	padding: 0;
 }
 .language-chooser.wp-core-ui .step .button.button-large {
+	height: 36px;
 	font-size: 14px;
+	line-height: 33px;
+	vertical-align: middle;
 }
 textarea {
 	border: 1px solid #ddd;
@@ -146,7 +149,7 @@ textarea {
 }
 
 .form-table code {
-	line-height: 1.28571428;
+	line-height: 18px;
 	font-size: 14px;
 }
 
@@ -156,7 +159,7 @@ textarea {
 }
 
 .form-table input {
-	line-height: 1.33333333;
+	line-height: 20px;
 	font-size: 15px;
 	padding: 3px 5px;
 	border: 1px solid #ddd;
@@ -202,7 +205,7 @@ submit {
 
 #error-page p {
 	font-size: 14px;
-	line-height: 1.28571428;
+	line-height: 18px;
 	margin: 25px 0 20px;
 }
 
@@ -298,17 +301,6 @@ body.rtl,
 		box-sizing: border-box;
 	}
 
-	.wp-pwd #pass1 {
-		padding-right: 50px;
-	}
-
-	.wp-pwd .button.wp-hide-pw {
-		right: 0;
-	}
-
-	#pass-strength-result {
-		width: 100%;
-	}
 }
 
 body.language-chooser {
@@ -320,22 +312,13 @@ body.language-chooser {
 	width: 100%;
 	display: block;
 	border: 1px solid #ddd;
-	background: #fff;
+	background-color: #fff;
 	color: #32373c;
 	font-size: 16px;
 	font-family: Arial, sans-serif;
 	font-weight: 400;
 }
 
-.language-chooser select:focus {
-	color: #32373c;
-}
-
-.language-chooser select option:hover,
-.language-chooser select option:focus {
-	color: #016087;
-}
-
 .language-chooser p {
 	text-align: right;
 }

wp-admin/css/list-tables-rtl.css

@@ -58,7 +58,7 @@
 	background-color: #72777c;
 	color: #fff;
 	font-size: 11px;
-	line-height: 1.90909090;
+	line-height: 21px;
 	text-align: center;
 }
 
@@ -109,7 +109,7 @@
 	background: #ca4a1f;
 	color: #fff;
 	font-size: 9px;
-	line-height: 1.88888888;
+	line-height: 17px;
 	text-align: center;
 }
 
@@ -310,11 +310,6 @@ table.fixed {
 	width: 10%;
 }
 
-.column-date span[title] {
-	-webkit-text-decoration: dotted underline;
-	text-decoration: dotted underline;
-}
-
 .fixed .column-posts {
 	width: 74px;
 }
@@ -407,7 +402,7 @@ table.media .column-title .filename {
 }
 
 #commentsdiv .inside .row-actions {
-	line-height: 1.38461538;
+	line-height: 18px;
 }
 
 #commentsdiv .inside .column-author {
@@ -465,7 +460,7 @@ table.media .column-title .filename {
 	top: -4px;
 	right: -8px;
 	color: #444;
-	line-height: 0.5;
+	line-height: 10px;
 	position: relative;
 	vertical-align: top;
 	-webkit-font-smoothing: antialiased;
@@ -542,14 +537,13 @@ th.asc a:focus span.sorting-indicator:before {
 	content: "\f142";
 }
 
-.locked-indicator {
-	display: none;
+tr.wp-locked .locked-indicator {
 	margin-right: 6px;
 	height: 20px;
 	width: 16px;
 }
 
-.locked-indicator-icon:before {
+tr.wp-locked .locked-indicator-icon:before {
 	color: #82878c;
 	content: "\f160";
 	display: inline-block;
@@ -560,25 +554,30 @@ th.asc a:focus span.sorting-indicator:before {
 	-moz-osx-font-smoothing: grayscale;
 }
 
-.locked-info {
+tr.wp-locked .check-column label,
+tr.wp-locked .check-column input[type="checkbox"],
+tr.wp-locked .row-actions .inline,
+tr.wp-locked .row-actions .trash {
 	display: none;
+}
+
+tr .locked-info {
+	height: 0;
+	opacity: 0;
+}
+
+tr.wp-locked .locked-info {
 	margin-top: 4px;
+	height: auto;
+	opacity: 1;
 }
 
 .locked-text {
 	vertical-align: top;
 }
 
-.wp-locked .locked-indicator,
-.wp-locked .locked-info {
-	display: block;
-}
-
-tr.wp-locked .check-column label,
-tr.wp-locked .check-column input[type="checkbox"],
-tr.wp-locked .row-actions .inline,
-tr.wp-locked .row-actions .trash {
-	display: none;
+tr.locked-info, tr.wp-locked .locked-info {
+	transition: height 1s, opacity 0.5s;
 }
 
 .fixed .column-comments .sorting-indicator {
@@ -622,6 +621,8 @@ th.asc a:focus span.sorting-indicator {
 
 .tablenav-pages .current-page {
 	margin: 0 0 0 2px;
+	padding-top: 5px;
+	padding-bottom: 5px;
 	font-size: 13px;
 	text-align: center;
 }
@@ -638,7 +639,6 @@ th.asc a:focus span.sorting-indicator {
 	clear: both;
 	height: 30px;
 	margin: 6px 0 4px;
-	padding-top: 5px;
 	vertical-align: middle;
 }
 
@@ -648,7 +648,7 @@ th.asc a:focus span.sorting-indicator {
 
 .tablenav .tablenav-pages {
 	float: left;
-	margin: 0 0 9px;
+	margin: 3px 0 9px;
 }
 
 .tablenav .no-pages,
@@ -660,12 +660,12 @@ th.asc a:focus span.sorting-indicator {
 .tablenav .tablenav-pages .tablenav-pages-navspan {
 	display: inline-block;
 	vertical-align: baseline;
-	min-width: 30px;
-	min-height: 30px;
+	min-width: 28px;
+	min-height: 28px;
 	margin: 0;
 	padding: 0 4px;
 	font-size: 16px;
-	line-height: 1.625; /* 26px */
+	line-height: 1.5;
 	text-align: center;
 }
 
@@ -679,7 +679,8 @@ th.asc a:focus span.sorting-indicator {
 }
 
 .tablenav .actions {
-	padding: 0 0 0 8px;
+	overflow: hidden;
+	padding: 2px 0 0 8px;
 }
 
 .wp-filter .actions {
@@ -714,7 +715,7 @@ th.asc a:focus span.sorting-indicator {
 	width: 28px;
 	height: 28px;
 	text-align: center;
-	line-height: 1.84615384;
+	line-height: 24px;
 	text-decoration: none;
 }
 
@@ -948,8 +949,8 @@ tr.inline-edit-row td,
 .inline-edit-row fieldset.inline-edit-date label {
 	display: inline-block;
 	margin: 0;
+	line-height: 1.5;
 	vertical-align: baseline;
-	line-height: 2;
 }
 
 .inline-edit-row fieldset label.inline-edit-tags {
@@ -973,6 +974,11 @@ tr.inline-edit-row td,
 	padding: 0;
 }
 
+.inline-edit-row fieldset.inline-edit-date select {
+	margin: 1px;
+	line-height: 28px;
+}
+
 .inline-edit-row fieldset label span.input-text-wrap,
 .inline-edit-row fieldset .timestamp-wrap {
 	display: block;
@@ -1032,11 +1038,14 @@ tr.inline-edit-row td,
 
 .inline-edit-row fieldset input[name=jj],
 .inline-edit-row fieldset input[name=hh],
-.inline-edit-row fieldset input[name=mn],
+.inline-edit-row fieldset input[name=mn] {
+	font-size: 12px;
+	width: 2.3em;
+}
+
 .inline-edit-row fieldset input[name=aa] {
-	vertical-align: middle;
-	text-align: center;
-	padding: 0 4px;
+	font-size: 12px;
+	width: 3.5em;
 }
 
 .inline-edit-row fieldset label input.inline-edit-password-input {
@@ -1161,7 +1170,7 @@ ul.cat-checklist {
 }
 
 .plugins td.desc {
-	line-height: 1.5;
+	line-height: 1.5em;
 }
 
 .plugins .desc ul,
@@ -1460,7 +1469,7 @@ div.action-links,
 }
 
 .plugin-card h3 {
-	margin: 0 0 12px 12px;
+	margin: 0 0 12px;
 	font-size: 18px;
 	line-height: 1.3;
 }
@@ -1517,7 +1526,7 @@ div.action-links,
 }
 
 .plugin-card .column-rating {
-	line-height: 1.76923076;
+	line-height: 23px;
 }
 
 .plugin-card .column-rating,
@@ -1641,10 +1650,6 @@ div.action-links,
 		margin-left: 20px;
 	}
 
-	.plugin-card h3 {
-		margin-left: 24px;
-	}
-
 	.plugin-card .name,
 	.plugin-card .desc {
 		margin-left: 0;
@@ -1690,7 +1695,7 @@ div.action-links,
 	.view-switch a {
 		width: 36px;
 		height: 36px;
-		line-height: 2.53846153;
+		line-height: 33px;
 	}
 
 	/* Pagination */
@@ -1741,7 +1746,7 @@ div.action-links,
 		min-width: 44px;
 		padding: 12px 6px;
 		font-size: 16px;
-		line-height: 1.125;
+		line-height: 18px;
 	}
 
 	/* WP List Table Adjustments: General */
@@ -1765,10 +1770,7 @@ div.action-links,
 	/* Checkboxes need to show */
 	.wp-list-table tr th.check-column {
 		display: table-cell;
-	}
-
-	.wp-list-table .check-column {
-		width: 2.5em;
+		width: 35px;
 	}
 
 	.wp-list-table .column-primary .toggle-row {
@@ -1920,7 +1922,6 @@ div.action-links,
 	.row-actions span .button-link {
 		display: inline-block;
 		padding: 4px 0;
-		line-height: 1.5;
 	}
 
 	.row-actions span.approve:before,
@@ -1958,15 +1959,6 @@ div.action-links,
 		box-sizing: border-box;
 	}
 
-	.inline-edit-row fieldset input[name=jj],
-	.inline-edit-row fieldset input[name=hh],
-	.inline-edit-row fieldset input[name=mn],
-	.inline-edit-row fieldset input[name=aa] {
-		font-size: 16px;
-		line-height: 2;
-		padding: 3px 4px;
-	}
-
 	.inline-edit-row fieldset ul.cat-checklist label,
 	.inline-edit-row #bulk-titles div {
 		font-size: 16px;
@@ -1990,6 +1982,16 @@ div.action-links,
 		margin-right: 0;
 	}
 
+	.inline-edit-row fieldset input[name=jj],
+	.inline-edit-row fieldset input[name=hh],
+	.inline-edit-row fieldset input[name=mn] {
+		width: 3em;
+	}
+
+	.inline-edit-row fieldset input[name=aa] {
+		width: 4.5em;
+	}
+
 	.inline-edit-row .inline-edit-or {
 		margin: 0 0 0 6px;
 	}

wp-admin/css/list-tables.css

@@ -58,7 +58,7 @@
 	background-color: #72777c;
 	color: #fff;
 	font-size: 11px;
-	line-height: 1.90909090;
+	line-height: 21px;
 	text-align: center;
 }
 
@@ -109,7 +109,7 @@
 	background: #ca4a1f;
 	color: #fff;
 	font-size: 9px;
-	line-height: 1.88888888;
+	line-height: 17px;
 	text-align: center;
 }
 
@@ -310,11 +310,6 @@ table.fixed {
 	width: 10%;
 }
 
-.column-date span[title] {
-	-webkit-text-decoration: dotted underline;
-	text-decoration: dotted underline;
-}
-
 .fixed .column-posts {
 	width: 74px;
 }
@@ -407,7 +402,7 @@ table.media .column-title .filename {
 }
 
 #commentsdiv .inside .row-actions {
-	line-height: 1.38461538;
+	line-height: 18px;
 }
 
 #commentsdiv .inside .column-author {
@@ -465,7 +460,7 @@ table.media .column-title .filename {
 	top: -4px;
 	left: -8px;
 	color: #444;
-	line-height: 0.5;
+	line-height: 10px;
 	position: relative;
 	vertical-align: top;
 	-webkit-font-smoothing: antialiased;
@@ -542,14 +537,13 @@ th.asc a:focus span.sorting-indicator:before {
 	content: "\f142";
 }
 
-.locked-indicator {
-	display: none;
+tr.wp-locked .locked-indicator {
 	margin-left: 6px;
 	height: 20px;
 	width: 16px;
 }
 
-.locked-indicator-icon:before {
+tr.wp-locked .locked-indicator-icon:before {
 	color: #82878c;
 	content: "\f160";
 	display: inline-block;
@@ -560,25 +554,30 @@ th.asc a:focus span.sorting-indicator:before {
 	-moz-osx-font-smoothing: grayscale;
 }
 
-.locked-info {
+tr.wp-locked .check-column label,
+tr.wp-locked .check-column input[type="checkbox"],
+tr.wp-locked .row-actions .inline,
+tr.wp-locked .row-actions .trash {
 	display: none;
+}
+
+tr .locked-info {
+	height: 0;
+	opacity: 0;
+}
+
+tr.wp-locked .locked-info {
 	margin-top: 4px;
+	height: auto;
+	opacity: 1;
 }
 
 .locked-text {
 	vertical-align: top;
 }
 
-.wp-locked .locked-indicator,
-.wp-locked .locked-info {
-	display: block;
-}
-
-tr.wp-locked .check-column label,
-tr.wp-locked .check-column input[type="checkbox"],
-tr.wp-locked .row-actions .inline,
-tr.wp-locked .row-actions .trash {
-	display: none;
+tr.locked-info, tr.wp-locked .locked-info {
+	transition: height 1s, opacity 0.5s;
 }
 
 .fixed .column-comments .sorting-indicator {
@@ -622,6 +621,8 @@ th.asc a:focus span.sorting-indicator {
 
 .tablenav-pages .current-page {
 	margin: 0 2px 0 0;
+	padding-top: 5px;
+	padding-bottom: 5px;
 	font-size: 13px;
 	text-align: center;
 }
@@ -638,7 +639,6 @@ th.asc a:focus span.sorting-indicator {
 	clear: both;
 	height: 30px;
 	margin: 6px 0 4px;
-	padding-top: 5px;
 	vertical-align: middle;
 }
 
@@ -648,7 +648,7 @@ th.asc a:focus span.sorting-indicator {
 
 .tablenav .tablenav-pages {
 	float: right;
-	margin: 0 0 9px;
+	margin: 3px 0 9px;
 }
 
 .tablenav .no-pages,
@@ -660,12 +660,12 @@ th.asc a:focus span.sorting-indicator {
 .tablenav .tablenav-pages .tablenav-pages-navspan {
 	display: inline-block;
 	vertical-align: baseline;
-	min-width: 30px;
-	min-height: 30px;
+	min-width: 28px;
+	min-height: 28px;
 	margin: 0;
 	padding: 0 4px;
 	font-size: 16px;
-	line-height: 1.625; /* 26px */
+	line-height: 1.5;
 	text-align: center;
 }
 
@@ -679,7 +679,8 @@ th.asc a:focus span.sorting-indicator {
 }
 
 .tablenav .actions {
-	padding: 0 8px 0 0;
+	overflow: hidden;
+	padding: 2px 8px 0 0;
 }
 
 .wp-filter .actions {
@@ -714,7 +715,7 @@ th.asc a:focus span.sorting-indicator {
 	width: 28px;
 	height: 28px;
 	text-align: center;
-	line-height: 1.84615384;
+	line-height: 24px;
 	text-decoration: none;
 }
 
@@ -948,8 +949,8 @@ tr.inline-edit-row td,
 .inline-edit-row fieldset.inline-edit-date label {
 	display: inline-block;
 	margin: 0;
+	line-height: 1.5;
 	vertical-align: baseline;
-	line-height: 2;
 }
 
 .inline-edit-row fieldset label.inline-edit-tags {
@@ -973,6 +974,11 @@ tr.inline-edit-row td,
 	padding: 0;
 }
 
+.inline-edit-row fieldset.inline-edit-date select {
+	margin: 1px;
+	line-height: 28px;
+}
+
 .inline-edit-row fieldset label span.input-text-wrap,
 .inline-edit-row fieldset .timestamp-wrap {
 	display: block;
@@ -1032,11 +1038,14 @@ tr.inline-edit-row td,
 
 .inline-edit-row fieldset input[name=jj],
 .inline-edit-row fieldset input[name=hh],
-.inline-edit-row fieldset input[name=mn],
+.inline-edit-row fieldset input[name=mn] {
+	font-size: 12px;
+	width: 2.3em;
+}
+
 .inline-edit-row fieldset input[name=aa] {
-	vertical-align: middle;
-	text-align: center;
-	padding: 0 4px;
+	font-size: 12px;
+	width: 3.5em;
 }
 
 .inline-edit-row fieldset label input.inline-edit-password-input {
@@ -1161,7 +1170,7 @@ ul.cat-checklist {
 }
 
 .plugins td.desc {
-	line-height: 1.5;
+	line-height: 1.5em;
 }
 
 .plugins .desc ul,
@@ -1460,7 +1469,7 @@ div.action-links,
 }
 
 .plugin-card h3 {
-	margin: 0 12px 12px 0;
+	margin: 0 0 12px;
 	font-size: 18px;
 	line-height: 1.3;
 }
@@ -1517,7 +1526,7 @@ div.action-links,
 }
 
 .plugin-card .column-rating {
-	line-height: 1.76923076;
+	line-height: 23px;
 }
 
 .plugin-card .column-rating,
@@ -1641,10 +1650,6 @@ div.action-links,
 		margin-right: 20px;
 	}
 
-	.plugin-card h3 {
-		margin-right: 24px;
-	}
-
 	.plugin-card .name,
 	.plugin-card .desc {
 		margin-right: 0;
@@ -1690,7 +1695,7 @@ div.action-links,
 	.view-switch a {
 		width: 36px;
 		height: 36px;
-		line-height: 2.53846153;
+		line-height: 33px;
 	}
 
 	/* Pagination */
@@ -1741,7 +1746,7 @@ div.action-links,
 		min-width: 44px;
 		padding: 12px 6px;
 		font-size: 16px;
-		line-height: 1.125;
+		line-height: 18px;
 	}
 
 	/* WP List Table Adjustments: General */
@@ -1765,10 +1770,7 @@ div.action-links,
 	/* Checkboxes need to show */
 	.wp-list-table tr th.check-column {
 		display: table-cell;
-	}
-
-	.wp-list-table .check-column {
-		width: 2.5em;
+		width: 35px;
 	}
 
 	.wp-list-table .column-primary .toggle-row {
@@ -1920,7 +1922,6 @@ div.action-links,
 	.row-actions span .button-link {
 		display: inline-block;
 		padding: 4px 0;
-		line-height: 1.5;
 	}
 
 	.row-actions span.approve:before,
@@ -1958,15 +1959,6 @@ div.action-links,
 		box-sizing: border-box;
 	}
 
-	.inline-edit-row fieldset input[name=jj],
-	.inline-edit-row fieldset input[name=hh],
-	.inline-edit-row fieldset input[name=mn],
-	.inline-edit-row fieldset input[name=aa] {
-		font-size: 16px;
-		line-height: 2;
-		padding: 3px 4px;
-	}
-
 	.inline-edit-row fieldset ul.cat-checklist label,
 	.inline-edit-row #bulk-titles div {
 		font-size: 16px;
@@ -1990,6 +1982,16 @@ div.action-links,
 		margin-left: 0;
 	}
 
+	.inline-edit-row fieldset input[name=jj],
+	.inline-edit-row fieldset input[name=hh],
+	.inline-edit-row fieldset input[name=mn] {
+		width: 3em;
+	}
+
+	.inline-edit-row fieldset input[name=aa] {
+		width: 4.5em;
+	}
+
 	.inline-edit-row .inline-edit-or {
 		margin: 0 6px 0 0;
 	}

wp-admin/css/login-rtl.css

@@ -11,7 +11,7 @@ body {
 	color: #444;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 	font-size: 13px;
-	line-height: 1.4;
+	line-height: 1.4em;
 }
 
 a {
@@ -37,6 +37,10 @@ a:focus {
 		0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
+.ie8 a:focus {
+	outline: #5b9dd9 solid 1px;
+}
+
 p {
 	line-height: 1.5;
 }
@@ -71,6 +75,14 @@ p {
 	padding: 0;
 }
 
+.login .password-input-wrapper {
+	position: relative;
+}
+
+.login .input.password-input {
+	margin: 0;
+}
+
 .login .input::-ms-clear {
 	display: none;
 }
@@ -79,16 +91,13 @@ p {
 	margin-bottom: 15px;
 }
 
-.login .button.wp-hide-pw {
+.login .button.button-secondary {
 	background: transparent;
 	border: 1px solid transparent;
 	box-shadow: none;
 	font-size: 14px;
 	line-height: 2;
-	width: 2.5rem;
-	height: 2.5rem;
-	min-width: 40px;
-	min-height: 40px;
+	height: auto;
 	margin: 0;
 	padding: 5px 9px;
 	position: absolute;
@@ -96,38 +105,22 @@ p {
 	top: 0;
 }
 
-.login .button.wp-hide-pw:hover {
+.login .button.button-secondary:hover {
 	background: transparent;
 }
 
-.login .button.wp-hide-pw:focus {
+.login .button.button-secondary:focus {
 	background: transparent;
-	border-color: #007cba;
-	box-shadow: 0 0 0 1px #007cba;
-	/* Only visible in Windows High Contrast mode */
-	outline: 2px solid transparent;
+	border-color: #5b9dd9;
+	box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
 }
 
-.login .button.wp-hide-pw:active {
+.login .button.button-secondary:active {
 	background: transparent;
 	box-shadow: none;
 	transform: none;
 }
 
-.login .button.wp-hide-pw .dashicons {
-	width: 1.25rem;
-	height: 1.25rem;
-	top: 0.25rem;
-}
-
-.login .wp-pwd {
-	position: relative;
-}
-
-.no-js .hide-if-no-js {
-	display: none;
-}
-
 .login form {
 	margin-top: 20px;
 	margin-right: 0;
@@ -135,19 +128,7 @@ p {
 	font-weight: 400;
 	overflow: hidden;
 	background: #fff;
-	border: 1px solid #ccd0d4;
-	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
-}
-
-.login-action-confirm_admin_email #login {
-	width: 60vw;
-	margin-top: -2vh;
-}
-
-@media screen and (max-width: 782px) {
-	.login-action-confirm_admin_email #login {
-		width: 100vw;
-	}
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
 }
 
 .login form .forgetmenot {
@@ -160,36 +141,6 @@ p {
 	float: left;
 }
 
-.login .admin-email-confirm-form .submit {
-	text-align: center;
-}
-
-.admin-email__later {
-	text-align: right;
-}
-
-.login form p.admin-email__details {
-	margin: 1.1em 0;
-}
-
-.login h1.admin-email__heading {
-	border-bottom: 1px rgb(241, 241, 241) solid;
-	color: rgb(95, 95, 95);
-	font-weight: normal;
-	padding-bottom: 0.5em;
-	text-align: right;
-}
-
-.admin-email__actions div {
-	padding-top: 1.5em;
-}
-
-.login .admin-email__actions .button-primary {
-	float: none;
-	margin-right: 0.25em;
-	margin-left: 0.25em;
-}
-
 #login form p {
 	margin-bottom: 0;
 }
@@ -201,15 +152,11 @@ p {
 
 .login label {
 	font-size: 14px;
-	line-height: 1.5;
-	display: inline-block;
-	margin-bottom: 3px;
 }
 
-.login .forgetmenot label,
-.login .pw-weak label {
-	line-height: 1.5;
-	vertical-align: baseline;
+.login form .forgetmenot label {
+	font-size: 12px;
+	line-height: 19px;
 }
 
 .login h1 {
@@ -226,7 +173,7 @@ p {
 	height: 84px;
 	font-size: 20px;
 	font-weight: 400;
-	line-height: 1.3;
+	line-height: 1.3em;
 	margin: 0 auto 25px;
 	padding: 0;
 	text-decoration: none;
@@ -282,22 +229,16 @@ p {
 }
 
 .login form .input,
-.login input[type="text"],
-.login input[type="password"] {
+.login input[type="text"] {
 	font-size: 24px;
-	line-height: 1.33333333; /* 32px */
 	width: 100%;
-	border-width: 0.0625rem;
-	padding: 0.1875rem 0.3125rem; /* 3px 5px */
-	margin: 0 0 16px 6px;
-	min-height: 40px;
-	max-height: none;
+	padding: 5px;
+	margin: 2px 0 16px 6px;
 }
 
-.js.login input.password-input,
-.js.login-action-rp form .input,
-.js.login-action-rp input[type="text"] {
-	padding-left: 2.5rem;
+.login-action-rp form .input,
+.login-action-rp input[type="text"] {
+	padding: 5px 5px 5px 45px;
 }
 
 .login form .input,
@@ -306,9 +247,14 @@ p {
 	background: #fbfbfb;
 }
 
-.js.login-action-rp input[type="text"],
-.js.login-action-rp input[type="password"] {
-	margin-bottom: 0;
+.ie7 .login form .input,
+.ie8 .login form .input {
+	font-family: sans-serif;
+}
+
+.login-action-rp input[type="text"] {
+	box-shadow: none;
+	margin: 0;
 }
 
 .login #pass-strength-result {
@@ -341,27 +287,6 @@ body.interim-login {
 	margin: 0;
 }
 
-/* Hide visually but not from screen readers */
-.screen-reader-text,
-.screen-reader-text span {
-	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;
-	width: 1px;
-	word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
-}
-
-/* Hide the Edge "reveal password" native button */
-input::-ms-reveal {
-	display: none;
-}
-
 @-ms-viewport {
 	width: device-width;
 }
@@ -372,16 +297,15 @@ input::-ms-reveal {
 	}
 }
 
-
 @media screen and (max-width: 782px) {
 	.interim-login input[type=checkbox] {
-		width: 1rem;
-		height: 1rem;
+		height: 16px;
+		width: 16px;
 	}
 
 	.interim-login input[type=checkbox]:checked:before {
-		width: 1.3125rem;
-		height: 1.3125rem;
-		margin: -0.1875rem -0.25rem 0 0;
+		width: 16px;
+		font: normal 21px/1 dashicons;
+		margin: -3px -4px 0 0;
 	}
 }

wp-admin/css/login.css

@@ -11,7 +11,7 @@ body {
 	color: #444;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 	font-size: 13px;
-	line-height: 1.4;
+	line-height: 1.4em;
 }
 
 a {
@@ -37,6 +37,10 @@ a:focus {
 		0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
+.ie8 a:focus {
+	outline: #5b9dd9 solid 1px;
+}
+
 p {
 	line-height: 1.5;
 }
@@ -71,6 +75,14 @@ p {
 	padding: 0;
 }
 
+.login .password-input-wrapper {
+	position: relative;
+}
+
+.login .input.password-input {
+	margin: 0;
+}
+
 .login .input::-ms-clear {
 	display: none;
 }
@@ -79,16 +91,13 @@ p {
 	margin-bottom: 15px;
 }
 
-.login .button.wp-hide-pw {
+.login .button.button-secondary {
 	background: transparent;
 	border: 1px solid transparent;
 	box-shadow: none;
 	font-size: 14px;
 	line-height: 2;
-	width: 2.5rem;
-	height: 2.5rem;
-	min-width: 40px;
-	min-height: 40px;
+	height: auto;
 	margin: 0;
 	padding: 5px 9px;
 	position: absolute;
@@ -96,38 +105,22 @@ p {
 	top: 0;
 }
 
-.login .button.wp-hide-pw:hover {
+.login .button.button-secondary:hover {
 	background: transparent;
 }
 
-.login .button.wp-hide-pw:focus {
+.login .button.button-secondary:focus {
 	background: transparent;
-	border-color: #007cba;
-	box-shadow: 0 0 0 1px #007cba;
-	/* Only visible in Windows High Contrast mode */
-	outline: 2px solid transparent;
+	border-color: #5b9dd9;
+	box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
 }
 
-.login .button.wp-hide-pw:active {
+.login .button.button-secondary:active {
 	background: transparent;
 	box-shadow: none;
 	transform: none;
 }
 
-.login .button.wp-hide-pw .dashicons {
-	width: 1.25rem;
-	height: 1.25rem;
-	top: 0.25rem;
-}
-
-.login .wp-pwd {
-	position: relative;
-}
-
-.no-js .hide-if-no-js {
-	display: none;
-}
-
 .login form {
 	margin-top: 20px;
 	margin-left: 0;
@@ -135,19 +128,7 @@ p {
 	font-weight: 400;
 	overflow: hidden;
 	background: #fff;
-	border: 1px solid #ccd0d4;
-	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
-}
-
-.login-action-confirm_admin_email #login {
-	width: 60vw;
-	margin-top: -2vh;
-}
-
-@media screen and (max-width: 782px) {
-	.login-action-confirm_admin_email #login {
-		width: 100vw;
-	}
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
 }
 
 .login form .forgetmenot {
@@ -160,36 +141,6 @@ p {
 	float: right;
 }
 
-.login .admin-email-confirm-form .submit {
-	text-align: center;
-}
-
-.admin-email__later {
-	text-align: left;
-}
-
-.login form p.admin-email__details {
-	margin: 1.1em 0;
-}
-
-.login h1.admin-email__heading {
-	border-bottom: 1px rgb(241, 241, 241) solid;
-	color: rgb(95, 95, 95);
-	font-weight: normal;
-	padding-bottom: 0.5em;
-	text-align: left;
-}
-
-.admin-email__actions div {
-	padding-top: 1.5em;
-}
-
-.login .admin-email__actions .button-primary {
-	float: none;
-	margin-left: 0.25em;
-	margin-right: 0.25em;
-}
-
 #login form p {
 	margin-bottom: 0;
 }
@@ -201,15 +152,11 @@ p {
 
 .login label {
 	font-size: 14px;
-	line-height: 1.5;
-	display: inline-block;
-	margin-bottom: 3px;
 }
 
-.login .forgetmenot label,
-.login .pw-weak label {
-	line-height: 1.5;
-	vertical-align: baseline;
+.login form .forgetmenot label {
+	font-size: 12px;
+	line-height: 19px;
 }
 
 .login h1 {
@@ -226,7 +173,7 @@ p {
 	height: 84px;
 	font-size: 20px;
 	font-weight: 400;
-	line-height: 1.3;
+	line-height: 1.3em;
 	margin: 0 auto 25px;
 	padding: 0;
 	text-decoration: none;
@@ -282,22 +229,16 @@ p {
 }
 
 .login form .input,
-.login input[type="text"],
-.login input[type="password"] {
+.login input[type="text"] {
 	font-size: 24px;
-	line-height: 1.33333333; /* 32px */
 	width: 100%;
-	border-width: 0.0625rem;
-	padding: 0.1875rem 0.3125rem; /* 3px 5px */
-	margin: 0 6px 16px 0;
-	min-height: 40px;
-	max-height: none;
+	padding: 5px;
+	margin: 2px 6px 16px 0;
 }
 
-.js.login input.password-input,
-.js.login-action-rp form .input,
-.js.login-action-rp input[type="text"] {
-	padding-right: 2.5rem;
+.login-action-rp form .input,
+.login-action-rp input[type="text"] {
+	padding: 5px 45px 5px 5px;
 }
 
 .login form .input,
@@ -306,9 +247,14 @@ p {
 	background: #fbfbfb;
 }
 
-.js.login-action-rp input[type="text"],
-.js.login-action-rp input[type="password"] {
-	margin-bottom: 0;
+.ie7 .login form .input,
+.ie8 .login form .input {
+	font-family: sans-serif;
+}
+
+.login-action-rp input[type="text"] {
+	box-shadow: none;
+	margin: 0;
 }
 
 .login #pass-strength-result {
@@ -341,27 +287,6 @@ body.interim-login {
 	margin: 0;
 }
 
-/* Hide visually but not from screen readers */
-.screen-reader-text,
-.screen-reader-text span {
-	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;
-	width: 1px;
-	word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
-}
-
-/* Hide the Edge "reveal password" native button */
-input::-ms-reveal {
-	display: none;
-}
-
 @-ms-viewport {
 	width: device-width;
 }
@@ -372,16 +297,15 @@ input::-ms-reveal {
 	}
 }
 
-
 @media screen and (max-width: 782px) {
 	.interim-login input[type=checkbox] {
-		width: 1rem;
-		height: 1rem;
+		height: 16px;
+		width: 16px;
 	}
 
 	.interim-login input[type=checkbox]:checked:before {
-		width: 1.3125rem;
-		height: 1.3125rem;
-		margin: -0.1875rem 0 0 -0.25rem;
+		width: 16px;
+		font: normal 21px/1 dashicons;
+		margin: -3px 0 0 -4px;
 	}
 }

wp-admin/css/media-rtl.css

@@ -100,7 +100,7 @@
 .describe-toggle-on,
 .describe-toggle-off {
 	display: block;
-	line-height: 2.76923076;
+	line-height: 36px;
 	float: left;
 	margin-left: 10px;
 }
@@ -132,7 +132,7 @@
 }
 
 .media-item .filename {
-	line-height: 2.76923076;
+	line-height: 36px;
 	overflow: hidden;
 	margin-right: 6px;
 }
@@ -239,7 +239,7 @@
 	height: 36px;
 	font-size: 18px;
 	font-weight: 600;
-	line-height: 2;
+	line-height: 36px;
 	padding: 0 16px 0 36px;
 	position: absolute;
 	top: 0;
@@ -368,17 +368,40 @@
 	z-index: 100100;
 }
 
+ul#dismissed-updates {
+	display: none;
+}
+
+form.upgrade {
+	margin-top: 8px;
+}
+
+form.upgrade .hint {
+	font-style: italic;
+	font-size: 85%;
+	margin: -0.5em 0 2em 0;
+}
+
+#poststuff .inside .the-tagcloud {
+	margin: 5px 0 10px;
+	padding: 8px;
+	border: 1px solid #ddd;
+	line-height: 1.8em;
+	word-spacing: 3px;
+}
+
 .drag-drop #drag-drop-area {
 	border: 4px dashed #b4b9be;
 	height: 200px;
 }
 
 .drag-drop .drag-drop-inside {
-	margin: 60px auto 0;
+	margin: 70px auto 0;
 	width: 250px;
 }
 
 .drag-drop-inside p {
+	color: #a0a5aa;
 	font-size: 14px;
 	margin: 5px 0;
 	display: none;
@@ -479,6 +502,7 @@ border color while dragging a file over the uploader drop area */
 	color: #c00;
 }
 
+.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h3, /* Back-compat for pre-4.4 */
 .upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 {
 	display: none;
 }
@@ -538,6 +562,7 @@ border color while dragging a file over the uploader drop area */
 
 .media-frame.mode-grid .media-toolbar select {
 	margin: 0 0 0 10px;
+	font-size: 14px;
 }
 
 .media-frame.mode-grid.mode-edit .media-toolbar-secondary > .select-mode-toggle-button {
@@ -554,14 +579,8 @@ border color while dragging a file over the uploader drop area */
 	margin-top: 0;
 }
 
-.media-search-input-label {
-	margin: 0 0 0 .2em;
-	vertical-align: baseline;
-}
-
-.media-frame.mode-grid .media-search-input-label {
-	position: static;
-	margin: 0 0 0 .5em;
+.media-frame.mode-grid .spinner {
+	margin-top: 16px;
 }
 
 .attachments-browser .media-toolbar-secondary > .media-button {
@@ -687,11 +706,14 @@ border color while dragging a file over the uploader drop area */
 	content: "\f341";
 }
 
-.edit-attachment-frame .edit-media-header [disabled],
-.edit-attachment-frame .edit-media-header [disabled]:hover {
+.edit-attachment-frame .edit-media-header .left.disabled,
+.edit-attachment-frame .edit-media-header .right.disabled,
+.edit-attachment-frame .edit-media-header .left.disabled:hover,
+.edit-attachment-frame .edit-media-header .right.disabled:hover {
 	color: #ccc;
 	background: inherit;
 	cursor: default;
+	pointer-events: none;
 }
 
 .edit-attachment-frame .media-frame-content,
@@ -753,7 +775,7 @@ border color while dragging a file over the uploader drop area */
 .edit-attachment-frame input,
 .edit-attachment-frame textarea {
 	padding: 6px 8px;
-	line-height: 1.14285714;
+	line-height: 16px;
 }
 
 .edit-attachment-frame .attachment-info {
@@ -850,10 +872,8 @@ border color while dragging a file over the uploader drop area */
 }
 
 .wp_attachment_holder .imgedit-wrap .imgedit-panel-content {
-	float: right;
 	padding: 3px 0 0 16px;
-	min-width: 400px;
-	max-width: calc( 100% - 266px );
+	float: right;
 }
 
 .wp_attachment_holder .imgedit-wrap .imgedit-settings {
@@ -921,6 +941,7 @@ border color while dragging a file over the uploader drop area */
 }
 
 .imgedit-menu {
+	min-width: 300px;
 	margin: 0 0 12px;
 }
 
@@ -931,34 +952,31 @@ border color while dragging a file over the uploader drop area */
 }
 
 .image-editor .imgedit-menu .button {
-	display: inline-block;
-	width: auto;
-	min-height: 28px;
-	font-size: 13px;
-	line-height: 2;
-	margin: 0 0 8px 8px;
-	padding: 0 10px;
+	float: right;
+	width: 32px;
+	height: 32px;
+	margin: 0 0 0 8px;
+	padding: 0;
+	background: #f1f1f1;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	line-height: 16px;
+	color: #72777c;
 }
 
 .imgedit-menu .button:before {
-	font: normal 16px/1 dashicons;
-	margin-left: 8px;
+	font: normal 20px/1 dashicons;
 	speak: none;
 	vertical-align: middle;
-	position: relative;
-	top: -2px;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
 }
 
 .imgedit-menu .button.disabled {
-	color: #a0a5aa;
-	border-color: #ddd;
-	background: #f7f7f7;
-	box-shadow: none;
-	text-shadow: 0 1px 0 #fff;
+	border-color: #ccc;
+	background-color: #ddd;
+	color: #72777c;
+	filter: alpha(opacity=50);
+	opacity: 0.5;
 	cursor: default;
-	transform: none;
 }
 
 .imgedit-crop:before {
@@ -1035,6 +1053,7 @@ border color while dragging a file over the uploader drop area */
 	display: block;
 }
 
+#poststuff .imgedit-group-top h3, /* Back-compat for pre-4.4 */
 #poststuff .imgedit-group-top h2 {
 	display: inline-block;
 	margin: 0;
@@ -1112,40 +1131,28 @@ span.imgedit-scale-warn {
 	margin: 8px 0;
 }
 
-.imgedit-save-target legend {
-	font-weight: 600;
-}
-
 .imgedit-group {
 	margin-bottom: 8px;
 	padding: 10px;
 }
 
-.imgedit-settings .imgedit-original-dimensions {
-	display: inline-block;
-}
-
 .imgedit-settings .imgedit-scale input[type="text"],
 .imgedit-settings .imgedit-crop-ratio input[type="text"],
 .imgedit-settings .imgedit-crop-sel input[type="text"] {
-	width: 80px;
+	width: 50px;
 	font-size: 14px;
-	padding: 0 8px;
+	padding: 5px 8px;
 }
 
 .imgedit-separator {
 	display: inline-block;
 	width: 7px;
 	text-align: center;
+	vertical-align: middle;
 	font-size: 13px;
 	color: #444;
 }
 
-.imgedit-settings .imgedit-scale-button-wrapper {
-	margin-top: 0.3077em;
-	display: block;
-}
-
 .imgedit-settings .imgedit-scale .button {
 	margin-bottom: 0;
 }
@@ -1160,10 +1167,6 @@ audio, video {
 	max-width: 100%;
 }
 
-.mejs-container .mejs-controls {
-	box-sizing: border-box;
-}
-
 /* =Media Queries
 -------------------------------------------------------------- */
 
@@ -1181,7 +1184,7 @@ audio, video {
 @media screen and (max-width: 782px) {
 	.wp_attachment_details label[for="content"] {
 		font-size: 14px;
-		line-height: 1.5;
+		line-height: 1.5em;
 	}
 
 	.media-upload-form .media-item.error,
@@ -1201,15 +1204,13 @@ audio, video {
 	.imgedit-settings .imgedit-scale input[type="text"],
 	.imgedit-settings .imgedit-crop-ratio input[type="text"],
 	.imgedit-settings .imgedit-crop-sel input[type="text"] {
+		width: 60px;
 		font-size: 16px;
 		padding: 6px 10px;
 	}
 
-	.wp_attachment_holder .imgedit-wrap .imgedit-panel-content,
-	.wp_attachment_holder .imgedit-wrap .imgedit-settings {
-		float: none;
-		width: auto;
-		max-width: none;
+	.imgedit-applyto .imgedit-label {
+		vertical-align: middle;
 	}
 }
 
@@ -1249,6 +1250,10 @@ audio, video {
 		height: 40px;
 	}
 
+	.upload-php .media-modal-close .media-modal-icon {
+		margin: 9px 10px;
+	}
+
 	.edit-attachment-frame .edit-media-header .right:before,
 	.edit-attachment-frame .edit-media-header .left:before {
 		line-height: 40px !important;

wp-admin/css/media.css

@@ -100,7 +100,7 @@
 .describe-toggle-on,
 .describe-toggle-off {
 	display: block;
-	line-height: 2.76923076;
+	line-height: 36px;
 	float: right;
 	margin-right: 10px;
 }
@@ -132,7 +132,7 @@
 }
 
 .media-item .filename {
-	line-height: 2.76923076;
+	line-height: 36px;
 	overflow: hidden;
 	margin-left: 6px;
 }
@@ -239,7 +239,7 @@
 	height: 36px;
 	font-size: 18px;
 	font-weight: 600;
-	line-height: 2;
+	line-height: 36px;
 	padding: 0 36px 0 16px;
 	position: absolute;
 	top: 0;
@@ -368,17 +368,40 @@
 	z-index: 100100;
 }
 
+ul#dismissed-updates {
+	display: none;
+}
+
+form.upgrade {
+	margin-top: 8px;
+}
+
+form.upgrade .hint {
+	font-style: italic;
+	font-size: 85%;
+	margin: -0.5em 0 2em 0;
+}
+
+#poststuff .inside .the-tagcloud {
+	margin: 5px 0 10px;
+	padding: 8px;
+	border: 1px solid #ddd;
+	line-height: 1.8em;
+	word-spacing: 3px;
+}
+
 .drag-drop #drag-drop-area {
 	border: 4px dashed #b4b9be;
 	height: 200px;
 }
 
 .drag-drop .drag-drop-inside {
-	margin: 60px auto 0;
+	margin: 70px auto 0;
 	width: 250px;
 }
 
 .drag-drop-inside p {
+	color: #a0a5aa;
 	font-size: 14px;
 	margin: 5px 0;
 	display: none;
@@ -479,6 +502,7 @@ border color while dragging a file over the uploader drop area */
 	color: #c00;
 }
 
+.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h3, /* Back-compat for pre-4.4 */
 .upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 {
 	display: none;
 }
@@ -538,6 +562,7 @@ border color while dragging a file over the uploader drop area */
 
 .media-frame.mode-grid .media-toolbar select {
 	margin: 0 10px 0 0;
+	font-size: 14px;
 }
 
 .media-frame.mode-grid.mode-edit .media-toolbar-secondary > .select-mode-toggle-button {
@@ -554,14 +579,8 @@ border color while dragging a file over the uploader drop area */
 	margin-top: 0;
 }
 
-.media-search-input-label {
-	margin: 0 .2em 0 0;
-	vertical-align: baseline;
-}
-
-.media-frame.mode-grid .media-search-input-label {
-	position: static;
-	margin: 0 .5em 0 0;
+.media-frame.mode-grid .spinner {
+	margin-top: 16px;
 }
 
 .attachments-browser .media-toolbar-secondary > .media-button {
@@ -687,11 +706,14 @@ border color while dragging a file over the uploader drop area */
 	content: "\f345";
 }
 
-.edit-attachment-frame .edit-media-header [disabled],
-.edit-attachment-frame .edit-media-header [disabled]:hover {
+.edit-attachment-frame .edit-media-header .left.disabled,
+.edit-attachment-frame .edit-media-header .right.disabled,
+.edit-attachment-frame .edit-media-header .left.disabled:hover,
+.edit-attachment-frame .edit-media-header .right.disabled:hover {
 	color: #ccc;
 	background: inherit;
 	cursor: default;
+	pointer-events: none;
 }
 
 .edit-attachment-frame .media-frame-content,
@@ -753,7 +775,7 @@ border color while dragging a file over the uploader drop area */
 .edit-attachment-frame input,
 .edit-attachment-frame textarea {
 	padding: 6px 8px;
-	line-height: 1.14285714;
+	line-height: 16px;
 }
 
 .edit-attachment-frame .attachment-info {
@@ -850,10 +872,8 @@ border color while dragging a file over the uploader drop area */
 }
 
 .wp_attachment_holder .imgedit-wrap .imgedit-panel-content {
-	float: left;
 	padding: 3px 16px 0 0;
-	min-width: 400px;
-	max-width: calc( 100% - 266px );
+	float: left;
 }
 
 .wp_attachment_holder .imgedit-wrap .imgedit-settings {
@@ -921,6 +941,7 @@ border color while dragging a file over the uploader drop area */
 }
 
 .imgedit-menu {
+	min-width: 300px;
 	margin: 0 0 12px;
 }
 
@@ -931,34 +952,31 @@ border color while dragging a file over the uploader drop area */
 }
 
 .image-editor .imgedit-menu .button {
-	display: inline-block;
-	width: auto;
-	min-height: 28px;
-	font-size: 13px;
-	line-height: 2;
-	margin: 0 8px 8px 0;
-	padding: 0 10px;
+	float: left;
+	width: 32px;
+	height: 32px;
+	margin: 0 8px 0 0;
+	padding: 0;
+	background: #f1f1f1;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	line-height: 16px;
+	color: #72777c;
 }
 
 .imgedit-menu .button:before {
-	font: normal 16px/1 dashicons;
-	margin-right: 8px;
+	font: normal 20px/1 dashicons;
 	speak: none;
 	vertical-align: middle;
-	position: relative;
-	top: -2px;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
 }
 
 .imgedit-menu .button.disabled {
-	color: #a0a5aa;
-	border-color: #ddd;
-	background: #f7f7f7;
-	box-shadow: none;
-	text-shadow: 0 1px 0 #fff;
+	border-color: #ccc;
+	background-color: #ddd;
+	color: #72777c;
+	filter: alpha(opacity=50);
+	opacity: 0.5;
 	cursor: default;
-	transform: none;
 }
 
 .imgedit-crop:before {
@@ -1035,6 +1053,7 @@ border color while dragging a file over the uploader drop area */
 	display: block;
 }
 
+#poststuff .imgedit-group-top h3, /* Back-compat for pre-4.4 */
 #poststuff .imgedit-group-top h2 {
 	display: inline-block;
 	margin: 0;
@@ -1112,40 +1131,28 @@ span.imgedit-scale-warn {
 	margin: 8px 0;
 }
 
-.imgedit-save-target legend {
-	font-weight: 600;
-}
-
 .imgedit-group {
 	margin-bottom: 8px;
 	padding: 10px;
 }
 
-.imgedit-settings .imgedit-original-dimensions {
-	display: inline-block;
-}
-
 .imgedit-settings .imgedit-scale input[type="text"],
 .imgedit-settings .imgedit-crop-ratio input[type="text"],
 .imgedit-settings .imgedit-crop-sel input[type="text"] {
-	width: 80px;
+	width: 50px;
 	font-size: 14px;
-	padding: 0 8px;
+	padding: 5px 8px;
 }
 
 .imgedit-separator {
 	display: inline-block;
 	width: 7px;
 	text-align: center;
+	vertical-align: middle;
 	font-size: 13px;
 	color: #444;
 }
 
-.imgedit-settings .imgedit-scale-button-wrapper {
-	margin-top: 0.3077em;
-	display: block;
-}
-
 .imgedit-settings .imgedit-scale .button {
 	margin-bottom: 0;
 }
@@ -1160,10 +1167,6 @@ audio, video {
 	max-width: 100%;
 }
 
-.mejs-container .mejs-controls {
-	box-sizing: border-box;
-}
-
 /* =Media Queries
 -------------------------------------------------------------- */
 
@@ -1181,7 +1184,7 @@ audio, video {
 @media screen and (max-width: 782px) {
 	.wp_attachment_details label[for="content"] {
 		font-size: 14px;
-		line-height: 1.5;
+		line-height: 1.5em;
 	}
 
 	.media-upload-form .media-item.error,
@@ -1201,15 +1204,13 @@ audio, video {
 	.imgedit-settings .imgedit-scale input[type="text"],
 	.imgedit-settings .imgedit-crop-ratio input[type="text"],
 	.imgedit-settings .imgedit-crop-sel input[type="text"] {
+		width: 60px;
 		font-size: 16px;
 		padding: 6px 10px;
 	}
 
-	.wp_attachment_holder .imgedit-wrap .imgedit-panel-content,
-	.wp_attachment_holder .imgedit-wrap .imgedit-settings {
-		float: none;
-		width: auto;
-		max-width: none;
+	.imgedit-applyto .imgedit-label {
+		vertical-align: middle;
 	}
 }
 
@@ -1249,6 +1250,10 @@ audio, video {
 		height: 40px;
 	}
 
+	.upload-php .media-modal-close .media-modal-icon {
+		margin: 9px 10px;
+	}
+
 	.edit-attachment-frame .edit-media-header .right:before,
 	.edit-attachment-frame .edit-media-header .left:before {
 		line-height: 40px !important;

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

@@ -413,10 +413,6 @@ ul.add-menu-item-tabs li {
 	margin-top: -4px;
 }
 
-.menu-item-title .post-state {
-	font-weight: 600;
-}
-
 /* Nav Menu */
 #menu-container .inside {
 	padding-bottom: 10px;
@@ -454,7 +450,7 @@ ul.add-menu-item-tabs li {
 	height: auto;
 	min-height: 20px;
 	width: 382px;
-	line-height: 2.30769230;
+	line-height: 2.4;
 	overflow: hidden;
 	word-wrap: break-word;
 }
@@ -484,7 +480,7 @@ ul.add-menu-item-tabs li {
 .menu-item-handle .item-title {
 	font-size: 13px;
 	font-weight: 600;
-	line-height: 1.53846153;
+	line-height: 1.6;
 	display: block;
 	/* @todo: responsive view. */
 	margin-left: 13em;
@@ -651,7 +647,7 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 	padding: 10px 10px 10px 0;
 	position: relative;
 	z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
-	border: 1px solid #ccd0d4;
+	border: 1px solid #e5e5e5;
 	border-top: none;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 }
@@ -741,7 +737,7 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 .nav-menus-php .major-publishing-actions {
 	clear: both;
 	padding: 10px 0;
-	line-height: 2.15384615;
+	line-height: 2.1;
 }
 
 .nav-menus-php .major-publishing-actions .publishing-action {
@@ -845,7 +841,7 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 
 	.nav-menus-php .delete-action {
 		font-size: 14px;
-		line-height: 2.14285714;
+		line-height: 2.1;
 	}
 
 	.menu-item-bar .menu-item-handle,

wp-admin/css/nav-menus.css

@@ -413,10 +413,6 @@ ul.add-menu-item-tabs li {
 	margin-top: -4px;
 }
 
-.menu-item-title .post-state {
-	font-weight: 600;
-}
-
 /* Nav Menu */
 #menu-container .inside {
 	padding-bottom: 10px;
@@ -454,7 +450,7 @@ ul.add-menu-item-tabs li {
 	height: auto;
 	min-height: 20px;
 	width: 382px;
-	line-height: 2.30769230;
+	line-height: 2.4;
 	overflow: hidden;
 	word-wrap: break-word;
 }
@@ -484,7 +480,7 @@ ul.add-menu-item-tabs li {
 .menu-item-handle .item-title {
 	font-size: 13px;
 	font-weight: 600;
-	line-height: 1.53846153;
+	line-height: 1.6;
 	display: block;
 	/* @todo: responsive view. */
 	margin-right: 13em;
@@ -651,7 +647,7 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 	padding: 10px 0 10px 10px;
 	position: relative;
 	z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
-	border: 1px solid #ccd0d4;
+	border: 1px solid #e5e5e5;
 	border-top: none;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 }
@@ -741,7 +737,7 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 .nav-menus-php .major-publishing-actions {
 	clear: both;
 	padding: 10px 0;
-	line-height: 2.15384615;
+	line-height: 2.1;
 }
 
 .nav-menus-php .major-publishing-actions .publishing-action {
@@ -845,7 +841,7 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 
 	.nav-menus-php .delete-action {
 		font-size: 14px;
-		line-height: 2.14285714;
+		line-height: 2.1;
 	}
 
 	.menu-item-bar .menu-item-handle,

wp-admin/css/revisions-rtl.css

@@ -223,8 +223,8 @@ table.diff td,
 table.diff th {
 	font-family: Consolas, Monaco, monospace;
 	font-size: 14px;
-	line-height: 1.57142857;
-	padding: 0.5em 2em 0.5em 0.5em;
+	line-height: 1.618;
+	padding: .5em;
 	vertical-align: top;
 	word-wrap: break-word;
 }
@@ -244,7 +244,6 @@ table.diff .diff-addedline ins {
 }
 
 table.diff .diff-deletedline {
-	position: relative;
 	background-color: #ffe9e9;
 }
 
@@ -253,26 +252,9 @@ table.diff .diff-deletedline del {
 }
 
 table.diff .diff-addedline {
-	position: relative;
 	background-color: #e9ffe9;
 }
 
-table.diff .diff-deletedline .dashicons,
-table.diff .diff-addedline .dashicons {
-	position: absolute;
-	top: 0.85714286em;
-	right: 0.5em;
-	width: 1em;
-	height: 1em;
-	font-size: 1em;
-	line-height: 1;
-}
-
-table.diff .diff-addedline .dashicons {
-	/* Compensate the vertically non-centered plus glyph. */
-	top: 0.92857143em;
-}
-
 table.diff .diff-addedline ins {
 	background-color: #afa;
 }
@@ -284,7 +266,7 @@ table.diff .diff-addedline ins {
 }
 
 .diff-title strong {
-	line-height: 2.46153846;
+	line-height: 32px;
 	min-width: 60px;
 	text-align: left;
 	float: right;
@@ -293,7 +275,7 @@ table.diff .diff-addedline ins {
 
 .revisions-controls .author-card .author-info {
 	font-size: 12px;
-	line-height: 1.33333333;
+	line-height: 16px;
 }
 
 .revisions-controls .author-card .avatar,
@@ -539,7 +521,7 @@ div.revisions-controls > .wp-slider > .ui-slider-handle {
 
 .wp-slider .ui-slider-range {
 	position: absolute;
-	font-size: 0.7em;
+	font-size: .7em;
 	display: block;
 	border: 0;
 	background-color: transparent;
@@ -547,7 +529,7 @@ div.revisions-controls > .wp-slider > .ui-slider-handle {
 }
 
 .wp-slider.ui-slider-horizontal {
-	height: 0.7em;
+	height: .7em;
 }
 
 .wp-slider.ui-slider-horizontal .ui-slider-handle {

wp-admin/css/revisions.css

@@ -223,8 +223,8 @@ table.diff td,
 table.diff th {
 	font-family: Consolas, Monaco, monospace;
 	font-size: 14px;
-	line-height: 1.57142857;
-	padding: 0.5em 0.5em 0.5em 2em;
+	line-height: 1.618;
+	padding: .5em;
 	vertical-align: top;
 	word-wrap: break-word;
 }
@@ -244,7 +244,6 @@ table.diff .diff-addedline ins {
 }
 
 table.diff .diff-deletedline {
-	position: relative;
 	background-color: #ffe9e9;
 }
 
@@ -253,26 +252,9 @@ table.diff .diff-deletedline del {
 }
 
 table.diff .diff-addedline {
-	position: relative;
 	background-color: #e9ffe9;
 }
 
-table.diff .diff-deletedline .dashicons,
-table.diff .diff-addedline .dashicons {
-	position: absolute;
-	top: 0.85714286em;
-	left: 0.5em;
-	width: 1em;
-	height: 1em;
-	font-size: 1em;
-	line-height: 1;
-}
-
-table.diff .diff-addedline .dashicons {
-	/* Compensate the vertically non-centered plus glyph. */
-	top: 0.92857143em;
-}
-
 table.diff .diff-addedline ins {
 	background-color: #afa;
 }
@@ -284,7 +266,7 @@ table.diff .diff-addedline ins {
 }
 
 .diff-title strong {
-	line-height: 2.46153846;
+	line-height: 32px;
 	min-width: 60px;
 	text-align: right;
 	float: left;
@@ -293,7 +275,7 @@ table.diff .diff-addedline ins {
 
 .revisions-controls .author-card .author-info {
 	font-size: 12px;
-	line-height: 1.33333333;
+	line-height: 16px;
 }
 
 .revisions-controls .author-card .avatar,
@@ -539,7 +521,7 @@ div.revisions-controls > .wp-slider > .ui-slider-handle {
 
 .wp-slider .ui-slider-range {
 	position: absolute;
-	font-size: 0.7em;
+	font-size: .7em;
 	display: block;
 	border: 0;
 	background-color: transparent;
@@ -547,7 +529,7 @@ div.revisions-controls > .wp-slider > .ui-slider-handle {
 }
 
 .wp-slider.ui-slider-horizontal {
-	height: 0.7em;
+	height: .7em;
 }
 
 .wp-slider.ui-slider-horizontal .ui-slider-handle {