Tag 5.3.12

Built from https://develop.svn.wordpress.org/tags/5.3.12@52903


git-svn-id: http://core.svn.wordpress.org/tags/5.3.12@52492 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/" title="WordPress support">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/">WordPress 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://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>
+<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>
 
 <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 title="Internet Relay Chat">IRC</abbr> Channel</a></dt>
+	<dt><a href="https://codex.wordpress.org/IRC">WordPress <abbr>IRC</abbr> (Internet Relay Chat) 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 title="application programming interface">API</abbr> that makes extending the code easy. If you are a developer interested in utilizing this, see the <a href="https://developer.wordpress.org/plugins/">Plugin Developer Handbook</a>. You shouldn&#8217;t modify any of the core code.</li>
+	<li>WordPress has a robust plugin <abbr>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>
 </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/" title="Donate to WordPress">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/">donating</a>.</p>
 
 <h2>License</h2>
-<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>
+<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>
 
 </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, 4: lost password URL */
+					/* translators: 1: Login URL, 2: Username, 3: User email address, 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, 4: lost password URL */
+					/* translators: 1: Site URL, 2: Username, 3: User email address, 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/about.php

@@ -16,129 +16,469 @@ 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>
+	<div class="wrap about__container">
 
-		<p class="about-text"><?php printf( __( 'Congratulations on updating to WordPress 5.2! This update makes it easier than ever to fix your site if something goes wrong.' ), $display_version ); ?></p>
+		<div class="about__header">
+			<div class="about__header-title">
+				<h1>
+					<span><?php echo $display_version; ?></span>
+					<?php _e( 'WordPress' ); ?>
+				</h1>
+			</div>
 
-		<div class="wp-badge">
-			<?php
-			/* translators: %s: The current WordPress version number */
-			printf( __( 'Version %s' ), $display_version );
-			?>
+			<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 nav-tab-active" aria-current="page"><?php _e( 'What&#8217;s New' ); ?></a>
+				<a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
+				<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
+				<a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
+			</nav>
 		</div>
 
-		<nav class="nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
-			<a href="about.php" class="nav-tab nav-tab-active"><?php _e( 'What&#8217;s New' ); ?></a>
-			<a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
-			<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
-			<a href="freedoms.php?privacy-notice" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
-		</nav>
-
-		<div class="headline-feature">
-			<h2><?php _e( 'Keeping Your Site Safe' ); ?></h2>
-			<p class="lead-description"><?php _e( 'WordPress 5.2 gives you even more robust tools for identifying and fixing configuration issues and fatal errors. Whether you are a developer helping clients or you manage your site solo, these tools can help get you the right information when you need it.' ); ?></p>
-			<div class="inline-svg aligncenter">
-				<img src="https://make.wordpress.org/core/files/2019/05/about_maintain-wordpress.png" alt="">
+		<div class="about__section changelog">
+			<div class="column">
+				<h2><?php _e( 'Maintenance and Security Releases' ); ?></h2>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: WordPress version number */
+						__( '<strong>Version %s</strong> addressed one security issue.' ),
+						'5.3.12'
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '5.3.12' )
+						)
+					);
+					?>
+				</p>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: WordPress version number */
+						__( '<strong>Version %s</strong> addressed some security issues.' ),
+						'5.3.11'
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '5.3.11' )
+						)
+					);
+					?>
+				</p>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: WordPress version number */
+						__( '<strong>Version %s</strong> addressed one security issue.' ),
+						'5.3.10'
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '5.3.10' )
+						)
+					);
+					?>
+				</p>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: WordPress version number */
+						__( '<strong>Version %s</strong> addressed some security issues.' ),
+						'5.3.9'
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '5.3.9' )
+						)
+					);
+					?>
+				</p>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: WordPress version number */
+						__( '<strong>Version %s</strong> addressed some security issues.' ),
+						'5.3.8'
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '5.3.8' )
+						)
+					);
+					?>
+				</p>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: WordPress version number */
+						__( '<strong>Version %s</strong> addressed one security issue.' ),
+						'5.3.8'
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '5.3.8' )
+						)
+					);
+					?>
+				</p>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: WordPress version number */
+						__( '<strong>Version %s</strong> addressed some security issues.' ),
+						'5.3.7'
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '5.3.7' )
+						)
+					);
+					?>
+				</p>
+				<p>
+					<?php
+					printf(
+						/* translators: 1: WordPress version number, 2: Plural number of bugs. */
+						_n(
+							'<strong>Version %1$s</strong> addressed %2$s bug.',
+							'<strong>Version %1$s</strong> addressed %2$s bugs.',
+							1
+						),
+						'5.3.6',
+						number_format_i18n( 1 )
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '5.3.6' )
+						)
+					);
+					?>
+				</p>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: WordPress version number */
+						__( '<strong>Version %s</strong> addressed some security issues.' ),
+						'5.3.5'
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '5.3.5' )
+						)
+					);
+					?>
+				</p>
+				<p>
+					<?php
+					printf(
+						/* translators: 1: WordPress version number, 2: plural number of bugs. More than one security issue. */
+						_n(
+							'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
+							'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.',
+							2
+						),
+						'5.3.4',
+						number_format_i18n( 2 )
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '5.3.4' )
+						)
+					);
+					?>
+				</p>
+				<p>
+					<?php
+					printf(
+						/* translators: 1: WordPress version number, 2: plural number of bugs. More than one security issue. */
+						_n(
+							'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
+							'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.',
+							10
+						),
+						'5.3.3',
+						number_format_i18n( 10 )
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '5.3.3' )
+						)
+					);
+					?>
+				</p>
+				<p>
+					<?php
+					printf(
+						/* translators: 1: WordPress version number, 2: plural number of bugs. More than one security issue. */
+						_n(
+							'<strong>Version %1$s</strong> addressed %2$s bug.',
+							'<strong>Version %1$s</strong> addressed %2$s bugs.',
+							5
+						),
+						'5.3.2',
+						number_format_i18n( 5 )
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '5.3.2' )
+						)
+					);
+					?>
+				</p>
+				<p>
+					<?php
+					printf(
+						/* translators: 1: WordPress version number, 2: plural number of bugs. More than one security issue. */
+						_n(
+							'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
+							'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.',
+							46
+						),
+						'5.3.1',
+						number_format_i18n( 46 )
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '5.3.1' )
+						)
+					);
+					?>
+				</p>
 			</div>
 		</div>
 
 		<hr />
 
-		<div class="feature-section is-wide has-2-columns is-wider-left">
+		<div class="about__section is-feature">
+			<p>
+				<?php _e( '5.3 expands and refines the block editor introduced in WordPress 5.0 with a new block, more intuitive interactions, and improved accessibility. New features in the editor increase design freedoms, provide additional layout options and style variations to allow designers complete control over the look of a site. This release also introduces the Twenty Twenty theme giving the user more design flexibility and integration with the block editor. Creating beautiful web pages and advanced layouts has never been easier.' ); ?>
+			</p>
+		</div>
+
+		<hr />
+
+		<div class="about__section has-2-columns">
+			<div class="column is-edge-to-edge has-accent-background-color">
+				<div class="about__image aligncenter">
+					<img src="data:image/svg+xml;charset=utf8,%3Csvg width='660' height='818' viewbox='0 0 660 818' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='99' y='178' width='132' height='132' fill='%23F4EFE1'/%3E%3Crect x='231' y='310' width='99' height='99' fill='%2344141E'/%3E%3Crect x='330' y='409' width='132' height='132' fill='%23F4EFE1'/%3E%3Crect x='462' y='541' width='99' height='99' fill='%2344141E'/%3E%3C/svg%3E" alt="" />
+				</div>
+			</div>
 			<div class="column is-vertically-aligned-center">
-				<h3><?php _e( 'Site Health Check' ); ?></h3>
+				<h2><?php _e( 'Block Editor Improvements' ); ?></h2>
+				<p>
+					<?php _e( 'This enhancement-focused update introduces over 150 new features and usability improvements, including improved large image support for uploading non-optimized, high-resolution pictures taken from your smartphone or other high-quality cameras. Combined with larger default image sizes, pictures always look their best.' ); ?>
+				</p>
+
+				<p>
+					<?php _e( 'Accessibility improvements include the integration of block editor styles in the admin interface. These improved styles fix many accessibility issues: color contrast on form fields and buttons, consistency between editor and admin interfaces, new snackbar notices, standardizing to the default WordPress color scheme, and the introduction of Motion to make interacting with your blocks feel swift and natural. For people who use a keyboard to navigate the dashboard, the block editor now has a Navigation mode. This lets you jump from block to block without tabbing through every part of the block controls.' ); ?>
+				</p>
+			</div>
+		</div>
+
+		<div class="about__section has-2-columns">
+			<div class="column is-vertically-aligned-center">
+				<h2><?php _e( 'Expanded Design Flexibility' ); ?></h2>
 				<p>
 					<?php
 					printf(
-						/* translators: 1: link to the WordPress 5.1 release post */
-						__( 'Building on <a href="%1$s">the Site Health features introduced in 5.1</a>, this release adds two new pages to help debug common configuration issues. It also adds space where developers can include debugging information for site maintainers.' ),
-						__( 'https://wordpress.org/news/2019/02/betty/' )
+						/* translators: %s: The current WordPress version number. */
+						__( 'WordPress %s adds even more robust tools for creating amazing designs.' ),
+						$display_version
 					);
+					?>
+				</p>
+				<ul>
+					<li><?php _e( 'The new Group block lets you easily divide your page into colorful sections' ); ?></li>
+					<li><?php _e( 'The Columns block now supports fixed column widths' ); ?></li>
+					<li><?php _e( 'The new Predefined layouts make it a cinch to arrange content into advanced designs' ); ?></li>
+					<li><?php _e( 'Heading blocks now offer controls for text color' ); ?></li>
+					<li><?php _e( 'Additional style options allow you to set your preferred style for any block that supports this feature' ); ?></li>
+				</ul>
+			</div>
+			<div class="column is-edge-to-edge has-accent-background-color">
+				<div class="about__image aligncenter">
+					<img src="data:image/svg+xml;charset=utf8,%3Csvg width='500' height='500' viewbox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='75' y='200' width='150' height='75' fill='%2344141E'/%3E%3Crect x='175' y='75' width='50' height='100' fill='%2385273B'/%3E%3Crect x='75' y='75' width='75' height='100' fill='%23F4EFE1'/%3E%3Crect x='250' y='200' width='175' height='75' fill='%2344141E'/%3E%3Crect x='350' y='75' width='75' height='100' fill='%2385273B'/%3E%3Crect x='250' y='75' width='75' height='100' fill='%23F4EFE1'/%3E%3Crect x='75' y='375' width='150' height='50' fill='%2344141E'/%3E%3Crect x='175' y='300' width='50' height='50' fill='%2385273B'/%3E%3Crect x='75' y='300' width='75' height='50' fill='%23F4EFE1'/%3E%3Crect x='250' y='372.5' width='175' height='52.5' fill='%2344141E'/%3E%3Crect x='350' y='300' width='75' height='50' fill='%2385273B'/%3E%3Crect x='250' y='300' width='75' height='50' fill='%23F4EFE1'/%3E%3C/svg%3E%0A" alt="">
+				</div>
+			</div>
+		</div>
 
-					if ( current_user_can( 'install_plugins' ) ) {
-						printf(
-							/* translators: 1: link to /wp-admin/site-health.php 2: link to /wp-admin/site-health.php?tab=debug */
-							__( ' <a href="%1$s">Check your site status</a>, and <a href="%2$s">learn how to debug issues</a>.' ),
-							admin_url( 'site-health.php' ),
-							admin_url( 'site-health.php?tab=debug' )
-						);
-					}
+		<div class="about__section has-2-columns has-subtle-background-color">
+			<div class="column is-vertically-aligned-center">
+				<h2><?php _e( 'Introducing Twenty Twenty' ); ?></h2>
+				<p><?php _e( 'As the block editor celebrates its first birthday, we are proud that Twenty Twenty is designed with flexibility at its core. Show off your services or products with a combination of columns, groups, and media blocks. Set your content to wide or full alignment for dynamic and engaging layouts. Or let your thoughts be the star with a centered content column!' ); ?></p>
+
+				<p>
+					<?php
+					printf(
+						/* translators: %s: Link to the Inter font website. */
+						__( 'As befits a theme called Twenty Twenty, clarity and readability is also a big focus. The theme includes the typeface <a href="%s">Inter</a>, designed by Rasmus Andersson. Inter comes in a Variable Font version, a first for default themes, which keeps load times short by containing all weights and styles of Inter in just two font files.' ),
+						'https://rsms.me/inter/'
+					);
 					?>
 				</p>
 			</div>
-			<div class="column">
-				<div class="inline-svg aligncenter">
-					<img src="https://s.w.org/images/core/5.2/about_site-health.svg" alt="">
+			<div class="column is-edge-to-edge">
+				<div class="about__image aligncenter">
+					<img src="https://s.w.org/images/core/5.3/twentytwenty-mobile.png" alt="" />
+				</div>
+			</div>
+		</div>
+
+		<div class="about__section has-subtle-background-color">
+			<div class="column is-edge-to-edge">
+				<div class="about__image aligncenter">
+					<img src="https://s.w.org/images/core/5.3/twentytwenty-desktop.png" alt="" />
 				</div>
 			</div>
 		</div>
 
 		<hr />
 
-		<div class="feature-section is-wide has-2-columns is-wider-right">
+		<div class="about__section has-3-columns">
+			<h2 class="is-section-header"><?php _e( 'Improvements for Everyone' ); ?></h2>
+
 			<div class="column">
-				<div class="inline-svg aligncenter">
-					<img src="https://s.w.org/images/core/5.2/about_error-protection.svg" alt="">
+				<h3><?php _e( 'Automatic Image Rotation' ); ?></h3>
+				<p><?php _e( 'Your images will be correctly rotated upon upload according to the embedded orientation data. This feature was first proposed nine years ago and made possible through the perserverance of many dedicated contributors.' ); ?></p>
+			</div>
+			<div class="column">
+				<h3><?php _e( 'Site Health Checks' ); ?></h3>
+				<p><?php _e( 'The improvements introduced in 5.3 make it even easier to identify issues. Expanded recommendations highlight areas that may need troubleshooting on your site from the Health Check screen.' ); ?></p>
+			</div>
+			<div class="column">
+				<h3><?php _e( 'Admin Email Verification' ); ?></h3>
+				<p><?php _e( 'You’ll now be periodically asked to confirm that your admin email address is up to date when you log in as an administrator. This reduces the chance of getting locked out of your site if you change your email address.' ); ?></p>
+			</div>
+		</div>
+
+		<div class="about__section">
+			<div class="column is-edge-to-edge">
+				<div class="about__image aligncenter">
+					<img src="data:image/svg+xml;charset=utf8,%3Csvg width='1000' height='498' viewbox='0 0 1000 498' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='865.463' y='36.8596' width='133.8' height='132.326' fill='%23942F44'/%3E%3Crect x='865.463' y='180.98' width='133.8' height='132.326' fill='%23942F44'/%3E%3Crect x='866.2' y='328.05' width='133.8' height='132.694' fill='%23942F44'/%3E%3Crect y='331.736' width='405.455' height='134.169' fill='%234E1521'/%3E%3Crect y='36.8596' width='405.455' height='129.008' fill='%234E1521'/%3E%3Crect y='184.298' width='387.025' height='133.8' fill='%234E1521'/%3E%3Crect x='719.13' y='34.6479' width='133.8' height='428.677' fill='%23BD3854'/%3E%3Crect x='571.323' y='18.4297' width='133.8' height='423.885' fill='%23BD3854'/%3E%3Crect x='423.516' y='35.0164' width='133.8' height='425.728' fill='%23BD3854'/%3E%3C/svg%3E" alt="" />
 				</div>
 			</div>
-			<div class="column is-vertically-aligned-center">
-				<h3><?php _e( 'PHP Error Protection' ); ?></h3>
-				<p><?php _e( 'This administrator-focused update will let you safely fix or manage fatal errors without requiring developer time. It features better handling of the so-called “white screen of death,” and a way to enter recovery mode,  which pauses error-causing plugins or themes.' ); ?></p>
-			</div>
 		</div>
 
 		<hr />
 
-		<h3 class="aligncenter"><?php _e( 'Improvements for Everyone' ); ?></h3>
+		<div class="about__section has-2-columns has-subtle-background-color">
+			<h2 class="is-section-header"><?php _e( 'For Developers' ); ?></h2>
 
-		<div class="has-2-columns">
-			<div class="column aligncenter">
-				<h4><?php _e( 'Accessibility Updates' ); ?></h4>
-				<p><?php _e( 'A number of changes work together to improve contextual awareness and keyboard navigation flow for those using screen readers and other assistive technologies.' ); ?></p>
-			</div>
-			<div class="column aligncenter">
-				<h4><?php _e( 'New Dashboard Icons' ); ?></h4>
-				<p><?php _e( 'Thirteen new icons include Instagram, a suite of icons for BuddyPress, and rotated Earth icons for global inclusion. Find them in the Dashboard and have some fun!' ); ?></p>
-			</div>
-		</div>
-
-		<hr />
-
-		<h3 class="aligncenter"><?php _e( 'Developer Happiness' ); ?></h3>
-
-		<div class="has-2-columns is-fullwidth">
 			<div class="column">
-				<h4><a href="https://make.wordpress.org/core/2019/03/26/coding-standards-updates-for-php-5-6/"><?php _e( 'PHP Version Bump' ); ?></a></h4>
-				<p><?php _e( 'The minimum supported PHP version is now 5.6.20. As of WordPress 5.2, themes and plugins can safely take advantage of namespaces, anonymous functions, and more!' ); ?></p>
-			</div>
-			<div class="column">
-				<h4><a href="https://make.wordpress.org/core/2019/04/24/developer-focused-privacy-updates-in-5-2/"><?php _e( 'Privacy Updates' ); ?></a></h4>
-				<p><?php _e( 'A new theme page template, a conditional function, and two CSS classes make designing and customizing the Privacy Policy page easier.' ); ?></p>
-			</div>
-		</div>
-		<div class="has-2-columns is-fullwidth">
-			<div class="column">
-				<h4><a href="https://make.wordpress.org/core/2019/04/24/miscellaneous-developer-updates-in-5-2/"><?php _e( 'New Body Tag Hook' ); ?></a></h4>
+				<h3><?php _e( 'Date/Time Component Fixes' ); ?></h3>
 				<p>
 					<?php
 					printf(
-						/* translators: 1: wp_body_open 2: <body> */
-						__( '5.2 introduces a %1$s hook, which lets themes support injecting code right at the beginning of the %2$s element.' ),
-						'<code>wp_body_open</code>',
-						'<code>&lt;body&gt;</code>'
+						/* translators: %s: Link to the date/time developer notes. */
+						__( 'Developers can now work with <a href="%s">dates and timezones</a> in a more reliable way. Date and time functionality has received a number of new API functions for unified timezone retrieval and PHP interoperability, as well as many bug fixes.' ),
+						'https://make.wordpress.org/core/2019/09/23/date-time-improvements-wp-5-3/'
 					);
 					?>
 				</p>
 			</div>
 			<div class="column">
-				<h4><a href="https://make.wordpress.org/core/2019/03/25/building-javascript/"><?php _e( 'Building JavaScript' ); ?></a></h4>
-				<p><?php _e( 'With the addition of webpack and Babel configurations in the @wordpress/scripts package, developers won&#8217;t have to worry about setting up complex build tools to write modern JavaScript.' ); ?></p>
+				<h3><?php _e( 'PHP 7.4 Compatibility' ); ?></h3>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: Link to the PHP 7 developer notes. */
+						__( 'WordPress 5.3 aims to fully support PHP 7.4. This release contains <a href="%s">multiple changes</a> to remove deprecated functionality and ensure compatibility. WordPress continues to encourage all users to run the latest and greatest versions of PHP.' ),
+						'https://make.wordpress.org/core/2019/10/11/wordpress-and-php-7-4/'
+					);
+					?>
+				</p>
 			</div>
 		</div>
 
@@ -169,28 +509,28 @@ __( 'Security Releases' );
 __( 'Maintenance and Security Release' );
 __( 'Maintenance and Security Releases' );
 
-/* translators: %s: WordPress version number */
+/* translators: %s: WordPress version number. */
 __( '<strong>Version %s</strong> addressed one security issue.' );
-/* translators: %s: WordPress version number */
+/* translators: %s: WordPress version number. */
 __( '<strong>Version %s</strong> addressed some security issues.' );
 
-/* translators: 1: WordPress version number, 2: plural number of bugs. */
+/* translators: 1: WordPress version number, 2: Plural number of bugs. */
 _n_noop(
 	'<strong>Version %1$s</strong> addressed %2$s bug.',
 	'<strong>Version %1$s</strong> addressed %2$s bugs.'
 );
 
-/* translators: 1: WordPress version number, 2: plural number of bugs. Singular security issue. */
+/* translators: 1: WordPress version number, 2: Plural number of bugs. Singular security issue. */
 _n_noop(
 	'<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bug.',
 	'<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bugs.'
 );
 
