span> 51
 } else {
52
+	$screen_title = $title;
53
+
54
+	if ( 'post' === $current_screen->base && 'add' !== $current_screen->action ) {
55
+		$post_title = get_the_title();
56
+		if ( ! empty( $post_title ) ) {
57
+			$post_type_obj = get_post_type_object( $typenow );
58
+			$screen_title  = sprintf(
59
+				/* translators: Editor admin screen title. 1: "Edit item" text for the post type, 2: Post title. */
60
+				__( '%1$s “%2$s”' ),
61
+				$post_type_obj->labels->edit_item,
62
+				$post_title
63
+			);
64
+		}
65
+	}
66
+
51 67
 	/* translators: Admin screen title. 1: Admin screen name, 2: Network or site name. */
52
-	$admin_title = sprintf( __( '%1$s ‹ %2$s — WordPress' ), $title, $admin_title );
68
+	$admin_title = sprintf( __( '%1$s ‹ %2$s — WordPress' ), $screen_title, $admin_title );
53 69
 }
54 70
 
55 71
 if ( wp_is_recovery_mode() ) {
@@ -81,7 +97,7 @@ wp_enqueue_script( 'svg-painter' );
81 97
 $admin_body_class = preg_replace( '/[^a-z0-9_-]+/i', '-', $hook_suffix );
82 98
 ?>
83 99
 <script type="text/javascript">
84
-addLoadEvent = function(func){if(typeof jQuery!=='undefined')jQuery(document).ready(func);else if(typeof wpOnload!=='function'){wpOnload=func;}else{var oldonload=wpOnload;wpOnload=function(){oldonload();func();}}};
100
+addLoadEvent = function(func){if(typeof jQuery!=='undefined')jQuery(function(){func();});else if(typeof wpOnload!=='function'){wpOnload=func;}else{var oldonload=wpOnload;wpOnload=function(){oldonload();func();}}};
85 101
 var ajaxurl = '<?php echo esc_js( admin_url( 'admin-ajax.php', 'relative' ) ); ?>',
86 102
 	pagenow = '<?php echo esc_js( $current_screen->id ); ?>',
87 103
 	typenow = '<?php echo esc_js( $current_screen->post_type ); ?>',
@@ -132,7 +148,7 @@ do_action( 'admin_print_scripts' );
132 148
 /**
133 149
  * Fires in head section for a specific admin page.
134 150
  *
135
- * The dynamic portion of the hook, `$hook_suffix`, refers to the hook suffix
151
+ * The dynamic portion of the hook name, `$hook_suffix`, refers to the hook suffix
136 152
  * for the admin page.
137 153
  *
138 154
  * @since 2.1.0

+ 16 - 1
app/wp-admin/admin-post.php

@@ -29,7 +29,12 @@ nocache_headers();
29 29
 /** This action is documented in wp-admin/admin.php */
30 30
 do_action( 'admin_init' );
31 31
 
32
-$action = empty( $_REQUEST['action'] ) ? '' : $_REQUEST['action'];
32
+$action = ! empty( $_REQUEST['action'] ) ? $_REQUEST['action'] : '';
33
+
34
+// Reject invalid parameters.
35
+if ( ! is_scalar( $action ) ) {
36
+	wp_die( '', 400 );
37
+}
33 38
 
34 39
 if ( ! is_user_logged_in() ) {
35 40
 	if ( empty( $action ) ) {
@@ -40,6 +45,11 @@ if ( ! is_user_logged_in() ) {
40 45
 		 */
41 46
 		do_action( 'admin_post_nopriv' );
42 47
 	} else {
48
+		// If no action is registered, return a Bad Request response.
49
+		if ( ! has_action( "admin_post_nopriv_{$action}" ) ) {
50
+			wp_die( '', 400 );
51
+		}
52
+
43 53
 		/**
44 54
 		 * Fires on a non-authenticated admin post request for the given action.
45 55
 		 *
@@ -59,6 +69,11 @@ if ( ! is_user_logged_in() ) {
59 69
 		 */
60 70
 		do_action( 'admin_post' );
61 71
 	} else {
72
+		// If no action is registered, return a Bad Request response.
73
+		if ( ! has_action( "admin_post_{$action}" ) ) {
74
+			wp_die( '', 400 );
75
+		}
76
+
62 77
 		/**
63 78
 		 * Fires on an authenticated admin post request for the given action.
64 79
 		 *

+ 19 - 8
app/wp-admin/admin.php

@@ -116,16 +116,16 @@ $time_format = __( 'g:i a' );
116 116
 wp_enqueue_script( 'common' );
117 117
 
118 118
 /**
119
- * $pagenow is set in vars.php
120
- * $wp_importers is sometimes set in wp-admin/includes/import.php
121
- * The remaining variables are imported as globals elsewhere, declared as globals here
119
+ * $pagenow is set in vars.php.
120
+ * $wp_importers is sometimes set in wp-admin/includes/import.php.
121
+ * The remaining variables are imported as globals elsewhere, declared as globals here.
122 122
  *
123
- * @global string $pagenow
123
+ * @global string $pagenow      The filename of the current screen.
124 124
  * @global array  $wp_importers
125 125
  * @global string $hook_suffix
126 126
  * @global string $plugin_page
127
- * @global string $typenow
128
- * @global string $taxnow
127
+ * @global string $typenow      The post type of the current screen.
128
+ * @global string $taxnow       The taxonomy of the current screen.
129 129
  */
130 130
 global $pagenow, $wp_importers, $hook_suffix, $plugin_page, $typenow, $taxnow;
131 131
 
@@ -320,13 +320,24 @@ if ( isset( $plugin_page ) ) {
320 320
 	 *
321 321
 	 * The dynamic portion of the hook name, `$importer`, refers to the importer slug.
322 322
 	 *
323
+	 * Possible hook names include:
324
+	 *
325
+	 *  - `load-importer-blogger`
326
+	 *  - `load-importer-wpcat2tag`
327
+	 *  - `load-importer-livejournal`
328
+	 *  - `load-importer-mt`
329
+	 *  - `load-importer-rss`
330
+	 *  - `load-importer-tumblr`
331
+	 *  - `load-importer-wordpress`
332
+	 *
323 333
 	 * @since 3.5.0
324 334
 	 */
325 335
 	do_action( "load-importer-{$importer}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
326 336
 
337
+	// Used in the HTML title tag.
338
+	$title        = __( 'Import' );
327 339
 	$parent_file  = 'tools.php';
328 340
 	$submenu_file = 'import.php';
329
-	$title        = __( 'Import' );
330 341
 
331 342
 	if ( ! isset( $_GET['noheader'] ) ) {
332 343
 		require_once ABSPATH . 'wp-admin/admin-header.php';
@@ -365,7 +376,7 @@ if ( isset( $plugin_page ) ) {
365 376
 	 * The load-* hook fires in a number of contexts. This hook is for core screens.
366 377
 	 *
367 378
 	 * The dynamic portion of the hook name, `$pagenow`, is a global variable
368
-	 * referring to the filename of the current page, such as 'admin.php',
379
+	 * referring to the filename of the current screen, such as 'admin.php',
369 380
 	 * 'post-new.php' etc. A complete hook for the latter would be
370 381
 	 * 'load-post-new.php'.
371 382
 	 *

+ 1 - 1
app/wp-admin/async-upload.php

@@ -74,7 +74,7 @@ if ( isset( $_REQUEST['attachment_id'] ) && (int) $_REQUEST['attachment_id'] &&
74 74
 					</span>
75 75
 					<?php
76 76
 					if ( current_user_can( 'edit_post', $id ) ) {
77
-						echo '<a class="edit-attachment" href="' . esc_url( get_edit_post_link( $id ) ) . '" target="_blank">' . _x( 'Edit', 'media item' ) . '</a>';
77
+						echo '<a class="edit-attachment" href="' . esc_url( get_edit_post_link( $id ) ) . '">' . _x( 'Edit', 'media item' ) . '</a>';
78 78
 					} else {
79 79
 						echo '<span class="edit-attachment">' . _x( 'Success', 'media item' ) . '</span>';
80 80
 					}

+ 27 - 14
app/wp-admin/authorize-application.php

@@ -62,6 +62,7 @@ if ( isset( $_POST['action'] ) && 'authorize_application_password' === $_POST['a
62 62
 	}
63 63
 }
64 64
 
65
+// Used in the HTML title tag.
65 66
 $title = __( 'Authorize Application' );
66 67
 
67 68
 $app_name    = ! empty( $_REQUEST['app_name'] ) ? $_REQUEST['app_name'] : '';
@@ -90,7 +91,7 @@ if ( is_wp_error( $is_valid ) ) {
90 91
 
91 92
 if ( wp_is_site_protected_by_basic_auth( 'front' ) ) {
92 93
 	wp_die(
93
-		__( 'Your website appears to use Basic Authentication, which is not currently compatible with Application Passwords.' ),
94
+		__( 'Your website appears to use Basic Authentication, which is not currently compatible with application passwords.' ),
94 95
 		__( 'Cannot Authorize Application' ),
95 96
 		array(
96 97
 			'response'  => 501,
@@ -147,30 +148,42 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
147 148
 				<?php
148 149
 				printf(
149 150
 					/* translators: %s: Application name. */
150
-					__( 'Would you like to give the application identifying itself as %s access to your account? You should only do this if you trust the app in question.' ),
151
+					__( 'Would you like to give the application identifying itself as %s access to your account? You should only do this if you trust the application in question.' ),
151 152
 					'<strong>' . esc_html( $app_name ) . '</strong>'
152 153
 				);
153 154
 				?>
154 155
 			</p>
155 156
 		<?php else : ?>
156
-			<p><?php _e( 'Would you like to give this application access to your account? You should only do this if you trust the app in question.' ); ?></p>
157
+			<p><?php _e( 'Would you like to give this application access to your account? You should only do this if you trust the application in question.' ); ?></p>
157 158
 		<?php endif; ?>
158 159
 
159 160
 		<?php
160 161
 		if ( is_multisite() ) {
161 162
 			$blogs       = get_blogs_of_user( $user->ID, true );
162 163
 			$blogs_count = count( $blogs );
164
+
163 165
 			if ( $blogs_count > 1 ) {
164 166
 				?>
165 167
 				<p>
166 168
 					<?php
167
-					printf(
169
+					/* translators: 1: URL to my-sites.php, 2: Number of sites the user has. */
170
+					$message = _n(
171
+						'This will grant access to <a href="%1$s">the %2$s site in this installation that you have permissions on</a>.',
172
+						'This will grant access to <a href="%1$s">all %2$s sites in this installation that you have permissions on</a>.',
173
+						$blogs_count
174
+					);
175
+
176
+					if ( is_super_admin() ) {
168 177
 						/* translators: 1: URL to my-sites.php, 2: Number of sites the user has. */
169
-						_n(
170
-							'This will grant access to <a href="%1$s">the %2$s site in this installation that you have permissions on</a>.',
171
-							'This will grant access to <a href="%1$s">all %2$s sites in this installation that you have permissions on</a>.',
178
+						$message = _n(
179
+							'This will grant access to <a href="%1$s">the %2$s site on the network as you have Super Admin rights</a>.',
180
+							'This will grant access to <a href="%1$s">all %2$s sites on the network as you have Super Admin rights</a>.',
172 181
 							$blogs_count
173
-						),
182
+						);
183
+					}
184
+
185
+					printf(
186
+						$message,
174 187
 						admin_url( 'my-sites.php' ),
175 188
 						number_format_i18n( $blogs_count )
176 189
 					);
@@ -224,7 +237,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
224 237
 
225 238
 				<div class="form-field">
226 239
 					<label for="app_name"><?php _e( 'New Application Password Name' ); ?></label>
227
-					<input type="text" id="app_name" name="app_name" value="<?php echo esc_attr( $app_name ); ?>" placeholder="<?php esc_attr_e( 'WordPress App on My Phone' ); ?>" required />
240
+					<input type="text" id="app_name" name="app_name" value="<?php echo esc_attr( $app_name ); ?>" required />
228 241
 				</div>
229 242
 
230 243
 				<?php
@@ -247,7 +260,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
247 260
 
248 261
 				<?php
249 262
 				submit_button(
250
-					__( 'Yes, I approve of this connection.' ),
263
+					__( 'Yes, I approve of this connection' ),
251 264
 					'primary',
252 265
 					'approve',
253 266
 					false,
@@ -262,7 +275,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
262 275
 						printf(
263 276
 							/* translators: %s: The URL the user is being redirected to. */
264 277
 							__( 'You will be sent to %s' ),
265
-							'<strong><kbd>' . esc_html(
278
+							'<strong><code>' . esc_html(
266 279
 								add_query_arg(
267 280
 									array(
268 281
 										'site_url'   => site_url(),
@@ -271,7 +284,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
271 284
 									),
272 285
 									$success_url
273 286
 								)
274
-							) . '</kbd></strong>'
287
+							) . '</code></strong>'
275 288
 						);
276 289
 					} else {
277 290
 						_e( 'You will be given a password to manually enter into the application in question.' );
@@ -281,7 +294,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
281 294
 
282 295
 				<?php
283 296
 				submit_button(
284
-					__( 'No, I do not approve of this connection.' ),
297
+					__( 'No, I do not approve of this connection' ),
285 298
 					'secondary',
286 299
 					'reject',
287 300
 					false,
@@ -296,7 +309,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
296 309
 						printf(
297 310
 							/* translators: %s: The URL the user is being redirected to. */
298 311
 							__( 'You will be sent to %s' ),
299
-							'<strong><kbd>' . esc_html( $reject_url ) . '</kbd></strong>'
312
+							'<strong><code>' . esc_html( $reject_url ) . '</code></strong>'
300 313
 						);
301 314
 					} else {
302 315
 						_e( 'You will be returned to the WordPress Dashboard, and no changes will be made.' );

+ 3 - 1
app/wp-admin/comment.php

@@ -43,7 +43,7 @@ if ( isset( $_REQUEST['c'] ) ) {
43 43
 	// Prevent actions on a comment associated with a trashed post.
44 44
 	if ( $comment && 'trash' === get_post_status( $comment->comment_post_ID ) ) {
45 45
 		wp_die(
46
-			__( 'You can&#8217;t edit this comment because the associated post is in the Trash. Please restore the post first, then try again.' )
46
+			__( 'You cannot edit this comment because the associated post is in the Trash. Please restore the post first, then try again.' )
47 47
 		);
48 48
 	}
49 49
 } else {
@@ -53,6 +53,7 @@ if ( isset( $_REQUEST['c'] ) ) {
53 53
 switch ( $action ) {
54 54
 
55 55
 	case 'editcomment':
56
+		// Used in the HTML title tag.
56 57
 		$title = __( 'Edit Comment' );
57 58
 
58 59
 		get_current_screen()->add_help_tab(
@@ -96,6 +97,7 @@ switch ( $action ) {
96 97
 	case 'approve':
97 98
 	case 'trash':
98 99
 	case 'spam':
100
+		// Used in the HTML title tag.
99 101
 		$title = __( 'Moderate Comment' );
100 102
 
101 103
 		if ( ! $comment ) {

+ 8 - 1
app/wp-admin/credits.php

@@ -10,6 +10,7 @@
10 10
 require_once __DIR__ . '/admin.php';
11 11
 require_once __DIR__ . '/includes/credits.php';
12 12
 
13
+// Used in the HTML title tag.
13 14
 $title = __( 'Credits' );
14 15
 
15 16
 list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
@@ -28,7 +29,13 @@ $credits = wp_credits();
28 29
 		</div>
29 30
 
30 31
 		<div class="about__header-text">
31
-			<?php _e( 'WordPress 5.8 was created by a worldwide team of passionate individuals' ); ?>
32
+			<?php
33
+			printf(
34
+				/* translators: %s: Version number. */
35
+				__( 'WordPress %s was created by a worldwide team of passionate individuals' ),
36
+				$display_version
37
+			);
38
+			?>
32 39
 		</div>
33 40
 
34 41
 		<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">

+ 152 - 91
app/wp-admin/css/about-rtl.css

@@ -22,7 +22,7 @@
22 22
 .about__container {
23 23
 	/* Section backgrounds */
24 24
 	--background: transparent;
25
-	--subtle-background: #def;
25
+	--subtle-background: #f0f0f0;
26 26
 
27 27
 	/* Main text color */
28 28
 	--text: #000;
@@ -30,7 +30,7 @@
30 30
 
31 31
 	/* Accent colors: used in header, on special classes. */
32 32
 	--accent-1: #3858e9; /* Accent background, link color */
33
-	--accent-2: #2d46ba; /* Header background */
33
+	--accent-2: #3858e9; /* Header background */
34 34
 
35 35
 	/* Navigation colors. */
36 36
 	--nav-background: #fff;
@@ -49,14 +49,14 @@
49 49
 .credits-php,
50 50
 .freedoms-php,
51 51
 .privacy-php {
52
-	background: #f0f7ff;
52
+	background: #fff;
53 53
 }
54 54
 
55 55
 .about-php #wpcontent,
56 56
 .credits-php #wpcontent,
57 57
 .freedoms-php #wpcontent,
58 58
 .privacy-php #wpcontent {
59
-	background: linear-gradient(-180deg, #fff 50%, #f0f7ff 100%);
59
+	background: #fff;
60 60
 	padding: 0 24px;
61 61
 }
62 62
 
@@ -141,25 +141,19 @@
141 141
 	margin: 0 0 var(--gap);
142 142
 }
143 143
 
144
-.about__section .column {
144
+.about__section .column:not(.is-edge-to-edge) {
145 145
 	padding: var(--gap);
146 146
 }
147 147
 
148
-.about__section + .about__section .column {
149
-	padding-top: 0;
150
-}
151
-
152 148
 .about__section + .about__section .is-section-header {
153 149
 	padding-bottom: var(--gap);
154 150
 }
155 151
 
156 152
 .about__section .column[class*="background-color"],
153
+.about__section:where([class*="background-color"]) .column,
157 154
 .about__section .column.has-border {
158 155
 	padding-top: var(--gap);
159
-}
160
-
161
-.about__section .column.is-edge-to-edge {
162
-	padding: 0;
156
+	padding-bottom: var(--gap);
163 157
 }
164 158
 
165 159
 .about__section .column p:first-of-type {
@@ -215,7 +209,8 @@
215 209
 }
216 210
 
217 211
 .about__section.has-gutters {
218
-	gap: calc(var(--gap) / 2);
212
+	gap: var(--gap);
213
+	margin-bottom: calc(var(--gap) * 2);
219 214
 }
220 215
 
221 216
 .about__section.has-2-columns {
@@ -223,11 +218,11 @@
223 218
 }
224 219
 
225 220
 .about__section.has-2-columns.is-wider-right {
226
-	grid-template-columns: 1fr 2fr;
221
+	grid-template-columns: 2fr 3fr;
227 222
 }
228 223
 
229 224
 .about__section.has-2-columns.is-wider-left {
230
-	grid-template-columns: 2fr 1fr;
225
+	grid-template-columns: 3fr 2fr;
231 226
 }
232 227
 
233 228
 .about__section.has-2-columns .is-section-header {
@@ -329,13 +324,24 @@
329 324
 	.about__section.has-2-columns.is-wider-left,
330 325
 	.about__section.has-3-columns {
331 326
 		display: block;
332
-		padding-bottom: calc(var(--gap) / 2);
327
+		margin-bottom: calc(var(--gap) / 2);
328
+	}
329
+
330
+	.about__section .column:not(.is-edge-to-edge) {
331
+		padding-top: var(--gap);
332
+		padding-bottom: var(--gap);
333
+	}
334
+
335
+	.about__section.has-2-columns.has-gutters.is-wider-right,
336
+	.about__section.has-2-columns.has-gutters.is-wider-left,
337
+	.about__section.has-3-columns.has-gutters {
338
+		margin-bottom: calc(var(--gap) * 2);
333 339
 	}
334 340
 
335 341
 	.about__section.has-2-columns.has-gutters .column,
336 342
 	.about__section.has-2-columns.has-gutters .column,
337 343
 	.about__section.has-3-columns.has-gutters .column {
338
-		margin-bottom: calc(var(--gap) / 2);
344
+		margin-bottom: var(--gap);
339 345
 	}
340 346
 
341 347
 	.about__section.has-2-columns.has-gutters .column:last-child,
@@ -394,21 +400,25 @@
394 400
 @media screen and (max-width: 600px) {
395 401
 	.about__section.has-2-columns {
396 402
 		display: block;
403
+		margin-bottom: var(--gap);
404
+	}
405
+
406
+	.about__section.has-2-columns:not(.has-gutters) .column:nth-of-type(n) {
407
+		padding-top: calc(var(--gap) / 2);
397 408
 		padding-bottom: calc(var(--gap) / 2);
398 409
 	}
399 410
 
411
+	.about__section.has-2-columns.has-gutters {
412
+		margin-bottom: calc(var(--gap) * 2);
413
+	}
414
+
400 415
 	.about__section.has-2-columns.has-gutters .column {
401
-		margin-bottom: calc(var(--gap) / 2);
416
+		margin-bottom: var(--gap);
402 417
 	}
403 418
 
404 419
 	.about__section.has-2-columns.has-gutters .column:last-child {
405 420
 		margin-bottom: 0;
406 421
 	}
407
-
408
-	.about__section.has-2-columns .column:nth-of-type(n) {
409
-		padding-top: calc(var(--gap) / 2);
410
-		padding-bottom: calc(var(--gap) / 2);
411
-	}
412 422
 }
413 423
 
414 424
 @media screen and (max-width: 480px) {
@@ -452,18 +462,18 @@
452 462
 .about__container h3.is-larger-heading {
453 463
 	margin-top: 0;
454 464
 	margin-bottom: 0.5em;
455
-	font-size: 2em;
456
-	line-height: 1.2;
465
+	font-size: 2rem;
457 466
 	font-weight: 700;
467
+	line-height: 1.16;
458 468
 }
459 469
 
460 470
 .about__container h3,
461 471
 .about__container h1.is-smaller-heading,
462 472
 .about__container h2.is-smaller-heading {
463 473
 	margin-top: 0;
464
-	font-size: 1.6em;
465
-	line-height: 1.3;
466
-	font-weight: 400;
474
+	font-size: 1.625rem;
475
+	font-weight: 700;
476
+	line-height: 1.4;
467 477
 }
468 478
 
469 479
 .about__container p {
@@ -471,6 +481,13 @@
471 481
 	line-height: inherit;
472 482
 }
473 483
 
484
+.about__container p.is-subheading {
485
+	margin-top: 0;
486
+	font-size: 1.5rem;
487
+	font-weight: 300;
488
+	line-height: 160%;
489
+}
490
+
474 491
 .about__section a {
475 492
 	color: var(--accent-1);
476 493
 	text-decoration: underline;
@@ -498,6 +515,10 @@
498 515
 	margin-right: calc(var(--gap) / 2);
499 516
 }
500 517
 
518
+.about__container li {
519
+	margin-bottom: 0.75rem;
520
+}
521
+
501 522
 .about__container img {
502 523
 	margin: 0;
503 524
 	max-width: 100%;
@@ -524,50 +545,14 @@
524 545
 	margin-left: auto;
525 546
 }
526 547
 
527
-.about__container .about__image-comparison {
528
-	position: relative;
529
-	display: inline-block;
530
-	max-width: 100%;
531
-}
532
-
533
-.about__container .about__image-comparison img {
534
-	-webkit-user-select: none;
535
-	user-select: none;
536
-	width: auto;
537
-	max-width: none;
538
-	max-height: 100%;
539
-}
540
-
541
-.about__container .about__image-comparison > img {
542
-	max-width: 100%;
543
-}
544
-
545
-.about__container .about__image-comparison-resize {
546
-	position: absolute !important; /* Needed to override inline style on ResizableBox */
547
-	top: 0;
548
-	bottom: 0;
549
-	right: 0;
550
-	width: 50%;
551
-	max-width: 100%;
552
-}
553
-
554
-.about__container .about__image-comparison.no-js .about__image-comparison-resize {
555
-	overflow: hidden;
556
-	border-left: 2px solid var(--wp-admin-theme-color);
557
-}
558
-
559
-.about__container .about__image-comparison-resize .components-resizable-box__side-handle::before {
560
-	width: 4px;
561
-	left: calc(50% - 2px);
562
-	transition: none;
563
-	animation: none;
564
-	opacity: 1;
565
-}
566
-
567 548
 .about__container .about__image + h3 {
568 549
 	margin-top: 1.5em;
569 550
 }
570 551
 
552
+.about__container .column .about__image {
553
+	margin-bottom: calc(var(--gap) / 2);
554
+}
555
+
571 556
 .about__container hr {
572 557
 	margin: 0;
573 558
 	height: var(--gap);
@@ -590,7 +575,8 @@
590 575
 }
591 576
 
592 577
 .about__section {
593
-	font-size: 1.2em;
578
+	font-size: 1.125rem;
579
+	line-height: 1.55;
594 580
 }
595 581
 
596 582
 .about__section.is-feature {
@@ -612,26 +598,45 @@
612 598
 /* 1.3 - Header */
613 599
 
614 600
 .about__header {
601
+	--about-header-image-width: 521px;
602
+	--about-header-image-height: 504px;
603
+	--about-header-bg-width: var(--about-header-image-width);
604
+	--about-header-bg-height: var(--about-header-image-height);
605
+	--about-header-bg-offset-inline: calc(var(--gap) * -2);
606
+
607
+	position: relative;
615 608
 	margin-bottom: var(--gap);
616 609
 	padding-top: 0;
617
-	background-position: center;
618
-	background-repeat: no-repeat;
619
-	background-size: cover;
620
-	background-image: url('../images/about-header-about.svg');
621
-	background-color: var(--accent-2);
622
-	color: var(--text-light);
610
+	background: var(--subtle-background) url('../images/about-header-about.svg?ver=6.0') no-repeat;
611
+	background-size: var(--about-header-bg-width) var(--about-header-bg-height);
612
+	background-position: left var(--about-header-bg-offset-inline) center;
623 613
 }
624 614
 
625 615
 .credits-php .about__header {
626
-	background-image: url('../images/about-header-credits.svg');
616
+	--about-header-image-width: 477px;
617
+	--about-header-image-height: 470px;
618
+	--about-header-bg-offset-inline: calc(var(--gap) * -4);
619
+
620
+	background-image: url('../images/about-header-credits.svg?ver=6.0');
621
+	background-position: left var(--about-header-bg-offset-inline) top var(--gap);
627 622
 }
628 623
 
629 624
 .freedoms-php .about__header {
630
-	background-image: url('../images/about-header-freedoms.svg');
625
+	--about-header-image-width: 411px;
626
+	--about-header-image-height: 498px;
627
+	--about-header-bg-offset-inline: var(--gap);
628
+
629
+	background-image: url('../images/about-header-freedoms.svg?ver=6.0');
630
+	background-position: left var(--about-header-bg-offset-inline) top calc(var(--gap) * 4);
631 631
 }
632 632
 
633 633
 .privacy-php .about__header {
634
-	background-image: url('../images/about-header-privacy.svg');
634
+	--about-header-image-width: 277px;
635
+	--about-header-image-height: 361px;
636
+	--about-header-bg-offset-inline: var(--gap);
637
+
638
+	background-image: url('../images/about-header-privacy.svg?ver=6.0');
639
+	background-position: left var(--about-header-bg-offset-inline) top var(--gap);
635 640
 }
636 641
 
637 642
 .about__header-image {
@@ -639,27 +644,50 @@
639 644
 }
640 645
 
641 646
 .about__header-title {
642
-	padding: 2rem 0 0;
643
-	margin: 0 2rem;
647
+	box-sizing: border-box;
648
+	margin: 0 var(--gap) 0 0;
649
+	padding: 8rem 0 0;
650
+	padding-left: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap));
651
+}
652
+
653
+.credits-php .about__header-title,
654
+.privacy-php .about__header-title {
655
+	padding-top: 6rem;
656
+}
657
+
658
+.freedoms-php .about__header-title {
659
+	padding-top: 3rem;
644 660
 }
645 661
 
646 662
 .about__header-title h1 {
647
-	margin: 0 0 0.5rem;
663
+	margin: 0 0 1rem;
648 664
 	padding: 0;
649
-	font-size: 4.5rem;
665
+	font-size: clamp(3rem, 18.46vw - 8.08rem, 6rem);
650 666
 	line-height: 1;
651 667
 	font-weight: 400;
652 668
 }
653 669
 
654 670
 .about__header-text {
655
-	max-width: 42rem;
656
-	margin: 0 0 5em;
657
-	padding: 0 2rem;
658
-	font-size: 2rem;
671
+	box-sizing: border-box;
672
+	margin: 0 0 9rem;
673
+	padding: 0 2rem 0 0;
674
+	padding-left: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap));
675
+	font-size: 1.6rem;
659 676
 	line-height: 1.15;
660 677
 }
661 678
 
679
+.credits-php .about__header-text,
680
+.privacy-php .about__header-text {
681
+	margin-bottom: 7rem;
682
+}
683
+
684
+.freedoms-php .about__header-text {
685
+	margin-bottom: 6rem;
686
+}
687
+
662 688
 .about__header-navigation {
689
+	position: relative;
690
+	z-index: 1;
663 691
 	display: flex;
664 692
 	justify-content: center;
665 693
 	padding-top: 0;
@@ -701,9 +729,15 @@
701 729
 	border-color: var(--nav-current);
702 730
 }
703 731
 
704
-@media screen and (max-width: 960px){
732
+@media screen and (max-width: 960px) {
733
+	.about__header {
734
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.7);
735
+		--about-header-bg-height: calc(var(--about-header-image-height) * 0.7);
736
+		--about-header-bg-offset-inline: calc(var(--gap) * -1);
737
+	}
738
+
705 739
 	.about__header-title h1 {
706
-		font-size: 4.8em;
740
+		font-size: clamp(3rem, 18.46vw - 5.08rem, 6rem);
707 741
 	}
708 742
 }
709 743
 
@@ -722,7 +756,12 @@
722 756
 		margin-left: calc(var(--gap) / 2);
723 757
 	}
724 758
 
725
-	.about__header-text,
759
+	.about__header-text {
760
+		margin-top: 0;
761
+		margin-left: 0;
762
+		padding-right: calc(var(--gap) / 2);
763
+	}
764
+
726 765
 	.about__header-navigation .nav-tab {
727 766
 		margin-top: 0;
728 767
 		margin-left: 0;
@@ -731,13 +770,35 @@
731 770
 	}
732 771
 }
733 772
 
773
+@media screen and (max-width: 600px) {
774
+	.about__header,
775
+	.credits-php .about__header,
776
+	.privacy-php .about__header,
777
+	.freedoms-php .about__header {
778
+		background-image: none;
779
+	}
780
+
781
+	.about__header-title,
782
+	.about__header-text {
783
+		padding-left: calc(var(--gap) / 2) !important;
784
+	}
785
+
786
+	.about__header-title h1 {
787
+		font-size: clamp(2rem, 11.43vw - 0.29rem, 4rem);
788
+	}
789
+}
790
+
734 791
 @media screen and (max-width: 480px) {
735 792
 	.about__header-title p {
736 793
 		font-size: 2.4em;
737 794
 	}
738 795
 
796
+	.about__header-title {
797
+		padding-top: 2rem;
798
+	}
799
+
739 800
 	.about__header-text {
740
-		margin-bottom: 1em;
801
+		margin-bottom: 2rem;
741 802
 	}
742 803
 
743 804
 	.about__header-navigation {

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/about-rtl.min.css


+ 152 - 91
app/wp-admin/css/about.css

@@ -21,7 +21,7 @@
21 21
 .about__container {
22 22
 	/* Section backgrounds */
23 23
 	--background: transparent;
24
-	--subtle-background: #def;
24
+	--subtle-background: #f0f0f0;
25 25
 
26 26
 	/* Main text color */
27 27
 	--text: #000;
@@ -29,7 +29,7 @@
29 29
 
30 30
 	/* Accent colors: used in header, on special classes. */
31 31
 	--accent-1: #3858e9; /* Accent background, link color */
32
-	--accent-2: #2d46ba; /* Header background */
32
+	--accent-2: #3858e9; /* Header background */
33 33
 
34 34
 	/* Navigation colors. */
35 35
 	--nav-background: #fff;
@@ -48,14 +48,14 @@
48 48
 .credits-php,
49 49
 .freedoms-php,
50 50
 .privacy-php {
51
-	background: #f0f7ff;
51
+	background: #fff;
52 52
 }
53 53
 
54 54
 .about-php #wpcontent,
55 55
 .credits-php #wpcontent,
56 56
 .freedoms-php #wpcontent,
57 57
 .privacy-php #wpcontent {
58
-	background: linear-gradient(180deg, #fff 50%, #f0f7ff 100%);
58
+	background: #fff;
59 59
 	padding: 0 24px;
60 60
 }
61 61
 
@@ -140,25 +140,19 @@
140 140
 	margin: 0 0 var(--gap);
141 141
 }
142 142
 
143
-.about__section .column {
143
+.about__section .column:not(.is-edge-to-edge) {
144 144
 	padding: var(--gap);
145 145
 }
146 146
 
147
-.about__section + .about__section .column {
148
-	padding-top: 0;
149
-}
150
-
151 147
 .about__section + .about__section .is-section-header {
152 148
 	padding-bottom: var(--gap);
153 149
 }
154 150
 
155 151
 .about__section .column[class*="background-color"],
152
+.about__section:where([class*="background-color"]) .column,
156 153
 .about__section .column.has-border {
157 154
 	padding-top: var(--gap);
158
-}
159
-
160
-.about__section .column.is-edge-to-edge {
161
-	padding: 0;
155
+	padding-bottom: var(--gap);
162 156
 }
163 157
 
164 158
 .about__section .column p:first-of-type {
@@ -214,7 +208,8 @@
214 208
 }
215 209
 
216 210
 .about__section.has-gutters {
217
-	gap: calc(var(--gap) / 2);
211
+	gap: var(--gap);
212
+	margin-bottom: calc(var(--gap) * 2);
218 213
 }
219 214
 
220 215
 .about__section.has-2-columns {
@@ -222,11 +217,11 @@
222 217
 }
223 218
 
224 219
 .about__section.has-2-columns.is-wider-right {
225
-	grid-template-columns: 1fr 2fr;
220
+	grid-template-columns: 2fr 3fr;
226 221
 }
227 222
 
228 223
 .about__section.has-2-columns.is-wider-left {
229
-	grid-template-columns: 2fr 1fr;
224
+	grid-template-columns: 3fr 2fr;
230 225
 }
231 226
 
232 227
 .about__section.has-2-columns .is-section-header {
@@ -328,13 +323,24 @@
328 323
 	.about__section.has-2-columns.is-wider-left,
329 324
 	.about__section.has-3-columns {
330 325
 		display: block;
331
-		padding-bottom: calc(var(--gap) / 2);
326
+		margin-bottom: calc(var(--gap) / 2);
327
+	}
328
+
329
+	.about__section .column:not(.is-edge-to-edge) {
330
+		padding-top: var(--gap);
331
+		padding-bottom: var(--gap);
332
+	}
333
+
334
+	.about__section.has-2-columns.has-gutters.is-wider-right,
335
+	.about__section.has-2-columns.has-gutters.is-wider-left,
336
+	.about__section.has-3-columns.has-gutters {
337
+		margin-bottom: calc(var(--gap) * 2);
332 338
 	}
333 339
 
334 340
 	.about__section.has-2-columns.has-gutters .column,
335 341
 	.about__section.has-2-columns.has-gutters .column,
336 342
 	.about__section.has-3-columns.has-gutters .column {
337
-		margin-bottom: calc(var(--gap) / 2);
343
+		margin-bottom: var(--gap);
338 344
 	}
339 345
 
340 346
 	.about__section.has-2-columns.has-gutters .column:last-child,
@@ -393,21 +399,25 @@
393 399
 @media screen and (max-width: 600px) {
394 400
 	.about__section.has-2-columns {
395 401
 		display: block;
402
+		margin-bottom: var(--gap);
403
+	}
404
+
405
+	.about__section.has-2-columns:not(.has-gutters) .column:nth-of-type(n) {
406
+		padding-top: calc(var(--gap) / 2);
396 407
 		padding-bottom: calc(var(--gap) / 2);
397 408
 	}
398 409
 
410
+	.about__section.has-2-columns.has-gutters {
411
+		margin-bottom: calc(var(--gap) * 2);
412
+	}
413
+
399 414
 	.about__section.has-2-columns.has-gutters .column {
400
-		margin-bottom: calc(var(--gap) / 2);
415
+		margin-bottom: var(--gap);
401 416
 	}
402 417
 
403 418
 	.about__section.has-2-columns.has-gutters .column:last-child {
404 419
 		margin-bottom: 0;
405 420
 	}
406
-
407
-	.about__section.has-2-columns .column:nth-of-type(n) {
408
-		padding-top: calc(var(--gap) / 2);
409
-		padding-bottom: calc(var(--gap) / 2);
410
-	}
411 421
 }
412 422
 
413 423
 @media screen and (max-width: 480px) {
@@ -451,18 +461,18 @@
451 461
 .about__container h3.is-larger-heading {
452 462
 	margin-top: 0;
453 463
 	margin-bottom: 0.5em;
454
-	font-size: 2em;
455
-	line-height: 1.2;
464
+	font-size: 2rem;
456 465
 	font-weight: 700;
466
+	line-height: 1.16;
457 467
 }
458 468
 
459 469
 .about__container h3,
460 470
 .about__container h1.is-smaller-heading,
461 471
 .about__container h2.is-smaller-heading {
462 472
 	margin-top: 0;
463
-	font-size: 1.6em;
464
-	line-height: 1.3;
465
-	font-weight: 400;
473
+	font-size: 1.625rem;
474
+	font-weight: 700;
475
+	line-height: 1.4;
466 476
 }
467 477
 
468 478
 .about__container p {
@@ -470,6 +480,13 @@
470 480
 	line-height: inherit;
471 481
 }
472 482
 
483
+.about__container p.is-subheading {
484
+	margin-top: 0;
485
+	font-size: 1.5rem;
486
+	font-weight: 300;
487
+	line-height: 160%;
488
+}
489
+
473 490
 .about__section a {
474 491
 	color: var(--accent-1);
475 492
 	text-decoration: underline;
@@ -497,6 +514,10 @@
497 514
 	margin-left: calc(var(--gap) / 2);
498 515
 }
499 516
 
517
+.about__container li {
518
+	margin-bottom: 0.75rem;
519
+}
520
+
500 521
 .about__container img {
501 522
 	margin: 0;
502 523
 	max-width: 100%;
@@ -523,50 +544,14 @@
523 544
 	margin-right: auto;
524 545
 }
525 546
 
526
-.about__container .about__image-comparison {
527
-	position: relative;
528
-	display: inline-block;
529
-	max-width: 100%;
530
-}
531
-
532
-.about__container .about__image-comparison img {
533
-	-webkit-user-select: none;
534
-	user-select: none;
535
-	width: auto;
536
-	max-width: none;
537
-	max-height: 100%;
538
-}
539
-
540
-.about__container .about__image-comparison > img {
541
-	max-width: 100%;
542
-}
543
-
544
-.about__container .about__image-comparison-resize {
545
-	position: absolute !important; /* Needed to override inline style on ResizableBox */
546
-	top: 0;
547
-	bottom: 0;
548
-	left: 0;
549
-	width: 50%;
550
-	max-width: 100%;
551
-}
552
-
553
-.about__container .about__image-comparison.no-js .about__image-comparison-resize {
554
-	overflow: hidden;
555
-	border-right: 2px solid var(--wp-admin-theme-color);
556
-}
557
-
558
-.about__container .about__image-comparison-resize .components-resizable-box__side-handle::before {
559
-	width: 4px;
560
-	right: calc(50% - 2px);
561
-	transition: none;
562
-	animation: none;
563
-	opacity: 1;
564
-}
565
-
566 547
 .about__container .about__image + h3 {
567 548
 	margin-top: 1.5em;
568 549
 }
569 550
 
551
+.about__container .column .about__image {
552
+	margin-bottom: calc(var(--gap) / 2);
553
+}
554
+
570 555
 .about__container hr {
571 556
 	margin: 0;
572 557
 	height: var(--gap);
@@ -589,7 +574,8 @@
589 574
 }
590 575
 
591 576
 .about__section {
592
-	font-size: 1.2em;
577
+	font-size: 1.125rem;
578
+	line-height: 1.55;
593 579
 }
594 580
 
595 581
 .about__section.is-feature {
@@ -611,26 +597,45 @@
611 597
 /* 1.3 - Header */
612 598
 
613 599
 .about__header {
600
+	--about-header-image-width: 521px;
601
+	--about-header-image-height: 504px;
602
+	--about-header-bg-width: var(--about-header-image-width);
603
+	--about-header-bg-height: var(--about-header-image-height);
604
+	--about-header-bg-offset-inline: calc(var(--gap) * -2);
605
+
606
+	position: relative;
614 607
 	margin-bottom: var(--gap);
615 608
 	padding-top: 0;
616
-	background-position: center;
617
-	background-repeat: no-repeat;
618
-	background-size: cover;
619
-	background-image: url('../images/about-header-about.svg');
620
-	background-color: var(--accent-2);
621
-	color: var(--text-light);
609
+	background: var(--subtle-background) url('../images/about-header-about.svg?ver=6.0') no-repeat;
610
+	background-size: var(--about-header-bg-width) var(--about-header-bg-height);
611
+	background-position: right var(--about-header-bg-offset-inline) center;
622 612
 }
623 613
 
624 614
 .credits-php .about__header {
625
-	background-image: url('../images/about-header-credits.svg');
615
+	--about-header-image-width: 477px;
616
+	--about-header-image-height: 470px;
617
+	--about-header-bg-offset-inline: calc(var(--gap) * -4);
618
+
619
+	background-image: url('../images/about-header-credits.svg?ver=6.0');
620
+	background-position: right var(--about-header-bg-offset-inline) top var(--gap);
626 621
 }
627 622
 
628 623
 .freedoms-php .about__header {
629
-	background-image: url('../images/about-header-freedoms.svg');
624
+	--about-header-image-width: 411px;
625
+	--about-header-image-height: 498px;
626
+	--about-header-bg-offset-inline: var(--gap);
627
+
628
+	background-image: url('../images/about-header-freedoms.svg?ver=6.0');
629
+	background-position: right var(--about-header-bg-offset-inline) top calc(var(--gap) * 4);
630 630
 }
631 631
 
632 632
 .privacy-php .about__header {
633
-	background-image: url('../images/about-header-privacy.svg');
633
+	--about-header-image-width: 277px;
634
+	--about-header-image-height: 361px;
635
+	--about-header-bg-offset-inline: var(--gap);
636
+
637
+	background-image: url('../images/about-header-privacy.svg?ver=6.0');
638
+	background-position: right var(--about-header-bg-offset-inline) top var(--gap);
634 639
 }
635 640
 
636 641
 .about__header-image {
@@ -638,27 +643,50 @@
638 643
 }
639 644
 
640 645
 .about__header-title {
641
-	padding: 2rem 0 0;
642
-	margin: 0 2rem;
646
+	box-sizing: border-box;
647
+	margin: 0 0 0 var(--gap);
648
+	padding: 8rem 0 0;
649
+	padding-right: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap));
650
+}
651
+
652
+.credits-php .about__header-title,
653
+.privacy-php .about__header-title {
654
+	padding-top: 6rem;
655
+}
656
+
657
+.freedoms-php .about__header-title {
658
+	padding-top: 3rem;
643 659
 }
644 660
 
645 661
 .about__header-title h1 {
646
-	margin: 0 0 0.5rem;
662
+	margin: 0 0 1rem;
647 663
 	padding: 0;
648
-	font-size: 4.5rem;
664
+	font-size: clamp(3rem, 18.46vw - 8.08rem, 6rem);
649 665
 	line-height: 1;
650 666
 	font-weight: 400;
651 667
 }
652 668
 
653 669
 .about__header-text {
654
-	max-width: 42rem;
655
-	margin: 0 0 5em;
656
-	padding: 0 2rem;
657
-	font-size: 2rem;
670
+	box-sizing: border-box;
671
+	margin: 0 0 9rem;
672
+	padding: 0 0 0 2rem;
673
+	padding-right: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap));
674
+	font-size: 1.6rem;
658 675
 	line-height: 1.15;
659 676
 }
660 677
 
678
+.credits-php .about__header-text,
679
+.privacy-php .about__header-text {
680
+	margin-bottom: 7rem;
681
+}
682
+
683
+.freedoms-php .about__header-text {
684
+	margin-bottom: 6rem;
685
+}
686
+
661 687
 .about__header-navigation {
688
+	position: relative;
689
+	z-index: 1;
662 690
 	display: flex;
663 691
 	justify-content: center;
664 692
 	padding-top: 0;
@@ -700,9 +728,15 @@
700 728
 	border-color: var(--nav-current);
701 729
 }
702 730
 
703
-@media screen and (max-width: 960px){
731
+@media screen and (max-width: 960px) {
732
+	.about__header {
733
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.7);
734
+		--about-header-bg-height: calc(var(--about-header-image-height) * 0.7);
735
+		--about-header-bg-offset-inline: calc(var(--gap) * -1);
736
+	}
737
+
704 738
 	.about__header-title h1 {
705
-		font-size: 4.8em;
739
+		font-size: clamp(3rem, 18.46vw - 5.08rem, 6rem);
706 740
 	}
707 741
 }
708 742
 
@@ -721,7 +755,12 @@
721 755
 		margin-right: calc(var(--gap) / 2);
722 756
 	}
723 757
 
724
-	.about__header-text,
758
+	.about__header-text {
759
+		margin-top: 0;
760
+		margin-right: 0;
761
+		padding-left: calc(var(--gap) / 2);
762
+	}
763
+
725 764
 	.about__header-navigation .nav-tab {
726 765
 		margin-top: 0;
727 766
 		margin-right: 0;
@@ -730,13 +769,35 @@
730 769
 	}
731 770
 }
732 771
 
772
+@media screen and (max-width: 600px) {
773
+	.about__header,
774
+	.credits-php .about__header,
775
+	.privacy-php .about__header,
776
+	.freedoms-php .about__header {
777
+		background-image: none;
778
+	}
779
+
780
+	.about__header-title,
781
+	.about__header-text {
782
+		padding-right: calc(var(--gap) / 2) !important;
783
+	}
784
+
785
+	.about__header-title h1 {
786
+		font-size: clamp(2rem, 11.43vw - 0.29rem, 4rem);
787
+	}
788
+}
789
+
733 790
 @media screen and (max-width: 480px) {
734 791
 	.about__header-title p {
735 792
 		font-size: 2.4em;
736 793
 	}
737 794
 
795
+	.about__header-title {
796
+		padding-top: 2rem;
797
+	}
798
+
738 799
 	.about__header-text {
739
-		margin-bottom: 1em;
800
+		margin-bottom: 2rem;
740 801
 	}
741 802
 
742 803
 	.about__header-navigation {

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/about.min.css


+ 5 - 6
app/wp-admin/css/admin-menu-rtl.css

@@ -40,7 +40,7 @@
40 40
 .icon16 {
41 41
 	height: 18px;
42 42
 	width: 18px;
43
-	padding: 6px 6px;
43
+	padding: 6px;
44 44
 	margin: -6px -8px 0 0;
45 45
 	float: right;
46 46
 }
@@ -162,7 +162,6 @@
162 162
 #adminmenu li {
163 163
 	margin: 0;
164 164
 	padding: 0;
165
-	cursor: pointer;
166 165
 }
167 166
 
168 167
 #adminmenu a {
@@ -346,7 +345,7 @@
346 345
 }
347 346
 
348 347
 #adminmenu .wp-menu-image img {
349
-	padding: 9px 0 0 0;
348
+	padding: 9px 0 0;
350 349
 	opacity: 0.6;
351 350
 	filter: alpha(opacity=60);
352 351
 }
@@ -489,7 +488,7 @@ ul#adminmenu > li.current > a.current:after {
489 488
 #adminmenu li.wp-menu-separator {
490 489
 	height: 5px;
491 490
 	padding: 0;
492
-	margin: 0 0 6px 0;
491
+	margin: 0 0 6px;
493 492
 	cursor: inherit;
494 493
 }
495 494
 
@@ -504,7 +503,7 @@ ul#adminmenu > li.current > a.current:after {
504 503
 	font-weight: 400;
505 504
 	font-size: 14px;
506 505
 	padding: 5px 11px 5px 4px;
507
-	margin: -7px -5px 4px 0px;
506
+	margin: -7px -5px 4px 0;
508 507
 	border-width: 3px 5px 3px 0;
509 508
 	border-style: solid;
510 509
 	border-color: transparent;
@@ -655,7 +654,7 @@ li#wp-admin-bar-menu-toggle {
655 654
 	.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
656 655
 	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
657 656
 	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
658
-		top: 0px;
657
+		top: 0;
659 658
 		right: 36px;
660 659
 	}
661 660
 

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/admin-menu-rtl.min.css


+ 5 - 6
app/wp-admin/css/admin-menu.css

@@ -39,7 +39,7 @@
39 39
 .icon16 {
40 40
 	height: 18px;
41 41
 	width: 18px;
42
-	padding: 6px 6px;
42
+	padding: 6px;
43 43
 	margin: -6px 0 0 -8px;
44 44
 	float: left;
45 45
 }
@@ -161,7 +161,6 @@
161 161
 #adminmenu li {
162 162
 	margin: 0;
163 163
 	padding: 0;
164
-	cursor: pointer;
165 164
 }
166 165
 
167 166
 #adminmenu a {
@@ -345,7 +344,7 @@
345 344
 }
346 345
 
347 346
 #adminmenu .wp-menu-image img {
348
-	padding: 9px 0 0 0;
347
+	padding: 9px 0 0;
349 348
 	opacity: 0.6;
350 349
 	filter: alpha(opacity=60);
351 350
 }
@@ -488,7 +487,7 @@ ul#adminmenu > li.current > a.current:after {
488 487
 #adminmenu li.wp-menu-separator {
489 488
 	height: 5px;
490 489
 	padding: 0;
491
-	margin: 0 0 6px 0;
490
+	margin: 0 0 6px;
492 491
 	cursor: inherit;
493 492
 }
494 493
 
@@ -503,7 +502,7 @@ ul#adminmenu > li.current > a.current:after {
503 502
 	font-weight: 400;
504 503
 	font-size: 14px;
505 504
 	padding: 5px 4px 5px 11px;
506
-	margin: -7px 0px 4px -5px;
505
+	margin: -7px 0 4px -5px;
507 506
 	border-width: 3px 0 3px 5px;
508 507
 	border-style: solid;
509 508
 	border-color: transparent;
@@ -654,7 +653,7 @@ li#wp-admin-bar-menu-toggle {
654 653
 	.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
655 654
 	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
656 655
 	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
657
-		top: 0px;
656
+		top: 0;
658 657
 		left: 36px;
659 658
 	}
660 659
 

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/admin-menu.min.css


+ 1 - 1
app/wp-admin/css/color-picker-rtl.css

@@ -12,7 +12,7 @@
12 12
 /* Needs higher specificiity. */
13 13
 .wp-picker-container .wp-color-result.button {
14 14
 	min-height: 30px;
15
-	margin: 0 0px 6px 6px;
15
+	margin: 0 0 6px 6px;
16 16
 	padding: 0 30px 0 0;
17 17
 	font-size: 11px;
18 18
 }

+ 1 - 1
app/wp-admin/css/color-picker.css

@@ -11,7 +11,7 @@
11 11
 /* Needs higher specificiity. */
12 12
 .wp-picker-container .wp-color-result.button {
13 13
 	min-height: 30px;
14
-	margin: 0 6px 6px 0px;
14
+	margin: 0 6px 6px 0;
15 15
 	padding: 0 0 0 30px;
16 16
 	font-size: 11px;
17 17
 }

+ 17 - 0
app/wp-admin/css/colors/_admin.scss

@@ -781,3 +781,20 @@ div#wp-responsive-toggle a:before {
781 781
 		color: $link;
782 782
 	}
783 783
 }
784
+
785
+/* Welcome Panel */
786
+.welcome-panel {
787
+	background-color: mix($dashboard-accent-1, white, 12%);
788
+}
789
+
790
+.welcome-panel-header-image .about-six {
791
+	fill: $dashboard-accent-1;
792
+}
793
+
794
+.welcome-panel-header-image .about-zero {
795
+	fill: $dashboard-accent-2;
796
+}
797
+
798
+[class*="welcome-panel-icon"] {
799
+	background-color: $dashboard-icon-background;
800
+}

+ 7 - 0
app/wp-admin/css/colors/_variables.scss

@@ -1,5 +1,6 @@
1 1
 // assign default value to all undefined variables
2 2
 
3
+$scheme-name: "default" !default;
3 4
 
4 5
 // core variables
5 6
 
@@ -62,4 +63,10 @@ $adminbar-recovery-exit-background-alt: mix(black, $adminbar-recovery-exit-backg
62 63
 
63 64
 $menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;
64 65
 
66
+// Dashboard Colors
67
+
68
+$dashboard-accent-1: $highlight-color !default;
69
+$dashboard-accent-2: $base-color !default;
70
+$dashboard-icon-background: $dashboard-accent-2 !default;
71
+
65 72
 $low-contrast-theme: "false" !default;

+ 17 - 0
app/wp-admin/css/colors/blue/colors-rtl.css

@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703
   border-bottom-color: #e1a948;
704 704
   color: #0073aa;
705
+}
706
+
707
+/* Welcome Panel */
708
+.welcome-panel {
709
+  background-color: #e1ecf0;
710
+}
711
+
712
+.welcome-panel-header-image .about-six {
713
+  fill: #096484;
714
+}
715
+
716
+.welcome-panel-header-image .about-zero {
717
+  fill: #52accc;
718
+}
719
+
720
+[class*=welcome-panel-icon] {
721
+  background-color: #096484;
705 722
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/blue/colors-rtl.min.css


+ 17 - 0
app/wp-admin/css/colors/blue/colors.css

@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703
   border-bottom-color: #e1a948;
704 704
   color: #0073aa;
705
+}
706
+
707
+/* Welcome Panel */
708
+.welcome-panel {
709
+  background-color: #e1ecf0;
710
+}
711
+
712
+.welcome-panel-header-image .about-six {
713
+  fill: #096484;
714
+}
715
+
716
+.welcome-panel-header-image .about-zero {
717
+  fill: #52accc;
718
+}
719
+
720
+[class*=welcome-panel-icon] {
721
+  background-color: #096484;
705 722
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/blue/colors.min.css


+ 3 - 0
app/wp-admin/css/colors/blue/colors.scss

@@ -1,3 +1,4 @@
1
+$scheme-name: "blue";
1 2
 $base-color: #52accc;
2 3
 $icon-color: #e5f8ff;
3 4
 $highlight-color: #096484;
@@ -8,4 +9,6 @@ $menu-submenu-text: #e2ecf1;
8 9
 $menu-submenu-focus-text: #fff;
9 10
 $menu-submenu-background: #4796b3;
10 11
 
12
+$dashboard-icon-background: $highlight-color;
13
+
11 14
 @import "../_admin.scss";

+ 26 - 9
app/wp-admin/css/colors/coffee/colors-rtl.css

@@ -167,7 +167,7 @@ textarea:focus {
167 167
   color: #9ea476;
168 168
 }
169 169
 .wp-core-ui .wp-ui-text-icon {
170
-  color: #f3f2f1;
170
+  color: hsl(27.6923076923deg, 7%, 95%);
171 171
 }
172 172
 
173 173
 /* List tables */
@@ -196,7 +196,7 @@ textarea:focus {
196 196
 }
197 197
 
198 198
 #adminmenu div.wp-menu-image:before {
199
-  color: #f3f2f1;
199
+  color: hsl(27.6923076923deg, 7%, 95%);
200 200
 }
201 201
 
202 202
 #adminmenu a:hover,
@@ -308,7 +308,7 @@ ul#adminmenu > li.current > a.current:after {
308 308
 
309 309
 /* Admin Menu: collapse button */
310 310
 #collapse-button {
311
-  color: #f3f2f1;
311
+  color: hsl(27.6923076923deg, 7%, 95%);
312 312
 }
313 313
 
314 314
 #collapse-button:hover,
@@ -333,7 +333,7 @@ ul#adminmenu > li.current > a.current:after {
333 333
 #wpadminbar .ab-icon:before,
334 334
 #wpadminbar .ab-item:before,
335 335
 #wpadminbar .ab-item:after {
336
-  color: #f3f2f1;
336
+  color: hsl(27.6923076923deg, 7%, 95%);
337 337
 }
338 338
 
339 339
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -377,7 +377,7 @@ ul#adminmenu > li.current > a.current:after {
377 377
 
378 378
 #wpadminbar .quicklinks li .blavatar,
379 379
 #wpadminbar .menupop .menupop > .ab-item:before {
380
-  color: #f3f2f1;
380
+  color: hsl(27.6923076923deg, 7%, 95%);
381 381
 }
382 382
 
383 383
 #wpadminbar .quicklinks .menupop ul li a:hover,
@@ -412,12 +412,12 @@ ul#adminmenu > li.current > a.current:after {
412 412
 
413 413
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
414 414
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
415
-  color: #f3f2f1;
415
+  color: hsl(27.6923076923deg, 7%, 95%);
416 416
 }
417 417
 
418 418
 /* Admin Bar: search */
419 419
 #wpadminbar #adminbarsearch:before {
420
-  color: #f3f2f1;
420
+  color: hsl(27.6923076923deg, 7%, 95%);
421 421
 }
422 422
 
423 423
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -553,7 +553,7 @@ body.more-filters-opened .more-filters:focus:before {
553 553
 
554 554
 /* Responsive Component */
555 555
 div#wp-responsive-toggle a:before {
556
-  color: #f3f2f1;
556
+  color: hsl(27.6923076923deg, 7%, 95%);
557 557
 }
558 558
 
559 559
 .wp-responsive-open div#wp-responsive-toggle a {
@@ -566,7 +566,7 @@ div#wp-responsive-toggle a:before {
566 566
 }
567 567
 
568 568
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
569
-  color: #f3f2f1;
569
+  color: hsl(27.6923076923deg, 7%, 95%);
570 570
 }
571 571
 
572 572
 /* TinyMCE */
@@ -669,4 +669,21 @@ div#wp-responsive-toggle a:before {
669 669
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
670 670
   border-bottom-color: #c7a589;
671 671
   color: #0073aa;
672
+}
673
+
674
+/* Welcome Panel */
675
+.welcome-panel {
676
+  background-color: #f8f4f1;
677
+}
678
+
679
+.welcome-panel-header-image .about-six {
680
+  fill: #c7a589;
681
+}
682
+
683
+.welcome-panel-header-image .about-zero {
684
+  fill: #59524c;
685
+}
686
+
687
+[class*=welcome-panel-icon] {
688
+  background-color: #59524c;
672 689
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/coffee/colors-rtl.min.css


+ 26 - 9
app/wp-admin/css/colors/coffee/colors.css

@@ -167,7 +167,7 @@ textarea:focus {
167 167
   color: #9ea476;
168 168
 }
169 169
 .wp-core-ui .wp-ui-text-icon {
170
-  color: #f3f2f1;
170
+  color: hsl(27.6923076923deg, 7%, 95%);
171 171
 }
172 172
 
173 173
 /* List tables */
@@ -196,7 +196,7 @@ textarea:focus {
196 196
 }
197 197
 
198 198
 #adminmenu div.wp-menu-image:before {
199
-  color: #f3f2f1;
199
+  color: hsl(27.6923076923deg, 7%, 95%);
200 200
 }
201 201
 
202 202
 #adminmenu a:hover,
@@ -308,7 +308,7 @@ ul#adminmenu > li.current > a.current:after {
308 308
 
309 309
 /* Admin Menu: collapse button */
310 310
 #collapse-button {
311
-  color: #f3f2f1;
311
+  color: hsl(27.6923076923deg, 7%, 95%);
312 312
 }
313 313
 
314 314
 #collapse-button:hover,
@@ -333,7 +333,7 @@ ul#adminmenu > li.current > a.current:after {
333 333
 #wpadminbar .ab-icon:before,
334 334
 #wpadminbar .ab-item:before,
335 335
 #wpadminbar .ab-item:after {
336
-  color: #f3f2f1;
336
+  color: hsl(27.6923076923deg, 7%, 95%);
337 337
 }
338 338
 
339 339
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -377,7 +377,7 @@ ul#adminmenu > li.current > a.current:after {
377 377
 
378 378
 #wpadminbar .quicklinks li .blavatar,
379 379
 #wpadminbar .menupop .menupop > .ab-item:before {
380
-  color: #f3f2f1;
380
+  color: hsl(27.6923076923deg, 7%, 95%);
381 381
 }
382 382
 
383 383
 #wpadminbar .quicklinks .menupop ul li a:hover,
@@ -412,12 +412,12 @@ ul#adminmenu > li.current > a.current:after {
412 412
 
413 413
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
414 414
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
415
-  color: #f3f2f1;
415
+  color: hsl(27.6923076923deg, 7%, 95%);
416 416
 }
