Tag 5.7.9

Built from https://develop.svn.wordpress.org/tags/5.7.9@55798


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

readme.html

@@ -76,7 +76,7 @@
 	<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://make.wordpress.org/support/handbook/appendix/other-support-locations/introduction-to-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="https://web.libera.chat/#wordpress">irc.libera.chat #wordpress</a>)</dd>
+		<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>

wp-admin/about.php

@@ -9,6 +9,9 @@
 /** WordPress Administration Bootstrap */
 require_once __DIR__ . '/admin.php';
 
+wp_enqueue_script( 'wp-components' );
+wp_enqueue_style( 'wp-components' );
+
 /* translators: Page title of the About WordPress page in the admin. */
 $title = _x( 'About', 'page title' );
 
@@ -19,15 +22,19 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 	<div class="wrap about__container">
 
 		<div class="about__header">
+			<div class="about__header-image">
+				<img alt="<?php _e( 'Code is Poetry' ); ?>" src="<?php echo admin_url( 'images/about-badge.svg' ); ?>" />
+			</div>
+
 			<div class="about__header-title">
-				<h1>
+				<p>
 					<?php _e( 'WordPress' ); ?>
 					<?php echo $display_version; ?>
-				</h1>
+				</p>
 			</div>
 
 			<div class="about__header-text">
-				<?php _e( 'The next stop on the road to full site editing' ); ?>
+				<?php _e( 'Jazz up your stories in an editor that’s cleaner, crisper, and does more to get out of your way.' ); ?>
 			</div>
 
 			<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
@@ -38,17 +45,36 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 			</nav>
 		</div>
 
+		<div class="about__section is-feature has-subtle-background-color">
+			<div class="column">
+				<h1 class="is-smaller-heading">
+					<?php
+					printf(
+						/* translators: %s: The current WordPress version number. */
+						__( 'Step into WordPress %s.' ),
+						$display_version
+					);
+					?>
+				</h1>
+				<p>
+					<?php
+					_e( 'With this new version, WordPress brings you fresh colors. The editor helps you work in a few places you couldn’t before—at least, not without getting into code or hiring a pro. The controls you use most, like changing font sizes, are in more places—right where you need them. And layout changes that should be simple, like full-height images, are even simpler to make.' );
+					?>
+				</p>
+			</div>
+		</div>
+
 		<hr />
 
 		<div class="about__section changelog">
-			<div class="column">
-				<h2><?php _e( 'Maintenance and Security Releases' ); ?></h2>
+			<div class="column has-border has-subtle-background-color">
+				<h2 class="is-smaller-heading"><?php _e( 'Maintenance and Security Releases' ); ?></h2>
 				<p>
 					<?php
 					printf(
 						/* translators: %s: WordPress version number. */
 						__( '<strong>Version %s</strong> addressed some security issues.' ),
-						'5.8.8'
+						'5.7.9'
 					);
 					?>
 					<?php
@@ -58,17 +84,18 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 						sprintf(
 							/* translators: %s: WordPress version. */
 							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
-							sanitize_title( '5.8.8' )
+							sanitize_title( '5.7.9' )
 						)
 					);
 					?>
 				</p>
+
 				<p>
 					<?php
 					printf(
 						/* translators: %s: WordPress version number. */
 						__( '<strong>Version %s</strong> addressed some security issues.' ),
-						'5.8.7'
+						'5.7.8'
 					);
 					?>
 					<?php
@@ -78,17 +105,18 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 						sprintf(
 							/* translators: %s: WordPress version. */
 							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
-							sanitize_title( '5.8.7' )
+							sanitize_title( '5.7.8' )
 						)
 					);
 					?>
 				</p>
+
 				<p>
 					<?php
 					printf(
 						/* translators: %s: WordPress version number. */
 						__( '<strong>Version %s</strong> addressed some security issues.' ),
-						'5.8.6'
+						'5.7.7'
 					);
 					?>
 					<?php
@@ -98,17 +126,18 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 						sprintf(
 							/* translators: %s: WordPress version. */
 							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
-							sanitize_title( '5.8.6' )
+							sanitize_title( '5.7.7' )
 						)
 					);
 					?>
 				</p>
+
 				<p>
 					<?php
 					printf(
 						/* translators: %s: WordPress version number. */
 						__( '<strong>Version %s</strong> addressed some security issues.' ),
-						'5.8.5'
+						'5.7.6'
 					);
 					?>
 					<?php
@@ -118,17 +147,18 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 						sprintf(
 							/* translators: %s: WordPress version. */
 							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
-							sanitize_title( '5.8.5' )
+							sanitize_title( '5.7.6' )
 						)
 					);
 					?>
 				</p>
+
 				<p>
 					<?php
 					printf(
 						/* translators: %s: WordPress version number. */
 						__( '<strong>Version %s</strong> addressed some security issues.' ),
-						'5.8.4'
+						'5.7.5'
 					);
 					?>
 					<?php
@@ -138,17 +168,18 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 						sprintf(
 							/* translators: %s: WordPress version. */
 							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
-							sanitize_title( '5.8.4' )
+							sanitize_title( '5.7.5' )
 						)
 					);
 					?>
 				</p>
+
 				<p>
 					<?php
 					printf(
 						/* translators: %s: WordPress version number. */
-						__( '<strong>Version %s</strong> addressed some security issues.' ),
-						'5.8.3'
+						__( '<strong>Version %s</strong> addressed one security issue.' ),
+						'5.7.4'
 					);
 					?>
 					<?php
@@ -158,57 +189,80 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 						sprintf(
 							/* translators: %s: WordPress version. */
 							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
-							sanitize_title( '5.8.3' )
+							sanitize_title( '5.7.4' )
 						)
 					);
 					?>
 				</p>
+
 				<p>
 					<?php
 					printf(
-						/* translators: 1: WordPress version number, 2: plural number of bugs. */
+						/* translators: 1: WordPress version number, 2: Plural number of bugs. More than one security issue. */
 						_n(
-							'<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bug.',
-							'<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bugs.',
-							2
+							'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
+							'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.',
+							5
 						),
-						'5.8.2',
-						number_format_i18n( 2 )
+						'5.7.3',
+						number_format_i18n( 5 )
 					);
 					?>
 					<?php
 					printf(
-						/* translators: %s: HelpHub URL */
+						/* translators: %s: HelpHub URL. */
 						__( 'For more information, see <a href="%s">the release notes</a>.' ),
 						sprintf(
-							/* translators: %s: WordPress version */
+							/* translators: %s: WordPress version. */
 							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
-							sanitize_title( '5.8.2' )
+							sanitize_title( '5.7.3' )
 						)
 					);
 					?>
 				</p>
+
 				<p>
 					<?php
 					printf(
-						/* translators: 1: WordPress version number, 2: plural number of bugs. */
+						/* translators: %s: WordPress version number. */
+						__( '<strong>Version %s</strong> addressed one security issue.' ),
+						'5.7.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.7.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 a security issue and fixed %2$s bug.',
-							'<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bugs.',
-							60
+							'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
+							'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.',
+							26
 						),
-						'5.8.1',
-						number_format_i18n( 60 )
+						'5.7.1',
+						number_format_i18n( 26 )
 					);
 					?>
 					<?php
 					printf(
-						/* translators: %s: HelpHub URL */
+						/* translators: %s: HelpHub URL. */
 						__( 'For more information, see <a href="%s">the release notes</a>.' ),
 						sprintf(
-							/* translators: %s: WordPress version */
+							/* translators: %s: WordPress version. */
 							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
-							sanitize_title( '5.8.1' )
+							sanitize_title( '5.7.1' )
 						)
 					);
 					?>
@@ -216,191 +270,146 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 			</div>
 		</div>
 
-		<hr class="is-large" />
+		<hr />
 
-		<div class="about__section">
-			<h2 class="aligncenter">
-				<?php _e( 'Three Essential Powerhouses' ); ?>
+		<div class="about__section has-2-columns">
+			<h2 class="is-section-header is-smaller-heading">
+				<?php _e( 'Now the editor is easier to use' ); ?>
 			</h2>
+			<div class="column">
+				<p>
+					<?php
+					_e( '<strong>Font-size adjustment in more places:</strong> now, font-size controls are right where you need them in the List and Code blocks. No more trekking to another screen to make that single change!' );
+					?>
+				</p>
+				<p>
+					<?php
+					_e( '<strong>Reusable blocks:</strong> several enhancements make reusable blocks more stable and easier to use. And now they save automatically with the post when you click the Update button.' );
+					?>
+				</p>
+				<p>
+					<?php
+					_e( '<strong>Inserter drag-and-drop:</strong> drag blocks and block patterns from the inserter right into your post.' );
+					?>
+				</p>
+			</div>
+			<div class="column about__image">
+				<video controls>
+					<source src="https://s.w.org/images/core/5.7/about-57-drag-drop-image.mp4" type="video/mp4" />
+					<source src="https://s.w.org/images/core/5.7/about-57-drag-drop-image.webm" type="video/webm" />
+				</video>
+			</div>
 		</div>
 
-		<div class="about__section has-2-columns is-wider-left">
-			<div class="column about__image is-vertically-aligned-center">
-				<img src="https://s.w.org/images/core/5.8/about-widgets-blocks.png" alt="" />
-			</div>
+		<div class="about__section has-2-columns">
+			<h2 class="is-section-header is-smaller-heading">
+				<?php _e( 'You can do more without writing custom code' ); ?>
+			</h2>
+			<div class="column">
+				<p>
+					<?php
+					_e( '<strong>Full-height alignment:</strong> have you ever wanted to make a block, like the Cover block, fill the whole window? Now you can.' );
+					?>
+				</p>
+				<p>
+					<?php
+					_e( '<strong>Buttons block:</strong> now you can choose a vertical or a horizontal layout. And you can set the width of a button to a preset percentage.' );
+					?>
+				</p>
+				<p>
+					<?php
+					_e( '<strong>Social Icons block:</strong> now you can change the size of the icons.' );
+					?>
+				</p>
+			</div>
+			<div class="column about__image">
+				<img src="https://s.w.org/images/core/5.7/about-57-cover.jpg" alt="" />
+			</div>
+		</div>
+
+		<hr />
+
+		<div class="about__section has-subtle-background-color">
+			<div class="column">
+				<h2 class="is-smaller-heading"><?php _e( 'A Simpler Default Color Palette' ); ?></h2>
+			</div>
+		</div>
+
+		<div class="about__section has-subtle-background-color">
+			<figure class="column about__image" id="about-image-comparison">
+				<div class="about__image-comparison no-js">
+					<img src="https://s.w.org/images/core/5.7/about-57-color-old.png" alt="<?php esc_attr_e( 'Dashboard with old color scheme.' ); ?>" />
+					<div class="about__image-comparison-resize">
+						<img src="https://s.w.org/images/core/5.7/about-57-color-new.png" alt="<?php esc_attr_e( 'Dashboard with new color scheme.' ); ?>" />
+					</div>
+				</div>
+				<figcaption><?php _e( 'Above, the Dashboard before and after the color update in 5.7.' ); ?></figcaption>
+			</figure>
+		</div>
+
+		<div class="about__section has-2-columns has-subtle-background-color">
 			<div class="column">
-				<h3>
-					<?php _e( 'Manage Widgets with Blocks' ); ?>
-				</h3>
 				<p>
 					<?php
 					printf(
-						/* translators: %s: Widgets dev note link. */
-						__( 'After months of hard work, the power of blocks has come to both the Block Widgets Editor and the Customizer. Now you can add blocks both in widget areas across your site and with live preview through the Customizer. This opens up new possibilities to create content: from no-code mini layouts to the vast library of core and third-party blocks. For our developers, you can find more details in the <a href="%s">Widgets dev note</a>.' ),
-						'https://make.wordpress.org/core/2021/06/29/block-based-widgets-editor-in-wordpress-5-8/'
+						/* translators: %s: WCAG information link. */
+						__( 'This new streamlined color palette collapses all the colors that used to be in the WordPress source code down to seven core colors and a range of 56 shades that meet the <a href="%s">WCAG 2.0 AA recommended contrast ratio</a> against white or black.' ),
+						'https://www.w3.org/WAI/WCAG2AAA-Conformance'
+					);
+					?>
+				</p>
+				<p>
+					<?php
+					_e( 'The colors are perceptually uniform from light to dark in each range, which means they start at white and get darker by the same amount with each step.' );
+					?>
+				</p>
+			</div>
+			<div class="column">
+				<p>
+					<?php
+					_e( 'Half the range has a 4.5 or higher contrast ratio against black, and the other half maintains the same contrast against white.' );
+					?>
+				</p>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: Color palette dev note link. */
+						__( 'Find the new palette in the default WordPress Dashboard color scheme, and use it when you’re building themes, plugins, or any other components. For all the details, <a href="%s">check out the Color Palette dev note</a>.' ),
+						'https://make.wordpress.org/core/2021/02/23/standardization-of-wp-admin-colors-in-wordpress-5-7'
 					);
 					?>
 				</p>
 			</div>
 		</div>
 
-		<div class="about__section has-2-columns is-wider-right">
-			<div class="column">
-				<h3>
-					<?php _e( 'Display Posts with New Blocks and Patterns' ); ?>
-				</h3>
-				<p>
-					<?php _e( 'The Query Loop Block makes it possible to display posts based on specified parameters; like a PHP loop without the code. Easily display posts from a specific category, to do things like create a portfolio or a page full of your favorite recipes. Think of it as a more complex and powerful Latest Posts Block! Plus, pattern suggestions make it easier than ever to create a list of posts with the design you want.' ); ?>
-				</p>
-			</div>
-			<div class="column about__image is-vertically-aligned-center">
-				<img src="https://s.w.org/images/core/5.8/about-query-loop.png" alt="" />
-			</div>
-		</div>
-
-		<div class="about__section has-2-columns is-wider-left">
-			<div class="column about__image is-vertically-aligned-center">
-				<img src="https://s.w.org/images/core/5.8/about-template.png" alt="" />
-			</div>
-			<div class="column">
-				<h3>
-					<?php _e( 'Edit the Templates Around Posts' ); ?>
-				</h3>
-				<p>
-					<?php
-					_e( 'You can use the familiar block editor to edit templates that hold your content—simply activate a block theme or a theme that has opted in for this feature. Switch from editing your posts to editing your pages and back again, all while using a familiar block editor. There are more than 20 new blocks available within compatible themes. Read more about this feature and how to experiment with it in the release notes.' );
-					?>
-				</p>
-			</div>
-		</div>
-
-		<hr class="is-large" />
-
-		<div class="about__section">
-			<h2 class="aligncenter">
-				<?php _e( 'Three Workflow Helpers' ); ?>
-			</h2>
-		</div>
-
-		<div class="about__section has-2-columns is-wider-left">
-			<div class="column about__image is-vertically-aligned-center">
-				<img src="https://s.w.org/images/core/5.8/about-list-view.png" alt="" />
-			</div>
-			<div class="column">
-				<h3>
-					<?php _e( 'Overview of the Page Structure' ); ?>
-				</h3>
-				<p>
-					<?php
-					_e( 'Sometimes you need a simple landing page, but sometimes you need something a little more robust. As blocks increase, patterns emerge, and content creation gets easier, new solutions are needed to make complex content easy to navigate. List View is the best way to jump between layers of content and nested blocks. Since the List View gives you an overview of all the blocks in your content, you can now navigate quickly to the precise block you need. Ready to focus completely on your content? Toggle it on or off to suit your workflow.' );
-					?>
-				</p>
-			</div>
-		</div>
-
-		<div class="about__section has-2-columns is-wider-right">
-			<div class="column">
-				<h3>
-					<?php _e( 'Suggested Patterns for Blocks' ); ?>
-				</h3>
-				<p>
-					<?php
-					_e( 'Starting in this release the Pattern Transformations tool will suggest block patterns based on the block you are using. Right now, you can give it a try in the Query Block and Social Icon Block. As more patterns are added, you will be able to get inspiration for how to style your site without ever leaving the editor!' );
-					?>
-				</p>
-			</div>
-			<div class="column about__image is-vertically-aligned-center">
-				<img src="https://s.w.org/images/core/5.8/about-pattern-suggestions.png" alt="" />
-			</div>
-		</div>
-
-		<div class="about__section has-2-columns is-wider-left">
-			<div class="column about__image is-vertically-aligned-center">
-				<img src="https://s.w.org/images/core/5.8/about-duotone.png" alt="" />
-			</div>
-			<div class="column">
-				<h3>
-					<?php _e( 'Style and Colorize Images' ); ?>
-				</h3>
-				<p>
-					<?php
-					_e( 'Colorize your image and cover blocks with duotone filters! Duotone can add a pop of color to your designs and style your images (or videos in the cover block) to integrate well with your themes. You can think of the duotone effect as a black and white filter, but instead of the shadows being black and the highlights being white, you pick your own colors for the shadows and highlights. There’s more to learn about how it works in the documentation.' );
-					?>
-				</p>
-			</div>
-		</div>
-
-		<hr class="is-large" />
-
-		<div class="about__section">
-			<h2 class="aligncenter" style="margin-bottom:0;">
-				<?php _e( 'For Developers to Explore' ); ?>
-			</h2>
-			<div class="column about__image is-vertically-aligned-center">
+		<div class="about__section has-subtle-background-color">
+			<div class="column about__image">
 				<picture>
-					<source srcset="https://s.w.org/images/core/5.8/about-theme-json.png, https://s.w.org/images/core/5.8/about-theme-json-2x.png 2x" />
-					<img src="https://s.w.org/images/core/5.8/about-theme-json.png" alt="" />
+					<source media="(max-width: 600px)" srcset="<?php echo admin_url( 'images/about-color-palette-vert.svg' ); ?>" />
+					<img alt="" src="<?php echo admin_url( 'images/about-color-palette.svg' ); ?>" />
 				</picture>
 			</div>
 		</div>
 
-		<div class="about__section has-1-column">
-			<div class="column">
-				<h3>
-					<?php _e( 'Theme.json' ); ?>
-				</h3>
-				<p>
-					<?php
-					printf(
-						/* translators: %s: Theme.json dev note link. */
-						__( 'Introducing the Global Styles and Global Settings APIs: control the editor settings, available customization tools, and style blocks using a theme.json file in the active theme. This configuration file enables or disables features and sets default styles for both a website and blocks. If you build themes, you can experiment with this early iteration of a useful new feature. For more about what is currently available and how it works, <a href="%s">check out this dev note</a>.' ),
-						'https://make.wordpress.org/core/2021/06/25/introducing-theme-json-in-wordpress-5-8/'
-					);
-					?>
-				</p>
-			</div>
-		</div>
+		<hr />
 
-		<div class="about__section has-3-columns">
+		<div class="about__section has-2-columns">
 			<div class="column">
-				<h3>
-					<?php _e( 'Dropping support for Internet Explorer 11' ); ?>
-				</h3>
+				<h3><?php _e( 'From HTTP to HTTPS in a single click' ); ?></h3>
+				<p><?php _e( 'Starting now, switching a site from HTTP to HTTPS is a one-click move. WordPress will automatically update database URLs when you make the switch. No more hunting and guessing!' ); ?></p>
+				<h3><?php _e( 'New Robots API' ); ?></h3>
 				<p>
 					<?php
-					printf(
-						/* translators: %s: Link to Browse Happy. */
-						__( 'Support for Internet Explorer 11 has been dropped as of this release. This means you may have issues managing your site that will not be fixed in the future. If you are currently using IE11, it is strongly recommended that you <a href="%s">switch to a more modern browser</a>.' ),
-						'https://browsehappy.com/'
-					);
+					_e( 'The new Robots API lets you include the filter directives in the robots meta tag, and the API includes the <code>max-image-preview: large</code> directive by default. That means search engines can show bigger image previews, which can boost your traffic (unless the site is marked <em>not-public</em>).' );
 					?>
 				</p>
 			</div>
 			<div class="column">
-				<h3>
-					<?php _e( 'Adding support for WebP' ); ?>
-				</h3>
-				<p>
-					<?php
-					_e( 'WebP is a modern image format that provides improved lossless and lossy compression for images on the web. WebP images are around 30% smaller on average than their JPEG or PNG equivalents, resulting in sites that are faster and use less bandwidth.' );
-					?>
-				</p>
-			</div>
-			<div class="column">
-				<h3>
-					<?php _e( 'Adding Additional Block Supports' ); ?>
-				</h3>
-				<p>
-					<?php
-					printf(
-						/* translators: %1$s: Link to 5.6's block dev notes. %2$s: Link to 5.7's block dev notes. %3$s: Link to 5.8's block dev notes. */
-						__( 'Expanding on previously implemented block supports in WordPress <a href="%1$s">5.6</a> and <a href="%2$s">5.7</a>, WordPress 5.8 introduces several new block support flags and new options to customize your registered blocks. More information is available in the <a href="%3$s">block supports dev note</a>.' ),
-						'https://make.wordpress.org/core/2020/11/18/block-supports-in-wordpress-5-6/',
-						'https://make.wordpress.org/core/2021/02/24/changes-to-block-editor-components-and-blocks/',
-						'https://make.wordpress.org/core/2021/06/25/block-supports-api-updates-for-wordpress-5-8/'
-					);
-					?>
-				</p>
+				<h3><?php _e( 'Ongoing cleanup after update to jQuery 3.5.1' ); ?></h3>
+				<p><?php _e( 'For years jQuery helped make things move on the screen in ways the basic tools couldn’t—but that keeps changing, and so does jQuery.' ); ?></p>
+				<p><?php _e( 'In 5.7, jQuery gets more focused and less intrusive, with fewer messages in the console.' ); ?></p>
+				<h3><?php _e( 'Lazy-load your iframes' ); ?></h3>
+				<p><?php _e( 'Now it’s simple to let iframes lazy-load. By default, WordPress will add a <code>loading="lazy"</code> attribute to iframe tags when both width and height are specified.' ); ?></p>
 			</div>
 		</div>
 