-/* translators: 1: WordPress version number, 2: plural number of bugs. More than one security issue. */
+/* translators: 1: WordPress version number, 2: Plural number of bugs. More than one security issue. */
 _n_noop(
 	'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
 	'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.'
 );
 
-/* translators: %s: Codex URL */
+/* translators: %s: Documentation URL. */
 __( 'For more information, see <a href="%s">the release notes</a>.' );

wp-admin/admin-ajax.php

@@ -24,6 +24,9 @@ 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 );
@@ -35,9 +38,6 @@ 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,6 +53,7 @@ $core_actions_get = array(
 	'autocomplete-user',
 	'dashboard-widgets',
 	'logged-in',
+	'rest-nonce',
 );
 
 $core_actions_post = array(
@@ -105,6 +106,7 @@ $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,7 +32,12 @@ global $hook_suffix;
 	?>
 	<p id="footer-left" class="alignleft">
 		<?php
-		$text = sprintf( __( 'Thank you for creating with <a href="%s">WordPress</a>.' ), __( 'https://wordpress.org/' ) );
+		$text = sprintf(
+			/* translators: %s: https://wordpress.org/ */
+			__( 'Thank you for creating with <a href="%s">WordPress</a>.' ),
+			__( 'https://wordpress.org/' )
+		);
+
 		/**
 		 * Filters the "Thank you" text displayed in the admin footer.
 		 *
@@ -80,7 +85,7 @@ do_action( 'admin_footer', '' );
  *
  * @since 4.6.0
  */
-do_action( "admin_print_footer_scripts-{$hook_suffix}" );
+do_action( "admin_print_footer_scripts-{$hook_suffix}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
 
 /**
  * Prints any scripts and data queued for the footer.
@@ -97,7 +102,7 @@ do_action( 'admin_print_footer_scripts' );
  *
  * @since 2.8.0
  */
-do_action( "admin_footer-{$hook_suffix}" );
+do_action( "admin_footer-{$hook_suffix}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
 
 // 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
- * @global WP_Locale $wp_locale
+ * @global WP_Screen $current_screen     WordPress current screen object.
+ * @global WP_Locale $wp_locale          WordPress date and time locale object.
  * @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 name */
+	/* translators: Network admin screen title. %s: Network title. */
 	$admin_title = sprintf( __( 'Network Admin: %s' ), esc_html( get_network()->site_name ) );
 } elseif ( is_user_admin() ) {
-	/* translators: User dashboard screen title. %s: Network name */
+	/* translators: User dashboard screen title. %s: Network title. */
 	$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 );
 }
 
@@ -82,13 +82,13 @@ wp_enqueue_script( 'svg-painter' );
 $admin_body_class = preg_replace( '/[^a-z0-9_-]+/i', '-', $hook_suffix );
 ?>
 <script type="text/javascript">
-addLoadEvent = function(func){if(typeof jQuery!="undefined")jQuery(document).ready(func);else if(typeof wpOnload!='function'){wpOnload=func;}else{var oldonload=wpOnload;wpOnload=function(){oldonload();func();}}};
-var ajaxurl = '<?php echo admin_url( 'admin-ajax.php', 'relative' ); ?>',
-	pagenow = '<?php echo $current_screen->id; ?>',
-	typenow = '<?php echo $current_screen->post_type; ?>',
-	adminpage = '<?php echo $admin_body_class; ?>',
-	thousandsSeparator = '<?php echo addslashes( $wp_locale->number_format['thousands_sep'] ); ?>',
-	decimalPoint = '<?php echo addslashes( $wp_locale->number_format['decimal_point'] ); ?>',
+addLoadEvent = function(func){if(typeof jQuery!=='undefined')jQuery(document).ready(func);else if(typeof wpOnload!=='function'){wpOnload=func;}else{var oldonload=wpOnload;wpOnload=function(){oldonload();func();}}};
+var ajaxurl = '<?php echo esc_js( admin_url( 'admin-ajax.php', 'relative' ) ); ?>',
+	pagenow = '<?php echo esc_js( $current_screen->id ); ?>',
+	typenow = '<?php echo esc_js( $current_screen->post_type ); ?>',
+	adminpage = '<?php echo esc_js( $admin_body_class ); ?>',
+	thousandsSeparator = '<?php echo esc_js( $wp_locale->number_format['thousands_sep'] ); ?>',
+	decimalPoint = '<?php echo esc_js( $wp_locale->number_format['decimal_point'] ); ?>',
 	isRtl = <?php echo (int) is_rtl(); ?>;
 </script>
 <meta name="viewport" content="width=device-width,initial-scale=1.0">
@@ -108,7 +108,7 @@ do_action( 'admin_enqueue_scripts', $hook_suffix );
  *
  * @since 2.6.0
  */
-do_action( "admin_print_styles-{$hook_suffix}" );
+do_action( "admin_print_styles-{$hook_suffix}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
 
 /**
  * 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}" );
+do_action( "admin_print_scripts-{$hook_suffix}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
 
 /**
  * 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}" );
+do_action( "admin_head-{$hook_suffix}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
 
 /**
  * Fires in head section for all admin pages.

wp-admin/admin.php

@@ -49,22 +49,23 @@ 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 3.0.0
-		 *
-		 * @param bool $do_mu_upgrade Whether to perform the Multisite upgrade routine. Default true.
-		 */
-	} elseif ( 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 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 ) ) {
 		$c = get_blog_count();
 
 		/*
@@ -228,7 +229,7 @@ if ( isset( $plugin_page ) ) {
 		 *
 		 * @since 2.1.0
 		 */
-		do_action( "load-{$page_hook}" );
+		do_action( "load-{$page_hook}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
 		if ( ! isset( $_GET['noheader'] ) ) {
 			require_once( ABSPATH . 'wp-admin/admin-header.php' );
 		}
@@ -257,6 +258,7 @@ 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 ) ) );
 		}
 