417 417
 
418 418
 /* Admin Bar: search */
419 419
 #wpadminbar #adminbarsearch:before {
420
-  color: #f3f2f1;
420
+  color: hsl(27.6923076923deg, 7%, 95%);
421 421
 }
422 422
 
423 423
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -553,7 +553,7 @@ body.more-filters-opened .more-filters:focus:before {
553 553
 
554 554
 /* Responsive Component */
555 555
 div#wp-responsive-toggle a:before {
556
-  color: #f3f2f1;
556
+  color: hsl(27.6923076923deg, 7%, 95%);
557 557
 }
558 558
 
559 559
 .wp-responsive-open div#wp-responsive-toggle a {
@@ -566,7 +566,7 @@ div#wp-responsive-toggle a:before {
566 566
 }
567 567
 
568 568
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
569
-  color: #f3f2f1;
569
+  color: hsl(27.6923076923deg, 7%, 95%);
570 570
 }
571 571
 
572 572
 /* TinyMCE */
@@ -669,4 +669,21 @@ div#wp-responsive-toggle a:before {
669 669
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
670 670
   border-bottom-color: #c7a589;
671 671
   color: #0073aa;
672
+}
673
+
674
+/* Welcome Panel */
675
+.welcome-panel {
676
+  background-color: #f8f4f1;
677
+}
678
+
679
+.welcome-panel-header-image .about-six {
680
+  fill: #c7a589;
681
+}
682
+
683
+.welcome-panel-header-image .about-zero {
684
+  fill: #59524c;
685
+}
686
+
687
+[class*=welcome-panel-icon] {
688
+  background-color: #59524c;
672 689
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/coffee/colors.min.css


+ 1 - 0
app/wp-admin/css/colors/coffee/colors.scss

@@ -1,3 +1,4 @@
1
+$scheme-name: "coffee";
1 2
 $base-color: #59524c;
2 3
 $highlight-color: #c7a589;
3 4
 $notification-color: #9ea476;

+ 17 - 0
app/wp-admin/css/colors/ectoplasm/colors-rtl.css

@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703
   border-bottom-color: #a3b745;
704 704
   color: #0073aa;
705
+}
706
+
707
+/* Welcome Panel */
708
+.welcome-panel {
709
+  background-color: #f4f6e9;
710
+}
711
+
712
+.welcome-panel-header-image .about-six {
713
+  fill: #a3b745;
714
+}
715
+
716
+.welcome-panel-header-image .about-zero {
717
+  fill: #523f6d;
718
+}
719
+
720
+[class*=welcome-panel-icon] {
721
+  background-color: #523f6d;
705 722
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/ectoplasm/colors-rtl.min.css


+ 17 - 0
app/wp-admin/css/colors/ectoplasm/colors.css

@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703
   border-bottom-color: #a3b745;
704 704
   color: #0073aa;
705
+}
706
+
707
+/* Welcome Panel */
708
+.welcome-panel {
709
+  background-color: #f4f6e9;
710
+}
711
+
712
+.welcome-panel-header-image .about-six {
713
+  fill: #a3b745;
714
+}
715
+
716
+.welcome-panel-header-image .about-zero {
717
+  fill: #523f6d;
718
+}
719
+
720
+[class*=welcome-panel-icon] {
721
+  background-color: #523f6d;
705 722
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/ectoplasm/colors.min.css


+ 1 - 0
app/wp-admin/css/colors/ectoplasm/colors.scss

@@ -1,3 +1,4 @@
1
+$scheme-name: "ectoplasm";
1 2
 $base-color: #523f6d;
2 3
 $icon-color: #ece6f6;
3 4
 $highlight-color: #a3b745;

+ 17 - 0
app/wp-admin/css/colors/light/colors-rtl.css

@@ -704,6 +704,23 @@ div#wp-responsive-toggle a:before {
704 704
   color: #0073aa;
705 705
 }