@@ -412,9 +421,9 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 				<p>
 					<?php
 					printf(
-						/* translators: %s: WordPress 5.8 Field Guide link. */
-						__( 'Check out the latest version of the WordPress Field Guide. It highlights developer notes for each change you may want to be aware of. <a href="%s">WordPress 5.8 Field Guide.</a>' ),
-						'https://make.wordpress.org/core/2021/07/03/wordpress-5-8-field-guide/'
+						/* translators: %s: WordPress 5.7 Field Guide link. */
+						__( 'Check out the latest version of the WordPress Field Guide. It highlights developer notes for each change you may want to be aware of. <a href="%s">WordPress 5.7 Field Guide.</a>' ),
+						'https://make.wordpress.org/core/2021/02/23/wordpress-5-7-field-guide'
 					);
 					?>
 				</p>
@@ -435,6 +444,83 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 
 <?php require_once ABSPATH . 'wp-admin/admin-footer.php'; ?>
 
+<script>
+	window.addEventListener( 'load', function() {
+		var createElement = wp.element.createElement;
+		var Fragment = wp.element.Fragment;
+		var render = wp.element.render;
+		var useState = wp.element.useState;
+		var ResizableBox = wp.components.ResizableBox;
+
+		var container = document.getElementById( 'about-image-comparison' );
+		var images = container ? container.querySelectorAll( 'img' ) : [];
+		if ( ! images.length ) {
+			// Something's wrong, return early.
+			return;
+		}
+
+		var beforeImage = images.item( 0 );
+		var afterImage = images.item( 1 );
+		var caption = container.querySelector( 'figcaption' ).innerText;
+
+		function ImageComparison( props ) {
+			var stateHelper = useState( props.width );
+			var width = stateHelper[0];
+			var setWidth = stateHelper[1];
+
+			return createElement(
+				'div',
+				{
+					className: 'about__image-comparison'
+				},
+				createElement( 'img', { src: beforeImage.src, alt: beforeImage.alt } ),
+				createElement(
+					ResizableBox,
+					{
+						size: {
+							width: width,
+							height: props.height
+						},
+						onResizeStop: function( event, direction, elt, delta ) {
+							setWidth( parseInt( width + delta.width, 10 ) );
+						},
+						showHandle: true,
+						enable: {
+							top: false,
+							right: ! wp.i18n.isRTL(),
+							bottom: false,
+							left: wp.i18n.isRTL(),
+						},
+						className: 'about__image-comparison-resize'
+					},
+					createElement(
+						'div',
+						{
+							style: { width: '100%', height: '100%', overflow: 'hidden' }
+						},
+						createElement('img', { src: afterImage.src, alt: afterImage.alt } )
+					)
+				)
+			);
+		}
+
+		render(
+			createElement(
+				Fragment,
+				{},
+				createElement(
+					ImageComparison,
+					{
+						width: beforeImage.clientWidth / 2,
+						height: beforeImage.clientHeight
+					}
+				),
+				createElement( 'figcaption', {}, caption )
+			),
+			container
+		);
+	} );
+</script>
 <?php
 
 // These are strings we may use to describe maintenance/security releases, where we aim for no new strings.

wp-admin/admin-footer.php

@@ -105,15 +105,15 @@ do_action( 'admin_print_footer_scripts' );
 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' )
