8fbc4ea1804e9feecfcf6fe4fd042ef661a685f1R51">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/ecoloop - Gogs: Simplico Git Service

1 Ревизии (58527e68f07028e18ac04b8739b68bad9505e371)

Автор SHA1 Съобщение Дата
  tum a5d82c3daa first commit преди 3 месеца