706 706
 
707
+/* Welcome Panel */
708
+.welcome-panel {
709
+  background-color: #e1f4f9;
710
+}
711
+
712
+.welcome-panel-header-image .about-six {
713
+  fill: #04a4cc;
714
+}
715
+
716
+.welcome-panel-header-image .about-zero {
717
+  fill: #999;
718
+}
719
+
720
+[class*=welcome-panel-icon] {
721
+  background-color: #333;
722
+}
723
+
707 724
 /* Override the theme filter highlight color for this scheme */
708 725
 .theme-section.current,
709 726
 .theme-filter.current {

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/light/colors-rtl.min.css


+ 17 - 0
app/wp-admin/css/colors/light/colors.css

@@ -704,6 +704,23 @@ div#wp-responsive-toggle a:before {
704 704
   color: #0073aa;
705 705
 }
706 706
 
707
+/* Welcome Panel */
708
+.welcome-panel {
709
+  background-color: #e1f4f9;
710
+}
711
+
712
+.welcome-panel-header-image .about-six {
713
+  fill: #04a4cc;
714
+}
715
+
716
+.welcome-panel-header-image .about-zero {
717
+  fill: #999;
718
+}
719
+
720
+[class*=welcome-panel-icon] {
721
+  background-color: #333;
722
+}
723
+
707 724
 /* Override the theme filter highlight color for this scheme */
708 725
 .theme-section.current,
709 726
 .theme-filter.current {

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/light/colors.min.css


+ 4 - 0
app/wp-admin/css/colors/light/colors.scss

@@ -1,3 +1,4 @@
1
+$scheme-name: "light";
1 2
 $base-color: #e5e5e5;
2 3
 $icon-color: #999;
3 4
 $text-color: #333;
@@ -17,6 +18,9 @@ $menu-submenu-background: #fff;
17 18
 $menu-collapse-text: #777;
18 19
 $menu-collapse-focus-icon: #555;
19 20
 
21
+$dashboard-accent-2: $icon-color;
22
+$dashboard-icon-background: $text-color;
23
+
20 24
 @import "../_admin.scss";
21 25
 
22 26
 /* Override the theme filter highlight color for this scheme */

+ 26 - 9
app/wp-admin/css/colors/midnight/colors-rtl.css

@@ -188,7 +188,7 @@ textarea:focus {
188 188
   color: #69a8bb;
189 189
 }
190 190
 .wp-core-ui .wp-ui-text-icon {
191
-  color: #f1f2f3;
191
+  color: hsl(206.6666666667deg, 7%, 95%);
192 192
 }
193 193
 
194 194
 /* List tables */
@@ -229,7 +229,7 @@ textarea:focus {
229 229
 }
230 230
 
231 231
 #adminmenu div.wp-menu-image:before {
232
-  color: #f1f2f3;
232
+  color: hsl(206.6666666667deg, 7%, 95%);
233 233
 }
234 234
 
235 235
 #adminmenu a:hover,
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
341 341
 
342 342
 /* Admin Menu: collapse button */
343 343
 #collapse-button {
344
-  color: #f1f2f3;
344
+  color: hsl(206.6666666667deg, 7%, 95%);
345 345
 }
346 346
 
347 347
 #collapse-button:hover,