-	&& false === get_site_option( 'can_compress_scripts' )
-) {
-	compression_test();
+if ( function_exists( 'get_site_option' ) ) {
+	if ( false === get_site_option( 'can_compress_scripts' ) ) {
+		compression_test();
+	}
 }
 
 ?>
 
 <div class="clear"></div></div><!-- wpwrap -->
-<script type="text/javascript">if(typeof wpOnload==='function')wpOnload();</script>
+<script type="text/javascript">if(typeof wpOnload=='function')wpOnload();</script>
 </body>
 </html>

wp-admin/admin-header.php

@@ -190,7 +190,8 @@ if ( is_network_admin() ) {
 $admin_body_class .= ' no-customize-support no-svg';
 
 if ( $current_screen->is_block_editor() ) {
-	$admin_body_class .= ' block-editor-page wp-embed-responsive';
+	// Default to is-fullscreen-mode to avoid jumps in the UI.
+	$admin_body_class .= ' block-editor-page is-fullscreen-mode wp-embed-responsive';
 }
 
 $error_get_last = error_get_last();

wp-admin/async-upload.php

@@ -48,40 +48,20 @@ if ( isset( $_REQUEST['attachment_id'] ) && (int) $_REQUEST['attachment_id'] &&
 
 	switch ( $_REQUEST['fetch'] ) {
 		case 3:
-			?>
-			<div class="media-item-wrapper">
-				<div class="attachment-details">
-					<?php
-					$thumb_url = wp_get_attachment_image_src( $id, 'thumbnail', true );
-					if ( $thumb_url ) {
-						echo '<img class="pinkynail" src="' . esc_url( $thumb_url[0] ) . '" alt="" />';
-					}
+			$thumb_url = wp_get_attachment_image_src( $id, 'thumbnail', true );
+			if ( $thumb_url ) {
+				echo '<img class="pinkynail" src="' . esc_url( $thumb_url[0] ) . '" alt="" />';
+			}
+			if ( current_user_can( 'edit_post', $id ) ) {
+				echo '<a class="edit-attachment" href="' . esc_url( get_edit_post_link( $id ) ) . '" target="_blank">' . _x( 'Edit', 'media item' ) . '</a>';
+			} else {
+				echo '<span class="edit-attachment">' . _x( 'Success', 'media item' ) . '</span>';
+			}
 
-					// Title shouldn't ever be empty, but use filename just in case.
-					$file     = get_attached_file( $post->ID );
-					$file_url = wp_get_attachment_url( $post->ID );
-					$title    = $post->post_title ? $post->post_title : wp_basename( $file );
-					?>
-					<div class="filename new">
-						<span class="media-list-title"><strong><?php echo esc_html( wp_html_excerpt( $title, 60, '&hellip;' ) ); ?></strong></span>
-						<span class="media-list-subtitle"><?php echo wp_basename( $file ); ?></span>
-					</div>
-				</div>
-				<div class="attachment-tools">
-					<span class="media-item-copy-container copy-to-clipboard-container edit-attachment">
-						<button type="button" class="button button-small copy-attachment-url" data-clipboard-text="<?php echo $file_url; ?>"><?php _e( 'Copy URL to clipboard' ); ?></button>
-						<span class="success hidden" aria-hidden="true"><?php _e( 'Copied!' ); ?></span>
-					</span>
-					<?php
-					if ( current_user_can( 'edit_post', $id ) ) {
-						echo '<a class="edit-attachment" href="' . esc_url( get_edit_post_link( $id ) ) . '" target="_blank">' . _x( 'Edit', 'media item' ) . '</a>';
-					} else {
-						echo '<span class="edit-attachment">' . _x( 'Success', 'media item' ) . '</span>';
-					}
-					?>
-				</div>
-			</div>
-			<?php
+			// Title shouldn't ever be empty, but use filename just in case.
+			$file  = get_attached_file( $post->ID );
+			$title = $post->post_title ? $post->post_title : wp_basename( $file );
+			echo '<div class="filename new"><span class="title">' . esc_html( wp_html_excerpt( $title, 60, '&hellip;' ) ) . '</span></div>';
 			break;
 		case 2:
 			add_filter( 'attachment_fields_to_edit', 'media_single_attachment_fields_to_edit', 10, 2 );
@@ -139,14 +119,8 @@ if ( $_REQUEST['short'] ) {
 	/**
 	 * Filters the returned ID of an uploaded attachment.
 	 *
-	 * The dynamic portion of the hook name, `$type`, refers to the attachment type.
-	 *
-	 * Possible hook names include:
-	 *
-	 *  - `async_upload_audio`
-	 *  - `async_upload_file`
-	 *  - `async_upload_image`
-	 *  - `async_upload_video`
+	 * The dynamic portion of the hook name, `$type`, refers to the attachment type,
+	 * such as 'image', 'audio', 'video', 'file', etc.
 	 *
 	 * @since 2.5.0
 	 *

wp-admin/authorize-application.php

@@ -12,7 +12,7 @@ require_once __DIR__ . '/admin.php';
 $error        = null;
 $new_password = '';
 
-// This is the no-js fallback script. Generally this will all be handled by `auth-app.js`.
+// This is the no-js fallback script.  Generally this will all be handled by `auth-app.js`
 if ( isset( $_POST['action'] ) && 'authorize_application_password' === $_POST['action'] ) {
 	check_admin_referer( 'authorize_application_password' );
 
@@ -165,10 +165,10 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 				<p>
 					<?php
 					printf(
-						/* translators: 1: URL to my-sites.php, 2: Number of sites the user has. */
+						/* translators: 1: URL to my-sites.php, 2: Number of blogs the user has. */
 						_n(
-							'This will grant access to <a href="%1$s">the %2$s site in this installation that you have permissions on</a>.',
-							'This will grant access to <a href="%1$s">all %2$s sites in this installation that you have permissions on</a>.',
+							'This will grant access to <a href="%1$s">the %2$s blog in this installation that you have permissions on</a>.',
+							'This will grant access to <a href="%1$s">all %2$s blogs in this installation that you have permissions on</a>.',
 							$blogs_count
 						),
 						admin_url( 'my-sites.php' ),

wp-admin/comment.php

@@ -167,19 +167,19 @@ switch ( $action ) {
 
 <table class="form-table comment-ays">
 <tr>
-	<th scope="row"><?php _e( 'Author' ); ?></th>
-	<td><?php comment_author( $comment ); ?></td>
+<th scope="row"><?php _e( 'Author' ); ?></th>
+<td><?php comment_author( $comment ); ?></td>
 </tr>
 		<?php if ( get_comment_author_email( $comment ) ) { ?>
 <tr>
-	<th scope="row"><?php _e( 'Email' ); ?></th>
-	<td><?php comment_author_email( $comment ); ?></td>
+<th scope="row"><?php _e( 'Email' ); ?></th>
+<td><?php comment_author_email( $comment ); ?></td>
 </tr>
 <?php } ?>
 		<?php if ( get_comment_author_url( $comment ) ) { ?>
 <tr>
-	<th scope="row"><?php _e( 'URL' ); ?></th>
-	<td><a href="<?php comment_author_url( $comment ); ?>"><?php comment_author_url( $comment ); ?></a></td>
+<th scope="row"><?php _e( 'URL' ); ?></th>
+<td><a href="<?php comment_author_url( $comment ); ?>"><?php comment_author_url( $comment ); ?></a></td>
 </tr>
 <?php } ?>
 <tr>
@@ -207,8 +207,8 @@ switch ( $action ) {
 		}
 		?>
 	</td>
-</tr>
-<tr>
+	</tr>
+	<tr>
 	<th scope="row"><?php _e( 'Submitted on' ); ?></th>
 	<td>
 		<?php
@@ -226,32 +226,31 @@ switch ( $action ) {
 			echo $submitted;
 		}
 		?>
-	</td>
-</tr>
-<tr>
+		</td>
+	</tr>
+	<tr>
 	<th scope="row"><?php /* translators: Field name in comment form. */ _ex( 'Comment', 'noun' ); ?></th>
 	<td class="comment-content">
 		<?php comment_text( $comment ); ?>
-		<p class="edit-comment">
-			<a href="<?php echo esc_url( admin_url( "comment.php?action=editcomment&c={$comment->comment_ID}" ) ); ?>"><?php esc_html_e( 'Edit' ); ?></a>
-		</p>
+	<p class="edit-comment"><a href="<?php echo admin_url( "comment.php?action=editcomment&amp;c={$comment->comment_ID}" ); ?>"><?php esc_html_e( 'Edit' ); ?></a></p>
 	</td>
-</tr>
-</table>
+	</tr>
+	</table>
+
+	<form action="comment.php" method="get" class="comment-ays-submit">
 
-<form action="comment.php" method="get" class="comment-ays-submit">
 	<p>
 		<?php submit_button( $button, 'primary', 'submit', false ); ?>
-		<a href="<?php echo esc_url( admin_url( 'edit-comments.php' ) ); ?>" class="button-cancel"><?php esc_html_e( 'Cancel' ); ?></a>
+	<a href="<?php echo admin_url( 'edit-comments.php' ); ?>" class="button-cancel"><?php esc_html_e( 'Cancel' ); ?></a>
 	</p>
 
 		<?php wp_nonce_field( $nonce_action ); ?>
 	<input type="hidden" name="action" value="<?php echo esc_attr( $formaction ); ?>" />
 	<input type="hidden" name="c" value="<?php echo esc_attr( $comment->comment_ID ); ?>" />
 	<input type="hidden" name="noredir" value="1" />
-</form>
+	</form>
 
-</div>
+	</div>
 		<?php
 		break;
 

wp-admin/credits.php

@@ -21,14 +21,21 @@ $credits = wp_credits();
 <div class="wrap about__container">
 
 	<div class="about__header">
-		<div class="about__header-title">
-			<h1>
-				<?php _e( 'Contributors' ); ?>
-			</h1>
+		<div class="about__header-image">
+			<img alt="<?php _e( 'Code is Poetry' ); ?>" src="<?php echo admin_url( 'images/about-badge.svg' ); ?>" />
 		</div>
 
-		<div class="about__header-text">
-			<?php _e( 'WordPress 5.8 was created by a worldwide team of passionate individuals' ); ?>
+		<div class="about__header-container">
+			<div class="about__header-title">
+				<p>
+					<?php _e( 'WordPress' ); ?>
+					<?php echo $display_version; ?>
+				</p>
+			</div>
+
+			<div class="about__header-text">
+				<?php _e( 'Jazz up your stories in an editor that’s cleaner, crisper, and does more to get out of your way.' ); ?>
+			</div>
 		</div>
 
 		<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
@@ -39,28 +46,36 @@ $credits = wp_credits();
 		</nav>
 	</div>
 
-	<div class="about__section has-1-column">
-		<div class="column aligncenter">
+	<div class="about__section is-feature">
+		<div class="column">
+			<h1><?php _e( 'Credits' ); ?></h1>
+
 			<?php if ( ! $credits ) : ?>
 
 			<p>
 				<?php
 				printf(
-					/* translators: 1: https://wordpress.org/about/ */
-					__( 'WordPress is created by a <a href="%1$s">worldwide team</a> of passionate individuals.' ),
-					__( 'https://wordpress.org/about/' )
+					/* 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/' )
 				);
 				?>
-				<br />
-				<a href="https://make.wordpress.org/"><?php _e( 'Get involved in WordPress.' ); ?></a>
 			</p>
 
 			<?php else : ?>
 
 			<p>
-				<?php _e( 'Want to see your name in lights on this page?' ); ?>
-				<br />
-				<a href="https://make.wordpress.org/"><?php _e( 'Get involved in WordPress.' ); ?></a>
+				<?php _e( 'WordPress is created by a worldwide team of passionate individuals.' ); ?>
+			</p>
+			<p>
+				<?php
+				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>
 
 			<?php endif; ?>
@@ -78,7 +93,7 @@ if ( ! $credits ) {
 	<hr />
 
 	<div class="about__section">
-		<div class="column is-edge-to-edge">
+		<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' ); ?>

wp-admin/css/about-rtl.css

@@ -21,24 +21,22 @@
 
 .about__container {
 	/* Section backgrounds */
-	--background: transparent;
-	--subtle-background: #def;
+	--background: #fff;
+	--subtle-background: #fde4bf;
 
 	/* Main text color */
-	--text: #000;
+	--text: #00131c;
 	--text-light: #fff;
 
 	/* Accent colors: used in header, on special classes. */
-	--accent-1: #3858e9; /* Accent background, link color */
-	--accent-2: #2d46ba; /* Header background */
+	--accent-1: #0a5b89; /* Accent background */
+	--accent-2: #fde4bf; /* Heading subtitle */
 
 	/* Navigation colors. */
-	--nav-background: #fff;
-	--nav-border: transparent;
+	--nav-background: var(--background);
+	--nav-border: #fcc36f;
 	--nav-color: var(--text);
-	--nav-current: var(--accent-1);
-
-	--gap: 2rem;
+	--nav-current: #0a5b88;
 }
 
 /*------------------------------------------------------------------------------
@@ -49,14 +47,14 @@
 .credits-php,
 .freedoms-php,
 .privacy-php {
-	background: #f0f7ff;
+	background: #fff;
 }
 
 .about-php #wpcontent,
 .credits-php #wpcontent,
 .freedoms-php #wpcontent,
 .privacy-php #wpcontent {
-	background: linear-gradient(-180deg, #fff 50%, #f0f7ff 100%);
+	background: white;
 	padding: 0 24px;
 }
 
@@ -88,28 +86,35 @@
 }
 
 .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: #fff;
 	background: var(--background);
 	clear: both;
 }
 
 .about__container .has-accent-background-color {
+	background-color: #0a5b89;
 	background-color: var(--accent-1);
+	color: #fff;
 	color: var(--text-light);
 }
 
 .about__container .has-accent-background-color a {
+	color: #fff;
 	color: var(--text-light);
 }
 
@@ -118,7 +123,9 @@
 }
 
 .about__container .has-accent-color {
-	color: var(--accent-1);
+	color: #00131c;
+	color: var(--text);
+	font-weight: bold;
 }
 
 .about__container .has-border {
@@ -126,6 +133,7 @@
 }
 
 .about__container .has-subtle-background-color {
+	background-color: #fde4bf;
 	background-color: var(--subtle-background);
 }
 
@@ -138,11 +146,11 @@
 /* 1.1 - Layout */
 
 .about__section {
-	margin: 0 0 var(--gap);
+	margin: 0;
 }
 
 .about__section .column {
-	padding: var(--gap);
+	padding: 32px;
 }
 
 .about__section + .about__section .column {
@@ -150,12 +158,12 @@
 }
 
 .about__section + .about__section .is-section-header {
-	padding-bottom: var(--gap);
+	padding-bottom: 32px;
 }
 
 .about__section .column[class*="background-color"],
 .about__section .column.has-border {
-	padding-top: var(--gap);
+	padding-top: 32px;
 }
 
 .about__section .column.is-edge-to-edge {
@@ -172,12 +180,12 @@
 
 .about__section .has-text-columns {
 	columns: 2;
-	column-gap: calc(var(--gap) * 2);
+	column-gap: 64px;
 }
 
 .about__section .is-section-header {
 	margin-bottom: 0;
-	padding: var(--gap) var(--gap) 0;
+	padding: 32px 32px 0;
 }
 
 .about__section .is-section-header p:last-child {
@@ -190,7 +198,7 @@
 }
 
 .about__section.is-feature {
-	padding: var(--gap);
+	padding: 32px;
 }
 
 .about__section.is-feature p {
@@ -198,7 +206,7 @@
 }
 
 .about__section.is-feature p + p {
-	margin-top: calc(var(--gap) / 2);
+	margin-top: 1rem;
 }
 
 .about__section.has-1-column {
@@ -211,84 +219,102 @@
 .about__section.has-3-columns,
 .about__section.has-4-columns,
 .about__section.has-overlap-style {
+	display: -ms-grid;
 	display: grid;
 }
 
 .about__section.has-gutters {
-	gap: calc(var(--gap) / 2);
+	gap: 16px;
 }
 
 .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;
 }
 
@@ -297,24 +323,29 @@
 .about__section.has-3-columns .is-section-header ~ .column,
 .about__section.has-4-columns .is-section-header ~ .column,
 .about__section.has-overlap-style .is-section-header ~ .column {
+	-ms-grid-row: 2;
 	grid-row-start: 2;
 }
 
 .about__section.has-overlap-style {
+	-ms-grid-columns: (1fr)[7];
 	grid-template-columns: repeat(7, 1fr);
 }
 
 .about__section.has-overlap-style .column {
+	-ms-grid-row: 1;
 	grid-row-start: 1;
 }
 
 .about__section.has-overlap-style .column:nth-of-type(2n+1) {
+	-ms-grid-column: 2;
 	grid-column-start: 2;
 	-ms-grid-column-span: 3;
 	grid-column-end: span 3;
 }
 
 .about__section.has-overlap-style .column:nth-of-type(2n) {
+	-ms-grid-column: 4;
 	grid-column-start: 4;
 	-ms-grid-column-span: 3;
 	grid-column-end: span 3;
@@ -329,13 +360,13 @@
 	.about__section.has-2-columns.is-wider-left,
 	.about__section.has-3-columns {
 		display: block;
-		padding-bottom: calc(var(--gap) / 2);
+		padding-bottom: 16px;
 	}
 
 	.about__section.has-2-columns.has-gutters .column,
 	.about__section.has-2-columns.has-gutters .column,
 	.about__section.has-3-columns.has-gutters .column {
-		margin-bottom: calc(var(--gap) / 2);
+		margin-bottom: 16px;
 	}
 
 	.about__section.has-2-columns.has-gutters .column:last-child,
@@ -345,24 +376,28 @@
 	}
 
 	.about__section.has-3-columns .column:nth-of-type(n) {
-		padding-top: calc(var(--gap) / 2);
-		padding-bottom: calc(var(--gap) / 2);
+		padding-top: 16px;
+		padding-bottom: 16px;
 	}
 
 	.about__section.has-4-columns {
+		-ms-grid-columns: (1fr)[2];
 		grid-template-columns: repeat(2, 1fr);
 	}
 
 	.about__section.has-4-columns .column:nth-of-type(2n+1) {
+		-ms-grid-column: 1;
 		grid-column-start: 1;
 	}
 
 	.about__section.has-4-columns .column:nth-of-type(2n) {
+		-ms-grid-column: 2;
 		grid-column-start: 2;
 	}
 
 	.about__section.has-4-columns .column:nth-of-type(4n+3),
 	.about__section.has-4-columns .column:nth-of-type(4n) {
+		-ms-grid-row: 2;
 		grid-row-start: 2;
 	}
 
@@ -373,18 +408,22 @@
 
 	.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n+3),
 	.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n) {
+		-ms-grid-row: 3;
 		grid-row-start: 3;
 	}
 
 	.about__section.has-overlap-style {
+		-ms-grid-columns: 1fr;
 		grid-template-columns: 1fr;
 	}
 
 	/* At this size, the two columns fully overlap */
 	.about__section.has-overlap-style .column.column {
+		-ms-grid-column: 1;
 		grid-column-start: 1;
 		-ms-grid-column-span: 1;
 		grid-column-end: 2;
+		-ms-grid-row: 1;
 		grid-row-start: 1;
 		-ms-grid-row-span: 1;
 		grid-row-end: 2;
@@ -394,11 +433,11 @@
 @media screen and (max-width: 600px) {
 	.about__section.has-2-columns {
 		display: block;
-		padding-bottom: calc(var(--gap) / 2);
+		padding-bottom: 16px;
 	}
 
 	.about__section.has-2-columns.has-gutters .column {
-		margin-bottom: calc(var(--gap) / 2);
+		margin-bottom: 16px;
 	}
 
 	.about__section.has-2-columns.has-gutters .column:last-child {
@@ -406,8 +445,8 @@
 	}
 
 	.about__section.has-2-columns .column:nth-of-type(n) {
-		padding-top: calc(var(--gap) / 2);
-		padding-bottom: calc(var(--gap) / 2);
+		padding-top: 16px;
+		padding-bottom: 16px;
 	}
 }
 
@@ -418,11 +457,11 @@
 
 	.about__section.has-4-columns {
 		display: block;
-		padding-bottom: calc(var(--gap) / 2);
+		padding-bottom: 16px;
 	}
 
 	.about__section.has-4-columns.has-gutters .column {
-		margin-bottom: calc(var(--gap) / 2);
+		margin-bottom: 16px;
 	}
 
 	.about__section.has-4-columns.has-gutters .column:last-child {
@@ -430,8 +469,8 @@
 	}
 
 	.about__section.has-4-columns .column:nth-of-type(n) {
-		padding-top: calc(var(--gap) / 2);
-		padding-bottom: calc(var(--gap) / 2);
+		padding-top: 16px;
+		padding-bottom: 16px;
 	}
 }
 
@@ -439,11 +478,14 @@
 
 .about__container {
 	line-height: 1.4;
+	color: #00131c;
 	color: var(--text);
 }
 
 .about__container h1 {
+	margin: 0 0 1em;
 	padding: 0;
+	font-weight: 600;
 	color: inherit;
 }
 
@@ -452,18 +494,17 @@
 .about__container h3.is-larger-heading {
 	margin-top: 0;
 	margin-bottom: 0.5em;
-	font-size: 2em;
+	font-size: 2.9em;
 	line-height: 1.2;
-	font-weight: 700;
+	font-weight: 400;
 }
 
 .about__container h3,
 .about__container h1.is-smaller-heading,
 .about__container h2.is-smaller-heading {
 	margin-top: 0;
-	font-size: 1.6em;
-	line-height: 1.3;
-	font-weight: 400;
+	font-size: 1.5em;
+	font-weight: 700;
 }
 
 .about__container p {
@@ -472,6 +513,7 @@
 }
 
 .about__section a {
+	color: #0a5b89;
 	color: var(--accent-1);
 	text-decoration: underline;
 }
@@ -479,6 +521,7 @@
 .about__section a:hover,
 .about__section a:active,
 .about__section a:focus {
+	color: #0a5b89;
 	color: var(--accent-1);
 	text-decoration: none;
 }
@@ -495,7 +538,7 @@
 
 .about__container ul {
 	list-style: disc;
-	margin-right: calc(var(--gap) / 2);
+	margin-right: 16px;
 }
 
 .about__container img {
@@ -531,7 +574,6 @@
 }
 
 .about__container .about__image-comparison img {
-	-webkit-user-select: none;
 	user-select: none;
 	width: auto;
 	max-width: none;
@@ -553,6 +595,7 @@
 
 .about__container .about__image-comparison.no-js .about__image-comparison-resize {
 	overflow: hidden;
+	border-left: 2px solid #007cba;
 	border-left: 2px solid var(--wp-admin-theme-color);
 }
 
@@ -570,17 +613,17 @@
 
 .about__container hr {
 	margin: 0;
-	height: var(--gap);
+	height: 32px;
 	border: none;
 }
 
 .about__container hr.is-small {
-	height: calc(var(--gap) / 4);
+	height: 8px;
 }
 
 .about__container hr.is-large {
-	height: calc(var(--gap) * 2);
-	margin: calc(var(--gap) / 2) auto;
+	height: 64px;
+	margin: 16px auto;
 }
 
 .about__container div.updated,
@@ -612,66 +655,62 @@
 /* 1.3 - Header */
 
 .about__header {
-	margin-bottom: var(--gap);
-	padding-top: 0;
-	background-position: center;
+	margin-bottom: 32px;
+	padding-top: 3em;
+	background-position: bottom center;
 	background-repeat: no-repeat;
 	background-size: cover;
-	background-image: url('../images/about-header-about.svg');
-	background-color: var(--accent-2);
+	background-image: url('../images/about-header-brushes.svg');
+	background-color: #0a5b89;
+	background-color: var(--accent-1);
+	color: #fff;
 	color: var(--text-light);
 }
 
-.credits-php .about__header {
-	background-image: url('../images/about-header-credits.svg');
-}
-
-.freedoms-php .about__header {
-	background-image: url('../images/about-header-freedoms.svg');
-}
-
-.privacy-php .about__header {
-	background-image: url('../images/about-header-privacy.svg');
-}
-
 .about__header-image {
-	margin: 0 var(--gap) 3em;
+	margin: 0 32px 3em;
 }
 
 .about__header-title {
-	padding: 2rem 0 0;
-	margin: 0 2rem;
+	padding: 1em 0;
+	margin: 0 32px;
+	text-align: center;
 }
 
-.about__header-title h1 {
-	margin: 0 0 0.5rem;
+.about__header-title p {
+	margin: 0;
 	padding: 0;
-	font-size: 4.5rem;
+	font-size: 6em;
 	line-height: 1;
-	font-weight: 400;
+	font-weight: 900;
+	text-transform: uppercase;
 }
 
 .about__header-text {
-	max-width: 42rem;
-	margin: 0 0 5em;
-	padding: 0 2rem;
-	font-size: 2rem;
-	line-height: 1.15;
+	max-width: 25em;
+	margin: 0 auto 8em;
+	padding: 0 16px;
+	font-size: 1.5em;
+	line-height: 1.4;
+	color: #fde4bf;
+	color: var(--accent-2);
+	text-align: center;
 }
 
 .about__header-navigation {
-	display: flex;
-	justify-content: center;
+	clear: both;
 	padding-top: 0;
+	background: #fff;
 	background: var(--nav-background);
+	color: #00131c;
 	color: var(--nav-color);
+	border-bottom: 3px solid #fcc36f;
 	border-bottom: 3px solid var(--nav-border);
 }
 
 .about__header-navigation .nav-tab {
 	margin-right: 0;
-	padding: calc(var(--gap) * 0.75) var(--gap);
-	float: none;
+	padding: 24px 32px;
 	font-size: 1.4em;
 	line-height: 1;
 	border-width: 0 0 3px;
@@ -683,26 +722,33 @@
 
 .about__header-navigation .nav-tab:hover,
 .about__header-navigation .nav-tab:active {
+	background-color: #0a5b88;
 	background-color: var(--nav-current);
+	color: #fff;
 	color: var(--text-light);
 }
 
 .about__header-navigation .nav-tab-active {
 	margin-bottom: -3px;
+	color: #0a5b88;
 	color: var(--nav-current);
 	border-width: 0 0 6px;
+	border-color: #0a5b88;
 	border-color: var(--nav-current);
 }
 
 .about__header-navigation .nav-tab-active:hover,
 .about__header-navigation .nav-tab-active:active {
+	background-color: #0a5b88;
 	background-color: var(--nav-current);
+	color: #fff;
 	color: var(--text-light);
+	border-color: #0a5b88;
 	border-color: var(--nav-current);
 }
 
 @media screen and (max-width: 960px){
-	.about__header-title h1 {
+	.about__header-title p {
 		font-size: 4.8em;
 	}
 }
@@ -718,20 +764,22 @@
 
 	.about__header-title,
 	.about__header-image {
-		margin-right: calc(var(--gap) / 2);
-		margin-left: calc(var(--gap) / 2);
+		margin-right: 16px;
+		margin-left: 16px;
 	}
 
-	.about__header-text,
 	.about__header-navigation .nav-tab {
 		margin-top: 0;
 		margin-left: 0;
-		padding-right: calc(var(--gap) / 2);
-		padding-left: calc(var(--gap) / 2);
+		padding: 24px 16px;
 	}
 }
 
 @media screen and (max-width: 480px) {
+	.about__header {
+		background-image: none;
+	}
+
 	.about__header-title p {
 		font-size: 2.4em;
 	}
@@ -740,14 +788,11 @@
 		margin-bottom: 1em;
 	}
 
-	.about__header-navigation {
-		display: block;
-	}
-
 	.about__header-navigation .nav-tab {
+		float: none;
 		display: block;
 		margin-bottom: 0;
-		padding: calc(var(--gap) / 2);
+		padding: 16px 16px;
 		border-right-width: 6px;
 		border-bottom: none;
 	}
@@ -763,59 +808,47 @@
   2.0 - Credits Page
 ------------------------------------------------------------------------------*/
 
-.about__section .wp-people-group-title {
-	margin-bottom: calc(var(--gap) * 2);
-	text-align: center;
-
-}
-
 .about__section .wp-people-group {
 	margin: 0;
-	display: flex;
-	flex-wrap: wrap;
 }
 
 .about__section .wp-person {
 	display: inline-block;
 	vertical-align: top;
 	box-sizing: border-box;
-	margin-bottom: var(--gap);
-	width: 25%;
-	text-align: center;
+	padding: 0 0 1em 1em;
+	height: 6em;
+	width: calc( 33% - 4px );
+	min-width: 280px;
 }
 
 .about__section .compact .wp-person {
 	height: auto;
-	width: 20%;
-}
-
-.about__section .wp-person-avatar {
-	display: block;
-	margin: 0 auto calc(var(--gap) / 2);
-	width: 140px;
-	height: 140px;
-	border-radius: 100%;
-	overflow: hidden;
-	background: var(--accent-1);
+	width: calc( 25% - 4px );
+	min-width: 220px;
+	padding-bottom: 0.5em;
 }
 
 .about__section .wp-person .gravatar {
-	width: 140px;
-	height: 140px;
-	filter: grayscale(100%);
-	mix-blend-mode: screen;
-}
-
-.about__section .compact .wp-person-avatar,
-.about__section .compact .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: #00131c;
+	color: var(--text);
 }
 
 .about__section .wp-person .web:hover {
@@ -831,41 +864,16 @@
 	margin-top: 0.5em;
 }
 
-@media screen and (max-width: 782px) {
-	.about__section .wp-person {
-		width: 33%;
-	}
-
-	.about__section .compact .wp-person {
-		width: 25%;
-	}
-
-	.about__section .wp-person-avatar,
-	.about__section .wp-person .gravatar {
-		width: 120px;
-		height: 120px;
-	}
-}
-
-@media screen and (max-width: 600px) {
-	.about__section .wp-person {
-		width: 50%;
-	}
-
-	.about__section .compact .wp-person {
-		width: 33%;
-	}
-
-	.about__section .wp-person .web {
-		font-size: 1.2em;
-	}
-}
-
 @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;
 	}
@@ -880,9 +888,8 @@
   3.0 - Freedoms Page
 ------------------------------------------------------------------------------*/
 
-.about__section .column .freedom-image {
-	margin-bottom: var(--gap);
-	max-height: 140px;
+.about__section .column .freedoms-image {
+	margin-bottom: 1em;
 }
 
 
@@ -1040,6 +1047,7 @@
 .about-wrap .has-2-columns,
 .about-wrap .has-3-columns,
 .about-wrap .has-4-columns {
+	display: -ms-grid;
 	display: grid;
 	max-width: 800px;
 	margin-top: 40px;
@@ -1067,58 +1075,72 @@
 }
 
 .about-wrap .has-2-columns {
+	-ms-grid-columns: 1fr 1fr;
 	grid-template-columns: 1fr 1fr;
 }
 
 .about-wrap .has-2-columns .column:nth-of-type(2n+1) {
+	-ms-grid-column: 1;
 	grid-column-start: 1;
 }
 
 .about-wrap .has-2-columns .column:nth-of-type(2n) {
+	-ms-grid-column: 2;
 	grid-column-start: 2;
 }
 
 .about-wrap .has-2-columns.is-wider-right {
+	-ms-grid-columns: 1fr 2fr;
 	grid-template-columns: 1fr 2fr;
 }
 
 .about-wrap .has-2-columns.is-wider-left {
+	-ms-grid-columns: 2fr 1fr;
 	grid-template-columns: 2fr 1fr;
 }
 
 .about-wrap .has-3-columns {
+	-ms-grid-columns: (1fr)[3];
 	grid-template-columns: repeat(3, 1fr);
 }
 
 .about-wrap .has-3-columns .column:nth-of-type(3n+1) {
+	-ms-grid-column: 1;
 	grid-column-start: 1;
 }
 
 .about-wrap .has-3-columns .column:nth-of-type(3n+2) {
+	-ms-grid-column: 2;
 	grid-column-start: 2;
 }
 
 .about-wrap .has-3-columns .column:nth-of-type(3n) {
+	-ms-grid-column: 3;
 	grid-column-start: 3;
 }
 
 .about-wrap .has-4-columns {
+	-ms-grid-columns: (1fr)[4];
 	grid-template-columns: repeat(4, 1fr);
 }
 
 .about-wrap .has-4-columns .column:nth-of-type(4n+1) {
+	-ms-grid-column: 1;
 	grid-column-start: 1;
 }
 
 .about-wrap .has-4-columns .column:nth-of-type(4n+2) {
+	-ms-grid-column: 2;
 	grid-column-start: 2;
 }
 
 .about-wrap .has-4-columns .column:nth-of-type(4n+3) {
+	-ms-grid-column: 3;
 	grid-column-start: 3;
 }
 
 .about-wrap .has-4-columns .column:nth-of-type(4n) {
+	-ms-grid-column: 4;
 	grid-column-start: 4;
 }
 
@@ -1141,14 +1163,17 @@
 }
 
 .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;
 }
 
@@ -1333,29 +1358,38 @@
 @media screen and (max-width: 782px) {
 	.about-wrap .has-3-columns,
 	.about-wrap .has-4-columns {
+		-ms-grid-columns: 1fr 1fr;
 		grid-template-columns: 1fr 1fr;
 	}
 
 	.about-wrap .has-3-columns .column:nth-of-type(3n+1),
 	.about-wrap .has-4-columns .column:nth-of-type(4n+1) {
+		-ms-grid-column: 1;
 		grid-column-start: 1;
+		-ms-grid-row: 1;
 		grid-row-start: 1;
 	}
 
 	.about-wrap .has-3-columns .column:nth-of-type(3n+2),
 	.about-wrap .has-4-columns .column:nth-of-type(4n+2) {
+		-ms-grid-column: 2;
 		grid-column-start: 2;
+		-ms-grid-row: 1;
 		grid-row-start: 1;
 	}
 
 	.about-wrap .has-3-columns .column:nth-of-type(3n),
 	.about-wrap .has-4-columns .column:nth-of-type(4n+3) {
+		-ms-grid-column: 1;
 		grid-column-start: 1;
+		-ms-grid-row: 2;
 		grid-row-start: 2;
 	}
 
 	.about-wrap .has-4-columns .column:nth-of-type(4n) {
+		-ms-grid-column: 2;
 		grid-column-start: 2;
+		-ms-grid-row: 2;
 		grid-row-start: 2;
 	}
 }
@@ -1374,6 +1408,7 @@
 
 	.about-wrap .has-2-columns.is-wider-right,
 	.about-wrap .has-2-columns.is-wider-left {
+		display: -ms-grid;
 		display: grid;
 	}
 }

wp-admin/css/about.css

@@ -20,24 +20,22 @@
 
 .about__container {
 	/* Section backgrounds */
-	--background: transparent;
-	--subtle-background: #def;
+	--background: #fff;
+	--subtle-background: #fde4bf;
 
 	/* Main text color */
-	--text: #000;
+	--text: #00131c;
 	--text-light: #fff;
 
 	/* Accent colors: used in header, on special classes. */
-	--accent-1: #3858e9; /* Accent background, link color */
-	--accent-2: #2d46ba; /* Header background */
+	--accent-1: #0a5b89; /* Accent background */
+	--accent-2: #fde4bf; /* Heading subtitle */
 
 	/* Navigation colors. */
-	--nav-background: #fff;
-	--nav-border: transparent;
+	--nav-background: var(--background);
+	--nav-border: #fcc36f;
 	--nav-color: var(--text);
-	--nav-current: var(--accent-1);
-
-	--gap: 2rem;
+	--nav-current: #0a5b88;
 }
 
 /*------------------------------------------------------------------------------
@@ -48,14 +46,14 @@
 .credits-php,
 .freedoms-php,
 .privacy-php {
-	background: #f0f7ff;
+	background: #fff;
 }
 
 .about-php #wpcontent,
 .credits-php #wpcontent,
 .freedoms-php #wpcontent,
 .privacy-php #wpcontent {
-	background: linear-gradient(180deg, #fff 50%, #f0f7ff 100%);
+	background: white;
 	padding: 0 24px;
 }
 
@@ -87,28 +85,35 @@
 }
 
 .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: #fff;
 	background: var(--background);
 	clear: both;
 }
 
 .about__container .has-accent-background-color {
+	background-color: #0a5b89;
 	background-color: var(--accent-1);
+	color: #fff;
 	color: var(--text-light);
 }
 
 .about__container .has-accent-background-color a {
+	color: #fff;
 	color: var(--text-light);
 }
 
@@ -117,7 +122,9 @@
 }
 
 .about__container .has-accent-color {
-	color: var(--accent-1);
+	color: #00131c;
+	color: var(--text);
+	font-weight: bold;
 }
 
 .about__container .has-border {
@@ -125,6 +132,7 @@
 }
 
 .about__container .has-subtle-background-color {
+	background-color: #fde4bf;
 	background-color: var(--subtle-background);
 }
 
@@ -137,11 +145,11 @@
 /* 1.1 - Layout */
 
 .about__section {
-	margin: 0 0 var(--gap);
+	margin: 0;
 }
 
 .about__section .column {
-	padding: var(--gap);
+	padding: 32px;
 }
 
 .about__section + .about__section .column {
@@ -149,12 +157,12 @@
 }
 
 .about__section + .about__section .is-section-header {
-	padding-bottom: var(--gap);
+	padding-bottom: 32px;
 }
 
 .about__section .column[class*="background-color"],
 .about__section .column.has-border {
-	padding-top: var(--gap);
+	padding-top: 32px;
 }
 
 .about__section .column.is-edge-to-edge {
@@ -171,12 +179,12 @@
 
 .about__section .has-text-columns {
 	columns: 2;
-	column-gap: calc(var(--gap) * 2);
+	column-gap: 64px;
 }
 
 .about__section .is-section-header {
 	margin-bottom: 0;
-	padding: var(--gap) var(--gap) 0;
+	padding: 32px 32px 0;
 }
 
 .about__section .is-section-header p:last-child {
@@ -189,7 +197,7 @@
 }
 
 .about__section.is-feature {
-	padding: var(--gap);
+	padding: 32px;
 }
 
 .about__section.is-feature p {
@@ -197,7 +205,7 @@
 }
 
 .about__section.is-feature p + p {
-	margin-top: calc(var(--gap) / 2);
+	margin-top: 1rem;
 }
 
 .about__section.has-1-column {
@@ -210,84 +218,102 @@
 .about__section.has-3-columns,
 .about__section.has-4-columns,
 .about__section.has-overlap-style {
+	display: -ms-grid;
 	display: grid;
 }
 
 .about__section.has-gutters {
-	gap: calc(var(--gap) / 2);
+	gap: 16px;
 }
 
 .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;
 }
 
@@ -296,24 +322,29 @@
 .about__section.has-3-columns .is-section-header ~ .column,
 .about__section.has-4-columns .is-section-header ~ .column,
 .about__section.has-overlap-style .is-section-header ~ .column {
+	-ms-grid-row: 2;
 	grid-row-start: 2;
 }
 
 .about__section.has-overlap-style {
+	-ms-grid-columns: (1fr)[7];
 	grid-template-columns: repeat(7, 1fr);
 }
 
 .about__section.has-overlap-style .column {
+	-ms-grid-row: 1;
 	grid-row-start: 1;
 }
 
 .about__section.has-overlap-style .column:nth-of-type(2n+1) {
+	-ms-grid-column: 2;
 	grid-column-start: 2;
 	-ms-grid-column-span: 3;
 	grid-column-end: span 3;
 }
 
 .about__section.has-overlap-style .column:nth-of-type(2n) {
+	-ms-grid-column: 4;
 	grid-column-start: 4;
 	-ms-grid-column-span: 3;
 	grid-column-end: span 3;
@@ -328,13 +359,13 @@
 	.about__section.has-2-columns.is-wider-left,
 	.about__section.has-3-columns {
 		display: block;
-		padding-bottom: calc(var(--gap) / 2);
+		padding-bottom: 16px;
 	}
 
 	.about__section.has-2-columns.has-gutters .column,
 	.about__section.has-2-columns.has-gutters .column,
 	.about__section.has-3-columns.has-gutters .column {
-		margin-bottom: calc(var(--gap) / 2);
+		margin-bottom: 16px;
 	}
 
 	.about__section.has-2-columns.has-gutters .column:last-child,
@@ -344,24 +375,28 @@
 	}
 
 	.about__section.has-3-columns .column:nth-of-type(n) {
-		padding-top: calc(var(--gap) / 2);
-		padding-bottom: calc(var(--gap) / 2);
+		padding-top: 16px;
+		padding-bottom: 16px;
 	}
 
 	.about__section.has-4-columns {
+		-ms-grid-columns: (1fr)[2];
 		grid-template-columns: repeat(2, 1fr);
 	}
 
 	.about__section.has-4-columns .column:nth-of-type(2n+1) {
+		-ms-grid-column: 1;
 		grid-column-start: 1;
 	}
 
 	.about__section.has-4-columns .column:nth-of-type(2n) {
+		-ms-grid-column: 2;
 		grid-column-start: 2;
 	}
 
 	.about__section.has-4-columns .column:nth-of-type(4n+3),
 	.about__section.has-4-columns .column:nth-of-type(4n) {
+		-ms-grid-row: 2;
 		grid-row-start: 2;
 	}
 
@@ -372,18 +407,22 @@
 
 	.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n+3),
 	.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n) {
+		-ms-grid-row: 3;
 		grid-row-start: 3;
 	}
 
 	.about__section.has-overlap-style {
+		-ms-grid-columns: 1fr;
 		grid-template-columns: 1fr;
 	}
 
 	/* At this size, the two columns fully overlap */
 	.about__section.has-overlap-style .column.column {
+		-ms-grid-column: 1;
 		grid-column-start: 1;
 		-ms-grid-column-span: 1;
 		grid-column-end: 2;
+		-ms-grid-row: 1;
 		grid-row-start: 1;
 		-ms-grid-row-span: 1;
 		grid-row-end: 2;
@@ -393,11 +432,11 @@
 @media screen and (max-width: 600px) {
 	.about__section.has-2-columns {
 		display: block;
-		padding-bottom: calc(var(--gap) / 2);
+		padding-bottom: 16px;
 	}
 
 	.about__section.has-2-columns.has-gutters .column {
-		margin-bottom: calc(var(--gap) / 2);
+		margin-bottom: 16px;
 	}
 
 	.about__section.has-2-columns.has-gutters .column:last-child {
@@ -405,8 +444,8 @@
 	}
 
 	.about__section.has-2-columns .column:nth-of-type(n) {
-		padding-top: calc(var(--gap) / 2);
-		padding-bottom: calc(var(--gap) / 2);
+		padding-top: 16px;
+		padding-bottom: 16px;
 	}
 }
 
@@ -417,11 +456,11 @@
 
 	.about__section.has-4-columns {
 		display: block;
-		padding-bottom: calc(var(--gap) / 2);
+		padding-bottom: 16px;
 	}
 
 	.about__section.has-4-columns.has-gutters .column {
-		margin-bottom: calc(var(--gap) / 2);
+		margin-bottom: 16px;
 	}
 
 	.about__section.has-4-columns.has-gutters .column:last-child {
@@ -429,8 +468,8 @@
 	}
 
 	.about__section.has-4-columns .column:nth-of-type(n) {
-		padding-top: calc(var(--gap) / 2);
-		padding-bottom: calc(var(--gap) / 2);
+		padding-top: 16px;
+		padding-bottom: 16px;
 	}
 }
 
@@ -438,11 +477,14 @@
 
 .about__container {
 	line-height: 1.4;
+	color: #00131c;
 	color: var(--text);
 }
 
 .about__container h1 {
+	margin: 0 0 1em;
 	padding: 0;
+	font-weight: 600;
 	color: inherit;
 }
 
@@ -451,18 +493,17 @@
 .about__container h3.is-larger-heading {
 	margin-top: 0;
 	margin-bottom: 0.5em;
-	font-size: 2em;
+	font-size: 2.9em;
 	line-height: 1.2;
-	font-weight: 700;
+	font-weight: 400;
 }
 
 .about__container h3,
 .about__container h1.is-smaller-heading,
 .about__container h2.is-smaller-heading {
 	margin-top: 0;
-	font-size: 1.6em;
-	line-height: 1.3;
-	font-weight: 400;
+	font-size: 1.5em;
+	font-weight: 700;
 }
 
 .about__container p {
@@ -471,6 +512,7 @@
 }
 
 .about__section a {
+	color: #0a5b89;
 	color: var(--accent-1);
 	text-decoration: underline;
 }
@@ -478,6 +520,7 @@
 .about__section a:hover,
 .about__section a:active,
 .about__section a:focus {
+	color: #0a5b89;
 	color: var(--accent-1);
 	text-decoration: none;
 }
@@ -494,7 +537,7 @@
 
 .about__container ul {
 	list-style: disc;
-	margin-left: calc(var(--gap) / 2);
+	margin-left: 16px;
 }
 
 .about__container img {
@@ -530,7 +573,6 @@
 }
 
 .about__container .about__image-comparison img {
-	-webkit-user-select: none;
 	user-select: none;
 	width: auto;
 	max-width: none;
@@ -552,6 +594,7 @@
 
 .about__container .about__image-comparison.no-js .about__image-comparison-resize {
 	overflow: hidden;
+	border-right: 2px solid #007cba;
 	border-right: 2px solid var(--wp-admin-theme-color);
 }
 
@@ -569,17 +612,17 @@
 
 .about__container hr {
 	margin: 0;
-	height: var(--gap);
+	height: 32px;
 	border: none;
 }
 
 .about__container hr.is-small {
-	height: calc(var(--gap) / 4);
+	height: 8px;
 }
 
 .about__container hr.is-large {
-	height: calc(var(--gap) * 2);
-	margin: calc(var(--gap) / 2) auto;
+	height: 64px;
+	margin: 16px auto;
 }
 
 .about__container div.updated,
@@ -611,66 +654,62 @@
 /* 1.3 - Header */
 
 .about__header {
-	margin-bottom: var(--gap);
-	padding-top: 0;
-	background-position: center;
+	margin-bottom: 32px;
+	padding-top: 3em;
+	background-position: bottom center;
 	background-repeat: no-repeat;
 	background-size: cover;
-	background-image: url('../images/about-header-about.svg');
-	background-color: var(--accent-2);
+	background-image: url('../images/about-header-brushes.svg');
+	background-color: #0a5b89;
+	background-color: var(--accent-1);
+	color: #fff;
 	color: var(--text-light);
 }
 
-.credits-php .about__header {
-	background-image: url('../images/about-header-credits.svg');
-}
-
-.freedoms-php .about__header {
-	background-image: url('../images/about-header-freedoms.svg');
-}
-
-.privacy-php .about__header {
-	background-image: url('../images/about-header-privacy.svg');
-}
-
 .about__header-image {
-	margin: 0 var(--gap) 3em;
+	margin: 0 32px 3em;
 }
 
 .about__header-title {
-	padding: 2rem 0 0;
-	margin: 0 2rem;
+	padding: 1em 0;
+	margin: 0 32px;
+	text-align: center;
 }
 
-.about__header-title h1 {
-	margin: 0 0 0.5rem;
+.about__header-title p {
+	margin: 0;
 	padding: 0;
-	font-size: 4.5rem;
+	font-size: 6em;
 	line-height: 1;
-	font-weight: 400;
+	font-weight: 900;
+	text-transform: uppercase;
 }
 
 .about__header-text {
-	max-width: 42rem;
-	margin: 0 0 5em;
-	padding: 0 2rem;
-	font-size: 2rem;
-	line-height: 1.15;
+	max-width: 25em;
+	margin: 0 auto 8em;
+	padding: 0 16px;
+	font-size: 1.5em;
+	line-height: 1.4;
+	color: #fde4bf;
+	color: var(--accent-2);
+	text-align: center;
 }
 
 .about__header-navigation {
-	display: flex;
-	justify-content: center;
+	clear: both;
 	padding-top: 0;
+	background: #fff;
 	background: var(--nav-background);
+	color: #00131c;
 	color: var(--nav-color);
+	border-bottom: 3px solid #fcc36f;
 	border-bottom: 3px solid var(--nav-border);
 }
 
 .about__header-navigation .nav-tab {
 	margin-left: 0;
-	padding: calc(var(--gap) * 0.75) var(--gap);
-	float: none;
+	padding: 24px 32px;
 	font-size: 1.4em;
 	line-height: 1;
 	border-width: 0 0 3px;
@@ -682,26 +721,33 @@
 
 .about__header-navigation .nav-tab:hover,
 .about__header-navigation .nav-tab:active {
+	background-color: #0a5b88;
 	background-color: var(--nav-current);
+	color: #fff;
 	color: var(--text-light);
 }
 
 .about__header-navigation .nav-tab-active {
 	margin-bottom: -3px;
+	color: #0a5b88;
 	color: var(--nav-current);
 	border-width: 0 0 6px;
+	border-color: #0a5b88;
 	border-color: var(--nav-current);
 }
 
 .about__header-navigation .nav-tab-active:hover,
 .about__header-navigation .nav-tab-active:active {
+	background-color: #0a5b88;
 	background-color: var(--nav-current);
+	color: #fff;
 	color: var(--text-light);
+	border-color: #0a5b88;
 	border-color: var(--nav-current);
 }
 
 @media screen and (max-width: 960px){
-	.about__header-title h1 {
+	.about__header-title p {
 		font-size: 4.8em;
 	}
 }
@@ -717,20 +763,22 @@
 
 	.about__header-title,
 	.about__header-image {
-		margin-left: calc(var(--gap) / 2);
-		margin-right: calc(var(--gap) / 2);
+		margin-left: 16px;
+		margin-right: 16px;
 	}
 
-	.about__header-text,
 	.about__header-navigation .nav-tab {
 		margin-top: 0;
 		margin-right: 0;
-		padding-left: calc(var(--gap) / 2);
-		padding-right: calc(var(--gap) / 2);
+		padding: 24px 16px;
 	}
 }
 
 @media screen and (max-width: 480px) {
+	.about__header {
+		background-image: none;
+	}
+
 	.about__header-title p {
 		font-size: 2.4em;
 	}
@@ -739,14 +787,11 @@
 		margin-bottom: 1em;
 	}
 
-	.about__header-navigation {
-		display: block;
-	}
-
 	.about__header-navigation .nav-tab {
+		float: none;
 		display: block;
 		margin-bottom: 0;
-		padding: calc(var(--gap) / 2);
+		padding: 16px 16px;
 		border-left-width: 6px;
 		border-bottom: none;
 	}
@@ -762,59 +807,47 @@
   2.0 - Credits Page
 ------------------------------------------------------------------------------*/
 
-.about__section .wp-people-group-title {
-	margin-bottom: calc(var(--gap) * 2);
-	text-align: center;
-
-}
-
 .about__section .wp-people-group {
 	margin: 0;
-	display: flex;
-	flex-wrap: wrap;
 }
 
 .about__section .wp-person {
 	display: inline-block;
 	vertical-align: top;
 	box-sizing: border-box;
-	margin-bottom: var(--gap);
-	width: 25%;
-	text-align: center;
+	padding: 0 1em 1em 0;
+	height: 6em;
+	width: calc( 33% - 4px );
+	min-width: 280px;
 }
 
 .about__section .compact .wp-person {
 	height: auto;
-	width: 20%;
-}
-
-.about__section .wp-person-avatar {
-	display: block;
-	margin: 0 auto calc(var(--gap) / 2);
-	width: 140px;
-	height: 140px;
-	border-radius: 100%;
-	overflow: hidden;
-	background: var(--accent-1);
+	width: calc( 25% - 4px );
+	min-width: 220px;
+	padding-bottom: 0.5em;
 }
 
 .about__section .wp-person .gravatar {
-	width: 140px;
-	height: 140px;
-	filter: grayscale(100%);
-	mix-blend-mode: screen;
-}
-
-.about__section .compact .wp-person-avatar,
-.about__section .compact .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: #00131c;
+	color: var(--text);
 }
 
 .about__section .wp-person .web:hover {
@@ -830,41 +863,16 @@
 	margin-top: 0.5em;
 }
 
-@media screen and (max-width: 782px) {
-	.about__section .wp-person {
-		width: 33%;
-	}
-
-	.about__section .compact .wp-person {
-		width: 25%;
-	}
-
-	.about__section .wp-person-avatar,
-	.about__section .wp-person .gravatar {
-		width: 120px;
-		height: 120px;
-	}
-}
-
-@media screen and (max-width: 600px) {
-	.about__section .wp-person {
-		width: 50%;
-	}
-
-	.about__section .compact .wp-person {
-		width: 33%;
-	}
-
-	.about__section .wp-person .web {
-		font-size: 1.2em;
-	}
-}
-
 @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;
 	}
@@ -879,9 +887,8 @@
   3.0 - Freedoms Page
 ------------------------------------------------------------------------------*/
 
-.about__section .column .freedom-image {
-	margin-bottom: var(--gap);
-	max-height: 140px;
+.about__section .column .freedoms-image {
+	margin-bottom: 1em;
 }
 
 
@@ -1039,6 +1046,7 @@
 .about-wrap .has-2-columns,
 .about-wrap .has-3-columns,
 .about-wrap .has-4-columns {
+	display: -ms-grid;
 	display: grid;
 	max-width: 800px;
 	margin-top: 40px;
@@ -1066,58 +1074,72 @@
 }
 
 .about-wrap .has-2-columns {
+	-ms-grid-columns: 1fr 1fr;
 	grid-template-columns: 1fr 1fr;
 }
 
 .about-wrap .has-2-columns .column:nth-of-type(2n+1) {
+	-ms-grid-column: 1;
 	grid-column-start: 1;
 }
 
 .about-wrap .has-2-columns .column:nth-of-type(2n) {
+	-ms-grid-column: 2;
 	grid-column-start: 2;
 }
 
 .about-wrap .has-2-columns.is-wider-right {
+	-ms-grid-columns: 1fr 2fr;
 	grid-template-columns: 1fr 2fr;
 }
 
 .about-wrap .has-2-columns.is-wider-left {
+	-ms-grid-columns: 2fr 1fr;
 	grid-template-columns: 2fr 1fr;
 }
 
 .about-wrap .has-3-columns {
+	-ms-grid-columns: (1fr)[3];
 	grid-template-columns: repeat(3, 1fr);
 }
 
 .about-wrap .has-3-columns .column:nth-of-type(3n+1) {
+	-ms-grid-column: 1;
 	grid-column-start: 1;
 }
 
 .about-wrap .has-3-columns .column:nth-of-type(3n+2) {
+	-ms-grid-column: 2;
 	grid-column-start: 2;
 }
 
 .about-wrap .has-3-columns .column:nth-of-type(3n) {
+	-ms-grid-column: 3;
 	grid-column-start: 3;
 }
 
 .about-wrap .has-4-columns {
+	-ms-grid-columns: (1fr)[4];
 	grid-template-columns: repeat(4, 1fr);
 }
 
 .about-wrap .has-4-columns .column:nth-of-type(4n+1) {
+	-ms-grid-column: 1;
 	grid-column-start: 1;
 }
 
 .about-wrap .has-4-columns .column:nth-of-type(4n+2) {
+	-ms-grid-column: 2;
 	grid-column-start: 2;
 }
 
 .about-wrap .has-4-columns .column:nth-of-type(4n+3) {
+	-ms-grid-column: 3;
 	grid-column-start: 3;
 }
 
 .about-wrap .has-4-columns .column:nth-of-type(4n) {
+	-ms-grid-column: 4;
 	grid-column-start: 4;
 }
 
@@ -1140,14 +1162,17 @@
 }
 
 .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;
 }
 
@@ -1332,29 +1357,38 @@
 @media screen and (max-width: 782px) {
 	.about-wrap .has-3-columns,
 	.about-wrap .has-4-columns {
+		-ms-grid-columns: 1fr 1fr;
 		grid-template-columns: 1fr 1fr;
 	}
 
 	.about-wrap .has-3-columns .column:nth-of-type(3n+1),
 	.about-wrap .has-4-columns .column:nth-of-type(4n+1) {
+		-ms-grid-column: 1;
 		grid-column-start: 1;
+		-ms-grid-row: 1;
 		grid-row-start: 1;
 	}
 
 	.about-wrap .has-3-columns .column:nth-of-type(3n+2),
 	.about-wrap .has-4-columns .column:nth-of-type(4n+2) {
+		-ms-grid-column: 2;
 		grid-column-start: 2;
+		-ms-grid-row: 1;
 		grid-row-start: 1;
 	}
 
 	.about-wrap .has-3-columns .column:nth-of-type(3n),
 	.about-wrap .has-4-columns .column:nth-of-type(4n+3) {
+		-ms-grid-column: 1;
 		grid-column-start: 1;
+		-ms-grid-row: 2;
 		grid-row-start: 2;
 	}
 
 	.about-wrap .has-4-columns .column:nth-of-type(4n) {
+		-ms-grid-column: 2;
 		grid-column-start: 2;
+		-ms-grid-row: 2;
 		grid-row-start: 2;
 	}
 }
@@ -1373,6 +1407,7 @@
 
 	.about-wrap .has-2-columns.is-wider-right,
 	.about-wrap .has-2-columns.is-wider-left {
+		display: -ms-grid;
 		display: grid;
 	}
 }

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

@@ -156,6 +156,7 @@
 /* side admin menu */
 #adminmenu * {
 	-webkit-user-select: none;
+	-ms-user-select: none;
 	user-select: none;
 }
 
@@ -213,6 +214,11 @@
 	right: 160px;
 	overflow: visible;
 	word-wrap: break-word;
+}
+
+#adminmenu .wp-submenu,
+.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
 	padding: 7px 0 8px;
 	z-index: 9999;
 	background-color: #2c3338;