@@ -272,7 +274,7 @@ if ( isset( $plugin_page ) ) {
 		 *
 		 * @since 1.5.0
 		 */
-		do_action( "load-{$plugin_page}" );
+		do_action( "load-{$plugin_page}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
 
 		if ( ! isset( $_GET['noheader'] ) ) {
 			require_once( ABSPATH . 'wp-admin/admin-header.php' );
@@ -293,7 +295,7 @@ if ( isset( $plugin_page ) ) {
 	$importer = $_GET['import'];
 
 	if ( ! current_user_can( 'import' ) ) {
-		wp_die( __( 'Sorry, you are not allowed to import content.' ) );
+		wp_die( __( 'Sorry, you are not allowed to import content into this site.' ) );
 	}
 
 	if ( validate_file( $importer ) ) {
@@ -313,7 +315,7 @@ if ( isset( $plugin_page ) ) {
 	 *
 	 * @since 3.5.0
 	 */
-	do_action( "load-importer-{$importer}" );
+	do_action( "load-importer-{$importer}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
 
 	$parent_file  = 'tools.php';
 	$submenu_file = 'import.php';
@@ -362,7 +364,7 @@ if ( isset( $plugin_page ) ) {
 	 *
 	 * @since 2.1.0
 	 */
-	do_action( "load-{$pagenow}" );
+	do_action( "load-{$pagenow}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
 
 	/*
 	 * The following hooks are fired to ensure backward compatibility.
@@ -370,18 +372,18 @@ if ( isset( $plugin_page ) ) {
 	 */
 	if ( $typenow == 'page' ) {
 		if ( $pagenow == 'post-new.php' ) {
-			do_action( 'load-page-new.php' );
+			do_action( 'load-page-new.php' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
 		} elseif ( $pagenow == 'post.php' ) {
-			do_action( 'load-page.php' );
+			do_action( 'load-page.php' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
 		}
 	} elseif ( $pagenow == 'edit-tags.php' ) {
 		if ( $taxnow == 'category' ) {
-			do_action( 'load-categories.php' );
+			do_action( 'load-categories.php' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
 		} elseif ( $taxnow == 'link_category' ) {
-			do_action( 'load-edit-link-categories.php' );
+			do_action( 'load-edit-link-categories.php' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
 		}
 	} elseif ( 'term.php' === $pagenow ) {
-		do_action( 'load-edit-tags.php' );
+		do_action( 'load-edit-tags.php' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
 	}
 }
 

wp-admin/async-upload.php

@@ -22,7 +22,7 @@ if ( defined( 'ABSPATH' ) ) {
 
 require_once( ABSPATH . 'wp-admin/admin.php' );
 
-header( 'Content-Type: text/html; charset=' . get_option( 'blog_charset' ) );
+header( 'Content-Type: text/plain; charset=' . get_option( 'blog_charset' ) );
 
 if ( isset( $_REQUEST['action'] ) && 'upload-attachment' === $_REQUEST['action'] ) {
 	include( ABSPATH . 'wp-admin/includes/ajax-actions.php' );
@@ -39,7 +39,8 @@ if ( ! current_user_can( 'upload_files' ) ) {
 }
 
 // just fetch the detail form for that attachment
-if ( isset( $_REQUEST['attachment_id'] ) && ( $id = intval( $_REQUEST['attachment_id'] ) ) && $_REQUEST['fetch'] ) {
+if ( isset( $_REQUEST['attachment_id'] ) && intval( $_REQUEST['attachment_id'] ) && $_REQUEST['fetch'] ) {
+	$id   = intval( $_REQUEST['attachment_id'] );
 	$post = get_post( $id );
 	if ( 'attachment' != $post->post_type ) {
 		wp_die( __( 'Invalid post type.' ) );
@@ -50,7 +51,8 @@ if ( isset( $_REQUEST['attachment_id'] ) && ( $id = intval( $_REQUEST['attachmen
 
 	switch ( $_REQUEST['fetch'] ) {
 		case 3:
-			if ( $thumb_url = wp_get_attachment_image_src( $id, 'thumbnail', true ) ) {
+			$thumb_url = wp_get_attachment_image_src( $id, 'thumbnail', true );
+			if ( $thumb_url ) {
 				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>';
@@ -90,10 +92,19 @@ if ( isset( $_REQUEST['post_id'] ) ) {
 
 $id = media_handle_upload( 'async-upload', $post_id );
 if ( is_wp_error( $id ) ) {
-	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>';
+	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() )
+	);
 	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://codex.wordpress.org/Administration_Screens#Comments">Documentation on Comments</a>' ) . '</p>' .
+			'<p>' . __( '<a href="https://wordpress.org/support/article/comments-screen/">Documentation on Comments</a>' ) . '</p>' .
 			'<p>' . __( '<a href="https://wordpress.org/support/">Support</a>' ) . '</p>'
 		);
 
@@ -62,7 +62,8 @@ switch ( $action ) {
 
 		$comment_id = absint( $_GET['c'] );
 
-		if ( ! $comment = get_comment( $comment_id ) ) {
+		$comment = get_comment( $comment_id );
+		if ( ! $comment ) {
 			comment_footer_die( __( 'Invalid comment ID.' ) . sprintf( ' <a href="%s">' . __( 'Go back' ) . '</a>.', 'javascript:history.go(-1)' ) );
 		}
 
@@ -88,7 +89,8 @@ switch ( $action ) {
 
 		$comment_id = absint( $_GET['c'] );
 
-		if ( ! $comment = get_comment( $comment_id ) ) {
+		$comment = get_comment( $comment_id );
+		if ( ! $comment ) {
 			wp_redirect( admin_url( 'edit-comments.php?error=1' ) );
 			die();
 		}
@@ -173,7 +175,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;
@@ -190,7 +192,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>'
 			);
@@ -202,11 +204,12 @@ 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 ) ) {
@@ -218,7 +221,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>
@@ -260,7 +263,8 @@ switch ( $action ) {
 
 		$noredir = isset( $_REQUEST['noredir'] );
 
-		if ( ! $comment = get_comment( $comment_id ) ) {
+		$comment = get_comment( $comment_id );
+		if ( ! $comment ) {
 			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,105 +15,117 @@ $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 printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1>
-
-<p class="about-text"><?php printf( __( 'Thank you for updating to the latest version! WordPress %s introduces a robust new content creation experience.' ), $display_version ); ?></p>
-
-<div class="wp-badge"><?php 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"><?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">';
-	/* translators: 1: https://wordpress.org/about/, 2: https://make.wordpress.org/ */
-	printf(
-		__( 'WordPress is created by a <a href="%1$s">worldwide team</a> of passionate individuals. <a href="%2$s">Get involved in WordPress</a>.' ),
-		'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;
-	}
-}
-
 ?>
-</div>
+
+	<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>
 <?php
 
@@ -123,6 +135,7 @@ return;
 
 // These are strings returned by the API that we want to be translatable
 __( 'Project Leaders' );
+/* translators: %s: The current WordPress version number. */
 __( 'Core Contributors to WordPress %s' );
 __( 'Noteworthy Contributors' );
 __( 'Cofounder, Project Lead' );

wp-admin/css/about-rtl.css

@@ -1,18 +1,656 @@
 /*------------------------------------------------------------------------------
   22.0 - About Pages
 
-   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
+   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
 ------------------------------------------------------------------------------*/
 
+.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
+  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
 ------------------------------------------------------------------------------*/
 
 .about-wrap {
@@ -52,7 +690,7 @@
 
 .about-wrap .inline-svg img {
 	max-width: 100%;
-	width: 100%;
+	width: auto;
 	height: auto;
 }
 
@@ -98,7 +736,7 @@
 	line-height: 1.33333333;
 }
 
-/* 1.1 - Typography */
+/* x.2.1 - Typography */
 
 .about-wrap h1 {
 	margin: 0.2em 0 0 200px;
@@ -110,7 +748,7 @@
 }
 
 .about-wrap h2 {
-	margin: 40px 0 .6em;
+	margin: 40px 0 0.6em;
 	font-size: 2.7em;
 	line-height: 1.3;
 	font-weight: 300;
@@ -118,7 +756,7 @@
 }
 
 .about-wrap h3 {
-	margin: 1.25em 0 .6em;
+	margin: 1.25em 0 0.6em;
 	font-size: 1.4em;
 	line-height: 1.5;
 }
@@ -159,7 +797,7 @@
 	color: #555d66;
 }
 
-/* 1.2 - Structure */
+/* x.2.2 - Structure */
 
 .about-wrap .has-1-columns,
 .about-wrap .has-2-columns,
@@ -281,18 +919,21 @@
 }
 
 .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;
 }
 
-/* 1.3 - Point Releases */
+/* x.2.3 - Point Releases */
 
 .about-wrap .point-releases {
 	margin-top: 5px;
@@ -316,10 +957,10 @@
 }
 
 /*------------------------------------------------------------------------------
-  2.0 - About Page
+  x.3.0 - Legacy About Styles: About Page
 ------------------------------------------------------------------------------*/
 
-/* 2.1 - Typography */
+/* x.3.1 - Typography */
 
 .about-wrap .lead-description {
 	font-size: 1.5em;
@@ -330,7 +971,7 @@
 	margin-top: 0.6em;
 }
 
-/* 2.2 - Structure */
+/* x.3.2 - Structure */
 
 .about-wrap .headline-feature {
 	margin: 0 auto 40px;
@@ -343,6 +984,7 @@
 
 .about-wrap .headline-feature img {
 	max-width: 600px;
+	width: 100%;
 }
 
 /* Return to Dashboard Home link */
@@ -359,7 +1001,7 @@
 }
 
 /*------------------------------------------------------------------------------
-  3.0 - Credits & Freedoms Pages
+  x.4.0 - Legacy About Styles: Credits & Freedoms Pages
 ------------------------------------------------------------------------------*/
 
 /* Credits */
@@ -470,7 +1112,7 @@
 }
 
 /*------------------------------------------------------------------------------
-  4.0 - Media Queries
+  x.5.0 - Legacy About Styles: Media Queries
 ------------------------------------------------------------------------------*/
 
 @media screen and (max-width: 782px) {

wp-admin/css/about.css

@@ -1,18 +1,656 @@
 /*------------------------------------------------------------------------------
   22.0 - About Pages
 
-   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
+   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
 ------------------------------------------------------------------------------*/
 
+.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
+  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
 ------------------------------------------------------------------------------*/
 
 .about-wrap {
@@ -52,7 +690,7 @@
 
 .about-wrap .inline-svg img {
 	max-width: 100%;
-	width: 100%;
+	width: auto;
 	height: auto;
 }
 
@@ -98,7 +736,7 @@
 	line-height: 1.33333333;
 }
 
-/* 1.1 - Typography */
+/* x.2.1 - Typography */
 
 .about-wrap h1 {
 	margin: 0.2em 200px 0 0;
@@ -110,7 +748,7 @@
 }
 
 .about-wrap h2 {
-	margin: 40px 0 .6em;
+	margin: 40px 0 0.6em;
 	font-size: 2.7em;
 	line-height: 1.3;
 	font-weight: 300;
@@ -118,7 +756,7 @@
 }
 
 .about-wrap h3 {
-	margin: 1.25em 0 .6em;
+	margin: 1.25em 0 0.6em;
 	font-size: 1.4em;
 	line-height: 1.5;
 }
@@ -159,7 +797,7 @@
 	color: #555d66;
 }
 
-/* 1.2 - Structure */
+/* x.2.2 - Structure */
 
 .about-wrap .has-1-columns,
 .about-wrap .has-2-columns,
@@ -281,18 +919,21 @@
 }
 
 .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;
 }
 
-/* 1.3 - Point Releases */
+/* x.2.3 - Point Releases */
 
 .about-wrap .point-releases {
 	margin-top: 5px;
@@ -316,10 +957,10 @@
 }
 
 /*------------------------------------------------------------------------------
-  2.0 - About Page
+  x.3.0 - Legacy About Styles: About Page
 ------------------------------------------------------------------------------*/
 
-/* 2.1 - Typography */
+/* x.3.1 - Typography */
 
 .about-wrap .lead-description {
 	font-size: 1.5em;
@@ -330,7 +971,7 @@
 	margin-top: 0.6em;
 }
 
-/* 2.2 - Structure */
+/* x.3.2 - Structure */
 
 .about-wrap .headline-feature {
 	margin: 0 auto 40px;
@@ -343,6 +984,7 @@
 
 .about-wrap .headline-feature img {
 	max-width: 600px;
+	width: 100%;
 }
 
 /* Return to Dashboard Home link */
@@ -359,7 +1001,7 @@
 }
 
 /*------------------------------------------------------------------------------
-  3.0 - Credits & Freedoms Pages
+  x.4.0 - Legacy About Styles: Credits & Freedoms Pages
 ------------------------------------------------------------------------------*/
 
 /* Credits */
@@ -470,7 +1112,7 @@
 }
 
 /*------------------------------------------------------------------------------
-  4.0 - Media Queries
+  x.5.0 - Legacy About Styles: Media Queries
 ------------------------------------------------------------------------------*/
 
 @media screen and (max-width: 782px) {

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

@@ -167,6 +167,10 @@
 #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,
@@ -278,13 +282,6 @@
 	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,
@@ -765,6 +762,10 @@ 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,6 +167,10 @@
 #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,
@@ -278,13 +282,6 @@
 	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,
@@ -765,6 +762,10 @@ 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

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

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

@@ -2,6 +2,9 @@
 @import 'variables';
 @import 'mixins';
 
+@function url-friendly-colour( $color ) {
+	@return '%23' + str-slice( '#{ $color }', 2, -1 );
+}
 
 body {
 	background: $body-background;
@@ -20,21 +23,22 @@ a {
 	}
 }
 
-#media-upload a.del-link:hover,
-div.dashboard-widget-submit input:hover,
-.subsubsub a:hover,
-.subsubsub a.current:hover {
-	color: $link-focus;
+#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;
 }
 
 
 /* Forms */
 
-input[type=checkbox]:checked:before {
-	color: $form-checked;
+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=radio]:checked:before {
+input[type=radio]:checked::before {
 	background: $form-checked;
 }
 
@@ -43,14 +47,80 @@ 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,37 +1,38 @@
 /*
- * Button mixin- creates 3d-ish button effect with correct
+ * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
-@mixin button( $button-color, $text-color: #fff ) {
+@mixin button( $button-color, $button-text-color: #fff ) {
 	background: $button-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% );
+	border-color: $button-color;
+	color: $button-text-color;
 
 	&:hover,
 	&:focus {
 		background: lighten( $button-color, 3% );
-		border-color: darken( $button-color, 15% );
-		color: $text-color;
-		box-shadow: 0 1px 0 darken( $button-color, 15% );
+		border-color: darken( $button-color, 3% );
+		color: $button-text-color;
 	}
 
 	&:focus {
-		box-shadow: inset 0 1px 0 darken( $button-color, 10% ),
-					0 0 2px 1px #33b3db;
+		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;
 	}
 
-	&:active,
 	&.active,
 	&.active:focus,
 	&.active:hover {
-		background: darken( $button-color, 10% );
+		background: $button-color;
+		color: $button-text-color;
 		border-color: darken( $button-color, 15% );
-	 	box-shadow: inset 0 2px 0 darken( $button-color, 15% );
+		box-shadow: inset 0 2px 5px -3px darken( $button-color, 50% );
 	}
 
 	&[disabled],
@@ -40,15 +41,7 @@
 	&.disabled {
 		color: hsl( hue( $button-color ), 10%, 80% ) !important;
 		background: darken( $button-color, 8% ) !important;
-		border-color: darken( $button-color, 15% ) !important;
+		border-color: darken( $button-color, 8% ) !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,8 +18,9 @@ $link: #0073aa !default;
 $link-focus: lighten( $link, 10% ) !default;
 
 $button-color: $highlight-color !default;
-$form-checked: $highlight-color !default;
+$button-text-color: $text-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 3d-ish button effect with correct
+ * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -11,100 +11,142 @@ body {
 a {
   color: #0073aa;
 }
-
 a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#media-upload a.del-link:hover,
-div.dashboard-widget-submit input:hover,
-.subsubsub a:hover,
-.subsubsub a.current:hover {
-  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;
 }
 
 /* Forms */
-input[type=checkbox]:checked:before {
-  color: #096484;
+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=radio]:checked:before {
-  background: #096484;
+input[type=radio]:checked::before {
+  background: #7e8993;
 }
 
-.wp-core-ui input[type="reset"]:hover,
-.wp-core-ui input[type="reset"]:active {
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
   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: #d39323 #bd831f #bd831f;
+  border-color: #e1a948;
   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: #bd831f;
+  border-color: #dfa33b;
   color: #fff;
-  box-shadow: 0 1px 0 #bd831f;
 }
-
 .wp-core-ui .button-primary:focus {
-  box-shadow: inset 0 1px 0 #d39323, 0 0 2px 1px #33b3db;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e1a948;
 }
-
-.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;
+.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;
   border-color: #bd831f;
-  box-shadow: inset 0 2px 0 #bd831f;
+  box-shadow: inset 0 2px 5px -3px #241906;
 }
-
 .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
   color: #d1cdc7 !important;
   background: #db9925 !important;
-  border-color: #bd831f !important;
+  border-color: #db9925 !important;
   text-shadow: none !important;
 }
-
-.wp-core-ui .button-primary.button-hero {
-  box-shadow: 0 2px 0 #bd831f !important;
+.wp-core-ui .button-group > .button.active {
+  border-color: #e1a948;
 }
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #bd831f !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #52accc;
 }
-
 .wp-core-ui .wp-ui-text-primary {
   color: #52accc;
 }
-
 .wp-core-ui .wp-ui-highlight {
   color: #fff;
   background-color: #096484;
 }
-
 .wp-core-ui .wp-ui-text-highlight {
   color: #096484;
 }
-
 .wp-core-ui .wp-ui-notification {
   color: #fff;
   background-color: #e1a948;
 }
-
 .wp-core-ui .wp-ui-text-notification {
   color: #e1a948;
 }
-
 .wp-core-ui .wp-ui-text-icon {
   color: #e5f8ff;
 }
@@ -184,7 +226,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #e2ecf1;
 }
-
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
@@ -203,7 +244,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
   color: #fff;
 }
-
 #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -516,4 +556,4 @@ div#wp-responsive-toggle a:before {
 .mce-container.mce-menu .mce-menu-item-normal.mce-active,
 .mce-container.mce-menu .mce-menu-item-preview.mce-active {
   background: #096484;
-}
+}

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates 3d-ish button effect with correct
+ * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -11,100 +11,142 @@ body {
 a {
   color: #0073aa;
 }
-
 a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#media-upload a.del-link:hover,
-div.dashboard-widget-submit input:hover,
-.subsubsub a:hover,
-.subsubsub a.current:hover {
-  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;
 }
 
 /* Forms */
-input[type=checkbox]:checked:before {
-  color: #096484;
+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=radio]:checked:before {
-  background: #096484;
+input[type=radio]:checked::before {
+  background: #7e8993;
 }
 
-.wp-core-ui input[type="reset"]:hover,
-.wp-core-ui input[type="reset"]:active {
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
   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: #d39323 #bd831f #bd831f;
+  border-color: #e1a948;
   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: #bd831f;
+  border-color: #dfa33b;
   color: #fff;
-  box-shadow: 0 1px 0 #bd831f;
 }
-
 .wp-core-ui .button-primary:focus {
-  box-shadow: inset 0 1px 0 #d39323, 0 0 2px 1px #33b3db;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e1a948;
 }
-
-.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;
+.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;
   border-color: #bd831f;
-  box-shadow: inset 0 2px 0 #bd831f;
+  box-shadow: inset 0 2px 5px -3px #241906;
 }
-
 .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
   color: #d1cdc7 !important;
   background: #db9925 !important;
-  border-color: #bd831f !important;
+  border-color: #db9925 !important;
   text-shadow: none !important;
 }
-
-.wp-core-ui .button-primary.button-hero {
-  box-shadow: 0 2px 0 #bd831f !important;
+.wp-core-ui .button-group > .button.active {
+  border-color: #e1a948;
 }
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #bd831f !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #52accc;
 }
-
 .wp-core-ui .wp-ui-text-primary {
   color: #52accc;
 }
-
 .wp-core-ui .wp-ui-highlight {
   color: #fff;
   background-color: #096484;
 }
-
 .wp-core-ui .wp-ui-text-highlight {
   color: #096484;
 }
-
 .wp-core-ui .wp-ui-notification {
   color: #fff;
   background-color: #e1a948;
 }
-
 .wp-core-ui .wp-ui-text-notification {
   color: #e1a948;
 }
-
 .wp-core-ui .wp-ui-text-icon {
   color: #e5f8ff;
 }
@@ -184,7 +226,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #e2ecf1;
 }
-
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
@@ -203,7 +244,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
   color: #fff;
 }
-
 #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -516,4 +556,4 @@ div#wp-responsive-toggle a:before {
 .mce-container.mce-menu .mce-menu-item-normal.mce-active,
 .mce-container.mce-menu .mce-menu-item-preview.mce-active {
   background: #096484;
-}
+}

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates 3d-ish button effect with correct
+ * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -11,100 +11,142 @@ body {
 a {
   color: #0073aa;
 }
-
 a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#media-upload a.del-link:hover,
-div.dashboard-widget-submit input:hover,
-.subsubsub a:hover,
-.subsubsub a.current:hover {
-  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;
 }
 
 /* Forms */
-input[type=checkbox]:checked:before {
-  color: #59524c;
+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=radio]:checked:before {
+input[type=radio]:checked::before {
   background: #59524c;
 }
 
-.wp-core-ui input[type="reset"]:hover,
-.wp-core-ui input[type="reset"]:active {
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
   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: #b78b66 #ae7d55 #ae7d55;
+  border-color: #c7a589;
   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: #ae7d55;
+  border-color: #c29d7f;
   color: #fff;
-  box-shadow: 0 1px 0 #ae7d55;
 }
-
 .wp-core-ui .button-primary:focus {
-  box-shadow: inset 0 1px 0 #b78b66, 0 0 2px 1px #33b3db;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
 }
-
-.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;
+.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;
   border-color: #ae7d55;
-  box-shadow: inset 0 2px 0 #ae7d55;
+  box-shadow: inset 0 2px 5px -3px #37271a;
 }
-
 .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
   color: #d1ccc7 !important;
   background: #ba906d !important;
-  border-color: #ae7d55 !important;
+  border-color: #ba906d !important;
   text-shadow: none !important;
 }
-
-.wp-core-ui .button-primary.button-hero {
-  box-shadow: 0 2px 0 #ae7d55 !important;
+.wp-core-ui .button-group > .button.active {
+  border-color: #c7a589;
 }
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #ae7d55 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #59524c;
 }
-
 .wp-core-ui .wp-ui-text-primary {
   color: #59524c;
 }
-
 .wp-core-ui .wp-ui-highlight {
   color: #fff;
   background-color: #c7a589;
 }
-
 .wp-core-ui .wp-ui-text-highlight {
   color: #c7a589;
 }
-
 .wp-core-ui .wp-ui-notification {
   color: #fff;
   background-color: #9ea476;
 }
-
 .wp-core-ui .wp-ui-text-notification {
   color: #9ea476;
 }
-
 .wp-core-ui .wp-ui-text-icon {
   color: #f3f2f1;
 }
@@ -184,7 +226,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #cdcbc9;
 }
-
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
@@ -203,7 +244,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
   color: #fff;
 }
-
 #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -516,4 +556,4 @@ div#wp-responsive-toggle a:before {
 .mce-container.mce-menu .mce-menu-item-normal.mce-active,
 .mce-container.mce-menu .mce-menu-item-preview.mce-active {
   background: #c7a589;
-}
+}

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates 3d-ish button effect with correct
+ * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -11,100 +11,142 @@ body {
 a {
   color: #0073aa;
 }
-
 a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#media-upload a.del-link:hover,
-div.dashboard-widget-submit input:hover,
-.subsubsub a:hover,
-.subsubsub a.current:hover {
-  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;
 }
 
 /* Forms */
-input[type=checkbox]:checked:before {
-  color: #59524c;
+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=radio]:checked:before {
+input[type=radio]:checked::before {
   background: #59524c;
 }
 
-.wp-core-ui input[type="reset"]:hover,
-.wp-core-ui input[type="reset"]:active {
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
   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: #b78b66 #ae7d55 #ae7d55;
+  border-color: #c7a589;
   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: #ae7d55;
+  border-color: #c29d7f;
   color: #fff;
-  box-shadow: 0 1px 0 #ae7d55;
 }
-
 .wp-core-ui .button-primary:focus {
-  box-shadow: inset 0 1px 0 #b78b66, 0 0 2px 1px #33b3db;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
 }
-
-.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;
+.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;
   border-color: #ae7d55;
-  box-shadow: inset 0 2px 0 #ae7d55;
+  box-shadow: inset 0 2px 5px -3px #37271a;
 }
-
 .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
   color: #d1ccc7 !important;
   background: #ba906d !important;
-  border-color: #ae7d55 !important;
+  border-color: #ba906d !important;
   text-shadow: none !important;
 }
-
-.wp-core-ui .button-primary.button-hero {
-  box-shadow: 0 2px 0 #ae7d55 !important;
+.wp-core-ui .button-group > .button.active {
+  border-color: #c7a589;
 }
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #ae7d55 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #59524c;
 }
-
 .wp-core-ui .wp-ui-text-primary {
   color: #59524c;
 }
-
 .wp-core-ui .wp-ui-highlight {
   color: #fff;
   background-color: #c7a589;
 }
-
 .wp-core-ui .wp-ui-text-highlight {
   color: #c7a589;
 }
-
 .wp-core-ui .wp-ui-notification {
   color: #fff;
   background-color: #9ea476;
 }
-
 .wp-core-ui .wp-ui-text-notification {
   color: #9ea476;
 }
-
 .wp-core-ui .wp-ui-text-icon {
   color: #f3f2f1;
 }
@@ -184,7 +226,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #cdcbc9;
 }
-
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
@@ -203,7 +244,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
   color: #fff;
 }
-
 #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -516,4 +556,4 @@ div#wp-responsive-toggle a:before {
 .mce-container.mce-menu .mce-menu-item-normal.mce-active,
 .mce-container.mce-menu .mce-menu-item-preview.mce-active {
   background: #c7a589;
-}
+}

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates 3d-ish button effect with correct
+ * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -11,100 +11,142 @@ body {
 a {
   color: #0073aa;
 }
-
 a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#media-upload a.del-link:hover,
-div.dashboard-widget-submit input:hover,
-.subsubsub a:hover,
-.subsubsub a.current:hover {
-  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;
 }
 
 /* Forms */
-input[type=checkbox]:checked:before {
-  color: #523f6d;
+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=radio]:checked:before {
+input[type=radio]:checked::before {
   background: #523f6d;
 }
 
-.wp-core-ui input[type="reset"]:hover,
-.wp-core-ui input[type="reset"]:active {
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
   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: #829237 #727f30 #727f30;
+  border-color: #a3b745;
   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: #727f30;
+  border-color: #99ac41;
   color: #fff;
-  box-shadow: 0 1px 0 #727f30;
 }
-
 .wp-core-ui .button-primary:focus {
-  box-shadow: inset 0 1px 0 #829237, 0 0 2px 1px #33b3db;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
 }
-
-.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;
+.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;
   border-color: #727f30;
-  box-shadow: inset 0 2px 0 #727f30;
+  box-shadow: inset 0 2px 5px -3px black;
 }
-
 .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
   color: #cfd1c7 !important;
   background: #89993a !important;
-  border-color: #727f30 !important;
+  border-color: #89993a !important;
   text-shadow: none !important;
 }
-
-.wp-core-ui .button-primary.button-hero {
-  box-shadow: 0 2px 0 #727f30 !important;
+.wp-core-ui .button-group > .button.active {
+  border-color: #a3b745;
 }
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #727f30 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #523f6d;
 }
-
 .wp-core-ui .wp-ui-text-primary {
   color: #523f6d;
 }
-
 .wp-core-ui .wp-ui-highlight {
   color: #fff;
   background-color: #a3b745;
 }
-
 .wp-core-ui .wp-ui-text-highlight {
   color: #a3b745;
 }
-
 .wp-core-ui .wp-ui-notification {
   color: #fff;
   background-color: #d46f15;
 }
-
 .wp-core-ui .wp-ui-text-notification {
   color: #d46f15;
 }
-
 .wp-core-ui .wp-ui-text-icon {
   color: #ece6f6;
 }
@@ -184,7 +226,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #cbc5d3;
 }
-
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
@@ -203,7 +244,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
   color: #fff;
 }
-
 #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -516,4 +556,4 @@ div#wp-responsive-toggle a:before {
 .mce-container.mce-menu .mce-menu-item-normal.mce-active,
 .mce-container.mce-menu .mce-menu-item-preview.mce-active {
   background: #a3b745;
-}
+}

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates 3d-ish button effect with correct
+ * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -11,100 +11,142 @@ body {
 a {
   color: #0073aa;
 }
-
 a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#media-upload a.del-link:hover,
-div.dashboard-widget-submit input:hover,
-.subsubsub a:hover,
-.subsubsub a.current:hover {
-  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;
 }
 
 /* Forms */
-input[type=checkbox]:checked:before {
-  color: #523f6d;
+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=radio]:checked:before {
+input[type=radio]:checked::before {
   background: #523f6d;
 }
 
-.wp-core-ui input[type="reset"]:hover,
-.wp-core-ui input[type="reset"]:active {
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
   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: #829237 #727f30 #727f30;
+  border-color: #a3b745;
   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: #727f30;
+  border-color: #99ac41;
   color: #fff;
-  box-shadow: 0 1px 0 #727f30;
 }
-
 .wp-core-ui .button-primary:focus {
-  box-shadow: inset 0 1px 0 #829237, 0 0 2px 1px #33b3db;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
 }
-
-.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;
+.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;
   border-color: #727f30;
-  box-shadow: inset 0 2px 0 #727f30;
+  box-shadow: inset 0 2px 5px -3px black;
 }
-
 .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
   color: #cfd1c7 !important;
   background: #89993a !important;
-  border-color: #727f30 !important;
+  border-color: #89993a !important;
   text-shadow: none !important;
 }
-
-.wp-core-ui .button-primary.button-hero {
-  box-shadow: 0 2px 0 #727f30 !important;
+.wp-core-ui .button-group > .button.active {
+  border-color: #a3b745;
 }
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #727f30 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #523f6d;
 }
-
 .wp-core-ui .wp-ui-text-primary {
   color: #523f6d;
 }
-
 .wp-core-ui .wp-ui-highlight {
   color: #fff;
   background-color: #a3b745;
 }
-
 .wp-core-ui .wp-ui-text-highlight {
   color: #a3b745;
 }
-
 .wp-core-ui .wp-ui-notification {
   color: #fff;
   background-color: #d46f15;
 }
-
 .wp-core-ui .wp-ui-text-notification {
   color: #d46f15;
 }
-
 .wp-core-ui .wp-ui-text-icon {
   color: #ece6f6;
 }
@@ -184,7 +226,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #cbc5d3;
 }
-
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
@@ -203,7 +244,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
   color: #fff;
 }
-
 #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -516,4 +556,4 @@ div#wp-responsive-toggle a:before {
 .mce-container.mce-menu .mce-menu-item-normal.mce-active,
 .mce-container.mce-menu .mce-menu-item-preview.mce-active {
   background: #a3b745;
-}
+}

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates 3d-ish button effect with correct
+ * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -11,100 +11,142 @@ body {
 a {
   color: #0073aa;
 }
-
 a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#media-upload a.del-link:hover,
-div.dashboard-widget-submit input:hover,
-.subsubsub a:hover,
-.subsubsub a.current:hover {
-  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;
 }
 
 /* Forms */
-input[type=checkbox]:checked:before {
-  color: #04a4cc;
+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=radio]:checked:before {
-  background: #04a4cc;
+input[type=radio]:checked::before {
+  background: #7e8993;
 }
 
-.wp-core-ui input[type="reset"]:hover,
-.wp-core-ui input[type="reset"]:active {
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
   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: #037c9a #036881 #036881;
+  border-color: #04a4cc;
   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: #036881;
+  border-color: #0498bd;
   color: #fff;
-  box-shadow: 0 1px 0 #036881;
 }
-
 .wp-core-ui .button-primary:focus {
-  box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
 }
-
-.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;
+.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;
   border-color: #036881;
-  box-shadow: inset 0 2px 0 #036881;
+  box-shadow: inset 0 2px 5px -3px black;
 }
-
 .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
   color: #c7cfd1 !important;
   background: #0384a4 !important;
-  border-color: #036881 !important;
+  border-color: #0384a4 !important;
   text-shadow: none !important;
 }
-
-.wp-core-ui .button-primary.button-hero {
-  box-shadow: 0 2px 0 #036881 !important;
+.wp-core-ui .button-group > .button.active {
+  border-color: #04a4cc;
 }
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #036881 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #333;
   background-color: #e5e5e5;
 }
-
 .wp-core-ui .wp-ui-text-primary {
   color: #e5e5e5;
 }
-
 .wp-core-ui .wp-ui-highlight {
   color: #fff;
   background-color: #888;
 }
-
 .wp-core-ui .wp-ui-text-highlight {
   color: #888;
 }
-
 .wp-core-ui .wp-ui-notification {
   color: #fff;
   background-color: #d64e07;
 }
-
 .wp-core-ui .wp-ui-text-notification {
   color: #d64e07;
 }
-
 .wp-core-ui .wp-ui-text-icon {
   color: #999;
 }
@@ -184,7 +226,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #686868;
 }
-
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
@@ -203,7 +244,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
   color: #333;
 }
-
 #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -534,4 +574,4 @@ div#wp-responsive-toggle a:before {
 .theme-section.current,
 .theme-filter.current {
   border-bottom-color: #04a4cc;
-}
+}

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates 3d-ish button effect with correct
+ * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -11,100 +11,142 @@ body {
 a {
   color: #0073aa;
 }
-
 a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#media-upload a.del-link:hover,
-div.dashboard-widget-submit input:hover,
-.subsubsub a:hover,
-.subsubsub a.current:hover {
-  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;
 }
 
 /* Forms */
-input[type=checkbox]:checked:before {
-  color: #04a4cc;
+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=radio]:checked:before {
-  background: #04a4cc;
+input[type=radio]:checked::before {
+  background: #7e8993;
 }
 
-.wp-core-ui input[type="reset"]:hover,
-.wp-core-ui input[type="reset"]:active {
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
   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: #037c9a #036881 #036881;
+  border-color: #04a4cc;
   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: #036881;
+  border-color: #0498bd;
   color: #fff;
-  box-shadow: 0 1px 0 #036881;
 }
-
 .wp-core-ui .button-primary:focus {
-  box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
 }
-
-.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;
+.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;
   border-color: #036881;
-  box-shadow: inset 0 2px 0 #036881;
+  box-shadow: inset 0 2px 5px -3px black;
 }
-
 .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
   color: #c7cfd1 !important;
   background: #0384a4 !important;
-  border-color: #036881 !important;
+  border-color: #0384a4 !important;
   text-shadow: none !important;
 }
-
-.wp-core-ui .button-primary.button-hero {
-  box-shadow: 0 2px 0 #036881 !important;
+.wp-core-ui .button-group > .button.active {
+  border-color: #04a4cc;
 }
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #036881 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #333;
   background-color: #e5e5e5;
 }
-
 .wp-core-ui .wp-ui-text-primary {
   color: #e5e5e5;
 }
-
 .wp-core-ui .wp-ui-highlight {
   color: #fff;
   background-color: #888;
 }
-
 .wp-core-ui .wp-ui-text-highlight {
   color: #888;
 }
-
 .wp-core-ui .wp-ui-notification {
   color: #fff;
   background-color: #d64e07;
 }
-
 .wp-core-ui .wp-ui-text-notification {
   color: #d64e07;
 }
-
 .wp-core-ui .wp-ui-text-icon {
   color: #999;
 }
@@ -184,7 +226,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #686868;
 }
-
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
@@ -203,7 +244,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
   color: #333;
 }