@@ -366,7 +366,7 @@ ul#adminmenu > li.current > a.current:after {
366 366
 #wpadminbar .ab-icon:before,
367 367
 #wpadminbar .ab-item:before,
368 368
 #wpadminbar .ab-item:after {
369
-  color: #f1f2f3;
369
+  color: hsl(206.6666666667deg, 7%, 95%);
370 370
 }
371 371
 
372 372
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -410,7 +410,7 @@ ul#adminmenu > li.current > a.current:after {
410 410
 
411 411
 #wpadminbar .quicklinks li .blavatar,
412 412
 #wpadminbar .menupop .menupop > .ab-item:before {
413
-  color: #f1f2f3;
413
+  color: hsl(206.6666666667deg, 7%, 95%);
414 414
 }
415 415
 
416 416
 #wpadminbar .quicklinks .menupop ul li a:hover,
@@ -445,12 +445,12 @@ ul#adminmenu > li.current > a.current:after {
445 445
 
446 446
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 447
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
448
-  color: #f1f2f3;
448
+  color: hsl(206.6666666667deg, 7%, 95%);
449 449
 }
450 450
 
451 451
 /* Admin Bar: search */
452 452
 #wpadminbar #adminbarsearch:before {
453
-  color: #f1f2f3;
453
+  color: hsl(206.6666666667deg, 7%, 95%);
454 454
 }
455 455
 
456 456
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
586 586
 
587 587
 /* Responsive Component */
588 588
 div#wp-responsive-toggle a:before {
589
-  color: #f1f2f3;
589
+  color: hsl(206.6666666667deg, 7%, 95%);
590 590
 }
591 591
 
592 592
 .wp-responsive-open div#wp-responsive-toggle a {
@@ -599,7 +599,7 @@ div#wp-responsive-toggle a:before {
599 599
 }
600 600
 
601 601
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602
-  color: #f1f2f3;
602
+  color: hsl(206.6666666667deg, 7%, 95%);
603 603
 }
604 604
 
605 605
 /* TinyMCE */
@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703
   border-bottom-color: #e14d43;
704 704
   color: #0073aa;
705
+}
706
+
707
+/* Welcome Panel */
708
+.welcome-panel {
709
+  background-color: #fbeae8;
710
+}
711
+
712
+.welcome-panel-header-image .about-six {
713
+  fill: #e14d43;
714
+}
715
+
716
+.welcome-panel-header-image .about-zero {
717
+  fill: #363b3f;
718
+}
719
+
720
+[class*=welcome-panel-icon] {
721
+  background-color: #e14d43;
705 722
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/midnight/colors-rtl.min.css


+ 26 - 9
app/wp-admin/css/colors/midnight/colors.css

@@ -188,7 +188,7 @@ textarea:focus {
188 188
   color: #69a8bb;
189 189
 }
190 190
 .wp-core-ui .wp-ui-text-icon {
191
-  color: #f1f2f3;
191
+  color: hsl(206.6666666667deg, 7%, 95%);
192 192
 }
193 193
 
194 194
 /* List tables */
@@ -229,7 +229,7 @@ textarea:focus {
229 229
 }
230 230
 
231 231
 #adminmenu div.wp-menu-image:before {
232
-  color: #f1f2f3;
232
+  color: hsl(206.6666666667deg, 7%, 95%);
233 233
 }
234 234
 
235 235
 #adminmenu a:hover,
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
341 341
 
342 342
 /* Admin Menu: collapse button */
343 343
 #collapse-button {
344
-  color: #f1f2f3;
344
+  color: hsl(206.6666666667deg, 7%, 95%);
345 345
 }
346 346
 
347 347
 #collapse-button:hover,
@@ -366,7 +366,7 @@ ul#adminmenu > li.current > a.current:after {
366 366
 #wpadminbar .ab-icon:before,
367 367
 #wpadminbar .ab-item:before,
368 368
 #wpadminbar .ab-item:after {
369
-  color: #f1f2f3;
369
+  color: hsl(206.6666666667deg, 7%, 95%);
370 370
 }
371 371
 
372 372
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -410,7 +410,7 @@ ul#adminmenu > li.current > a.current:after {
410 410
 
411 411
 #wpadminbar .quicklinks li .blavatar,
412 412
 #wpadminbar .menupop .menupop > .ab-item:before {
413
-  color: #f1f2f3;
413
+  color: hsl(206.6666666667deg, 7%, 95%);
414 414
 }
415 415
 
416 416
 #wpadminbar .quicklinks .menupop ul li a:hover,
@@ -445,12 +445,12 @@ ul#adminmenu > li.current > a.current:after {
445 445
 
446 446
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 447
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
448
-  color: #f1f2f3;
448
+  color: hsl(206.6666666667deg, 7%, 95%);
449 449
 }
450 450
 
451 451
 /* Admin Bar: search */
452 452
 #wpadminbar #adminbarsearch:before {
453
-  color: #f1f2f3;
453
+  color: hsl(206.6666666667deg, 7%, 95%);
454 454
 }
455 455
 
456 456
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
586 586
 
587 587
 /* Responsive Component */
588 588
 div#wp-responsive-toggle a:before {
589
-  color: #f1f2f3;
589
+  color: hsl(206.6666666667deg, 7%, 95%);
590 590
 }
591 591
 
592 592
 .wp-responsive-open div#wp-responsive-toggle a {
@@ -599,7 +599,7 @@ div#wp-responsive-toggle a:before {
599 599
 }
600 600
 
601 601
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602
-  color: #f1f2f3;
602
+  color: hsl(206.6666666667deg, 7%, 95%);
603 603
 }
604 604
 
605 605
 /* TinyMCE */
@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703
   border-bottom-color: #e14d43;
704 704
   color: #0073aa;
705
+}
706
+
707
+/* Welcome Panel */
708
+.welcome-panel {
709
+  background-color: #fbeae8;
710
+}
711
+
712
+.welcome-panel-header-image .about-six {
713
+  fill: #e14d43;
714
+}
715
+
716
+.welcome-panel-header-image .about-zero {
717
+  fill: #363b3f;
718
+}
719
+
720
+[class*=welcome-panel-icon] {
721
+  background-color: #e14d43;
705 722
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/midnight/colors.min.css


+ 3 - 0
app/wp-admin/css/colors/midnight/colors.scss

@@ -1,5 +1,8 @@
1
+$scheme-name: "midnight";
1 2
 $base-color: #363b3f;
2 3
 $highlight-color: #e14d43;
3 4
 $notification-color: #69a8bb;
4 5
 
6
+$dashboard-icon-background: $highlight-color;
7
+
5 8
 @import "../_admin.scss";

+ 26 - 9
app/wp-admin/css/colors/modern/colors-rtl.css

@@ -188,7 +188,7 @@ textarea:focus {
188 188
   color: #3858e9;
189 189
 }
190 190
 .wp-core-ui .wp-ui-text-icon {
191
-  color: #f3f1f1;
191
+  color: hsl(0deg, 7%, 95%);
192 192
 }
193 193
 
194 194
 /* List tables */
@@ -229,7 +229,7 @@ textarea:focus {
229 229
 }
230 230
 
231 231
 #adminmenu div.wp-menu-image:before {
232
-  color: #f3f1f1;
232
+  color: hsl(0deg, 7%, 95%);
233 233
 }
234 234
 
235 235
 #adminmenu a:hover,
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
341 341
 
342 342
 /* Admin Menu: collapse button */
343 343
 #collapse-button {
344
-  color: #f3f1f1;
344
+  color: hsl(0deg, 7%, 95%);
345 345
 }
346 346
 
347 347
 #collapse-button:hover,
@@ -366,7 +366,7 @@ ul#adminmenu > li.current > a.current:after {
366 366
 #wpadminbar .ab-icon:before,
367 367
 #wpadminbar .ab-item:before,
368 368
 #wpadminbar .ab-item:after {
369
-  color: #f3f1f1;
369
+  color: hsl(0deg, 7%, 95%);
370 370
 }
371 371
 
372 372
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -410,7 +410,7 @@ ul#adminmenu > li.current > a.current:after {
410 410
 
411 411
 #wpadminbar .quicklinks li .blavatar,
412 412
 #wpadminbar .menupop .menupop > .ab-item:before {
413
-  color: #f3f1f1;
413
+  color: hsl(0deg, 7%, 95%);
414 414
 }
415 415
 
416 416
 #wpadminbar .quicklinks .menupop ul li a:hover,
@@ -445,12 +445,12 @@ ul#adminmenu > li.current > a.current:after {
445 445
 
446 446
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 447
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
448
-  color: #f3f1f1;
448
+  color: hsl(0deg, 7%, 95%);
449 449
 }
450 450
 
451 451
 /* Admin Bar: search */
452 452
 #wpadminbar #adminbarsearch:before {
453
-  color: #f3f1f1;
453
+  color: hsl(0deg, 7%, 95%);
454 454
 }
455 455
 
456 456
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
586 586
 
587 587
 /* Responsive Component */
588 588
 div#wp-responsive-toggle a:before {
589
-  color: #f3f1f1;
589
+  color: hsl(0deg, 7%, 95%);
590 590
 }
591 591
 
592 592
 .wp-responsive-open div#wp-responsive-toggle a {
@@ -599,7 +599,7 @@ div#wp-responsive-toggle a:before {
599 599
 }
600 600
 
601 601
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602
-  color: #f3f1f1;
602
+  color: hsl(0deg, 7%, 95%);
603 603
 }
604 604
 
605 605
 /* TinyMCE */
@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703
   border-bottom-color: #3858e9;
704 704
   color: #3858e9;
705
+}
706
+
707
+/* Welcome Panel */
708
+.welcome-panel {
709
+  background-color: #e7ebfc;
710
+}
711
+
712
+.welcome-panel-header-image .about-six {
713
+  fill: #3858e9;
714
+}
715
+
716
+.welcome-panel-header-image .about-zero {
717
+  fill: #1b8362;
718
+}
719
+
720
+[class*=welcome-panel-icon] {
721
+  background-color: #1d2327;
705 722
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/modern/colors-rtl.min.css


+ 26 - 9
app/wp-admin/css/colors/modern/colors.css

@@ -188,7 +188,7 @@ textarea:focus {
188 188
   color: #3858e9;
189 189
 }
190 190
 .wp-core-ui .wp-ui-text-icon {
191
-  color: #f3f1f1;
191
+  color: hsl(0deg, 7%, 95%);
192 192
 }
193 193
 
194 194
 /* List tables */
@@ -229,7 +229,7 @@ textarea:focus {
229 229
 }
230 230
 
231 231
 #adminmenu div.wp-menu-image:before {
232
-  color: #f3f1f1;
232
+  color: hsl(0deg, 7%, 95%);
233 233
 }
234 234
 
235 235
 #adminmenu a:hover,
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
341 341
 
342 342
 /* Admin Menu: collapse button */
343 343
 #collapse-button {
344
-  color: #f3f1f1;
344
+  color: hsl(0deg, 7%, 95%);
345 345
 }
346 346
 
347 347
 #collapse-button:hover,
@@ -366,7 +366,7 @@ ul#adminmenu > li.current > a.current:after {
366 366
 #wpadminbar .ab-icon:before,
367 367
 #wpadminbar .ab-item:before,
368 368
 #wpadminbar .ab-item:after {
369
-  color: #f3f1f1;
369
+  color: hsl(0deg, 7%, 95%);
370 370
 }
371 371
 
372 372
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -410,7 +410,7 @@ ul#adminmenu > li.current > a.current:after {
410 410
 
411 411
 #wpadminbar .quicklinks li .blavatar,
412 412
 #wpadminbar .menupop .menupop > .ab-item:before {
413
-  color: #f3f1f1;
413
+  color: hsl(0deg, 7%, 95%);
414 414
 }
415 415
 
416 416
 #wpadminbar .quicklinks .menupop ul li a:hover,
@@ -445,12 +445,12 @@ ul#adminmenu > li.current > a.current:after {
445 445
 
446 446
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 447
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
448
-  color: #f3f1f1;
448
+  color: hsl(0deg, 7%, 95%);
449 449
 }
450 450
 
451 451
 /* Admin Bar: search */
452 452
 #wpadminbar #adminbarsearch:before {
453
-  color: #f3f1f1;
453
+  color: hsl(0deg, 7%, 95%);
454 454
 }
455 455
 
456 456
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
586 586
 
587 587
 /* Responsive Component */
588 588
 div#wp-responsive-toggle a:before {
589
-  color: #f3f1f1;
589
+  color: hsl(0deg, 7%, 95%);
590 590
 }
591 591
 
592 592
 .wp-responsive-open div#wp-responsive-toggle a {
@@ -599,7 +599,7 @@ div#wp-responsive-toggle a:before {
599 599
 }
600 600
 
601 601
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602
-  color: #f3f1f1;
602
+  color: hsl(0deg, 7%, 95%);
603 603
 }
604 604
 
605 605
 /* TinyMCE */
@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703
   border-bottom-color: #3858e9;
704 704
   color: #3858e9;
705
+}
706
+
707
+/* Welcome Panel */
708
+.welcome-panel {
709
+  background-color: #e7ebfc;
710
+}
711
+
712
+.welcome-panel-header-image .about-six {
713
+  fill: #3858e9;
714
+}
715
+
716
+.welcome-panel-header-image .about-zero {
717
+  fill: #1b8362;
718
+}
719
+
720
+[class*=welcome-panel-icon] {
721
+  background-color: #1d2327;
705 722
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/modern/colors.min.css


+ 5 - 0
app/wp-admin/css/colors/modern/colors.scss

@@ -1,3 +1,4 @@
1
+$scheme-name: "modern";
1 2
 $base-color: #1e1e1e;
2 3
 $highlight-color: #3858e9;
3 4
 $menu-submenu-focus-text: #33f078;
@@ -6,4 +7,8 @@ $notification-color: $highlight-color;
6 7
 $link: $highlight-color;
7 8
 $link-focus: darken($highlight-color, 10%);
8 9
 
10
+$dashboard-accent-1: #3858e9;
11
+$dashboard-accent-2: #1b8362;
12
+$dashboard-icon-background: #1d2327;
13
+
9 14
 @import "../_admin.scss";

+ 17 - 0
app/wp-admin/css/colors/ocean/colors-rtl.css

@@ -669,4 +669,21 @@ div#wp-responsive-toggle a:before {
669 669
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
670 670
   border-bottom-color: #9ebaa0;
671 671
   color: #0073aa;
672
+}
673
+
674
+/* Welcome Panel */
675
+.welcome-panel {
676
+  background-color: #f3f7f4;
677
+}
678
+
679
+.welcome-panel-header-image .about-six {
680
+  fill: #9ebaa0;
681
+}
682
+
683
+.welcome-panel-header-image .about-zero {
684
+  fill: #738e96;
685
+}
686
+
687
+[class*=welcome-panel-icon] {
688
+  background-color: #738e96;
672 689
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/ocean/colors-rtl.min.css


+ 17 - 0
app/wp-admin/css/colors/ocean/colors.css

@@ -669,4 +669,21 @@ div#wp-responsive-toggle a:before {
669 669
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
670 670
   border-bottom-color: #9ebaa0;
671 671
   color: #0073aa;
672
+}
673
+
674
+/* Welcome Panel */
675
+.welcome-panel {
676
+  background-color: #f3f7f4;
677
+}
678
+
679
+.welcome-panel-header-image .about-six {
680
+  fill: #9ebaa0;
681
+}
682
+
683
+.welcome-panel-header-image .about-zero {
684
+  fill: #738e96;
685
+}
686
+
687
+[class*=welcome-panel-icon] {
688
+  background-color: #738e96;
672 689
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/ocean/colors.min.css


+ 1 - 0
app/wp-admin/css/colors/ocean/colors.scss

@@ -1,3 +1,4 @@
1
+$scheme-name: "ocean";
1 2
 $base-color: #738e96;
2 3
 $icon-color: #f2fcff;
3 4
 $highlight-color: #9ebaa0;

+ 26 - 9
app/wp-admin/css/colors/sunrise/colors-rtl.css

@@ -188,7 +188,7 @@ textarea:focus {
188 188
   color: #ccaf0b;
189 189
 }
190 190
 .wp-core-ui .wp-ui-text-icon {
191
-  color: #f3f1f1;
191
+  color: hsl(2.1582733813deg, 7%, 95%);
192 192
 }
193 193
 
194 194
 /* List tables */
@@ -229,7 +229,7 @@ textarea:focus {
229 229
 }
230 230
 
231 231
 #adminmenu div.wp-menu-image:before {
232
-  color: #f3f1f1;
232
+  color: hsl(2.1582733813deg, 7%, 95%);
233 233
 }
234 234
 
235 235
 #adminmenu a:hover,
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
341 341
 
342 342
 /* Admin Menu: collapse button */
343 343
 #collapse-button {
344
-  color: #f3f1f1;
344
+  color: hsl(2.1582733813deg, 7%, 95%);
345 345
 }
346 346
 
347 347
 #collapse-button:hover,
@@ -366,7 +366,7 @@ ul#adminmenu > li.current > a.current:after {
366 366
 #wpadminbar .ab-icon:before,
367 367
 #wpadminbar .ab-item:before,
368 368
 #wpadminbar .ab-item:after {
369
-  color: #f3f1f1;
369
+  color: hsl(2.1582733813deg, 7%, 95%);
370 370
 }
371 371
 
372 372
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -410,7 +410,7 @@ ul#adminmenu > li.current > a.current:after {
410 410
 
411 411
 #wpadminbar .quicklinks li .blavatar,
412 412
 #wpadminbar .menupop .menupop > .ab-item:before {
413
-  color: #f3f1f1;
413
+  color: hsl(2.1582733813deg, 7%, 95%);
414 414
 }
415 415
 
416 416
 #wpadminbar .quicklinks .menupop ul li a:hover,
@@ -445,12 +445,12 @@ ul#adminmenu > li.current > a.current:after {
445 445
 
446 446
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 447
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
448
-  color: #f3f1f1;
448
+  color: hsl(2.1582733813deg, 7%, 95%);
449 449
 }
450 450
 
451 451
 /* Admin Bar: search */
452 452
 #wpadminbar #adminbarsearch:before {
453
-  color: #f3f1f1;
453
+  color: hsl(2.1582733813deg, 7%, 95%);
454 454
 }
455 455
 
456 456
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
586 586
 
587 587
 /* Responsive Component */
588 588
 div#wp-responsive-toggle a:before {
589
-  color: #f3f1f1;
589
+  color: hsl(2.1582733813deg, 7%, 95%);
590 590
 }
591 591
 
592 592
 .wp-responsive-open div#wp-responsive-toggle a {
@@ -599,7 +599,7 @@ div#wp-responsive-toggle a:before {
599 599
 }
600 600
 
601 601
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602
-  color: #f3f1f1;
602
+  color: hsl(2.1582733813deg, 7%, 95%);
603 603
 }
604 604
 
605 605
 /* TinyMCE */
@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703
   border-bottom-color: #dd823b;
704 704
   color: #0073aa;
705
+}
706
+
707
+/* Welcome Panel */
708
+.welcome-panel {
709
+  background-color: #fbf0e7;
710
+}
711
+
712
+.welcome-panel-header-image .about-six {
713
+  fill: #dd823b;
714
+}
715
+
716
+.welcome-panel-header-image .about-zero {
717
+  fill: #cf4944;
718
+}
719
+
720
+[class*=welcome-panel-icon] {
721
+  background-color: #cf4944;
705 722
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/sunrise/colors-rtl.min.css


+ 26 - 9
app/wp-admin/css/colors/sunrise/colors.css

@@ -188,7 +188,7 @@ textarea:focus {
188 188
   color: #ccaf0b;
189 189
 }
190 190
 .wp-core-ui .wp-ui-text-icon {
191
-  color: #f3f1f1;
191
+  color: hsl(2.1582733813deg, 7%, 95%);
192 192
 }
193 193
 
194 194
 /* List tables */
@@ -229,7 +229,7 @@ textarea:focus {
229 229
 }
230 230
 
231 231
 #adminmenu div.wp-menu-image:before {
232
-  color: #f3f1f1;
232
+  color: hsl(2.1582733813deg, 7%, 95%);
233 233
 }
234 234
 
235 235
 #adminmenu a:hover,
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
341 341
 
342 342
 /* Admin Menu: collapse button */
343 343
 #collapse-button {
344
-  color: #f3f1f1;
344
+  color: hsl(2.1582733813deg, 7%, 95%);
345 345
 }
346 346
 
347 347
 #collapse-button:hover,
@@ -366,7 +366,7 @@ ul#adminmenu > li.current > a.current:after {
366 366
 #wpadminbar .ab-icon:before,
367 367
 #wpadminbar .ab-item:before,
368 368
 #wpadminbar .ab-item:after {
369
-  color: #f3f1f1;
369
+  color: hsl(2.1582733813deg, 7%, 95%);
370 370
 }
371 371
 
372 372
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -410,7 +410,7 @@ ul#adminmenu > li.current > a.current:after {
410 410
 
411 411
 #wpadminbar .quicklinks li .blavatar,
412 412
 #wpadminbar .menupop .menupop > .ab-item:before {
413
-  color: #f3f1f1;
413
+  color: hsl(2.1582733813deg, 7%, 95%);
414 414
 }
415 415
 
416 416
 #wpadminbar .quicklinks .menupop ul li a:hover,
@@ -445,12 +445,12 @@ ul#adminmenu > li.current > a.current:after {
445 445
 
446 446
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 447
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
448
-  color: #f3f1f1;
448
+  color: hsl(2.1582733813deg, 7%, 95%);
449 449
 }
450 450
 
451 451
 /* Admin Bar: search */
452 452
 #wpadminbar #adminbarsearch:before {
453
-  color: #f3f1f1;
453
+  color: hsl(2.1582733813deg, 7%, 95%);
454 454
 }
455 455
 
456 456
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
586 586
 
587 587
 /* Responsive Component */
588 588
 div#wp-responsive-toggle a:before {
589
-  color: #f3f1f1;
589
+  color: hsl(2.1582733813deg, 7%, 95%);
590 590
 }
591 591
 
592 592
 .wp-responsive-open div#wp-responsive-toggle a {
@@ -599,7 +599,7 @@ div#wp-responsive-toggle a:before {
599 599
 }
600 600
 
601 601
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602
-  color: #f3f1f1;
602
+  color: hsl(2.1582733813deg, 7%, 95%);
603 603
 }
604 604
 
605 605
 /* TinyMCE */
@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703
   border-bottom-color: #dd823b;
704 704
   color: #0073aa;