@@ -226,12 +232,9 @@
 	top: -1px;
 }
 
-#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
-	top: 0;
-}
-
 #adminmenu .wp-has-current-submenu .wp-submenu,
 .no-js li.wp-has-current-submenu:hover .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
 #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu {
 	position: relative;
@@ -243,10 +246,7 @@
 	border: 0 none;
 	margin-top: 0;
 	box-shadow: none;
-}
-
-.folded #adminmenu .wp-has-current-submenu .wp-submenu {
-	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
+	background-color: #2c3338;
 }
 
 /* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
@@ -266,6 +266,8 @@
 
 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
 #adminmenu li.current a.menu-top,
+.folded #adminmenu li.wp-has-current-submenu,
+.folded #adminmenu li.current.menu-top,
 #adminmenu .wp-menu-arrow,
 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
 #adminmenu .wp-menu-arrow div {
@@ -357,6 +359,7 @@
 	word-wrap: break-word;
 	-ms-word-break: break-all;
 	word-break: break-word;
+	-ms-hyphens: auto;
 	-webkit-hyphens: auto;
 	hyphens: auto;
 }
@@ -443,8 +446,7 @@ ul#adminmenu > li.current > a.current:after {
 	margin-top: -8px;
 }
 
-.folded ul#adminmenu li:hover a.wp-has-current-submenu:after,
-.folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu:after {
+.folded ul#adminmenu li:hover a.wp-has-current-submenu:after {
 	display: none;
 }
 
@@ -455,8 +457,7 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* flyout menu arrow */
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
 	left: 0;
 	border: 8px solid transparent;
 	content: " ";
@@ -468,15 +469,13 @@ ul#adminmenu > li.current > a.current:after {
 	z-index: 10000;
 }
 
-.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
-.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
 	border-width: 4px;
 	margin-top: -4px;
 	top: 18px;
 }
 
-#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
 	border-left-color: #2c3338;
 }
 
@@ -711,13 +710,11 @@ li#wp-admin-bar-menu-toggle {
 		margin-bottom: 0;
 	}
 
-	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
-	.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
+	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
 		display: none;
 	}
 
-	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
-	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
 		border-width: 4px;
 		margin-top: -4px;
 		top: 16px;
@@ -812,8 +809,7 @@ li#wp-admin-bar-menu-toggle {
 		margin-top: -8px;
 	}
 
-	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
-	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
 		display: none;
 	}
 
@@ -845,8 +841,7 @@ li#wp-admin-bar-menu-toggle {
 		display: block;
 	}
 
-	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
-	.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
+	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
 		display: block;
 	}
 

wp-admin/css/admin-menu.css

@@ -155,6 +155,7 @@
 /* side admin menu */
 #adminmenu * {
 	-webkit-user-select: none;
+	-ms-user-select: none;
 	user-select: none;
 }
 
@@ -212,6 +213,11 @@
 	left: 160px;
 	overflow: visible;
 	word-wrap: break-word;
+}
+
+#adminmenu .wp-submenu,
+.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
 	padding: 7px 0 8px;
 	z-index: 9999;
 	background-color: #2c3338;
@@ -225,12 +231,9 @@
 	top: -1px;
 }
 
-#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
-	top: 0;
-}
-
 #adminmenu .wp-has-current-submenu .wp-submenu,
 .no-js li.wp-has-current-submenu:hover .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
 #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu {
 	position: relative;
@@ -242,10 +245,7 @@
 	border: 0 none;
 	margin-top: 0;
 	box-shadow: none;
-}
-
-.folded #adminmenu .wp-has-current-submenu .wp-submenu {
-	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
+	background-color: #2c3338;
 }
 
 /* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
@@ -265,6 +265,8 @@
 
 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
 #adminmenu li.current a.menu-top,
+.folded #adminmenu li.wp-has-current-submenu,
+.folded #adminmenu li.current.menu-top,
 #adminmenu .wp-menu-arrow,
 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
 #adminmenu .wp-menu-arrow div {
@@ -356,6 +358,7 @@
 	word-wrap: break-word;
 	-ms-word-break: break-all;
 	word-break: break-word;
+	-ms-hyphens: auto;
 	-webkit-hyphens: auto;
 	hyphens: auto;
 }
@@ -442,8 +445,7 @@ ul#adminmenu > li.current > a.current:after {
 	margin-top: -8px;
 }
 
-.folded ul#adminmenu li:hover a.wp-has-current-submenu:after,
-.folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu:after {
+.folded ul#adminmenu li:hover a.wp-has-current-submenu:after {
 	display: none;
 }
 
@@ -454,8 +456,7 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* flyout menu arrow */
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
 	right: 0;
 	border: 8px solid transparent;
 	content: " ";
@@ -467,15 +468,13 @@ ul#adminmenu > li.current > a.current:after {
 	z-index: 10000;
 }
 
-.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
-.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
 	border-width: 4px;
 	margin-top: -4px;
 	top: 18px;
 }
 
-#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
 	border-right-color: #2c3338;
 }
 
@@ -710,13 +709,11 @@ li#wp-admin-bar-menu-toggle {
 		margin-bottom: 0;
 	}
 
-	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
-	.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
+	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
 		display: none;
 	}
 
-	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
-	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
 		border-width: 4px;
 		margin-top: -4px;
 		top: 16px;