-
 #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -534,4 +574,4 @@ div#wp-responsive-toggle a:before {
 .theme-section.current,
 .theme-filter.current {
   border-bottom-color: #04a4cc;
-}
+}

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates 3d-ish button effect with correct
+ * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -11,100 +11,142 @@ body {
 a {
   color: #0073aa;
 }
-
 a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#media-upload a.del-link:hover,
-div.dashboard-widget-submit input:hover,
-.subsubsub a:hover,
-.subsubsub a.current:hover {
-  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;
 }
 
 /* Forms */
-input[type=checkbox]:checked:before {
-  color: #e14d43;
+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=radio]:checked:before {
-  background: #e14d43;
+input[type=radio]:checked::before {
+  background: #7e8993;
 }
 
-.wp-core-ui input[type="reset"]:hover,
-.wp-core-ui input[type="reset"]:active {
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
   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: #d02c21 #ba281e #ba281e;
+  border-color: #e14d43;
   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: #ba281e;
+  border-color: #df4136;
   color: #fff;
-  box-shadow: 0 1px 0 #ba281e;
 }
-
 .wp-core-ui .button-primary:focus {
-  box-shadow: inset 0 1px 0 #d02c21, 0 0 2px 1px #33b3db;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
 }
-
-.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;
+.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;
   border-color: #ba281e;
-  box-shadow: inset 0 2px 0 #ba281e;
+  box-shadow: inset 0 2px 5px -3px #200705;
 }
-
 .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
   color: #d1c8c7 !important;
   background: #d92e23 !important;
-  border-color: #ba281e !important;
+  border-color: #d92e23 !important;
   text-shadow: none !important;
 }
-
-.wp-core-ui .button-primary.button-hero {
-  box-shadow: 0 2px 0 #ba281e !important;
+.wp-core-ui .button-group > .button.active {
+  border-color: #e14d43;
 }
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #ba281e !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #363b3f;
 }
-
 .wp-core-ui .wp-ui-text-primary {
   color: #363b3f;
 }
-
 .wp-core-ui .wp-ui-highlight {
   color: #fff;
   background-color: #e14d43;
 }
-
 .wp-core-ui .wp-ui-text-highlight {
   color: #e14d43;
 }
-
 .wp-core-ui .wp-ui-notification {
   color: #fff;
   background-color: #69a8bb;
 }
-
 .wp-core-ui .wp-ui-text-notification {
   color: #69a8bb;
 }
-
 .wp-core-ui .wp-ui-text-icon {
   color: #f1f2f3;
 }
@@ -184,7 +226,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #c3c4c5;
 }
-
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
@@ -203,7 +244,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
   color: #fff;
 }
-
 #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -516,4 +556,4 @@ div#wp-responsive-toggle a:before {
 .mce-container.mce-menu .mce-menu-item-normal.mce-active,
 .mce-container.mce-menu .mce-menu-item-preview.mce-active {
   background: #e14d43;
-}
+}

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates 3d-ish button effect with correct
+ * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -11,100 +11,142 @@ body {
 a {
   color: #0073aa;
 }
-
 a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#media-upload a.del-link:hover,
-div.dashboard-widget-submit input:hover,
-.subsubsub a:hover,
-.subsubsub a.current:hover {
-  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;
 }
 
 /* Forms */
-input[type=checkbox]:checked:before {
-  color: #e14d43;
+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=radio]:checked:before {
-  background: #e14d43;
+input[type=radio]:checked::before {
+  background: #7e8993;
 }
 
-.wp-core-ui input[type="reset"]:hover,
-.wp-core-ui input[type="reset"]:active {
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
   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: #d02c21 #ba281e #ba281e;
+  border-color: #e14d43;
   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: #ba281e;
+  border-color: #df4136;
   color: #fff;
-  box-shadow: 0 1px 0 #ba281e;
 }
-
 .wp-core-ui .button-primary:focus {
-  box-shadow: inset 0 1px 0 #d02c21, 0 0 2px 1px #33b3db;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
 }
-
-.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;
+.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;
   border-color: #ba281e;
-  box-shadow: inset 0 2px 0 #ba281e;
+  box-shadow: inset 0 2px 5px -3px #200705;
 }
-
 .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
   color: #d1c8c7 !important;
   background: #d92e23 !important;
-  border-color: #ba281e !important;
+  border-color: #d92e23 !important;
   text-shadow: none !important;
 }
-
-.wp-core-ui .button-primary.button-hero {
-  box-shadow: 0 2px 0 #ba281e !important;
+.wp-core-ui .button-group > .button.active {
+  border-color: #e14d43;
 }
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #ba281e !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #363b3f;
 }
-
 .wp-core-ui .wp-ui-text-primary {
   color: #363b3f;
 }
-
 .wp-core-ui .wp-ui-highlight {
   color: #fff;
   background-color: #e14d43;
 }
-
 .wp-core-ui .wp-ui-text-highlight {
   color: #e14d43;
 }
-
 .wp-core-ui .wp-ui-notification {
   color: #fff;
   background-color: #69a8bb;
 }
-
 .wp-core-ui .wp-ui-text-notification {
   color: #69a8bb;
 }
-
 .wp-core-ui .wp-ui-text-icon {
   color: #f1f2f3;
 }
@@ -184,7 +226,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #c3c4c5;
 }
-
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
@@ -203,7 +244,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
   color: #fff;
 }
-
 #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -516,4 +556,4 @@ div#wp-responsive-toggle a:before {
 .mce-container.mce-menu .mce-menu-item-normal.mce-active,
 .mce-container.mce-menu .mce-menu-item-preview.mce-active {
   background: #e14d43;
-}
+}

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates 3d-ish button effect with correct
+ * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -11,100 +11,142 @@ body {
 a {
   color: #0073aa;
 }
-
 a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#media-upload a.del-link:hover,
-div.dashboard-widget-submit input:hover,
-.subsubsub a:hover,
-.subsubsub a.current:hover {
-  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;
 }
 
 /* Forms */
-input[type=checkbox]:checked:before {
-  color: #738e96;
+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=radio]:checked:before {
+input[type=radio]:checked::before {
   background: #738e96;
 }
 
-.wp-core-ui input[type="reset"]:hover,
-.wp-core-ui input[type="reset"]:active {
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
   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: #80a583 #719a74 #719a74;
+  border-color: #9ebaa0;
   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: #719a74;
+  border-color: #95b497;
   color: #fff;
-  box-shadow: 0 1px 0 #719a74;
 }
-
 .wp-core-ui .button-primary:focus {
-  box-shadow: inset 0 1px 0 #80a583, 0 0 2px 1px #33b3db;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
 }
-
-.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;
+.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;
   border-color: #719a74;
-  box-shadow: inset 0 2px 0 #719a74;
+  box-shadow: inset 0 2px 5px -3px #253426;
 }
-
 .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
   color: #c7d1c8 !important;
   background: #86a989 !important;
-  border-color: #719a74 !important;
+  border-color: #86a989 !important;
   text-shadow: none !important;
 }
-
-.wp-core-ui .button-primary.button-hero {
-  box-shadow: 0 2px 0 #719a74 !important;
+.wp-core-ui .button-group > .button.active {
+  border-color: #9ebaa0;
 }
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #719a74 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #738e96;
 }
-
 .wp-core-ui .wp-ui-text-primary {
   color: #738e96;
 }
-
 .wp-core-ui .wp-ui-highlight {
   color: #fff;
   background-color: #9ebaa0;
 }
-
 .wp-core-ui .wp-ui-text-highlight {
   color: #9ebaa0;
 }
-
 .wp-core-ui .wp-ui-notification {
   color: #fff;
   background-color: #aa9d88;
 }
-
 .wp-core-ui .wp-ui-text-notification {
   color: #aa9d88;
 }
-
 .wp-core-ui .wp-ui-text-icon {
   color: #f2fcff;
 }
@@ -184,7 +226,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #d5dde0;
 }
-
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
@@ -203,7 +244,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
   color: #fff;
 }
-
 #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -516,4 +556,4 @@ div#wp-responsive-toggle a:before {
 .mce-container.mce-menu .mce-menu-item-normal.mce-active,
 .mce-container.mce-menu .mce-menu-item-preview.mce-active {
   background: #9ebaa0;
-}
+}

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates 3d-ish button effect with correct
+ * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -11,100 +11,142 @@ body {
 a {
   color: #0073aa;
 }
-
 a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#media-upload a.del-link:hover,
-div.dashboard-widget-submit input:hover,
-.subsubsub a:hover,
-.subsubsub a.current:hover {
-  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;
 }
 
 /* Forms */
-input[type=checkbox]:checked:before {
-  color: #738e96;
+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=radio]:checked:before {
+input[type=radio]:checked::before {
   background: #738e96;
 }
 
-.wp-core-ui input[type="reset"]:hover,
-.wp-core-ui input[type="reset"]:active {
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
   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: #80a583 #719a74 #719a74;
+  border-color: #9ebaa0;
   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: #719a74;
+  border-color: #95b497;
   color: #fff;
-  box-shadow: 0 1px 0 #719a74;
 }
-
 .wp-core-ui .button-primary:focus {
-  box-shadow: inset 0 1px 0 #80a583, 0 0 2px 1px #33b3db;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
 }
-
-.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;
+.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;
   border-color: #719a74;
-  box-shadow: inset 0 2px 0 #719a74;
+  box-shadow: inset 0 2px 5px -3px #253426;
 }
-
 .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
   color: #c7d1c8 !important;
   background: #86a989 !important;
-  border-color: #719a74 !important;
+  border-color: #86a989 !important;
   text-shadow: none !important;
 }
-
-.wp-core-ui .button-primary.button-hero {
-  box-shadow: 0 2px 0 #719a74 !important;
+.wp-core-ui .button-group > .button.active {
+  border-color: #9ebaa0;
 }
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #719a74 !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #738e96;
 }
-
 .wp-core-ui .wp-ui-text-primary {
   color: #738e96;
 }
-
 .wp-core-ui .wp-ui-highlight {
   color: #fff;
   background-color: #9ebaa0;
 }
-
 .wp-core-ui .wp-ui-text-highlight {
   color: #9ebaa0;
 }
-
 .wp-core-ui .wp-ui-notification {
   color: #fff;
   background-color: #aa9d88;
 }
-
 .wp-core-ui .wp-ui-text-notification {
   color: #aa9d88;
 }
-
 .wp-core-ui .wp-ui-text-icon {
   color: #f2fcff;
 }
@@ -184,7 +226,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #d5dde0;
 }
-
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
@@ -203,7 +244,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
   color: #fff;
 }
-
 #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -516,4 +556,4 @@ div#wp-responsive-toggle a:before {
 .mce-container.mce-menu .mce-menu-item-normal.mce-active,
 .mce-container.mce-menu .mce-menu-item-preview.mce-active {
   background: #9ebaa0;
-}
+}

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates 3d-ish button effect with correct
+ * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -11,100 +11,142 @@ body {
 a {
   color: #0073aa;
 }
-
 a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#media-upload a.del-link:hover,
-div.dashboard-widget-submit input:hover,
-.subsubsub a:hover,
-.subsubsub a.current:hover {
-  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;
 }
 
 /* Forms */
-input[type=checkbox]:checked:before {
-  color: #dd823b;
+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=radio]:checked:before {
-  background: #dd823b;
+input[type=radio]:checked::before {
+  background: #7e8993;
 }
 
-.wp-core-ui input[type="reset"]:hover,
-.wp-core-ui input[type="reset"]:active {
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
   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: #c36922 #ad5d1e #ad5d1e;
+  border-color: #dd823b;
   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: #ad5d1e;
+  border-color: #db7a2e;
   color: #fff;
-  box-shadow: 0 1px 0 #ad5d1e;
 }
-
 .wp-core-ui .button-primary:focus {
-  box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
 }
-
-.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;
+.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;
   border-color: #ad5d1e;
-  box-shadow: inset 0 2px 0 #ad5d1e;
+  box-shadow: inset 0 2px 5px -3px #150b04;
 }
-
 .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
   color: #d1cbc7 !important;
   background: #cc6d23 !important;
-  border-color: #ad5d1e !important;
+  border-color: #cc6d23 !important;
   text-shadow: none !important;
 }
-
-.wp-core-ui .button-primary.button-hero {
-  box-shadow: 0 2px 0 #ad5d1e !important;
+.wp-core-ui .button-group > .button.active {
+  border-color: #dd823b;
 }
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #ad5d1e !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #cf4944;
 }
-
 .wp-core-ui .wp-ui-text-primary {
   color: #cf4944;
 }
-
 .wp-core-ui .wp-ui-highlight {
   color: #fff;
   background-color: #dd823b;
 }
-
 .wp-core-ui .wp-ui-text-highlight {
   color: #dd823b;
 }
-
 .wp-core-ui .wp-ui-notification {
   color: #fff;
   background-color: #ccaf0b;
 }
-
 .wp-core-ui .wp-ui-text-notification {
   color: #ccaf0b;
 }
-
 .wp-core-ui .wp-ui-text-icon {
   color: #f3f1f1;
 }
@@ -184,7 +226,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #f1c8c7;
 }
-
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
@@ -203,7 +244,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
   color: #fff;
 }
-
 #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -516,4 +556,4 @@ div#wp-responsive-toggle a:before {
 .mce-container.mce-menu .mce-menu-item-normal.mce-active,
 .mce-container.mce-menu .mce-menu-item-preview.mce-active {
   background: #dd823b;
-}
+}

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

@@ -1,6 +1,6 @@
 /*! This file is auto-generated */
 /*
- * Button mixin- creates 3d-ish button effect with correct
+ * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
 body {
@@ -11,100 +11,142 @@ body {
 a {
   color: #0073aa;
 }
-
 a:hover, a:active, a:focus {
   color: #0096dd;
 }
 
-#media-upload a.del-link:hover,
-div.dashboard-widget-submit input:hover,
-.subsubsub a:hover,
-.subsubsub a.current:hover {
-  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;
 }
 
 /* Forms */
-input[type=checkbox]:checked:before {
-  color: #dd823b;
+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=radio]:checked:before {
-  background: #dd823b;
+input[type=radio]:checked::before {
+  background: #7e8993;
 }
 
-.wp-core-ui input[type="reset"]:hover,
-.wp-core-ui input[type="reset"]:active {
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
   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: #c36922 #ad5d1e #ad5d1e;
+  border-color: #dd823b;
   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: #ad5d1e;
+  border-color: #db7a2e;
   color: #fff;
-  box-shadow: 0 1px 0 #ad5d1e;
 }
-
 .wp-core-ui .button-primary:focus {
-  box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
 }
-
-.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;
+.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;
   border-color: #ad5d1e;
-  box-shadow: inset 0 2px 0 #ad5d1e;
+  box-shadow: inset 0 2px 5px -3px #150b04;
 }
-
 .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
   color: #d1cbc7 !important;
   background: #cc6d23 !important;
-  border-color: #ad5d1e !important;
+  border-color: #cc6d23 !important;
   text-shadow: none !important;
 }
-
-.wp-core-ui .button-primary.button-hero {
-  box-shadow: 0 2px 0 #ad5d1e !important;
+.wp-core-ui .button-group > .button.active {
+  border-color: #dd823b;
 }
-
-.wp-core-ui .button-primary.button-hero:active {
-  box-shadow: inset 0 3px 0 #ad5d1e !important;
-}
-
 .wp-core-ui .wp-ui-primary {
   color: #fff;
   background-color: #cf4944;
 }
-
 .wp-core-ui .wp-ui-text-primary {
   color: #cf4944;
 }
-
 .wp-core-ui .wp-ui-highlight {
   color: #fff;
   background-color: #dd823b;
 }
-
 .wp-core-ui .wp-ui-text-highlight {
   color: #dd823b;
 }
-
 .wp-core-ui .wp-ui-notification {
   color: #fff;
   background-color: #ccaf0b;
 }
-
 .wp-core-ui .wp-ui-text-notification {
   color: #ccaf0b;
 }
-
 .wp-core-ui .wp-ui-text-icon {
   color: #f3f1f1;
 }
@@ -184,7 +226,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #f1c8c7;
 }
-
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
@@ -203,7 +244,6 @@ input[type=radio]:checked:before {
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
   color: #fff;
 }
-
 #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -516,4 +556,4 @@ div#wp-responsive-toggle a:before {
 .mce-container.mce-menu .mce-menu-item-normal.mce-active,
 .mce-container.mce-menu .mce-menu-item-preview.mce-active {
   background: #dd823b;
-}
+}

wp-admin/css/common-rtl.css