705
+}
706
+
707
+/* Welcome Panel */
708
+.welcome-panel {
709
+  background-color: #fbf0e7;
710
+}
711
+
712
+.welcome-panel-header-image .about-six {
713
+  fill: #dd823b;
714
+}
715
+
716
+.welcome-panel-header-image .about-zero {
717
+  fill: #cf4944;
718
+}
719
+
720
+[class*=welcome-panel-icon] {
721
+  background-color: #cf4944;
705 722
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/sunrise/colors.min.css


+ 1 - 0
app/wp-admin/css/colors/sunrise/colors.scss

@@ -1,3 +1,4 @@
1
+$scheme-name: "sunrise";
1 2
 $base-color: #cf4944;
2 3
 $highlight-color: #dd823b;
3 4
 $notification-color: #ccaf0b;

+ 22 - 25
app/wp-admin/css/common-rtl.css

@@ -271,6 +271,7 @@ a:active {
271 271
 
272 272
 a:focus,
273 273
 a:focus .media-icon img,
274
+a:focus .plugin-icon,
274 275
 .wp-person a:focus .gravatar {
275 276
 	color: #043959;
276 277
 	box-shadow:
@@ -418,7 +419,7 @@ code {
418 419
 
419 420
 kbd,
420 421
 code {
421
-	padding: 3px 5px 2px 5px;
422
+	padding: 3px 5px 2px;
422 423
 	margin: 0 1px;
423 424
 	background: #f0f0f1;
424 425
 	background: rgba(0, 0, 0, 0.07);
@@ -583,7 +584,7 @@ code {
583 584
 	font-size: 23px;
584 585
 	font-weight: 400;
585 586
 	margin: 0;
586
-	padding: 9px 0 4px 0;
587
+	padding: 9px 0 4px;
587 588
 	line-height: 1.3;
588 589
 }
589 590
 
@@ -789,7 +790,7 @@ img.emoji {
789 790
 /* @todo can we combine these into a class or use an existing dashicon one? */
790 791
 .welcome-panel .welcome-panel-close:before,
791 792
 .tagchecklist .ntdelbutton .remove-tag-icon:before,
792
-#bulk-titles div a:before,
793
+#bulk-titles .ntdelbutton:before,
793 794
 .notice-dismiss:before {
794 795
 	background: none;
795 796
 	color: #787c82;
@@ -808,10 +809,6 @@ img.emoji {
808 809
 	margin: 0;
809 810
 }
810 811
 
811
-#bulk-titles div a:before {
812
-	margin: 1px 0;
813
-}
814
-
815 812
 .tagchecklist .ntdelbutton .remove-tag-icon:before {
816 813
 	margin-right: 2px;
817 814
 	border-radius: 50%;
@@ -824,12 +821,10 @@ img.emoji {
824 821
 	outline: 0;
825 822
 }
826 823
 
827
-.welcome-panel .welcome-panel-close:hover:before,
828
-.welcome-panel .welcome-panel-close:focus:before,
829 824
 .tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
830 825
 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
831
-#bulk-titles div a:hover:before,
832
-#bulk-titles div a:focus:before {
826
+#bulk-titles .ntdelbutton:hover:before,
827
+#bulk-titles .ntdelbutton:focus:before {
833 828
 	color: #d63638;
834 829
 }
835 830
 
@@ -884,7 +879,8 @@ hr {
884 879
 #media-items a.delete-permanently,
885 880
 #nav-menu-footer .menu-delete,
886 881
 #delete-link a.delete,
887
-a#remove-post-thumbnail {
882
+a#remove-post-thumbnail,
883
+.privacy_requests .remove-personal-data .remove-personal-data-handle {
888 884
 	color: #b32d2e;
889 885
 }
890 886
 
@@ -902,7 +898,8 @@ span.required,
902 898
 #media-items a.delete-permanently:hover,
903 899
 #nav-menu-footer .menu-delete:hover,
904 900
 #delete-link a.delete:hover,
905
-a#remove-post-thumbnail:hover {
901
+a#remove-post-thumbnail:hover,
902
+.privacy_requests .remove-personal-data .remove-personal-data-handle:hover {
906 903
 	color: #b32d2e;
907 904
 	border: none;
908 905
 }
@@ -958,7 +955,7 @@ a#remove-post-thumbnail:hover {
958 955
 }
959 956
 
960 957
 #minor-publishing-actions {
961
-	padding: 10px 10px 0 10px;
958
+	padding: 10px 10px 0;
962 959
 	text-align: left;
963 960
 }
964 961
 
@@ -1233,7 +1230,7 @@ th.action-links {
1233 1230
 
1234 1231
 .filter-group .filter-group-feature label {
1235 1232
 	display: block;
1236
-	margin: 14px 23px 14px 0px;
1233
+	margin: 14px 23px 14px 0;
1237 1234
 }
1238 1235
 
1239 1236
 .filter-drawer .buttons {
@@ -1610,7 +1607,7 @@ form.upgrade {
1610 1607
 form.upgrade .hint {
1611 1608
 	font-style: italic;
1612 1609
 	font-size: 85%;
1613
-	margin: -0.5em 0 2em 0;
1610
+	margin: -0.5em 0 2em;
1614 1611
 }
1615 1612
 
1616 1613
 .update-php .spinner {
@@ -1708,7 +1705,7 @@ p.auto-update-status {
1708 1705
 /* screen options and help tabs revert */
1709 1706
 #screen-meta {
1710 1707
 	display: none;
1711
-	margin: 0 0px -1px 20px;
1708
+	margin: 0 0 -1px 20px;
1712 1709
 	position: relative;
1713 1710
 	background-color: #fff;
1714 1711
 	border: 1px solid #c3c4c7;
@@ -1838,6 +1835,7 @@ p.auto-update-status {
1838 1835
 
1839 1836
 .metabox-prefs .screen-options .screen-per-page {
1840 1837
 	margin-left: 15px;
1838
+	padding-left: 0;
1841 1839
 }
1842 1840
 
1843 1841
 .metabox-prefs .screen-options label {
@@ -3144,7 +3142,7 @@ img {
3144 3142
 	width: 300px;
3145 3143
 }
3146 3144
 
3147
-/* Theme/Plugin Editor */
3145
+/* Theme/Plugin file editor */
3148 3146
 .alignleft h2 {
3149 3147
 	margin: 0;
3150 3148
 }
@@ -3153,7 +3151,6 @@ img {
3153 3151
 	font-family: Consolas, Monaco, monospace;
3154 3152
 	font-size: 13px;
3155 3153
 	background: #f6f7f7;
3156
-	-moz-tab-size: 4;
3157 3154
 	-o-tab-size: 4;
3158 3155
 	tab-size: 4;
3159 3156
 }
@@ -3197,7 +3194,7 @@ img {
3197 3194
 }
3198 3195
 
3199 3196
 /*
3200
- * Styles for Theme and Plugin editors.
3197
+ * Styles for Theme and Plugin file editors.
3201 3198
  */
3202 3199
 
3203 3200
 /* Hide collapsed items. */
@@ -3286,7 +3283,7 @@ img {
3286 3283
 .tree-folder > .current-file::before {
3287 3284
 	right: 4px;
3288 3285
 	height: 15px;
3289
-	width: 0px;
3286
+	width: 0;
3290 3287
 	border-right: none;
3291 3288
 	top: 3px;
3292 3289
 }
@@ -3381,7 +3378,7 @@ img {
3381 3378
 }
3382 3379
 
3383 3380
 #templateside li.howto {
3384
-	padding: 6px 12px 12px 12px;
3381
+	padding: 6px 12px 12px;
3385 3382
 }
3386 3383
 
3387 3384
 .theme-editor-php .highlight {
@@ -3433,7 +3430,7 @@ img {
3433 3430
 }
3434 3431
 
3435 3432
 .widget-top .widget-action .toggle-indicator:before {
3436
-	padding: 1px 0px 1px 2px;
3433
+	padding: 1px 0 1px 2px;
3437 3434
 	border-radius: 50%;
3438 3435
 }
3439 3436
 
@@ -3828,7 +3825,7 @@ img {
3828 3825
 	.wrap div.updated,
3829 3826
 	.wrap div.error,
3830 3827
 	.media-upload-form div.error {
3831
-		margin: 20px 0 10px 0;
3828
+		margin: 20px 0 10px;
3832 3829
 		padding: 5px 10px;
3833 3830
 		font-size: 14px;
3834 3831
 		line-height: 175%;
@@ -3938,7 +3935,7 @@ img {
3938 3935
 		right: -8px;
3939 3936
 	}
3940 3937
 	.tree-folder > li::before {
3941
-		top: 0px;
3938
+		top: 0;
3942 3939
 		height: 13px;
3943 3940
 	}
3944 3941
 	.tree-folder > .current-file::before {

File diff suppressed because it is too large
+ 2 - 2
app/wp-admin/css/common-rtl.min.css


+ 22 - 25
app/wp-admin/css/common.css

@@ -270,6 +270,7 @@ a:active {
270 270
 
271 271
 a:focus,
272 272
 a:focus .media-icon img,
273
+a:focus .plugin-icon,
273 274
 .wp-person a:focus .gravatar {
274 275
 	color: #043959;
275 276
 	box-shadow:
@@ -417,7 +418,7 @@ code {
417 418
 
418 419
 kbd,
419 420
 code {
420
-	padding: 3px 5px 2px 5px;
421
+	padding: 3px 5px 2px;
421 422
 	margin: 0 1px;
422 423
 	background: #f0f0f1;
423 424
 	background: rgba(0, 0, 0, 0.07);
@@ -582,7 +583,7 @@ code {
582 583
 	font-size: 23px;
583 584
 	font-weight: 400;
584 585
 	margin: 0;
585
-	padding: 9px 0 4px 0;
586
+	padding: 9px 0 4px;
586 587
 	line-height: 1.3;
587 588
 }
588 589
 
@@ -788,7 +789,7 @@ img.emoji {
788 789
 /* @todo can we combine these into a class or use an existing dashicon one? */
789 790
 .welcome-panel .welcome-panel-close:before,
790 791
 .tagchecklist .ntdelbutton .remove-tag-icon:before,
791
-#bulk-titles div a:before,
792
+#bulk-titles .ntdelbutton:before,
792 793
 .notice-dismiss:before {
793 794
 	background: none;
794 795
 	color: #787c82;
@@ -807,10 +808,6 @@ img.emoji {
807 808
 	margin: 0;
808 809
 }
809 810
 
810
-#bulk-titles div a:before {
811
-	margin: 1px 0;
812
-}
813
-
814 811
 .tagchecklist .ntdelbutton .remove-tag-icon:before {
815 812
 	margin-left: 2px;
816 813
 	border-radius: 50%;
@@ -823,12 +820,10 @@ img.emoji {
823 820
 	outline: 0;
824 821
 }
825 822
 
826
-.welcome-panel .welcome-panel-close:hover:before,
827
-.welcome-panel .welcome-panel-close:focus:before,
828 823
 .tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
829 824
 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
830
-#bulk-titles div a:hover:before,
831
-#bulk-titles div a:focus:before {
825
+#bulk-titles .ntdelbutton:hover:before,
826
+#bulk-titles .ntdelbutton:focus:before {
832 827
 	color: #d63638;
833 828
 }
834 829
 
@@ -883,7 +878,8 @@ hr {
883 878
 #media-items a.delete-permanently,
884 879
 #nav-menu-footer .menu-delete,
885 880
 #delete-link a.delete,
886
-a#remove-post-thumbnail {
881
+a#remove-post-thumbnail,
882
+.privacy_requests .remove-personal-data .remove-personal-data-handle {
887 883
 	color: #b32d2e;
888 884
 }
889 885
 
@@ -901,7 +897,8 @@ span.required,
901 897
 #media-items a.delete-permanently:hover,
902 898
 #nav-menu-footer .menu-delete:hover,
903 899
 #delete-link a.delete:hover,
904
-a#remove-post-thumbnail:hover {
900
+a#remove-post-thumbnail:hover,
901
+.privacy_requests .remove-personal-data .remove-personal-data-handle:hover {
905 902
 	color: #b32d2e;
906 903
 	border: none;
907 904
 }
@@ -957,7 +954,7 @@ a#remove-post-thumbnail:hover {
957 954
 }
958 955
 
959 956
 #minor-publishing-actions {
960
-	padding: 10px 10px 0 10px;
957
+	padding: 10px 10px 0;
961 958
 	text-align: right;
962 959
 }
963 960
 
@@ -1232,7 +1229,7 @@ th.action-links {
1232 1229
 
1233 1230
 .filter-group .filter-group-feature label {
1234 1231
 	display: block;
1235
-	margin: 14px 0px 14px 23px;
1232
+	margin: 14px 0 14px 23px;
1236 1233
 }
1237 1234
 
1238 1235
 .filter-drawer .buttons {
@@ -1609,7 +1606,7 @@ form.upgrade {
1609 1606
 form.upgrade .hint {
1610 1607
 	font-style: italic;
1611 1608
 	font-size: 85%;
1612
-	margin: -0.5em 0 2em 0;
1609
+	margin: -0.5em 0 2em;
1613 1610
 }
1614 1611
 
1615 1612
 .update-php .spinner {
@@ -1707,7 +1704,7 @@ p.auto-update-status {
1707 1704
 /* screen options and help tabs revert */
1708 1705
 #screen-meta {
1709 1706
 	display: none;
1710
-	margin: 0 20px -1px 0px;
1707
+	margin: 0 20px -1px 0;
1711 1708
 	position: relative;
1712 1709
 	background-color: #fff;
1713 1710
 	border: 1px solid #c3c4c7;
@@ -1837,6 +1834,7 @@ p.auto-update-status {
1837 1834
 
1838 1835
 .metabox-prefs .screen-options .screen-per-page {
1839 1836
 	margin-right: 15px;
1837
+	padding-right: 0;
1840 1838
 }
1841 1839
 
1842 1840
 .metabox-prefs .screen-options label {
@@ -3143,7 +3141,7 @@ img {
3143 3141
 	width: 300px;
3144 3142
 }
3145 3143
 
3146
-/* Theme/Plugin Editor */
3144
+/* Theme/Plugin file editor */
3147 3145
 .alignleft h2 {
3148 3146
 	margin: 0;
3149 3147
 }
@@ -3152,7 +3150,6 @@ img {
3152 3150
 	font-family: Consolas, Monaco, monospace;
3153 3151
 	font-size: 13px;
3154 3152
 	background: #f6f7f7;
3155
-	-moz-tab-size: 4;
3156 3153
 	-o-tab-size: 4;
3157 3154
 	tab-size: 4;
3158 3155
 }
@@ -3196,7 +3193,7 @@ img {
3196 3193
 }
3197 3194
 
3198 3195
 /*
3199
- * Styles for Theme and Plugin editors.
3196
+ * Styles for Theme and Plugin file editors.
3200 3197
  */
3201 3198
 
3202 3199
 /* Hide collapsed items. */
@@ -3285,7 +3282,7 @@ img {
3285 3282
 .tree-folder > .current-file::before {
3286 3283
 	left: 4px;
3287 3284
 	height: 15px;
3288
-	width: 0px;
3285
+	width: 0;
3289 3286
 	border-left: none;
3290 3287
 	top: 3px;
3291 3288
 }
@@ -3380,7 +3377,7 @@ img {
3380 3377
 }
3381 3378
 
3382 3379
 #templateside li.howto {
3383
-	padding: 6px 12px 12px 12px;
3380
+	padding: 6px 12px 12px;
3384 3381
 }
3385 3382
 
3386 3383
 .theme-editor-php .highlight {
@@ -3432,7 +3429,7 @@ img {
3432 3429
 }
3433 3430
 
3434 3431
 .widget-top .widget-action .toggle-indicator:before {
3435
-	padding: 1px 2px 1px 0px;
3432
+	padding: 1px 2px 1px 0;
3436 3433
 	border-radius: 50%;
3437 3434
 }
3438 3435
 
@@ -3827,7 +3824,7 @@ img {
3827 3824
 	.wrap div.updated,
3828 3825
 	.wrap div.error,
3829 3826
 	.media-upload-form div.error {
3830
-		margin: 20px 0 10px 0;
3827
+		margin: 20px 0 10px;
3831 3828
 		padding: 5px 10px;
3832 3829
 		font-size: 14px;
3833 3830
 		line-height: 175%;
@@ -3937,7 +3934,7 @@ img {
3937 3934
 		left: -8px;
3938 3935
 	}
3939 3936
 	.tree-folder > li::before {
3940
-		top: 0px;
3937
+		top: 0;
3941 3938
 		height: 13px;
3942 3939
 	}
3943 3940
 	.tree-folder > .current-file::before {

File diff suppressed because it is too large
+ 2 - 2
app/wp-admin/css/common.min.css


+ 54 - 15
app/wp-admin/css/customize-controls-rtl.css

@@ -106,6 +106,12 @@ body:not(.ready) #customize-save-button-wrapper .save {
106 106
 	height: 100%;
107 107
 }
108 108
 
109
+@media (prefers-reduced-motion: reduce) {
110
+	#customize-sidebar-outer-content {
111
+		transition: none;
112
+	}
113
+}
114
+
109 115
 #customize-theme-controls .control-section-outer {
110 116
 	display: none !important;
111 117
 }
@@ -124,6 +130,12 @@ body:not(.ready) #customize-save-button-wrapper .save {
124 130
 	transition: right .18s;
125 131
 }
126 132
 
133
+@media (prefers-reduced-motion: reduce) {
134
+	.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
135
+		transition: none;
136
+	}
137
+}
138
+
127 139
 .customize-outer-pane-parent {
128 140
 	margin: 0;
129 141
 }
@@ -538,6 +550,13 @@ body.trashing #publish-settings {
538 550
 		.15s border-color ease-in-out;
539 551
 }
540 552
 
553
+@media (prefers-reduced-motion: reduce) {
554
+	#customize-theme-controls .accordion-section-title,
555
+	#customize-outer-theme-controls .accordion-section-title {
556
+		transition: none;
557
+	}
558
+}
559
+
541 560
 #customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
542 561
 	color: #50575e;
543 562
 	background-color: #fff;
@@ -636,6 +655,14 @@ body.trashing #publish-settings {
636 655
 	transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */
637 656
 }
638 657
 
658
+@media (prefers-reduced-motion: reduce) {
659
+	#customize-info,
660
+	#customize-theme-controls .customize-pane-parent,
661
+	#customize-theme-controls .customize-pane-child {
662
+		transition: none;
663
+	}
664
+}
665
+
639 666
 #customize-theme-controls .customize-pane-child.skip-transition {
640 667
 	transition: none;
641 668
 }
@@ -717,7 +744,7 @@ body.trashing #publish-settings {
717 744
 }
718 745
 
719 746
 .customize-section-title {
720
-	margin: -12px -12px 0 -12px;
747
+	margin: -12px -12px 0;
721 748
 	border-bottom: 1px solid #dcdcde;
722 749
 	background: #fff;
723 750
 }
@@ -740,11 +767,11 @@ div.customize-section-description p:last-child {
740 767
 
741 768
 #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
742 769
 	border-bottom: 1px solid #dcdcde;
743
-	padding: 12px 12px 12px 12px;
770
+	padding: 12px;
744 771
 }
745 772
 
746 773
 .ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
747
-	padding: 12px 12px 13px 12px;
774
+	padding: 12px 12px 13px;
748 775
 }
749 776
 
750 777
 .customize-section-title h3,
@@ -923,7 +950,8 @@ p.customize-section-description {
923 950
 .customize-control input[type="number"],
924 951
 .customize-control input[type="search"],
925 952
 .customize-control input[type="tel"],
926
-.customize-control input[type="url"] {
953
+.customize-control input[type="url"],
954
+.customize-control input[type="range"] {
927 955
 	width: 100%;
928 956
 	margin: 0;
929 957
 }
@@ -963,7 +991,7 @@ p.customize-section-description {
963 991
 
964 992
 .customize-section-description a.external-link:after {
965 993
 	font: 16px/11px dashicons;
966
-	content: "\f310";
994
+	content: "\f504";
967 995
 	top: 3px;
968 996
 	position: relative;
969 997
 	padding-right: 3px;
@@ -1114,7 +1142,7 @@ p.customize-section-description {
1114 1142
  */
1115 1143
 
1116 1144
 #customize-controls .customize-control-notifications-container { /* Scoped to #customize-controls for specificity over notification styles in common.css. */
1117
-	margin: 4px 0 8px 0;
1145
+	margin: 4px 0 8px;
1118 1146
 	padding: 0;
1119 1147
 	cursor: default;
1120 1148
 }
@@ -1127,7 +1155,7 @@ p.customize-section-description {
1127 1155
 
1128 1156
 #customize-controls .customize-control-notifications-container li.notice {
1129 1157
 	list-style: none;
1130
-	margin: 0 0 6px 0;
1158
+	margin: 0 0 6px;
1131 1159
 	padding: 9px 14px;
1132 1160
 	overflow: hidden;
1133 1161
 }
@@ -1429,7 +1457,7 @@ p.customize-section-description {
1429 1457
 }
1430 1458
 
1431 1459
 .customize-control-header .header-view:last-child {
1432
-	margin-bottom: 0px;
1460
+	margin-bottom: 0;
1433 1461
 }
1434 1462
 
1435 1463
 /* Convoluted, but 'outline' support isn't good enough yet */
@@ -1578,7 +1606,6 @@ p.customize-section-description {
1578 1606
 	font-family: Consolas, Monaco, monospace;
1579 1607
 	font-size: 12px;
1580 1608
 	padding: 6px 8px;
1581
-	-moz-tab-size: 2;
1582 1609
 	-o-tab-size: 2;
1583 1610
 	tab-size: 2;
1584 1611
 }
@@ -1665,7 +1692,7 @@ p.customize-section-description {
1665 1692
 	border-bottom: 1px solid #dcdcde;
1666 1693
 	border-right: none;
1667 1694
 	border-left: none;
1668
-	margin: 0 0 15px 0;
1695
+	margin: 0 0 15px;
1669 1696
 	padding-left: 100px; /* Space for the button */
1670 1697
 }
1671 1698
 
@@ -1706,6 +1733,12 @@ p.customize-section-description {
1706 1733
 	font-weight: 400;
1707 1734
 }
1708 1735
 
1736
+#customize-notifications-area .notification-message button.switch-to-editor {
1737
+	display: block;
1738
+	margin-top: 6px;
1739
+	font-weight: 400;
1740
+}
1741
+
1709 1742
 #customize-theme-controls .control-panel-themes > .accordion-section-title:after {
1710 1743
 	display: none;
1711 1744
 }
@@ -1724,6 +1757,12 @@ p.customize-section-description {
1724 1757
 	z-index: 20;
1725 1758
 }
1726 1759
 
1760
+@media (prefers-reduced-motion: reduce) {
1761
+	.control-panel-themes .customize-themes-full-container {
1762
+		transition: none;
1763
+	}
1764
+}
1765
+
1727 1766
 @media screen and (min-width: 1670px) {
1728 1767
 	.control-panel-themes .customize-themes-full-container {
1729 1768
 		width: 82%;
@@ -1861,7 +1900,7 @@ p.customize-section-description {
1861 1900
 }
1862 1901
 
1863 1902
 .control-panel-themes .customize-themes-notifications .notice {
1864
-	margin: 0 0 25px 0;
1903
+	margin: 0 0 25px;
1865 1904
 }
1866 1905
 
1867 1906
 .customize-themes-full-container .customize-themes-section {
@@ -1875,7 +1914,7 @@ p.customize-section-description {
1875 1914
 
1876 1915
 .control-section .customize-section-text-before {
1877 1916
 	padding: 0 15px 8px 0;
1878
-	margin: 15px 0 0 0;
1917
+	margin: 15px 0 0;
1879 1918
 	line-height: 16px;
1880 1919
 	border-bottom: 1px solid #dcdcde;
1881 1920
 	color: #50575e;
@@ -2096,7 +2135,7 @@ p.customize-section-description {
2096 2135
 		position: relative;
2097 2136
 		right: 0;
2098 2137
 		width: 100%;
2099
-		margin: 0 0 25px 0;
2138
+		margin: 0 0 25px;
2100 2139
 	}
2101 2140
 	.filter-drawer {
2102 2141
 		top: 46px;
@@ -2206,7 +2245,7 @@ p.customize-section-description {
2206 2245
 		width: 26px;
2207 2246
 		display: block;
2208 2247
 		line-height: 2.3;
2209
-		padding: 0 8px 0 8px;
2248
+		padding: 0 8px;
2210 2249
 		border-left: 1px solid #dcdcde;
2211 2250
 	}
2212 2251
 
@@ -2367,7 +2406,7 @@ body.cheatin h1 {
2367 2406
 	color: #50575e;
2368 2407
 	font-size: 24px;
2369 2408
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2370
-	margin: 30px 0 0 0;
2409
+	margin: 30px 0 0;
2371 2410
 	padding: 0 0 7px;
2372 2411
 }
2373 2412
 

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/customize-controls-rtl.min.css


+ 54 - 15
app/wp-admin/css/customize-controls.css

@@ -105,6 +105,12 @@ body:not(.ready) #customize-save-button-wrapper .save {
105 105
 	height: 100%;
106 106
 }
107 107
 
108
+@media (prefers-reduced-motion: reduce) {
109
+	#customize-sidebar-outer-content {
110
+		transition: none;
111
+	}
112
+}
113
+
108 114
 #customize-theme-controls .control-section-outer {
109 115
 	display: none !important;
110 116
 }
@@ -123,6 +129,12 @@ body:not(.ready) #customize-save-button-wrapper .save {
123 129
 	transition: left .18s;
124 130
 }
125 131
 
132
+@media (prefers-reduced-motion: reduce) {
133
+	.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
134
+		transition: none;
135
+	}
136
+}
137
+
126 138
 .customize-outer-pane-parent {
127 139
 	margin: 0;
128 140
 }
@@ -537,6 +549,13 @@ body.trashing #publish-settings {
537 549
 		.15s border-color ease-in-out;
538 550
 }
539 551
 
552
+@media (prefers-reduced-motion: reduce) {
553
+	#customize-theme-controls .accordion-section-title,
554
+	#customize-outer-theme-controls .accordion-section-title {
555
+		transition: none;
556
+	}
557
+}
558
+
540 559
 #customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
541 560
 	color: #50575e;
542 561
 	background-color: #fff;
@@ -635,6 +654,14 @@ body.trashing #publish-settings {
635 654
 	transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */
636 655
 }
637 656
 
657
+@media (prefers-reduced-motion: reduce) {
658
+	#customize-info,
659
+	#customize-theme-controls .customize-pane-parent,
660
+	#customize-theme-controls .customize-pane-child {
661
+		transition: none;
662
+	}
663
+}
664
+
638 665
 #customize-theme-controls .customize-pane-child.skip-transition {
639 666
 	transition: none;
640 667
 }
@@ -716,7 +743,7 @@ body.trashing #publish-settings {
716 743
 }
717 744
 
718 745
 .customize-section-title {
719
-	margin: -12px -12px 0 -12px;
746
+	margin: -12px -12px 0;
720 747
 	border-bottom: 1px solid #dcdcde;
721 748
 	background: #fff;
722 749
 }
@@ -739,11 +766,11 @@ div.customize-section-description p:last-child {
739 766
 
740 767
 #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
741 768
 	border-bottom: 1px solid #dcdcde;
742
-	padding: 12px 12px 12px 12px;
769
+	padding: 12px;
743 770
 }
744 771
 
745 772
 .ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
746
-	padding: 12px 12px 13px 12px;
773
+	padding: 12px 12px 13px;
747 774
 }
748 775
 
749 776
 .customize-section-title h3,
@@ -922,7 +949,8 @@ p.customize-section-description {
922 949
 .customize-control input[type="number"],
923 950
 .customize-control input[type="search"],
924 951
 .customize-control input[type="tel"],
925
-.customize-control input[type="url"] {
952
+.customize-control input[type="url"],
953
+.customize-control input[type="range"] {
926 954
 	width: 100%;
927 955
 	margin: 0;
928 956
 }
@@ -962,7 +990,7 @@ p.customize-section-description {
962 990
 
963 991
 .customize-section-description a.external-link:after {
964 992
 	font: 16px/11px dashicons;
965
-	content: "\f310";
993
+	content: "\f504";
966 994
 	top: 3px;
967 995
 	position: relative;
968 996
 	padding-left: 3px;
@@ -1113,7 +1141,7 @@ p.customize-section-description {
1113 1141
  */
1114 1142
 
1115 1143
 #customize-controls .customize-control-notifications-container { /* Scoped to #customize-controls for specificity over notification styles in common.css. */
1116
-	margin: 4px 0 8px 0;
1144
+	margin: 4px 0 8px;
1117 1145
 	padding: 0;
1118 1146
 	cursor: default;
1119 1147
 }
@@ -1126,7 +1154,7 @@ p.customize-section-description {
1126 1154
 
1127 1155
 #customize-controls .customize-control-notifications-container li.notice {
1128 1156
 	list-style: none;
1129
-	margin: 0 0 6px 0;
1157
+	margin: 0 0 6px;
1130 1158
 	padding: 9px 14px;
1131 1159
 	overflow: hidden;
1132 1160
 }
@@ -1428,7 +1456,7 @@ p.customize-section-description {
1428 1456
 }
1429 1457
 
1430 1458
 .customize-control-header .header-view:last-child {
1431
-	margin-bottom: 0px;
1459
+	margin-bottom: 0;
1432 1460
 }
1433 1461
 
1434 1462
 /* Convoluted, but 'outline' support isn't good enough yet */
@@ -1577,7 +1605,6 @@ p.customize-section-description {
1577 1605
 	font-family: Consolas, Monaco, monospace;
1578 1606
 	font-size: 12px;
1579 1607
 	padding: 6px 8px;
1580
-	-moz-tab-size: 2;
1581 1608
 	-o-tab-size: 2;
1582 1609
 	tab-size: 2;
1583 1610
 }
@@ -1664,7 +1691,7 @@ p.customize-section-description {
1664 1691
 	border-bottom: 1px solid #dcdcde;
1665 1692
 	border-left: none;
1666 1693
 	border-right: none;
1667
-	margin: 0 0 15px 0;
1694
+	margin: 0 0 15px;
1668 1695
 	padding-right: 100px; /* Space for the button */
1669 1696
 }
1670 1697
 
@@ -1705,6 +1732,12 @@ p.customize-section-description {
1705 1732
 	font-weight: 400;
1706 1733
 }
1707 1734
 
1735
+#customize-notifications-area .notification-message button.switch-to-editor {
1736
+	display: block;
1737
+	margin-top: 6px;
1738
+	font-weight: 400;
1739
+}
1740
+
1708 1741
 #customize-theme-controls .control-panel-themes > .accordion-section-title:after {
1709 1742
 	display: none;
1710 1743
 }
@@ -1723,6 +1756,12 @@ p.customize-section-description {
1723 1756
 	z-index: 20;
1724 1757
 }
1725 1758
 
1759
+@media (prefers-reduced-motion: reduce) {
1760
+	.control-panel-themes .customize-themes-full-container {
1761
+		transition: none;
1762
+	}
1763
+}
1764
+
1726 1765
 @media screen and (min-width: 1670px) {
1727 1766
 	.control-panel-themes .customize-themes-full-container {
1728 1767
 		width: 82%;
@@ -1860,7 +1899,7 @@ p.customize-section-description {
1860 1899
 }
1861 1900
 
1862 1901
 .control-panel-themes .customize-themes-notifications .notice {
1863
-	margin: 0 0 25px 0;
1902
+	margin: 0 0 25px;
1864 1903
 }
1865 1904
 
1866 1905
 .customize-themes-full-container .customize-themes-section {
@@ -1874,7 +1913,7 @@ p.customize-section-description {
1874 1913
 
1875 1914
 .control-section .customize-section-text-before {
1876 1915
 	padding: 0 0 8px 15px;
1877
-	margin: 15px 0 0 0;
1916
+	margin: 15px 0 0;
1878 1917
 	line-height: 16px;
1879 1918
 	border-bottom: 1px solid #dcdcde;
1880 1919
 	color: #50575e;
@@ -2095,7 +2134,7 @@ p.customize-section-description {
2095 2134
 		position: relative;
2096 2135
 		left: 0;
2097 2136
 		width: 100%;
2098
-		margin: 0 0 25px 0;
2137
+		margin: 0 0 25px;
2099 2138
 	}
2100 2139
 	.filter-drawer {
2101 2140
 		top: 46px;
@@ -2205,7 +2244,7 @@ p.customize-section-description {
2205 2244
 		width: 26px;
2206 2245
 		display: block;
2207 2246
 		line-height: 2.3;
2208
-		padding: 0 8px 0 8px;
2247
+		padding: 0 8px;
2209 2248
 		border-right: 1px solid #dcdcde;
2210 2249
 	}
2211 2250
 
@@ -2366,7 +2405,7 @@ body.cheatin h1 {
2366 2405
 	color: #50575e;
2367 2406
 	font-size: 24px;
2368 2407
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2369
-	margin: 30px 0 0 0;
2408
+	margin: 30px 0 0;
2370 2409
 	padding: 0 0 7px;
2371 2410
 }
2372 2411
 

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/customize-controls.min.css


+ 10 - 10
app/wp-admin/css/customize-nav-menus-rtl.css

@@ -12,7 +12,7 @@
12 12
 #customize-theme-controls .customize-section-title-nav_menus-heading,
13 13
 #customize-theme-controls .customize-section-title-menu_locations-heading,
14 14
 #customize-theme-controls .customize-section-title-menu_locations-description {
15
-	padding: 0 12px 0 12px;
15
+	padding: 0 12px;
16 16
 }
17 17
 
18 18
 #customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
@@ -101,7 +101,7 @@
101 101
 .wp-customizer .menu-item-settings .description-thin {
102 102
 	width: 100%;
103 103
 	height: auto;
104
-	margin: 0 0 8px 0;
104
+	margin: 0 0 8px;
105 105
 }
106 106
 
107 107
 .wp-customizer .menu-item-settings input[type="text"] {
@@ -186,7 +186,7 @@
186 186
 }
187 187
 
188 188
 .wp-customizer .menu-settings dl {
189
-	margin: 12px 0 0 0;
189
+	margin: 12px 0 0;
190 190
 	padding: 0;
191 191
 }
192 192
 
@@ -323,7 +323,7 @@
323 323
 #available-menu-items .accordion-section-title .toggle-indicator:before {
324 324
 	content: "\f140";
325 325
 	display: block;
326
-	padding: 1px 0px 1px 2px;
326
+	padding: 1px 0 1px 2px;
327 327
 	speak: never;
328 328
 	border-radius: 50%;
329 329
 	color: #787c82;
@@ -582,8 +582,8 @@
582 582
 }
583 583
 
584 584
 #available-menu-items .accordion-section-content .available-menu-items-list {
585
-	margin: 0 0 45px 0;
586
-	padding: 1px 15px 15px 15px;
585
+	margin: 0 0 45px;
586
+	padding: 1px 15px 15px;
587 587
 }
588 588
 
589 589
 #available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
@@ -591,7 +591,7 @@
591 591
 }
592 592
 
593 593
 #new-custom-menu-item .accordion-section-content {
594
-	padding: 0 15px 15px 15px;
594
+	padding: 0 15px 15px;
595 595
 }
596 596
 
597 597
 #available-menu-items .menu-item-tpl {
@@ -691,7 +691,7 @@
691 691
 	position: absolute;
692 692
 	right: 0;
693 693
 	top: 60px; /* below title div / search input */
694
-	bottom: 0px; /* 100% height that still triggers lazy load */
694
+	bottom: 0; /* 100% height that still triggers lazy load */
695 695
 	max-height: none;
696 696
 	width: 100%;
697 697
 	padding: 1px 15px 15px;
@@ -796,7 +796,7 @@ body.adding-menu-items #customize-preview iframe {
796 796
 
797 797
 #create-new-menu-submit {
798 798
 	float: left;
799
-	margin: 0 0 12px 0;
799
+	margin: 0 0 12px;
800 800
 }
801 801
 
802 802
 .menu-delete-item {
@@ -806,7 +806,7 @@ body.adding-menu-items #customize-preview iframe {
806 806
 }
807 807
 
808 808
 .assigned-menu-locations-title p {
809
-	margin: 0 0 8px 0;
809
+	margin: 0 0 8px;
810 810
 }
811 811
 
812 812
 li.assigned-to-menu-location .menu-delete-item {

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/customize-nav-menus-rtl.min.css


+ 10 - 10
app/wp-admin/css/customize-nav-menus.css

@@ -11,7 +11,7 @@
11 11
 #customize-theme-controls .customize-section-title-nav_menus-heading,
12 12
 #customize-theme-controls .customize-section-title-menu_locations-heading,
13 13
 #customize-theme-controls .customize-section-title-menu_locations-description {
14
-	padding: 0 12px 0 12px;
14
+	padding: 0 12px;
15 15
 }
16 16
 
17 17
 #customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
@@ -100,7 +100,7 @@
100 100
 .wp-customizer .menu-item-settings .description-thin {
101 101
 	width: 100%;
102 102
 	height: auto;
103
-	margin: 0 0 8px 0;
103
+	margin: 0 0 8px;
104 104
 }
105 105
 
106 106
 .wp-customizer .menu-item-settings input[type="text"] {
@@ -185,7 +185,7 @@
185 185
 }
186 186
 
187 187
 .wp-customizer .menu-settings dl {
188
-	margin: 12px 0 0 0;
188
+	margin: 12px 0 0;
189 189
 	padding: 0;
190 190
 }
191 191
 
@@ -322,7 +322,7 @@
322 322
 #available-menu-items .accordion-section-title .toggle-indicator:before {
323 323
 	content: "\f140";
324 324
 	display: block;
325
-	padding: 1px 2px 1px 0px;
325
+	padding: 1px 2px 1px 0;
326 326
 	speak: never;
327 327
 	border-radius: 50%;
328 328
 	color: #787c82;
@@ -581,8 +581,8 @@
581 581
 }
582 582
 
583 583
 #available-menu-items .accordion-section-content .available-menu-items-list {
584
-	margin: 0 0 45px 0;
585
-	padding: 1px 15px 15px 15px;
584
+	margin: 0 0 45px;
585
+	padding: 1px 15px 15px;
586 586
 }
587 587
 
588 588
 #available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
@@ -590,7 +590,7 @@
590 590
 }
591 591
 
592 592
 #new-custom-menu-item .accordion-section-content {
593
-	padding: 0 15px 15px 15px;
593
+	padding: 0 15px 15px;
594 594
 }
595 595
 
596 596
 #available-menu-items .menu-item-tpl {
@@ -690,7 +690,7 @@
690 690
 	position: absolute;
691 691
 	left: 0;
692 692
 	top: 60px; /* below title div / search input */
693
-	bottom: 0px; /* 100% height that still triggers lazy load */
693
+	bottom: 0; /* 100% height that still triggers lazy load */
694 694
 	max-height: none;
695 695
 	width: 100%;
696 696
 	padding: 1px 15px 15px;
@@ -795,7 +795,7 @@ body.adding-menu-items #customize-preview iframe {
795 795
 
796 796
 #create-new-menu-submit {
797 797
 	float: right;
798
-	margin: 0 0 12px 0;
798
+	margin: 0 0 12px;
799 799
 }
800 800
 
801 801
 .menu-delete-item {
@@ -805,7 +805,7 @@ body.adding-menu-items #customize-preview iframe {
805 805
 }
806 806
 
807 807
 .assigned-menu-locations-title p {
808
-	margin: 0 0 8px 0;
808
+	margin: 0 0 8px;
809 809
 }
810 810
 
811 811
 li.assigned-to-menu-location .menu-delete-item {

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/customize-nav-menus.min.css


+ 1 - 1
app/wp-admin/css/customize-widgets-rtl.css

@@ -82,7 +82,7 @@
82 82
 }
83 83
 
84 84
 .widget-inside {
85
-	padding: 1px 10px 10px 10px;
85
+	padding: 1px 10px 10px;
86 86
 	border-top: none;
87 87
 	line-height: 1.23076923;
88 88
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/customize-widgets-rtl.min.css


+ 1 - 1
app/wp-admin/css/customize-widgets.css

@@ -81,7 +81,7 @@
81 81
 }
82 82
 
83 83
 .widget-inside {
84
-	padding: 1px 10px 10px 10px;
84
+	padding: 1px 10px 10px;
85 85
 	border-top: none;
86 86
 	line-height: 1.23076923;
87 87
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/customize-widgets.min.css


+ 225 - 59
app/wp-admin/css/dashboard-rtl.css

@@ -111,56 +111,95 @@
111 111
 	max-width: 100%;
112 112
 }
113 113
 
114
+/* Screen meta exception for when the "Dashboard" heading is missing or located below the Welcome Panel. */
115
+.index-php #screen-meta-links {
116
+	margin: 0 0 8px 20px;
117
+}
118
+
114 119
 /* Welcome Panel */
115 120
 .welcome-panel {
116 121
 	position: relative;
117 122
 	overflow: auto;
118 123
 	margin: 16px 0;
119
-	padding: 23px 10px 0;
120
-	border: 1px solid #c3c4c7;
121
-	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
122
-	background: #fff;
123
-	font-size: 13px;
124
-	line-height: 1.7;
124
+	background-color: #e7ebfd;
125
+	font-size: 14px;
126
+	line-height: 1.3;
127
+	clear: both;
125 128
 }
126 129
 
127 130
 .welcome-panel h2 {
128 131
 	margin: 0;
129
-	font-size: 21px;
130
-	font-weight: 400;
131
-	line-height: 1.2;
132
+	font-size: 48px;
133
+	font-weight: 600;
134
+	line-height: 1.25;
132 135
 }
133 136
 
134 137
 .welcome-panel h3 {
135
-	margin: 1.33em 0 0;
136
-	font-size: 16px;
138
+	margin: 0;
139
+	font-size: 20px;
140
+	font-weight: 400;
141
+	line-height: 1.4;
137 142
 }
138 143
 
139
-.welcome-panel li {
140
-	font-size: 14px;
144
+.welcome-panel p {
145
+	font-size: inherit;
146
+	line-height: inherit;
141 147
 }
142 148
 
143
-.welcome-panel p {
144
-	color: #646970;
149
+.welcome-panel-header {
150
+	--about-header-image-width: 521px;
151
+	--about-header-bg-width: calc(var(--about-header-image-width) * 0.55);
152
+	--about-header-bg-offset-inline: 2rem;
153
+
154
+	position: relative;
145 155
 }
146 156
 
147
-.welcome-panel li a {
157
+.welcome-panel-header-image {
158
+	position: absolute;
159
+	top: -1rem;
160
+	left: var(--about-header-bg-offset-inline);
161
+	bottom: 0;
162
+	width: var(--about-header-bg-width);
163
+	height: auto;
164
+}
165
+
166
+.welcome-panel-header-image svg {
167
+	width: 100%;
168
+	height: auto;
169
+}
170
+
171
+.welcome-panel-header a {
172
+	color: inherit;
173
+}
174
+
175
+.welcome-panel-header a:focus,
176
+.welcome-panel-header a:hover {
177
+	color: inherit;
148 178
 	text-decoration: none;
149 179
 }
150 180
 
151
-.welcome-panel .about-description {
152
-	font-size: 16px;
153
-	margin: 0;
181
+.welcome-panel-header a:focus,
182
+.welcome-panel .welcome-panel-close:focus {
183
+	outline-color: currentColor;
184
+	outline-offset: 1px;
185
+	box-shadow: none;
186
+}
187
+
188
+.welcome-panel-header p {
189
+	margin: 0.5em 0 0;
190
+	font-size: 20px;
191
+	line-height: 1.4;
154 192
 }
155 193
 
156 194
 .welcome-panel .welcome-panel-close {
157 195
 	position: absolute;
158 196
 	top: 10px;
159 197
 	left: 10px;
160
-	padding: 10px 21px 10px 15px;
198
+	padding: 10px 24px 10px 15px;
161 199
 	font-size: 13px;
162 200
 	line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
163 201
 	text-decoration: none;
202
+	z-index: 1; /* Raise above the version image. */
164 203
 }
165 204
 
166 205
 .welcome-panel .welcome-panel-close:before {
@@ -168,8 +207,23 @@
168 207
 	top: 8px;
169 208
 	right: 0;
170 209
 	transition: all .1s ease-in-out;
210
+	content: '\f335';
211
+	font-size: 24px;
212
+	color: #1d2327;
171 213
 }
172 214
 
215
+.welcome-panel .welcome-panel-close {
216
+	color: #1d2327;
217
+}
218
+
219
+.welcome-panel .welcome-panel-close:hover,
220
+.welcome-panel .welcome-panel-close:focus,
221
+.welcome-panel .welcome-panel-close:hover::before,
222
+.welcome-panel .welcome-panel-close:focus::before {
223
+	color: #2271b1;
224
+}
225
+
226
+/* @deprecated 5.9.0 -- Button removed from panel. */
173 227
 .wp-core-ui .welcome-panel .button.button-hero {
174 228
 	margin: 15px 0 3px 13px;
175 229
 	padding: 12px 36px;
@@ -179,54 +233,98 @@
179 233
 }
180 234
 
181 235
 .welcome-panel-content {
182
-	margin-right: 13px;
236
+	min-height: 400px;
237
+	display: flex;
238
+	flex-direction: column;
239
+	justify-content: space-between;
240
+}
241
+
242
+.welcome-panel-header {
243
+	box-sizing: border-box;
244
+	margin-right: auto;
245
+	margin-left: auto;
183 246
 	max-width: 1500px;
247
+	width: 100%;
248
+	padding: 48px 48px 80px 0;
249
+	padding-left: calc(var(--about-header-bg-width) + (var(--about-header-bg-offset-inline) * 2));
184 250
 }
185 251
 
186 252
 .welcome-panel .welcome-panel-column-container {
253
+	box-sizing: border-box;
254
+	width: 100%;
187 255
 	clear: both;
188
-	position: relative;
256
+	display: grid;
257
+	z-index: 1;
258
+	padding: 48px;
259
+	grid-template-columns: repeat(3, 1fr);
260
+	gap: 32px;
261
+	align-self: flex-end;
262
+	background: #fff;
189 263
 }
190 264
 
191
-.welcome-panel .welcome-panel-column {
192
-	width: 32%;
193
-	min-width: 200px;
194
-	float: right;
265
+[class*="welcome-panel-icon"] {
266
+	height: 60px;
267
+	width: 60px;
268
+	background-color: #1d2327;
269
+	background-position: center;
270
+	background-size: 24px 24px;
271
+	background-repeat: no-repeat;
272
+	border-radius: 100%;
273
+}
274
+
275
+.welcome-panel-column {
276
+	display: grid;
277
+	grid-template-columns: min-content 1fr;
278
+	gap: 24px;
195 279
 }
196 280
 
197
-.welcome-panel .welcome-panel-column:first-child {
198
-	width: 36%;
281
+.welcome-panel-icon-pages {
282
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E");
199 283
 }
200 284
 
201
-.welcome-panel-column p.hide-if-no-customize {
202
-	margin-top: 10px;
285
+.welcome-panel-icon-layout {
286
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E");
203 287
 }
204 288
 
205
-.welcome-panel-column p {
206
-	margin-top: 7px;
207
-	color: #3c434a;
289
+.welcome-panel-icon-styles {
290
+	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E");
208 291
 }
209 292
 
293
+/* @deprecated 5.9.0 -- Section removed from welcome panel. */
210 294
 .welcome-panel .welcome-widgets-menus {
211 295
 	line-height: 1.14285714;
212 296
 }
213 297
 
298
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
214 299
 .welcome-panel .welcome-panel-column ul {
215 300
 	margin: 0.8em 0 1em 1em;
216 301
 }
217 302
 
303
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
304
+.welcome-panel li {
305
+	font-size: 14px;
306
+}
307
+
308
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
309
+.welcome-panel li a {
310
+	text-decoration: none;
311
+}
312
+
313
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
218 314
 .welcome-panel .welcome-panel-column li {
219 315
 	line-height: 1.14285714;
220 316
 	list-style-type: none;
221 317
 	padding: 0 0 8px;
222 318
 }
223 319
 
320
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
224 321
 .welcome-panel .welcome-icon {
225 322
 	background: transparent !important;
226 323
 }
227 324
 
228 325
 /* Welcome Panel and Right Now common Icons style */
229 326
 
327
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
230 328
 .welcome-panel .welcome-icon:before,
231 329
 #dashboard_right_now li a:before,
232 330
 #dashboard_right_now li span:before,
@@ -245,47 +343,56 @@
245 343
 
246 344
 /* Welcome Panel specific Icons styles */
247 345
 
346
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
248 347
 .welcome-panel .welcome-write-blog:before,
249 348
 .welcome-panel .welcome-edit-page:before {
250 349
 	content: "\f119";
251 350
 	top: -3px;
252 351
 }
253 352
 
353
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
254 354
 .welcome-panel .welcome-add-page:before {
255 355
 	content: "\f132";
256 356
 	top: -1px;
257 357
 }
258 358
 
359
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
259 360
 .welcome-panel .welcome-setup-home:before {
260 361
 	content: "\f102";
261 362
 	top: -1px;
262 363
 }
263 364
 
365
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
264 366
 .welcome-panel .welcome-view-site:before {
265 367
 	content: "\f115";
266 368
 	top: -2px;
267 369
 }
268 370
 
371
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
269 372
 .welcome-panel .welcome-widgets-menus:before {
270 373
 	content: "\f116";
271 374
 	top: -2px;
272 375
 }
273 376
 
377
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
274 378
 .welcome-panel .welcome-widgets:before {
275 379
 	content: "\f538";
276 380
 	top: -2px;
277 381
 }
278 382
 
383
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
279 384
 .welcome-panel .welcome-menus:before {
280 385
 	content: "\f163";
281 386
 	top: -2px;
282 387
 }
283 388
 
389
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
284 390
 .welcome-panel .welcome-comments:before {
285 391
 	content: "\f117";
286 392
 	top: -1px;
287 393
 }
288 394
 
395
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
289 396
 .welcome-panel .welcome-learn-more:before {
290 397
 	content: "\f118";
291 398
 	top: -1px;
@@ -355,7 +462,7 @@
355 462
 .community-events-errors [aria-hidden="true"],
356 463
 .community-events-loading[aria-hidden="true"],
357 464
 .community-events[aria-hidden="true"],
358
-.community-events [aria-hidden="true"] {
465
+.community-events form[aria-hidden="true"] {
359 466
 	display: none;
360 467
 }
361 468
 
@@ -519,7 +626,7 @@ body #dashboard-widgets .postbox form .submit {
519 626
 
520 627
 #dashboard_primary .rss-widget {
521 628
 	font-size: 13px;
522
-	padding: 0 12px 0;
629
+	padding: 0 12px;
523 630
 }
524 631
 
525 632
 #dashboard_primary .rss-widget:last-child {
@@ -600,7 +707,7 @@ body #dashboard-widgets .postbox form .submit {
600 707
 	color: #50575e;
601 708
 	background: #f6f7f7;
602 709
 	border-top: 1px solid #f0f0f1;
603
-	padding: 10px 12px 6px 12px;
710
+	padding: 10px 12px 6px;
604 711
 }
605 712
 
606 713
 #dashboard_right_now .sub h3 {
@@ -836,7 +943,7 @@ body #dashboard-widgets .postbox form .submit {
836 943
 }
837 944
 
838 945
 #activity-widget #the-comment-list .comment-item p.row-actions {
839
-	margin: 4px 0 0 0;
946
+	margin: 4px 0 0;
840 947
 }
841 948
 
842 949
 #activity-widget #the-comment-list .comment-item:first-child {
@@ -1103,6 +1210,18 @@ a.rsswidget {
1103 1210
 /* =Media Queries
1104 1211
 -------------------------------------------------------------- */
1105 1212
 
1213
+@media only screen and (min-width: 1600px) {
1214
+	.welcome-panel .welcome-panel-column-container {
1215
+		display: flex;
1216
+		justify-content: center;
1217
+	}
1218
+
1219
+	.welcome-panel-column {
1220
+		width: 100%;
1221
+		max-width: 460px;
1222
+	}
1223
+}
1224
+
1106 1225
 /* one column on the dash */
1107 1226
 @media only screen and (max-width: 799px) {
1108 1227
 	#wpbody-content #dashboard-widgets .postbox-container {
@@ -1214,25 +1333,67 @@ a.rsswidget {
1214 1333
 }
1215 1334
 
1216 1335
 @media screen and (max-width: 870px) {
1217
-	.welcome-panel .welcome-panel-column,
1218
-	.welcome-panel .welcome-panel-column:first-child {
1219
-		display: block;
1220
-		float: none;
1221
-		width: 100%;
1222
-	}
1223
-
1336
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1224 1337
 	.welcome-panel .welcome-panel-column li {
1225 1338
 		display: inline-block;
1226 1339
 		margin-left: 13px;
1227 1340
 	}
1228 1341
 
1342
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1229 1343
 	.welcome-panel .welcome-panel-column ul {
1230 1344
 		margin: 0.4em 0 0;
1231 1345
 	}
1232 1346
 
1233 1347
 }
1234 1348
 
1349
+@media screen and (max-width: 1180px) and (min-width: 783px) {
1350
+	.welcome-panel-column {
1351
+		grid-template-columns: 1fr;
1352
+	}
1353
+
1354
+	[class*="welcome-panel-icon"] {
1355
+		display: none;
1356
+	}
1357
+}
1358
+
1235 1359
 @media screen and (max-width: 782px) {
1360
+	.welcome-panel-header {
1361
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.4);
1362
+		--about-header-bg-offset-inline: 1rem;
1363
+	}
1364
+
1365
+	.welcome-panel-header-image {
1366
+		top: 2rem;
1367
+	}
1368
+
1369
+	.welcome-panel .welcome-panel-column-container {
1370
+		grid-template-columns: 1fr;
1371
+		box-sizing: border-box;
1372
+		padding: 32px;
1373
+		width: 100%;
1374
+	}
1375
+
1376
+	.welcome-panel .welcome-panel-column-content {
1377
+		max-width: 520px;
1378
+	}
1379
+
1380
+	/* Keep the close icon from overlapping the Welcome text. */
1381
+	.welcome-panel .welcome-panel-close {
1382
+		overflow: hidden;
1383
+		text-indent: 40px;
1384
+		white-space: nowrap;
1385
+		width: 20px;
1386
+		height: 20px;
1387
+		padding: 5px;
1388
+		top: 5px;
1389
+		left: 5px;
1390
+	}
1391
+
1392
+	.welcome-panel .welcome-panel-close::before {
1393
+		top: 5px;
1394
+		right: -35px;
1395
+	}
1396
+
1236 1397
 	#dashboard-widgets h2 {
1237 1398
 		padding: 12px;
1238 1399
 	}
@@ -1275,23 +1436,28 @@ a.rsswidget {
1275 1436
 
1276 1437
 /* Smartphone */
1277 1438
 @media screen and (max-width: 600px) {
1278
-	/* Keep the close icon from overlapping the Welcome text. */
1279
-	.welcome-panel .welcome-panel-close {
1280
-		overflow: hidden;
1281
-		text-indent: 40px;
1282
-		white-space: nowrap;
1283
-		width: 20px;
1284
-		height: 20px;
1285
-		padding: 5px;
1286
-		top: 5px;
1287
-		left: 5px;
1439
+	.welcome-panel-header {
1440
+		padding: 32px 32px 64px;
1288 1441
 	}
1289 1442
 
1290
-	/* Make the close icon larger for tappability. */
1291
-	.welcome-panel .welcome-panel-close:before {
1292
-		font-size: 20px;
1293
-		top: 5px;
1294
-		right: -35px;
1443
+	.welcome-panel-header-image {
1444
+		display: none;
1445
+	}
1446
+}
1447
+
1448
+@media screen and (max-width: 480px) {
1449
+	.welcome-panel-column {
1450
+		gap: 16px;
1451
+	}
1452
+}
1453
+
1454
+@media screen and (max-width: 360px) {
1455
+	.welcome-panel-column {
1456
+		grid-template-columns: 1fr;
1457
+	}
1458
+
1459
+	[class*="welcome-panel-icon"] {
1460
+		display: none;
1295 1461
 	}
1296 1462
 }
1297 1463
 

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/dashboard-rtl.min.css


+ 225 - 59
app/wp-admin/css/dashboard.css

@@ -110,56 +110,95 @@
110 110
 	max-width: 100%;
111 111
 }
112 112
 
113
+/* Screen meta exception for when the "Dashboard" heading is missing or located below the Welcome Panel. */
114
+.index-php #screen-meta-links {
115
+	margin: 0 20px 8px 0;
116
+}
117
+
113 118
 /* Welcome Panel */
114 119
 .welcome-panel {
115 120
 	position: relative;
116 121
 	overflow: auto;
117 122
 	margin: 16px 0;
118
-	padding: 23px 10px 0;
119
-	border: 1px solid #c3c4c7;
120
-	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
121
-	background: #fff;
122
-	font-size: 13px;
123
-	line-height: 1.7;
123
+	background-color: #e7ebfd;
124
+	font-size: 14px;
125
+	line-height: 1.3;
126
+	clear: both;
124 127
 }
125 128
 
126 129
 .welcome-panel h2 {
127 130
 	margin: 0;
128
-	font-size: 21px;
129
-	font-weight: 400;
130
-	line-height: 1.2;
131
+	font-size: 48px;
132
+	font-weight: 600;
133
+	line-height: 1.25;
131 134
 }
132 135
 
133 136
 .welcome-panel h3 {
134
-	margin: 1.33em 0 0;
135
-	font-size: 16px;
137
+	margin: 0;
138
+	font-size: 20px;
139
+	font-weight: 400;
140
+	line-height: 1.4;
136 141
 }
137 142
 
138
-.welcome-panel li {
139
-	font-size: 14px;
143
+.welcome-panel p {
144
+	font-size: inherit;
145
+	line-height: inherit;
140 146
 }
141 147
 
142
-.welcome-panel p {
143
-	color: #646970;
148
+.welcome-panel-header {
149
+	--about-header-image-width: 521px;
150
+	--about-header-bg-width: calc(var(--about-header-image-width) * 0.55);
151
+	--about-header-bg-offset-inline: 2rem;
152
+
153
+	position: relative;
144 154
 }
145 155
 
146
-.welcome-panel li a {
156
+.welcome-panel-header-image {
157
+	position: absolute;
158
+	top: -1rem;
159
+	right: var(--about-header-bg-offset-inline);
160
+	bottom: 0;
161
+	width: var(--about-header-bg-width);
162
+	height: auto;
163
+}
164
+
165
+.welcome-panel-header-image svg {
166
+	width: 100%;
167
+	height: auto;
168
+}
169
+
170
+.welcome-panel-header a {
171
+	color: inherit;
172
+}
173
+
174
+.welcome-panel-header a:focus,
175
+.welcome-panel-header a:hover {
176
+	color: inherit;
147 177
 	text-decoration: none;
148 178
 }
149 179
 
150
-.welcome-panel .about-description {
151
-	font-size: 16px;
152
-	margin: 0;
180
+.welcome-panel-header a:focus,
181
+.welcome-panel .welcome-panel-close:focus {
182
+	outline-color: currentColor;
183
+	outline-offset: 1px;
184
+	box-shadow: none;
185
+}
186
+
187
+.welcome-panel-header p {
188
+	margin: 0.5em 0 0;
189
+	font-size: 20px;
190
+	line-height: 1.4;
153 191
 }
154 192
 
155 193
 .welcome-panel .welcome-panel-close {
156 194
 	position: absolute;
157 195
 	top: 10px;
158 196
 	right: 10px;
159
-	padding: 10px 15px 10px 21px;
197
+	padding: 10px 15px 10px 24px;
160 198
 	font-size: 13px;
161 199
 	line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
162 200
 	text-decoration: none;
201
+	z-index: 1; /* Raise above the version image. */
163 202
 }
164 203
 
165 204
 .welcome-panel .welcome-panel-close:before {
@@ -167,8 +206,23 @@
167 206
 	top: 8px;
168 207
 	left: 0;
169 208
 	transition: all .1s ease-in-out;
209
+	content: '\f335';
210
+	font-size: 24px;
211
+	color: #1d2327;
170 212
 }
171 213
 
214
+.welcome-panel .welcome-panel-close {
215
+	color: #1d2327;
216
+}
217
+
218
+.welcome-panel .welcome-panel-close:hover,
219
+.welcome-panel .welcome-panel-close:focus,
220
+.welcome-panel .welcome-panel-close:hover::before,
221
+.welcome-panel .welcome-panel-close:focus::before {
222
+	color: #2271b1;
223
+}
224
+
225
+/* @deprecated 5.9.0 -- Button removed from panel. */
172 226
 .wp-core-ui .welcome-panel .button.button-hero {
173 227
 	margin: 15px 13px 3px 0;
174 228
 	padding: 12px 36px;
@@ -178,54 +232,98 @@
178 232
 }
179 233
 
180 234
 .welcome-panel-content {
181
-	margin-left: 13px;
235
+	min-height: 400px;
236
+	display: flex;
237
+	flex-direction: column;
238
+	justify-content: space-between;
239
+}
240
+
241
+.welcome-panel-header {
242
+	box-sizing: border-box;
243
+	margin-left: auto;
244
+	margin-right: auto;
182 245
 	max-width: 1500px;
246
+	width: 100%;
247
+	padding: 48px 0 80px 48px;
248
+	padding-right: calc(var(--about-header-bg-width) + (var(--about-header-bg-offset-inline) * 2));
183 249
 }
184 250
 
185 251
 .welcome-panel .welcome-panel-column-container {
252
+	box-sizing: border-box;
253
+	width: 100%;
186 254
 	clear: both;
187
-	position: relative;
255
+	display: grid;
256
+	z-index: 1;
257
+	padding: 48px;
258
+	grid-template-columns: repeat(3, 1fr);
259
+	gap: 32px;
260
+	align-self: flex-end;
261
+	background: #fff;
188 262
 }
189 263
 
190
-.welcome-panel .welcome-panel-column {
191
-	width: 32%;
192
-	min-width: 200px;
193
-	float: left;
264
+[class*="welcome-panel-icon"] {
265
+	height: 60px;
266
+	width: 60px;
267
+	background-color: #1d2327;
268
+	background-position: center;
269
+	background-size: 24px 24px;
270
+	background-repeat: no-repeat;
271
+	border-radius: 100%;
272
+}
273
+
274
+.welcome-panel-column {
275
+	display: grid;
276
+	grid-template-columns: min-content 1fr;
277
+	gap: 24px;
194 278
 }
195 279
 
196
-.welcome-panel .welcome-panel-column:first-child {
197
-	width: 36%;
280
+.welcome-panel-icon-pages {
281
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E");
198 282
 }
199 283
 
200
-.welcome-panel-column p.hide-if-no-customize {
201
-	margin-top: 10px;
284
+.welcome-panel-icon-layout {
285
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E");
202 286
 }
203 287
 
204
-.welcome-panel-column p {
205
-	margin-top: 7px;
206
-	color: #3c434a;
288
+.welcome-panel-icon-styles {
289
+	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E");
207 290
 }
208 291
 
292
+/* @deprecated 5.9.0 -- Section removed from welcome panel. */
209 293
 .welcome-panel .welcome-widgets-menus {
210 294
 	line-height: 1.14285714;
211 295
 }
212 296
 
297
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
213 298
 .welcome-panel .welcome-panel-column ul {
214 299
 	margin: 0.8em 1em 1em 0;
215 300
 }
216 301
 
302
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
303
+.welcome-panel li {
304
+	font-size: 14px;
305
+}
306
+
307
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
308
+.welcome-panel li a {
309
+	text-decoration: none;
310
+}
311
+
312
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
217 313
 .welcome-panel .welcome-panel-column li {
218 314
 	line-height: 1.14285714;
219 315
 	list-style-type: none;
220 316
 	padding: 0 0 8px;
221 317
 }
222 318
 
319
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
223 320
 .welcome-panel .welcome-icon {
224 321
 	background: transparent !important;
225 322
 }
226 323
 
227 324
 /* Welcome Panel and Right Now common Icons style */
228 325
 
326
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
229 327
 .welcome-panel .welcome-icon:before,
230 328
 #dashboard_right_now li a:before,
231 329
 #dashboard_right_now li span:before,
@@ -244,47 +342,56 @@
244 342
 
245 343
 /* Welcome Panel specific Icons styles */
246 344
 
345
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
247 346
 .welcome-panel .welcome-write-blog:before,
248 347
 .welcome-panel .welcome-edit-page:before {
249 348
 	content: "\f119";
250 349
 	top: -3px;
251 350
 }
252 351
 
352
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
253 353
 .welcome-panel .welcome-add-page:before {
254 354
 	content: "\f132";
255 355
 	top: -1px;
256 356
 }
257 357
 
358
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
258 359
 .welcome-panel .welcome-setup-home:before {
259 360
 	content: "\f102";
260 361
 	top: -1px;
261 362
 }
262 363
 
364
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
263 365
 .welcome-panel .welcome-view-site:before {
264 366
 	content: "\f115";
265 367
 	top: -2px;
266 368
 }
267 369
 
370
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
268 371
 .welcome-panel .welcome-widgets-menus:before {
269 372
 	content: "\f116";
270 373
 	top: -2px;
271 374
 }
272 375
 
376
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
273 377
 .welcome-panel .welcome-widgets:before {
274 378
 	content: "\f538";
275 379
 	top: -2px;
276 380
 }
277 381
 
382
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
278 383
 .welcome-panel .welcome-menus:before {
279 384
 	content: "\f163";
280 385
 	top: -2px;
281 386
 }
282 387
 
388
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
283 389
 .welcome-panel .welcome-comments:before {
284 390
 	content: "\f117";
285 391
 	top: -1px;
286 392
 }
287 393
 
394
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
288 395
 .welcome-panel .welcome-learn-more:before {
289 396
 	content: "\f118";
290 397
 	top: -1px;
@@ -354,7 +461,7 @@
354 461
 .community-events-errors [aria-hidden="true"],
355 462
 .community-events-loading[aria-hidden="true"],
356 463
 .community-events[aria-hidden="true"],
357
-.community-events [aria-hidden="true"] {
464
+.community-events form[aria-hidden="true"] {
358 465
 	display: none;
359 466
 }
360 467
 
@@ -518,7 +625,7 @@ body #dashboard-widgets .postbox form .submit {
518 625
 
519 626
 #dashboard_primary .rss-widget {
520 627
 	font-size: 13px;
521
-	padding: 0 12px 0;
628
+	padding: 0 12px;
522 629
 }
523 630
 
524 631
 #dashboard_primary .rss-widget:last-child {
@@ -599,7 +706,7 @@ body #dashboard-widgets .postbox form .submit {
599 706
 	color: #50575e;
600 707
 	background: #f6f7f7;
601 708
 	border-top: 1px solid #f0f0f1;
602
-	padding: 10px 12px 6px 12px;
709
+	padding: 10px 12px 6px;
603 710
 }
604 711
 
605 712
 #dashboard_right_now .sub h3 {
@@ -835,7 +942,7 @@ body #dashboard-widgets .postbox form .submit {
835 942
 }
836 943
 
837 944
 #activity-widget #the-comment-list .comment-item p.row-actions {
838
-	margin: 4px 0 0 0;
945
+	margin: 4px 0 0;
839 946
 }
840 947
 
841 948
 #activity-widget #the-comment-list .comment-item:first-child {
@@ -1102,6 +1209,18 @@ a.rsswidget {
1102 1209
 /* =Media Queries
1103 1210
 -------------------------------------------------------------- */
1104 1211
 
1212
+@media only screen and (min-width: 1600px) {
1213
+	.welcome-panel .welcome-panel-column-container {
1214
+		display: flex;
1215
+		justify-content: center;
1216
+	}
1217
+
1218
+	.welcome-panel-column {
1219
+		width: 100%;
1220
+		max-width: 460px;
1221
+	}
1222
+}
1223
+
1105 1224
 /* one column on the dash */
1106 1225
 @media only screen and (max-width: 799px) {
1107 1226
 	#wpbody-content #dashboard-widgets .postbox-container {
@@ -1213,25 +1332,67 @@ a.rsswidget {
1213 1332
 }
1214 1333
 
1215 1334
 @media screen and (max-width: 870px) {
1216
-	.welcome-panel .welcome-panel-column,
1217
-	.welcome-panel .welcome-panel-column:first-child {
1218
-		display: block;
1219
-		float: none;
1220
-		width: 100%;
1221
-	}
1222
-
1335
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1223 1336
 	.welcome-panel .welcome-panel-column li {
1224 1337
 		display: inline-block;
1225 1338
 		margin-right: 13px;
1226 1339
 	}
1227 1340
 
1341
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1228 1342
 	.welcome-panel .welcome-panel-column ul {
1229 1343
 		margin: 0.4em 0 0;
1230 1344
 	}
1231 1345
 
1232 1346
 }
1233 1347
 
1348
+@media screen and (max-width: 1180px) and (min-width: 783px) {
1349
+	.welcome-panel-column {
1350
+		grid-template-columns: 1fr;
1351
+	}
1352
+
1353
+	[class*="welcome-panel-icon"] {
1354
+		display: none;
1355
+	}
1356
+}
1357
+
1234 1358
 @media screen and (max-width: 782px) {
1359
+	.welcome-panel-header {
1360
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.4);
1361
+		--about-header-bg-offset-inline: 1rem;
1362
+	}
1363
+
1364
+	.welcome-panel-header-image {
1365
+		top: 2rem;
1366
+	}
1367
+
1368
+	.welcome-panel .welcome-panel-column-container {
1369
+		grid-template-columns: 1fr;
1370
+		box-sizing: border-box;
1371
+		padding: 32px;
1372
+		width: 100%;
1373
+	}
1374
+
1375
+	.welcome-panel .welcome-panel-column-content {
1376
+		max-width: 520px;
1377
+	}
1378
+
1379
+	/* Keep the close icon from overlapping the Welcome text. */
1380
+	.welcome-panel .welcome-panel-close {
1381
+		overflow: hidden;
1382
+		text-indent: 40px;
1383
+		white-space: nowrap;
1384
+		width: 20px;
1385
+		height: 20px;
1386
+		padding: 5px;
1387
+		top: 5px;
1388
+		right: 5px;
1389
+	}
1390
+
1391
+	.welcome-panel .welcome-panel-close::before {
1392
+		top: 5px;
1393
+		left: -35px;
1394
+	}
1395
+
1235 1396
 	#dashboard-widgets h2 {
1236 1397
 		padding: 12px;
1237 1398
 	}
@@ -1274,23 +1435,28 @@ a.rsswidget {
1274 1435
 
1275 1436
 /* Smartphone */
1276 1437
 @media screen and (max-width: 600px) {
1277
-	/* Keep the close icon from overlapping the Welcome text. */
1278
-	.welcome-panel .welcome-panel-close {
1279
-		overflow: hidden;
1280
-		text-indent: 40px;
1281
-		white-space: nowrap;
1282
-		width: 20px;
1283
-		height: 20px;
1284
-		padding: 5px;
1285
-		top: 5px;
1286
-		right: 5px;
1438
+	.welcome-panel-header {
1439
+		padding: 32px 32px 64px;
1287 1440
 	}
1288 1441
 
1289
-	/* Make the close icon larger for tappability. */
1290
-	.welcome-panel .welcome-panel-close:before {
1291
-		font-size: 20px;
1292
-		top: 5px;
1293
-		left: -35px;
1442
+	.welcome-panel-header-image {
1443
+		display: none;
1444
+	}
1445
+}
1446
+
1447
+@media screen and (max-width: 480px) {
1448
+	.welcome-panel-column {
1449
+		gap: 16px;
1450
+	}
1451
+}
1452
+
1453
+@media screen and (max-width: 360px) {
1454
+	.welcome-panel-column {
1455
+		grid-template-columns: 1fr;
1456
+	}
1457
+
1458
+	[class*="welcome-panel-icon"] {
1459
+		display: none;
1294 1460
 	}
1295 1461
 }
1296 1462
 

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/dashboard.min.css


+ 1 - 1
app/wp-admin/css/deprecated-media-rtl.css

@@ -101,7 +101,7 @@ th {
101 101
 	width: 100%;
102 102
 	border: none;
103 103
 	text-align: justify;
104
-	margin: 0 0 1em 0;
104
+	margin: 0 0 1em;
105 105
 	padding: 0;
106 106
 }
107 107
 

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/deprecated-media-rtl.min.css


+ 1 - 1
app/wp-admin/css/deprecated-media.css

@@ -100,7 +100,7 @@ th {
100 100
 	width: 100%;
101 101
 	border: none;
102 102
 	text-align: justify;
103
-	margin: 0 0 1em 0;
103
+	margin: 0 0 1em;
104 104
 	padding: 0;
105 105
 }
106 106
 

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/deprecated-media.min.css


+ 17 - 11
app/wp-admin/css/edit-rtl.css

@@ -98,6 +98,12 @@ input#link_url {
98 98
 	color: #646970;
99 99
 }
100 100
 
101
+#sample-permalink {
102
+	display: inline-block;
103
+	max-width: 100%;
104
+	word-wrap: break-word;
105
+}
106
+
101 107
 #edit-slug-box .cancel {
102 108
 	margin-left: 10px;
103 109
 	padding: 0;
@@ -147,6 +153,11 @@ body.post-new-php .submitbox .submitdelete {
147 153
 	margin-top: 3px;
148 154
 }
149 155
 
156
+body.post-type-wp_navigation div#minor-publishing,
157
+body.post-type-wp_navigation .inline-edit-status {
158
+	display: none;
159
+}
160
+
150 161
 /* Post Screen */
151 162
 
152 163
 /* Only highlight drop zones when dragging and only in the 2 columns layout. */
@@ -451,7 +462,7 @@ form#tags-filter {
451 462
 }
452 463
 
453 464
 .curtime #timestamp {
454
-	padding: 2px 0 1px 0;
465
+	padding: 2px 0 1px;
455 466
 	display: inline !important;
456 467
 	height: auto !important;
457 468
 }
@@ -651,7 +662,7 @@ form#tags-filter {
651 662
 }
652 663
 
653 664
 #poststuff .inside {
654
-	margin: 6px 0 0 0;
665
+	margin: 6px 0 0;
655 666
 }
656 667
 
657 668
 .link-php #poststuff .inside,
@@ -722,7 +733,7 @@ form#tags-filter {
722 733
 	font-weight: 600;
723 734
 	margin: 0 0.8rem 1rem;
724 735
 	font-size: 23px;
725
-	padding: 9px 0 4px 0;
736
+	padding: 9px 0 4px;
726 737
 	line-height: 1.3;
727 738
 }
728 739
 
@@ -1364,7 +1375,7 @@ p.description code {
1364 1375
 }
1365 1376
 
1366 1377
 #poststuff .tagsdiv .howto {
1367
-	margin: 1em 0 6px 0;
1378
+	margin: 1em 0 6px;
1368 1379
 }
1369 1380
 
1370 1381
 .ajaxtag .newtag {
@@ -1773,7 +1784,7 @@ table.links-table {
1773 1784
 	}
1774 1785
 
1775 1786
 	#titlediv #title-prompt-text {
1776
-		padding: 10px 10px;
1787
+		padding: 10px;
1777 1788
 	}
1778 1789
 
1779 1790
 	#poststuff .stuffbox .inside {
@@ -1956,12 +1967,7 @@ table.links-table {
1956 1967
 	}
1957 1968
 
1958 1969
 	.misc-pub-section {
1959
-		padding: 20px 10px 20px;
1960
-	}
1961
-
1962
-	.misc-pub-section > a {
1963
-		float: left;
1964
-		font-size: 16px;
1970
+		padding: 20px 10px;
1965 1971
 	}
1966 1972
 
1967 1973
 	#delete-action,

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/edit-rtl.min.css


+ 17 - 11
app/wp-admin/css/edit.css

@@ -97,6 +97,12 @@ input#link_url {
97 97
 	color: #646970;
98 98
 }
99 99
 
100
+#sample-permalink {
101
+	display: inline-block;
102
+	max-width: 100%;
103
+	word-wrap: break-word;
104
+}
105
+
100 106
 #edit-slug-box .cancel {
101 107
 	margin-right: 10px;
102 108
 	padding: 0;
@@ -146,6 +152,11 @@ body.post-new-php .submitbox .submitdelete {
146 152
 	margin-top: 3px;
147 153
 }
148 154
 
155
+body.post-type-wp_navigation div#minor-publishing,
156
+body.post-type-wp_navigation .inline-edit-status {
157
+	display: none;
158
+}
159
+
149 160
 /* Post Screen */
150 161
 
151 162
 /* Only highlight drop zones when dragging and only in the 2 columns layout. */
@@ -450,7 +461,7 @@ form#tags-filter {
450 461
 }
451 462
 
452 463
 .curtime #timestamp {
453
-	padding: 2px 0 1px 0;
464
+	padding: 2px 0 1px;
454 465
 	display: inline !important;
455 466
 	height: auto !important;
456 467
 }
@@ -650,7 +661,7 @@ form#tags-filter {
650 661
 }
651 662
 
652 663
 #poststuff .inside {
653
-	margin: 6px 0 0 0;
664
+	margin: 6px 0 0;
654 665
 }
655 666
 
656 667
 .link-php #poststuff .inside,
@@ -721,7 +732,7 @@ form#tags-filter {
721 732
 	font-weight: 600;
722 733
 	margin: 0 0.8rem 1rem;
723 734
 	font-size: 23px;
724
-	padding: 9px 0 4px 0;
735
+	padding: 9px 0 4px;
725 736
 	line-height: 1.3;
726 737
 }
727 738
 
@@ -1363,7 +1374,7 @@ p.description code {
1363 1374
 }
1364 1375
 
1365 1376
 #poststuff .tagsdiv .howto {
1366
-	margin: 1em 0 6px 0;
1377
+	margin: 1em 0 6px;
1367 1378
 }
1368 1379
 
1369 1380
 .ajaxtag .newtag {
@@ -1772,7 +1783,7 @@ table.links-table {
1772 1783
 	}
1773 1784
 
1774 1785
 	#titlediv #title-prompt-text {
1775
-		padding: 10px 10px;
1786
+		padding: 10px;
1776 1787
 	}
1777 1788
 
1778 1789
 	#poststuff .stuffbox .inside {
@@ -1955,12 +1966,7 @@ table.links-table {
1955 1966
 	}
1956 1967
 
1957 1968
 	.misc-pub-section {
1958
-		padding: 20px 10px 20px;
1959
-	}
1960
-
1961
-	.misc-pub-section > a {
1962
-		float: right;
1963
-		font-size: 16px;
1969
+		padding: 20px 10px;
1964 1970
 	}
1965 1971
 
1966 1972
 	#delete-action,

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/edit.min.css


+ 15 - 8
app/wp-admin/css/forms-rtl.css

@@ -33,7 +33,7 @@ select {
33 33
 }
34 34
 
35 35
 textarea.code {
36
-	padding: 4px 6px 1px 6px;
36
+	padding: 4px 6px 1px;
37 37
 }
38 38
 
39 39
 input[type="text"],
@@ -1000,8 +1000,8 @@ table.form-table td .updated p {
1000 1000
 
1001 1001
 .pressthis-bookmarklet span {
1002 1002
 	display: inline-block;
1003
-	margin: 0px 0 0;
1004
-	padding: 0px 9px 8px 12px;
1003
+	margin: 0;
1004
+	padding: 0 9px 8px 12px;
1005 1005
 }
1006 1006
 
1007 1007
 .pressthis-bookmarklet span:before {
@@ -1226,7 +1226,7 @@ table.form-table td .updated p {
1226 1226
 }
1227 1227
 
1228 1228
 .request-filesystem-credentials-form .notice {
1229
-	margin: 0 0 20px 0;
1229
+	margin: 0 0 20px;
1230 1230
 	clear: both;
1231 1231
 }
1232 1232
 
@@ -1237,11 +1237,14 @@ table.form-table td .updated p {
1237 1237
 	margin-bottom: 1.3em;
1238 1238
 }
1239 1239
 
1240
-.tools-privacy-policy-page input.button,
1241
-.tools-privacy-policy-page select {
1240
+.tools-privacy-policy-page input.button {
1242 1241
 	margin: 0 6px 0 1px;
1243 1242
 }
1244 1243
 
1244
+.tools-privacy-policy-page select {
1245
+	margin: 0 6px 0.5em 1px;
1246
+}
1247
+
1245 1248
 .tools-privacy-edit {
1246 1249
 	margin: 1.5em 0;
1247 1250
 }
@@ -1526,6 +1529,10 @@ table.form-table td .updated p {
1526 1529
 		margin: 0 3px;
1527 1530
 	}
1528 1531
 
1532
+	.form-table .regular-text ~ input[type="text"].small-text {
1533
+		margin-top: 5px;
1534
+	}
1535
+
1529 1536
 	#pass-strength-result {
1530 1537
 		width: 100%;
1531 1538
 		box-sizing: border-box;
@@ -1560,13 +1567,13 @@ table.form-table td .updated p {
1560 1567
 	}
1561 1568
 
1562 1569
 	.form-table th {
1563
-		padding: 10px 0 0 0;
1570
+		padding: 10px 0 0;
1564 1571
 		border-bottom: 0;
1565 1572
 	}
1566 1573
 
1567 1574
 	.form-table td {
1568 1575
 		margin-bottom: 0;
1569
-		padding: 4px 0 6px 0;
1576
+		padding: 4px 0 6px;
1570 1577
 	}
1571 1578
 
1572 1579
 	.form-table.permalink-structure td code {

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/forms-rtl.min.css


+ 15 - 8
app/wp-admin/css/forms.css

@@ -32,7 +32,7 @@ select {
32 32
 }
33 33
 
34 34
 textarea.code {
35
-	padding: 4px 6px 1px 6px;
35
+	padding: 4px 6px 1px;
36 36
 }
37 37
 
38 38
 input[type="text"],
@@ -999,8 +999,8 @@ table.form-table td .updated p {
999 999
 
1000 1000
 .pressthis-bookmarklet span {
1001 1001
 	display: inline-block;
1002
-	margin: 0px 0 0;
1003
-	padding: 0px 12px 8px 9px;
1002
+	margin: 0;
1003
+	padding: 0 12px 8px 9px;
1004 1004
 }
1005 1005
 
1006 1006
 .pressthis-bookmarklet span:before {
@@ -1225,7 +1225,7 @@ table.form-table td .updated p {
1225 1225
 }
1226 1226
 
1227 1227
 .request-filesystem-credentials-form .notice {
1228
-	margin: 0 0 20px 0;
1228
+	margin: 0 0 20px;
1229 1229
 	clear: both;
1230 1230
 }
1231 1231
 
@@ -1236,11 +1236,14 @@ table.form-table td .updated p {
1236 1236
 	margin-bottom: 1.3em;
1237 1237
 }
1238 1238
 
1239
-.tools-privacy-policy-page input.button,
1240
-.tools-privacy-policy-page select {
1239
+.tools-privacy-policy-page input.button {
1241 1240
 	margin: 0 1px 0 6px;
1242 1241
 }
1243 1242
 
1243
+.tools-privacy-policy-page select {
1244
+	margin: 0 1px 0.5em 6px;
1245
+}
1246
+
1244 1247
 .tools-privacy-edit {
1245 1248
 	margin: 1.5em 0;
1246 1249
 }
@@ -1525,6 +1528,10 @@ table.form-table td .updated p {
1525 1528
 		margin: 0 3px;
1526 1529
 	}
1527 1530
 
1531
+	.form-table .regular-text ~ input[type="text"].small-text {
1532
+		margin-top: 5px;
1533
+	}
1534
+
1528 1535
 	#pass-strength-result {
1529 1536
 		width: 100%;
1530 1537
 		box-sizing: border-box;
@@ -1559,13 +1566,13 @@ table.form-table td .updated p {
1559 1566
 	}
1560 1567
 
1561 1568
 	.form-table th {
1562
-		padding: 10px 0 0 0;
1569
+		padding: 10px 0 0;
1563 1570
 		border-bottom: 0;
1564 1571
 	}
1565 1572
 
1566 1573
 	.form-table td {
1567 1574
 		margin-bottom: 0;
1568
-		padding: 4px 0 6px 0;
1575
+		padding: 4px 0 6px;
1569 1576
 	}
1570 1577
 
1571 1578
 	.form-table.permalink-structure td code {

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/forms.min.css


+ 3 - 3
app/wp-admin/css/install-rtl.css

@@ -10,7 +10,7 @@ body {
10 10
 	color: #3c434a;
11 11
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
12 12
 	margin: 140px auto 25px;
13
-	padding: 20px 20px 10px 20px;
13
+	padding: 20px 20px 10px;
14 14
 	max-width: 700px;
15 15
 	-webkit-font-smoothing: subpixel-antialiased;
16 16
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
@@ -79,7 +79,7 @@ label {
79 79
 
80 80
 #logo {
81 81
 	margin: -130px auto 25px;
82
-	padding: 0 0 25px 0;
82
+	padding: 0 0 25px;
83 83
 	width: 84px;
84 84
 	height: 84px;
85 85
 	overflow: hidden;
@@ -142,7 +142,7 @@ textarea {
142 142
 }
143 143
 
144 144
 .form-table p {
145
-	margin: 4px 0 0 0;
145
+	margin: 4px 0 0;
146 146
 	font-size: 11px;
147 147
 }
148 148
 

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/install-rtl.min.css


+ 3 - 3
app/wp-admin/css/install.css

@@ -9,7 +9,7 @@ body {
9 9
 	color: #3c434a;
10 10
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
11 11
 	margin: 140px auto 25px;
12
-	padding: 20px 20px 10px 20px;
12
+	padding: 20px 20px 10px;
13 13
 	max-width: 700px;
14 14
 	-webkit-font-smoothing: subpixel-antialiased;
15 15
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
@@ -78,7 +78,7 @@ label {
78 78
 
79 79
 #logo {
80 80
 	margin: -130px auto 25px;
81
-	padding: 0 0 25px 0;
81
+	padding: 0 0 25px;
82 82
 	width: 84px;
83 83
 	height: 84px;
84 84
 	overflow: hidden;
@@ -141,7 +141,7 @@ textarea {
141 141
 }
142 142
 
143 143
 .form-table p {
144
-	margin: 4px 0 0 0;
144
+	margin: 4px 0 0;
145 145
 	font-size: 11px;
146 146
 }
147 147
 

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/install.min.css


+ 0 - 0
app/wp-admin/css/list-tables-rtl.css


Some files were not shown because too many files changed in this diff

tum/whitesports - Gogs: Simplico Git Service

Nenhuma Descrição

tools.php 3.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <?php
  2. /**
  3. * Tools Administration Screen.
  4. *
  5. * @package WordPress
  6. * @subpackage Administration
  7. */
  8. if ( isset( $_GET['page'] ) && ! empty( $_POST ) ) {
  9. // Ensure POST-ing to `tools.php?page=export_personal_data` and `tools.php?page=remove_personal_data`
  10. // continues to work after creating the new files for exporting and erasing of personal data.
  11. if ( 'export_personal_data' === $_GET['page'] ) {
  12. require_once ABSPATH . 'wp-admin/export-personal-data.php';
  13. return;
  14. } elseif ( 'remove_personal_data' === $_GET['page'] ) {
  15. require_once ABSPATH . 'wp-admin/erase-personal-data.php';
  16. return;
  17. }
  18. }
  19. // The privacy policy guide used to be outputted from here. Since WP 5.3 it is in wp-admin/privacy-policy-guide.php.
  20. if ( isset( $_GET['wp-privacy-policy-guide'] ) ) {
  21. require_once dirname( __DIR__ ) . '/wp-load.php';
  22. wp_redirect( admin_url( 'options-privacy.php?tab=policyguide' ), 301 );
  23. exit;
  24. } elseif ( isset( $_GET['page'] ) ) {
  25. // These were also moved to files in WP 5.3.
  26. if ( 'export_personal_data' === $_GET['page'] ) {
  27. require_once dirname( __DIR__ ) . '/wp-load.php';
  28. wp_redirect( admin_url( 'export-personal-data.php' ), 301 );
  29. exit;
  30. } elseif ( 'remove_personal_data' === $_GET['page'] ) {
  31. require_once dirname( __DIR__ ) . '/wp-load.php';
  32. wp_redirect( admin_url( 'erase-personal-data.php' ), 301 );
  33. exit;
  34. }
  35. }
  36. /** WordPress Administration Bootstrap */
  37. require_once __DIR__ . '/admin.php';
  38. $title = __( 'Tools' );
  39. get_current_screen()->add_help_tab(
  40. array(
  41. 'id' => 'converter',
  42. 'title' => __( 'Categories and Tags Converter' ),
  43. 'content' => '<p>' . __( 'Categories have hierarchy, meaning that you can nest sub-categories. Tags do not have hierarchy and cannot be nested. Sometimes people start out using one on their posts, then later realize that the other would work better for their content.' ) . '</p>' .
  44. '<p>' . __( 'The Categories and Tags Converter link on this screen will take you to the Import screen, where that Converter is one of the plugins you can install. Once that plugin is installed, the Activate Plugin &amp; Run Importer link will take you to a screen where you can choose to convert tags into categories or vice versa.' ) . '</p>',
  45. )
  46. );
  47. get_current_screen()->set_help_sidebar(
  48. '<p><strong>' . __( 'For more information:' ) . '</strong></p>' .
  49. '<p>' . __( '<a href="https://wordpress.org/support/article/tools-screen/">Documentation on Tools</a>' ) . '</p>' .
  50. '<p>' . __( '<a href="https://wordpress.org/support/">Support</a>' ) . '</p>'
  51. );
  52. require_once ABSPATH . 'wp-admin/admin-header.php';
  53. ?>
  54. <div class="wrap">
  55. <h1><?php echo esc_html( $title ); ?></h1>
  56. <?php
  57. if ( current_user_can( 'import' ) ) :
  58. $cats = get_taxonomy( 'category' );
  59. $tags = get_taxonomy( 'post_tag' );
  60. if ( current_user_can( $cats->cap->manage_terms ) || current_user_can( $tags->cap->manage_terms ) ) :
  61. ?>
  62. <div class="card">
  63. <h2 class="title"><?php _e( 'Categories and Tags Converter' ); ?></h2>
  64. <p>
  65. <?php
  66. printf(
  67. /* translators: %s: URL to Import screen. */
  68. __( 'If you want to convert your categories to tags (or vice versa), use the <a href="%s">Categories and Tags Converter</a> available from the Import screen.' ),
  69. 'import.php'
  70. );
  71. ?>
  72. </p>
  73. </div>
  74. <?php
  75. endif;
  76. endif;
  77. /**
  78. * Fires at the end of the Tools Administration screen.
  79. *
  80. * @since 2.8.0
  81. */
  82. do_action( 'tool_box' );
  83. ?>
  84. </div>
  85. <?php
  86. require_once ABSPATH . 'wp-admin/admin-footer.php';