@@ -811,8 +808,7 @@ li#wp-admin-bar-menu-toggle {
 		margin-top: -8px;
 	}
 
-	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
-	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
 		display: none;
 	}
 
@@ -844,8 +840,7 @@ li#wp-admin-bar-menu-toggle {
 		display: block;
 	}
 
-	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
-	.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
+	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
 		display: block;
 	}
 

wp-admin/css/colors/_admin.scss

@@ -286,12 +286,12 @@ textarea:focus {
 #adminmenu .wp-submenu,
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
 	background: $menu-submenu-background;
 }
 
-#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
 	border-right-color: $menu-submenu-background;
 }
 
@@ -301,6 +301,7 @@ textarea:focus {
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
 	color: $menu-submenu-text;

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

@@ -257,12 +257,12 @@ textarea:focus {
 #adminmenu .wp-submenu,
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
   background: #4796b3;
 }
 
-#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
   border-left-color: #4796b3;
 }
 
@@ -272,6 +272,7 @@ textarea:focus {
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #e2ecf1;
@@ -279,6 +280,8 @@ textarea:focus {
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,

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

@@ -257,12 +257,12 @@ textarea:focus {
 #adminmenu .wp-submenu,
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
   background: #4796b3;
 }
 
-#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
   border-right-color: #4796b3;
 }
 
@@ -272,6 +272,7 @@ textarea:focus {
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #e2ecf1;
@@ -279,6 +280,8 @@ textarea:focus {
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,

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

@@ -224,12 +224,12 @@ textarea:focus {
 #adminmenu .wp-submenu,
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
   background: #46403c;
 }
 
-#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
   border-left-color: #46403c;
 }
 
@@ -239,6 +239,7 @@ textarea:focus {
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #cdcbc9;
@@ -246,6 +247,8 @@ textarea:focus {
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,

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

@@ -224,12 +224,12 @@ textarea:focus {
 #adminmenu .wp-submenu,
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
   background: #46403c;
 }
 
-#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
   border-right-color: #46403c;
 }
 
@@ -239,6 +239,7 @@ textarea:focus {
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #cdcbc9;
@@ -246,6 +247,8 @@ textarea:focus {
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,

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

@@ -257,12 +257,12 @@ textarea:focus {
 #adminmenu .wp-submenu,
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
   background: #413256;
 }
 
-#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
   border-left-color: #413256;
 }
 
@@ -272,6 +272,7 @@ textarea:focus {
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #cbc5d3;
@@ -279,6 +280,8 @@ textarea:focus {
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,

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

@@ -257,12 +257,12 @@ textarea:focus {
 #adminmenu .wp-submenu,
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
   background: #413256;
 }
 
-#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
   border-right-color: #413256;
 }
 
@@ -272,6 +272,7 @@ textarea:focus {
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #cbc5d3;
@@ -279,6 +280,8 @@ textarea:focus {
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,

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

@@ -257,12 +257,12 @@ textarea:focus {
 #adminmenu .wp-submenu,
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
   background: #fff;
 }
 
-#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
   border-left-color: #fff;
 }
 
@@ -272,6 +272,7 @@ textarea:focus {
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #686868;
@@ -279,6 +280,8 @@ textarea:focus {
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,

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

@@ -257,12 +257,12 @@ textarea:focus {
 #adminmenu .wp-submenu,
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
   background: #fff;
 }
 
-#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
   border-right-color: #fff;
 }
 
@@ -272,6 +272,7 @@ textarea:focus {
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #686868;
@@ -279,6 +280,8 @@ textarea:focus {
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,

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

@@ -257,12 +257,12 @@ textarea:focus {
 #adminmenu .wp-submenu,
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
   background: #26292c;
 }
 
-#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
   border-left-color: #26292c;
 }
 
@@ -272,6 +272,7 @@ textarea:focus {
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #c3c4c5;
@@ -279,6 +280,8 @@ textarea:focus {
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,

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

@@ -257,12 +257,12 @@ textarea:focus {
 #adminmenu .wp-submenu,
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
   background: #26292c;
 }
 
-#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
   border-right-color: #26292c;
 }
 
@@ -272,6 +272,7 @@ textarea:focus {
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #c3c4c5;
@@ -279,6 +280,8 @@ textarea:focus {
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,

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

@@ -257,12 +257,12 @@ textarea:focus {
 #adminmenu .wp-submenu,
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
   background: #0c0c0c;
 }
 
-#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
   border-left-color: #0c0c0c;
 }
 
@@ -272,6 +272,7 @@ textarea:focus {
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #bcbcbc;
@@ -279,6 +280,8 @@ textarea:focus {
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,

wp-admin/css/colors/modern/colors.css

@@ -257,12 +257,12 @@ textarea:focus {
 #adminmenu .wp-submenu,
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
   background: #0c0c0c;
 }
 
-#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
   border-right-color: #0c0c0c;
 }
 
@@ -272,6 +272,7 @@ textarea:focus {
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #bcbcbc;
@@ -279,6 +280,8 @@ textarea:focus {
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,

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

@@ -224,12 +224,12 @@ textarea:focus {
 #adminmenu .wp-submenu,
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
   background: #627c83;
 }
 
-#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
   border-left-color: #627c83;
 }
 
@@ -239,6 +239,7 @@ textarea:focus {
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #d5dde0;
@@ -246,6 +247,8 @@ textarea:focus {
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,

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

@@ -224,12 +224,12 @@ textarea:focus {
 #adminmenu .wp-submenu,
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
   background: #627c83;
 }
 
-#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
   border-right-color: #627c83;
 }
 
@@ -239,6 +239,7 @@ textarea:focus {
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #d5dde0;
@@ -246,6 +247,8 @@ textarea:focus {
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,

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

@@ -257,12 +257,12 @@ textarea:focus {
 #adminmenu .wp-submenu,
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
   background: #be3631;
 }
 
-#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
   border-left-color: #be3631;
 }
 
@@ -272,6 +272,7 @@ textarea:focus {
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #f1c8c7;
@@ -279,6 +280,8 @@ textarea:focus {
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,

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

@@ -257,12 +257,12 @@ textarea:focus {
 #adminmenu .wp-submenu,
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
   background: #be3631;
 }
 
-#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
-#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
   border-right-color: #be3631;
 }
 
@@ -272,6 +272,7 @@ textarea:focus {
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
   color: #f1c8c7;
@@ -279,6 +280,8 @@ textarea:focus {
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,

wp-admin/css/common-rtl.css

@@ -606,10 +606,6 @@ code {
 	line-height: 1;
 }
 
-.subtitle strong {
-	word-break: break-all;
-}
-
 .wrap .add-new-h2, /* deprecated */
 .wrap .add-new-h2:active, /* deprecated */
 .wrap .page-title-action,
@@ -883,8 +879,7 @@ hr {
 #media-items a.delete,
 #media-items a.delete-permanently,
 #nav-menu-footer .menu-delete,
-#delete-link a.delete,
-a#remove-post-thumbnail {
+#delete-link a.delete {
 	color: #b32d2e;
 }
 
@@ -901,8 +896,7 @@ span.required,
 #media-items a.delete:hover,
 #media-items a.delete-permanently:hover,
 #nav-menu-footer .menu-delete:hover,
-#delete-link a.delete:hover,
-a#remove-post-thumbnail:hover {
+#delete-link a.delete:hover {
 	color: #b32d2e;
 	border: none;
 }
@@ -2135,6 +2129,7 @@ html.wp-toolbar {
 .postbox .hndle,
 .stuffbox .hndle {
 	-webkit-user-select: none;
+	-ms-user-select: none;
 	user-select: none;
 }
 
@@ -3527,6 +3522,7 @@ img {
 	border-right: 1px solid #dcdcde;
 	border-left: 1px solid #dcdcde;
 	-webkit-user-select: none;
+	-ms-user-select: none;
 	user-select: none;
 }
 
@@ -3758,6 +3754,10 @@ img {
 
 }
 
+@-ms-viewport {
+	width: device-width;
+}
+
 @media screen and (max-width: 782px) {
 	html.wp-toolbar {
 		padding-top: 46px;

wp-admin/css/common.css

@@ -605,10 +605,6 @@ code {
 	line-height: 1;
 }
 
-.subtitle strong {
-	word-break: break-all;
-}
-
 .wrap .add-new-h2, /* deprecated */
 .wrap .add-new-h2:active, /* deprecated */
 .wrap .page-title-action,
@@ -882,8 +878,7 @@ hr {
 #media-items a.delete,
 #media-items a.delete-permanently,
 #nav-menu-footer .menu-delete,
-#delete-link a.delete,
-a#remove-post-thumbnail {
+#delete-link a.delete {
 	color: #b32d2e;
 }
 
@@ -900,8 +895,7 @@ span.required,
 #media-items a.delete:hover,
 #media-items a.delete-permanently:hover,
 #nav-menu-footer .menu-delete:hover,
-#delete-link a.delete:hover,
-a#remove-post-thumbnail:hover {
+#delete-link a.delete:hover {
 	color: #b32d2e;
 	border: none;
 }
@@ -2134,6 +2128,7 @@ html.wp-toolbar {
 .postbox .hndle,
 .stuffbox .hndle {
 	-webkit-user-select: none;
+	-ms-user-select: none;
 	user-select: none;
 }
 
@@ -3526,6 +3521,7 @@ img {
 	border-left: 1px solid #dcdcde;
 	border-right: 1px solid #dcdcde;
 	-webkit-user-select: none;
+	-ms-user-select: none;
 	user-select: none;
 }
 
@@ -3757,6 +3753,10 @@ img {
 
 }
 
+@-ms-viewport {
+	width: device-width;
+}
+
 @media screen and (max-width: 782px) {
 	html.wp-toolbar {
 		padding-top: 46px;

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

@@ -1266,6 +1266,7 @@ p.customize-section-description {
 	padding: 4px 5px;
 	border: 2px solid #f0f0f1;
 	-webkit-user-select: none;
+	-ms-user-select: none;
 	user-select: none;
 }
 
@@ -2389,6 +2390,7 @@ body.cheatin p {
 	margin: 0 10px 0 0;
 	transition: all 0.2s;
 	-webkit-user-select: none;
+	-ms-user-select: none;
 	user-select: none;
 	outline: none;
 }

wp-admin/css/customize-controls.css

@@ -1265,6 +1265,7 @@ p.customize-section-description {
 	padding: 4px 5px;
 	border: 2px solid #f0f0f1;
 	-webkit-user-select: none;
+	-ms-user-select: none;
 	user-select: none;
 }
 
@@ -2388,6 +2389,7 @@ body.cheatin p {
 	margin: 0 0 0 10px;
 	transition: all 0.2s;
 	-webkit-user-select: none;
+	-ms-user-select: none;
 	user-select: none;
 	outline: none;
 }

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

@@ -513,6 +513,7 @@
 	transition: background-color 0.15s;
 	/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
 	-webkit-user-select: auto;
+	-ms-user-select: auto;
 	user-select: auto;
 }
 

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

@@ -512,6 +512,7 @@
 	transition: background-color 0.15s;
 	/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
 	-webkit-user-select: auto;
+	-ms-user-select: auto;
 	user-select: auto;
 }
 

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

@@ -55,6 +55,7 @@
 	opacity: 0.7;
 	pointer-events: none;
 	-webkit-user-select: none;
+	-ms-user-select: none;
 	user-select: none;
 }
 
@@ -166,6 +167,7 @@
 	border-top: 1px solid #c3c4c7;
 	cursor: pointer;
 	-webkit-user-select: none;
+	-ms-user-select: none;
 	user-select: none;
 }
 

wp-admin/css/customize-widgets.css

@@ -54,6 +54,7 @@
 	opacity: 0.7;
 	pointer-events: none;
 	-webkit-user-select: none;
+	-ms-user-select: none;
 	user-select: none;
 }
 
@@ -165,6 +166,7 @@
 	border-top: 1px solid #c3c4c7;
 	cursor: pointer;
 	-webkit-user-select: none;
+	-ms-user-select: none;
 	user-select: none;
 }
 

wp-admin/css/dashboard-rtl.css

@@ -1027,23 +1027,33 @@ a.rsswidget {
 }
 
 #dashboard_browser_nag p.browser-update-nag.has-browser-icon {
-	padding-left: 128px;
+	padding-left: 125px;
 }
 
 #dashboard_browser_nag .browser-icon {
-	margin-top: -32px;
+	margin-top: -35px;
+}
+
+#dashboard_browser_nag.postbox.browser-insecure {
+	background-color: #b32d2e;
+	border-color: #b32d2e;
 }
 
 #dashboard_browser_nag.postbox {
-	background-color: #b32d2e;
+	background-color: #dba617;
 	background-image: none;
-	border-color: #b32d2e;
+	border-color: #f0c33c;
 	color: #fff;
 	box-shadow: none;
 }
 
+#dashboard_browser_nag.postbox.browser-insecure h2 {
+	border-bottom-color: #e65054;
+	color: #fff;
+}
+
 #dashboard_browser_nag.postbox h2 {
-	border-bottom-color: transparent;
+	border-bottom-color: #f5e6ab;
 	background: transparent none;
 	color: #fff;
 	box-shadow: none;
@@ -1053,10 +1063,6 @@ a.rsswidget {
 	color: #fff;
 }
 
-#dashboard_browser_nag.postbox .postbox-header {
-	border-color: transparent;
-}
-
 #dashboard_browser_nag h2.hndle {
 	border: none;
 	font-weight: 600;

wp-admin/css/dashboard.css

@@ -1026,23 +1026,33 @@ a.rsswidget {
 }
 
 #dashboard_browser_nag p.browser-update-nag.has-browser-icon {
-	padding-right: 128px;
+	padding-right: 125px;
 }
 
 #dashboard_browser_nag .browser-icon {
-	margin-top: -32px;
+	margin-top: -35px;
+}
+
+#dashboard_browser_nag.postbox.browser-insecure {
+	background-color: #b32d2e;
+	border-color: #b32d2e;
 }
 
 #dashboard_browser_nag.postbox {
-	background-color: #b32d2e;
+	background-color: #dba617;
 	background-image: none;
-	border-color: #b32d2e;
+	border-color: #f0c33c;
 	color: #fff;
 	box-shadow: none;
 }
 
+#dashboard_browser_nag.postbox.browser-insecure h2 {
+	border-bottom-color: #e65054;
+	color: #fff;
+}
+
 #dashboard_browser_nag.postbox h2 {
-	border-bottom-color: transparent;
+	border-bottom-color: #f5e6ab;
 	background: transparent none;
 	color: #fff;
 	box-shadow: none;
@@ -1052,10 +1062,6 @@ a.rsswidget {
 	color: #fff;
 }
 
-#dashboard_browser_nag.postbox .postbox-header {
-	border-color: transparent;
-}
-
 #dashboard_browser_nag h2.hndle {
 	border: none;
 	font-weight: 600;

wp-admin/css/edit-rtl.css

@@ -364,6 +364,7 @@ form#tags-filter {
 }
 
 #wp-word-count {
+	display: block;
 	padding: 2px 10px;
 }
 
@@ -702,22 +703,15 @@ form#tags-filter {
 
 /**
 * Privacy Settings section
-*
-* Note: This section includes selectors from
-* Site Health where duplicate styling is used.
 */
 
 /* General */
 .privacy-settings #wpcontent,
-.privacy-settings.auto-fold #wpcontent,
-.site-health #wpcontent,
-.site-health.auto-fold #wpcontent {
+.privacy-settings.auto-fold #wpcontent {
 	padding-right: 0;
 }
 