@@ -190,7 +190,7 @@ p.popular-tags,
 .feature-filter,
 .imgedit-group,
 .comment-ays {
-	border: 1px solid #e5e5e5;
+	border: 1px solid #ccd0d4;
 	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,6 +460,12 @@ 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;
@@ -484,12 +490,12 @@ code {
 
 .widefat thead th,
 .widefat thead td {
-	border-bottom: 1px solid #e1e1e1;
+	border-bottom: 1px solid #ccd0d4;
 }
 
 .widefat tfoot th,
 .widefat tfoot td {
-	border-top: 1px solid #e1e1e1;
+	border-top: 1px solid #ccd0d4;
 	border-bottom: none;
 }
 
@@ -617,15 +623,14 @@ code {
 	position: relative;
 	top: -3px;
 	text-decoration: none;
-	border: none;
-	border: 1px solid #ccc;
+	border: 1px solid #0071a1;
 	border-radius: 2px;
-	background: #f7f7f7;
 	text-shadow: none;
 	font-weight: 600;
 	font-size: 13px;
 	line-height: normal; /* IE8-IE11 need this for buttons */
-	color: #0073aa; /* some of these controls are button elements and don't inherit from links */
+	color: #0071a1; /* use the standard color used for buttons */
+	background: #f3f5f6;
 	cursor: pointer;
 }
 
@@ -635,19 +640,25 @@ code {
 
 .wrap .add-new-h2:hover, /* deprecated */
 .wrap .page-title-action:hover {
-	border-color: #008EC2;
-	background: #00a0d2;
-	color: #fff;
+	background: #f1f1f1;
+	border-color: #016087;
+	color: #016087;
 }
 
 /* lower specificity: color needs to be overridden by :hover and :active */
 .page-title-action:focus {
-	color: #124964;
+	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;
 }
 
 .wrap .page-title-action:focus {
-	border-color: #5b9dd9;
-	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+	border-color: #007cba;
+	box-shadow: 0 0 0 1px #007cba;
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 }
@@ -767,11 +778,10 @@ img.emoji {
 
 .postbox .hndle,
 .stuffbox .hndle {
-	border-bottom: 1px solid #eee;
+	border-bottom: 1px solid #ccd0d4;
 }
 
-.quicktags,
-.search {
+.quicktags {
 	background-color: #ccc;
 	color: #000;
 	font-size: 12px;
@@ -914,11 +924,11 @@ span.required,
 
 #delete-action {
 	float: right;
-	line-height: 2.1;
+	line-height: 2.30769231; /* 30px */
 }
 
 #delete-link {
-	line-height: 2.1;
+	line-height: 2.30769231; /* 30px */
 	vertical-align: middle;
 	text-align: right;
 	margin-right: 8px;
@@ -935,7 +945,8 @@ span.required,
 }
 
 #publishing-action .spinner {
-	float: right;
+	float: none;
+	margin-top: 5px;
 }
 
 #misc-publishing-actions {
@@ -997,7 +1008,7 @@ th.action-links {
 	padding: 0 10px;
 	width: 100%;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
-	border: 1px solid #e5e5e5;
+	border: 1px solid #ccd0d4;
 	background: #fff;
 	color: #555;
 	font-size: 13px;
@@ -1076,19 +1087,13 @@ th.action-links {
 }
 
 .wp-filter .search-form input[type="search"] {
-	margin: 0;
-	padding: 3px 5px;
+	margin: 1px 0;
 	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 {
@@ -1364,8 +1369,9 @@ th.action-links {
 div.updated,
 div.error {
 	background: #fff;
-	border-right: 4px solid #fff;
-	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
+	border: 1px solid #ccd0d4;
+	border-right-width: 4px;
+	box-shadow: 0 1px 1px rgba(0,0,0,.04);
 	margin: 5px 15px 2px;
 	padding: 1px 12px;
 }
@@ -1430,7 +1436,9 @@ 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 {
@@ -1659,6 +1667,7 @@ form.upgrade .hint {
 }
 
 #screen-meta-links {
+	float: left;
 	margin: 0 0 0 20px;
 }
 
@@ -1668,20 +1677,15 @@ form.upgrade .hint {
 	margin: 0 0px -1px 20px;
 	position: relative;
 	background-color: #fff;
-	border: 1px solid #ddd;
+	border: 1px solid #ccd0d4;
 	border-top: none;
-	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.025);
+	box-shadow: 0 0 0 transparent;
 }
 
 #screen-options-link-wrap,
 #contextual-help-link-wrap {
-	float: left;
-	height: 28px;
+	float: right;
 	margin: 0 6px 0 0;
-	border: 1px solid #ddd;
-	border-top: none;
-	background: #fff;
-	box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
 }
 
 #screen-meta-links .screen-meta-toggle {
@@ -1690,12 +1694,17 @@ form.upgrade .hint {
 }
 
 #screen-meta-links .show-settings {
-	border: 0;
-	background: none;
-	border-radius: 0;
+	border: 1px solid #ccd0d4;
+	border-top: none;
+	height: auto;
+	margin-bottom: 0;
+	padding: 3px 16px 3px 6px;
+	background: #fff;
+	border-radius: 0 0 4px 4px;
 	color: #72777c;
 	line-height: 1.7;
-	padding: 3px 16px 3px 6px;
+	box-shadow: 0 0 0 transparent;
+	transition: box-shadow 0.1s linear;
 }
 
 #screen-meta-links .show-settings:hover,
@@ -1704,8 +1713,12 @@ form.upgrade .hint {
 	color: #32373c;
 }
 
+#screen-meta-links .show-settings:focus {
+	border-color: #5b9dd9;
+	box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+}
+
 #screen-meta-links .show-settings:active {
-	box-shadow: none;
 	transform: none;
 }
 
@@ -1830,7 +1843,7 @@ form.upgrade .hint {
 	bottom: 0;
 	right: 150px;
 	left: 170px;
-	border: 1px solid #e1e1e1;
+	border: 1px solid #ccd0d4;
 	border-top: none;
 	border-bottom: none;
 	background: #f6fbfd;
@@ -1883,7 +1896,7 @@ form.upgrade .hint {
 }
 
 .contextual-help-tabs .active a {
-	border-color: #e1e1e1;
+	border-color: #ccd0d4;
 	color: #32373c;
 }
 
@@ -2034,6 +2047,11 @@ 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;
@@ -2458,11 +2476,11 @@ div.star-holder {
 	position: relative;
 	height: 17px;
 	width: 100px;
-	background: url(../images/stars.png?ver=20121108) repeat-x bottom left;
+	background: url(../images/stars.png?ver=20121108) repeat-x bottom right;
 }
 
 div.star-holder .star-rating {
-	background: url(../images/stars.png?ver=20121108) repeat-x top left;
+	background: url(../images/stars.png?ver=20121108) repeat-x top right;
 	height: 17px;
 	float: right;
 }
@@ -2497,7 +2515,7 @@ div.star-holder .star-rating {
 }
 
 .rtl .star-rating .star-half {
-	transform: rotateY(180deg);
+	transform: rotateY(-180deg);
 }
 
 .star-rating .star-empty:before {
@@ -2651,12 +2669,17 @@ div.action-links {
 	left: 250px;
 	bottom: 0;
 	right: 0;
+	margin-top: 10px;
 	margin-left: 250px; /* FYI box */
 	padding: 10px 26px;
 	margin-bottom: -99939px; /* 60px less than the padding below to accommodate footer */
 	padding-bottom: 99999px; /* equal height column trick */
 }
 
+#section-holder .notice {
+	margin: 5px 0 15px;
+}
+
 #section-holder .updated {
 	margin: 16px 0;
 }
@@ -3145,7 +3168,9 @@ 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 {
@@ -3654,7 +3679,7 @@ img {
 	/* Back-compat for pre-3.8 */
 	div.star-holder,
 	div.star-holder .star-rating {
-		background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;
+		background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom right;
 		background-size: 21px 37px;
 	}
 
@@ -3686,6 +3711,10 @@ img {
 		padding-top: 46px;
 	}
 
+	.screen-reader-shortcut:focus {
+		top: -39px;
+	}
+
 	body {
 		min-width: 240px;
 		overflow-x: hidden;
@@ -3706,6 +3735,7 @@ img {
 	}
 
 	.wrap {
+		clear: both;
 		margin-left: 12px;
 		margin-right: 0;
 	}
@@ -3770,6 +3800,8 @@ 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 */
@@ -3890,7 +3922,7 @@ img {
 
 	.fileedit-sub input[type="submit"] {
 		margin-bottom: 0px;
-		padding: 8px 18px;
+		padding: 0px 18px;
 	}
 
 	#documentation label[for="docs-list"] {
@@ -3966,7 +3998,11 @@ img {
 	}
 
 	#screen-meta-links {
-		margin-bottom: 60px; /* Add margins beneath links for better spacing between boxes and elements */
+		margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */
+	}
+
+	.wp-filter .search-form input[type="search"] {
+		font-size: 1rem;
 	}
 }
 
@@ -3982,6 +4018,10 @@ img {
 		padding-top: 0;
 	}
 
+	.screen-reader-shortcut:focus {
+		top: 7px;
+	}
+
 	#wpbody {
 		padding-top: 46px;
 	}
@@ -4010,6 +4050,10 @@ 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 #e5e5e5;
+	border: 1px solid #ccd0d4;
 	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,6 +460,12 @@ 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;
@@ -484,12 +490,12 @@ code {
 
 .widefat thead th,
 .widefat thead td {
-	border-bottom: 1px solid #e1e1e1;
+	border-bottom: 1px solid #ccd0d4;
 }
 
 .widefat tfoot th,
 .widefat tfoot td {
-	border-top: 1px solid #e1e1e1;
+	border-top: 1px solid #ccd0d4;
 	border-bottom: none;
 }
 
@@ -617,15 +623,14 @@ code {
 	position: relative;
 	top: -3px;
 	text-decoration: none;
-	border: none;
-	border: 1px solid #ccc;
+	border: 1px solid #0071a1;
 	border-radius: 2px;
-	background: #f7f7f7;
 	text-shadow: none;
 	font-weight: 600;
 	font-size: 13px;
 	line-height: normal; /* IE8-IE11 need this for buttons */
-	color: #0073aa; /* some of these controls are button elements and don't inherit from links */
+	color: #0071a1; /* use the standard color used for buttons */
+	background: #f3f5f6;
 	cursor: pointer;
 }
 
@@ -635,19 +640,25 @@ code {
 
 .wrap .add-new-h2:hover, /* deprecated */
 .wrap .page-title-action:hover {
-	border-color: #008EC2;
-	background: #00a0d2;
-	color: #fff;
+	background: #f1f1f1;
+	border-color: #016087;
+	color: #016087;
 }
 
 /* lower specificity: color needs to be overridden by :hover and :active */
 .page-title-action:focus {
-	color: #124964;
+	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;
 }
 
 .wrap .page-title-action:focus {
-	border-color: #5b9dd9;
-	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+	border-color: #007cba;
+	box-shadow: 0 0 0 1px #007cba;
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 }
@@ -767,11 +778,10 @@ img.emoji {
 
 .postbox .hndle,
 .stuffbox .hndle {
-	border-bottom: 1px solid #eee;
+	border-bottom: 1px solid #ccd0d4;
 }
 
-.quicktags,
-.search {
+.quicktags {
 	background-color: #ccc;
 	color: #000;
 	font-size: 12px;
@@ -914,11 +924,11 @@ span.required,
 
 #delete-action {
 	float: left;
-	line-height: 2.1;
+	line-height: 2.30769231; /* 30px */
 }
 
 #delete-link {
-	line-height: 2.1;
+	line-height: 2.30769231; /* 30px */
 	vertical-align: middle;
 	text-align: left;
 	margin-left: 8px;
@@ -935,7 +945,8 @@ span.required,
 }
 
 #publishing-action .spinner {
-	float: left;
+	float: none;
+	margin-top: 5px;
 }
 
 #misc-publishing-actions {
@@ -997,7 +1008,7 @@ th.action-links {
 	padding: 0 10px;
 	width: 100%;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
-	border: 1px solid #e5e5e5;
+	border: 1px solid #ccd0d4;
 	background: #fff;
 	color: #555;
 	font-size: 13px;
@@ -1076,19 +1087,13 @@ th.action-links {
 }
 
 .wp-filter .search-form input[type="search"] {
-	margin: 0;
-	padding: 3px 5px;
+	margin: 1px 0;
 	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 {
@@ -1364,8 +1369,9 @@ th.action-links {
 div.updated,
 div.error {
 	background: #fff;
-	border-left: 4px solid #fff;
-	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
+	border: 1px solid #ccd0d4;
+	border-left-width: 4px;
+	box-shadow: 0 1px 1px rgba(0,0,0,.04);
 	margin: 5px 15px 2px;
 	padding: 1px 12px;
 }
@@ -1430,7 +1436,9 @@ 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 {
@@ -1659,6 +1667,7 @@ form.upgrade .hint {
 }
 
 #screen-meta-links {
+	float: right;
 	margin: 0 20px 0 0;
 }
 
@@ -1668,20 +1677,15 @@ form.upgrade .hint {
 	margin: 0 20px -1px 0px;
 	position: relative;
 	background-color: #fff;
-	border: 1px solid #ddd;
+	border: 1px solid #ccd0d4;
 	border-top: none;
-	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.025);
+	box-shadow: 0 0 0 transparent;
 }
 
 #screen-options-link-wrap,
 #contextual-help-link-wrap {
-	float: right;
-	height: 28px;
+	float: left;
 	margin: 0 0 0 6px;
-	border: 1px solid #ddd;
-	border-top: none;
-	background: #fff;
-	box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
 }
 
 #screen-meta-links .screen-meta-toggle {
@@ -1690,12 +1694,17 @@ form.upgrade .hint {
 }
 
 #screen-meta-links .show-settings {
-	border: 0;
-	background: none;
-	border-radius: 0;
+	border: 1px solid #ccd0d4;
+	border-top: none;
+	height: auto;
+	margin-bottom: 0;
+	padding: 3px 6px 3px 16px;
+	background: #fff;
+	border-radius: 0 0 4px 4px;
 	color: #72777c;
 	line-height: 1.7;
-	padding: 3px 6px 3px 16px;
+	box-shadow: 0 0 0 transparent;
+	transition: box-shadow 0.1s linear;
 }
 
 #screen-meta-links .show-settings:hover,
@@ -1704,8 +1713,12 @@ form.upgrade .hint {
 	color: #32373c;
 }
 
+#screen-meta-links .show-settings:focus {
+	border-color: #5b9dd9;
+	box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+}
+
 #screen-meta-links .show-settings:active {
-	box-shadow: none;
 	transform: none;
 }
 
@@ -1830,7 +1843,7 @@ form.upgrade .hint {
 	bottom: 0;
 	left: 150px;
 	right: 170px;
-	border: 1px solid #e1e1e1;
+	border: 1px solid #ccd0d4;
 	border-top: none;
 	border-bottom: none;
 	background: #f6fbfd;
@@ -1883,7 +1896,7 @@ form.upgrade .hint {
 }
 
 .contextual-help-tabs .active a {
-	border-color: #e1e1e1;
+	border-color: #ccd0d4;
 	color: #32373c;
 }
 
@@ -2034,6 +2047,11 @@ 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;
@@ -2651,12 +2669,17 @@ div.action-links {
 	right: 250px;
 	bottom: 0;
 	left: 0;
+	margin-top: 10px;
 	margin-right: 250px; /* FYI box */
 	padding: 10px 26px;
 	margin-bottom: -99939px; /* 60px less than the padding below to accommodate footer */
 	padding-bottom: 99999px; /* equal height column trick */
 }
 
+#section-holder .notice {
+	margin: 5px 0 15px;
+}
+
 #section-holder .updated {
 	margin: 16px 0;
 }
@@ -3145,7 +3168,9 @@ 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 {
@@ -3686,6 +3711,10 @@ img {
 		padding-top: 46px;
 	}
 
+	.screen-reader-shortcut:focus {
+		top: -39px;
+	}
+
 	body {
 		min-width: 240px;
 		overflow-x: hidden;
@@ -3706,6 +3735,7 @@ img {
 	}
 
 	.wrap {
+		clear: both;
 		margin-right: 12px;
 		margin-left: 0;
 	}
@@ -3770,6 +3800,8 @@ 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 */
@@ -3890,7 +3922,7 @@ img {
 
 	.fileedit-sub input[type="submit"] {
 		margin-bottom: 0px;
-		padding: 8px 18px;
+		padding: 0px 18px;
 	}
 
 	#documentation label[for="docs-list"] {
@@ -3966,7 +3998,11 @@ img {
 	}
 
 	#screen-meta-links {
-		margin-bottom: 60px; /* Add margins beneath links for better spacing between boxes and elements */
+		margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */
+	}
+
+	.wp-filter .search-form input[type="search"] {
+		font-size: 1rem;
 	}
 }
 
@@ -3982,6 +4018,10 @@ img {
 		padding-top: 0;
 	}
 
+	.screen-reader-shortcut:focus {
+		top: 7px;
+	}
+
 	#wpbody {
 		padding-top: 46px;
 	}
@@ -4010,6 +4050,10 @@ 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,6 +159,7 @@ body:not(.ready) #customize-save-button-wrapper .save {
 	float: right;
 	transform: none;
 	margin-top: 0;
+	line-height: 2;
 }
 
 body:not(.ready) #publish-settings,
@@ -284,12 +285,14 @@ body.trashing #publish-settings {
 }
 
 #customize-control-changeset_preview_link input {
-	line-height: 2.5;
+	line-height: 2.85714286; /* 40px */
 	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 {
@@ -347,7 +350,7 @@ body.trashing #publish-settings {
 }
 
 .date-time-fields .date-input.year {
-	width: 60px;
+	width: 65px;
 }
 
 .date-time-fields .date-input.meridian {
@@ -359,11 +362,6 @@ 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;
 }
@@ -915,12 +913,6 @@ 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"],
@@ -929,7 +921,6 @@ p.customize-section-description {
 .customize-control input[type="tel"],
 .customize-control input[type="url"] {
 	width: 100%;
-	line-height: 1.3;
 	margin: 0;
 }
 
@@ -944,8 +935,6 @@ p.customize-section-description {
 
 .customize-control select {
 	width: 100%;
-	height: 28px;
-	line-height: 2;
 }
 
 .customize-control select[multiple] {
@@ -1808,7 +1797,6 @@ 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 {
@@ -2594,9 +2582,9 @@ body.adding-widget .add-new-widget:before,
 #available-widgets-filter input,
 #available-menu-items-search input {
 	width: 100%;
-	height: 32px;
+	min-height: 32px;
 	margin: 1px 0;
-	padding: 6px 30px;
+	padding: 0 30px;
 }
 
 #available-widgets-filter input::-ms-clear,
@@ -2784,10 +2772,6 @@ 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;
 	}
@@ -2880,15 +2864,11 @@ body.adding-widget .add-new-widget:before,
 	}
 
 	.wp-core-ui.wp-customizer .button {
-		padding: 6px 14px;
-		line-height: normal;
+		min-height: 30px;
+		padding: 0 14px;
+		line-height: 2;
 		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,6 +159,7 @@ body:not(.ready) #customize-save-button-wrapper .save {
 	float: left;
 	transform: none;
 	margin-top: 0;
+	line-height: 2;
 }
 
 body:not(.ready) #publish-settings,
@@ -284,12 +285,14 @@ body.trashing #publish-settings {
 }
 
 #customize-control-changeset_preview_link input {
-	line-height: 2.5;
+	line-height: 2.85714286; /* 40px */
 	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 {
@@ -347,7 +350,7 @@ body.trashing #publish-settings {
 }
 
 .date-time-fields .date-input.year {
-	width: 60px;
+	width: 65px;
 }
 
 .date-time-fields .date-input.meridian {
@@ -359,11 +362,6 @@ 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;
 }
@@ -915,12 +913,6 @@ 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"],
@@ -929,7 +921,6 @@ p.customize-section-description {
 .customize-control input[type="tel"],
 .customize-control input[type="url"] {
 	width: 100%;
-	line-height: 1.3;
 	margin: 0;
 }
 
@@ -944,8 +935,6 @@ p.customize-section-description {
 
 .customize-control select {
 	width: 100%;
-	height: 28px;
-	line-height: 2;
 }
 
 .customize-control select[multiple] {
@@ -1808,7 +1797,6 @@ 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 {
@@ -2594,9 +2582,9 @@ body.adding-widget .add-new-widget:before,
 #available-widgets-filter input,
 #available-menu-items-search input {
 	width: 100%;
-	height: 32px;
+	min-height: 32px;
 	margin: 1px 0;
-	padding: 6px 30px;
+	padding: 0 30px;
 }
 
 #available-widgets-filter input::-ms-clear,
@@ -2784,10 +2772,6 @@ 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;
 	}
@@ -2880,15 +2864,11 @@ body.adding-widget .add-new-widget:before,
 	}
 
 	.wp-core-ui.wp-customizer .button {
-		padding: 6px 14px;
-		line-height: normal;
+		min-height: 30px;
+		padding: 0 14px;
+		line-height: 2;
 		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: 16px;
+	line-height: 1.23076923;
 }
 
 .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: 16px;
+	line-height: 1.23076923;
 }
 
 .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 #e5e5e5;
+	border: 1px solid #ccd0d4;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 	background: #fff;
 	font-size: 13px;
-	line-height: 2.1em;
+	line-height: 1.7;
 }
 
 .welcome-panel h2 {
@@ -130,7 +130,7 @@
 	color: #72777c;
 }
 
-.welcome-panel a {
+.welcome-panel li a {
 	text-decoration: none;
 }
 
@@ -198,7 +198,7 @@
 }
 
 .welcome-panel .welcome-widgets-menus {
-	line-height: 16px;
+	line-height: 1.14285714;
 }
 
 .welcome-panel .welcome-panel-column ul {
@@ -206,7 +206,7 @@
 }
 
 .welcome-panel .welcome-panel-column li {
-	line-height: 16px;
+	line-height: 1.14285714;
 	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: #82878c;
+	color: #606a73;
 	font: normal 20px/1 dashicons;
 	speak: none;
 	display: inline-block;
@@ -260,6 +260,16 @@
 	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;
@@ -357,7 +367,7 @@
 .community-events-form label {
 	display: inline-block;
 	vertical-align: top;
-	line-height: 28px;
+	line-height: 2.15384615;
 	height: 28px;
 }
 
@@ -379,7 +389,7 @@
 #dashboard-widgets .community-events-cancel.button-link {
 	vertical-align: top;
 	/* Same properties as the submit button for cross-browsers alignment. */
-	line-height: 26px;
+	line-height: 2;
 	height: 28px;
 	text-decoration: underline;
 }
@@ -422,7 +432,7 @@
 }
 
 .event-icon:before {
-	color: #82878C;
+	color: #606a73;
 	font-size: 18px;
 }
 .event-meetup .event-icon:before {
@@ -886,8 +896,9 @@ body #dashboard-widgets .postbox form .submit {
 	min-width: 0;
 }
 
-#dashboard-widgets a,
-#dashboard-widgets .button-link {
+#dashboard-widgets li a,
+#dashboard-widgets .button-link,
+.community-events-footer a {
 	text-decoration: none;
 }
 
@@ -937,7 +948,7 @@ body #dashboard-widgets .postbox form .submit {
 }
 
 #latest-comments #the-comment-list .comment-meta {
-	line-height: 1.5em;
+	line-height: 1.5;
 	margin: 0;
 	color: #666;
 }
@@ -970,11 +981,11 @@ body #dashboard-widgets .postbox form .submit {
 a.rsswidget {
 	font-size: 13px;
 	font-weight: 600;
-	line-height: 1.4em;
+	line-height: 1.4;
 }
 
 .rss-widget ul li {
-	line-height: 1.5em;
+	line-height: 1.5;
 	margin-bottom: 12px;
 }
 

wp-admin/css/dashboard.css

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

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