-/* Emulates .wrap h1 styling */
-.privacy-settings-header h1,
-.health-check-header h1 {
+.privacy-settings-header h1 {
 	display: inline-block;
 	font-weight: 600;
 	margin: 0 0.8rem 1rem;
@@ -727,21 +721,18 @@ form#tags-filter {
 }
 
 /* Header */
-.privacy-settings-header,
-.health-check-header {
+.privacy-settings-header {
 	text-align: center;
 	margin: 0 0 1rem;
 	background: #fff;
 	border-bottom: 1px solid #dcdcde;
 }
 
-.privacy-settings-title-section,
-.health-check-title-section {
+.privacy-settings-title-section {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	clear: both;
-	padding-top: 8px;
 }
 
 .privacy-settings-tabs-wrapper {
@@ -763,32 +754,27 @@ form#tags-filter {
 	transition: box-shadow 0.5s ease-in-out;
 }
 
-.privacy-settings-tab:nth-child(1),
-.health-check-tab:nth-child(1) {
+.privacy-settings-tab:nth-child(1) {
 	-ms-grid-column: 1; /* IE 11 */
 }
 
-.privacy-settings-tab:nth-child(2),
-.health-check-tab:nth-child(2) {
+.privacy-settings-tab:nth-child(2) {
 	-ms-grid-column: 2; /* IE 11 */
 }
 
-.privacy-settings-tab:focus,
-.health-check-tab:focus {
+.privacy-settings-tab:focus {
 	color: #1d2327;
 	outline: 1px solid #787c82;
 	box-shadow: none;
 }
 
-.privacy-settings-tab.active,
-.health-check-tab.active {
+.privacy-settings-tab.active {
 	box-shadow: inset 0 -3px #3582c4;
 	font-weight: 600;
 }
 
 /* Body */
-.privacy-settings-body,
-.health-check-body {
+.privacy-settings-body {
 	max-width: 800px;
 	margin: 0 auto;
 }
@@ -803,13 +789,11 @@ form#tags-filter {
 }
 
 /* Accordions */
-.privacy-settings-accordion,
-.health-check-accordion {
+.privacy-settings-accordion {
 	border: 1px solid #c3c4c7;
 }
 
-.privacy-settings-accordion-heading,
-.health-check-accordion-heading {
+.privacy-settings-accordion-heading {
 	margin: 0;
 	border-top: 1px solid #c3c4c7;
 	font-size: inherit;
@@ -818,13 +802,11 @@ form#tags-filter {
 	color: inherit;
 }
 
-.privacy-settings-accordion-heading:first-child,
-.health-check-accordion-heading:first-child {
+.privacy-settings-accordion-heading:first-child {
 	border-top: none;
 }
 
-.privacy-settings-accordion-trigger,
-.health-check-accordion-trigger {
+.privacy-settings-accordion-trigger {
 	background: #fff;
 	border: 0;
 	color: #2c3338;
@@ -839,19 +821,14 @@ form#tags-filter {
 	width: 100%;
 	align-items: center;
 	justify-content: space-between;
-	-webkit-user-select: auto;
-	user-select: auto;
 }
 
 .privacy-settings-accordion-trigger:hover,
-.privacy-settings-accordion-trigger:active,
-.health-check-accordion-trigger:hover,
-.health-check-accordion-trigger:active {
+.privacy-settings-accordion-trigger:active {
 	background: #f6f7f7;
 }
 
-.privacy-settings-accordion-trigger:focus,
-.health-check-accordion-trigger:focus {
+.privacy-settings-accordion-trigger:focus {
 	color: #1d2327;
 	border: none;
 	box-shadow: none;
@@ -860,17 +837,14 @@ form#tags-filter {
 	background-color: #f6f7f7;
 }
 
-.privacy-settings-accordion-trigger .title,
-.health-check-accordion-trigger .title {
+.privacy-settings-accordion-trigger .title {
 	pointer-events: none;
 	font-weight: 600;
 	flex-grow: 1;
 }
 
 .privacy-settings-accordion-trigger .icon,
-.privacy-settings-view-read .icon,
-.health-check-accordion-trigger .icon,
-.site-health-view-passed .icon {
+.privacy-settings-view-read .icon {
 	border: solid #50575e;
 	border-width: 0 0 2px 2px;
 	height: 0.5rem;
@@ -882,68 +856,53 @@ form#tags-filter {
 	width: 0.5rem;
 }
 
-.privacy-settings-accordion-trigger .badge,
-.health-check-accordion-trigger .badge {
+.privacy-settings-accordion-trigger .badge {
 	padding: 0.1rem 0.5rem 0.15rem;
 	color: #2c3338;
 	font-weight: 600;
-}
-
-.privacy-settings-accordion-trigger .badge {
 	margin-right: 0.5rem;
 }
 
-.privacy-settings-accordion-trigger .badge.blue,
-.health-check-accordion-trigger .badge.blue {
+.privacy-settings-accordion-trigger .badge.blue {
 	border: 1px solid #72aee6;
 }
 
-.privacy-settings-accordion-trigger .badge.orange,
-.health-check-accordion-trigger .badge.orange {
+.privacy-settings-accordion-trigger .badge.orange {
 	border: 1px solid #dba617;
 }
 
-.privacy-settings-accordion-trigger .badge.red,
-.health-check-accordion-trigger .badge.red {
+.privacy-settings-accordion-trigger .badge.red {
 	border: 1px solid #e65054;
 }
 
-.privacy-settings-accordion-trigger .badge.green,
-.health-check-accordion-trigger .badge.green {
+.privacy-settings-accordion-trigger .badge.green {
 	border: 1px solid #00ba37;
 }
 
-.privacy-settings-accordion-trigger .badge.purple,
-.health-check-accordion-trigger .badge.purple {
+.privacy-settings-accordion-trigger .badge.purple {
 	border: 1px solid #2271b1;
 }
 
-.privacy-settings-accordion-trigger .badge.gray,
-.health-check-accordion-trigger .badge.gray {
+.privacy-settings-accordion-trigger .badge.gray {
 	border: 1px solid #c3c4c7;
 }
 
 .privacy-settings-accordion-trigger[aria-expanded="true"] .icon,
-.privacy-settings-view-passed[aria-expanded="true"] .icon,
-.health-check-accordion-trigger[aria-expanded="true"] .icon,
-.site-health-view-passed[aria-expanded="true"] .icon {
+.privacy-settings-view-passed[aria-expanded="true"] .icon {
 	transform: translateY(-30%) rotate(135deg)
 }
 
-.privacy-settings-accordion-panel,
-.health-check-accordion-panel {
+.privacy-settings-accordion-panel {
 	margin: 0;
 	padding: 1em 1.5em;
 	background: #fff;
 }
 
-.privacy-settings-accordion-panel[hidden],
-.health-check-accordion-panel[hidden] {
+.privacy-settings-accordion-panel[hidden] {
 	display: none;
 }
 
-.privacy-settings-accordion-panel a .dashicons,
-.health-check-accordion-panel a .dashicons {
+.privacy-settings-accordion-panel a .dashicons {
 	text-decoration: none;
 }
 
@@ -976,10 +935,6 @@ form#tags-filter {
 	margin: 0 0 1em;
 }
 
-.privacy-text-copy span {
-	pointer-events: none;
-}
-
 .privacy-settings-accordion-panel .wp-suggested-text > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
 .privacy-settings-accordion-panel .wp-suggested-text div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
 .privacy-settings-accordion-panel > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
@@ -992,19 +947,16 @@ form#tags-filter {
 /* Media queries */
 @media screen and (max-width: 782px) {
 
-	.privacy-settings-body,
-	.health-check-body {
+	.privacy-settings-body {
 		margin: 0 12px;
 		width: auto;
 	}
 
-	.privacy-settings .notice,
-	.site-health .notice {
+	.privacy-settings .notice {
 		margin: 5px 10px 15px;
 	}
 
-	.privacy-settings .update-nag,
-	.site-health .update-nag {
+	.privacy-settings .update-nag {
 		margin-left: 10px;
 		margin-right: 10px;
 	}
@@ -1021,8 +973,7 @@ form#tags-filter {
 
 @media only screen and (max-width: 1004px) {
 
-	.privacy-settings-body,
-	.health-check-body {
+	.privacy-settings-body {
 		margin: 0 22px;
 		width: auto;
 	}

wp-admin/css/edit.css

@@ -363,6 +363,7 @@ form#tags-filter {
 }
 
 #wp-word-count {
+	display: block;
 	padding: 2px 10px;
 }
 
@@ -701,22 +702,15 @@ form#tags-filter {
 
 /**
 * Privacy Settings section
-*
-* Note: This section includes selectors from
-* Site Health where duplicate styling is used.
 */
 
 /* General */
 .privacy-settings #wpcontent,
-.privacy-settings.auto-fold #wpcontent,
-.site-health #wpcontent,
-.site-health.auto-fold #wpcontent {
+.privacy-settings.auto-fold #wpcontent {
 	padding-left: 0;
 }
 
-/* Emulates .wrap h1 styling */
-.privacy-settings-header h1,
-.health-check-header h1 {
+.privacy-settings-header h1 {
 	display: inline-block;
 	font-weight: 600;
 	margin: 0 0.8rem 1rem;
@@ -726,21 +720,18 @@ form#tags-filter {
 }
 
 /* Header */
-.privacy-settings-header,
-.health-check-header {
+.privacy-settings-header {
 	text-align: center;
 	margin: 0 0 1rem;
 	background: #fff;
 	border-bottom: 1px solid #dcdcde;
 }
 
-.privacy-settings-title-section,
-.health-check-title-section {
+.privacy-settings-title-section {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	clear: both;
-	padding-top: 8px;
 }
 
 .privacy-settings-tabs-wrapper {
@@ -762,32 +753,27 @@ form#tags-filter {
 	transition: box-shadow 0.5s ease-in-out;
 }
 
-.privacy-settings-tab:nth-child(1),
-.health-check-tab:nth-child(1) {
+.privacy-settings-tab:nth-child(1) {
 	-ms-grid-column: 1; /* IE 11 */
 }
 
-.privacy-settings-tab:nth-child(2),
-.health-check-tab:nth-child(2) {
+.privacy-settings-tab:nth-child(2) {
 	-ms-grid-column: 2; /* IE 11 */
 }
 
-.privacy-settings-tab:focus,
-.health-check-tab:focus {
+.privacy-settings-tab:focus {
 	color: #1d2327;
 	outline: 1px solid #787c82;
 	box-shadow: none;
 }
 
-.privacy-settings-tab.active,
-.health-check-tab.active {
+.privacy-settings-tab.active {
 	box-shadow: inset 0 -3px #3582c4;
 	font-weight: 600;
 }
 
 /* Body */
-.privacy-settings-body,
-.health-check-body {
+.privacy-settings-body {
 	max-width: 800px;
 	margin: 0 auto;
 }
@@ -802,13 +788,11 @@ form#tags-filter {
 }
 
 /* Accordions */
-.privacy-settings-accordion,
-.health-check-accordion {
+.privacy-settings-accordion {
 	border: 1px solid #c3c4c7;
 }
 
-.privacy-settings-accordion-heading,
-.health-check-accordion-heading {
+.privacy-settings-accordion-heading {
 	margin: 0;
 	border-top: 1px solid #c3c4c7;
 	font-size: inherit;
@@ -817,13 +801,11 @@ form#tags-filter {
 	color: inherit;
 }
 
-.privacy-settings-accordion-heading:first-child,
-.health-check-accordion-heading:first-child {
+.privacy-settings-accordion-heading:first-child {
 	border-top: none;
 }
 
-.privacy-settings-accordion-trigger,
-.health-check-accordion-trigger {
+.privacy-settings-accordion-trigger {
 	background: #fff;
 	border: 0;
 	color: #2c3338;
@@ -838,19 +820,14 @@ form#tags-filter {
 	width: 100%;
 	align-items: center;
 	justify-content: space-between;
-	-webkit-user-select: auto;
-	user-select: auto;
 }
 
 .privacy-settings-accordion-trigger:hover,
-.privacy-settings-accordion-trigger:active,
-.health-check-accordion-trigger:hover,
-.health-check-accordion-trigger:active {
+.privacy-settings-accordion-trigger:active {
 	background: #f6f7f7;
 }
 
-.privacy-settings-accordion-trigger:focus,
-.health-check-accordion-trigger:focus {
+.privacy-settings-accordion-trigger:focus {
 	color: #1d2327;
 	border: none;
 	box-shadow: none;
@@ -859,17 +836,14 @@ form#tags-filter {
 	background-color: #f6f7f7;
 }
 
-.privacy-settings-accordion-trigger .title,
-.health-check-accordion-trigger .title {
+.privacy-settings-accordion-trigger .title {
 	pointer-events: none;
 	font-weight: 600;
 	flex-grow: 1;
 }
 
 .privacy-settings-accordion-trigger .icon,
-.privacy-settings-view-read .icon,
-.health-check-accordion-trigger .icon,
-.site-health-view-passed .icon {
+.privacy-settings-view-read .icon {
 	border: solid #50575e;
 	border-width: 0 2px 2px 0;
 	height: 0.5rem;
@@ -881,68 +855,53 @@ form#tags-filter {
 	width: 0.5rem;
 }
 
-.privacy-settings-accordion-trigger .badge,
-.health-check-accordion-trigger .badge {
+.privacy-settings-accordion-trigger .badge {
 	padding: 0.1rem 0.5rem 0.15rem;
 	color: #2c3338;
 	font-weight: 600;
-}
-
-.privacy-settings-accordion-trigger .badge {
 	margin-left: 0.5rem;
 }
 
-.privacy-settings-accordion-trigger .badge.blue,
-.health-check-accordion-trigger .badge.blue {
+.privacy-settings-accordion-trigger .badge.blue {
 	border: 1px solid #72aee6;
 }
 
-.privacy-settings-accordion-trigger .badge.orange,
-.health-check-accordion-trigger .badge.orange {
+.privacy-settings-accordion-trigger .badge.orange {
 	border: 1px solid #dba617;
 }
 
-.privacy-settings-accordion-trigger .badge.red,
-.health-check-accordion-trigger .badge.red {
+.privacy-settings-accordion-trigger .badge.red {
 	border: 1px solid #e65054;
 }
 
-.privacy-settings-accordion-trigger .badge.green,
-.health-check-accordion-trigger .badge.green {
+.privacy-settings-accordion-trigger .badge.green {
 	border: 1px solid #00ba37;
 }
 
-.privacy-settings-accordion-trigger .badge.purple,
-.health-check-accordion-trigger .badge.purple {
+.privacy-settings-accordion-trigger .badge.purple {
 	border: 1px solid #2271b1;
 }
 
-.privacy-settings-accordion-trigger .badge.gray,
-.health-check-accordion-trigger .badge.gray {
+.privacy-settings-accordion-trigger .badge.gray {
 	border: 1px solid #c3c4c7;
 }
 
 .privacy-settings-accordion-trigger[aria-expanded="true"] .icon,
-.privacy-settings-view-passed[aria-expanded="true"] .icon,
-.health-check-accordion-trigger[aria-expanded="true"] .icon,
-.site-health-view-passed[aria-expanded="true"] .icon {
+.privacy-settings-view-passed[aria-expanded="true"] .icon {
 	transform: translateY(-30%) rotate(-135deg)
 }
 
-.privacy-settings-accordion-panel,
-.health-check-accordion-panel {
+.privacy-settings-accordion-panel {
 	margin: 0;
 	padding: 1em 1.5em;
 	background: #fff;
 }
 
-.privacy-settings-accordion-panel[hidden],
-.health-check-accordion-panel[hidden] {
+.privacy-settings-accordion-panel[hidden] {
 	display: none;
 }
 
-.privacy-settings-accordion-panel a .dashicons,
-.health-check-accordion-panel a .dashicons {
+.privacy-settings-accordion-panel a .dashicons {
 	text-decoration: none;
 }
 
@@ -975,10 +934,6 @@ form#tags-filter {
 	margin: 0 0 1em;
 }
 
-.privacy-text-copy span {
-	pointer-events: none;
-}
-
 .privacy-settings-accordion-panel .wp-suggested-text > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
 .privacy-settings-accordion-panel .wp-suggested-text div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
 .privacy-settings-accordion-panel > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
@@ -991,19 +946,16 @@ form#tags-filter {
 /* Media queries */
 @media screen and (max-width: 782px) {
 
-	.privacy-settings-body,
-	.health-check-body {
+	.privacy-settings-body {
 		margin: 0 12px;
 		width: auto;
 	}
 
-	.privacy-settings .notice,
-	.site-health .notice {
+	.privacy-settings .notice {
 		margin: 5px 10px 15px;
 	}
 
-	.privacy-settings .update-nag,
-	.site-health .update-nag {
+	.privacy-settings .update-nag {
 		margin-right: 10px;
 		margin-left: 10px;
 	}
@@ -1020,8 +972,7 @@ form#tags-filter {
 
 @media only screen and (max-width: 1004px) {
 
-	.privacy-settings-body,
-	.health-check-body {
+	.privacy-settings-body {
 		margin: 0 22px;
 		width: auto;
 	}

wp-admin/css/forms-rtl.css

@@ -594,10 +594,6 @@ fieldset label,
 	opacity: 1;
 }
 
-.password-input-wrapper input {
-	font-family: Consolas, Monaco, monospace;
-}
-
 #pass1.short, #pass1-text.short {
 	border-color: #e65054;
 }

wp-admin/css/forms.css

@@ -593,10 +593,6 @@ fieldset label,
 	opacity: 1;
 }
 
-.password-input-wrapper input {
-	font-family: Consolas, Monaco, monospace;
-}
-
 #pass1.short, #pass1-text.short {
 	border-color: #e65054;
 }

wp-admin/css/install-rtl.css

@@ -325,7 +325,7 @@ body.language-chooser {
 	color: #0a4b78;
 }
 
-.language-chooser .step {
+.language-chooser p {
 	text-align: left;
 }
 

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

@@ -1,2 +1,2 @@
 /*! This file is auto-generated */
-html{background:#f0f0f1;margin:0 20px}body{background:#fff;border:1px solid #c3c4c7;color:#3c434a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;margin:140px auto 25px;padding:20px 20px 10px 20px;max-width:700px;-webkit-font-smoothing:subpixel-antialiased;box-shadow:0 1px 1px rgba(0,0,0,.04)}a{color:#2271b1}a:active,a:hover{color:#135e96}a:focus{color:#043959;box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}h1,h2{border-bottom:1px solid #dcdcde;clear:both;color:#646970;font-size:24px;padding:0 0 7px;font-weight:400}h3{font-size:16px}dd,dt,li,p{padding-bottom:2px;font-size:14px;line-height:1.5}.code,code{font-family:Consolas,Monaco,monospace}dl,ol,ul{padding:5px 22px 5px 5px}a img{border:0}abbr{border:0;font-variant:normal}fieldset{border:0;padding:0;margin:0}label{cursor:pointer}#logo{margin:-130px auto 25px;padding:0 0 25px 0;width:84px;height:84px;overflow:hidden;background-image:url(../images/w-logo-blue.png?ver=20131202);background-image:none,url(../images/wordpress-logo.svg?ver=20131107);background-size:84px;background-position:center top;background-repeat:no-repeat;color:#3c434a;font-size:20px;font-weight:400;line-height:1.3em;text-decoration:none;text-align:center;text-indent:-9999px;outline:0}.step{margin:20px 0 15px}.step,th{text-align:right;padding:0}.language-chooser.wp-core-ui .step .button.button-large{font-size:14px}textarea{border:1px solid #dcdcde;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;width:100%;box-sizing:border-box}.form-table{border-collapse:collapse;margin-top:1em;width:100%}.form-table td{margin-bottom:9px;padding:10px 0 10px 20px;font-size:14px;vertical-align:top}.form-table th{font-size:14px;text-align:right;padding:10px 0 10px 20px;width:140px;vertical-align:top}.form-table code{line-height:1.28571428;font-size:14px}.form-table p{margin:4px 0 0 0;font-size:11px}.form-table input{line-height:1.33333333;font-size:15px;padding:3px 5px}input,submit{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}#pass-strength-result,.form-table input[type=email],.form-table input[type=password],.form-table input[type=text],.form-table input[type=url]{width:218px}.form-table th p{font-weight:400}.form-table.install-success td,.form-table.install-success th{vertical-align:middle;padding:16px 0 16px 20px}.form-table.install-success td p{margin:0;font-size:14px}.form-table.install-success td code{margin:0;font-size:18px}#error-page{margin-top:50px}#error-page p{font-size:14px;line-height:1.28571428;margin:25px 0 20px}#error-page code,.code{font-family:Consolas,Monaco,monospace}.message{border-right:4px solid #d63638;padding:.7em .6em;background-color:#fcf0f1}#admin_email,#dbhost,#dbname,#pass1,#pass2,#prefix,#pwd,#uname,#user_login{direction:ltr}.rtl input,.rtl submit,.rtl textarea,body.rtl{font-family:Tahoma,sans-serif}:lang(he-il) .rtl input,:lang(he-il) .rtl submit,:lang(he-il) .rtl textarea,:lang(he-il) body.rtl{font-family:Arial,sans-serif}@media only screen and (max-width:799px){body{margin-top:115px}#logo a{margin:-125px auto 30px}}@media screen and (max-width:782px){.form-table{margin-top:0}.form-table td,.form-table th{display:block;width:auto;vertical-align:middle}.form-table th{padding:20px 0 0}.form-table td{padding:5px 0;border:0;margin:0}input,textarea{font-size:16px}.form-table span.description,.form-table td input[type=email],.form-table td input[type=password],.form-table td input[type=text],.form-table td input[type=url],.form-table td select,.form-table td textarea{width:100%;font-size:16px;line-height:1.5;padding:7px 10px;display:block;max-width:none;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{max-width:300px}.language-chooser select{padding:8px;width:100%;display:block;border:1px solid #dcdcde;background:#fff;color:#2c3338;font-size:16px;font-family:Arial,sans-serif;font-weight:400}.language-chooser select:focus{color:#2c3338}.language-chooser select option:focus,.language-chooser select option:hover{color:#0a4b78}.language-chooser .step{text-align:left}.screen-reader-input,.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.spinner{background:url(../images/spinner.gif) no-repeat;background-size:20px 20px;visibility:hidden;opacity:.7;width:20px;height:20px;margin:2px 5px 0}.step .spinner{display:inline-block;vertical-align:middle;margin-left:15px}.button.hide-if-no-js,.hide-if-no-js{display:none}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.spinner{background-image:url(../images/spinner-2x.gif)}}
+html{background:#f0f0f1;margin:0 20px}body{background:#fff;border:1px solid #c3c4c7;color:#3c434a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;margin:140px auto 25px;padding:20px 20px 10px 20px;max-width:700px;-webkit-font-smoothing:subpixel-antialiased;box-shadow:0 1px 1px rgba(0,0,0,.04)}a{color:#2271b1}a:active,a:hover{color:#135e96}a:focus{color:#043959;box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}h1,h2{border-bottom:1px solid #dcdcde;clear:both;color:#646970;font-size:24px;padding:0 0 7px;font-weight:400}h3{font-size:16px}dd,dt,li,p{padding-bottom:2px;font-size:14px;line-height:1.5}.code,code{font-family:Consolas,Monaco,monospace}dl,ol,ul{padding:5px 22px 5px 5px}a img{border:0}abbr{border:0;font-variant:normal}fieldset{border:0;padding:0;margin:0}label{cursor:pointer}#logo{margin:-130px auto 25px;padding:0 0 25px 0;width:84px;height:84px;overflow:hidden;background-image:url(../images/w-logo-blue.png?ver=20131202);background-image:none,url(../images/wordpress-logo.svg?ver=20131107);background-size:84px;background-position:center top;background-repeat:no-repeat;color:#3c434a;font-size:20px;font-weight:400;line-height:1.3em;text-decoration:none;text-align:center;text-indent:-9999px;outline:0}.step{margin:20px 0 15px}.step,th{text-align:right;padding:0}.language-chooser.wp-core-ui .step .button.button-large{font-size:14px}textarea{border:1px solid #dcdcde;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;width:100%;box-sizing:border-box}.form-table{border-collapse:collapse;margin-top:1em;width:100%}.form-table td{margin-bottom:9px;padding:10px 0 10px 20px;font-size:14px;vertical-align:top}.form-table th{font-size:14px;text-align:right;padding:10px 0 10px 20px;width:140px;vertical-align:top}.form-table code{line-height:1.28571428;font-size:14px}.form-table p{margin:4px 0 0 0;font-size:11px}.form-table input{line-height:1.33333333;font-size:15px;padding:3px 5px}input,submit{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}#pass-strength-result,.form-table input[type=email],.form-table input[type=password],.form-table input[type=text],.form-table input[type=url]{width:218px}.form-table th p{font-weight:400}.form-table.install-success td,.form-table.install-success th{vertical-align:middle;padding:16px 0 16px 20px}.form-table.install-success td p{margin:0;font-size:14px}.form-table.install-success td code{margin:0;font-size:18px}#error-page{margin-top:50px}#error-page p{font-size:14px;line-height:1.28571428;margin:25px 0 20px}#error-page code,.code{font-family:Consolas,Monaco,monospace}.message{border-right:4px solid #d63638;padding:.7em .6em;background-color:#fcf0f1}#admin_email,#dbhost,#dbname,#pass1,#pass2,#prefix,#pwd,#uname,#user_login{direction:ltr}.rtl input,.rtl submit,.rtl textarea,body.rtl{font-family:Tahoma,sans-serif}:lang(he-il) .rtl input,:lang(he-il) .rtl submit,:lang(he-il) .rtl textarea,:lang(he-il) body.rtl{font-family:Arial,sans-serif}@media only screen and (max-width:799px){body{margin-top:115px}#logo a{margin:-125px auto 30px}}@media screen and (max-width:782px){.form-table{margin-top:0}.form-table td,.form-table th{display:block;width:auto;vertical-align:middle}.form-table th{padding:20px 0 0}.form-table td{padding:5px 0;border:0;margin:0}input,textarea{font-size:16px}.form-table span.description,.form-table td input[type=email],.form-table td input[type=password],.form-table td input[type=text],.form-table td input[type=url],.form-table td select,.form-table td textarea{width:100%;font-size:16px;line-height:1.5;padding:7px 10px;display:block;max-width:none;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{max-width:300px}.language-chooser select{padding:8px;width:100%;display:block;border:1px solid #dcdcde;background:#fff;color:#2c3338;font-size:16px;font-family:Arial,sans-serif;font-weight:400}.language-chooser select:focus{color:#2c3338}.language-chooser select option:focus,.language-chooser select option:hover{color:#0a4b78}.language-chooser p{text-align:left}.screen-reader-input,.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.spinner{background:url(../images/spinner.gif) no-repeat;background-size:20px 20px;visibility:hidden;opacity:.7;width:20px;height:20px;margin:2px 5px 0}.step .spinner{display:inline-block;vertical-align:middle;margin-left:15px}.button.hide-if-no-js,.hide-if-no-js{display:none}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.spinner{background-image:url(../images/spinner-2x.gif)}}

wp-admin/css/install.css

@@ -324,7 +324,7 @@ body.language-chooser {
 	color: #0a4b78;
 }
 
-.language-chooser .step {
+.language-chooser p {
 	text-align: right;
 }
 

wp-admin/css/install.min.css

@@ -1,2 +1,2 @@
 /*! This file is auto-generated */
-html{background:#f0f0f1;margin:0 20px}body{background:#fff;border:1px solid #c3c4c7;color:#3c434a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;margin:140px auto 25px;padding:20px 20px 10px 20px;max-width:700px;-webkit-font-smoothing:subpixel-antialiased;box-shadow:0 1px 1px rgba(0,0,0,.04)}a{color:#2271b1}a:active,a:hover{color:#135e96}a:focus{color:#043959;box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}h1,h2{border-bottom:1px solid #dcdcde;clear:both;color:#646970;font-size:24px;padding:0 0 7px;font-weight:400}h3{font-size:16px}dd,dt,li,p{padding-bottom:2px;font-size:14px;line-height:1.5}.code,code{font-family:Consolas,Monaco,monospace}dl,ol,ul{padding:5px 5px 5px 22px}a img{border:0}abbr{border:0;font-variant:normal}fieldset{border:0;padding:0;margin:0}label{cursor:pointer}#logo{margin:-130px auto 25px;padding:0 0 25px 0;width:84px;height:84px;overflow:hidden;background-image:url(../images/w-logo-blue.png?ver=20131202);background-image:none,url(../images/wordpress-logo.svg?ver=20131107);background-size:84px;background-position:center top;background-repeat:no-repeat;color:#3c434a;font-size:20px;font-weight:400;line-height:1.3em;text-decoration:none;text-align:center;text-indent:-9999px;outline:0}.step{margin:20px 0 15px}.step,th{text-align:left;padding:0}.language-chooser.wp-core-ui .step .button.button-large{font-size:14px}textarea{border:1px solid #dcdcde;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;width:100%;box-sizing:border-box}.form-table{border-collapse:collapse;margin-top:1em;width:100%}.form-table td{margin-bottom:9px;padding:10px 20px 10px 0;font-size:14px;vertical-align:top}.form-table th{font-size:14px;text-align:left;padding:10px 20px 10px 0;width:140px;vertical-align:top}.form-table code{line-height:1.28571428;font-size:14px}.form-table p{margin:4px 0 0 0;font-size:11px}.form-table input{line-height:1.33333333;font-size:15px;padding:3px 5px}input,submit{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}#pass-strength-result,.form-table input[type=email],.form-table input[type=password],.form-table input[type=text],.form-table input[type=url]{width:218px}.form-table th p{font-weight:400}.form-table.install-success td,.form-table.install-success th{vertical-align:middle;padding:16px 20px 16px 0}.form-table.install-success td p{margin:0;font-size:14px}.form-table.install-success td code{margin:0;font-size:18px}#error-page{margin-top:50px}#error-page p{font-size:14px;line-height:1.28571428;margin:25px 0 20px}#error-page code,.code{font-family:Consolas,Monaco,monospace}.message{border-left:4px solid #d63638;padding:.7em .6em;background-color:#fcf0f1}#admin_email,#dbhost,#dbname,#pass1,#pass2,#prefix,#pwd,#uname,#user_login{direction:ltr}.rtl input,.rtl submit,.rtl textarea,body.rtl{font-family:Tahoma,sans-serif}:lang(he-il) .rtl input,:lang(he-il) .rtl submit,:lang(he-il) .rtl textarea,:lang(he-il) body.rtl{font-family:Arial,sans-serif}@media only screen and (max-width:799px){body{margin-top:115px}#logo a{margin:-125px auto 30px}}@media screen and (max-width:782px){.form-table{margin-top:0}.form-table td,.form-table th{display:block;width:auto;vertical-align:middle}.form-table th{padding:20px 0 0}.form-table td{padding:5px 0;border:0;margin:0}input,textarea{font-size:16px}.form-table span.description,.form-table td input[type=email],.form-table td input[type=password],.form-table td input[type=text],.form-table td input[type=url],.form-table td select,.form-table td textarea{width:100%;font-size:16px;line-height:1.5;padding:7px 10px;display:block;max-width:none;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{max-width:300px}.language-chooser select{padding:8px;width:100%;display:block;border:1px solid #dcdcde;background:#fff;color:#2c3338;font-size:16px;font-family:Arial,sans-serif;font-weight:400}.language-chooser select:focus{color:#2c3338}.language-chooser select option:focus,.language-chooser select option:hover{color:#0a4b78}.language-chooser .step{text-align:right}.screen-reader-input,.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.spinner{background:url(../images/spinner.gif) no-repeat;background-size:20px 20px;visibility:hidden;opacity:.7;width:20px;height:20px;margin:2px 5px 0}.step .spinner{display:inline-block;vertical-align:middle;margin-right:15px}.button.hide-if-no-js,.hide-if-no-js{display:none}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.spinner{background-image:url(../images/spinner-2x.gif)}}
+html{background:#f0f0f1;margin:0 20px}body{background:#fff;border:1px solid #c3c4c7;color:#3c434a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;margin:140px auto 25px;padding:20px 20px 10px 20px;max-width:700px;-webkit-font-smoothing:subpixel-antialiased;box-shadow:0 1px 1px rgba(0,0,0,.04)}a{color:#2271b1}a:active,a:hover{color:#135e96}a:focus{color:#043959;box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}h1,h2{border-bottom:1px solid #dcdcde;clear:both;color:#646970;font-size:24px;padding:0 0 7px;font-weight:400}h3{font-size:16px}dd,dt,li,p{padding-bottom:2px;font-size:14px;line-height:1.5}.code,code{font-family:Consolas,Monaco,monospace}dl,ol,ul{padding:5px 5px 5px 22px}a img{border:0}abbr{border:0;font-variant:normal}fieldset{border:0;padding:0;margin:0}label{cursor:pointer}#logo{margin:-130px auto 25px;padding:0 0 25px 0;width:84px;height:84px;overflow:hidden;background-image:url(../images/w-logo-blue.png?ver=20131202);background-image:none,url(../images/wordpress-logo.svg?ver=20131107);background-size:84px;background-position:center top;background-repeat:no-repeat;color:#3c434a;font-size:20px;font-weight:400;line-height:1.3em;text-decoration:none;text-align:center;text-indent:-9999px;outline:0}.step{margin:20px 0 15px}.step,th{text-align:left;padding:0}.language-chooser.wp-core-ui .step .button.button-large{font-size:14px}textarea{border:1px solid #dcdcde;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;width:100%;box-sizing:border-box}.form-table{border-collapse:collapse;margin-top:1em;width:100%}.form-table td{margin-bottom:9px;padding:10px 20px 10px 0;font-size:14px;vertical-align:top}.form-table th{font-size:14px;text-align:left;padding:10px 20px 10px 0;width:140px;vertical-align:top}.form-table code{line-height:1.28571428;font-size:14px}.form-table p{margin:4px 0 0 0;font-size:11px}.form-table input{line-height:1.33333333;font-size:15px;padding:3px 5px}input,submit{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}#pass-strength-result,.form-table input[type=email],.form-table input[type=password],.form-table input[type=text],.form-table input[type=url]{width:218px}.form-table th p{font-weight:400}.form-table.install-success td,.form-table.install-success th{vertical-align:middle;padding:16px 20px 16px 0}.form-table.install-success td p{margin:0;font-size:14px}.form-table.install-success td code{margin:0;font-size:18px}#error-page{margin-top:50px}#error-page p{font-size:14px;line-height:1.28571428;margin:25px 0 20px}#error-page code,.code{font-family:Consolas,Monaco,monospace}.message{border-left:4px solid #d63638;padding:.7em .6em;background-color:#fcf0f1}#admin_email,#dbhost,#dbname,#pass1,#pass2,#prefix,#pwd,#uname,#user_login{direction:ltr}.rtl input,.rtl submit,.rtl textarea,body.rtl{font-family:Tahoma,sans-serif}:lang(he-il) .rtl input,:lang(he-il) .rtl submit,:lang(he-il) .rtl textarea,:lang(he-il) body.rtl{font-family:Arial,sans-serif}@media only screen and (max-width:799px){body{margin-top:115px}#logo a{margin:-125px auto 30px}}@media screen and (max-width:782px){.form-table{margin-top:0}.form-table td,.form-table th{display:block;width:auto;vertical-align:middle}.form-table th{padding:20px 0 0}.form-table td{padding:5px 0;border:0;margin:0}input,textarea{font-size:16px}.form-table span.description,.form-table td input[type=email],.form-table td input[type=password],.form-table td input[type=text],.form-table td input[type=url],.form-table td select,.form-table td textarea{width:100%;font-size:16px;line-height:1.5;padding:7px 10px;display:block;max-width:none;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{max-width:300px}.language-chooser select{padding:8px;width:100%;display:block;border:1px solid #dcdcde;background:#fff;color:#2c3338;font-size:16px;font-family:Arial,sans-serif;font-weight:400}.language-chooser select:focus{color:#2c3338}.language-chooser select option:focus,.language-chooser select option:hover{color:#0a4b78}.language-chooser p{text-align:right}.screen-reader-input,.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.spinner{background:url(../images/spinner.gif) no-repeat;background-size:20px 20px;visibility:hidden;opacity:.7;width:20px;height:20px;margin:2px 5px 0}.step .spinner{display:inline-block;vertical-align:middle;margin-right:15px}.button.hide-if-no-js,.hide-if-no-js{display:none}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.spinner{background-image:url(../images/spinner-2x.gif)}}

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

@@ -319,6 +319,7 @@ table.fixed {
 .fixed .column-role,
 .fixed .column-posts {
 	-webkit-hyphens: auto;
+	-ms-hyphens: auto;
 	hyphens: auto;
 }
 
@@ -1872,24 +1873,23 @@ div.action-links,
 		padding-top: 10px;
 	}
 
-	.row-actions {
-		margin-right: -8px;
-		margin-left: -8px;
-		padding-top: 4px;
-	}
-
 	/* Make row actions more easy to select on mobile */
 	body:not(.plugins-php) .row-actions {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 8px;
+		display: -ms-grid;
+		display: grid;
+		-ms-grid-columns: auto auto auto;
+		grid-template-columns: auto auto auto;
 		color: transparent;
 	}
 
+	.row-actions span {
+		padding: 4px 0;
+	}
+
 	.row-actions span a,
 	.row-actions span .button-link {
 		display: inline-block;
-		padding: 4px 8px;
+		padding: 4px 0;
 		line-height: 1.5;
 	}
 
@@ -2139,11 +2139,6 @@ div.action-links,
 		margin-left: 0;
 		width: 100%;
 	}
-
-	table.media .column-title .has-media-icon ~ .row-actions {
-		margin-right: 0;
-		clear: both;
-	}
 }
 
 @media screen and (max-width: 480px) {
@@ -2151,6 +2146,12 @@ div.action-links,
 		margin: 0;
 	}
 
+	/* Drop row actions to two columns on a small screen */
+	.row-actions:not(.plugins-php) {
+		-ms-grid-columns: auto auto;
+		grid-template-columns: auto auto;
+	}
+
 	.tablenav.bottom .displaying-num {
 		position: relative;
 		top: 0;

wp-admin/css/list-tables.css

@@ -318,6 +318,7 @@ table.fixed {
 .fixed .column-role,
 .fixed .column-posts {
 	-webkit-hyphens: auto;
+	-ms-hyphens: auto;
 	hyphens: auto;
 }
 
@@ -1871,24 +1872,23 @@ div.action-links,
 		padding-top: 10px;
 	}
 
-	.row-actions {
-		margin-left: -8px;
-		margin-right: -8px;
-		padding-top: 4px;
-	}
-
 	/* Make row actions more easy to select on mobile */
 	body:not(.plugins-php) .row-actions {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 8px;
+		display: -ms-grid;
+		display: grid;
+		-ms-grid-columns: auto auto auto;
+		grid-template-columns: auto auto auto;
 		color: transparent;
 	}
 
+	.row-actions span {
+		padding: 4px 0;
+	}
+
 	.row-actions span a,
 	.row-actions span .button-link {
 		display: inline-block;
-		padding: 4px 8px;
+		padding: 4px 0;
 		line-height: 1.5;
 	}
 
@@ -2138,11 +2138,6 @@ div.action-links,
 		margin-right: 0;
 		width: 100%;
 	}
-
-	table.media .column-title .has-media-icon ~ .row-actions {
-		margin-left: 0;
-		clear: both;
-	}
 }
 
 @media screen and (max-width: 480px) {
@@ -2150,6 +2145,12 @@ div.action-links,
 		margin: 0;
 	}
 
+	/* Drop row actions to two columns on a small screen */
+	.row-actions:not(.plugins-php) {
+		-ms-grid-columns: auto auto;
+		grid-template-columns: auto auto;
+	}
+
 	.tablenav.bottom .displaying-num {
 		position: relative;
 		top: 0;

wp-admin/css/login-rtl.css

@@ -298,7 +298,6 @@ p {
 
 #backtoblog {
 	margin: 16px 0;
-	word-break: break-word;
 }
 
 .login #nav a,
@@ -338,10 +337,6 @@ p {
 	max-height: none;
 }
 
-.login input.password-input {
-	font-family: Consolas, Monaco, monospace;
-}
-
 .js.login input.password-input,
 .js.login-action-rp form .input,
 .js.login-action-rp input[type="text"] {
@@ -410,6 +405,10 @@ input::-ms-reveal {
 	display: none;
 }
 
+@-ms-viewport {
+	width: device-width;
+}
+
 @media screen and (max-height: 550px) {
 	#login {
 		padding: 20px 0;

wp-admin/css/login.css

@@ -297,7 +297,6 @@ p {
 
 #backtoblog {
 	margin: 16px 0;
-	word-break: break-word;
 }
 
 .login #nav a,
@@ -337,10 +336,6 @@ p {
 	max-height: none;
 }
 
-.login input.password-input {
-	font-family: Consolas, Monaco, monospace;
-}
-
 .js.login input.password-input,
 .js.login-action-rp form .input,
 .js.login-action-rp input[type="text"] {
@@ -409,6 +404,10 @@ input::-ms-reveal {
 	display: none;
 }
 
+@-ms-viewport {
+	width: device-width;
+}
+
 @media screen and (max-height: 550px) {
 	#login {
 		padding: 20px 0;

wp-admin/css/media-rtl.css

@@ -52,14 +52,6 @@
 	max-width: 128px;
 }
 
-.media-list-subtitle {
-	display: block;
-}
-
-.media-list-title {
-	display: block;
-}
-
 #wpbody-content #async-upload-wrap a {
 	display: none;
 }
@@ -105,6 +97,7 @@
 	padding: 0 5px 0 0;
 }
 
+.media-item .edit-attachment,
 .describe-toggle-on,
 .describe-toggle-off {
 	display: block;
@@ -113,39 +106,6 @@
 	margin-left: 10px;
 }
 
-.media-item-wrapper {
-	display: grid;
-	grid-template-columns: 1fr 1fr;
-}
-
-.media-item .attachment-tools {
-	display: flex;
-	justify-content: flex-end;
-	align-items: center;
-}
-
-.media-item .edit-attachment {
-	padding: 14px 0;
-	display: block;
-	margin-left: 10px;
-}
-
-.media-item .edit-attachment.copy-to-clipboard-container {
-	margin-top: 0;
-}
-
-.media-item-copy-container .success {
-	line-height: 0;
-}
-
-.media-item button .copy-attachment-url {
-	margin-top: 14px;
-}
-
-.media-item .copy-to-clipboard-container {
-	margin-top: 7px;
-}
-
 .media-item .describe-toggle-off,
 .media-item.open .describe-toggle-on {
 	display: none;
@@ -156,7 +116,7 @@
 }
 
 .media-upload-form .media-item {
-	min-height: 70px;
+	min-height: 36px;
 	margin-bottom: 1px;
 	position: relative;
 	width: 100%;
@@ -173,16 +133,16 @@
 }
 
 .media-item .filename {
-	padding: 14px 0;
+	line-height: 2.76923076;
 	overflow: hidden;
 	margin-right: 6px;
 }
 
 .media-item .pinkynail {
 	float: right;
-	margin: 0 0 0 10px;
-	max-height: 70px;
-	max-width: 70px;
+	margin: 2px 3px 0 10px;
+	max-width: 40px;
+	max-height: 32px;
 }
 
 .media-item .startopen,
@@ -254,7 +214,6 @@
 
 .media-upload-form .media-item .error {
 	padding: 10px 14px 10px 0;
-	min-height: 50px;
 }
 
 .media-item .error-div button.dismiss {
@@ -462,8 +421,7 @@ border color while dragging a file over the uploader drop area */
 
 .media-frame.mode-grid,
 .media-frame.mode-grid .media-frame-content,
-.media-frame.mode-grid .attachments-browser:not(.has-load-more) .attachments,
-.media-frame.mode-grid .attachments-browser.has-load-more .attachments-wrapper,
+.media-frame.mode-grid .attachments-browser .attachments,
 .media-frame.mode-grid .uploader-inline-content {
 	position: static;
 }
@@ -541,8 +499,7 @@ border color while dragging a file over the uploader drop area */
 	border: 4px dashed #c3c4c7;
 }
 
-.media-frame.mode-select .attachments-browser.fixed:not(.has-load-more) .attachments,
-.media-frame.mode-select .attachments-browser.has-load-more.fixed .attachments-wrapper {
+.media-frame.mode-select .attachments-browser.fixed .attachments {
 	position: relative;
 	top: 94px; /* prevent jumping up when the toolbar becomes fixed */
 	padding-bottom: 94px; /* offset for above so the bottom doesn't get cut off */
@@ -1289,12 +1246,6 @@ audio, video {
 	}
 }
 
-@media only screen and (max-width: 600px) {
-	.media-item-wrapper {
-		grid-template-columns: 1fr;
-	}
-}
-
 /**
  * Media queries for media grid.
  */

wp-admin/css/media.css

@@ -51,14 +51,6 @@
 	max-width: 128px;
 }
 
-.media-list-subtitle {
-	display: block;
-}
-
-.media-list-title {
-	display: block;
-}
-
 #wpbody-content #async-upload-wrap a {
 	display: none;
 }
@@ -104,6 +96,7 @@
 	padding: 0 0 0 5px;
 }
 
+.media-item .edit-attachment,
 .describe-toggle-on,
 .describe-toggle-off {
 	display: block;
@@ -112,39 +105,6 @@
 	margin-right: 10px;
 }
 
-.media-item-wrapper {
-	display: grid;
-	grid-template-columns: 1fr 1fr;
-}
-
-.media-item .attachment-tools {
-	display: flex;
-	justify-content: flex-end;
-	align-items: center;
-}
-
-.media-item .edit-attachment {
-	padding: 14px 0;
-	display: block;
-	margin-right: 10px;
-}
-
-.media-item .edit-attachment.copy-to-clipboard-container {
-	margin-top: 0;
-}
-
-.media-item-copy-container .success {
-	line-height: 0;
-}
-
-.media-item button .copy-attachment-url {
-	margin-top: 14px;
-}
-
-.media-item .copy-to-clipboard-container {
-	margin-top: 7px;
-}
-
 .media-item .describe-toggle-off,
 .media-item.open .describe-toggle-on {
 	display: none;
@@ -155,7 +115,7 @@
 }
 
 .media-upload-form .media-item {
-	min-height: 70px;
+	min-height: 36px;
 	margin-bottom: 1px;
 	position: relative;
 	width: 100%;
@@ -172,16 +132,16 @@
 }
 
 .media-item .filename {
-	padding: 14px 0;
+	line-height: 2.76923076;
 	overflow: hidden;
 	margin-left: 6px;
 }
 
 .media-item .pinkynail {
 	float: left;
-	margin: 0 10px 0 0;
-	max-height: 70px;
-	max-width: 70px;
+	margin: 2px 10px 0 3px;
+	max-width: 40px;
+	max-height: 32px;
 }
 
 .media-item .startopen,
@@ -253,7 +213,6 @@
 
 .media-upload-form .media-item .error {
 	padding: 10px 0 10px 14px;
-	min-height: 50px;
 }
 
 .media-item .error-div button.dismiss {
@@ -461,8 +420,7 @@ border color while dragging a file over the uploader drop area */
 
 .media-frame.mode-grid,
 .media-frame.mode-grid .media-frame-content,
-.media-frame.mode-grid .attachments-browser:not(.has-load-more) .attachments,
-.media-frame.mode-grid .attachments-browser.has-load-more .attachments-wrapper,
+.media-frame.mode-grid .attachments-browser .attachments,
 .media-frame.mode-grid .uploader-inline-content {
 	position: static;
 }
@@ -540,8 +498,7 @@ border color while dragging a file over the uploader drop area */
 	border: 4px dashed #c3c4c7;
 }
 
-.media-frame.mode-select .attachments-browser.fixed:not(.has-load-more) .attachments,
-.media-frame.mode-select .attachments-browser.has-load-more.fixed .attachments-wrapper {
+.media-frame.mode-select .attachments-browser.fixed .attachments {
 	position: relative;
 	top: 94px; /* prevent jumping up when the toolbar becomes fixed */
 	padding-bottom: 94px; /* offset for above so the bottom doesn't get cut off */
@@ -1288,12 +1245,6 @@ audio, video {
 	}
 }
 
-@media only screen and (max-width: 600px) {
-	.media-item-wrapper {
-		grid-template-columns: 1fr;
-	}
-}
-
 /**
  * Media queries for media grid.
  */

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

@@ -98,105 +98,6 @@ ul.add-menu-item-tabs li {
 	margin: 1em 0 10px;
 }
 
-#nav-menu-bulk-actions-top {
-	margin: 1em 0;
-}
-
-#nav-menu-bulk-actions-bottom {
-	margin: 1em 0;
-	margin: calc( 1em + 9px ) 0 ; 
-}
-
-.bulk-actions input.button {
-	margin-left: 12px;
-}
-
-.bulk-select-button {
-	position: relative;
-	display: inline-block;
-	padding: 0 10px;
-	font-size: 13px;
-	line-height: 2.15384615;
-	height: auto;
-	min-height: 30px;
-	background: #f6f7f7;
-	vertical-align: top;
-	border: 1px solid #dcdcde;
-	margin: 0;
-	cursor: pointer;
-	border-radius: 3px;
-	white-space: nowrap;
-	box-sizing: border-box;
-}
-
-.bulk-selection .bulk-select-button {
-	color: #2271b1;
-	border-color: #2271b1;
-	background: #f6f7f7;
-	vertical-align: top;
-}
-
-#pending-menu-items-to-delete {
-	display: none;
-}
-
-.bulk-selection #pending-menu-items-to-delete {
-	display: block;
-	margin-top: 1em;
-}
-
-#pending-menu-items-to-delete p {
-	margin-bottom: 0;
-}
-
-#pending-menu-items-to-delete ul {
-	margin-top: 0;
-	list-style: none;
-}
-
-#pending-menu-items-to-delete ul li {
-	display: inline;
-}
-
-input.bulk-select-switcher + .bulk-select-button-label {
-	vertical-align: inherit;
-}
-
-label.bulk-select-button:hover,
-label.bulk-select-button:active,
-label.bulk-select-button:focus-within {
-	background: #f0f0f1;
-	border-color: #0a4b78;
-	color: #0a4b78;
-}
-
-input.bulk-select-switcher:focus + .bulk-select-button-label{
-	color: #0a4b78;
-}
-
-.bulk-actions input.menu-items-delete {
-	-webkit-appearance: none;
-	appearance: none;
-	font-size: inherit;
-	border: 0;
-	line-height: 2.1em;
-	background: none;
-	cursor: pointer;
-	text-decoration: underline;
-	color: #b32d2e;
-}
-
-.bulk-actions input.menu-items-delete:hover {
-	color: #b32d2e;
-	border: none;
-}
-
-.bulk-actions input.menu-items-delete.disabled {
-	cursor: default;
-	color: #a7aaad;
-	box-shadow: none;
-}
-
 .menu-settings {
 	border-top: 1px solid #f0f0f1;
 	margin-top: 2em;
@@ -581,15 +482,6 @@ input.bulk-select-switcher:focus + .bulk-select-button-label{
 	margin-left: 13em;
 }
 
-.menu-item-handle .menu-item-checkbox {
-	display: none;
-}
-
-.bulk-selection .menu-item-handle .menu-item-checkbox {
-	display: inline-block;
-	margin-left: 6px;
-}
-
 .menu-item-handle .menu-item-title.no-title {
 	color: #646970;
 }
@@ -1000,9 +892,10 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 }
 
 @media only screen and (min-width: 783px) {
-    @supports (position: sticky) and (scroll-margin-bottom: 130px) {
+    @supports ((position: -webkit-sticky) or (position: sticky)) and (scroll-margin-bottom: 130px) {
 		
 		#nav-menu-footer {
+                position: -webkit-sticky;
                 position: sticky;
 				bottom: 0;
 				z-index: 10;

wp-admin/css/nav-menus.css

@@ -97,105 +97,6 @@ ul.add-menu-item-tabs li {
 	margin: 1em 0 10px;
 }
 
-#nav-menu-bulk-actions-top {
-	margin: 1em 0;
-}
-
-#nav-menu-bulk-actions-bottom {
-	margin: 1em 0;
-	margin: calc( 1em + 9px ) 0 ; 
-}
-
-.bulk-actions input.button {
-	margin-right: 12px;
-}
-
-.bulk-select-button {
-	position: relative;
-	display: inline-block;
-	padding: 0 10px;
-	font-size: 13px;
-	line-height: 2.15384615;
-	height: auto;
-	min-height: 30px;
-	background: #f6f7f7;
-	vertical-align: top;
-	border: 1px solid #dcdcde;
-	margin: 0;
-	cursor: pointer;
-	border-radius: 3px;
-	white-space: nowrap;
-	box-sizing: border-box;
-}
-
-.bulk-selection .bulk-select-button {
-	color: #2271b1;
-	border-color: #2271b1;
-	background: #f6f7f7;
-	vertical-align: top;
-}
-
-#pending-menu-items-to-delete {
-	display: none;
-}
-
-.bulk-selection #pending-menu-items-to-delete {
-	display: block;
-	margin-top: 1em;
-}
-
-#pending-menu-items-to-delete p {
-	margin-bottom: 0;
-}
-
-#pending-menu-items-to-delete ul {
-	margin-top: 0;
-	list-style: none;
-}
-
-#pending-menu-items-to-delete ul li {
-	display: inline;
-}
-
-input.bulk-select-switcher + .bulk-select-button-label {
-	vertical-align: inherit;
-}
-
-label.bulk-select-button:hover,
-label.bulk-select-button:active,
-label.bulk-select-button:focus-within {
-	background: #f0f0f1;
-	border-color: #0a4b78;
-	color: #0a4b78;
-}
-
-input.bulk-select-switcher:focus + .bulk-select-button-label{
-	color: #0a4b78;
-}
-
-.bulk-actions input.menu-items-delete {
-	-webkit-appearance: none;
-	appearance: none;
-	font-size: inherit;
-	border: 0;
-	line-height: 2.1em;
-	background: none;
-	cursor: pointer;
-	text-decoration: underline;
-	color: #b32d2e;
-}
-
-.bulk-actions input.menu-items-delete:hover {
-	color: #b32d2e;
-	border: none;
-}
-
-.bulk-actions input.menu-items-delete.disabled {
-	cursor: default;
-	color: #a7aaad;
-	box-shadow: none;
-}
-
 .menu-settings {
 	border-top: 1px solid #f0f0f1;
 	margin-top: 2em;
@@ -580,15 +481,6 @@ input.bulk-select-switcher:focus + .bulk-select-button-label{
 	margin-right: 13em;
 }
 
-.menu-item-handle .menu-item-checkbox {
-	display: none;
-}
-
-.bulk-selection .menu-item-handle .menu-item-checkbox {
-	display: inline-block;
-	margin-right: 6px;
-}
-
 .menu-item-handle .menu-item-title.no-title {
 	color: #646970;
 }
@@ -999,9 +891,10 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 }
 
 @media only screen and (min-width: 783px) {
-    @supports (position: sticky) and (scroll-margin-bottom: 130px) {
+    @supports ((position: -webkit-sticky) or (position: sticky)) and (scroll-margin-bottom: 130px) {
 		
 		#nav-menu-footer {
+                position: -webkit-sticky;
                 position: sticky;
 				bottom: 0;
 				z-index: 10;

wp-admin/css/site-health-rtl.css

@@ -1,7 +1,18 @@
 /*! This file is auto-generated */
-/* Note: Any Site Health selectors that use
-duplicate styling from the Privacy settings screen
-are styled in the Privacy section of edit.css */
+.site-health #wpcontent,
+.site-health.auto-fold #wpcontent {
+	padding-right: 0;
+}
+
+/* Emulates .wrap h1 styling */
+.health-check-header h1 {
+	display: inline-block;
+	font-weight: 600;
+	margin: 0 0.8rem 1rem;
+	font-size: 23px;
+	padding: 9px 0 4px 0;
+	line-height: 1.3;
+}
 
 .health-check-body h2 {
 	line-height: 1.4;
@@ -12,8 +23,18 @@ are styled in the Privacy section of edit.css */
 	font-weight: 400;
 }
 
-.health-check-widget-title-section {
+.health-check-header {
 	text-align: center;
+	margin: 0 0 1rem;
+	background: #fff;
+	border-bottom: 1px solid #dcdcde;
+}
+
+.health-check-title-section {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	clear: both;
 }
 
 .site-health-progress-wrapper {
@@ -98,22 +119,12 @@ are styled in the Privacy section of edit.css */
 .health-check-tabs-wrapper {
 	/* IE 11 */
 	display: -ms-inline-grid;
-	-ms-grid-columns: 1fr 1fr 1fr 1fr;
+	-ms-grid-columns: 1fr 1fr;
 	vertical-align: top;
 	/* modern browsers */
 	display: inline-grid;
-	grid-template-columns: 1fr 1fr 1fr 1fr;
-}
-
-.health-check-tabs-wrapper.tab-count-1 {
-	grid-template-columns: 1fr;
-}
-.health-check-tabs-wrapper.tab-count-2 {
 	grid-template-columns: 1fr 1fr;
 }
-.health-check-tabs-wrapper.tab-count-3 {
-	grid-template-columns: 1fr 1fr 1fr;
-}
 
 .health-check-tab {
 	display: block; /* IE 11 */
@@ -124,45 +135,22 @@ are styled in the Privacy section of edit.css */
 	transition: box-shadow 0.5s ease-in-out;
 }
 
-.health-check-offscreen-nav-wrapper {
-	position: relative;
-	background: transparent;
-	border: none;
-}
-.health-check-offscreen-nav-wrapper:focus .health-check-offscreen-nav {
-	right: initial;
+.health-check-tab:nth-child(1) {
+	-ms-grid-column: 1; /* IE 11 */
 }
 
-.health-check-offscreen-nav {
-	display: none;
-	position: absolute;
-	padding-top: 10px;
-	left: 0;
-	top: 100%;
-	width: 13rem;
-}
-.health-check-offscreen-nav-wrapper.visible .health-check-offscreen-nav {
-	display: inline-block;
-}
-.health-check-offscreen-nav:before {
-	position: absolute;
-	content: "";
-	width: 0;
-	height: 0;
-	border-style: solid;
-	border-width: 0 10px 5px 10px;
-	border-color: transparent transparent #ffffff transparent;
-	left: 20px;
-	top: 5px;
+.health-check-tab:nth-child(2) {
+	-ms-grid-column: 2; /* IE 11 */
 }
 
-.health-check-offscreen-nav .health-check-tab {
-	background: #fff;
-	box-shadow: 0 2px 5px 0 rgba( 0, 0, 0, 0.75 );
+.health-check-tab:focus {
+	color: #1d2327;
+	outline: 1px solid #787c82;
+	box-shadow: none;
 }
 
-.health-check-offscreen-nav .health-check-tab.active {
-	box-shadow: inset -3px 0 #3582c4;
+.health-check-tab.active {
+	box-shadow: inset 0 -3px #3582c4;
 	font-weight: 600;
 }
 
@@ -278,12 +266,131 @@ are styled in the Privacy section of edit.css */
 	margin: 0;
 }
 
+.health-check-accordion {
+	border: 1px solid #c3c4c7;
+}
+
+.health-check-accordion-heading {
+	margin: 0;
+	border-top: 1px solid #c3c4c7;
+	font-size: inherit;
+	line-height: inherit;
+	font-weight: 600;
+	color: inherit;
+}
+
+.health-check-accordion-heading:first-child {
+	border-top: none;
+}
+
+.health-check-accordion-trigger {
+	background: #fff;
+	border: 0;
+	color: #2c3338;
+	cursor: pointer;
+	display: flex;
+	font-weight: 400;
+	margin: 0;
+	padding: 1em 1.5em 1em 3.5em;
+	min-height: 46px;
+	position: relative;
+	text-align: right;
+	width: 100%;
+	align-items: center;
+	justify-content: space-between;
+	-webkit-user-select: auto;
+	-ms-user-select: auto;
+	user-select: auto;
+}
+
 .wp-core-ui .button.site-health-view-passed {
 	position: relative;
 	padding-left: 40px;
 	padding-right: 20px;
 }
 
+.health-check-accordion-trigger:hover,
+.health-check-accordion-trigger:active {
+	background: #f6f7f7;
+}
+
+.health-check-accordion-trigger:focus {
+	color: #1d2327;
+	border: none;
+	box-shadow: none;
+	outline-offset: -1px;
+	outline: 2px solid #2271b1;
+	background-color: #f6f7f7;
+}
+
+.health-check-accordion-trigger .title {
+	pointer-events: none;
+	font-weight: 600;
+	flex-grow: 1;
+}
+
+.health-check-accordion-trigger .icon,
+.site-health-view-passed .icon {
+	border: solid #50575e;
+	border-width: 0 0 2px 2px;
+	height: 0.5rem;
+	pointer-events: none;
+	position: absolute;
+	left: 1.5em;
+	top: 50%;
+	transform: translateY(-70%) rotate(-45deg);
+	width: 0.5rem;
+}
+
+.health-check-accordion-trigger .badge {
+	padding: 0.1rem 0.5rem 0.15rem;
+	color: #2c3338;
+	font-weight: 600;
+	margin-right: 0.5rem;
+}
+
+.health-check-accordion-trigger .badge.blue {
+	border: 1px solid #72aee6;
+}
+
+.health-check-accordion-trigger .badge.orange {
+	border: 1px solid #dba617;
+}
+
+.health-check-accordion-trigger .badge.red {
+	border: 1px solid #e65054;
+}
+
+.health-check-accordion-trigger .badge.green {
+	border: 1px solid #00ba37;
+}
+
+.health-check-accordion-trigger .badge.purple {
+	border: 1px solid #2271b1;
+}
+
+.health-check-accordion-trigger .badge.gray {
+	border: 1px solid #c3c4c7;
+}
+
+.health-check-accordion-trigger[aria-expanded="true"] .icon,
+.site-health-view-passed[aria-expanded="true"] .icon {
+	transform: translateY(-30%) rotate(135deg)
+}
+
+.health-check-accordion-panel {
+	margin: 0;
+	padding: 1em 1.5em;
+	background: #fff;
+}
+
+.health-check-accordion-panel[hidden] {
+	display: none;
+}
+
+.health-check-accordion-panel a .dashicons {
+	text-decoration: none;
+}
 
 /* Better position for the WordPress admin notices and update nag. */
 .site-health .notice {
@@ -302,29 +409,20 @@ are styled in the Privacy section of edit.css */
 	flex-shrink: 0;
 }
 
-/* Styling unique to the dashboard widget. */
-#dashboard_site_health .site-health-details {
-	padding-right: 16px;
-}
-
-#dashboard_site_health .health-check-widget {
-	display: grid;
-	grid-template-columns: 1fr 2fr;
-	grid-auto-rows: minmax(64px, auto);
-	column-gap: 16px;
-	align-items: center;
-}
-#dashboard_site_health .site-health-progress-label {
-	margin-right: 0;
-}
-
-@media screen and (max-width: 480px) {
-	#dashboard_site_health .health-check-widget {
-		grid-template-columns: 100%;
-	}
-}
-
 @media screen and (max-width: 782px) {
+	.health-check-body {
+		margin: 0 12px;
+		width: auto;
+	}
+
+	.site-health .notice {
+		margin: 5px 10px 15px;
+	}
+
+	.site-health .update-nag {
+		margin-left: 10px;
+		margin-right: 10px;
+	}
 
 	.site-health-issues-wrapper .health-check-accordion-trigger {
 		flex-direction: column;
@@ -357,3 +455,10 @@ are styled in the Privacy section of edit.css */
 	}
 }
 
+/* The breakpoint is usually at 960px, the additional space is to allow for the margin. */
+@media only screen and (max-width: 1004px) {
+	.health-check-body {
+		margin: 0 22px;
+		width: auto;
+	}
+}

wp-admin/css/site-health.css

@@ -1,6 +1,17 @@
-/* Note: Any Site Health selectors that use
-duplicate styling from the Privacy settings screen
-are styled in the Privacy section of edit.css */
+.site-health #wpcontent,
+.site-health.auto-fold #wpcontent {
+	padding-left: 0;
+}
+
+/* Emulates .wrap h1 styling */
+.health-check-header h1 {
+	display: inline-block;
+	font-weight: 600;
+	margin: 0 0.8rem 1rem;
+	font-size: 23px;
+	padding: 9px 0 4px 0;
+	line-height: 1.3;
+}
 
 .health-check-body h2 {
 	line-height: 1.4;
@@ -11,8 +22,18 @@ are styled in the Privacy section of edit.css */
 	font-weight: 400;
 }
 
-.health-check-widget-title-section {
+.health-check-header {
 	text-align: center;
+	margin: 0 0 1rem;
+	background: #fff;
+	border-bottom: 1px solid #dcdcde;
+}
+
+.health-check-title-section {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	clear: both;
 }
 
 .site-health-progress-wrapper {
@@ -97,22 +118,12 @@ are styled in the Privacy section of edit.css */
 .health-check-tabs-wrapper {
 	/* IE 11 */
 	display: -ms-inline-grid;
-	-ms-grid-columns: 1fr 1fr 1fr 1fr;
+	-ms-grid-columns: 1fr 1fr;
 	vertical-align: top;
 	/* modern browsers */
 	display: inline-grid;
-	grid-template-columns: 1fr 1fr 1fr 1fr;
-}
-
-.health-check-tabs-wrapper.tab-count-1 {
-	grid-template-columns: 1fr;
-}
-.health-check-tabs-wrapper.tab-count-2 {
 	grid-template-columns: 1fr 1fr;
 }
-.health-check-tabs-wrapper.tab-count-3 {
-	grid-template-columns: 1fr 1fr 1fr;
-}
 
 .health-check-tab {
 	display: block; /* IE 11 */
@@ -123,45 +134,22 @@ are styled in the Privacy section of edit.css */
 	transition: box-shadow 0.5s ease-in-out;
 }
 
-.health-check-offscreen-nav-wrapper {
-	position: relative;
-	background: transparent;
-	border: none;
-}
-.health-check-offscreen-nav-wrapper:focus .health-check-offscreen-nav {
-	left: initial;
+.health-check-tab:nth-child(1) {
+	-ms-grid-column: 1; /* IE 11 */
 }
 
-.health-check-offscreen-nav {
-	display: none;
-	position: absolute;
-	padding-top: 10px;
-	right: 0;
-	top: 100%;
-	width: 13rem;
-}
-.health-check-offscreen-nav-wrapper.visible .health-check-offscreen-nav {
-	display: inline-block;
-}
-.health-check-offscreen-nav:before {
-	position: absolute;
-	content: "";
-	width: 0;
-	height: 0;
-	border-style: solid;
-	border-width: 0 10px 5px 10px;
-	border-color: transparent transparent #ffffff transparent;
-	right: 20px;
-	top: 5px;
+.health-check-tab:nth-child(2) {
+	-ms-grid-column: 2; /* IE 11 */
 }
 
-.health-check-offscreen-nav .health-check-tab {
-	background: #fff;
-	box-shadow: 0 2px 5px 0 rgba( 0, 0, 0, 0.75 );
+.health-check-tab:focus {
+	color: #1d2327;
+	outline: 1px solid #787c82;
+	box-shadow: none;
 }
 
-.health-check-offscreen-nav .health-check-tab.active {
-	box-shadow: inset 3px 0 #3582c4;
+.health-check-tab.active {
+	box-shadow: inset 0 -3px #3582c4;
 	font-weight: 600;
 }
 
@@ -277,12 +265,131 @@ are styled in the Privacy section of edit.css */
 	margin: 0;
 }
 
+.health-check-accordion {
+	border: 1px solid #c3c4c7;
+}
+
+.health-check-accordion-heading {
+	margin: 0;
+	border-top: 1px solid #c3c4c7;
+	font-size: inherit;
+	line-height: inherit;
+	font-weight: 600;
+	color: inherit;
+}
+
+.health-check-accordion-heading:first-child {
+	border-top: none;
+}
+
+.health-check-accordion-trigger {
+	background: #fff;
+	border: 0;
+	color: #2c3338;
+	cursor: pointer;
+	display: flex;
+	font-weight: 400;
+	margin: 0;
+	padding: 1em 3.5em 1em 1.5em;
+	min-height: 46px;
+	position: relative;
+	text-align: left;
+	width: 100%;
+	align-items: center;
+	justify-content: space-between;
+	-webkit-user-select: auto;
+	-ms-user-select: auto;
+	user-select: auto;
+}
+
 .wp-core-ui .button.site-health-view-passed {
 	position: relative;
 	padding-right: 40px;
 	padding-left: 20px;
 }
 
+.health-check-accordion-trigger:hover,
+.health-check-accordion-trigger:active {
+	background: #f6f7f7;
+}
+
+.health-check-accordion-trigger:focus {
+	color: #1d2327;
+	border: none;
+	box-shadow: none;
+	outline-offset: -1px;
+	outline: 2px solid #2271b1;
+	background-color: #f6f7f7;
+}
+
+.health-check-accordion-trigger .title {
+	pointer-events: none;
+	font-weight: 600;
+	flex-grow: 1;
+}
+
+.health-check-accordion-trigger .icon,
+.site-health-view-passed .icon {
+	border: solid #50575e;
+	border-width: 0 2px 2px 0;
+	height: 0.5rem;
+	pointer-events: none;
+	position: absolute;
+	right: 1.5em;
+	top: 50%;
+	transform: translateY(-70%) rotate(45deg);
+	width: 0.5rem;
+}
+
+.health-check-accordion-trigger .badge {
+	padding: 0.1rem 0.5rem 0.15rem;
+	color: #2c3338;
+	font-weight: 600;
+	margin-left: 0.5rem;
+}
+
+.health-check-accordion-trigger .badge.blue {
+	border: 1px solid #72aee6;
+}
+
+.health-check-accordion-trigger .badge.orange {
+	border: 1px solid #dba617;
+}
+
+.health-check-accordion-trigger .badge.red {
+	border: 1px solid #e65054;
+}
+
+.health-check-accordion-trigger .badge.green {
+	border: 1px solid #00ba37;
+}
+
+.health-check-accordion-trigger .badge.purple {
+	border: 1px solid #2271b1;
+}
+
+.health-check-accordion-trigger .badge.gray {
+	border: 1px solid #c3c4c7;
+}
+
+.health-check-accordion-trigger[aria-expanded="true"] .icon,
+.site-health-view-passed[aria-expanded="true"] .icon {
+	transform: translateY(-30%) rotate(-135deg)
+}
+
+.health-check-accordion-panel {
+	margin: 0;
+	padding: 1em 1.5em;
+	background: #fff;
+}
+
+.health-check-accordion-panel[hidden] {
+	display: none;
+}
+
+.health-check-accordion-panel a .dashicons {
+	text-decoration: none;
+}
 
 /* Better position for the WordPress admin notices and update nag. */
 .site-health .notice {
@@ -301,29 +408,20 @@ are styled in the Privacy section of edit.css */
 	flex-shrink: 0;
 }
 
-/* Styling unique to the dashboard widget. */
-#dashboard_site_health .site-health-details {
-	padding-left: 16px;
-}
-
-#dashboard_site_health .health-check-widget {
-	display: grid;
-	grid-template-columns: 1fr 2fr;
-	grid-auto-rows: minmax(64px, auto);
-	column-gap: 16px;
-	align-items: center;
-}
-#dashboard_site_health .site-health-progress-label {
-	margin-left: 0;
-}
-
-@media screen and (max-width: 480px) {
-	#dashboard_site_health .health-check-widget {
-		grid-template-columns: 100%;
-	}
-}
-
 @media screen and (max-width: 782px) {
+	.health-check-body {
+		margin: 0 12px;
+		width: auto;
+	}
+
+	.site-health .notice {
+		margin: 5px 10px 15px;
+	}
+
+	.site-health .update-nag {
+		margin-right: 10px;
+		margin-left: 10px;
+	}
 
 	.site-health-issues-wrapper .health-check-accordion-trigger {
 		flex-direction: column;
@@ -356,3 +454,10 @@ are styled in the Privacy section of edit.css */
 	}
 }
 
+/* The breakpoint is usually at 960px, the additional space is to allow for the margin. */
+@media only screen and (max-width: 1004px) {
+	.health-check-body {
+		margin: 0 22px;
+		width: auto;
+	}
+}