@@ -107,19 +107,19 @@ th {
 /* specific to the image upload form */
 
 .image-align-none-label {
-	background: url(../images/align-none.png) no-repeat center left;
+	background: url(../images/align-none.png) no-repeat center right;
 }
 
 .image-align-left-label {
-	background: url(../images/align-left.png) no-repeat center left;
+	background: url(../images/align-left.png) no-repeat center right;
 }
 
 .image-align-center-label {
-	background: url(../images/align-center.png) no-repeat center left;
+	background: url(../images/align-center.png) no-repeat center right;
 }
 
 .image-align-right-label {
-	background: url(../images/align-right.png) no-repeat center left;
+	background: url(../images/align-right.png) no-repeat center right;
 }
 
 tr.image-size td {

wp-admin/css/edit-rtl.css

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

wp-admin/css/edit.css

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

wp-admin/css/forms-rtl.css

@@ -1,12 +1,42 @@
 /* Include margin and padding in the width calculation of input and textarea. */
 input,
-textarea {
+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;
 }
 
 input[type="text"],
 input[type="password"],
-input[type="checkbox"],
 input[type="color"],
 input[type="date"],
 input[type="datetime"],
@@ -15,20 +45,42 @@ 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 {
-	border: 1px solid #ddd;
-	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
+	box-shadow: 0 0 0 transparent;
+	border-radius: 4px;
+	border: 1px solid #7e8993;
 	background-color: #fff;
 	color: #32373c;
-	outline: none;
-	transition: 0.05s border-color ease-in-out;
+}
+
+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 */
 }
 
 input[type="text"]:focus,
@@ -42,7 +94,6 @@ 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,
@@ -50,8 +101,8 @@ input[type="checkbox"]:focus,
 input[type="radio"]:focus,
 select:focus,
 textarea:focus {
-	border-color: #5b9dd9;
-	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+	border-color: #007cba;
+	box-shadow: 0 0 0 1px #007cba;
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 }
@@ -62,29 +113,24 @@ input[type="url"] {
 	direction: ltr;
 }
 
-/* Vertically align the number selector with the input. */
-input[type="number"] {
-	height: 28px;
-	line-height: 1;
-}
-
 input[type="checkbox"],
 input[type="radio"] {
-	border: 1px solid #b4b9be;
+	border: 1px solid #7e8993;
+	border-radius: 4px;
 	background: #fff;
 	color: #555;
 	clear: none;
 	cursor: pointer;
 	display: inline-block;
 	line-height: 0;
-	height: 16px;
-	margin: -4px 0 0 4px;
+	height: 1rem;
+	margin: -0.25rem 0 0 0.25rem;
 	outline: 0;
 	padding: 0 !important;
 	text-align: center;
 	vertical-align: middle;
-	width: 16px;
-	min-width: 16px;
+	width: 1rem;
+	min-width: 1rem;
 	-webkit-appearance: none;
 	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 	transition: .05s border-color ease-in-out;
@@ -115,38 +161,39 @@ td > input[type="checkbox"],
 
 input[type="radio"] {
 	border-radius: 50%;
-	margin-left: 4px;
-	line-height: 10px;
+	margin-left: 0.25rem;
+	/* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
+	line-height: 0.71428571;
 }
 
-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: 16px;
-	font: normal 21px/1 dashicons;
+	width: 1rem;
 	speak: none;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
 
-input[type="checkbox"]:checked:before {
-	content: "\f147";
-	margin: -3px -4px 0 0;
-	color: #1e8cbe;
+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="radio"]:checked:before {
-	content: "\2022";
-	text-indent: -9999px;
-	border-radius: 50px;
-	font-size: 24px;
-	width: 6px;
-	height: 6px;
-	margin: 4px;
-	line-height: 16px;
+input[type="radio"]:checked::before {
+	content: "";
+	border-radius: 50%;
+	width: 0.5rem; /* 8px */
+	height: 0.5rem; /* 8px */
+	margin: 0.1875rem; /* 3px */
 	background-color: #1e8cbe;
+	/* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
+	line-height: 1.14285714;
 }
 
 @-moz-document url-prefix() {
@@ -166,58 +213,11 @@ 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,15 +307,87 @@ input[type="radio"].disabled:checked:before {
   2.0 - Forms
 ------------------------------------------------------------------------------*/
 
-
-.wp-admin select {
-	padding: 2px;
-	line-height: 28px;
-	height: 28px;
+/* 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;
 	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;
 }
@@ -324,8 +396,18 @@ input[type="radio"].disabled:checked:before {
 	max-width: 100%;
 }
 
-.wp-admin select[multiple] {
+.meta-box-sortables input {
+	vertical-align: middle;
+}
+
+.misc-pub-post-status select {
+	margin-top: 0;
+}
+
+.wp-core-ui select[multiple] {
 	height: auto;
+	padding-left: 8px;
+	background: #fff;
 }
 
 .submit {
@@ -381,7 +463,7 @@ textarea.large-text {
 
 input.small-text {
 	width: 50px;
-	padding: 1px 6px;
+	padding: 0 6px;
 }
 
 input[type="number"].small-text {
@@ -399,28 +481,13 @@ input[type="number"].tiny-text {
 #doaction,
 #doaction2,
 #post-query-submit {
-	margin: 1px 0 0 8px;
-}
-
-.tablenav #changeit,
-.tablenav #delete_all,
-.tablenav #clear-recent-list,
-.wp-filter #delete_all {
-	margin-top: 1px;
+	margin: 0 0 0 8px;
 }
 
 .tablenav .actions select {
 	float: right;
 	margin-left: 6px;
-	max-width: 200px;
-}
-
-.ie8 .tablenav .actions select {
-	width: 155px;
-}
-
-.ie8 .tablenav .actions select#cat {
-	width: 200px;
+	max-width: 12.5rem;
 }
 
 #timezone_string option {
@@ -431,6 +498,10 @@ 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 {
@@ -464,7 +535,7 @@ fieldset label,
 	background-color: #eee;
 	border: 1px solid #ddd;
 	color: #23282d;
-	margin: -1px 0 5px;
+	margin: -1px 1px 5px;
 	padding: 3px 5px;
 	text-align: center;
 	width: 25em;
@@ -522,11 +593,14 @@ fieldset label,
 
 .wp-pwd [type="text"],
 .wp-pwd [type="password"] {
-	margin: 0;
+	margin-bottom: 0;
 	/* Same height as the buttons */
-	line-height: 20px;
-	min-height: 28px;
-	max-height: 40px;
+	min-height: 30px;
+}
+
+/* Hide the Edge "reveal password" native button */
+.wp-pwd input::-ms-reveal {
+	display: none;
 }
 
 #pass1-text,
@@ -542,10 +616,6 @@ fieldset label,
 	display: inline-block;
 }
 
-.form-table span.description.important {
-	font-size: 12px;
-}
-
 p.search-box {
 	float: left;
 	margin: 0;
@@ -559,18 +629,12 @@ 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,
@@ -689,7 +753,7 @@ ul#add-to-blog-users {
 .form-table td fieldset label,
 .form-table td fieldset p,
 .form-table td fieldset li {
-	line-height: 1.4em;
+	line-height: 1.4;
 }
 
 .form-table input.tog,
@@ -798,9 +862,10 @@ table.form-table td .updated p {
 	padding: 0.7em 2em 1em;
 	min-width: 255px;
 	max-width: 520px;
-	border: 1px solid #e5e5e5;
+	border: 1px solid #ccd0d4;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 	background: #fff;
+	box-sizing: border-box;
 }
 
 /* Press this styles */
@@ -920,6 +985,7 @@ table.form-table td .updated p {
 
 .options-general-php input.small-text {
 	width: 56px;
+	margin: -2px 0;
 }
 
 .options-general-php .spinner {
@@ -1104,7 +1170,7 @@ table.form-table td .updated p {
 
 .tools-privacy-policy-page input.button,
 .tools-privacy-policy-page select {
-	margin-right: 6px;
+	margin: 0 6px 0 1px;
 }
 
 .tools-privacy-edit {
@@ -1112,7 +1178,7 @@ table.form-table td .updated p {
 }
 
 .tools-privacy-policy-page span {
-	line-height: 2em;
+	line-height: 2;
 }
 
 .privacy_requests .column-email {
@@ -1134,6 +1200,10 @@ 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;
 }
@@ -1152,9 +1222,6 @@ 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;
 }
@@ -1206,7 +1273,6 @@ table.form-table td .updated p {
 }
 
 .wp-privacy-request-form input {
-	line-height: 1.5;
 	margin: 0;
 }
 
@@ -1242,21 +1308,26 @@ table.form-table td .updated p {
 	}
 
 	input[type="text"],
-	input[type="email"],
-	input[type="search"],
 	input[type="password"],
-	input[type="number"] {
+	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"] {
 		-webkit-appearance: none;
-		padding: 6px 10px;
+		padding: 3px 10px;
+		/* Only necessary for IE11 */
+		min-height: 40px;
 	}
 
-	input[type="number"] {
-		height: 40px;
-	}
-
-	input.code {
-		padding-bottom: 5px;
-		padding-top: 10px;
+	::-webkit-datetime-edit {
+		line-height: 1.875; /* 30px */
 	}
 
 	input[type="checkbox"],
@@ -1264,7 +1335,6 @@ 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"],
@@ -1277,41 +1347,47 @@ table.form-table td .updated p {
 	.widefat th input[type="checkbox"]:before,
 	.widefat thead td input[type="checkbox"]:before,
 	.widefat tfoot td input[type="checkbox"]:before {
-		font: normal 30px/1 dashicons;
-		margin: -3px -5px;
+		width: 1.875rem;
+		height: 1.875rem;
+		margin: -0.1875rem -0.3125rem;
 	}
 
 	input[type="radio"],
 	input[type="checkbox"] {
-		height: 25px;
-		width: 25px;
+		height: 1.5625rem;
+		width: 1.5625rem;
 	}
 
 	.wp-admin p input[type="checkbox"],
 	.wp-admin p input[type="radio"] {
-		margin-top: -3px;
+		margin-top: -0.1875rem;
 	}
 
 	input[type="radio"]:checked:before {
 		vertical-align: middle;
-		width: 9px;
-		height: 9px;
-		margin: 7px;
-		line-height: 16px;
+		width: 0.5625rem;
+		height: 0.5625rem;
+		margin: 0.4375rem;
+		line-height: 0.76190476;
 	}
 
 	.wp-upload-form input[type="submit"] {
 		margin-top: 10px;
 	}
 
-	#wpbody select {
-		height: 36px;
+	.wp-core-ui select,
+	.wp-admin .form-table select {
+		min-height: 40px;
 		font-size: 16px;
+		line-height: 1.625; /* 26px */
+		padding: 5px 8px 5px 24px;
 	}
 
 	.wp-admin .button-cancel {
-		padding: 0;
+		margin-bottom: 0;
+		padding: 2px 0;
 		font-size: 14px;
+		vertical-align: middle;
 	}
 
 	#adduser .form-field input,
@@ -1361,9 +1437,6 @@ 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;
@@ -1374,10 +1447,6 @@ 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,
@@ -1407,12 +1476,10 @@ 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"] {
@@ -1422,7 +1489,7 @@ table.form-table td .updated p {
 	.form-table span.description {
 		display: inline;
 		padding: 4px 0 0;
-		line-height: 1.4em;
+		line-height: 1.4;
 		font-size: 14px;
 	}
 
@@ -1441,6 +1508,7 @@ 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"] {
@@ -1457,6 +1525,10 @@ table.form-table td .updated p {
 		font-size: 14px;
 	}
 
+	.background-position-control .button-group > label {
+		font-size: 0;
+	}
+
 	.form-table fieldset label {
 		display: block;
 	}
@@ -1477,9 +1549,9 @@ table.form-table td .updated p {
 		position: relative;
 	}
 
-	.wp-pwd [type="text"],
-	.wp-pwd [type="password"] {
-		padding-left: 88px;
+	/* Needs higher specificity than normal input type text and password. */
+	#profile-page .form-table #pass1 {
+		padding-left: 90px;
 	}
 
 	.wp-pwd button.button {
@@ -1492,10 +1564,14 @@ 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: 40px;
+		left: 2.5rem;
 	}
 
 	.wp-pwd button.button:hover,
@@ -1513,6 +1589,12 @@ 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;
 	}
@@ -1549,6 +1631,9 @@ table.form-table td .updated p {
 	.wp-list-table.privacy_requests.widefat thead td input {
 		margin-right: 5px;
 	}
+	.regular-text {
+		max-width: 100%;
+	}
 }
 
 @media only screen and (max-width: 768px) {

wp-admin/css/forms.css

@@ -1,12 +1,42 @@
 /* Include margin and padding in the width calculation of input and textarea. */
 input,
-textarea {
+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;
 }
 
 input[type="text"],
 input[type="password"],
-input[type="checkbox"],
 input[type="color"],
 input[type="date"],
 input[type="datetime"],
@@ -15,20 +45,42 @@ 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 {
-	border: 1px solid #ddd;
-	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
+	box-shadow: 0 0 0 transparent;
+	border-radius: 4px;
+	border: 1px solid #7e8993;
 	background-color: #fff;
 	color: #32373c;
-	outline: none;
-	transition: 0.05s border-color ease-in-out;
+}
+
+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 */
 }
 
 input[type="text"]:focus,
@@ -42,7 +94,6 @@ 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,
@@ -50,8 +101,8 @@ input[type="checkbox"]:focus,
 input[type="radio"]:focus,
 select:focus,
 textarea:focus {
-	border-color: #5b9dd9;
-	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+	border-color: #007cba;
+	box-shadow: 0 0 0 1px #007cba;
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 }
@@ -62,29 +113,24 @@ input[type="url"] {
 	direction: ltr;
 }
 
-/* Vertically align the number selector with the input. */
-input[type="number"] {
-	height: 28px;
-	line-height: 1;
-}
-
 input[type="checkbox"],
 input[type="radio"] {
-	border: 1px solid #b4b9be;
+	border: 1px solid #7e8993;
+	border-radius: 4px;
 	background: #fff;
 	color: #555;
 	clear: none;
 	cursor: pointer;
 	display: inline-block;
 	line-height: 0;
-	height: 16px;
-	margin: -4px 4px 0 0;
+	height: 1rem;
+	margin: -0.25rem 0.25rem 0 0;
 	outline: 0;
 	padding: 0 !important;
 	text-align: center;
 	vertical-align: middle;
-	width: 16px;
-	min-width: 16px;
+	width: 1rem;
+	min-width: 1rem;
 	-webkit-appearance: none;
 	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 	transition: .05s border-color ease-in-out;
@@ -115,38 +161,39 @@ td > input[type="checkbox"],
 
 input[type="radio"] {
 	border-radius: 50%;
-	margin-right: 4px;
-	line-height: 10px;
+	margin-right: 0.25rem;
+	/* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
+	line-height: 0.71428571;
 }
 
-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: 16px;
-	font: normal 21px/1 dashicons;
+	width: 1rem;
 	speak: none;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
 
-input[type="checkbox"]:checked:before {
-	content: "\f147";
-	margin: -3px 0 0 -4px;
-	color: #1e8cbe;
+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="radio"]:checked:before {
-	content: "\2022";
-	text-indent: -9999px;
-	border-radius: 50px;
-	font-size: 24px;
-	width: 6px;
-	height: 6px;
-	margin: 4px;
-	line-height: 16px;
+input[type="radio"]:checked::before {
+	content: "";
+	border-radius: 50%;
+	width: 0.5rem; /* 8px */
+	height: 0.5rem; /* 8px */
+	margin: 0.1875rem; /* 3px */
 	background-color: #1e8cbe;
+	/* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
+	line-height: 1.14285714;
 }
 
 @-moz-document url-prefix() {
@@ -166,58 +213,11 @@ 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,15 +307,87 @@ input[type="radio"].disabled:checked:before {
   2.0 - Forms
 ------------------------------------------------------------------------------*/
 
-
-.wp-admin select {
-	padding: 2px;
-	line-height: 28px;
-	height: 28px;
+/* 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;
 	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;
 }
@@ -324,8 +396,18 @@ input[type="radio"].disabled:checked:before {
 	max-width: 100%;
 }
 
-.wp-admin select[multiple] {
+.meta-box-sortables input {
+	vertical-align: middle;
+}
+
+.misc-pub-post-status select {
+	margin-top: 0;
+}
+
+.wp-core-ui select[multiple] {
 	height: auto;
+	padding-right: 8px;
+	background: #fff;
 }
 
 .submit {
@@ -381,7 +463,7 @@ textarea.large-text {
 
 input.small-text {
 	width: 50px;
-	padding: 1px 6px;
+	padding: 0 6px;
 }
 
 input[type="number"].small-text {
@@ -399,28 +481,13 @@ input[type="number"].tiny-text {
 #doaction,
 #doaction2,
 #post-query-submit {
-	margin: 1px 8px 0 0;
-}
-
-.tablenav #changeit,
-.tablenav #delete_all,
-.tablenav #clear-recent-list,
-.wp-filter #delete_all {
-	margin-top: 1px;
+	margin: 0 8px 0 0;
 }
 
 .tablenav .actions select {
 	float: left;
 	margin-right: 6px;
-	max-width: 200px;
-}
-
-.ie8 .tablenav .actions select {
-	width: 155px;
-}
-
-.ie8 .tablenav .actions select#cat {
-	width: 200px;
+	max-width: 12.5rem;
 }
 
 #timezone_string option {
@@ -431,6 +498,10 @@ 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 {
@@ -464,7 +535,7 @@ fieldset label,
 	background-color: #eee;
 	border: 1px solid #ddd;
 	color: #23282d;
-	margin: -1px 0 5px;
+	margin: -1px 1px 5px;
 	padding: 3px 5px;
 	text-align: center;
 	width: 25em;
@@ -522,11 +593,14 @@ fieldset label,
 
 .wp-pwd [type="text"],
 .wp-pwd [type="password"] {
-	margin: 0;
+	margin-bottom: 0;
 	/* Same height as the buttons */
-	line-height: 20px;
-	min-height: 28px;
-	max-height: 40px;
+	min-height: 30px;
+}
+
+/* Hide the Edge "reveal password" native button */
+.wp-pwd input::-ms-reveal {
+	display: none;
 }
 
 #pass1-text,
@@ -542,10 +616,6 @@ fieldset label,
 	display: inline-block;
 }
 
-.form-table span.description.important {
-	font-size: 12px;
-}
-
 p.search-box {
 	float: right;
 	margin: 0;
@@ -559,18 +629,12 @@ 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,
@@ -689,7 +753,7 @@ ul#add-to-blog-users {
 .form-table td fieldset label,
 .form-table td fieldset p,
 .form-table td fieldset li {
-	line-height: 1.4em;
+	line-height: 1.4;
 }
 
 .form-table input.tog,
@@ -798,9 +862,10 @@ table.form-table td .updated p {
 	padding: 0.7em 2em 1em;
 	min-width: 255px;
 	max-width: 520px;
-	border: 1px solid #e5e5e5;
+	border: 1px solid #ccd0d4;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 	background: #fff;
+	box-sizing: border-box;
 }
 
 /* Press this styles */
@@ -920,6 +985,7 @@ table.form-table td .updated p {
 
 .options-general-php input.small-text {
 	width: 56px;
+	margin: -2px 0;
 }
 
 .options-general-php .spinner {
@@ -1104,7 +1170,7 @@ table.form-table td .updated p {
 
 .tools-privacy-policy-page input.button,
 .tools-privacy-policy-page select {
-	margin-left: 6px;
+	margin: 0 1px 0 6px;
 }
 
 .tools-privacy-edit {
@@ -1112,7 +1178,7 @@ table.form-table td .updated p {
 }
 
 .tools-privacy-policy-page span {
-	line-height: 2em;
+	line-height: 2;
 }
 
 .privacy_requests .column-email {
@@ -1134,6 +1200,10 @@ 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;
 }
@@ -1152,9 +1222,6 @@ 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;
 }
@@ -1206,7 +1273,6 @@ table.form-table td .updated p {
 }
 
 .wp-privacy-request-form input {
-	line-height: 1.5;
 	margin: 0;
 }
 
@@ -1242,21 +1308,26 @@ table.form-table td .updated p {
 	}
 
 	input[type="text"],
-	input[type="email"],
-	input[type="search"],
 	input[type="password"],
-	input[type="number"] {
+	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"] {
 		-webkit-appearance: none;
-		padding: 6px 10px;
+		padding: 3px 10px;
+		/* Only necessary for IE11 */
+		min-height: 40px;
 	}
 
-	input[type="number"] {
-		height: 40px;
-	}
-
-	input.code {
-		padding-bottom: 5px;
-		padding-top: 10px;
+	::-webkit-datetime-edit {
+		line-height: 1.875; /* 30px */
 	}
 
 	input[type="checkbox"],
@@ -1264,7 +1335,6 @@ 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"],
@@ -1277,41 +1347,47 @@ table.form-table td .updated p {
 	.widefat th input[type="checkbox"]:before,
 	.widefat thead td input[type="checkbox"]:before,
 	.widefat tfoot td input[type="checkbox"]:before {
-		font: normal 30px/1 dashicons;
-		margin: -3px -5px;
+		width: 1.875rem;
+		height: 1.875rem;
+		margin: -0.1875rem -0.3125rem;
 	}
 
 	input[type="radio"],
 	input[type="checkbox"] {
-		height: 25px;
-		width: 25px;
+		height: 1.5625rem;
+		width: 1.5625rem;
 	}
 
 	.wp-admin p input[type="checkbox"],
 	.wp-admin p input[type="radio"] {
-		margin-top: -3px;
+		margin-top: -0.1875rem;
 	}
 
 	input[type="radio"]:checked:before {
 		vertical-align: middle;
-		width: 9px;
-		height: 9px;
-		margin: 7px;
-		line-height: 16px;
+		width: 0.5625rem;
+		height: 0.5625rem;
+		margin: 0.4375rem;
+		line-height: 0.76190476;
 	}
 
 	.wp-upload-form input[type="submit"] {
 		margin-top: 10px;
 	}
 
-	#wpbody select {
-		height: 36px;
+	.wp-core-ui select,
+	.wp-admin .form-table select {
+		min-height: 40px;
 		font-size: 16px;
+		line-height: 1.625; /* 26px */
+		padding: 5px 24px 5px 8px;
 	}
 
 	.wp-admin .button-cancel {
-		padding: 0;
+		margin-bottom: 0;
+		padding: 2px 0;
 		font-size: 14px;
+		vertical-align: middle;
 	}
 
 	#adduser .form-field input,
@@ -1361,9 +1437,6 @@ 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;
@@ -1374,10 +1447,6 @@ 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,
@@ -1407,12 +1476,10 @@ 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"] {
@@ -1422,7 +1489,7 @@ table.form-table td .updated p {
 	.form-table span.description {
 		display: inline;
 		padding: 4px 0 0;
-		line-height: 1.4em;
+		line-height: 1.4;
 		font-size: 14px;
 	}
 
@@ -1441,6 +1508,7 @@ 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"] {
@@ -1457,6 +1525,10 @@ table.form-table td .updated p {
 		font-size: 14px;
 	}
 
+	.background-position-control .button-group > label {
+		font-size: 0;
+	}
+
 	.form-table fieldset label {
 		display: block;
 	}
@@ -1477,9 +1549,9 @@ table.form-table td .updated p {
 		position: relative;
 	}
 
-	.wp-pwd [type="text"],
-	.wp-pwd [type="password"] {
-		padding-right: 88px;
+	/* Needs higher specificity than normal input type text and password. */
+	#profile-page .form-table #pass1 {
+		padding-right: 90px;
 	}
 
 	.wp-pwd button.button {
@@ -1492,10 +1564,14 @@ 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: 40px;
+		right: 2.5rem;
 	}
 
 	.wp-pwd button.button:hover,
@@ -1513,6 +1589,12 @@ 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;
 	}
@@ -1549,6 +1631,9 @@ table.form-table td .updated p {
 	.wp-list-table.privacy_requests.widefat thead td input {
 		margin-left: 5px;
 	}
+	.regular-text {
+		max-width: 100%;
+	}
 }
 
 @media only screen and (max-width: 768px) {

wp-admin/css/install-rtl.css

@@ -96,7 +96,7 @@ label {
 	height: 84px;
 	font-size: 20px;
 	font-weight: 400;
-	line-height: 1.3em;
+	line-height: 1.3;
 	margin: -130px auto 25px;
 	padding: 0;
 	text-decoration: none;
@@ -115,10 +115,7 @@ 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;
@@ -149,7 +146,7 @@ textarea {
 }
 
 .form-table code {
-	line-height: 18px;
+	line-height: 1.28571428;
 	font-size: 14px;
 }
 
@@ -159,7 +156,7 @@ textarea {
 }
 
 .form-table input {
-	line-height: 20px;
+	line-height: 1.33333333;
 	font-size: 15px;
 	padding: 3px 5px;
 	border: 1px solid #ddd;
@@ -174,8 +171,9 @@ submit {
 .form-table input[type=text],
 .form-table input[type=email],
 .form-table input[type=url],
-.form-table input[type=password] {
-	width: 206px;
+.form-table input[type=password],
+#pass-strength-result {
+	width: 218px;
 }
 
 .form-table th p {
@@ -204,7 +202,7 @@ submit {
 
 #error-page p {
 	font-size: 14px;
-	line-height: 18px;
+	line-height: 1.28571428;
 	margin: 25px 0 20px;
 }
 
@@ -212,66 +210,6 @@ submit {
 	font-family: Consolas, Monaco, monospace;
 }
 
-.wp-hide-pw > .dashicons {
-	line-height: inherit;
-}
-
-#pass-strength-result {
-	background-color: #eee;
-	border: 1px solid #ddd;
-	color: #23282d;
-	margin: -2px 0px 5px 5px;
-	padding: 3px 5px;
-	text-align: center;
-	width: 218px;
-	box-sizing: border-box;
-	opacity: 0;
-}
-
-#pass-strength-result.short {
-	background-color: #f1adad;
-	border-color: #e35b5b;
-	opacity: 1;
-}
-
-#pass-strength-result.bad {
-	background-color: #fbc5a9;
-	border-color: #f78b53;
-	opacity: 1;
-}
-
-#pass-strength-result.good {
-	background-color: #ffe399;
-	border-color: #ffc733;
-	opacity: 1;
-}
-
-#pass-strength-result.strong {
-	background-color: #c1e1b9;
-	border-color: #83c373;
-	opacity: 1;
-}
-
-#pass1.short, #pass1-text.short {
-	border-color: #e35b5b;
-}
-
-#pass1.bad, #pass1-text.bad {
-	border-color: #f78b53;
-}
-
-#pass1.good, #pass1-text.good {
-	border-color: #ffc733;
-}
-
-#pass1.strong, #pass1-text.strong {
-	border-color: #83c373;
-}
-
-.pw-weak {
-	display: none;
-}
-
 .message {
 	border-right: 4px solid #dc3232;
 	padding: .7em .6em;
@@ -291,20 +229,6 @@ submit {
 	direction: ltr;
 }
 
-#pass1-text,
-.show-password #pass1 {
-	display: none;
-}
-
-.show-password #pass1-text
-{
-	display: inline-block;
-}
-
-.form-table span.description.important {
-	font-size: 12px;
-}
-
 
 /* localization */
 body.rtl,
@@ -374,6 +298,17 @@ 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 {
@@ -385,13 +320,22 @@ body.language-chooser {
 	width: 100%;
 	display: block;
 	border: 1px solid #ddd;
-	background-color: #fff;
+	background: #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.3em;
+	line-height: 1.3;
 	margin: -130px auto 25px;
 	padding: 0;
 	text-decoration: none;
@@ -115,10 +115,7 @@ 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;
@@ -149,7 +146,7 @@ textarea {
 }
 
 .form-table code {
-	line-height: 18px;
+	line-height: 1.28571428;
 	font-size: 14px;
 }
 
@@ -159,7 +156,7 @@ textarea {
 }
 
 .form-table input {
-	line-height: 20px;
+	line-height: 1.33333333;
 	font-size: 15px;
 	padding: 3px 5px;
 	border: 1px solid #ddd;
@@ -174,8 +171,9 @@ submit {
 .form-table input[type=text],
 .form-table input[type=email],
 .form-table input[type=url],
-.form-table input[type=password] {
-	width: 206px;
+.form-table input[type=password],
+#pass-strength-result {
+	width: 218px;
 }
 
 .form-table th p {
@@ -204,7 +202,7 @@ submit {
 
 #error-page p {
 	font-size: 14px;
-	line-height: 18px;
+	line-height: 1.28571428;
 	margin: 25px 0 20px;
 }
 
@@ -212,66 +210,6 @@ submit {
 	font-family: Consolas, Monaco, monospace;
 }
 
-.wp-hide-pw > .dashicons {
-	line-height: inherit;
-}
-
-#pass-strength-result {
-	background-color: #eee;
-	border: 1px solid #ddd;
-	color: #23282d;
-	margin: -2px 5px 5px 0px;
-	padding: 3px 5px;
-	text-align: center;
-	width: 218px;
-	box-sizing: border-box;
-	opacity: 0;
-}
-
-#pass-strength-result.short {
-	background-color: #f1adad;
-	border-color: #e35b5b;
-	opacity: 1;
-}
-
-#pass-strength-result.bad {
-	background-color: #fbc5a9;
-	border-color: #f78b53;
-	opacity: 1;
-}
-
-#pass-strength-result.good {
-	background-color: #ffe399;
-	border-color: #ffc733;
-	opacity: 1;
-}
-
-#pass-strength-result.strong {
-	background-color: #c1e1b9;
-	border-color: #83c373;
-	opacity: 1;
-}
-
-#pass1.short, #pass1-text.short {
-	border-color: #e35b5b;
-}
-
-#pass1.bad, #pass1-text.bad {
-	border-color: #f78b53;
-}
-
-#pass1.good, #pass1-text.good {
-	border-color: #ffc733;
-}
-
-#pass1.strong, #pass1-text.strong {
-	border-color: #83c373;
-}
-
-.pw-weak {
-	display: none;
-}
-
 .message {
 	border-left: 4px solid #dc3232;
 	padding: .7em .6em;
@@ -291,20 +229,6 @@ submit {
 	direction: ltr;
 }
 
-#pass1-text,
-.show-password #pass1 {
-	display: none;
-}
-
-.show-password #pass1-text
-{
-	display: inline-block;
-}
-
-.form-table span.description.important {
-	font-size: 12px;
-}
-
 
 /* localization */
 body.rtl,
@@ -374,6 +298,17 @@ 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 {
@@ -385,13 +320,22 @@ body.language-chooser {
 	width: 100%;
 	display: block;
 	border: 1px solid #ddd;
-	background-color: #fff;
+	background: #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: 21px;
+	line-height: 1.90909090;
 	text-align: center;
 }
 
@@ -109,7 +109,7 @@
 	background: #ca4a1f;
 	color: #fff;
 	font-size: 9px;
-	line-height: 17px;
+	line-height: 1.88888888;
 	text-align: center;
 }
 
@@ -310,6 +310,11 @@ table.fixed {
 	width: 10%;
 }
 
+.column-date span[title] {
+	-webkit-text-decoration: dotted underline;
+	text-decoration: dotted underline;
+}
+
 .fixed .column-posts {
 	width: 74px;
 }
@@ -402,7 +407,7 @@ table.media .column-title .filename {
 }
 
 #commentsdiv .inside .row-actions {
-	line-height: 18px;
+	line-height: 1.38461538;
 }
 
 #commentsdiv .inside .column-author {
@@ -460,7 +465,7 @@ table.media .column-title .filename {
 	top: -4px;
 	right: -8px;
 	color: #444;
-	line-height: 10px;
+	line-height: 0.5;
 	position: relative;
 	vertical-align: top;
 	-webkit-font-smoothing: antialiased;
@@ -537,13 +542,14 @@ th.asc a:focus span.sorting-indicator:before {
 	content: "\f142";
 }
 
-tr.wp-locked .locked-indicator {
+.locked-indicator {
+	display: none;
 	margin-right: 6px;
 	height: 20px;
 	width: 16px;
 }
 
-tr.wp-locked .locked-indicator-icon:before {
+.locked-indicator-icon:before {
 	color: #82878c;
 	content: "\f160";
 	display: inline-block;
@@ -554,30 +560,25 @@ tr.wp-locked .locked-indicator-icon:before {
 	-moz-osx-font-smoothing: grayscale;
 }
 
-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 {
+.locked-info {
 	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;
 }
 
-tr.locked-info, tr.wp-locked .locked-info {
-	transition: height 1s, opacity 0.5s;
+.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;
 }
 
 .fixed .column-comments .sorting-indicator {
@@ -621,8 +622,6 @@ 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;
 }
@@ -639,6 +638,7 @@ 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: 3px 0 9px;
+	margin: 0 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: 28px;
-	min-height: 28px;
+	min-width: 30px;
+	min-height: 30px;
 	margin: 0;
 	padding: 0 4px;
 	font-size: 16px;
-	line-height: 1.5;
+	line-height: 1.625; /* 26px */
 	text-align: center;
 }
 
@@ -679,8 +679,7 @@ th.asc a:focus span.sorting-indicator {
 }
 
 .tablenav .actions {
-	overflow: hidden;
-	padding: 2px 0 0 8px;
+	padding: 0 0 0 8px;
 }
 
 .wp-filter .actions {
@@ -715,7 +714,7 @@ th.asc a:focus span.sorting-indicator {
 	width: 28px;
 	height: 28px;
 	text-align: center;
-	line-height: 24px;
+	line-height: 1.84615384;
 	text-decoration: none;
 }
 
@@ -949,8 +948,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 {
@@ -974,11 +973,6 @@ 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;
@@ -1038,14 +1032,11 @@ 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] {
-	font-size: 12px;
-	width: 2.3em;
-}
-
+.inline-edit-row fieldset input[name=mn],
 .inline-edit-row fieldset input[name=aa] {
-	font-size: 12px;
-	width: 3.5em;
+	vertical-align: middle;
+	text-align: center;
+	padding: 0 4px;
 }
 
 .inline-edit-row fieldset label input.inline-edit-password-input {
@@ -1170,7 +1161,7 @@ ul.cat-checklist {
 }
 
 .plugins td.desc {
-	line-height: 1.5em;
+	line-height: 1.5;
 }
 
 .plugins .desc ul,
@@ -1469,7 +1460,7 @@ div.action-links,
 }
 
 .plugin-card h3 {
-	margin: 0 0 12px;
+	margin: 0 0 12px 12px;
 	font-size: 18px;
 	line-height: 1.3;
 }
@@ -1526,7 +1517,7 @@ div.action-links,
 }
 
 .plugin-card .column-rating {
-	line-height: 23px;
+	line-height: 1.76923076;
 }
 
 .plugin-card .column-rating,
@@ -1650,6 +1641,10 @@ div.action-links,
 		margin-left: 20px;
 	}
 
+	.plugin-card h3 {
+		margin-left: 24px;
+	}
+
 	.plugin-card .name,
 	.plugin-card .desc {
 		margin-left: 0;
@@ -1695,7 +1690,7 @@ div.action-links,
 	.view-switch a {
 		width: 36px;
 		height: 36px;
-		line-height: 33px;
+		line-height: 2.53846153;
 	}
 
 	/* Pagination */
@@ -1746,7 +1741,7 @@ div.action-links,
 		min-width: 44px;
 		padding: 12px 6px;
 		font-size: 16px;
-		line-height: 18px;
+		line-height: 1.125;
 	}
 
 	/* WP List Table Adjustments: General */
@@ -1770,7 +1765,10 @@ div.action-links,
 	/* Checkboxes need to show */
 	.wp-list-table tr th.check-column {
 		display: table-cell;
-		width: 35px;
+	}
+
+	.wp-list-table .check-column {
+		width: 2.5em;
 	}
 
 	.wp-list-table .column-primary .toggle-row {
@@ -1922,6 +1920,7 @@ div.action-links,
 	.row-actions span .button-link {
 		display: inline-block;
 		padding: 4px 0;
+		line-height: 1.5;
 	}
 
 	.row-actions span.approve:before,
@@ -1959,6 +1958,15 @@ 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;
@@ -1982,16 +1990,6 @@ 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: 21px;
+	line-height: 1.90909090;
 	text-align: center;
 }
 
@@ -109,7 +109,7 @@
 	background: #ca4a1f;
 	color: #fff;
 	font-size: 9px;
-	line-height: 17px;
+	line-height: 1.88888888;
 	text-align: center;
 }
 
@@ -310,6 +310,11 @@ table.fixed {
 	width: 10%;
 }
 
+.column-date span[title] {
+	-webkit-text-decoration: dotted underline;
+	text-decoration: dotted underline;
+}
+
 .fixed .column-posts {
 	width: 74px;
 }
@@ -402,7 +407,7 @@ table.media .column-title .filename {
 }
 
 #commentsdiv .inside .row-actions {
-	line-height: 18px;
+	line-height: 1.38461538;
 }
 
 #commentsdiv .inside .column-author {
@@ -460,7 +465,7 @@ table.media .column-title .filename {
 	top: -4px;
 	left: -8px;
 	color: #444;
-	line-height: 10px;
+	line-height: 0.5;
 	position: relative;
 	vertical-align: top;
 	-webkit-font-smoothing: antialiased;
@@ -537,13 +542,14 @@ th.asc a:focus span.sorting-indicator:before {
 	content: "\f142";
 }
 
-tr.wp-locked .locked-indicator {
+.locked-indicator {
+	display: none;
 	margin-left: 6px;
 	height: 20px;
 	width: 16px;
 }
 
-tr.wp-locked .locked-indicator-icon:before {
+.locked-indicator-icon:before {
 	color: #82878c;
 	content: "\f160";
 	display: inline-block;
@@ -554,30 +560,25 @@ tr.wp-locked .locked-indicator-icon:before {
 	-moz-osx-font-smoothing: grayscale;
 }
 
-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 {
+.locked-info {
 	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;
 }
 
-tr.locked-info, tr.wp-locked .locked-info {
-	transition: height 1s, opacity 0.5s;
+.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;
 }
 
 .fixed .column-comments .sorting-indicator {
@@ -621,8 +622,6 @@ 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;
 }
@@ -639,6 +638,7 @@ 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: 3px 0 9px;
+	margin: 0 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: 28px;
-	min-height: 28px;
+	min-width: 30px;
+	min-height: 30px;
 	margin: 0;
 	padding: 0 4px;
 	font-size: 16px;
-	line-height: 1.5;
+	line-height: 1.625; /* 26px */
 	text-align: center;
 }
 
@@ -679,8 +679,7 @@ th.asc a:focus span.sorting-indicator {
 }
 
 .tablenav .actions {
-	overflow: hidden;
-	padding: 2px 8px 0 0;
+	padding: 0 8px 0 0;
 }
 
 .wp-filter .actions {
@@ -715,7 +714,7 @@ th.asc a:focus span.sorting-indicator {
 	width: 28px;
 	height: 28px;
 	text-align: center;
-	line-height: 24px;
+	line-height: 1.84615384;
 	text-decoration: none;
 }
 
@@ -949,8 +948,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 {
@@ -974,11 +973,6 @@ 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;
@@ -1038,14 +1032,11 @@ 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] {
-	font-size: 12px;
-	width: 2.3em;
-}
-
+.inline-edit-row fieldset input[name=mn],
 .inline-edit-row fieldset input[name=aa] {
-	font-size: 12px;
-	width: 3.5em;
+	vertical-align: middle;
+	text-align: center;
+	padding: 0 4px;
 }
 
 .inline-edit-row fieldset label input.inline-edit-password-input {
@@ -1170,7 +1161,7 @@ ul.cat-checklist {
 }
 
 .plugins td.desc {
-	line-height: 1.5em;
+	line-height: 1.5;
 }
 
 .plugins .desc ul,
@@ -1469,7 +1460,7 @@ div.action-links,
 }
 
 .plugin-card h3 {
-	margin: 0 0 12px;
+	margin: 0 12px 12px 0;
 	font-size: 18px;
 	line-height: 1.3;
 }
@@ -1526,7 +1517,7 @@ div.action-links,
 }
 
 .plugin-card .column-rating {
-	line-height: 23px;
+	line-height: 1.76923076;
 }
 
 .plugin-card .column-rating,
@@ -1650,6 +1641,10 @@ div.action-links,
 		margin-right: 20px;
 	}
 
+	.plugin-card h3 {
+		margin-right: 24px;
+	}
+
 	.plugin-card .name,
 	.plugin-card .desc {
 		margin-right: 0;
@@ -1695,7 +1690,7 @@ div.action-links,
 	.view-switch a {
 		width: 36px;
 		height: 36px;
-		line-height: 33px;
+		line-height: 2.53846153;
 	}
 
 	/* Pagination */
@@ -1746,7 +1741,7 @@ div.action-links,
 		min-width: 44px;
 		padding: 12px 6px;
 		font-size: 16px;
-		line-height: 18px;
+		line-height: 1.125;
 	}
 
 	/* WP List Table Adjustments: General */
@@ -1770,7 +1765,10 @@ div.action-links,
 	/* Checkboxes need to show */
 	.wp-list-table tr th.check-column {
 		display: table-cell;
-		width: 35px;
+	}
+
+	.wp-list-table .check-column {
+		width: 2.5em;
 	}
 
 	.wp-list-table .column-primary .toggle-row {
@@ -1922,6 +1920,7 @@ div.action-links,
 	.row-actions span .button-link {
 		display: inline-block;
 		padding: 4px 0;
+		line-height: 1.5;
 	}
 
 	.row-actions span.approve:before,
@@ -1959,6 +1958,15 @@ 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;
@@ -1982,16 +1990,6 @@ 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

@@ -1,6 +1,3 @@
-@import url(forms-rtl.css);
-@import url(l10n-rtl.css);
-
 html,
 body {
 	height: 100%;
@@ -14,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.4em;
+	line-height: 1.4;
 }
 
 a {
@@ -40,10 +37,6 @@ a:focus {
 		0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
-.ie8 a:focus {
-	outline: #5b9dd9 solid 1px;
-}
-
 p {
 	line-height: 1.5;
 }
@@ -78,14 +71,6 @@ p {
 	padding: 0;
 }
 
-.login .password-input-wrapper {
-	position: relative;
-}
-
-.login .input.password-input {
-	margin: 0;
-}
-
 .login .input::-ms-clear {
 	display: none;
 }
@@ -94,13 +79,16 @@ p {
 	margin-bottom: 15px;
 }
 
-.login .button.button-secondary {
+.login .button.wp-hide-pw {
 	background: transparent;
 	border: 1px solid transparent;
 	box-shadow: none;
 	font-size: 14px;
 	line-height: 2;
-	height: auto;
+	width: 2.5rem;
+	height: 2.5rem;
+	min-width: 40px;
+	min-height: 40px;
 	margin: 0;
 	padding: 5px 9px;
 	position: absolute;
@@ -108,22 +96,38 @@ p {
 	top: 0;
 }
 
-.login .button.button-secondary:hover {
+.login .button.wp-hide-pw:hover {
 	background: transparent;
 }
 
-.login .button.button-secondary:focus {
+.login .button.wp-hide-pw:focus {
 	background: transparent;
-	border-color: #5b9dd9;
-	box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+	border-color: #007cba;
+	box-shadow: 0 0 0 1px #007cba;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
 }
 
-.login .button.button-secondary:active {
+.login .button.wp-hide-pw: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;
@@ -131,7 +135,19 @@ p {
 	font-weight: 400;
 	overflow: hidden;
 	background: #fff;
-	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
+	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;
+	}
 }
 
 .login form .forgetmenot {
@@ -144,6 +160,36 @@ 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;
 }
@@ -155,11 +201,15 @@ p {
 
 .login label {
 	font-size: 14px;
+	line-height: 1.5;
+	display: inline-block;
+	margin-bottom: 3px;
 }
 
-.login form .forgetmenot label {
-	font-size: 12px;
-	line-height: 19px;
+.login .forgetmenot label,
+.login .pw-weak label {
+	line-height: 1.5;
+	vertical-align: baseline;
 }
 
 .login h1 {
@@ -176,7 +226,7 @@ p {
 	height: 84px;
 	font-size: 20px;
 	font-weight: 400;
-	line-height: 1.3em;
+	line-height: 1.3;
 	margin: 0 auto 25px;
 	padding: 0;
 	text-decoration: none;
@@ -232,16 +282,22 @@ p {
 }
 
 .login form .input,
-.login input[type="text"] {
+.login input[type="text"],
+.login input[type="password"] {
 	font-size: 24px;
+	line-height: 1.33333333; /* 32px */
 	width: 100%;
-	padding: 5px;
-	margin: 2px 0 16px 6px;
+	border-width: 0.0625rem;
+	padding: 0.1875rem 0.3125rem; /* 3px 5px */
+	margin: 0 0 16px 6px;
+	min-height: 40px;
+	max-height: none;
 }
 
-.login-action-rp form .input,
-.login-action-rp input[type="text"] {
-	padding: 5px 5px 5px 45px;
+.js.login input.password-input,
+.js.login-action-rp form .input,
+.js.login-action-rp input[type="text"] {
+	padding-left: 2.5rem;
 }
 
 .login form .input,
@@ -250,14 +306,9 @@ p {
 	background: #fbfbfb;
 }
 
-.ie7 .login form .input,
-.ie8 .login form .input {
-	font-family: sans-serif;
-}
-
-.login-action-rp input[type="text"] {
-	box-shadow: none;
-	margin: 0;
+.js.login-action-rp input[type="text"],
+.js.login-action-rp input[type="password"] {
+	margin-bottom: 0;
 }
 
 .login #pass-strength-result {
@@ -290,6 +341,27 @@ 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;
 }
@@ -300,15 +372,16 @@ body.interim-login {
 	}
 }
 
+
 @media screen and (max-width: 782px) {
 	.interim-login input[type=checkbox] {
-		height: 16px;
-		width: 16px;
+		width: 1rem;
+		height: 1rem;
 	}
 
 	.interim-login input[type=checkbox]:checked:before {
-		width: 16px;
-		font: normal 21px/1 dashicons;
-		margin: -3px -4px 0 0;
+		width: 1.3125rem;
+		height: 1.3125rem;
+		margin: -0.1875rem -0.25rem 0 0;
 	}
 }

wp-admin/css/login.css

@@ -1,6 +1,3 @@
-@import url(forms.css);
-@import url(l10n.css);
-
 html,
 body {
 	height: 100%;
@@ -14,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.4em;
+	line-height: 1.4;
 }
 
 a {
@@ -40,10 +37,6 @@ a:focus {
 		0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
-.ie8 a:focus {
-	outline: #5b9dd9 solid 1px;
-}
-
 p {
 	line-height: 1.5;
 }
@@ -78,14 +71,6 @@ p {
 	padding: 0;
 }
 
-.login .password-input-wrapper {
-	position: relative;
-}
-
-.login .input.password-input {
-	margin: 0;
-}
-
 .login .input::-ms-clear {
 	display: none;
 }
@@ -94,13 +79,16 @@ p {
 	margin-bottom: 15px;
 }
 
-.login .button.button-secondary {
+.login .button.wp-hide-pw {
 	background: transparent;
 	border: 1px solid transparent;
 	box-shadow: none;
 	font-size: 14px;
 	line-height: 2;
-	height: auto;
+	width: 2.5rem;
+	height: 2.5rem;
+	min-width: 40px;
+	min-height: 40px;
 	margin: 0;
 	padding: 5px 9px;
 	position: absolute;
@@ -108,22 +96,38 @@ p {
 	top: 0;
 }
 
-.login .button.button-secondary:hover {
+.login .button.wp-hide-pw:hover {
 	background: transparent;
 }
 
-.login .button.button-secondary:focus {
+.login .button.wp-hide-pw:focus {
 	background: transparent;
-	border-color: #5b9dd9;
-	box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+	border-color: #007cba;
+	box-shadow: 0 0 0 1px #007cba;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
 }
 
-.login .button.button-secondary:active {
+.login .button.wp-hide-pw: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;
@@ -131,7 +135,19 @@ p {
 	font-weight: 400;
 	overflow: hidden;
 	background: #fff;
-	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
+	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;
+	}
 }
 
 .login form .forgetmenot {
@@ -144,6 +160,36 @@ 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;
 }
@@ -155,11 +201,15 @@ p {
 
 .login label {
 	font-size: 14px;
+	line-height: 1.5;
+	display: inline-block;
+	margin-bottom: 3px;
 }
 
-.login form .forgetmenot label {
-	font-size: 12px;
-	line-height: 19px;
+.login .forgetmenot label,
+.login .pw-weak label {
+	line-height: 1.5;
+	vertical-align: baseline;
 }
 
 .login h1 {
@@ -176,7 +226,7 @@ p {
 	height: 84px;
 	font-size: 20px;
 	font-weight: 400;
-	line-height: 1.3em;
+	line-height: 1.3;
 	margin: 0 auto 25px;
 	padding: 0;
 	text-decoration: none;
@@ -232,16 +282,22 @@ p {
 }
 
 .login form .input,
-.login input[type="text"] {
+.login input[type="text"],
+.login input[type="password"] {
 	font-size: 24px;
+	line-height: 1.33333333; /* 32px */
 	width: 100%;
-	padding: 5px;
-	margin: 2px 6px 16px 0;
+	border-width: 0.0625rem;
+	padding: 0.1875rem 0.3125rem; /* 3px 5px */
+	margin: 0 6px 16px 0;
+	min-height: 40px;
+	max-height: none;
 }
 
-.login-action-rp form .input,
-.login-action-rp input[type="text"] {
-	padding: 5px 45px 5px 5px;
+.js.login input.password-input,
+.js.login-action-rp form .input,
+.js.login-action-rp input[type="text"] {
+	padding-right: 2.5rem;
 }
 
 .login form .input,
@@ -250,14 +306,9 @@ p {
 	background: #fbfbfb;
 }
 
-.ie7 .login form .input,
-.ie8 .login form .input {
-	font-family: sans-serif;
-}
-
-.login-action-rp input[type="text"] {
-	box-shadow: none;
-	margin: 0;
+.js.login-action-rp input[type="text"],
+.js.login-action-rp input[type="password"] {
+	margin-bottom: 0;
 }
 
 .login #pass-strength-result {
@@ -290,6 +341,27 @@ 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;
 }
@@ -300,15 +372,16 @@ body.interim-login {
 	}
 }
 
+
 @media screen and (max-width: 782px) {
 	.interim-login input[type=checkbox] {
-		height: 16px;
-		width: 16px;
+		width: 1rem;
+		height: 1rem;
 	}
 
 	.interim-login input[type=checkbox]:checked:before {
-		width: 16px;
-		font: normal 21px/1 dashicons;
-		margin: -3px 0 0 -4px;
+		width: 1.3125rem;
+		height: 1.3125rem;
+		margin: -0.1875rem 0 0 -0.25rem;
 	}
 }

wp-admin/css/media-rtl.css

@@ -100,7 +100,7 @@
 .describe-toggle-on,
 .describe-toggle-off {
 	display: block;
-	line-height: 36px;
+	line-height: 2.76923076;
 	float: left;
 	margin-left: 10px;
 }
@@ -132,7 +132,7 @@
 }
 
 .media-item .filename {
-	line-height: 36px;
+	line-height: 2.76923076;
 	overflow: hidden;
 	margin-right: 6px;
 }
@@ -239,7 +239,7 @@
 	height: 36px;
 	font-size: 18px;
 	font-weight: 600;
-	line-height: 36px;
+	line-height: 2;
 	padding: 0 16px 0 36px;
 	position: absolute;
 	top: 0;
@@ -368,40 +368,17 @@
 	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: 70px auto 0;
+	margin: 60px auto 0;
 	width: 250px;
 }
 
 .drag-drop-inside p {
-	color: #a0a5aa;
 	font-size: 14px;
 	margin: 5px 0;
 	display: none;
@@ -502,7 +479,6 @@ 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;
 }
@@ -562,7 +538,6 @@ 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 {
@@ -579,8 +554,14 @@ border color while dragging a file over the uploader drop area */
 	margin-top: 0;
 }
 
-.media-frame.mode-grid .spinner {
-	margin-top: 16px;
+.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;
 }
 
 .attachments-browser .media-toolbar-secondary > .media-button {
@@ -698,24 +679,19 @@ border color while dragging a file over the uploader drop area */
 	color: #000;
 }
 
-.edit-attachment-frame .edit-media-header .left:before,
-.rtl .edit-attachment-frame .edit-media-header .right:before {
+.edit-attachment-frame .edit-media-header .left:before {
 	content: "\f345";
 }
 
-.edit-attachment-frame .edit-media-header .right:before,
-.rtl .edit-attachment-frame .edit-media-header .left:before {
+.edit-attachment-frame .edit-media-header .right:before {
 	content: "\f341";
 }
 
-.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 {
+.edit-attachment-frame .edit-media-header [disabled],
+.edit-attachment-frame .edit-media-header [disabled]:hover {
 	color: #ccc;
 	background: inherit;
 	cursor: default;
-	pointer-events: none;
 }
 
 .edit-attachment-frame .media-frame-content,
@@ -777,7 +753,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: 16px;
+	line-height: 1.14285714;
 }
 
 .edit-attachment-frame .attachment-info {
@@ -874,8 +850,10 @@ border color while dragging a file over the uploader drop area */
 }
 
 .wp_attachment_holder .imgedit-wrap .imgedit-panel-content {
-	padding: 3px 0 0 16px;
 	float: right;
+	padding: 3px 0 0 16px;
+	min-width: 400px;
+	max-width: calc( 100% - 266px );
 }
 
 .wp_attachment_holder .imgedit-wrap .imgedit-settings {
@@ -943,7 +921,6 @@ border color while dragging a file over the uploader drop area */
 }
 
 .imgedit-menu {
-	min-width: 300px;
 	margin: 0 0 12px;
 }
 
@@ -954,31 +931,34 @@ border color while dragging a file over the uploader drop area */
 }
 
 .image-editor .imgedit-menu .button {
-	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;
+	display: inline-block;
+	width: auto;
+	min-height: 28px;
+	font-size: 13px;
+	line-height: 2;
+	margin: 0 0 8px 8px;
+	padding: 0 10px;
 }
 
 .imgedit-menu .button:before {
-	font: normal 20px/1 dashicons;
+	font: normal 16px/1 dashicons;
+	margin-left: 8px;
 	speak: none;
 	vertical-align: middle;
+	position: relative;
+	top: -2px;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
 }
 
 .imgedit-menu .button.disabled {
-	border-color: #ccc;
-	background-color: #ddd;
-	color: #72777c;
-	filter: alpha(opacity=50);
-	opacity: 0.5;
+	color: #a0a5aa;
+	border-color: #ddd;
+	background: #f7f7f7;
+	box-shadow: none;
+	text-shadow: 0 1px 0 #fff;
 	cursor: default;
+	transform: none;
 }
 
 .imgedit-crop:before {
@@ -1055,7 +1035,6 @@ 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;
@@ -1133,28 +1112,40 @@ 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: 50px;
+	width: 80px;
 	font-size: 14px;
-	padding: 5px 8px;
+	padding: 0 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;
 }
@@ -1169,6 +1160,10 @@ audio, video {
 	max-width: 100%;
 }
 
+.mejs-container .mejs-controls {
+	box-sizing: border-box;
+}
+
 /* =Media Queries
 -------------------------------------------------------------- */
 
@@ -1186,7 +1181,7 @@ audio, video {
 @media screen and (max-width: 782px) {
 	.wp_attachment_details label[for="content"] {
 		font-size: 14px;
-		line-height: 1.5em;
+		line-height: 1.5;
 	}
 
 	.media-upload-form .media-item.error,
@@ -1206,13 +1201,15 @@ 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;
 	}
 
-	.imgedit-applyto .imgedit-label {
-		vertical-align: middle;
+	.wp_attachment_holder .imgedit-wrap .imgedit-panel-content,
+	.wp_attachment_holder .imgedit-wrap .imgedit-settings {
+		float: none;
+		width: auto;
+		max-width: none;
 	}
 }
 
@@ -1252,10 +1249,6 @@ 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: 36px;
+	line-height: 2.76923076;
 	float: right;
 	margin-right: 10px;
 }
@@ -132,7 +132,7 @@
 }
 
 .media-item .filename {
-	line-height: 36px;
+	line-height: 2.76923076;
 	overflow: hidden;
 	margin-left: 6px;
 }
@@ -239,7 +239,7 @@
 	height: 36px;
 	font-size: 18px;
 	font-weight: 600;
-	line-height: 36px;
+	line-height: 2;
 	padding: 0 36px 0 16px;
 	position: absolute;
 	top: 0;
@@ -368,40 +368,17 @@
 	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: 70px auto 0;
+	margin: 60px auto 0;
 	width: 250px;
 }
 
 .drag-drop-inside p {
-	color: #a0a5aa;
 	font-size: 14px;
 	margin: 5px 0;
 	display: none;
@@ -502,7 +479,6 @@ 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;
 }
@@ -562,7 +538,6 @@ 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 {
@@ -579,8 +554,14 @@ border color while dragging a file over the uploader drop area */
 	margin-top: 0;
 }
 
-.media-frame.mode-grid .spinner {
-	margin-top: 16px;
+.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;
 }
 
 .attachments-browser .media-toolbar-secondary > .media-button {
@@ -698,24 +679,19 @@ border color while dragging a file over the uploader drop area */
 	color: #000;
 }
 
-.edit-attachment-frame .edit-media-header .left:before,
-.rtl .edit-attachment-frame .edit-media-header .right:before {
+.edit-attachment-frame .edit-media-header .left:before {
 	content: "\f341";
 }
 
-.edit-attachment-frame .edit-media-header .right:before,
-.rtl .edit-attachment-frame .edit-media-header .left:before {
+.edit-attachment-frame .edit-media-header .right:before {
 	content: "\f345";
 }
 
-.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 {
+.edit-attachment-frame .edit-media-header [disabled],
+.edit-attachment-frame .edit-media-header [disabled]:hover {
 	color: #ccc;
 	background: inherit;
 	cursor: default;
-	pointer-events: none;
 }
 
 .edit-attachment-frame .media-frame-content,
@@ -777,7 +753,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: 16px;
+	line-height: 1.14285714;
 }
 
 .edit-attachment-frame .attachment-info {
@@ -874,8 +850,10 @@ border color while dragging a file over the uploader drop area */
 }
 
 .wp_attachment_holder .imgedit-wrap .imgedit-panel-content {
-	padding: 3px 16px 0 0;
 	float: left;
+	padding: 3px 16px 0 0;
+	min-width: 400px;
+	max-width: calc( 100% - 266px );
 }
 
 .wp_attachment_holder .imgedit-wrap .imgedit-settings {
@@ -943,7 +921,6 @@ border color while dragging a file over the uploader drop area */
 }
 
 .imgedit-menu {
-	min-width: 300px;
 	margin: 0 0 12px;
 }
 
@@ -954,31 +931,34 @@ border color while dragging a file over the uploader drop area */
 }
 
 .image-editor .imgedit-menu .button {
-	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;
+	display: inline-block;
+	width: auto;
+	min-height: 28px;
+	font-size: 13px;
+	line-height: 2;
+	margin: 0 8px 8px 0;
+	padding: 0 10px;
 }
 
 .imgedit-menu .button:before {
-	font: normal 20px/1 dashicons;
+	font: normal 16px/1 dashicons;
+	margin-right: 8px;
 	speak: none;
 	vertical-align: middle;
+	position: relative;
+	top: -2px;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
 }
 
 .imgedit-menu .button.disabled {
-	border-color: #ccc;
-	background-color: #ddd;
-	color: #72777c;
-	filter: alpha(opacity=50);
-	opacity: 0.5;
+	color: #a0a5aa;
+	border-color: #ddd;
+	background: #f7f7f7;
+	box-shadow: none;
+	text-shadow: 0 1px 0 #fff;
 	cursor: default;
+	transform: none;
 }
 
 .imgedit-crop:before {
@@ -1055,7 +1035,6 @@ 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;
@@ -1133,28 +1112,40 @@ 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: 50px;
+	width: 80px;
 	font-size: 14px;
-	padding: 5px 8px;
+	padding: 0 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;
 }
@@ -1169,6 +1160,10 @@ audio, video {
 	max-width: 100%;
 }
 
+.mejs-container .mejs-controls {
+	box-sizing: border-box;
+}
+
 /* =Media Queries
 -------------------------------------------------------------- */
 
@@ -1186,7 +1181,7 @@ audio, video {
 @media screen and (max-width: 782px) {
 	.wp_attachment_details label[for="content"] {
 		font-size: 14px;
-		line-height: 1.5em;
+		line-height: 1.5;
 	}
 
 	.media-upload-form .media-item.error,
@@ -1206,13 +1201,15 @@ 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;
 	}
 
-	.imgedit-applyto .imgedit-label {
-		vertical-align: middle;
+	.wp_attachment_holder .imgedit-wrap .imgedit-panel-content,
+	.wp_attachment_holder .imgedit-wrap .imgedit-settings {
+		float: none;
+		width: auto;
+		max-width: none;
 	}
 }
 
@@ -1252,10 +1249,6 @@ 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,6 +413,10 @@ 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;
@@ -450,7 +454,7 @@ ul.add-menu-item-tabs li {
 	height: auto;
 	min-height: 20px;
 	width: 382px;
-	line-height: 2.4;
+	line-height: 2.30769230;
 	overflow: hidden;
 	word-wrap: break-word;
 }
@@ -480,7 +484,7 @@ ul.add-menu-item-tabs li {
 .menu-item-handle .item-title {
 	font-size: 13px;
 	font-weight: 600;
-	line-height: 1.6;
+	line-height: 1.53846153;
 	display: block;
 	/* @todo: responsive view. */
 	margin-left: 13em;
@@ -647,7 +651,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 #e5e5e5;
+	border: 1px solid #ccd0d4;
 	border-top: none;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 }
@@ -737,7 +741,7 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 .nav-menus-php .major-publishing-actions {
 	clear: both;
 	padding: 10px 0;
-	line-height: 2.1;
+	line-height: 2.15384615;
 }
 
 .nav-menus-php .major-publishing-actions .publishing-action {
@@ -835,13 +839,13 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 		width: 100%;
 	}
 
-	.nav-menus-php .major-publishing-actions .publishing-action {
+	.nav-menus-php #nav-menu-header .major-publishing-actions .publishing-action {
 		padding-top: 1em;
 	}
 
 	.nav-menus-php .delete-action {
 		font-size: 14px;
-		line-height: 2.1;
+		line-height: 2.14285714;
 	}
 
 	.menu-item-bar .menu-item-handle,

wp-admin/css/nav-menus.css

@@ -413,6 +413,10 @@ 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;
@@ -450,7 +454,7 @@ ul.add-menu-item-tabs li {
 	height: auto;
 	min-height: 20px;
 	width: 382px;
-	line-height: 2.4;
+	line-height: 2.30769230;
 	overflow: hidden;
 	word-wrap: break-word;
 }
@@ -480,7 +484,7 @@ ul.add-menu-item-tabs li {
 .menu-item-handle .item-title {
 	font-size: 13px;
 	font-weight: 600;
-	line-height: 1.6;
+	line-height: 1.53846153;
 	display: block;
 	/* @todo: responsive view. */
 	margin-right: 13em;
@@ -647,7 +651,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 #e5e5e5;
+	border: 1px solid #ccd0d4;
 	border-top: none;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 }
@@ -737,7 +741,7 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 .nav-menus-php .major-publishing-actions {
 	clear: both;
 	padding: 10px 0;
-	line-height: 2.1;
+	line-height: 2.15384615;
 }
 
 .nav-menus-php .major-publishing-actions .publishing-action {
@@ -835,13 +839,13 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 		width: 100%;
 	}
 
-	.nav-menus-php .major-publishing-actions .publishing-action {
+	.nav-menus-php #nav-menu-header .major-publishing-actions .publishing-action {
 		padding-top: 1em;
 	}
 
 	.nav-menus-php .delete-action {
 		font-size: 14px;
-		line-height: 2.1;
+		line-height: 2.14285714;
 	}
 
 	.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.618;
-	padding: .5em;
+	line-height: 1.57142857;
+	padding: 0.5em 2em 0.5em 0.5em;
 	vertical-align: top;
 	word-wrap: break-word;
 }
@@ -244,6 +244,7 @@ table.diff .diff-addedline ins {
 }
 
 table.diff .diff-deletedline {
+	position: relative;
 	background-color: #ffe9e9;
 }
 
@@ -252,9 +253,26 @@ 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;
 }
@@ -266,7 +284,7 @@ table.diff .diff-addedline ins {
 }
 
 .diff-title strong {
-	line-height: 32px;
+	line-height: 2.46153846;
 	min-width: 60px;
 	text-align: left;
 	float: right;
@@ -275,7 +293,7 @@ table.diff .diff-addedline ins {
 
 .revisions-controls .author-card .author-info {
 	font-size: 12px;
-	line-height: 16px;
+	line-height: 1.33333333;
 }
 
 .revisions-controls .author-card .avatar,
@@ -521,7 +539,7 @@ div.revisions-controls > .wp-slider > .ui-slider-handle {
 
 .wp-slider .ui-slider-range {
 	position: absolute;
-	font-size: .7em;
+	font-size: 0.7em;
 	display: block;
 	border: 0;
 	background-color: transparent;
@@ -529,7 +547,7 @@ div.revisions-controls > .wp-slider > .ui-slider-handle {
 }
 
 .wp-slider.ui-slider-horizontal {
-	height: .7em;
+	height: 0.7em;
 }
 
 .wp-slider.ui-slider-horizontal .ui-slider-handle {